@carbon/ibm-products 2.51.0 → 2.52.0

package/css/index.css

@@ -1785,7 +1785,6 @@
 .cds--snippet--inline.cds--btn {
   block-size: 1.25rem;
   inline-size: initial;
-  max-inline-size: unset;
   min-block-size: 1.25rem;
   padding-inline: 0;
 }
@@ -2331,7 +2330,7 @@
   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;
 }
 
@@ -3116,20 +3115,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;
@@ -3546,10 +3531,10 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .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);
 }
 
@@ -4259,6 +4244,22 @@ fieldset[disabled] .cds--form__helper-text {
 .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;
@@ -8424,7 +8425,7 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 .c4p--tearsheet-create .c4p--tearsheet-create__content {
-  height: 100%;
+  min-height: 100%;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   overflow-x: hidden;
@@ -13475,27 +13476,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;
@@ -16780,8 +16764,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 {
@@ -17693,6 +17677,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%;
@@ -17733,6 +17720,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 {
@@ -22512,6 +22505,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
   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 {
@@ -22579,27 +22574,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   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: "";
-}
 
 .cds--accordion {
   --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-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
@@ -22611,17 +22589,14 @@ th.c4p--datagrid__select-all-toggle-on.button {
   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;
@@ -22641,7 +22616,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .cds--accordion__heading {
-  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -22657,17 +22631,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   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;
@@ -22679,6 +22642,15 @@ th.c4p--datagrid__select-all-toggle-on.button {
   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);
@@ -22716,15 +22688,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 {
@@ -22732,9 +22701,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;
@@ -22977,7 +22943,7 @@ li.cds--accordion__item--disabled:last-of-type {
   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;
 }