@carbon/ibm-products 2.51.0 → 2.52.0

package/css/index-full-carbon.css

@@ -3770,7 +3770,7 @@ p.c4p--about-modal__copyright-text:first-child {
   }
 }
 .c4p--tearsheet-create .c4p--tearsheet-create__content {
-  height: 100%;
+  min-height: 100%;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   overflow-x: hidden;
@@ -7139,27 +7139,10 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-top: 1rem;
   margin-bottom: 0;
 }
-.c4p--tag-set-modal.c4p--tag-set-modal .c4p--tag-set-modal__fade {
-  position: relative;
-  margin-right: 1rem;
-  margin-left: 1rem;
-}
-.c4p--tag-set-modal .c4p--tag-set-modal__body {
-  padding-bottom: 1.5rem;
-}
 .c4p--tag-set-modal .c4p--tag-set-modal__header {
   padding-right: 0;
   margin-right: 1rem;
 }
-.c4p--tag-set-modal.c4p--tag-set-modal .c4p--tag-set-modal__fade::after {
-  position: absolute;
-  top: calc(-1 * 5rem);
-  left: 0;
-  width: 100%;
-  height: 2rem;
-  background: linear-gradient(to bottom, transparent, var(--cds-layer-01, #f4f4f4));
-  content: "";
-}
 
 .c4p--tag-set-overflow__tagset-popover.c4p--tag-set-overflow__tagset-popover {
   min-width: initial;
@@ -9911,8 +9894,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--edit-in-place--focused {
-  border: 2px solid var(--cds-focus, #0f62fe);
   background: var(--cds-field-01, #f4f4f4);
+  outline: 2px solid var(--cds-focus, #0f62fe);
 }
 
 .c4p--edit-in-place__text-input {
@@ -10824,6 +10807,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__virtualScrollContainer {
   width: 100%;
 }
+.c4p--datagrid__virtualScrollContainer .cds--data-table-content {
+  overflow-x: hidden;
+}
 
 .c4p--datagrid .cds--modal {
   width: 100%;
@@ -10864,6 +10850,12 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid .c4p--datagrid__head-wrap {
   overflow: hidden;
   background-color: var(--cds-layer-accent);
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.c4p--datagrid .c4p--datagrid__head-wrap::-webkit-scrollbar {
+  display: none;
 }
 
 .c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
@@ -19255,6 +19247,8 @@ a.cds--side-nav__link--current::before {
   text-align: left;
 }
 .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__trigger {
+  /* stylelint-disable-next-line declaration-no-important */
+  border: none !important;
   font-family: inherit;
 }
 .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link.cds--link:visited {
@@ -19322,27 +19316,10 @@ a.cds--side-nav__link--current::before {
   margin-top: 1rem;
   margin-bottom: 0;
 }
-.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade {
-  position: relative;
-  margin-right: 1rem;
-  margin-left: 1rem;
-}
-.c4p--tag-overflow-modal .c4p--tag-overflow-modal__body {
-  padding-bottom: 1.5rem;
-}
 .c4p--tag-overflow-modal .c4p--tag-overflow-modal__header {
   padding-right: 0;
   margin-right: 1rem;
 }
-.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade::after {
-  position: absolute;
-  top: calc(-1 * 5rem);
-  left: 0;
-  width: 100%;
-  height: 2rem;
-  background: linear-gradient(to bottom, transparent, var(--cds-layer-01, #f4f4f4));
-  content: "";
-}
 
 /* stylelint-disable max-nesting-depth */
 .c4p--filter-panel__title {
@@ -23777,17 +23754,14 @@ em {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
+  inline-size: 100%;
+  list-style: none;
 }
 .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;
@@ -23807,7 +23781,6 @@ 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;
@@ -23823,17 +23796,6 @@ 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;
@@ -23845,6 +23807,15 @@ 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);
@@ -23882,15 +23853,12 @@ 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 {
@@ -23898,9 +23866,6 @@ 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;
@@ -26921,7 +26886,7 @@ fieldset[disabled] .cds--form__helper-text {
   display: flex;
   cursor: pointer;
   min-block-size: 1.25rem;
-  padding-block-start: 0.0625rem;
+  padding-block-start: 0.125rem;
   padding-inline-start: 1.25rem;
   user-select: none;
 }
@@ -27673,7 +27638,6 @@ 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;
 }
@@ -28307,20 +28271,6 @@ 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;
@@ -30734,11 +30684,11 @@ fieldset[disabled] .cds--form__helper-text {
   color: var(--cds-text-primary, #161616);
 }
 
-.cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {
+.cds--data-table tr + :not(.cds--popover-container):hover .cds--link {
   color: var(--cds-link-secondary, #0043ce);
 }
 
-.cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {
+.cds--data-table tr + :not(.cds--popover-container):hover .cds--link--disabled {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
 
@@ -33278,9 +33228,9 @@ th .cds--table-sort__flex {
 }
 
 .flatpickr-calendar.inline {
-  position: absolute;
+  position: relative;
   display: block;
-  inset-block-start: auto;
+  inset-block-start: 0.125rem;
 }
 
 .flatpickr-calendar.static {
@@ -35693,16 +35643,6 @@ 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;
@@ -35719,18 +35659,6 @@ 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;
@@ -37886,10 +37814,10 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--inline-loading__text {
-  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);
+  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);
   color: var(--cds-text-secondary, #525252);
 }
 
@@ -38354,7 +38282,7 @@ optgroup.cds--select-optgroup:disabled,
   mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
 }
 
-.cds--modal-scroll-content:has(.cds--autoalign) {
+.cds--modal-scroll-content:has(.cds--dropdown--autoalign) {
   mask-image: none;
 }
 
@@ -40055,8 +39983,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
-  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
   line-height: 0;
 }
 .cds--pagination-nav html {
@@ -40113,12 +40039,12 @@ span.cds--pagination__text.cds--pagination__items-count {
   text-align: start;
   position: relative;
   display: block;
-  padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
+  padding: 1.0625rem 0.25rem;
   border-radius: 0;
   color: var(--cds-text-primary, #161616);
   font-weight: 400;
   line-height: 1;
-  min-inline-size: var(--cds-layout-size-height-local);
+  min-inline-size: 3rem;
   outline: 0;
   text-align: center;
   text-decoration: none;
@@ -40199,7 +40125,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--pagination-nav__page--select {
   appearance: none;
-  max-block-size: var(--cds-layout-size-height-local);
+  max-block-size: 3rem;
   text-indent: calc(50% - 4.5px);
 }
 @-moz-document url-prefix() {
@@ -40243,7 +40169,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--pagination-nav__select-icon {
   position: absolute;
-  inset-block-start: calc(50% - 0.25rem);
+  inset-block-start: calc(50% - 0.5rem);
   inset-inline-start: calc(50% - 0.5rem);
   pointer-events: none;
 }
@@ -41056,6 +40982,7 @@ 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;
@@ -42242,6 +42169,22 @@ span.cds--pagination__text.cds--pagination__items-count {
 .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;
@@ -43855,7 +43798,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   border-inline-end: 1px solid var(--cds-border-subtle);
   border-inline-start: 1px solid var(--cds-border-subtle);
   inline-size: 16rem;
-  overflow-y: auto;
 }
 
 .cds--side-nav {
@@ -44873,7 +44815,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   border-inline-end: 1px solid var(--cds-border-subtle);
   border-inline-start: 1px solid var(--cds-border-subtle);
   inline-size: 16rem;
-  overflow-y: auto;
 }
 
 .cds--side-nav {