@carbon/styles 1.36.0-rc.0 → 1.36.1-rc.0

package/css/styles.css

@@ -2899,7 +2899,7 @@ em {
   --cds-notification-background-success: #defbe6;
   --cds-notification-background-info: #edf5ff;
   --cds-notification-background-warning: #fdf6dd;
-  --cds-notification-action-hover: #edf5ff;
+  --cds-notification-action-hover: #ffffff;
   --cds-notification-action-tertiary-inverse: #ffffff;
   --cds-notification-action-tertiary-inverse-active: #c6c6c6;
   --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
@@ -3073,7 +3073,7 @@ em {
   --cds-notification-background-success: #defbe6;
   --cds-notification-background-info: #edf5ff;
   --cds-notification-background-warning: #fdf6dd;
-  --cds-notification-action-hover: #edf5ff;
+  --cds-notification-action-hover: #ffffff;
   --cds-notification-action-tertiary-inverse: #ffffff;
   --cds-notification-action-tertiary-inverse-active: #c6c6c6;
   --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
@@ -5879,12 +5879,13 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-group__validation-msg,
 .cds--checkbox__validation-msg {
   display: none;
-  align-items: flex-end;
+  align-items: flex-start;
   margin-top: 0.25rem;
 }
 
 .cds--checkbox__invalid-icon {
-  margin: 0 0.0625rem 0 0.1875rem;
+  min-width: 1rem;
+  margin: 0.0625rem 0.0625rem 0 0.1875rem;
   fill: var(--cds-support-error, #da1e28);
 }
 
@@ -11128,6 +11129,10 @@ tr.cds--data-table--selected:last-of-type td {
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 
+.cds--batch-summary__divider {
+  padding-left: 0.5rem;
+}
+
 .cds--table-toolbar--sm {
   height: 2rem;
   min-height: 2rem;
@@ -16477,7 +16482,8 @@ optgroup.cds--select-optgroup:disabled,
 .cds--modal .cds--date-picker__input,
 .cds--modal .cds--multi-select,
 .cds--modal .cds--number__control-btn::before,
-.cds--modal .cds--number__control-btn::after {
+.cds--modal .cds--number__control-btn::after,
+.cds--modal .cds--list-box input[role=combobox] {
   background-color: var(--cds-field-02, #ffffff);
 }
 .cds--modal .cds--list-box__menu {
@@ -17122,7 +17128,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, #edf5ff);
+  background-color: var(--cds-notification-action-hover, #ffffff);
 }
 
 .cds--inline-notification__action-button.cds--btn--ghost:focus {
@@ -17801,7 +17807,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, #edf5ff);
+  background-color: var(--cds-notification-action-hover, #ffffff);
 }
 
 .cds--actionable-notification__action-button.cds--btn--ghost:focus {
@@ -20405,8 +20411,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tile--clickable .cds--tile--icon,
 .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
   position: absolute;
-  right: var(--cds-layout-density-padding-inline-local);
-  bottom: var(--cds-layout-density-padding-inline-local);
+  inset-block-end: var(--cds-layout-density-padding-inline-local);
+  inset-inline-end: var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--tile--clickable .cds--tile--icon {
@@ -20428,11 +20434,11 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--tile__checkmark {
   position: absolute;
-  top: var(--cds-layout-density-padding-inline-local);
-  right: var(--cds-layout-density-padding-inline-local);
   height: 1rem;
   border: none;
   background: transparent;
+  inset-block-start: var(--cds-layout-density-padding-inline-local);
+  inset-inline-end: var(--cds-layout-density-padding-inline-local);
   opacity: 0;
   transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
@@ -20456,13 +20462,13 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--tile__chevron {
   position: absolute;
-  right: 0;
-  bottom: 0;
   display: flex;
   width: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
   height: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
   align-items: center;
   justify-content: center;
+  inset-block-end: 0;
+  inset-inline-end: 0;
 }
 .cds--tile__chevron svg {
   fill: var(--cds-icon-primary, #161616);
@@ -20499,13 +20505,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   text-align: start;
   width: 100%;
   position: absolute;
-  right: 0;
-  bottom: 0;
   display: flex;
   width: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
   height: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
   align-items: center;
   justify-content: center;
+  inset-block-end: 0;
+  inset-inline-end: 0;
 }
 .cds--tile__chevron--interactive *,
 .cds--tile__chevron--interactive *::before,
@@ -20533,7 +20539,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
   font-family: inherit;
   font-size: inherit;
-  text-align: left;
+  text-align: start;
   transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -20674,9 +20680,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--time-picker__select {
   justify-content: center;
-}
-.cds--time-picker__select:not(:last-of-type) {
-  margin: 0 0.125rem;
+  margin-left: 0.125rem;
 }
 
 .cds--time-picker__input {