@carbon/styles 1.44.0 → 1.45.0-rc.0

package/css/styles.css

@@ -3979,7 +3979,7 @@ li.cds--accordion__item--disabled:last-of-type {
   will-change: transform;
 }
 
-.cds--popover--open > .cds--popover > .cds--popover-caret {
+.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
   display: block;
 }
 
@@ -8139,7 +8139,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty,
 .cds--list-box--warning .cds--list-box__field .cds--text-input--empty {
-  padding-inline-end: carbon--mini-units(9);
+  padding-inline-end: 4rem;
 }
 
 .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon,
@@ -8668,15 +8668,26 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__wrapper--slug .cds--list-box__field,
-.cds--list-box__wrapper--slug .cds--text-input {
+.cds--list-box__wrapper--slug .cds--text-input--empty {
   padding-inline-end: 4rem;
 }
 
-.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field,
+.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
+  padding-inline-end: 6rem;
+}
+
+.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
+.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,
+.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {
   padding-inline-end: 6rem;
 }
 
+.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
+.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
+  padding-inline-end: 7.5rem;
+}
+
 .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug {
   inset-inline-end: 4rem;
@@ -8785,6 +8796,7 @@ fieldset[disabled] .cds--form__helper-text {
   max-inline-size: 18rem;
   min-inline-size: 10rem;
   opacity: 0;
+  overflow-y: auto;
   visibility: hidden;
 }
 .cds--menu *,
@@ -8825,7 +8837,7 @@ fieldset[disabled] .cds--form__helper-text {
   display: grid;
   align-items: center;
   block-size: 2rem;
-  color: var(--cds-text-primary, #161616);
+  color: var(--cds-text-secondary, #525252);
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
   cursor: pointer;
@@ -8842,9 +8854,16 @@ fieldset[disabled] .cds--form__helper-text {
     outline-style: dotted;
   }
 }
+.cds--menu-item svg {
+  color: var(--cds-icon-secondary, #525252);
+}
 
 .cds--menu-item:hover {
   background-color: var(--cds-layer-hover);
+  color: var(--cds-text-primary, #161616);
+}
+.cds--menu-item:hover svg {
+  color: var(--cds-icon-primary, #161616);
 }
 
 .cds--menu--xs .cds--menu-item {
@@ -9806,7 +9825,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--data-table-header {
-  background: var(--cds-layer);
+  background-color: var(--cds-layer);
   padding-block-end: 1.5rem;
   padding-block-start: 1rem;
   padding-inline: 1rem;
@@ -9873,13 +9892,13 @@ fieldset[disabled] .cds--form__helper-text {
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
-.cds--data-table tbody tr:hover {
-  background: var(--cds-layer-hover);
+.cds--data-table tbody tr:not([data-child-row]):hover,
+.cds--data-table tbody tr[data-child-row]:hover > td {
+  background-color: var(--cds-layer-hover);
 }
 
 .cds--data-table tbody tr:hover td,
 .cds--data-table tbody tr:hover th {
-  background: var(--cds-layer-hover);
   border-block-end: 1px solid var(--cds-layer-hover);
   border-block-start: 1px solid var(--cds-layer-hover);
   color: var(--cds-text-primary, #161616);
@@ -9955,7 +9974,6 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table td,
 .cds--data-table tbody th {
-  background: var(--cds-layer);
   border-block-end: 1px solid var(--cds-border-subtle);
   border-block-start: 1px solid var(--cds-layer);
   color: var(--cds-text-secondary, #525252);
@@ -10058,17 +10076,23 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {
-  background-color: var(--cds-layer-accent);
   border-block-end: 1px solid var(--cds-layer-accent);
   border-block-start: 1px solid var(--cds-layer-accent);
 }
 
+.cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):nth-child(even) {
+  background-color: var(--cds-layer-accent);
+}
+
 .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
-  background-color: var(--cds-layer-hover);
   border-block-end: 1px solid var(--cds-layer-hover);
   border-block-start: 1px solid var(--cds-layer-hover);
 }
 
+.cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {
+  background-color: var(--cds-layer-hover);
+}
+
 .cds--table-column-checkbox .cds--checkbox-label {
   min-block-size: 1.5rem;
   padding-inline-start: 0;
@@ -10084,7 +10108,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table th.cds--table-column-checkbox {
   position: static;
-  background: var(--cds-layer-accent);
+  background-color: var(--cds-layer-accent);
   inline-size: 2rem;
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
@@ -10156,12 +10180,16 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,
 tr.cds--data-table--selected td {
-  background-color: var(--cds-layer-selected);
   border-block-end: 1px solid var(--cds-layer-active);
   border-block-start: 1px solid var(--cds-layer-selected);
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected,
+tr.cds--data-table--selected {
+  background-color: var(--cds-layer-selected);
+}
+
 .cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,
 tr.cds--data-table--selected:first-of-type td {
   border-block-start: 1px solid var(--cds-border-subtle-selected);
@@ -10184,12 +10212,16 @@ tr.cds--data-table--selected:last-of-type td {
 
 .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
 .cds--data-table tbody .cds--data-table--selected:hover td {
-  background: var(--cds-layer-selected-hover);
   border-block-end: 1px solid var(--cds-layer-selected-hover);
   border-block-start: 1px solid var(--cds-layer-selected-hover);
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,
+.cds--data-table tbody .cds--data-table--selected:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
 .cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {
   opacity: 1;
 }
@@ -10487,6 +10519,39 @@ tr.cds--data-table--selected:last-of-type td {
   margin: -0.1875rem 0;
 }
 
+.cds--data-table .cds--table-column-slug {
+  inline-size: 1rem;
+  padding-inline-end: 0;
+}
+
+.cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
+  background-image: linear-gradient(90deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 50%, transparent 100%), linear-gradient(90deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
+  background-attachment: fixed;
+}
+
+.cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
+.cds--data-table thead th:has(> .cds--table-header-label--slug) {
+  background-image: linear-gradient(180deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 100%, transparent 100%), linear-gradient(180deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
+}
+
+.cds--table-column-slug .cds--slug {
+  position: absolute;
+  transform: translateY(-50%);
+}
+
+.cds--data-table--xl .cds--table-column-slug .cds--slug {
+  transform: translateY(1px);
+}
+
+th .cds--table-header-label.cds--table-header-label--slug {
+  display: flex;
+  align-items: center;
+}
+
+th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
+  margin-inline-start: 0.5rem;
+}
+
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--data-table-content {
     outline: 1px solid transparent;
@@ -11572,7 +11637,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
   background-color: var(--cds-layer-hover);
   padding-block-end: 0;
   padding-block-start: 0;
-  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child-row-inner-container {
@@ -11581,13 +11646,22 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child
 }
 
 tr.cds--parent-row.cds--expandable-row + tr[data-child-row] {
-  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
   border-block-end: 1px solid var(--cds-border-subtle);
   padding-inline-start: 3.5rem;
-  transition: padding-bottom 110ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+tbody:has(> tr.cds--parent-row--slug) > tr.cds--expandable-row[data-child-row] td,
+tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
+  padding-inline-start: 5.5rem;
+}
+
+tbody:has(> tr.cds--parent-row--slug):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
+  padding-inline-start: 7.5rem;
 }
 
 tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
@@ -11611,7 +11685,7 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-i
 tr.cds--parent-row:not(.cds--expandable-row) td,
 tr.cds--parent-row.cds--expandable-row td,
 tr.cds--parent-row.cds--expandable-row {
-  transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {
@@ -11665,6 +11739,11 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   padding-inline-start: 0.375rem;
 }
 
+.cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {
+  border-block-end: 1px solid transparent;
+  box-shadow: none;
+}
+
 .cds--data-table th.cds--table-expand + .cds--table-column-checkbox + th,
 .cds--data-table td.cds--table-expand + .cds--table-column-checkbox + td {
   padding-inline-start: 0.5rem;
@@ -11755,7 +11834,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
 
 tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
   position: absolute;
-  background: var(--cds-layer-accent);
+  background-color: var(--cds-layer-accent);
   block-size: 0.0625rem;
   content: "";
   inline-size: 0.5rem;
@@ -11765,7 +11844,7 @@ tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
 
 tr.cds--parent-row.cds--expandable-row:hover td.cds--table-expand + td::after,
 tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td.cds--table-expand + td::after {
-  background: var(--cds-layer-hover);
+  background-color: var(--cds-layer-hover);
 }
 
 tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
@@ -11786,7 +11865,7 @@ tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
 
 .cds--data-table--zebra tr.cds--parent-row td,
 .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
-  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .cds--data-table--zebra tbody tr[data-parent-row]:hover td,
@@ -11798,33 +11877,33 @@ tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
 }
 
 .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td {
-  background: var(--cds-layer-hover);
+  background-color: var(--cds-layer-hover);
   border-block-end: 1px solid var(--cds-layer-hover);
   border-block-start: 1px solid var(--cds-layer-hover);
 }
 
+tr.cds--parent-row.cds--data-table--selected {
+  background-color: var(--cds-layer-selected);
+}
+
 tr.cds--parent-row.cds--data-table--selected:first-of-type td {
-  background: var(--cds-layer-selected);
-  border-block-end: 1px solid var(--cds-border-subtle);
   border-block-start: 1px solid var(--cds-layer-active);
   box-shadow: 0 1px var(--cds-layer-active);
 }
 
 tr.cds--parent-row.cds--data-table--selected td {
-  background: var(--cds-layer-selected);
-  border-block-end: 1px solid transparent;
+  border-block-end: 1px solid var(--cds-layer-active);
   box-shadow: 0 1px var(--cds-layer-active);
   color: var(--cds-text-primary, #161616);
 }
 
 tr.cds--parent-row.cds--data-table--selected:last-of-type td {
-  background: var(--cds-layer-selected);
   border-block-end: 1px solid transparent;
   box-shadow: 0 1px var(--cds-border-subtle);
 }
 
 tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover td {
-  background: var(--cds-layer-selected-hover);
+  background-color: var(--cds-layer-selected-hover);
   border-block-end: 1px solid var(--cds-border-subtle);
   border-block-start: 1px solid var(--cds-layer-selected-hover);
   box-shadow: 0 1px var(--cds-layer-selected-hover);
@@ -11840,7 +11919,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td:first-of-type {
-  background: var(--cds-layer-selected-hover);
+  background-color: var(--cds-layer-selected-hover);
   border-block-end: 1px solid transparent;
   border-block-start: 1px solid var(--cds-layer-selected-hover);
   box-shadow: 0 1px var(--cds-layer-selected-hover);
@@ -11861,7 +11940,22 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child
 
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] td,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[data-child-row] td {
-  background: var(--cds-layer-selected);
+  background-color: var(--cds-layer-selected);
+}
+
+.cds--parent-row .cds--table-column-slug,
+.cds--parent-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
+  box-shadow: none;
+}
+
+.cds--parent-row.cds--expandable-row .cds--table-column-slug,
+.cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
+  border-block-end: 1px solid transparent;
+}
+
+.cds--parent-row--slug td,
+.cds--data-table tr.cds--parent-row--slug:hover td {
+  border-block-start: 1px solid transparent;
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -12209,6 +12303,11 @@ th .cds--table-sort__flex {
   margin-block-start: 0.8125rem;
 }
 
+.cds--table-sort__header--slug .cds--slug {
+  margin-inline-end: auto;
+  margin-inline-start: 0.5rem;
+}
+
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--table-sort__icon,
   .cds--table-sort__icon-unsorted {
@@ -14228,7 +14327,7 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--list-box__menu {
-  inset-block-start: calc(100% + 0.1875rem);
+  inset-block-start: calc(100% + 0.0625rem);
 }
 
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
@@ -14341,6 +14440,34 @@ button.cds--dropdown-text:focus {
   background: var(--cds-skeleton-element, #c6c6c6);
 }
 
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug {
+  inset-block-start: 2.625rem;
+}
+
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug {
+  inset-inline-end: 2.5rem;
+}
+
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field {
+  padding-inline-end: 4rem;
+}
+
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty) {
+  padding-inline-end: 5.5rem;
+}
+
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug,
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug {
+  inset-inline-end: 4rem;
+}
+
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
+  padding-inline-end: 6rem;
+}
+
 .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
   overflow: visible;
   padding: 0;
@@ -14348,7 +14475,8 @@ button.cds--dropdown-text:focus {
 
 .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {
   overflow: hidden;
-  padding: 2.0625rem 4rem 0.8125rem 1rem;
+  padding-block: 2.0625rem 0.8125rem;
+  padding-inline: 1rem 4rem;
   text-overflow: ellipsis;
   transition: none;
   white-space: nowrap;
@@ -14651,6 +14779,12 @@ button.cds--dropdown-text:focus {
   background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
 }
 
+.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
+.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
+.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
+  padding-inline-end: 4rem;
+}
+
 .cds--multi-select .cds--list-box__field--wrapper {
   display: inline-flex;
   align-items: center;
@@ -15192,7 +15326,8 @@ button.cds--dropdown-text:focus {
   padding-inline-end: 9rem;
 }
 
-.cds--number__input-wrapper--slug input[type=number] {
+.cds--number__input-wrapper--slug input[type=number],
+.cds--number__input-wrapper--slug input[type=number]:disabled {
   background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
   padding-inline-end: 7rem;
 }
@@ -15437,6 +15572,17 @@ button.cds--dropdown-text:focus {
   inset-block-start: 2.6875rem;
 }
 
+.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug,
+.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
+  inset-inline-end: 5.5rem;
+}
+
+.cds--number-input--fluid .cds--number__input-wrapper--slug input,
+.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid],
+.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
+  padding-inline-end: 7.5rem;
+}
+
 .cds--number-input--fluid .cds--number__input-wrapper--slug {
   background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
 }
@@ -15877,7 +16023,8 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--select--fluid .cds--select__arrow {
   block-size: 1rem;
-  inset-block-start: 2rem;
+  inset-block-start: 2.125rem;
+  inset-inline-end: 0.75rem;
 }
 
 .cds--select--fluid .cds--select__divider {
@@ -15978,6 +16125,15 @@ optgroup.cds--select-optgroup:disabled,
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--select--fluid .cds--select--slug .cds--slug {
+  inset-block-start: 2.625rem;
+  inset-inline-end: 2.5rem;
+}
+
+.cds--select--fluid .cds--select--slug .cds--select-input {
+  padding-inline-end: 4rem;
+}
+
 .cds--text-area {
   box-sizing: border-box;
   padding: 0;
@@ -16201,7 +16357,7 @@ optgroup.cds--select-optgroup:disabled,
   align-items: center;
   margin: 0;
   block-size: 1rem;
-  inline-size: calc(100% - 2rem);
+  inline-size: auto;
   inset-block-start: 0.8125rem;
   inset-inline-start: 1rem;
 }
@@ -16345,6 +16501,11 @@ optgroup.cds--select-optgroup:disabled,
   background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
 }
 
+.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
+.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--slug {
+  inset-inline-end: 1rem;
+}
+
 .cds--text-input--fluid.cds--text-input-wrapper {
   position: relative;
   background: var(--cds-field);
@@ -16410,8 +16571,8 @@ optgroup.cds--select-optgroup:disabled,
   border-block-end: none;
 }
 
-.cds--text-input--fluid .cds--text-input--invalid + .cds--text-input__divider,
-.cds--text-input--fluid .cds--text-input--warning + .cds--text-input__divider {
+.cds--text-input--fluid .cds--text-input--invalid ~ .cds--text-input__divider,
+.cds--text-input--fluid .cds--text-input--warning ~ .cds--text-input__divider {
   display: block;
   border-style: solid;
   border-color: var(--cds-border-subtle);
@@ -16499,7 +16660,18 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--slug {
-  inset-block-start: 2.6875rem;
+  inset-block-start: 2.625rem;
+}
+
+.cds--text-input--fluid .cds--text-input--invalid ~ .cds--slug,
+.cds--text-input--fluid .cds--text-input--warning ~ .cds--slug {
+  inset-inline-end: 1rem;
+}
+
+.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input,
+.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--invalid,
+.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--warning {
+  padding-inline-end: 2.5rem;
 }
 
 .cds--time-picker--fluid {
@@ -16578,7 +16750,7 @@ optgroup.cds--select-optgroup:disabled,
   padding-block-start: 1.875rem;
 }
 
-.cds--select--fluid:last-of-type .cds--select-input {
+.cds--time-picker--fluid .cds--select--fluid:last-of-type .cds--select-input {
   border-inline-end: 2px solid transparent;
 }
 
@@ -18179,6 +18351,10 @@ optgroup.cds--select-optgroup:disabled,
   padding: 0.9375rem 0;
 }
 
+.cds--actionable-notification__button-wrapper {
+  display: flex;
+}
+
 .cds--actionable-notification--toast .cds--actionable-notification__text-wrapper {
   padding: 0.9375rem 0 1.4375rem 0;
 }
@@ -19743,29 +19919,89 @@ span.cds--pagination__text.cds--pagination__items-count {
   transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.cds--slider__thumb {
+.cds--slider__thumb-wrapper {
   position: absolute;
   z-index: 3;
+  block-size: 0.875rem;
+  inline-size: 0.875rem;
+  transform: translate(-50%, -50%);
+  --cds-tooltip-padding-inline: 0.5rem;
+  --cds-popover-offset: 0.5rem;
+}
+.cds--slider-container--rtl .cds--slider__thumb-wrapper {
+  transform: translate(50%, -50%);
+}
+
+.cds--slider__thumb-wrapper--lower,
+.cds--slider__thumb-wrapper--upper {
+  block-size: 24px;
+  inline-size: 16px;
+  --cds-popover-offset: var(--cds-popover-caret-height, 0.5rem);
+}
+
+.cds--slider__thumb-wrapper--lower {
+  transform: translate(-100%, -50%);
+}
+.cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
+  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+.cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
+  inset-inline-end: 0;
+  inset-inline-start: revert;
+  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
+}
+
+.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower {
+  transform: translate(100%, -50%);
+}
+.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
+  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
+}
+
+.cds--slider__thumb-wrapper--upper {
+  transform: translate(0, -50%);
+}
+.cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
+  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+.cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
+  inset-inline-start: 0;
+  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
+}
+
+.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper {
+  transform: translate(0, -50%);
+}
+.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
+  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
+}
+
+.cds--slider__thumb {
+  position: absolute;
   border-radius: 50%;
   background: var(--cds-layer-selected-inverse, #161616);
-  block-size: 0.875rem;
   box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
-  inline-size: 0.875rem;
+  inset: 0;
   outline: none;
-  transform: translate(-50%, -50%);
   transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--slider__thumb:hover {
-  transform: translate(-50%, -50%) scale(1.4286);
+  transform: scale(1.4286);
 }
 .cds--slider__thumb:focus {
   background-color: var(--cds-interactive, #0f62fe);
   box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe), inset 0 0 0 3px var(--cds-layer);
-  transform: translate(-50%, -50%) scale(1.4286);
+  transform: scale(1.4286);
 }
 .cds--slider__thumb:active {
   box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);
-  transform: translate(-50%, -50%) scale(1.4286);
+  transform: scale(1.4286);
 }
 
 .cds--slider__thumb-icon {
@@ -19779,14 +20015,12 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--slider__thumb--lower,
 .cds--slider__thumb--upper {
-  display: block;
+  position: absolute;
   /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   border-radius: unset;
   background-color: transparent;
-  block-size: 24px;
   box-shadow: none;
-  inline-size: 16px;
-  transform: translate(-100%, -50%);
+  inset: 0;
   transition: none;
 }
 .cds--slider__thumb--lower::before,
@@ -19803,7 +20037,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--slider__thumb--lower:hover,
 .cds--slider__thumb--upper:hover {
-  transform: translate(-100%, -50%);
+  transform: none;
 }
 .cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
 .cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
@@ -19812,13 +20046,13 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--slider__thumb--lower:active,
 .cds--slider__thumb--upper:active {
   box-shadow: none;
-  transform: translate(-100%, -50%);
+  transform: none;
 }
 .cds--slider__thumb--lower:focus,
 .cds--slider__thumb--upper:focus {
   background-color: transparent;
   box-shadow: none;
-  transform: translate(-100%, -50%);
+  transform: none;
 }
 .cds--slider__thumb--lower:focus .cds--slider__thumb-icon,
 .cds--slider__thumb--upper:focus .cds--slider__thumb-icon {
@@ -19836,20 +20070,14 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--slider__thumb--upper {
-  transform: translate(0, -50%);
+  transform: none;
 }
 .cds--slider__thumb--upper::before {
   inset-inline-end: auto;
   inset-inline-start: 0;
 }
-.cds--slider__thumb--upper:hover {
-  transform: translate(0, -50%);
-}
-.cds--slider__thumb--upper:active {
-  transform: translate(0, -50%);
-}
-.cds--slider__thumb--upper:focus {
-  transform: translate(0, -50%);
+.cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
+  transform: none;
 }
 
 .cds--slider__input {
@@ -19860,6 +20088,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   position: relative;
 }
 
+.cds--slider-text-input-wrapper--hidden {
+  display: none;
+}
+
 .cds--slider-text-input,
 .cds-slider-text-input {
   -moz-appearance: textfield;
@@ -19874,11 +20106,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   display: none;
 }
 
-.cds--slider-text-input--hidden {
-  display: none;
-}
-
-.cds--slider__thumb:focus ~ .cds--slider__filled-track {
+.cds--slider__thumb:focus ~ .cds--slider__filled-track,
+.cds--slider__thumb-wrapper:focus-within ~ .cds--slider__filled-track {
   background-color: var(--cds-border-interactive, #0f62fe);
 }
 
@@ -20020,15 +20249,17 @@ span.cds--pagination__text.cds--pagination__items-count {
   pointer-events: none;
 }
 
+.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper {
+  inset-inline-start: 50%;
+}
 .cds--slider-container.cds--skeleton .cds--slider__thumb {
   cursor: default;
-  inset-inline-start: 50%;
   pointer-events: none;
 }
-.cds--slider-container.cds--skeleton .cds--slider__thumb--lower {
+.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower {
   inset-inline-start: 0;
 }
-.cds--slider-container.cds--skeleton .cds--slider__thumb--upper {
+.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper {
   inset-inline-start: 100%;
 }