@carbon/ibm-products 1.61.1 → 1.62.1

package/css/index-full-carbon.css

@@ -21101,34 +21101,34 @@ button.c4p--add-select__global-filter-toggle--open {
   align-items: center;
   padding-top: 0;
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--compact .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xs .c4p--datagrid__cell {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xs .c4p--datagrid__cell {
   padding-top: var(--cds-spacing-01, 0.125rem);
   padding-bottom: var(--cds-spacing-01, 0.125rem);
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--short .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--md .c4p--datagrid__cell {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--md .c4p--datagrid__cell {
   /* stylelint-disable-next-line carbon/layout-token-use */
   padding-top: 0.4375rem;
   /* stylelint-disable-next-line carbon/layout-token-use */
   padding-bottom: 0.375rem;
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
   padding-top: var(--cds-spacing-05, 1rem);
   padding-bottom: var(--cds-spacing-05, 1rem);
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .c4p--datagrid__cell {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .c4p--datagrid__cell {
   padding-top: var(--cds-spacing-05, 1rem);
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-header-label {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-header-label {
   padding-top: var(--cds-spacing-05, 1rem);
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-column-checkbox {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-column-checkbox {
   /* stylelint-disable-next-line carbon/layout-token-use */
   padding-top: 0.8125rem;
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
   padding-bottom: var(--cds-spacing-05, 1rem);
 }
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .bx--table-header-label {
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .bx--table-header-label {
   padding-bottom: var(--cds-spacing-05, 1rem);
 }
 .c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
@@ -21291,6 +21291,10 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-hover-selected-ui, #cacaca);
 }
 
+.c4p--datagrid__grid-container table.c4p--datagrid__table-simple.bx--data-table.c4p--datagrid__table-is-resizing {
+  overflow-y: hidden;
+}
+
 .c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
   border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
 }
@@ -21306,6 +21310,20 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-hover-selected-ui, #cacaca);
 }
 
+.c4p--datagrid__header-actions-column:hover {
+  background-color: var(--cds-layer-accent, #e0e0e0);
+}
+
+.c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu {
+  opacity: 0;
+}
+
+.c4p--datagrid .c4p--datagrid__carbon-row:hover .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu,
+.c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu:focus,
+.c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu[aria-expanded=true] {
+  opacity: 1;
+}
+
 .c4p--datagrid__head-hidden-select-all {
   padding-right: var(--cds-spacing-09, 3rem);
 }
@@ -21662,7 +21680,7 @@ button.c4p--add-select__global-filter-toggle--open {
   position: relative;
 }
 
-.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::after {
   position: absolute;
   /* stylelint-disable-next-line carbon/layout-token-use */
   top: -1px;
@@ -22003,6 +22021,11 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-ui-02, #ffffff);
 }
 
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__expandable-row-cell,
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__expandable-row-cell {
+  padding-top: var(--cds-spacing-03, 0.5rem);
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -22275,6 +22298,16 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background: var(--cds-layer-hover, #e5e5e5);
 }
 
+.c4p--datagrid .bx--data-table tbody tr:hover td.c4p--datagrid__expanded-row-cell-wrapper,
+.c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper,
+.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded td.c4p--datagrid__expandable-row-cell {
+  border: none;
+}
+
+.c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
+  padding: 0;
+}
+
 .c4p--datagrid__draggable-handleStyle {
   display: flex;
   align-items: center;
@@ -23325,9 +23358,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 .c4p--carousel__elements {
   display: flex;
+  overflow: scroll;
   -ms-overflow-style: none;
-  overflow-x: scroll;
-  overflow-y: hidden;
   scroll-behavior: smooth;
   scroll-snap-type: x mandatory;
   scrollbar-width: none;
@@ -24979,64 +25011,16 @@ th.c4p--datagrid__select-all-toggle-on.button {
   color: var(--cds-link-01, #0f62fe);
 }
 
-/* stylelint-disable declaration-no-important */
 .c4p--coachmark-dragbar {
   display: flex;
 }
-.c4p--coachmark-dragbar__handle {
-  flex-grow: 1;
-  padding: var(--cds-spacing-03, 0.5rem) 0 0 var(--cds-spacing-03, 0.5rem);
-  border: 0;
-  background-color: transparent;
-  text-align: left;
-}
-.c4p--coachmark-dragbar__handle:hover {
-  cursor: move;
-}
-.c4p--coachmark-dragbar--close-btn {
-  width: var(--cds-spacing-07, 2rem);
-  height: var(--cds-spacing-07, 2rem);
-  margin-left: auto !important;
-}
-.c4p--coachmark-dragbar--close-btn svg > path {
-  margin: 0;
-  fill: var(--cds-inverse-01, #ffffff) !important;
-}
-.c4p--coachmark-dragbar--close-btn:hover {
-  background-color: var(--cds-inverse-hover-ui, #4c4c4c) !important;
-}
-.c4p--coachmark-dragbar__light c4p--coachmark-dragbar--close-btn:active {
-  background-color: var(--cds-active-secondary, #6f6f6f);
-}
-.c4p--coachmark-dragbar__dark c4p--coachmark-dragbar--close-btn:active {
-  background-color: var(--cds-button-tertiary-active, #002d9c);
-}
 .c4p--coachmark-dragbar svg {
   color: var(--cds-inverse-01, #ffffff);
 }
 
-/* stylelint-disable declaration-no-important */
 .c4p--coachmark-header {
   display: flex;
 }
-.c4p--coachmark-header--close-btn {
-  width: var(--cds-spacing-07, 2rem);
-  height: var(--cds-spacing-07, 2rem);
-  margin-left: auto !important;
-}
-.c4p--coachmark-header--close-btn svg > path {
-  margin: 0;
-  fill: var(--cds-inverse-01, #ffffff) !important;
-}
-.c4p--coachmark-header--close-btn:hover {
-  background-color: var(--cds-inverse-hover-ui, #4c4c4c) !important;
-}
-.c4p--coachmark-header__light c4p--coachmark-header--close-btn:active {
-  background-color: var(--cds-active-secondary, #6f6f6f);
-}
-.c4p--coachmark-header__dark c4p--coachmark-header--close-btn:active {
-  background-color: var(--cds-button-tertiary-active, #002d9c);
-}
 
 /* stylelint-disable carbon/layout-token-use */
 /* stylelint-disable carbon/theme-token-use */
@@ -25048,7 +25032,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   border-radius: var(--cds-spacing-01, 0.125rem);
   background-color: var(--cds-inverse-02, #393939);
   color: var(--cds-inverse-01, #ffffff);
-  /* ------------------ */
+  visibility: hidden;
 }
 .c4p--coachmark-overlay--fixed {
   position: fixed;
@@ -25063,8 +25047,14 @@ th.c4p--datagrid__select-all-toggle-on.button {
     transition: none;
   }
 }
+.c4p--coachmark-overlay--is-dragmode {
+  border-radius: 0;
+  box-shadow: 0 0 0 var(--cds-spacing-02, 0.25rem) var(--cds-inverse-02, #393939);
+  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-inverse-01, #ffffff);
+}
 .c4p--coachmark-overlay--is-visible {
   transform: translateY(0);
+  visibility: visible;
 }
 .c4p--coachmark-overlay__caret {
   position: absolute;
@@ -25169,9 +25159,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   height: calc(var(--cds-spacing-07, 2rem) + var(--cds-spacing-12, 6rem));
   margin-bottom: var(--cds-spacing-05, 1rem);
 }
-.c4p--coachmark-overlay__body {
-  padding: var(--cds-spacing-01, 0.125rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem);
-}
 .c4p--coachmark-overlay__body .bx--btn--ghost {
   color: var(--cds-inverse-link, #78a9ff);
 }
@@ -25196,6 +25183,45 @@ th.c4p--datagrid__select-all-toggle-on.button {
   letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
   order: 1;
 }
+.c4p--coachmark-overlay__handle {
+  position: relative;
+  flex-grow: 1;
+  padding: var(--cds-spacing-02, 0.25rem) 0 0 var(--cds-spacing-03, 0.5rem);
+  border: 0;
+  background-color: transparent;
+  text-align: left;
+}
+.c4p--coachmark-overlay__handle::before {
+  position: absolute;
+  top: var(--cds-spacing-01, 0.125rem);
+  left: var(--cds-spacing-01, 0.125rem);
+  width: calc(var(--cds-spacing-06, 1.5rem) + var(--cds-spacing-01, 0.125rem));
+  height: calc(var(--cds-spacing-06, 1.5rem) + var(--cds-spacing-01, 0.125rem));
+  content: "";
+}
+.c4p--coachmark-overlay__handle:hover {
+  cursor: move;
+}
+.c4p--coachmark-overlay__handle:focus {
+  border: none;
+  outline: none;
+}
+.c4p--coachmark-overlay__handle:focus::before {
+  border: 1px solid var(--cds-inverse-01, #ffffff);
+  outline: 1px solid #0f62fe;
+}
+.c4p--coachmark-overlay--close-btn {
+  width: var(--cds-spacing-07, 2rem);
+  height: var(--cds-spacing-07, 2rem);
+  margin-left: auto !important;
+}
+.c4p--coachmark-overlay--close-btn svg > path {
+  margin: 0;
+  fill: var(--cds-inverse-01, #ffffff) !important;
+}
+.c4p--coachmark-overlay--close-btn:hover {
+  background-color: var(--cds-inverse-hover-ui, #4c4c4c) !important;
+}
 .c4p--coachmark-overlay__footer {
   display: flex;
   align-items: center;
@@ -25213,12 +25239,35 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .bx--link:focus {
   outline-color: var(--cds-text-04, #ffffff);
 }
+.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .bx--btn--ghost {
+  border-color: transparent !important;
+  border-radius: 0;
+  outline: 1px solid transparent;
+}
 .c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .bx--btn--ghost:hover {
   background-color: var(--cds-inverse-hover-ui, #4c4c4c);
 }
 .c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .bx--btn--ghost:active {
   background-color: var(--cds-active-secondary, #6f6f6f);
 }
+.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .bx--btn--ghost:focus {
+  box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939), inset 0 0 0 var(--cds-spacing-01, 0.125rem) #ffffff;
+}
+.c4p--coachmark-overlay__light .c4p--coachmark-overlay__handle:focus::before {
+  border: 1px solid #ffffff;
+  outline: 1px solid transparent;
+}
+.c4p--coachmark-overlay__light .c4p--coachmark-overlay--close-btn {
+  border-color: transparent !important;
+  border-radius: 0;
+  outline: 1px solid transparent;
+}
+.c4p--coachmark-overlay__light .c4p--coachmark-overlay--close-btn:active {
+  background-color: var(--cds-active-secondary, #6f6f6f);
+}
+.c4p--coachmark-overlay__light .c4p--coachmark-overlay--close-btn:focus {
+  box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939), inset 0 0 0 var(--cds-spacing-01, 0.125rem) #ffffff;
+}
 .c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .bx--link {
   color: #0062fe;
 }
@@ -25236,6 +25285,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-button-primary-active, #002d9c);
   box-shadow: inset 0 0 0 var(--cds-spacing-01, 0.125rem) var(--cds-interactive-01, #0f62fe), inset 0 0 0 0.1875rem var(--cds-interactive-03, #0f62fe);
 }
+.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .bx--btn--ghost {
+  border-color: transparent;
+}
 .c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .bx--btn--ghost:hover {
   background-color: var(--cds-inverse-hover-ui, #4c4c4c);
 }
@@ -25243,7 +25295,20 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-button-tertiary-active, #002d9c);
 }
 .c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .bx--btn--ghost:focus {
-  box-shadow: inset 0 0 0 var(--cds-spacing-01, 0.125rem) var(--cds-interactive-01, #0f62fe), inset 0 0 0 0.1875rem var(--cds-interactive-03, #0f62fe);
+  box-shadow: inset 0 0 0 1px #0f62fe, inset 0 0 0 var(--cds-spacing-01, 0.125rem) #ffffff;
+}
+.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__handle:focus::before {
+  border: 1px solid #ffffff;
+  outline: 1px solid #0f62fe;
+}
+.c4p--coachmark-overlay__dark .c4p--coachmark-overlay--close-btn {
+  border-color: transparent;
+}
+.c4p--coachmark-overlay__dark .c4p--coachmark-overlay--close-btn:focus {
+  box-shadow: inset 0 0 0 1px #0f62fe, inset 0 0 0 var(--cds-spacing-01, 0.125rem) #ffffff;
+}
+.c4p--coachmark-overlay__dark .c4p--coachmark-overlay--close-btn:active {
+  background-color: var(--cds-button-tertiary-active, #002d9c);
 }
 .c4p--coachmark-overlay .c4p--carousel__item {
   flex: 0 0 100% !important;
@@ -25320,6 +25385,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   line-height: var(--cds-body-short-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
 }
+.c4p--coachmark-tagline__cta:focus {
+  box-shadow: inset 0 0 0 3px #6929c4, inset 0 0 0 var(--cds-spacing-02, 0.25rem) #ffffff;
+  outline: 1px solid transparent;
+}
 .c4p--coachmark-tagline__cta:hover {
   cursor: pointer !important;
 }
@@ -25329,8 +25398,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--coachmark-tagline--close-btn {
   width: var(--cds-spacing-07, 2rem);
   height: var(--cds-spacing-07, 2rem);
+  border-color: transparent !important;
+  border-radius: 0;
   margin-left: auto !important;
   color: #ffffff;
+  outline: 1px solid transparent;
+}
+.c4p--coachmark-tagline--close-btn:active {
+  background-color: var(--cds-active-secondary, #6f6f6f);
+}
+.c4p--coachmark-tagline--close-btn:focus {
+  box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939), inset 0 0 0 var(--cds-spacing-01, 0.125rem) #ffffff !important;
 }
 .c4p--coachmark-tagline--close-btn svg > path {
   margin: 0;
@@ -25355,6 +25433,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--coachmark-beacon {
   position: relative;
 }
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
+  display: none;
+}
 .c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
   position: absolute;
   top: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-03, 0.5rem));
@@ -25365,6 +25446,20 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: #4589ff;
   content: "";
 }
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
+  outline: transparent;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
+  position: absolute;
+  top: 7px;
+  left: 7px;
+  display: block;
+  width: 18px;
+  height: 18px;
+  border-radius: 100%;
+  content: "";
+  outline: var(--cds-spacing-01, 0.125rem) var(--cds-focus, #0f62fe) solid;
+}
 .c4p--coachmark-beacon .c4p--coachmark-beacon__target {
   position: absolute;
   top: calc(-1 * var(--cds-spacing-05, 1rem));
@@ -25459,6 +25554,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  padding: 0 var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem);
 }
 .c4p--coachmark-overlay-elements--controls-progress {
   margin-right: auto;
@@ -25468,6 +25564,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
 }
 
+.c4p--coachmark-overlay-element {
+  padding: var(--cds-spacing-01, 0.125rem) var(--cds-spacing-05, 1rem) 0;
+}
 .c4p--coachmark-overlay-element__content {
   padding-bottom: var(--cds-spacing-05, 1rem);
 }
@@ -25499,6 +25598,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   right: var(--cds-spacing-05, 1rem);
   bottom: -100%;
   transform: translateY(100%);
+  visibility: hidden;
 }
 .c4p--coachmark-stack-element--is-mounted {
   bottom: 0;
@@ -25513,6 +25613,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--coachmark-stack-element--is-visible {
   opacity: 1;
   transform: translateY(0);
+  visibility: visible;
 }
 .c4p--coachmark-stack-element--is-stacked {
   bottom: 0;
@@ -25520,6 +25621,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   pointer-events: none;
   transform: perspective(9rem) translate3d(0, calc(var(--cds-spacing-09, 3rem) * -1), calc(var(--cds-spacing-05, 1rem) * -1));
   transform-origin: top center;
+  visibility: visible;
 }
 .c4p--coachmark-stack-element--is-stacked__light {
   background-color: #262626;
@@ -25700,6 +25802,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--checklist__header {
   display: flex;
   padding: var(--cds-spacing-05, 1rem);
+  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
   background-color: var(--cds-ui-01, #f4f4f4);
   gap: var(--cds-spacing-03, 0.5rem);
 }
@@ -25802,9 +25905,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   color: var(--cds-text-primary, #161616);
   text-decoration: underline;
 }
-.c4p--checklist__button--error {
-  color: var(--cds-text-error, #da1e28) !important;
-}
 .c4p--checklist__content-outer {
   overflow: hidden;
 }
@@ -25849,13 +25949,15 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--checklist__icon {
   /* stylelint-disable-next-line carbon/layout-token-use */
   margin: 0.0625rem var(--cds-spacing-03, 0.5rem) 0 0;
+}
+.c4p--checklist__icon--checked, .c4p--checklist__icon--indeterminate {
   color: var(--cds-link-01, #0f62fe);
 }
 .c4p--checklist__icon--error {
   color: var(--cds-support-error, #da1e28);
 }
 .c4p--checklist__icon--disabled {
-  color: var(--cds-disabled-03, #8d8d8d);
+  color: var(--cds-disabled-02, #c6c6c6);
 }
 .c4p--checklist__label {
   font-size: var(--cds-body-short-01-font-size, 0.875rem);
@@ -25868,8 +25970,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
   -webkit-line-clamp: 2;
   text-overflow: ellipsis;
 }
-.c4p--checklist__label--checked, .c4p--checklist__label--disabled, .c4p--checklist__label--error {
-  color: var(--cds-disabled-03, #8d8d8d);
+.c4p--checklist__label--disabled {
+  color: var(--cds-disabled-02, #c6c6c6);
 }
 .c4p--checklist__footer {
   display: -webkit-box;