@carbon/styles 1.92.0 → 1.93.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/styles",
   "description": "Styles for the Carbon Design System",
-  "version": "1.92.0",
+  "version": "1.93.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -75,5 +75,5 @@
     "scss/**/*.css",
     "css/**/*.css"
   ],
-  "gitHead": "c17cce753e36124e6e8e02daba97ae9d4decbcc3"
+  "gitHead": "dff507858b43de91b300a98fa1bec24d38aaeb48"
 }

package/scss/components/pagination/_pagination.scss

@@ -36,11 +36,14 @@
     justify-content: space-between;
     background-color: $layer;
     border-block-start: 1px solid $border-subtle;
+    container-name: pagination;
+    container-type: inline-size;
     inline-size: calc(100% - 1px);
     min-block-size: convert.to-rem(40px);
     overflow-x: auto;
 
-    @include breakpoint('md') {
+    // 42rem = 'md' breakpoint
+    @container pagination (min-width: 42rem) {
       overflow: initial;
 
       .#{$prefix}--pagination__control-buttons {
@@ -49,7 +52,7 @@
     }
 
     // mobile friendly pagination
-    @include breakpoint-down('md') {
+    @container pagination (max-width: 42rem) {
       .#{$prefix}--pagination__left > *,
       .#{$prefix}--pagination__right > * {
         display: none;
@@ -92,6 +95,13 @@
     line-height: convert.to-rem(40px);
 
     min-inline-size: auto;
+
+    // Firefox-specific fix for three-digit numbers
+    // stylelint-disable-next-line at-rule-no-vendor-prefix
+    @-moz-document url-prefix() {
+      padding-inline-end: $spacing-05;
+      text-overflow: clip;
+    }
   }
 
   // Extra specificity is needed to preserve padding
@@ -184,13 +194,14 @@
   .#{$prefix}--pagination__left {
     padding: 0 $spacing-05 0 0;
 
-    @include breakpoint('md') {
+    // 42rem = 'md' breakpoint width
+    @container pagination (min-width: 42rem) {
       padding: 0 $spacing-05;
     }
   }
 
   .#{$prefix}--pagination__text {
-    @include breakpoint('md') {
+    @container pagination (min-width: 42rem) {
       display: inline-block;
     }
   }

package/scss/components/pagination/_unstable_pagination.scss

@@ -30,12 +30,15 @@
     background-color: $layer;
     border-block-end: 1px solid transparent;
     border-block-start: 1px solid $border-subtle;
+    container-name: pagination;
+    container-type: inline-size;
     inline-size: 100%;
     min-block-size: convert.to-rem(40px);
   }
 
   .#{$prefix}--unstable-pagination__text {
-    @include breakpoint('md') {
+    // 42rem = 'md' breakpoint width
+    @container pagination (min-width: 42rem) {
       display: inline-block;
     }
 
@@ -160,7 +163,8 @@
     inset-block-start: 50%;
     transform: translateY(-50%);
 
-    @include breakpoint('md') {
+    // 42rem = 'md' breakpoint width
+    @container pagination (min-width: 42rem) {
       inset-inline-end: $spacing-05;
     }
   }

package/scss/components/tabs/_tabs.scss

@@ -742,12 +742,6 @@
     }
   }
 
-  .#{$prefix}--tab-content--interactive {
-    &:focus {
-      outline: none;
-    }
-  }
-
   //-----------------------------
   // Skeleton state
   //-----------------------------