@carbon/styles 1.64.0 → 1.65.0-rc.0

package/css/styles.css

@@ -3656,14 +3656,17 @@ em {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  inline-size: 100%;
-  list-style: none;
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
 }
 .cds--accordion *,
 .cds--accordion *::before,
 .cds--accordion *::after {
   box-sizing: inherit;
 }
+.cds--accordion {
+  inline-size: 100%;
+  list-style: none;
+}
 
 .cds--accordion__item {
   display: list-item;
@@ -3683,6 +3686,7 @@ em {
 }
 
 .cds--accordion__heading {
+  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -3700,6 +3704,17 @@ em {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
+}
+.cds--accordion__heading *,
+.cds--accordion__heading *::before,
+.cds--accordion__heading *::after {
+  box-sizing: inherit;
+}
+.cds--accordion__heading::-moz-focus-inner {
+  border: 0;
+}
+.cds--accordion__heading {
   position: relative;
   display: flex;
   flex-direction: row-reverse;
@@ -3711,15 +3726,6 @@ em {
   inline-size: 100%;
   min-block-size: var(--cds-layout-size-height-local);
   padding-inline-end: var(--cds-layout-density-padding-inline-local);
-  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
-}
-.cds--accordion__heading *,
-.cds--accordion__heading *::before,
-.cds--accordion__heading *::after {
-  box-sizing: inherit;
-}
-.cds--accordion__heading::-moz-focus-inner {
-  border: 0;
 }
 .cds--accordion__heading:hover {
   background-color: var(--cds-layer-hover);
@@ -3757,12 +3763,15 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--accordion__arrow {
   outline: 2px solid transparent;
   outline-offset: -2px;
+  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
+}
+.cds--accordion__arrow {
   flex: 0 0 1rem;
   block-size: 1rem;
   fill: var(--cds-icon-primary, #161616);
   inline-size: 1rem;
   transform: rotate(-270deg) /*rtl:ignore*/;
-  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .cds--accordion__title {
@@ -3770,6 +3779,9 @@ li.cds--accordion__item--disabled:last-of-type {
   font-weight: var(--cds-body-01-font-weight, 400);
   line-height: var(--cds-body-01-line-height, 1.42857);
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
+}
+.cds--accordion__title {
   z-index: 1;
   inline-size: 100%;
   padding-inline-start: 1rem;
@@ -3818,9 +3830,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--accordion--start .cds--accordion__content {
-  margin-inline-start: calc(
-      var(--cds-layout-density-padding-inline-local) + 1rem
-    );
+  margin-inline-start: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
 }
 
 .cds--accordion__item--collapsing .cds--accordion__content,
@@ -6883,7 +6893,7 @@ fieldset[disabled] .cds--form__helper-text {
   display: flex;
   cursor: pointer;
   min-block-size: 1.25rem;
-  padding-block-start: 0.125rem;
+  padding-block-start: 0.0625rem;
   padding-inline-start: 1.25rem;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -7642,6 +7652,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--snippet--inline.cds--btn {
   block-size: 1.25rem;
   inline-size: initial;
+  max-inline-size: unset;
   min-block-size: 1.25rem;
   padding-inline: 0;
 }
@@ -16299,6 +16310,16 @@ button.cds--dropdown-text:focus {
   min-inline-size: auto;
 }
 
+.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {
+  padding: 0.6875rem 1rem;
+  margin: 0;
+  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+}
+
+.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {
+  border-block-start: none;
+}
+
 .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {
   display: flex;
   align-items: center;
@@ -16315,6 +16336,18 @@ button.cds--dropdown-text:focus {
   white-space: nowrap;
 }
 
+.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {
+  margin-block: 0;
+}
+
+.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate + .cds--checkbox-label::after {
+  inset-block-start: 0.5625rem;
+}
+
+.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {
+  inset-block-start: 0.3125rem;
+}
+
 .cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {
   flex-direction: row;
   margin: 0;
@@ -18492,10 +18525,10 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--inline-loading__text {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  font-size: var(--cds-label-02-font-size, 0.875rem);
+  font-weight: var(--cds-label-02-font-weight, 400);
+  line-height: var(--cds-label-02-line-height, 1.28572);
+  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
   color: var(--cds-text-secondary, #525252);
 }
 
@@ -20063,9 +20096,7 @@ optgroup.cds--select-optgroup:disabled,
 /* Tertiary action button when not inline (toast) */
 .cds--actionable-notification__action-button.cds--btn--tertiary {
   margin-block-end: 1rem;
-  margin-inline-start: calc(
-      2rem + 1.25rem - 0.125rem
-    );
+  margin-inline-start: calc(2rem + 1.25rem - 0.125rem);
   padding-inline-end: 1rem;
   padding-inline-start: 1rem;
 }
@@ -21677,7 +21708,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--slider__thumb--lower,
 .cds--slider__thumb--upper {
   position: absolute;
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   border-radius: unset;
   background-color: transparent;
   box-shadow: none;
@@ -22741,7 +22771,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   padding-inline: var(--cds-layout-density-padding-inline-local);
 }
 .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
-  line-height: calc(3rem - (0.5rem * 2));
+  line-height: calc(3rem - 0.5rem * 2);
 }
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {
   font-size: var(--cds-label-01-font-size, 0.75rem);
@@ -22804,7 +22834,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   color: var(--cds-text-primary, #161616);
 }
 .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
-  line-height: calc(3rem - (0.5rem * 2));
+  line-height: calc(3rem - 0.5rem * 2);
 }
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
   background-color: var(--cds-layer);