@carbon/ibm-products 2.54.0-canary.1 → 2.54.0-canary.13

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 (43) hide show
  1. package/css/index-full-carbon.css +14 -8
  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 +14 -8
  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 +14 -8
  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 +14 -8
  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/APIKeyModal/APIKeyModal.js +16 -1
  18. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +5 -1
  19. package/es/components/AddSelect/AddSelect.d.ts +2 -2
  20. package/es/components/AddSelect/AddSelect.js +1 -0
  21. package/es/components/AddSelect/AddSelectBody.d.ts +2 -2
  22. package/es/components/AddSelect/AddSelectBody.js +1 -0
  23. package/es/components/Card/Card.js +13 -9
  24. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -0
  25. package/es/components/Datagrid/Datagrid/Datagrid.js +7 -0
  26. package/es/components/Tearsheet/Tearsheet.d.ts +1 -1
  27. package/es/components/Tearsheet/TearsheetNarrow.d.ts +1 -1
  28. package/es/components/Tearsheet/TearsheetShell.d.ts +1 -1
  29. package/lib/components/APIKeyModal/APIKeyModal.js +16 -1
  30. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +5 -1
  31. package/lib/components/AddSelect/AddSelect.d.ts +2 -2
  32. package/lib/components/AddSelect/AddSelect.js +1 -0
  33. package/lib/components/AddSelect/AddSelectBody.d.ts +2 -2
  34. package/lib/components/AddSelect/AddSelectBody.js +1 -0
  35. package/lib/components/Card/Card.js +12 -8
  36. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +1 -0
  37. package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -0
  38. package/lib/components/Tearsheet/Tearsheet.d.ts +1 -1
  39. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +1 -1
  40. package/lib/components/Tearsheet/TearsheetShell.d.ts +1 -1
  41. package/package.json +5 -5
  42. package/scss/components/Datagrid/styles/_datagrid.scss +16 -6
  43. package/scss/components/Datagrid/styles/_useStickyColumn.scss +2 -2
package/css/index-full-carbon.css CHANGED
@@ -10296,7 +10296,7 @@ button.c4p--add-select__global-filter-toggle--open {
10296
10296
  }
10297
10297
  .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .c4p--datagrid__head-select-all.c4p--datagrid__checkbox-cell.c4p--datagrid__checkbox-cell-sticky-left {
10298
10298
  position: sticky;
10299
- z-index: 1;
10299
+ z-index: 10;
10300
10300
  left: 0;
10301
10301
  }
10302
10302
  .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
@@ -10541,15 +10541,21 @@ button.c4p--add-select__global-filter-toggle--open {
10541
10541
  /* stylelint-disable-next-line declaration-no-important */
10542
10542
  color: var(--cds-link-primary-hover, #0043ce) !important;
10543
10543
  }
10544
- .c4p--datagrid__grid-container .c4p--datagrid__carbon-row td {
10544
+ .c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__left-sticky-column-cell,
10545
+ .c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__right-sticky-column-cell,
10546
+ .c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__checkbox-cell-sticky-left {
10545
10547
  /* stylelint-disable-next-line declaration-no-important */
10546
10548
  background-color: var(--cds-layer-01, #f4f4f4);
10547
10549
  }
10548
- .c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover td {
10550
+ .c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover .c4p--datagrid__left-sticky-column-cell,
10551
+ .c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover .c4p--datagrid__right-sticky-column-cell,
10552
+ .c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover .c4p--datagrid__checkbox-cell-sticky-left {
10549
10553
  /* stylelint-disable-next-line declaration-no-important */
10550
10554
  background-color: var(--cds-layer-hover-01, #e8e8e8);
10551
10555
  }
10552
- .c4p--datagrid__grid-container .cds--data-table--selected td {
10556
+ .c4p--datagrid__grid-container .cds--data-table--selected .c4p--datagrid__left-sticky-column-cell,
10557
+ .c4p--datagrid__grid-container .cds--data-table--selected .c4p--datagrid__right-sticky-column-cell,
10558
+ .c4p--datagrid__grid-container .cds--data-table--selected .c4p--datagrid__checkbox-cell-sticky-left {
10553
10559
  /* stylelint-disable-next-line declaration-no-important */
10554
10560
  background-color: var(--cds-layer-selected-01, #e0e0e0);
10555
10561
  }
@@ -10634,7 +10640,7 @@ button.c4p--add-select__global-filter-toggle--open {
10634
10640
  }
10635
10641
 
10636
10642
  .c4p--datagrid__resizableColumn:hover {
10637
- background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
10643
+ background-color: var(--cds-layer-selected-hover);
10638
10644
  }
10639
10645
  .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
10640
10646
  border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
@@ -10661,7 +10667,7 @@ button.c4p--add-select__global-filter-toggle--open {
10661
10667
  }
10662
10668
  .c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
10663
10669
  position: sticky;
10664
- z-index: 1;
10670
+ z-index: 10;
10665
10671
  left: 0;
10666
10672
  background-color: var(--cds-layer-accent-01, #e0e0e0);
10667
10673
  }
@@ -11258,7 +11264,7 @@ button.c4p--add-select__global-filter-toggle--open {
11258
11264
  .c4p--datagrid__left-sticky-column-header {
11259
11265
  /* stylelint-disable-next-line declaration-no-important */
11260
11266
  position: sticky !important;
11261
- z-index: 1;
11267
+ z-index: 10;
11262
11268
  left: 0;
11263
11269
  border-right: 1px solid var(--cds-border-subtle);
11264
11270
  }
@@ -11287,7 +11293,7 @@ button.c4p--add-select__global-filter-toggle--open {
11287
11293
 
11288
11294
  .c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
11289
11295
  position: sticky;
11290
- z-index: 1;
11296
+ z-index: 10;
11291
11297
  left: 0;
11292
11298
  }
11293
11299