@carbon/ibm-products 2.79.0-rc.0 → 2.80.0-rc.0

package/css/carbon.css

@@ -4046,7 +4046,7 @@ li.cds--accordion__item--disabled:last-of-type {
   filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
 }
 
-.cds--popover--border .cds--popover > .cds--popover-content {
+.cds--popover--border > .cds--popover > .cds--popover-content {
   outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
   outline-offset: -1px;
 }
@@ -4110,7 +4110,7 @@ li.cds--accordion__item--disabled:last-of-type {
   display: block;
 }
 
-.cds--popover--background-token__background .cds--popover-content {
+.cds--popover--background-token__background > .cds--popover > .cds--popover-content {
   background-color: var(--cds-background, #ffffff);
 }
 
@@ -4146,7 +4146,7 @@ li.cds--accordion__item--disabled:last-of-type {
   content: "";
 }
 
-.cds--popover--background-token__background .cds--popover-caret::after {
+.cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after {
   background-color: var(--cds-background, #ffffff);
 }
 
@@ -5607,7 +5607,6 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--ai-label__text,
 .cds--slug__text {
   position: relative;
-  z-index: 1;
 }
 
 .cds--ai-label .cds--ai-label__button--inline,
@@ -10247,7 +10246,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__field .cds--text-input {
-  padding-inline-end: 5rem;
+  padding-inline-end: 4.375rem;
 }
 
 .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
@@ -10801,12 +10800,12 @@ fieldset[disabled] .cds--form__helper-text {
   transform: translateY(-50%);
 }
 
+.cds--list-box__wrapper--decorator:has(.cds--list-box__invalid-icon) .cds--list-box__inner-wrapper--decorator > *::before,
+.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--ai-label::before,
+.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--slug::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
-.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
 .cds--list-box__wrapper--slug .cds--ai-label::after,
-.cds--list-box__wrapper--slug .cds--ai-label::before,
-.cds--list-box__wrapper--slug .cds--slug::after,
-.cds--list-box__wrapper--slug .cds--slug::before {
+.cds--list-box__wrapper--slug .cds--slug::after {
   position: absolute;
   background-color: var(--cds-border-subtle-01, #c6c6c6);
   block-size: 1rem;
@@ -10821,14 +10820,23 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-start: -0.5625rem;
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
+.cds--list-box__wrapper--slug .cds--ai-label::before,
+.cds--list-box__wrapper--slug .cds--slug::before,
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--slug--revert::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
 .cds--list-box__wrapper--slug .cds--ai-label::after,
 .cds--list-box__wrapper--slug .cds--slug::after {
   display: block;
-  inset-block-start: 0;
+  inset-block-start: 0.0625rem;
   inset-inline-end: -0.5625rem;
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--slug--revert::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::after,
 .cds--list-box__wrapper--slug .cds--ai-label--revert::after,
 .cds--list-box__wrapper--slug .cds--slug--revert::after {
@@ -10857,7 +10865,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
 .cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
-  padding-inline-end: 6rem;
+  padding-inline-end: 6.5625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
@@ -10875,7 +10883,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
 .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: 8.8125rem;
+  padding-inline-end: 8.5625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
@@ -10884,7 +10892,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
-  inset-inline-end: 5.1875rem;
+  inset-inline-end: 5.0625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] > *::before,
@@ -10907,10 +10915,19 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-end: calc(4rem + 18px);
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
+  inset-inline-end: calc(4rem + 18px);
+}
+
 .cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
+  inset-inline-end: 7.125rem;
+}
+
+.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > *,
+.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
   inset-inline-end: 7.25rem;
 }
 
@@ -11059,6 +11076,14 @@ fieldset[disabled] .cds--form__helper-text {
   visibility: hidden;
 }
 
+.cds--menu--border {
+  outline: 1px solid var(--cds-border-subtle);
+}
+
+.cds--menu--background-token__background {
+  background-color: var(--cds-background, #ffffff);
+}
+
 .cds--menu--with-icons {
   min-inline-size: 12rem;
 }
@@ -20838,7 +20863,6 @@ optgroup.cds--select-optgroup:disabled,
   position: fixed;
   display: grid;
   background-color: var(--cds-layer);
-  block-size: 100%;
   grid-template-columns: 100%;
   grid-template-rows: auto 1fr auto;
   inline-size: 100%;
@@ -20851,7 +20875,6 @@ optgroup.cds--select-optgroup:disabled,
 @media (min-width: 42rem) {
   .cds--modal-container {
     position: relative;
-    block-size: auto;
     inline-size: 84%;
     max-block-size: 90%;
   }
@@ -22470,6 +22493,7 @@ optgroup.cds--select-optgroup:disabled,
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   display: flex;
+  overflow: initial;
   align-items: center;
   justify-content: space-between;
   background-color: var(--cds-layer);
@@ -22478,12 +22502,8 @@ optgroup.cds--select-optgroup:disabled,
   container-type: inline-size;
   inline-size: calc(100% - 1px);
   min-block-size: 2.5rem;
-  overflow-x: auto;
 }
 @container pagination (min-width: 42rem) {
-  .cds--pagination {
-    overflow: initial;
-  }
   .cds--pagination .cds--pagination__control-buttons {
     display: flex;
   }