@carbon/styles 1.91.0 → 1.92.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/styles",
   "description": "Styles for the Carbon Design System",
-  "version": "1.91.0",
+  "version": "1.92.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -40,19 +40,19 @@
     }
   },
   "dependencies": {
-    "@carbon/colors": "^11.41.0",
+    "@carbon/colors": "^11.42.0-rc.0",
     "@carbon/feature-flags": "^0.31.0",
-    "@carbon/grid": "^11.44.0",
-    "@carbon/layout": "^11.42.0",
-    "@carbon/motion": "^11.36.0",
-    "@carbon/themes": "^11.61.0",
-    "@carbon/type": "^11.48.0",
+    "@carbon/grid": "^11.45.0-rc.0",
+    "@carbon/layout": "^11.43.0-rc.0",
+    "@carbon/motion": "^11.37.0-rc.0",
+    "@carbon/themes": "^11.62.0-rc.0",
+    "@carbon/type": "^11.49.0-rc.0",
     "@ibm/plex": "6.0.0-next.6",
     "@ibm/plex-mono": "1.1.0",
     "@ibm/plex-sans": "1.1.0",
     "@ibm/plex-sans-arabic": "1.1.0",
     "@ibm/plex-sans-devanagari": "1.1.0",
-    "@ibm/plex-sans-hebrew": "0.0.3-alpha.0",
+    "@ibm/plex-sans-hebrew": "1.1.0",
     "@ibm/plex-sans-thai": "0.0.3-alpha.0",
     "@ibm/plex-sans-thai-looped": "1.1.0",
     "@ibm/plex-serif": "1.1.0",
@@ -75,5 +75,5 @@
     "scss/**/*.css",
     "css/**/*.css"
   ],
-  "gitHead": "8f9dd77c8055a1a1ce36af55298c19c9f8966ab9"
+  "gitHead": "0d9497f77c917c567c8be19157e3da42d7a02c04"
 }

package/scss/components/data-table/expandable/_data-table-expandable.scss

@@ -315,14 +315,14 @@
   //----------------------------------------------------------------------------
   .#{$prefix}--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 3) td,
   .#{$prefix}--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 4) td {
-    border-block-end: 1px solid $layer;
+    background-color: $layer-accent;
+    border-block-end: 1px solid $layer-accent;
+    border-block-start: 1px solid $layer-accent;
   }
 
   .#{$prefix}--data-table--zebra tbody tr[data-parent-row]:nth-child(4n + 1) td,
   .#{$prefix}--data-table--zebra tbody tr[data-child-row]:nth-child(4n + 2) td {
-    background-color: $layer-accent;
-    border-block-end: 1px solid $layer-accent;
-    border-block-start: 1px solid $layer-accent;
+    border-block-end: 1px solid $layer;
   }
 
   .#{$prefix}--data-table--zebra tr.#{$prefix}--parent-row td,

package/scss/components/modal/_modal.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2016, 2023
+// Copyright IBM Corp. 2016, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -292,6 +292,15 @@
       linear-gradient(to top, $layer 0, 2px, transparent 2px);
   }
 
+  .#{$prefix}--modal--slug
+    .#{$prefix}--modal-content.#{$prefix}--modal-scroll-content.#{$prefix}--modal-scroll-content--no-fade,
+  .#{$prefix}--modal--decorator
+    .#{$prefix}--modal-content.#{$prefix}--modal-scroll-content.#{$prefix}--modal-scroll-content--no-fade,
+  .#{$prefix}--modal-scroll-content.#{$prefix}--modal-scroll-content--no-fade,
+  .#{$prefix}--modal-scroll-content--no-fade {
+    mask-image: none;
+  }
+
   //removing mask image in case we have dropdown in modal
   .#{$prefix}--modal-scroll-content:has(.#{$prefix}--autoalign) {
     mask-image: none;

package/scss/components/overflow-menu/_overflow-menu.scss

@@ -36,10 +36,10 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    block-size: convert.to-rem(40px);
+    block-size: $spacing-08;
     cursor: pointer;
-    inline-size: convert.to-rem(40px);
-    min-block-size: convert.to-rem(40px);
+    inline-size: $spacing-08;
+    min-block-size: $spacing-08;
     transition:
       outline $duration-fast-02 motion(entrance, productive),
       background-color $duration-fast-02 motion(entrance, productive);
@@ -57,15 +57,21 @@
     margin-block-start: 0;
   }
 
+  .#{$prefix}--overflow-menu--xs {
+    block-size: $spacing-06;
+    inline-size: $spacing-06;
+    min-block-size: $spacing-06;
+  }
+
   .#{$prefix}--overflow-menu--sm {
-    block-size: convert.to-rem(32px);
-    inline-size: convert.to-rem(32px);
-    min-block-size: convert.to-rem(32px);
+    block-size: $spacing-07;
+    inline-size: $spacing-07;
+    min-block-size: $spacing-07;
   }
 
   .#{$prefix}--overflow-menu--lg {
-    block-size: convert.to-rem(48px);
-    inline-size: convert.to-rem(48px);
+    block-size: $spacing-09;
+    inline-size: $spacing-09;
   }
 
   // Overwrite Icon Tooltip focus styles
@@ -93,9 +99,9 @@
   }
 
   .#{$prefix}--overflow-menu__icon {
-    block-size: convert.to-rem(16px);
+    block-size: $spacing-05;
     fill: $icon-primary;
-    inline-size: convert.to-rem(16px);
+    inline-size: $spacing-05;
   }
 
   .#{$prefix}--overflow-menu__wrapper {
@@ -112,8 +118,8 @@
     flex-direction: column;
     align-items: flex-start;
     background-color: $layer;
-    inline-size: convert.to-rem(160px);
-    inset-block-start: 32px;
+    inline-size: $spacing-13;
+    inset-block-start: $spacing-07;
     inset-inline-start: 0;
     list-style: none;
 
@@ -151,53 +157,65 @@
       .#{$prefix}--breadcrumb-menu-options
     )::after {
     block-size: convert.to-rem(3px);
-    inline-size: convert.to-rem(40px);
+    inline-size: $spacing-08;
     inset-block-start: convert.to-rem(-3px);
     inset-inline-start: 0;
   }
 
   .#{$prefix}--overflow-menu-options[data-floating-menu-direction='top']::after {
-    block-size: convert.to-rem(8px);
-    inline-size: convert.to-rem(40px);
-    inset-block-end: convert.to-rem(-8px);
+    block-size: $spacing-03;
+    inline-size: $spacing-08;
+    inset-block-end: -$spacing-03;
     inset-inline-start: 0;
   }
 
   .#{$prefix}--overflow-menu-options[data-floating-menu-direction='left']::after {
-    block-size: convert.to-rem(40px);
+    block-size: $spacing-08;
     inline-size: convert.to-rem(6px);
     inset-block-start: 0;
     inset-inline-end: convert.to-rem(-6px);
   }
 
   .#{$prefix}--overflow-menu-options[data-floating-menu-direction='right']::after {
-    block-size: convert.to-rem(40px);
+    block-size: $spacing-08;
     inline-size: convert.to-rem(6px);
     inset-block-start: 0;
     inset-inline-start: convert.to-rem(-6px);
   }
 
+  .#{$prefix}--overflow-menu-options--xs.#{$prefix}--overflow-menu-options {
+    &[data-floating-menu-direction='bottom']::after,
+    &[data-floating-menu-direction='top']::after {
+      inline-size: $spacing-06;
+    }
+
+    &[data-floating-menu-direction='left']::after,
+    &[data-floating-menu-direction='right']::after {
+      block-size: $spacing-06;
+    }
+  }
+
   .#{$prefix}--overflow-menu-options--sm.#{$prefix}--overflow-menu-options {
     &[data-floating-menu-direction='bottom']::after,
     &[data-floating-menu-direction='top']::after {
-      inline-size: convert.to-rem(32px);
+      inline-size: $spacing-07;
     }
 
     &[data-floating-menu-direction='left']::after,
     &[data-floating-menu-direction='right']::after {
-      block-size: convert.to-rem(32px);
+      block-size: $spacing-07;
     }
   }
 
   .#{$prefix}--overflow-menu-options--lg.#{$prefix}--overflow-menu-options {
     &[data-floating-menu-direction='bottom']::after,
     &[data-floating-menu-direction='top']::after {
-      inline-size: convert.to-rem(48px);
+      inline-size: $spacing-09;
     }
 
     &[data-floating-menu-direction='left']::after,
     &[data-floating-menu-direction='right']::after {
-      block-size: convert.to-rem(48px);
+      block-size: $spacing-09;
     }
   }
 
@@ -226,19 +244,24 @@
     align-items: center;
     padding: 0;
     background-color: transparent;
-    block-size: convert.to-rem(40px);
+    block-size: $spacing-08;
     inline-size: 100%;
     transition: background-color $duration-fast-02 motion(entrance, productive);
   }
 
+  .#{$prefix}--overflow-menu-options--xs
+    .#{$prefix}--overflow-menu-options__option {
+    block-size: $spacing-06;
+  }
+
   .#{$prefix}--overflow-menu-options--sm
     .#{$prefix}--overflow-menu-options__option {
-    block-size: convert.to-rem(32px);
+    block-size: $spacing-07;
   }
 
   .#{$prefix}--overflow-menu-options--lg
     .#{$prefix}--overflow-menu-options__option {
-    block-size: convert.to-rem(48px);
+    block-size: $spacing-09;
   }
 
   .#{$prefix}--overflow-menu--divider {