fix(Stylelint): revert accidental modifications

carbon-design-system · Oct 2, 2023 · 60ded6d · 60ded6d
1 parent 46be5de
commit 60ded6d
Show file tree

Hide file tree

Showing 11 changed files with 1,527 additions and 1,443 deletions.
diff --git a/packages/styles/scss/__tests__/__snapshots__/type-test.js.snap b/packages/styles/scss/__tests__/__snapshots__/type-test.js.snap
diff --git a/packages/styles/scss/components/number-input/_number-input.scss b/packages/styles/scss/components/number-input/_number-input.scss
@@ -180,7 +180,7 @@
     }
 
     svg {
-      fill: currentcolor;
+      fill: currentColor;
     }
 
     &:focus {

diff --git a/packages/styles/scss/components/pagination-nav/_pagination-nav.scss b/packages/styles/scss/components/pagination-nav/_pagination-nav.scss
@@ -115,7 +115,7 @@
     }
 
     .#{$prefix}--pagination-nav__icon {
-      fill: currentcolor;
+      fill: currentColor;
       pointer-events: none;
     }
   }

diff --git a/packages/styles/scss/components/popover/_popover.scss b/packages/styles/scss/components/popover/_popover.scss
@@ -634,7 +634,7 @@ $popover-caret-height: custom-property.get-var(
   .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open
     .#{$prefix}--popover--tab-tip__button {
     background: theme.$layer;
-    box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
   }
 
   .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open

diff --git a/packages/styles/scss/components/progress-bar/_progress-bar.scss b/packages/styles/scss/components/progress-bar/_progress-bar.scss
@@ -57,7 +57,7 @@
 
   .#{$prefix}--progress-bar__bar {
     display: block;
-    background-color: currentcolor;
+    background-color: currentColor;
     block-size: 100%;
     color: $interactive;
     inline-size: 100%;

diff --git a/packages/styles/scss/components/search/_search.scss b/packages/styles/scss/components/search/_search.scss
@@ -177,7 +177,7 @@
     margin-inline-start: $spacing-01;
 
     svg {
-      fill: currentcolor;
+      fill: currentColor;
       vertical-align: middle;
     }
   }

diff --git a/packages/styles/scss/components/tabs/_tabs.scss b/packages/styles/scss/components/tabs/_tabs.scss
@@ -125,7 +125,11 @@
     .#{$prefix}--tab--overflow-nav-button--next::before {
       position: absolute;
       z-index: 1;
-      background: linear-gradient(to right, rgb(255 255 255 / 0%), $background);
+      background: linear-gradient(
+        to right,
+        rgba(255, 255, 255, 0),
+        $background
+      );
       block-size: 100%;
       content: '';
       inline-size: $spacing-03;
@@ -136,7 +140,7 @@
       .#{$prefix}--tab--overflow-nav-button--next::before {
       background-image: linear-gradient(
         to right,
-        rgb(255 255 255 / 0%),
+        rgba(255, 255, 255, 0),
         $layer-accent
       );
     }
@@ -151,7 +155,7 @@
     .#{$prefix}--tab--overflow-nav-button--previous::before {
       position: absolute;
       z-index: 1;
-      background: linear-gradient(to left, rgb(255 255 255 / 0%), $background);
+      background: linear-gradient(to left, rgba(255, 255, 255, 0), $background);
       block-size: 100%;
       content: '';
       inline-size: $spacing-03;
@@ -162,35 +166,39 @@
       .#{$prefix}--tab--overflow-nav-button--previous::before {
       background-image: linear-gradient(
         to left,
-        rgb(255 255 255 / 0%),
+        rgba(255, 255, 255, 0),
         $layer-accent
       );
     }
 
     .#{$prefix}--tabs--light .#{$prefix}--tabs__overflow-indicator--left {
-      background-image: linear-gradient(to left, rgb(255 255 255 / 0%), $layer);
+      background-image: linear-gradient(
+        to left,
+        rgba(255, 255, 255, 0),
+        $layer
+      );
     }
 
     .#{$prefix}--tabs--light .#{$prefix}--tabs__overflow-indicator--right {
       background-image: linear-gradient(
         to right,
-        rgb(255 255 255 / 0%),
+        rgba(255, 255, 255, 0),
         $layer
       );
     }
 
     &.#{$prefix}--tabs--contained .#{$prefix}--tabs__overflow-indicator--left {
       background-image: linear-gradient(
         to left,
-        rgb(255 255 255 / 0%),
+        rgba(255, 255, 255, 0),
         $layer-accent
       );
     }
 
     &.#{$prefix}--tabs--contained .#{$prefix}--tabs__overflow-indicator--right {
       background-image: linear-gradient(
         to right,
-        rgb(255 255 255 / 0%),
+        rgba(255, 255, 255, 0),
         $layer-accent
       );
     }

diff --git a/packages/styles/scss/components/tag/_tag.scss b/packages/styles/scss/components/tag/_tag.scss
@@ -188,15 +188,15 @@
     margin: 0 0 0 convert.to-rem(2px);
     background-color: transparent;
     block-size: layout.size('height');
-    color: currentcolor;
+    color: currentColor;
     cursor: pointer;
     inline-size: layout.size('height');
     transition:
       background-color $duration-fast-01 motion(standard, productive),
       box-shadow $duration-fast-01 motion(standard, productive);
 
     svg {
-      fill: currentcolor;
+      fill: currentColor;
     }
   }
 
@@ -206,13 +206,13 @@
     border: 0;
     background-color: transparent;
     block-size: convert.to-rem(16px);
-    color: currentcolor;
+    color: currentColor;
     inline-size: convert.to-rem(16px);
     margin-inline-end: $spacing-02;
     outline: none;
 
     svg {
-      fill: currentcolor;
+      fill: currentColor;
     }
   }
 

diff --git a/packages/styles/scss/fonts/_index.scss b/packages/styles/scss/fonts/_index.scss
@@ -18,14 +18,14 @@
 @use './serif';
 
 $-fonts: (
-  ibm-plex-mono: true,
-  ibm-plex-sans-arabic: false,
-  ibm-plex-sans-devanagari: false,
-  ibm-plex-sans-hebrew: false,
-  ibm-plex-sans-thai-looped: false,
-  ibm-plex-sans-thai: false,
-  ibm-plex-sans: true,
-  ibm-plex-serif: true,
+  IBM-Plex-Mono: true,
+  IBM-Plex-Sans-Arabic: false,
+  IBM-Plex-Sans-Devanagari: false,
+  IBM-Plex-Sans-Hebrew: false,
+  IBM-Plex-Sans-Thai-Looped: false,
+  IBM-Plex-Sans-Thai: false,
+  IBM-Plex-Sans: true,
+  IBM-Plex-Serif: true,
 );
 $fonts: () !default;
 $fonts: map.merge($-fonts, $fonts);

diff --git a/packages/styles/scss/utilities/_z-index.scss b/packages/styles/scss/utilities/_z-index.scss
@@ -9,16 +9,17 @@
 /// @type Map
 /// @group utilities
 $z-indexes: (
-  /* Dropdowns that render outside of a Modal should render above a Modal.*/
-    /* Dropdowns below the modal will close when the Modal is opened, so*/
-    /* having a higher z-index *should* not cause issues.*/ dropdown: 9100,
+  // Dropdowns that render outside of a Modal should render above a Modal.
+  // Dropdowns below the modal will close when the Modal is opened, so
+  // having a higher z-index *should* not cause issues.
+  dropdown: 9100,
   modal: 9000,
   header: 8000,
   overlay: 6000,
   floating: 6000,
   footer: 5000,
   hidden: - 1,
-  overflowhidden: - 1
+  overflowHidden: - 1
 );
 
 /// @access public

diff --git a/packages/type/scss/_styles.scss b/packages/type/scss/_styles.scss
@@ -846,11 +846,10 @@ $tokens: (
     );
     $max-vw: map.get($next-fluid-breakpoint, width);
 
-    // prettier-ignore
     font-size: calc(
-#{$min-font-size} +
-      #{strip-unit($max-font-size - $min-font-size)} *
-      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})
+      #{$min-font-size} +
+        #{strip-unit($max-font-size - $min-font-size)} *
+        ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})
     );
   } @else {
     // Otherwise, just default to setting the font size found from the type