@carbon/ibm-products 1.73.1 → 1.73.3

package/css/index-full-carbon.css

@@ -4604,7 +4604,7 @@ fieldset[disabled] .bx--form__helper-text {
     padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
     border-bottom: none;
     box-shadow: inset 0 2px 0 0 var(--cds-interactive-04, #0f62fe);
-    line-height: calc(3rem - (var(--cds-spacing-03, 0.5rem) * 2));
+    line-height: calc(3rem - var(--cds-spacing-03, 0.5rem) * 2);
   }
   .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,
   .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,
@@ -4663,7 +4663,7 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
     height: 3rem;
     padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
     border-bottom: none;
-    line-height: calc(3rem - (var(--cds-spacing-03, 0.5rem) * 2));
+    line-height: calc(3rem - var(--cds-spacing-03, 0.5rem) * 2);
   }
 }
 
@@ -5014,7 +5014,7 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
 }
 .bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link {
   box-shadow: inset 0 2px 0 0 var(--cds-interactive-04, #0f62fe);
-  line-height: calc(3rem - (var(--cds-spacing-03, 0.5rem) * 2));
+  line-height: calc(3rem - var(--cds-spacing-03, 0.5rem) * 2);
 }
 .bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected, .bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover {
   background-color: var(--cds-ui-background, #ffffff);
@@ -5071,7 +5071,7 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
   height: 3rem;
   padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
   border-bottom: 0;
-  line-height: calc(3rem - (var(--cds-spacing-03, 0.5rem) * 2));
+  line-height: calc(3rem - var(--cds-spacing-03, 0.5rem) * 2);
 }
 .bx--tabs--scrollable .bx--tabs--scrollable__nav-item:hover .bx--tabs--scrollable__nav-link {
   border-bottom: 2px solid var(--cds-ui-04, #8d8d8d);
@@ -5231,11 +5231,10 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
   font-weight: var(--cds-body-short-02-font-weight, 400);
   line-height: var(--cds-body-short-02-line-height, 1.375);
   letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
+  overflow: hidden auto;
   min-height: var(--cds-layout-05, 4rem);
   padding: 0 20% 0 var(--cds-spacing-05, 1rem);
   grid-row: auto;
-  overflow-x: hidden;
-  overflow-y: auto;
 }
 
 .c4p--about-modal.c4p--about-modal--with-tabs .c4p--about-modal__body {
@@ -11375,10 +11374,7 @@ a.bx--overflow-menu-options__btn::before {
   border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
 .c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation + .c4p--side-panel__body-content {
-  margin-top: calc(
-        var(--c4p--side-panel--title-text-height) +
-          var(--c4p--side-panel--subtitle-container-height) + var(--cds-spacing-09, 3rem)
-      );
+  margin-top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--cds-spacing-09, 3rem));
 }
 .c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-no-animation-no-action-toolbar {
   border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
@@ -11503,13 +11499,10 @@ a.bx--overflow-menu-options__btn::before {
 .c4p--side-panel__overlay {
   position: fixed;
   z-index: 6000;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
+  inset: 0;
 }
 
 .c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
@@ -11518,13 +11511,13 @@ a.bx--overflow-menu-options__btn::before {
 
 .c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__title-text {
   width: calc(16rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((16rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(16rem * 0.2 - var(--cds-spacing-05, 1rem));
   margin-bottom: var(--cds-spacing-02, 0.25rem);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text {
   width: calc(16rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((16rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(16rem * 0.2 - var(--cds-spacing-05, 1rem));
   padding-bottom: var(--cds-spacing-05, 1rem);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
   color: var(--cds-text-02, #525252);
@@ -11532,13 +11525,13 @@ a.bx--overflow-menu-options__btn::before {
 
 .c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__title-text {
   width: calc(20rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((20rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(20rem * 0.2 - var(--cds-spacing-05, 1rem));
   margin-bottom: var(--cds-spacing-02, 0.25rem);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text {
   width: calc(20rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((20rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(20rem * 0.2 - var(--cds-spacing-05, 1rem));
   padding-bottom: var(--cds-spacing-05, 1rem);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
   color: var(--cds-text-02, #525252);
@@ -11546,13 +11539,13 @@ a.bx--overflow-menu-options__btn::before {
 
 .c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__title-text {
   width: calc(30rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((30rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(30rem * 0.2 - var(--cds-spacing-05, 1rem));
   margin-bottom: var(--cds-spacing-02, 0.25rem);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__subtitle-text {
   width: calc(30rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((30rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(30rem * 0.2 - var(--cds-spacing-05, 1rem));
   padding-bottom: var(--cds-spacing-05, 1rem);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
   color: var(--cds-text-02, #525252);
@@ -11560,13 +11553,13 @@ a.bx--overflow-menu-options__btn::before {
 
 .c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__title-text {
   width: calc(40rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((40rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(40rem * 0.2 - var(--cds-spacing-05, 1rem));
   margin-bottom: var(--cds-spacing-02, 0.25rem);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text {
   width: calc(40rem - var(--cds-spacing-05, 1rem));
-  padding-right: calc((40rem * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(40rem * 0.2 - var(--cds-spacing-05, 1rem));
   padding-bottom: var(--cds-spacing-05, 1rem);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
   color: var(--cds-text-02, #525252);
@@ -11574,13 +11567,13 @@ a.bx--overflow-menu-options__btn::before {
 
 .c4p--create-side-panel.c4p--side-panel__container--max .c4p--side-panel__title-text {
   width: calc(75% - var(--cds-spacing-05, 1rem));
-  padding-right: calc((75% * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(75% * 0.2 - var(--cds-spacing-05, 1rem));
   margin-bottom: var(--cds-spacing-02, 0.25rem);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container--max .c4p--side-panel__subtitle-text {
   width: calc(75% - var(--cds-spacing-05, 1rem));
-  padding-right: calc((75% * 0.2) - var(--cds-spacing-05, 1rem));
+  padding-right: calc(75% * 0.2 - var(--cds-spacing-05, 1rem));
   padding-bottom: var(--cds-spacing-05, 1rem);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
   color: var(--cds-text-02, #525252);
@@ -12317,25 +12310,23 @@ a.bx--side-nav__link--current::before {
   max-height: calc(100% - var(--cds-spacing-09, 3rem) + var(--cds-spacing-05, 1rem));
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container {
-  max-height: calc(100% - var(--cds-spacing-09, 3rem) + (2 * var(--cds-spacing-05, 1rem)));
+  max-height: calc(100% - var(--cds-spacing-09, 3rem) + 2 * var(--cds-spacing-05, 1rem));
 }
 .c4p--tearsheet .c4p--tearsheet__container--lower {
   max-height: calc(100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)));
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower {
-  max-height: calc(
-        100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)) + var(--cds-spacing-05, 1rem)
-      );
+  max-height: calc(100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)) + var(--cds-spacing-05, 1rem));
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower {
-  max-height: calc(100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)) + (2 * var(--cds-spacing-05, 1rem)));
+  max-height: calc(100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)) + 2 * var(--cds-spacing-05, 1rem));
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
   width: 100%;
 }
 @media (min-width: 42rem) {
   .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
-    width: calc(100% - (2 * var(--cds-spacing-10, 4rem)));
+    width: calc(100% - 2 * var(--cds-spacing-10, 4rem));
   }
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container {
@@ -17743,7 +17734,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:not(:first-of-type):before {
   position: absolute;
   top: 0;
-  width: calc(100% - (2 * var(--cds-spacing-05, 1rem)));
+  width: calc(100% - 2 * var(--cds-spacing-05, 1rem));
   height: 1px;
   margin: 0 auto;
   background-color: var(--cds-ui-02, #ffffff);
@@ -20633,9 +20624,7 @@ button.c4p--add-select__global-filter-toggle--open {
   top: 0;
   right: 0;
   bottom: 0;
-  width: calc(
-      var(--cds-spacing-05, 1rem) + 2rem + var(--cds-spacing-05, 1rem)
-    );
+  width: calc(var(--cds-spacing-05, 1rem) + 2rem + var(--cds-spacing-05, 1rem));
 }
 
 .c4p--options-tile__toggle {
@@ -21345,8 +21334,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__simple-body {
   position: relative;
   display: table;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   scrollbar-width: thin;
 }
 
@@ -21439,9 +21427,7 @@ button.c4p--add-select__global-filter-toggle--open {
   /* stylelint-disable-next-line carbon/layout-token-use */
   top: var(--c4p--datagrid--row-height);
   /* stylelint-disable-next-line carbon/layout-token-use */
-  left: calc(
-      var(--c4p--datagrid--indicator-offset-amount) + var(--cds-spacing-05, 1rem)
-    );
+  left: calc(var(--c4p--datagrid--indicator-offset-amount) + var(--cds-spacing-05, 1rem));
   width: 1px;
   height: var(--c4p--datagrid--indicator-height);
   border-left: 1px solid var(--cds-active-ui, #c6c6c6);
@@ -22775,7 +22761,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   position: absolute;
   top: 0;
   left: var(--cds-spacing-01, 0.125rem);
-  width: calc(100% - (var(--cds-spacing-01, 0.125rem) * 2));
+  width: calc(100% - var(--cds-spacing-01, 0.125rem) * 2);
   height: var(--cds-spacing-01, 0.125rem);
   background-color: var(--cds-ui-01, #f4f4f4);
   content: "";
@@ -22785,7 +22771,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   position: absolute;
   top: var(--cds-spacing-01, 0.125rem);
   left: var(--cds-spacing-03, 0.5rem);
-  width: calc(100% - (var(--cds-spacing-03, 0.5rem) * 2));
+  width: calc(100% - var(--cds-spacing-03, 0.5rem) * 2);
   height: 1px;
   background-color: var(--cds-ui-03, #e0e0e0);
   content: "";
@@ -22842,7 +22828,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   /* stylelint-disable-next-line selector-pseudo-class-no-unknown */
 }
 .c4p--datagrid__datagridWrap-simple :global .bx--pagination {
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   overflow-x: unset;
 }
 
@@ -23085,12 +23070,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--inline-edit .c4p--inline-edit__input {
   display: inline-block;
   overflow: hidden;
-  width: calc(
-        100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem)
-      );
-  max-width: calc(
-        100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem)
-      );
+  width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
+  max-width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
   min-height: var(--c4p--inline-edit--size);
   /* stylelint-disable-next-line carbon/layout-token-use */
   margin-right: var(--c4p--inline-edit--toolbar-width);
@@ -25410,12 +25391,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--coachmark-tagline::before {
   position: absolute;
   z-index: -1;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   background: linear-gradient(90deg, #0043ce 0%, #6929c4 100%);
   content: "";
+  inset: 0;
   opacity: 0;
   /* stylelint-disable-next-line carbon/motion-duration-use */
   transition: opacity 240ms cubic-bezier(0.2, 0, 1, 0.9);
@@ -26181,7 +26159,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--checklist__button {
   max-width: none !important;
   min-height: auto !important;
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   flex-shrink: unset !important;
   padding: 0 !important;
   border: none !important;
@@ -31505,7 +31482,7 @@ th .bx--table-sort__flex {
 .bx--inline-notification--low-contrast.bx--inline-notification--warning,
 .bx--inline-notification--low-contrast.bx--inline-notification--warning-alt {
   border-left: 3px solid var(--cds-support-03, #f1c21b);
-  background: var(--cds-notification-background-warning, #fdf6dd);
+  background: var(--cds-notification-background-warning, rgb(252.9, 245.85, 220.8));
 }
 .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon,
 .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon,
@@ -31807,7 +31784,7 @@ th .bx--table-sort__flex {
 .bx--toast-notification--low-contrast.bx--toast-notification--warning,
 .bx--toast-notification--low-contrast.bx--toast-notification--warning-alt {
   border-left: 3px solid var(--cds-support-03, #f1c21b);
-  background: var(--cds-notification-background-warning, #fdf6dd);
+  background: var(--cds-notification-background-warning, rgb(252.9, 245.85, 220.8));
 }
 .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon,
 .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon,
@@ -34522,6 +34499,7 @@ a.bx--header__menu-item.bx--header__menu-item--current:focus {
   width: 16rem;
   border-right: 1px solid #393939;
   border-left: 1px solid #393939;
+  overflow-y: auto;
 }
 
 .bx--panel--overlay {