From 3160f513c73f8ad1b53bdec00439ff9a8a91eb9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Balet?= <raphael@megaphone.info>
Date: Tue, 7 May 2024 14:07:06 +0200
Subject: [PATCH] feat(border): --radius

---
 .github/workflows/ci.yml | 41 ----------------------------------------
 .npmignore               |  5 +++++
 README.md                | 19 ++++++++++---------
 package.json             |  3 ++-
 utilities/border.scss    | 11 +++++++++++
 5 files changed, 28 insertions(+), 51 deletions(-)
 delete mode 100644 .github/workflows/ci.yml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
deleted file mode 100644
index 8bbf005..0000000
--- a/.github/workflows/ci.yml
+++ /dev/null
@@ -1,41 +0,0 @@
-name: CI
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-          cache: 'npm'
-      - run: npm ci
-
-  publish:
-    needs: build
-    runs-on: ubuntu-latest
-    if: github.ref_name == 'main'
-    permissions:
-      contents: write # to be able to publish a GitHub release
-      issues: write # to be able to comment on released issues
-      pull-requests: write # to be able to comment on released pull requests
-      id-token: write # to enable use of OIDC for npm provenance
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-          cache: 'npm'
-      - run: npm ci
-      - name: release
-        run: npx semantic-release --branches main
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.npmignore b/.npmignore
index 72c1770..417933f 100644
--- a/.npmignore
+++ b/.npmignore
@@ -1,2 +1,7 @@
 .prettierrc
 commitlint.config.ts
+package.json
+package-lock.json
+node_modules
+.husky
+.github
diff --git a/README.md b/README.md
index 6f42263..b2968ab 100644
--- a/README.md
+++ b/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
 }
 ```
 
diff --git a/package.json b/package.json
index 65b25b1..2af5c25 100644
--- a/package.json
+++ b/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
diff --git a/utilities/border.scss b/utilities/border.scss
index ec0b0c4..968ee0d 100644
--- a/utilities/border.scss
+++ b/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
 }