@carbon/ibm-products 2.43.2-canary.302 → 2.43.2-canary.304

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/css/index-full-carbon.css +48 -2
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +48 -2
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +48 -2
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +48 -2
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +2 -2
  18. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +8 -8
  19. package/es/components/Datagrid/Datagrid/DatagridRow.js +14 -10
  20. package/es/components/Datagrid/Datagrid/addons/{Slug/DatagridSlug.d.ts → AiLabel/DatagridAiLabel.d.ts} +3 -3
  21. package/es/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +29 -0
  22. package/es/components/Datagrid/types/index.d.ts +2 -1
  23. package/es/components/Datagrid/useDefaultStringRenderer.js +3 -3
  24. package/es/components/Datagrid/useSortableColumns.js +6 -6
  25. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +2 -2
  26. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +8 -8
  27. package/lib/components/Datagrid/Datagrid/DatagridRow.js +14 -10
  28. package/lib/components/Datagrid/Datagrid/addons/{Slug/DatagridSlug.d.ts → AiLabel/DatagridAiLabel.d.ts} +3 -3
  29. package/lib/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +31 -0
  30. package/lib/components/Datagrid/types/index.d.ts +2 -1
  31. package/lib/components/Datagrid/useDefaultStringRenderer.js +3 -3
  32. package/lib/components/Datagrid/useSortableColumns.js +6 -6
  33. package/package.json +3 -3
  34. package/scss/components/Datagrid/styles/_datagrid.scss +82 -2
  35. package/es/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +0 -29
  36. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +0 -31
package/css/index-full-carbon.css CHANGED
@@ -10343,6 +10343,7 @@ button.c4p--add-select__global-filter-toggle--open {
10343
10343
  background-color: var(--cds-background, #ffffff);
10344
10344
  }
10345
10345
 
10346
+ /* This section to be removed after support for slug dropped - start */
10346
10347
  .c4p--datagrid th.c4p--datagrid__with-slug {
10347
10348
  /* stylelint-disable-next-line carbon/theme-token-use */
10348
10349
  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
@@ -10383,6 +10384,47 @@ button.c4p--add-select__global-filter-toggle--open {
10383
10384
  margin-left: 0.5rem;
10384
10385
  }
10385
10386
 
10387
+ /* This section to be removed after support for slug dropped - end */
10388
+ .c4p--datagrid th.c4p--datagrid__with-ai-label {
10389
+ /* stylelint-disable-next-line carbon/theme-token-use */
10390
+ box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
10391
+ }
10392
+
10393
+ .c4p--datagrid th.c4p--datagrid__with-ai-label,
10394
+ .c4p--datagrid td.c4p--datagrid__ai-label--cell {
10395
+ 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%);
10396
+ }
10397
+
10398
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row,
10399
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row + .c4p--datagrid__expanded-row {
10400
+ 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%);
10401
+ background-attachment: fixed;
10402
+ }
10403
+
10404
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row {
10405
+ /* stylelint-disable-next-line carbon/theme-token-use */
10406
+ box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
10407
+ }
10408
+
10409
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row:hover,
10410
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected:hover,
10411
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row,
10412
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row {
10413
+ 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);
10414
+ }
10415
+
10416
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row td {
10417
+ background-color: transparent;
10418
+ }
10419
+
10420
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected {
10421
+ 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);
10422
+ }
10423
+
10424
+ .c4p--datagrid th.c4p--datagrid__with-ai-label .cds--slug {
10425
+ margin-left: 0.5rem;
10426
+ }
10427
+
10386
10428
  .c4p--datagrid__grid-container {
10387
10429
  display: block;
10388
10430
  width: 100%;
@@ -10454,7 +10496,8 @@ button.c4p--add-select__global-filter-toggle--open {
10454
10496
  -webkit-line-clamp: 2;
10455
10497
  white-space: initial;
10456
10498
  }
10457
- .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug {
10499
+ .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug,
10500
+ .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--ai-label {
10458
10501
  width: fit-content;
10459
10502
  }
10460
10503
  .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
@@ -10564,6 +10607,9 @@ button.c4p--add-select__global-filter-toggle--open {
10564
10607
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
10565
10608
  }
10566
10609
 
10610
+ .c4p--datagrid__resizableColumn:hover {
10611
+ background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
10612
+ }
10567
10613
  .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
10568
10614
  border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
10569
10615
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -10943,7 +10989,7 @@ button.c4p--add-select__global-filter-toggle--open {
10943
10989
  display: flex;
10944
10990
  align-items: center;
10945
10991
  }
10946
- .c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded {
10992
+ .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 {
10947
10993
  border: none;
10948
10994
  }
10949
10995