@carbon/ibm-products 2.29.0 → 2.30.0-alpha.9

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 +43 -3
  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 +39 -3
  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 +43 -3
  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 +43 -3
  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/AboutModal/AboutModal.js +3 -25
  18. package/es/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
  19. package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -1
  20. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
  21. package/es/components/Datagrid/useActionsColumn.js +6 -2
  22. package/es/components/Toolbar/ToolbarButton.d.ts +24 -3
  23. package/es/components/Toolbar/ToolbarButton.js +2 -2
  24. package/lib/components/AboutModal/AboutModal.js +1 -23
  25. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
  26. package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -1
  27. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
  28. package/lib/components/Datagrid/useActionsColumn.js +6 -2
  29. package/lib/components/Toolbar/ToolbarButton.d.ts +24 -3
  30. package/lib/components/Toolbar/ToolbarButton.js +2 -2
  31. package/package.json +4 -4
  32. package/scss/components/AboutModal/_about-modal.scss +7 -2
  33. package/scss/components/Datagrid/styles/_useExpandedRow.scss +8 -0
  34. package/scss/components/Datagrid/styles/_useNestedRows.scss +54 -0
  35. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -1
  36. package/scss/components/TagSet/_tag-set.scss +1 -0
package/css/index.css CHANGED
@@ -4106,9 +4106,13 @@ fieldset[disabled] .cds--form__helper-text {
4106
4106
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
4107
4107
  overflow: hidden auto;
4108
4108
  min-height: 4rem;
4109
- padding: 0 20% 0 1rem;
4110
- margin-bottom: 1.5rem;
4111
4109
  grid-row: auto;
4110
+ padding-block-start: 0;
4111
+ padding-inline: 1rem 20%;
4112
+ }
4113
+ .c4p--about-modal .c4p--about-modal__body:not(.cds--modal-scroll-content) {
4114
+ margin-bottom: 1.5rem;
4115
+ padding-block-end: 0;
4112
4116
  }
4113
4117
 
4114
4118
  .c4p--about-modal .cds--modal-content--overflow-indicator {
@@ -12696,6 +12700,7 @@ button.c4p--add-select__global-filter-toggle--open {
12696
12700
  }
12697
12701
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
12698
12702
  margin-top: 0.5rem;
12703
+ color: var(--cds-link-inverse, #78a9ff);
12699
12704
  }
12700
12705
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
12701
12706
  background-color: var(--cds-background-inverse-hover, #474747);
@@ -17028,6 +17033,32 @@ button.c4p--add-select__global-filter-toggle--open {
17028
17033
  padding-left: 0.5rem;
17029
17034
  }
17030
17035
 
17036
+ .cds--data-table td.c4p--datagrid__expandable-row-cell + td,
17037
+ .cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
17038
+ position: relative;
17039
+ }
17040
+
17041
+ .cds--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
17042
+ .cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
17043
+ .cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
17044
+ position: absolute;
17045
+ /* stylelint-disable-next-line carbon/layout-token-use */
17046
+ bottom: -1px;
17047
+ left: 0;
17048
+ width: 1rem;
17049
+ height: 1px;
17050
+ background-color: var(--cds-layer-01, #f4f4f4);
17051
+ content: "";
17052
+ transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
17053
+ }
17054
+
17055
+ .cds--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
17056
+ .cds--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
17057
+ .cds--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
17058
+ .cds--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
17059
+ background-color: var(--cds-layer-hover);
17060
+ }
17061
+
17031
17062
  .c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
17032
17063
  border-bottom: none;
17033
17064
  }
@@ -17488,7 +17519,7 @@ button.c4p--add-select__global-filter-toggle--open {
17488
17519
  position: relative;
17489
17520
  z-index: 0;
17490
17521
  overflow: auto;
17491
- padding: 0 1rem;
17522
+ padding: 0 1rem 4rem 1rem;
17492
17523
  overscroll-behavior: contain;
17493
17524
  }
17494
17525
 
@@ -17658,6 +17689,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
17658
17689
  .c4p--datagrid .cds--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
17659
17690
  .c4p--datagrid .c4p--datagrid__expanded-row:hover,
17660
17691
  .c4p--datagrid .c4p--datagrid__expandable-row--hover td {
17692
+ border-top: none;
17661
17693
  background: var(--cds-layer-hover);
17662
17694
  }
17663
17695
 
@@ -17667,6 +17699,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
17667
17699
  border: none;
17668
17700
  }
17669
17701
 
17702
+ .c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
17703
+ border-bottom: 1px solid var(--cds-border-subtle-02, #e0e0e0);
17704
+ }
17705
+
17670
17706
  .c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
17671
17707
  padding: 0;
17672
17708
  }
@@ -20809,6 +20845,10 @@ li.cds--accordion__item--disabled:last-of-type {
20809
20845
  border-radius: 1.5rem;
20810
20846
  }
20811
20847
 
20848
+ .cds--chat-btn:not(.cds--chat-btn--with-icon) {
20849
+ padding-inline-end: 0.9375rem;
20850
+ }
20851
+
20812
20852
  .cds--chat-btn.cds--btn--md {
20813
20853
  border-radius: 1.25rem;
20814
20854
  }