@carbon/styles 1.73.0 → 1.74.0

package/css/styles.css

@@ -10467,10 +10467,8 @@ fieldset[disabled] .cds--form__helper-text {
   display: block;
 }
 
-.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
-.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
-.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
-.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
+.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
+.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
 .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
 .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
@@ -10543,6 +10541,20 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-field);
 }
 
+.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
+  position: absolute;
+  border: 2px solid var(--cds-focus, #0f62fe);
+  block-size: 100%;
+  border-block-start: 1px solid var(--cds-focus, #0f62fe);
+  content: "";
+  inline-size: 100%;
+}
+
+.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+
 .cds--combo-box.cds--list-box--light:hover {
   background-color: var(--cds-field-02, #ffffff);
 }
@@ -15176,6 +15188,16 @@ th .cds--table-sort__flex {
   outline: none;
 }
 
+.cds--dropdown--focus .cds--list-box__field {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--dropdown--focus .cds--list-box__field {
+    outline-style: dotted;
+  }
+}
+
 .cds--dropdown--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
@@ -16271,23 +16293,15 @@ button.cds--dropdown-text:focus {
   }
 }
 
-.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--combo-box) {
-  outline: none;
-}
-
-.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded) {
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded.cds--multi-select--selected) {
   outline-width: 0.0625rem;
 }
 
-.cds--list-box__wrapper--fluid .cds--list-box__field:focus {
+.cds--list-box__wrapper--fluid--focus .cds--list-box__field:focus {
   outline: none;
   outline-offset: 0;
 }
 
-.cds--list-box__wrapper--fluid:not(.cds--list-box--up) .cds--list-box__menu {
-  inset-block-start: 100%;
-}
-
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
@@ -16536,11 +16550,6 @@ button.cds--dropdown-text:focus {
   white-space: nowrap;
 }
 
-.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--combo-box.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) .cds--combo-box--input--focus.cds--text-input {
-  outline-offset: -0.0625rem;
-  outline-width: 0.0625rem;
-}
-
 .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {
   inset-block: auto 0.625rem;
   transform: none;
@@ -16956,6 +16965,22 @@ button.cds--dropdown-text:focus {
   outline-width: 0.0625rem;
 }
 
+.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before,
+.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
+  position: absolute;
+  border: 2px solid var(--cds-focus, #0f62fe);
+  block-size: 100%;
+  border-block-start: 1px solid var(--cds-focus, #0f62fe);
+  content: "";
+  inline-size: 100%;
+}
+
+.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted,
+.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+
 .cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
 .cds--multi-select.cds--multi-select--selected .cds--list-box__field {
   padding-inline-start: 0;
@@ -17017,11 +17042,6 @@ button.cds--dropdown-text:focus {
   margin-block-start: 1.25rem;
 }
 
-.cds--list-box__wrapper--fluid .cds--multi-select--filterable--input-focused {
-  outline: none;
-  outline-offset: 0;
-}
-
 .cds--list-box__wrapper--fluid .cds--multi-select--filterable .cds--list-box__field .cds--text-input {
   border-block-end: 1px solid transparent;
 }