feat(border): --radius

.npmignore

@@ -1,2 +1,7 @@
 .prettierrc
 commitlint.config.ts
+package.json
+package-lock.json
+node_modules
+.husky
+.github

README.md

@@ -5,6 +5,7 @@ More infos and example in [our wiki](https://github.com/rbalet/scss-opinionated/
 ![NPM](https://img.shields.io/npm/l/scss-opinionated)
 ![npm](https://img.shields.io/npm/dm/scss-opinionated)
 
+
 ## Quick start
 
 In the working repository
@@ -38,15 +39,15 @@ You can import specific mixins like follow
 ### Border
 ```scss
 :root {
-  --border-smallest: 4px; // Extra small : Menu, Snackbars, Text fields
-  --border-smaller: 8px; // Small : Chips, Rich tooltip
-  --border-small: 10px; // Medium : Cards, Small FABs
-  --border: 16px; // Large : FABs, Navigation drawers
-  --border-big: 20px;
-  --border-bigger: 28px; // Extra large : Dialogs, Large FABs, Search view (full-screen), Time picker, Time input
-  --border-rounded: 50px;
-  --border-circle: 100%; // @TODO remove in favor of --full
-  --border-full: 100%; // Full : Badge, Buttons, Sliders, Switches, Search bards
+  --radius-smallest: 4px; // Extra small : Menu, Snackbars, Text fields
+  --radius-smaller: 8px; // Small : Chips, Rich tooltip
+  --radius-small: 10px; // Medium : Cards, Small FABs
+  --radius: 16px; // Large : FABs, Navigation drawers
+  --radius-big: 20px;
+  --radius-bigger: 28px; // Extra large : Dialogs, Large FABs, Search view (full-screen), Time picker, Time input
+  --radius-rounded: 50px;
+  --radius-circle: 100%; // @TODO remove in favor of --full
+  --radius-full: 100%; // Full : Badge, Buttons, Sliders, Switches, Search bards
 }
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "scss-opinionated",
-  "version": "17.2.0",
+  "version": "18.0.0",
   "description": "Opiniated scss mixin and utilities",
   "license": "MIT",
   "author": "Raphael Balet",
@@ -35,6 +35,7 @@
     "extends": "@semantic-release/apm-config"
   },
   "scripts": {
+    "publish": "npm publish",
     "prepare": "husky"
   },
   "sideEffects": false

utilities/border.scss

@@ -1,6 +1,7 @@
 // https://m3.material.io/styles/shape/shape-scale-tokens#59b6f73a-6ef2-45a6-ab48-611d07635661
 
 :root {
+  // @TODO remove --border in favor of --radius
   --border-smallest: 4px; // Extra small : Menu, Snackbars, Text fields
   --border-smaller: 8px; // Small : Chips, Rich tooltip
   --border-small: 10px; // Medium : Cards, Small FABs
@@ -10,4 +11,14 @@
   --border-rounded: 50px;
   --border-circle: 100%; // @TODO remove in favor of --full
   --border-full: 100%; // Full : Badge, Buttons, Sliders, Switches, Search bards
+
+  --radius-smallest: 4px; // Extra small : Menu, Snackbars, Text fields
+  --radius-smaller: 8px; // Small : Chips, Rich tooltip
+  --radius-small: 10px; // Medium : Cards, Small FABs
+  --radius: 16px; // Large : FABs, Navigation drawers
+  --radius-big: 20px;
+  --radius-bigger: 28px; // Extra large : Dialogs, Large FABs, Search view (full-screen), Time picker, Time input
+  --radius-rounded: 50px;
+  --radius-circle: 100%; // @TODO remove in favor of --full
+  --radius-full: 100%; // Full : Badge, Buttons, Sliders, Switches, Search bards
 }