refactor: fix stylelint issues

logto-io · Apr 18, 2024 · d486d0c · d486d0c
1 parent 01b88ce
commit d486d0c
Show file tree

Hide file tree

Showing 10 changed files with 188 additions and 115 deletions.
diff --git a/packages/console/package.json b/packages/console/package.json
@@ -45,7 +45,7 @@
     "@parcel/transformer-sass": "2.9.3",
     "@parcel/transformer-svg-react": "2.9.3",
     "@silverhand/eslint-config": "6.0.1",
-    "@silverhand/eslint-config-react": "6.0.1",
+    "@silverhand/eslint-config-react": "6.0.2",
     "@silverhand/essentials": "^2.9.0",
     "@silverhand/ts-config": "6.0.0",
     "@silverhand/ts-config-react": "6.0.0",
@@ -118,7 +118,7 @@
     "react-timer-hook": "^3.0.5",
     "recharts": "^2.1.13",
     "remark-gfm": "^4.0.0",
-    "stylelint": "^16.0.0",
+    "stylelint": "^15.0.0",
     "swr": "^2.2.0",
     "titleize": "^4.0.0",
     "ts-node": "^10.9.2",

diff --git a/packages/console/src/components/Guide/ModalFooter/index.module.scss b/packages/console/src/components/Guide/ModalFooter/index.module.scss
@@ -2,7 +2,7 @@
 @use '@/scss/dimensions' as dim;
 
 .actionBar {
-  inset: auto 0 0 0;
+  inset: auto 0 0;
   width: 100%;
   padding: _.unit(4) _.unit(6);
   background-color: var(--color-layer-1);

diff --git a/packages/console/src/components/Markdown/index.module.scss b/packages/console/src/components/Markdown/index.module.scss
@@ -14,8 +14,7 @@
     padding-inline-start: 4ch;
 
     > li {
-      margin-block-start: _.unit(2);
-      margin-block-end: _.unit(2);
+      margin-block: _.unit(2) _.unit(2);
       padding-inline-start: _.unit(1);
     }
   }
@@ -24,8 +23,7 @@
     padding-inline-start: 2ch;
 
     > li {
-      margin-block-start: _.unit(3);
-      margin-block-end: _.unit(3);
+      margin-block: _.unit(3) _.unit(3);
       padding-inline-start: _.unit(1);
     }
   }

diff --git a/packages/console/src/ds-components/Switch/index.module.scss b/packages/console/src/ds-components/Switch/index.module.scss
@@ -15,10 +15,7 @@
   .slider {
     position: absolute;
     cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    inset: 0;
     background-color: var(--color-neutral-90);
     transition: 0.4s;
     border-radius: 12px;

diff --git a/packages/console/src/scss/modal.module.scss b/packages/console/src/scss/modal.module.scss
@@ -24,10 +24,7 @@
 
 .fullScreen {
   position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   z-index: 100;
 
   &:focus-visible {

diff --git a/packages/demo-app/package.json b/packages/demo-app/package.json
@@ -27,7 +27,7 @@
     "@parcel/core": "2.9.3",
     "@parcel/transformer-sass": "2.9.3",
     "@silverhand/eslint-config": "6.0.1",
-    "@silverhand/eslint-config-react": "6.0.1",
+    "@silverhand/eslint-config-react": "6.0.2",
     "@silverhand/ts-config": "6.0.0",
     "@silverhand/ts-config-react": "6.0.0",
     "@types/react": "^18.0.31",
@@ -44,7 +44,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-i18next": "^12.3.1",
-    "stylelint": "^16.0.0",
+    "stylelint": "^15.0.0",
     "typescript": "^5.3.3",
     "zod": "^3.22.4"
   },

diff --git a/packages/experience/package.json b/packages/experience/package.json
@@ -35,7 +35,7 @@
     "@react-spring/shared": "^9.6.1",
     "@react-spring/web": "^9.6.1",
     "@silverhand/eslint-config": "6.0.1",
-    "@silverhand/eslint-config-react": "6.0.1",
+    "@silverhand/eslint-config-react": "6.0.2",
     "@silverhand/essentials": "^2.9.0",
     "@silverhand/ts-config": "6.0.0",
     "@silverhand/ts-config-react": "6.0.0",
@@ -85,7 +85,7 @@
     "react-string-replace": "^1.0.0",
     "react-timer-hook": "^3.0.5",
     "react-top-loading-bar": "^2.3.1",
-    "stylelint": "^16.0.0",
+    "stylelint": "^15.0.0",
     "superstruct": "^1.0.3",
     "tiny-cookie": "^2.4.1",
     "typescript": "^5.3.3",

diff --git a/packages/experience/src/components/LoadingLayer/index.module.scss b/packages/experience/src/components/LoadingLayer/index.module.scss
@@ -2,10 +2,7 @@
 
 .overlay {
   position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   @include _.flex-column;
   z-index: 300;
 }

diff --git a/packages/toolkit/core-kit/package.json b/packages/toolkit/core-kit/package.json
@@ -51,6 +51,7 @@
   },
   "devDependencies": {
     "@silverhand/eslint-config": "6.0.1",
+    "@silverhand/eslint-config-react": "6.0.2",
     "@silverhand/ts-config": "6.0.0",
     "@silverhand/ts-config-react": "6.0.0",
     "@types/color": "^3.0.3",
@@ -61,7 +62,7 @@
     "lint-staged": "^15.0.0",
     "postcss": "^8.4.31",
     "prettier": "^3.0.0",
-    "stylelint": "^16.0.0",
+    "stylelint": "^15.0.0",
     "typescript": "^5.3.3",
     "vitest": "^1.4.0"
   },