@carbon/styles 1.28.0-rc.0 → 1.29.0-rc.0

package/css/styles.css

@@ -7761,6 +7761,48 @@ fieldset[disabled] .cds--form__helper-text {
   width: 100%;
 }
 
+.cds--contained-list .cds--search {
+  position: sticky;
+  z-index: 1;
+  top: 48px;
+}
+.cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
+  background-color: var(--cds-field);
+}
+
+.cds--contained-list .cds--search .cds--search-input {
+  border-bottom: 1px solid var(--cds-border-subtle);
+  background-color: var(--cds-background, #ffffff);
+}
+
+.cds--contained-list .cds--search .cds--search-close::before {
+  display: none;
+}
+
+.cds--contained-list .cds--search .cds--search-close {
+  border-right: 2px solid transparent;
+  outline: none;
+}
+.cds--contained-list .cds--search .cds--search-close:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--contained-list .cds--search .cds--search-close:focus {
+    outline-style: dotted;
+  }
+}
+
+.cds--contained-list .cds--search .cds--search-input ~ .cds--search-close:hover {
+  border-bottom: 1px solid transparent;
+}
+
+.cds--contained-list .cds--search .cds--search-input:focus ~ .cds--search-close:hover {
+  border: 2px solid var(--cds-focus, #0f62fe);
+  border-left: 0;
+  outline: none;
+}
+
 .cds--contained-list--on-page.cds--contained-list--sm .cds--contained-list__header {
   height: 2rem;
 }
@@ -12505,6 +12547,10 @@ button.cds--dropdown-text:focus {
   font-weight: 600;
 }
 
+.cds--number .cds--number__input-wrapper--warning input[type=number] {
+  padding-right: 8rem;
+}
+
 .cds--number input[type=number] {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -12517,7 +12563,7 @@ button.cds--dropdown-text:focus {
   min-width: 9.375rem;
   height: 2.5rem;
   box-sizing: border-box;
-  padding-right: 8rem;
+  padding-right: 6rem;
   padding-left: 1rem;
   border: 0;
   border-bottom: 0.0625rem solid var(--cds-border-strong);
@@ -12552,12 +12598,27 @@ button.cds--dropdown-text:focus {
   -webkit-appearance: none;
           appearance: none;
 }
+.cds--number input[type=number][data-invalid] {
+  padding-right: 8rem;
+}
 
 .cds--number--lg.cds--number input[type=number] {
+  padding-right: 7rem;
+}
+.cds--number--lg.cds--number input[type=number][data-invalid] {
+  padding-right: 9rem;
+}
+.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number] {
   padding-right: 9rem;
 }
 
 .cds--number--sm.cds--number input[type=number] {
+  padding-right: 5rem;
+}
+.cds--number--sm.cds--number input[type=number][data-invalid] {
+  padding-right: 7rem;
+}
+.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number] {
   padding-right: 7rem;
 }
 
@@ -19259,11 +19320,15 @@ span.cds--pagination__text.cds--pagination__items-count {
   white-space: nowrap;
 }
 
+.cds--structured-list-input + .cds--structured-list-td {
+  text-align: right;
+}
+
 .cds--structured-list-svg {
   display: inline-block;
   fill: transparent;
   transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  vertical-align: middle;
+  vertical-align: top;
 }
 
 .cds--structured-list-input:checked + .cds--structured-list-row .cds--structured-list-svg,
@@ -21295,6 +21360,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
 
 @media (max-width: 65.98rem) {
   .cds--side-nav__overlay-active {
+    z-index: 6000;
     width: 100vw;
     height: 100vh;
     background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
@@ -22219,6 +22285,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
 
 @media (max-width: 65.98rem) {
   .cds--side-nav__overlay-active {
+    z-index: 6000;
     width: 100vw;
     height: 100vh;
     background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));