@carbon/ibm-products 2.43.2-canary.31 → 2.43.2-canary.318

package/css/index-without-carbon-released-only.css

@@ -1957,10 +1957,6 @@ p.c4p--about-modal__copyright-text:first-child {
   border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
 }
 
-.c4p--create-modal {
-  background-color: var(--cds-background, #ffffff);
-}
-
 .c4p--create-modal .cds--modal-close {
   display: none;
 }
@@ -2581,7 +2577,7 @@ p.c4p--about-modal__copyright-text:first-child {
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug {
+.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label {
   border-color: transparent;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
@@ -2646,10 +2642,10 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title)::before {
   background-color: transparent;
 }
-.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug {
+.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-ai-label {
   --c4p--side-panel--title-padding-right: 4rem;
 }
-.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug {
+.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label {
   --c4p--side-panel--title-padding-right: 5rem;
 }
 .c4p--side-panel .c4p--side-panel__animated-scroll-wrapper {
@@ -2746,7 +2742,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--side-panel .c4p--side-panel__header--has-action-toolbar + .c4p--side-panel__inner-content {
   padding-top: 0.5rem;
 }
-.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls {
+.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls {
   background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
@@ -2794,8 +2790,9 @@ p.c4p--about-modal__copyright-text:first-child {
   width: 2.5rem;
   height: 2.5rem;
 }
-.c4p--side-panel .c4p--side-panel__slug-and-close {
-  position: fixed;
+.c4p--side-panel .c4p--side-panel__slug-and-close,
+.c4p--side-panel .c4p--side-panel__ai-label-and-close {
+  position: absolute;
   z-index: 10; /* must be higher than title container border bottom */
   top: 0;
   right: 0;
@@ -2803,7 +2800,8 @@ p.c4p--about-modal__copyright-text:first-child {
   /* stylelint-disable-next-line max-nesting-depth */
 }
 @media (prefers-reduced-motion) {
-  .c4p--side-panel .c4p--side-panel__slug-and-close {
+  .c4p--side-panel .c4p--side-panel__slug-and-close,
+  .c4p--side-panel .c4p--side-panel__ai-label-and-close {
     position: absolute;
   }
 }
@@ -2841,6 +2839,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--side-panel .cds--text-area,
 .c4p--side-panel .cds--search-input,
 .c4p--side-panel .cds--select-input,
+.c4p--side-panel .cds--multi-select,
 .c4p--side-panel .cds--dropdown,
 .c4p--side-panel .cds--dropdown-list,
 .c4p--side-panel .cds--number input[type=number],
@@ -2886,7 +2885,8 @@ p.c4p--about-modal__copyright-text:first-child {
   inset: 0;
 }
 
-.c4p--side-panel--has-slug + .c4p--side-panel__overlay {
+.c4p--side-panel--has-slug + .c4p--side-panel__overlay,
+.c4p--side-panel--has-ai-label + .c4p--side-panel__overlay {
   /* stylelint-disable-next-line carbon/theme-token-use */
   background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
 }
@@ -2989,7 +2989,7 @@ p.c4p--about-modal__copyright-text:first-child {
   max-height: calc(100% - 3rem);
   transform: translate3d(0, min(95vh, 500px), 0);
 }
-.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
+.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
   border: 1px solid transparent;
   border-bottom: 0;
   /* override carbon ai removing background gradient */
@@ -3093,10 +3093,10 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav {
   padding: 1.5rem 2rem 0;
 }
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
+.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
   padding-inline-end: 5rem;
 }
-.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
+.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
   /* spacing 11 plus additional space for slug/close */
   /* stylelint-disable-next-line carbon/layout-token-use */
   padding-inline-end: calc(8rem);
@@ -3160,7 +3160,7 @@ p.c4p--about-modal__copyright-text:first-child {
   overflow: auto;
   flex-grow: 1;
 }
-.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
+.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
   background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
 }
@@ -3202,12 +3202,14 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
   background: var(--cds-background, #ffffff);
 }
-.c4p--tearsheet.c4p--tearsheet--has-slug {
+.c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
   /* stylelint-disable-next-line carbon/theme-token-use */
   --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
 }
-.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
+.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
   inset-inline-end: 0;
+  margin-block: 6px;
+  margin-inline-end: 1rem;
 }
 
 .c4p--create-tearsheet-narrow .cds--modal-header__heading,
@@ -3302,7 +3304,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;
@@ -3470,6 +3472,7 @@ p.c4p--about-modal__copyright-text:first-child {
   background-color: var(--cds-background, #ffffff);
 }
 
+/* This section to be removed after support for slug dropped  - start */
 .c4p--datagrid th.c4p--datagrid__with-slug {
   /* stylelint-disable-next-line carbon/theme-token-use */
   box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
@@ -3510,6 +3513,47 @@ p.c4p--about-modal__copyright-text:first-child {
   margin-left: 0.5rem;
 }
 
+/* This section to be removed after support for slug dropped  - end */
+.c4p--datagrid th.c4p--datagrid__with-ai-label {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
+}
+
+.c4p--datagrid th.c4p--datagrid__with-ai-label,
+.c4p--datagrid td.c4p--datagrid__ai-label--cell {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row + .c4p--datagrid__expanded-row {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+  background-attachment: fixed;
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row:hover,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected:hover,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row {
+  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row td {
+  background-color: transparent;
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
+}
+
+.c4p--datagrid th.c4p--datagrid__with-ai-label .cds--slug {
+  margin-left: 0.5rem;
+}
+
 .c4p--datagrid__grid-container {
   display: block;
   width: 100%;
@@ -3581,7 +3625,8 @@ p.c4p--about-modal__copyright-text:first-child {
   -webkit-line-clamp: 2;
   white-space: initial;
 }
-.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug {
+.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug,
+.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--ai-label {
   width: fit-content;
 }
 .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
@@ -3691,6 +3736,9 @@ p.c4p--about-modal__copyright-text:first-child {
   background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
 }
 
+.c4p--datagrid__resizableColumn:hover {
+  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
+}
 .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
   border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
   background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -3711,6 +3759,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--datagrid__head-hidden-select-all {
+  min-width: 3rem;
   padding-right: 3rem;
 }
 .c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
@@ -3936,6 +3985,9 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--datagrid__virtualScrollContainer {
   width: 100%;
 }
+.c4p--datagrid__virtualScrollContainer .cds--data-table-content {
+  overflow-x: hidden;
+}
 
 .c4p--datagrid .cds--modal {
   width: 100%;
@@ -3974,13 +4026,24 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .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 {
   padding: 0;
 }
 
+.c4p--datagrid .cds--noLabel svg.cds--btn__icon {
+  margin-inline-start: 0;
+}
+
 .c4p--datagrid .cds--action-list .cds--btn__icon {
   margin-top: 0;
 }
@@ -4055,7 +4118,7 @@ p.c4p--about-modal__copyright-text:first-child {
   display: flex;
   align-items: center;
 }
-.c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded {
+.c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded, .c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__ai-label--expanded {
   border: none;
 }
 
@@ -4064,13 +4127,12 @@ p.c4p--about-modal__copyright-text:first-child {
   width: 1rem;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020 - 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .cds--data-table tr.c4p--datagrid__carbon-nested-row {
   border-left: 1px solid transparent;
 }
@@ -4121,7 +4183,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .cds--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
-.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
+.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable):not(.c4p--datagrid__carbon-row-expandable--async) td.c4p--datagrid__cell:nth-of-type(2)::before,
 .cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
   position: absolute;
   /* stylelint-disable-next-line carbon/layout-token-use */
@@ -4145,13 +4207,12 @@ p.c4p--about-modal__copyright-text:first-child {
   border-bottom: none;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid__expanded-row .cds--data-table-container {
   width: calc(100% - 2rem);
   border-left: 2px solid var(--cds-background-brand, #0f62fe);
@@ -4214,6 +4275,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 .c4p--datagrid__sortableColumn .cds--table-sort.c4p--datagrid--table-sort {
   width: calc(100% + 2rem);
+  align-items: inherit;
   margin: 0 calc(-1 * 1rem);
 }
 
@@ -4229,13 +4291,12 @@ p.c4p--about-modal__copyright-text:first-child {
   visibility: visible;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid__right-align-header {
   width: 100%;
   text-align: right;
@@ -4267,13 +4328,12 @@ p.c4p--about-modal__copyright-text:first-child {
   margin-left: auto;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid__right-sticky-column-cell {
   /* stylelint-disable-next-line declaration-no-important */
   position: sticky !important;
@@ -4334,13 +4394,12 @@ p.c4p--about-modal__copyright-text:first-child {
   left: 0;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid__actions-column-cell {
   display: flex;
   flex-flow: column;
@@ -4368,6 +4427,10 @@ p.c4p--about-modal__copyright-text:first-child {
   fill: var(--cds-layer-selected-disabled, #8d8d8d);
 }
 
+.c4p--datagrid_actions-column {
+  display: flex;
+}
+
 .c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
   display: flex;
   flex-flow: column;
@@ -4428,13 +4491,12 @@ p.c4p--about-modal__copyright-text:first-child {
   background-color: var(--cds-layer-selected);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid .c4p--datagrid__row-size-toggle-tip-content {
   background-color: var(--cds-layer-02, #ffffff);
   box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
@@ -4725,13 +4787,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
   width: 10rem;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid .c4p--datagrid__expanded-row-content {
   position: relative;
   padding: 1rem 1rem 1.5rem 4rem;
@@ -4899,13 +4960,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
   white-space: nowrap;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--text-input,
 .c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number input[type=number],
 .c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
@@ -5001,6 +5061,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
   align-items: center;
 }
 
+.c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
+  outline: 0.125rem solid var(--cds-focus, #0f62fe);
+  outline-offset: 1px;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-checkbox {
+  display: flex;
+  height: -webkit-fill-available;
+  justify-content: center;
+  padding-inline: 1rem;
+}
+
 .c4p--datagrid__static--outer-cell {
   display: flex;
   height: -webkit-fill-available;
@@ -5375,10 +5447,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   min-width: auto;
 }
 
-.c4p--datagrid .cds--pagination {
-  background-color: var(--cds-layer-02, #ffffff);
-}
-
 .c4p--edit-in-place {
   --c4p--edit-in-place--size: 2rem;
   display: flex;
@@ -5418,7 +5486,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .c4p--edit-in-place--invalid {
-  outline: 2px solid var(--cds-support-error, #da1e28);
+  border: 2px solid var(--cds-support-error, #da1e28);
 }
 
 .c4p--edit-in-place--focused {
@@ -5438,16 +5506,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   line-height: inherit;
 }
 
-.c4p--edit-in-place__ellipsis {
-  position: relative;
-  margin-left: -1rem;
-  opacity: 0;
-}
-
-.c4p--edit-in-place--overflows:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__ellipsis {
-  opacity: 1;
-}
-
 .c4p--edit-in-place__text-input-label {
   display: none;
 }
@@ -5758,16 +5816,19 @@ th.c4p--datagrid__select-all-toggle-on.button {
   right: 1rem;
 }
 
-.c4p--card__header-container--has-slug {
+.c4p--card__header-container--has-slug,
+.c4p--card__header-container--has-ai-label {
   width: 100%;
   padding-right: 2rem;
 }
 
-.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions {
+.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions,
+.c4p--card__header-container--has-ai-label.c4p--card__header-container--has-actions {
   padding-right: 2.5rem;
 }
 
-.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label {
+.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label,
+.c4p--card__header-container--has-ai-label.c4p--card__header-container--large-tile-or-label {
   padding-right: 3rem;
 }
 
@@ -5780,13 +5841,15 @@ th.c4p--datagrid__select-all-toggle-on.button {
   pointer-events: none;
 }
 
-.c4p--card--has-slug {
+.c4p--card--has-slug,
+.c4p--card--has-ai-label {
   background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
   border: 1px solid transparent;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
 
-.c4p--card__clickable.c4p--card--has-slug::before {
+.c4p--card__clickable.c4p--card--has-slug::before,
+.c4p--card__clickable.c4p--card--has-ai-label::before {
   background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
   position: absolute;
   display: block;
@@ -5800,7 +5863,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
   transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.c4p--card__clickable.c4p--card--has-slug:hover::before {
+.c4p--card__clickable.c4p--card--has-slug:hover::before,
+.c4p--card__clickable.c4p--card--has-ai-label:hover::before {
   opacity: 1;
 }
 
@@ -5824,6 +5888,113 @@ th.c4p--datagrid__select-all-toggle-on.button {
   letter-spacing: var(--cds-heading-03-letter-spacing, 0);
 }
 
+.c4p--full-page-error {
+  height: inherit;
+}
+
+.c4p--full-page-error__container {
+  height: 100%;
+  margin: 0 1.5rem;
+}
+@media (max-width: 41.98rem) {
+  .c4p--full-page-error__container {
+    margin: 0 0.5rem;
+  }
+}
+
+.c4p--full-page-error__grid {
+  height: 100%;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.c4p--full-page-error__column {
+  padding: 0;
+}
+@media (min-width: 66rem) {
+  .c4p--full-page-error__column {
+    padding: 0 2rem 0 0;
+  }
+}
+
+.c4p--full-page-error__svg-container {
+  display: flex;
+  height: 100%;
+  padding: 0.5rem 0.5rem 5rem 0.5rem;
+}
+@media (min-width: 42rem) {
+  .c4p--full-page-error__svg-container {
+    padding: auto 0.5rem 5rem 0.5rem;
+  }
+}
+
+.c4p--full-page-error__label,
+.c4p--full-page-error__title {
+  font-size: 2rem;
+  font-weight: 400;
+  line-height: 1.25;
+  letter-spacing: 0;
+  font-size: calc(2rem + 0.25 * (100vw - 20rem) / 22);
+}
+@media (min-width: 42rem) {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
+    font-size: 2.25rem;
+    font-weight: 300;
+    line-height: 1.22;
+    font-size: calc(2.25rem + 0.375 * (100vw - 42rem) / 24);
+  }
+}
+@media (min-width: 66rem) {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
+    font-size: 2.625rem;
+    line-height: 1.19;
+    font-size: calc(2.625rem + 0.375 * (100vw - 66rem) / 16);
+  }
+}
+@media (min-width: 82rem) {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
+    font-size: 3rem;
+    line-height: 1.17;
+    font-size: calc(3rem + 0.75 * (100vw - 82rem) / 17);
+  }
+}
+@media (min-width: 99rem) {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
+    font-size: 3.75rem;
+    font-size: 3.75rem;
+  }
+}
+
+.c4p--full-page-error__label {
+  display: block;
+  color: var(--cds-text-error, #da1e28);
+}
+
+.c4p--full-page-error__title {
+  margin-bottom: 3rem;
+}
+
+.c4p--full-page-error__description {
+  font-size: var(--cds-body-02-font-size, 1rem);
+  font-weight: var(--cds-body-02-font-weight, 400);
+  line-height: var(--cds-body-02-line-height, 1.5);
+  letter-spacing: var(--cds-body-02-letter-spacing, 0);
+  margin-bottom: 2rem;
+}
+
+.c4p--full-page-error__svg-container svg.c4p--full-page-error__svg {
+  width: 100%;
+}
+
+.c4p--full-page-error__svg-container svg.c4p--full-page-error__svg path {
+  fill: var(--cds-background, #ffffff);
+  stroke: var(--cds-border-inverse, #161616);
+}
+
 .c4p--http-errors .c4p--http-errors__content {
   position: fixed;
   z-index: 2;
@@ -5891,6 +6062,101 @@ th.c4p--datagrid__select-all-toggle-on.button {
   }
 }
 
+/* stylelint-disable carbon/theme-token-use */
+.c4p--http-errors-404__prefix-cls-1 {
+  fill: none;
+}
+
+.c4p--http-errors-404__prefix-cls-67 {
+  fill: #697077;
+}
+
+.c4p--http-errors-404__prefix-cls-68 {
+  fill: #282828;
+}
+
+.c4p--http-errors-404__prefix-cls-69 {
+  fill: #51565c;
+}
+
+.c4p--http-errors-404__prefix-cls-70 {
+  fill: #002b50;
+}
+
+.c4p--http-errors-404__prefix-cls-71 {
+  fill: #413d3d;
+}
+
+.c4p--http-errors-404__prefix-cls-72 {
+  fill: #908b8b;
+}
+
+.c4p--http-errors-404__prefix-cls-75 {
+  fill: #a4a4a5;
+}
+
+.c4p--http-errors-404__prefix-cls-76 {
+  opacity: 0.15;
+}
+
+.c4p--http-errors-403__prefix-cls-1 {
+  fill: none;
+}
+
+.c4p--http-errors-403__prefix-cls-80 {
+  mix-blend-mode: multiply;
+  opacity: 0.25;
+}
+
+.c4p--http-errors-403__prefix-cls-75 {
+  fill: #595655;
+}
+
+.c4p--http-errors-403__prefix-cls-76 {
+  opacity: 0.15;
+}
+
+.c4p--http-errors-403__prefix-cls-77 {
+  fill: #373d42;
+}
+
+.c4p--http-errors-403__prefix-cls-78 {
+  fill: #002b50;
+}
+
+.c4p--http-errors-403__prefix-cls-81 {
+  fill: #2b2828;
+}
+
+.c4p--http-errors-other__prefix-cls-1 {
+  fill: none;
+}
+
+.c4p--http-errors-other__prefix-cls-69 {
+  fill: #697077;
+}
+
+.c4p--http-errors-other__prefix-cls-70 {
+  fill: #282828;
+}
+
+.c4p--http-errors-other__prefix-cls-71 {
+  fill: #51565c;
+}
+
+.c4p--http-errors-other__prefix-cls-72 {
+  fill: #e0dbda;
+}
+
+.c4p--http-errors-other__prefix-cls-73 {
+  fill: #003d73;
+}
+
+.c4p--http-errors-other__prefix-cls-75 {
+  opacity: 0.15;
+}
+
+/* stylelint-enable */
 .c4p--import-modal .cds--modal-close {
   display: none;
 }
@@ -6447,7 +6713,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #002d9c;
+  --cds-highlight: #001d6c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -6485,6 +6751,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -8639,33 +8906,18 @@ 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;
   text-align: left;
 }
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__popover-trigger {
+  /* stylelint-disable-next-line declaration-no-important */
+  border: none !important;
   font-family: inherit;
 }
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link.cds--link:visited {
@@ -9052,15 +9304,27 @@ button.c4p--add-select__global-filter-toggle--open {
     flex: 1 0 60%;
   }
 }
+.c4p--page-header .c4p--page-header__tooltip {
+  min-width: 0;
+  flex-basis: auto;
+}
+.c4p--page-header .c4p--page-header__tooltip button {
+  border-block-end: none;
+  cursor: default;
+}
+.c4p--page-header .c4p--page-header__titleText {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .c4p--page-header .c4p--page-header__title {
   font-size: var(--cds-heading-04-font-size, 1.75rem);
   font-weight: var(--cds-heading-04-font-weight, 400);
   line-height: var(--cds-heading-04-line-height, 1.28572);
   letter-spacing: var(--cds-heading-04-letter-spacing, 0);
+  display: flex;
   min-height: 2.5rem;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .c4p--page-header .c4p--page-header__title--editable {
   display: flex;
@@ -10277,7 +10541,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #0043ce;
+  --cds-highlight: #002d9c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -10315,6 +10579,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -10707,7 +10972,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #002d9c;
+  --cds-highlight: #001d6c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -10745,6 +11010,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;