@carbon/ibm-products 2.43.2-canary.218 → 2.43.2-canary.219

package/css/index.css

@@ -2629,7 +2629,8 @@ input[data-invalid]:not(:focus),
 .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
 .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
 .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
-.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
+.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
+.cds--combo-box--invalid--focused),
 .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
@@ -2640,7 +2641,8 @@ input[data-invalid]:not(:focus),
   .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
   .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
   .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
-  .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
+  .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
+  .cds--combo-box--invalid--focused),
   .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
     outline-style: dotted;
   }
@@ -3048,6 +3050,10 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-start: -2.5rem;
 }
 
+.cds--toggle-password-tooltip .cds--popover-content {
+  min-inline-size: 2.5rem;
+}
+
 .cds--text-input--sm + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
   inline-size: 2rem;
 }
@@ -3109,6 +3115,20 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
+  cursor: default;
+}
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+  cursor: default;
+}
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
 .cds--text-input__counter-alert {
   position: absolute;
   overflow: hidden;
@@ -4238,22 +4258,6 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tabs--contained ~ .cds--tab-content {
   background: var(--cds-layer);
 }
-.cds--tabs--contained ~ .cds--tab-content > * {
-  --cds-layer: var(--cds-layer-02, #ffffff);
-  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
-  --cds-field: var(--cds-field-02, #ffffff);
-  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
-}
 
 .cds--tabs--vertical ~ .cds--tab-content {
   grid-column: 3/-1;
@@ -22784,14 +22788,14 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--accordion__item--active {
   overflow: visible;
 }
-.cds--accordion__item--active .cds--accordion__wrapper {
+.cds--accordion__item--active > .cds--accordion__wrapper {
   overflow: visible;
   max-block-size: fit-content;
   opacity: 1;
   padding-block: 0.5rem;
   padding-block-end: 1.5rem;
 }
-.cds--accordion__item--active .cds--accordion__arrow {
+.cds--accordion__item--active > .cds--accordion__heading > .cds--accordion__arrow {
   fill: var(--cds-icon-primary, #161616);
   transform: rotate(-90deg) /*rtl:ignore*/;
 }