@carbon/styles 1.16.0-rc.0 → 1.17.0-rc.0

package/css/styles.css

@@ -2881,7 +2881,7 @@ em {
   --cds-notification-background-success: #defbe6;
   --cds-notification-background-info: #edf5ff;
   --cds-notification-background-warning: #fdf6dd;
-  --cds-notification-action-hover: #ffffff;
+  --cds-notification-action-hover: #edf5ff;
   --cds-notification-action-tertiary-inverse: #ffffff;
   --cds-notification-action-tertiary-inverse-active: #c6c6c6;
   --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
@@ -3050,7 +3050,7 @@ em {
   --cds-notification-background-success: #defbe6;
   --cds-notification-background-info: #edf5ff;
   --cds-notification-background-warning: #fdf6dd;
-  --cds-notification-action-hover: #ffffff;
+  --cds-notification-action-hover: #edf5ff;
   --cds-notification-action-tertiary-inverse: #ffffff;
   --cds-notification-action-tertiary-inverse-active: #c6c6c6;
   --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
@@ -6215,19 +6215,15 @@ fieldset[disabled] .cds--form__helper-text {
   width: 100%;
 }
 
-.cds--text-input__invalid-icon,
-.cds--text-input__readonly-icon {
+.cds--text-input__invalid-icon {
   position: absolute;
   top: 50%;
   right: 1rem;
+  fill: var(--cds-support-error, #da1e28);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
 
-.cds--text-input__invalid-icon {
-  fill: var(--cds-support-error, #da1e28);
-}
-
 .cds--text-input__invalid-icon--warning {
   fill: var(--cds-support-warning, #f1c21b);
 }
@@ -6510,8 +6506,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--text-input--invalid,
-.cds--text-input--warning,
-.cds--text-input-wrapper--readonly .cds--text-input {
+.cds--text-input--warning {
   padding-right: 2.5rem;
 }
 
@@ -13325,11 +13320,20 @@ optgroup.cds--select-optgroup:disabled,
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  width: calc(100% - 2rem);
   height: 1rem;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin: 0;
+  -ms-overflow-style: none;
+  overflow-x: scroll;
+  scrollbar-width: none;
+  white-space: nowrap;
+}
+
+.cds--text-input--fluid .cds--label::-webkit-scrollbar {
+  display: none;
 }
 
 .cds--text-input--fluid .cds--form__helper-text {
@@ -14518,7 +14522,7 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:active,
 .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:hover {
-  background-color: var(--cds-notification-action-hover, #ffffff);
+  background-color: var(--cds-notification-action-hover, #edf5ff);
 }
 
 .cds--inline-notification__action-button.cds--btn--ghost:focus {
@@ -15240,7 +15244,7 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:active,
 .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:hover {
-  background-color: var(--cds-notification-action-hover, #ffffff);
+  background-color: var(--cds-notification-action-hover, #edf5ff);
 }
 
 .cds--actionable-notification__action-button.cds--btn--ghost:focus {
@@ -17888,6 +17892,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
+.cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
+  margin-top: 0.0625rem;
+}
+
 .cds--progress--vertical {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -21266,6 +21274,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
   border: 0;
 }
 
+.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
+.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
+  bottom: 0;
+  left: -2px;
+  border-bottom: none;
+  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+}
+.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
+.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
+  left: 0;
+  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+}
+
 a.cds--header__menu-item[aria-current=page]:focus,
 a.cds--header__menu-item.cds--header__menu-item--current:focus {
   border: 2px solid var(--cds-focus, #0f62fe);
@@ -22289,6 +22310,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
   border: 0;
 }
 
+.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
+.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
+  bottom: 0;
+  left: -2px;
+  border-bottom: none;
+  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+}
+.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
+.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
+  left: 0;
+  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+}
+
 a.cds--header__menu-item[aria-current=page]:focus,
 a.cds--header__menu-item.cds--header__menu-item--current:focus {
   border: 2px solid var(--cds-focus, #0f62fe);