@carbon/ibm-products 2.43.2-canary.303 → 2.43.2-canary.305

package/css/index-full-carbon.css

@@ -4132,16 +4132,19 @@ p.c4p--about-modal__copyright-text:first-child {
   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;
 }
 
@@ -4154,13 +4157,15 @@ p.c4p--about-modal__copyright-text:first-child {
   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;
@@ -4174,7 +4179,8 @@ p.c4p--about-modal__copyright-text:first-child {
   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;
 }
 
@@ -10343,6 +10349,7 @@ button.c4p--add-select__global-filter-toggle--open {
   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);
@@ -10383,6 +10390,47 @@ button.c4p--add-select__global-filter-toggle--open {
   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%;
@@ -10454,7 +10502,8 @@ button.c4p--add-select__global-filter-toggle--open {
   -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 {
@@ -10946,7 +10995,7 @@ button.c4p--add-select__global-filter-toggle--open {
   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;
 }