@carbon/ibm-products 2.34.0 → 2.36.0-alpha.27

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

@@ -1905,8 +1905,14 @@ p.c4p--about-modal__copyright-text:first-child {
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
 }
 
-.c4p--create-full-page .c4p--create-full-page {
+.c4p--create-full-page {
+  display: grid;
+  height: 100%;
   color: var(--cds-text-primary, #161616);
+  grid-template-rows: minmax(auto, 100%);
+}
+.c4p--create-full-page:has(.c4p--create-full-page__header) {
+  grid-template-rows: auto minmax(auto, 100%);
 }
 
 .c4p--create-full-page .c4p--create-full-page__content .cds--grid {
@@ -1915,14 +1921,6 @@ p.c4p--about-modal__copyright-text:first-child {
   margin-left: 0;
 }
 
-.c4p--create-full-page__header {
-  position: sticky;
-  z-index: 9;
-  top: 0;
-  right: 0;
-  left: 0;
-}
-
 .c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
   display: none;
 }
@@ -1961,7 +1959,8 @@ p.c4p--about-modal__copyright-text:first-child {
 
 .c4p--create-full-page__influencer-and-body-container {
   display: flex;
-  height: 100vh;
+  overflow: hidden;
+  max-height: 100%;
   padding: 0;
   margin: 0;
 }
@@ -2361,7 +2360,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug {
   border-color: transparent;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
+  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--side-panel .c4p--side-panel__header {
   --c4p--side-panel--title-padding-bottom: 1rem;
@@ -2369,11 +2368,15 @@ p.c4p--about-modal__copyright-text:first-child {
   z-index: 4;
   /* stylelint-disable-next-line carbon/layout-token-use */
   top: calc(-1px * var(--c4p--side-panel--scroll-animation-distance));
+  min-height: 2.5rem;
   padding: 1rem;
   padding-bottom: 0;
   background-color: var(--cds-layer-01, #f4f4f4);
   /* stylelint-disable-next-line max-nesting-depth */
 }
+.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title {
+  min-height: auto;
+}
 .c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__subtitle-text), .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-subtitle {
   --c4p--side-panel--title-padding-bottom: 0.5rem;
 }
@@ -2410,9 +2413,6 @@ p.c4p--about-modal__copyright-text:first-child {
   border-bottom: 0;
   margin-bottom: 0;
 }
-.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__collapsed-title-text {
-  top: 1rem;
-}
 .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__navigation-back-button.cds--btn--md ~ .c4p--side-panel__collapsed-title-text {
   top: 1.5rem;
 }
@@ -2516,16 +2516,16 @@ p.c4p--about-modal__copyright-text:first-child {
   padding: 1rem;
   padding-top: 0;
 }
+.c4p--side-panel .c4p--side-panel__inner-content--no-animated-title {
+  padding-top: 1rem;
+}
 .c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__action-toolbar) + .c4p--side-panel__inner-content,
 .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 {
-  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
-}
-.c4p--side-panel .c4p--side-panel__inner-content.c4p--side-panel--scrolls {
-  padding-top: 1rem;
+  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%, 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));
 }
 .c4p--side-panel .c4p--side-panel__action-toolbar {
   position: sticky;
@@ -2763,7 +2763,7 @@ p.c4p--about-modal__copyright-text:first-child {
   border-bottom: 0;
   /* override carbon ai removing background gradient */
   background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
-  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
+  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
 .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -2894,6 +2894,14 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
   padding-right: 0;
 }
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet .c4p--tearsheet__container {
+    max-height: 100%;
+  }
+  .c4p--tearsheet .c4p--tearsheet__influencer {
+    flex-basis: auto;
+  }
+}
 .c4p--tearsheet .c4p--tearsheet__influencer--wide {
   flex-basis: 321px;
 }
@@ -2922,8 +2930,8 @@ p.c4p--about-modal__copyright-text:first-child {
   flex-grow: 1;
 }
 .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
-  background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
+  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%, 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));
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
@@ -3238,12 +3246,12 @@ p.c4p--about-modal__copyright-text:first-child {
 
 .c4p--datagrid th.c4p--datagrid__with-slug,
 .c4p--datagrid td.c4p--datagrid__slug--cell {
-  background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+  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__slug--row,
 .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row + .c4p--datagrid__expanded-row {
-  background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+  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;
 }
 
@@ -3256,7 +3264,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected:hover,
 .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--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__slug--row {
-  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
+  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__slug--row td {
@@ -3264,7 +3272,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected {
-  background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-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-slug .cds--slug {
@@ -3875,7 +3883,8 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .cds--data-table td.c4p--datagrid__expandable-row-cell + td,
-.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
+.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2),
+.cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__cell:nth-of-type(2) + td {
   position: relative;
 }
 
@@ -3976,6 +3985,11 @@ p.c4p--about-modal__copyright-text:first-child {
   margin: 0 calc(-1 * 1rem);
 }
 
+.c4p--datagrid__sortableColumn:hover,
+.c4p--datagrid__sortableColumn:focus-within,
+.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted {
+  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
+}
 .c4p--datagrid__sortableColumn:hover .cds--table-header-label .c4p--datagrid__sortable-icon,
 .c4p--datagrid__sortableColumn:focus-within .cds--table-header-label .c4p--datagrid__sortable-icon,
 .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label .c4p--datagrid__sortable-icon {
@@ -5529,17 +5543,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .c4p--card--has-slug {
-  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
+  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%, 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.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
+  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 {
-  background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 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, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
+  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;
   block-size: 100%;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
   content: "";
   inline-size: 100%;
   inset-block-start: 0;
@@ -6129,21 +6143,22 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
-  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
-  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
-  --cds-ai-border-start: #4589ff;
+  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #4589ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
   --cds-ai-border-strong: #78a9ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
-  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #3d4655;
-  --cds-ai-popover-caret-bottom-background: #213250;
-  --cds-ai-popover-caret-bottom-background-actions: #192436;
-  --cds-ai-popover-caret-center: #3f68af;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
-  --cds-ai-skeleton-background: #a6c8ff;
-  --cds-ai-skeleton-element-background: #002d9c;
+  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
+  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
+  --cds-ai-popover-background: #161616;
+  --cds-ai-popover-caret-bottom: #4589ff;
+  --cds-ai-popover-caret-bottom-background: #202d45;
+  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
+  --cds-ai-popover-caret-center: #4870b5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
+  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
+  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -6172,7 +6187,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-avatar-bot: #8d8d8d;
   --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
-  --cds-chat-bubble-agent-border: #525252;
+  --cds-chat-bubble-border: #525252;
   --cds-chat-bubble-user: #393939;
   --cds-chat-button: #78a9ff;
   --cds-chat-button-active: rgba(141, 141, 141, 0.4);
@@ -6240,11 +6255,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #292929;
   --cds-skeleton-element: #393939;
-  --cds-slug-background: #c6c6c6;
-  --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -9009,6 +9019,10 @@ button.c4p--add-select__global-filter-toggle--open {
   z-index: 7999;
 }
 
+.c4p--card__productive {
+  display: flex;
+  flex-direction: column;
+}
 .c4p--card__productive .c4p--card__title {
   font-size: var(--cds-heading-compact-02-font-size, 1rem);
   font-weight: var(--cds-heading-compact-02-font-weight, 600);
@@ -9084,6 +9098,14 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--card__productive .c4p--card__header-container {
   align-items: flex-start;
 }
+.c4p--card__productive .c4p--card__content-container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.c4p--card__productive .c4p--card__header-body-container {
+  flex: 1;
+}
 
 .c4p--remove-modal .cds--modal-footer .cds--btn {
   max-width: none;
@@ -9951,21 +9973,22 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
-  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
-  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
-  --cds-ai-border-start: #4589ff;
+  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #4589ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
   --cds-ai-border-strong: #78a9ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
-  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #465060;
-  --cds-ai-popover-caret-bottom-background: #2d3f5c;
-  --cds-ai-popover-caret-bottom-background-actions: #253042;
-  --cds-ai-popover-caret-center: #456fb5;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
-  --cds-ai-skeleton-background: #a6c8ff;
-  --cds-ai-skeleton-element-background: #002d9c;
+  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
+  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
+  --cds-ai-popover-background: #161616;
+  --cds-ai-popover-caret-bottom: #4589ff;
+  --cds-ai-popover-caret-bottom-background: #202d45;
+  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
+  --cds-ai-popover-caret-center: #4870b5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
+  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
+  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
   --cds-background: #262626;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -9994,7 +10017,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-avatar-bot: #8d8d8d;
   --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
-  --cds-chat-bubble-agent-border: #525252;
+  --cds-chat-bubble-border: #525252;
   --cds-chat-bubble-user: #393939;
   --cds-chat-button: #78a9ff;
   --cds-chat-button-active: rgba(141, 141, 141, 0.4);
@@ -10062,11 +10085,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #333333;
   --cds-skeleton-element: #525252;
-  --cds-slug-background: #c6c6c6;
-  --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -10385,21 +10403,22 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
-  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
-  --cds-ai-border-end: rgba(166, 200, 255, 0.24);
-  --cds-ai-border-start: #4589ff;
+  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #4589ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
   --cds-ai-border-strong: #78a9ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
-  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #3d4655;
-  --cds-ai-popover-caret-bottom-background: #213250;
-  --cds-ai-popover-caret-bottom-background-actions: #192436;
-  --cds-ai-popover-caret-center: #3f68af;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
-  --cds-ai-skeleton-background: #a6c8ff;
-  --cds-ai-skeleton-element-background: #002d9c;
+  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
+  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
+  --cds-ai-popover-background: #161616;
+  --cds-ai-popover-caret-bottom: #4589ff;
+  --cds-ai-popover-caret-bottom-background: #202d45;
+  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
+  --cds-ai-popover-caret-center: #4870b5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
+  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
+  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -10428,7 +10447,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-avatar-bot: #8d8d8d;
   --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
-  --cds-chat-bubble-agent-border: #525252;
+  --cds-chat-bubble-border: #525252;
   --cds-chat-bubble-user: #393939;
   --cds-chat-button: #78a9ff;
   --cds-chat-button-active: rgba(141, 141, 141, 0.4);
@@ -10496,11 +10515,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #292929;
   --cds-skeleton-element: #393939;
-  --cds-slug-background: #c6c6c6;
-  --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;