@carbon/styles 1.66.1 → 1.67.0-rc.0

package/css/styles.css

@@ -2930,7 +2930,7 @@ em {
   --cds-notification-background-error: #fff1f1;
   --cds-notification-background-success: #defbe6;
   --cds-notification-background-info: #edf5ff;
-  --cds-notification-background-warning: #fdf6dd;
+  --cds-notification-background-warning: #fcf4d6;
   --cds-notification-action-hover: #ffffff;
   --cds-notification-action-tertiary-inverse: #ffffff;
   --cds-notification-action-tertiary-inverse-active: #c6c6c6;
@@ -3153,7 +3153,7 @@ em {
   --cds-notification-background-error: #fff1f1;
   --cds-notification-background-success: #defbe6;
   --cds-notification-background-info: #edf5ff;
-  --cds-notification-background-warning: #fdf6dd;
+  --cds-notification-background-warning: #fcf4d6;
   --cds-notification-action-hover: #ffffff;
   --cds-notification-action-tertiary-inverse: #ffffff;
   --cds-notification-action-tertiary-inverse-active: #c6c6c6;
@@ -19234,7 +19234,7 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--inline-notification--low-contrast.cds--inline-notification--warning,
 .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {
-  background: var(--cds-notification-background-warning, #fdf6dd);
+  background: var(--cds-notification-background-warning, #fcf4d6);
   border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
 }
 .cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--inline-notification__icon,
@@ -19553,7 +19553,7 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--toast-notification--low-contrast.cds--toast-notification--warning,
 .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {
-  background: var(--cds-notification-background-warning, #fdf6dd);
+  background: var(--cds-notification-background-warning, #fcf4d6);
   border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
 }
 .cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--inline-notification__icon,
@@ -19578,6 +19578,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--toast-notification__details {
+  margin-block-end: 1rem;
   margin-inline-end: 1rem;
 }
 
@@ -19651,7 +19652,6 @@ 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);
   color: var(--cds-text-inverse, #ffffff);
-  margin-block-end: 1rem;
   padding-block-start: 0.5rem;
 }
 
@@ -19874,7 +19874,7 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--actionable-notification--low-contrast.cds--actionable-notification--warning,
 .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {
-  background: var(--cds-notification-background-warning, #fdf6dd);
+  background: var(--cds-notification-background-warning, #fcf4d6);
   border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
 }
 .cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--inline-notification__icon,
@@ -22406,31 +22406,30 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs .cds--tab--overflow-nav-button--next::before {
   position: absolute;
   z-index: 1;
-  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
   block-size: 100%;
   content: "";
   inline-size: 0.5rem;
   inset-inline-start: -0.5rem;
 }
-.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before {
-  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
+.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {
+  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
+}
+.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {
+  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous {
   position: absolute;
+  z-index: 1;
   inset-block: 0 0;
   inset-inline-start: 0;
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous::before {
   position: absolute;
   z-index: 1;
-  background: var(--cds-background, #ffffff);
   block-size: 100%;
   content: "";
-  inline-size: 2.5rem;
-  inset-inline-end: 0;
-}
-.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
-  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
+  inline-size: 0.5rem;
+  inset-inline-end: -0.5rem;
 }
 .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
   background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -22768,12 +22767,12 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--tabs .cds--tabs__nav-item--disabled {
   background-color: transparent;
-  border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
+  border-block-end: 2px solid var(--cds-border-subtle);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 .cds--tabs .cds--tabs__nav-item--disabled:hover {
-  border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
+  border-block-end: 2px solid var(--cds-border-subtle);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
 }
@@ -22786,7 +22785,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--tabs .cds--tabs__nav-item--disabled:focus,
 .cds--tabs .cds--tabs__nav-item--disabled:active {
-  border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
+  border-block-end: 2px solid var(--cds-border-subtle);
   outline: none;
   pointer-events: none;
 }