@carbon/styles 1.6.0-rc.0 → 1.8.0-rc.0

package/css/styles.css

@@ -1078,6 +1078,7 @@ em {
   --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);
   --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);
   display: grid;
+  width: 100%;
   max-width: 99rem;
   padding-right: var(--cds-grid-margin);
   padding-left: var(--cds-grid-margin);
@@ -1285,17 +1286,17 @@ em {
 
 .cds--sm\:col-span-75 {
   --cds-grid-columns: 3;
-  grid-column: span 3/span 3;
+  grid-column: span 3 / span 3;
 }
 
 .cds--sm\:col-span-50 {
   --cds-grid-columns: 2;
-  grid-column: span 2/span 2;
+  grid-column: span 2 / span 2;
 }
 
 .cds--sm\:col-span-25 {
   --cds-grid-columns: 1;
-  grid-column: span 1/span 1;
+  grid-column: span 1 / span 1;
 }
 
 @media (min-width: 42rem) {
@@ -1370,17 +1371,17 @@ em {
 
   .cds--md\:col-span-75 {
     --cds-grid-columns: 6;
-    grid-column: span 6/span 6;
+    grid-column: span 6 / span 6;
   }
 
   .cds--md\:col-span-50 {
     --cds-grid-columns: 4;
-    grid-column: span 4/span 4;
+    grid-column: span 4 / span 4;
   }
 
   .cds--md\:col-span-25 {
     --cds-grid-columns: 2;
-    grid-column: span 2/span 2;
+    grid-column: span 2 / span 2;
   }
 }
 @media (min-width: 66rem) {
@@ -1511,17 +1512,17 @@ em {
 
   .cds--lg\:col-span-75 {
     --cds-grid-columns: 12;
-    grid-column: span 12/span 12;
+    grid-column: span 12 / span 12;
   }
 
   .cds--lg\:col-span-50 {
     --cds-grid-columns: 8;
-    grid-column: span 8/span 8;
+    grid-column: span 8 / span 8;
   }
 
   .cds--lg\:col-span-25 {
     --cds-grid-columns: 4;
-    grid-column: span 4/span 4;
+    grid-column: span 4 / span 4;
   }
 }
 @media (min-width: 82rem) {
@@ -1652,17 +1653,17 @@ em {
 
   .cds--xlg\:col-span-75 {
     --cds-grid-columns: 12;
-    grid-column: span 12/span 12;
+    grid-column: span 12 / span 12;
   }
 
   .cds--xlg\:col-span-50 {
     --cds-grid-columns: 8;
-    grid-column: span 8/span 8;
+    grid-column: span 8 / span 8;
   }
 
   .cds--xlg\:col-span-25 {
     --cds-grid-columns: 4;
-    grid-column: span 4/span 4;
+    grid-column: span 4 / span 4;
   }
 }
 @media (min-width: 99rem) {
@@ -1793,17 +1794,17 @@ em {
 
   .cds--max\:col-span-75 {
     --cds-grid-columns: 12;
-    grid-column: span 12/span 12;
+    grid-column: span 12 / span 12;
   }
 
   .cds--max\:col-span-50 {
     --cds-grid-columns: 8;
-    grid-column: span 8/span 8;
+    grid-column: span 8 / span 8;
   }
 
   .cds--max\:col-span-25 {
     --cds-grid-columns: 4;
-    grid-column: span 4/span 4;
+    grid-column: span 4 / span 4;
   }
 }
 .cds--col-span-auto {
@@ -1816,52 +1817,52 @@ em {
 
 .cds--col-span-75 {
   --cds-grid-columns: 3;
-  grid-column: span 3/span 3;
+  grid-column: span 3 / span 3;
 }
 @media (min-width: 42rem) {
   .cds--col-span-75 {
     --cds-grid-columns: 6;
-    grid-column: span 6/span 6;
+    grid-column: span 6 / span 6;
   }
 }
 @media (min-width: 66rem) {
   .cds--col-span-75 {
     --cds-grid-columns: 12;
-    grid-column: span 12/span 12;
+    grid-column: span 12 / span 12;
   }
 }
 
 .cds--col-span-50 {
   --cds-grid-columns: 2;
-  grid-column: span 2/span 2;
+  grid-column: span 2 / span 2;
 }
 @media (min-width: 42rem) {
   .cds--col-span-50 {
     --cds-grid-columns: 4;
-    grid-column: span 4/span 4;
+    grid-column: span 4 / span 4;
   }
 }
 @media (min-width: 66rem) {
   .cds--col-span-50 {
     --cds-grid-columns: 8;
-    grid-column: span 8/span 8;
+    grid-column: span 8 / span 8;
   }
 }
 
 .cds--col-span-25 {
   --cds-grid-columns: 1;
-  grid-column: span 1/span 1;
+  grid-column: span 1 / span 1;
 }
 @media (min-width: 42rem) {
   .cds--col-span-25 {
     --cds-grid-columns: 2;
-    grid-column: span 2/span 2;
+    grid-column: span 2 / span 2;
   }
 }
 @media (min-width: 66rem) {
   .cds--col-span-25 {
     --cds-grid-columns: 4;
-    grid-column: span 4/span 4;
+    grid-column: span 4 / span 4;
   }
 }
 
@@ -6811,8 +6812,8 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag--outline {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #161616);
-  -webkit-box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939);
-          box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939);
+  -webkit-box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
+          box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
 }
 .cds--tag--outline.cds--tag--interactive:hover,
 .cds--tag--outline .cds--tag__close-icon:hover {
@@ -6824,6 +6825,8 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag--interactive.cds--tag--disabled {
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .cds--tag--disabled.cds--tag--interactive:hover,
 .cds--tag--disabled .cds--tag__close-icon:hover,
@@ -8343,7 +8346,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table thead th.cds--table-column-checkbox,
 .cds--data-table tbody td.cds--table-column-checkbox {
-  width: 2.5rem;
+  min-width: 2.5rem;
   padding-right: 0.25rem;
   padding-left: 1rem;
 }
@@ -17707,6 +17710,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   fill: var(--cds-icon-secondary, #525252);
 }
 
+.cds--search--expandable.cds--search--disabled svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--search-close svg,
 .cds--search-magnifier-icon {
@@ -18406,7 +18413,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  width: 100%;
+  width: auto;
   overflow-x: auto;
   scroll-behavior: smooth;
   scrollbar-width: none;
@@ -19602,6 +19609,13 @@ span.cds--pagination__text.cds--pagination__items-count {
           column-gap: 1rem;
 }
 
+.cds--toggle {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
 .cds--toggle__label-text {
   font-size: var(--cds-label-01-font-size, 0.75rem);
   font-weight: var(--cds-label-01-font-weight, 400);