chore(deps): update dependency stylelint to v16 (#6201)

Co-authored-by: splincode <[email protected]> Co-authored-by: taiga-family-bot <[email protected]>
taiga-family · Dec 9, 2023 · 3048e7e · 3048e7e
1 parent cf331a3
commit 3048e7e
Show file tree

Hide file tree

Showing 14 changed files with 1,000 additions and 637 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -86,8 +86,11 @@
     },
     "stylelint": {
         "extends": [
-            "@taiga-ui/stylelint-config/taiga"
+            "@taiga-ui/stylelint-config"
         ],
+        "rules": {
+            "selector-class-pattern": "^(_.*)|(t-.*)|(tui-.*)|(ng-.*)|(hljs.*)$"
+        },
         "ignoreFiles": [
             "**/demo/**",
             "**/dist/**",
@@ -129,7 +132,7 @@
         "@taiga-ui/cspell-config": "0.25.0",
         "@taiga-ui/eslint-plugin-experience": "0.41.0",
         "@taiga-ui/prettier-config": "0.7.0",
-        "@taiga-ui/stylelint-config": "0.11.0",
+        "@taiga-ui/stylelint-config": "0.12.2",
         "@taiga-ui/tsconfig": "0.11.0",
         "@testing-library/cypress": "10.0.1",
         "@tinkoff/ng-event-plugins": "3.1.0",
@@ -155,7 +158,7 @@
         "prettier": "3.1.0",
         "rollup": "4.7.0",
         "standard-version": "9.5.0",
-        "stylelint": "15.11.0",
+        "stylelint": "16.0.1",
         "ts-loader": "9.5.1",
         "ts-mockito": "2.6.1",
         "ts-node": "10.9.2",

diff --git a/projects/addon-mobile/styles/android/checkbox.less b/projects/addon-mobile/styles/android/checkbox.less
@@ -25,12 +25,11 @@ input[tuiCheckbox] {
     }
 
     &:before {
+        --t-mask: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M2.7 8.5L7 12.7L15.3 4.7" fill="none" stroke="black" stroke-width="2"/></svg>');
         transition:
             clip-path var(--tui-duration) ease-in-out,
             mask 0s var(--tui-duration) ease-in-out;
         clip-path: inset(0 100% 0 0);
-
-        --t-mask: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M2.7 8.5L7 12.7L15.3 4.7" fill="none" stroke="black" stroke-width="2"/></svg>');
     }
 
     &:indeterminate:before {

diff --git a/projects/addon-mobile/styles/android/radio.less b/projects/addon-mobile/styles/android/radio.less
@@ -1,10 +1,10 @@
 input[tuiRadio] {
+    --t-size: 1.125rem;
+
     .transition(color);
     box-shadow: inset 0 0 0 0.125rem;
     color: var(--tui-base-04);
 
-    --t-size: 1.125rem;
-
     &:disabled:not(._readonly) {
         color: var(--tui-base-04);
     }

diff --git a/projects/addon-mobile/styles/common/badge.less b/projects/addon-mobile/styles/common/badge.less
@@ -12,10 +12,10 @@ tui-badge,
     }
 
     &[data-size='xl'] {
-        font: var(--tui-font-text-s);
-        font-weight: bold;
-
         --t-padding: 0 0.625rem;
         --t-size: 1.75rem;
+
+        font: var(--tui-font-text-s);
+        font-weight: bold;
     }
 }
diff --git a/projects/addon-mobile/styles/ios/checkbox.less b/projects/addon-mobile/styles/ios/checkbox.less
@@ -27,9 +27,9 @@ input[tuiRadio] {
     }
 
     &:before {
-        display: none;
-
         --t-mask: url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 11.25L9.8 15.2L15.2 7" fill="none" stroke="black" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+
+        display: none;
     }
 
     &:not([tuiRadio]):indeterminate:before {

diff --git a/projects/core/styles/theme/appearance/opposite.less b/projects/core/styles/theme/appearance/opposite.less
@@ -1,11 +1,10 @@
 @import '../../taiga-ui-local.less';
 
 [tuiAppearance][data-appearance='opposite'] {
+    --tui-focus: rgba(255, 255, 255, 0.64);
     background: #000;
     color: #fff;
 
-    --tui-focus: rgba(255, 255, 255, 0.64);
-
     .appearance-hover({
         background: #333;
     });
@@ -15,11 +14,10 @@
     });
 
     [tuiTheme='night'] & {
+        --tui-focus: rgba(51, 51, 51, 0.48);
         color: rgba(0, 0, 0, 0.8);
         background: #fff;
 
-        --tui-focus: rgba(51, 51, 51, 0.48);
-
         .appearance-hover({
             background: #f3F4f6;
         });

diff --git a/projects/experimental/components/badge/badge.style.less b/projects/experimental/components/badge/badge.style.less
@@ -2,6 +2,10 @@
 
 // TODO: Change to [tuiBadge] in 4.0
 [tuiBadgeNew] {
+    --t-gap: 0rem;
+    --t-dot: currentColor;
+    --t-icon-size: 1rem;
+
     .button-base();
     border-radius: 6rem;
     background: #959595;
@@ -11,10 +15,6 @@
     min-width: var(--t-size);
     font: var(--tui-font-text-s);
 
-    --t-gap: 0rem;
-    --t-dot: currentColor;
-    --t-icon-size: 1rem;
-
     &._dot:before {
         content: '';
         display: block;
@@ -99,12 +99,12 @@ img[tuiBadge] {
 }
 
 tui-icon[tuiBadge] {
+    --t-margin: 0 !important;
+
     mask: none;
     height: var(--t-size);
     width: var(--t-size);
 
-    --t-margin: 0 !important;
-
     &[data-size='s']:after {
         mask-size: 0.625rem;
     }

diff --git a/projects/experimental/components/button/button.style.less b/projects/experimental/components/button/button.style.less
@@ -2,6 +2,8 @@
 
 // TODO: Change to [tuiButton] in 4.0
 [tuiButtonNew] {
+    --t-gap: 0.125rem;
+
     .button-base();
     height: var(--t-size);
     justify-content: center;
@@ -10,8 +12,6 @@
     user-select: none;
     cursor: pointer;
 
-    --t-gap: 0.125rem;
-
     > .t-loader {
         .center-all();
 
@@ -67,6 +67,7 @@
         --t-padding: 0 1.25rem;
         --t-gap: 0.25rem;
         --t-margin: -0.25rem;
+
         font: var(--tui-font-text-m);
         font-weight: bold;
 
@@ -97,9 +98,9 @@
 }
 
 [tuiIconButton][tuiButtonNew] {
+    --t-gap: 0;
+
     width: var(--t-size);
     font-size: 0;
     padding: 0;
-
-    --t-gap: 0;
 }
diff --git a/projects/experimental/components/chip/chip.style.less b/projects/experimental/components/chip/chip.style.less
@@ -2,16 +2,16 @@
 
 tui-chip,
 [tuiChip] {
+    --t-gap: 0.125rem;
+    --t-margin: -0.125rem;
+    --t-icon-size: 1rem;
+
     .button-base();
     font: var(--tui-font-text-s);
     border-radius: var(--tui-radius-m);
     padding: var(--t-padding);
     height: var(--t-size);
 
-    --t-gap: 0.125rem;
-    --t-margin: -0.125rem;
-    --t-icon-size: 1rem;
-
     .interactive({
         cursor: pointer;
     });
@@ -23,26 +23,26 @@ tui-chip,
     }
 
     &[data-size='xxs'] {
-        font: var(--tui-font-text-xs);
-        border-radius: var(--tui-radius-xs);
-
         --t-gap: 0rem;
         --t-padding: 0 0.25rem;
         --t-size: 1rem;
         --t-icon-size: 0.75rem;
 
+        font: var(--tui-font-text-xs);
+        border-radius: var(--tui-radius-xs);
+
         & > [tuiIconButton] {
             margin: -0.5rem;
             transform: scale(0.75);
         }
     }
 
     &[data-size='xs'] {
-        border-radius: var(--tui-radius-xs);
-
         --t-padding: 0 0.375rem;
         --t-size: 1.25rem;
 
+        border-radius: var(--tui-radius-xs);
+
         & > [tuiIconButton] {
             margin: -0.375rem;
         }
@@ -63,13 +63,13 @@ tui-chip,
     }
 
     &[data-size='m'] {
-        font: var(--tui-font-text-m);
-
         --t-margin: -0.375rem;
         --t-icon-size: 1.5rem;
         --t-padding: 0 1rem;
         --t-size: var(--tui-height-m);
 
+        font: var(--tui-font-text-m);
+
         & > [tuiIconButton] {
             margin: -0.75rem;
         }

diff --git a/projects/experimental/components/pin/pin.styles.less b/projects/experimental/components/pin/pin.styles.less
@@ -1,6 +1,8 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
 :host {
+    --t-size: 2rem;
+
     .transition(~'width, height, border, margin');
     .clearbtn();
     position: relative;
@@ -25,8 +27,6 @@
         cursor: pointer;
     });
 
-    --t-size: 2rem;
-
     &:empty {
         --t-size: 0.75rem;
 
@@ -51,13 +51,13 @@
     }
 
     &._open {
+        --t-size: 3.5rem;
+
         font: var(--tui-font-text-m);
         font-weight: bold;
         border-width: 0;
         margin-top: -2.75rem;
 
-        --t-size: 3.5rem;
-
         ::ng-deep > img {
             padding: 0.125rem;
         }

diff --git a/projects/experimental/components/radio/radio.style.less b/projects/experimental/components/radio/radio.style.less
@@ -1,6 +1,8 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
 :host {
+    --t-size: 1.5rem;
+
     .transition(~'background, box-shadow');
     width: var(--t-size);
     height: var(--t-size);
@@ -10,8 +12,6 @@
     box-shadow: inset 0 0 0 0.0625rem var(--tui-clear-active);
     color: var(--tui-primary-text);
 
-    --t-size: 1.5rem;
-
     &:disabled._readonly {
         opacity: 1;
     }

diff --git a/projects/experimental/directives/button-vertical/button-vertical.style.less b/projects/experimental/directives/button-vertical/button-vertical.style.less
@@ -1,6 +1,9 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
 [tuiButton][tuiButtonVertical] {
+    --t-line-height: 1rem;
+    --t-margin: 0rem !important;
+
     flex-direction: column;
     height: auto;
     padding: 0.75rem;
@@ -9,9 +12,6 @@
     white-space: pre-line;
     font: var(--tui-font-text-s-2);
 
-    --t-line-height: 1rem;
-    --t-margin: 0rem !important;
-
     & > * {
         max-height: calc(var(--t-line-height) * 2);
     }

diff --git a/projects/experimental/directives/cell/cell.styles.less b/projects/experimental/directives/cell/cell.styles.less
@@ -1,6 +1,9 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
 [tuiCell] {
+    --tui-height: calc(var(--tui-height-s) - 0.5rem);
+    --t-padding: 0.125rem 1rem;
+
     .transition(background);
     .clearbtn();
     position: relative;
@@ -12,9 +15,6 @@
     padding: var(--t-padding);
     min-height: var(--t-height);
 
-    --tui-height: calc(var(--tui-height-s) - 0.5rem);
-    --t-padding: 0.125rem 1rem;
-
     [tuiCellSide] {
         position: relative;
         display: flex;