@carbon/styles 1.92.0 → 1.93.0-rc.0

package/css/styles.css

@@ -22193,6 +22193,8 @@ optgroup.cds--select-optgroup:disabled,
   justify-content: space-between;
   background-color: var(--cds-layer);
   border-block-start: 1px solid var(--cds-border-subtle);
+  container-name: pagination;
+  container-type: inline-size;
   inline-size: calc(100% - 1px);
   min-block-size: 2.5rem;
   overflow-x: auto;
@@ -22202,7 +22204,7 @@ optgroup.cds--select-optgroup:disabled,
 .cds--pagination *::after {
   box-sizing: inherit;
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--pagination {
     overflow: initial;
   }
@@ -22210,7 +22212,7 @@ optgroup.cds--select-optgroup:disabled,
     display: flex;
   }
 }
-@media (max-width: 41.98rem) {
+@container pagination (max-width: 42rem) {
   .cds--pagination .cds--pagination__left > *,
   .cds--pagination .cds--pagination__right > * {
     display: none;
@@ -22251,6 +22253,12 @@ optgroup.cds--select-optgroup:disabled,
   line-height: 2.5rem;
   min-inline-size: auto;
 }
+@-moz-document url-prefix() {
+  .cds--pagination .cds--select-input {
+    padding-inline-end: 1rem;
+    text-overflow: clip;
+  }
+}
 
 .cds--pagination .cds--select--inline .cds--select-input {
   padding-inline: 1rem 2.25rem;
@@ -22327,13 +22335,13 @@ optgroup.cds--select-optgroup:disabled,
 .cds--pagination__left {
   padding: 0 1rem 0 0;
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--pagination__left {
     padding: 0 1rem;
   }
 }
 
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--pagination__text {
     display: inline-block;
   }
@@ -22470,6 +22478,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   background-color: var(--cds-layer);
   border-block-end: 1px solid transparent;
   border-block-start: 1px solid var(--cds-border-subtle);
+  container-name: pagination;
+  container-type: inline-size;
   inline-size: 100%;
   min-block-size: 2.5rem;
 }
@@ -22483,7 +22493,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   margin: 0 1rem;
   color: var(--cds-text-secondary, #525252);
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--unstable-pagination__text {
     display: inline-block;
   }
@@ -22614,7 +22624,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-block-start: 50%;
   transform: translateY(-50%);
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--unstable-pagination__page-selector .cds--select__arrow,
   .cds--unstable-pagination__page-sizer .cds--select__arrow {
     inset-inline-end: 1rem;
@@ -25070,10 +25080,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
-.cds--tab-content--interactive:focus {
-  outline: none;
-}
-
 .cds--tabs.cds--skeleton {
   cursor: default;
   pointer-events: none;