@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
@@ -68,9 +68,13 @@
68
68
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
69
69
  overflow: hidden auto;
70
70
  min-height: 4rem;
71
- padding: 0 20% 0 1rem;
72
- margin-bottom: 1.5rem;
73
71
  grid-row: auto;
72
+ padding-block-start: 0;
73
+ padding-inline: 1rem 20%;
74
+ }
75
+ .c4p--about-modal .c4p--about-modal__body:not(.cds--modal-scroll-content) {
76
+ margin-bottom: 1.5rem;
77
+ padding-block-end: 0;
74
78
  }
75
79
 
76
80
  .c4p--about-modal .cds--modal-content--overflow-indicator {
@@ -5824,6 +5828,10 @@ a.cds--overflow-menu-options__btn::before {
5824
5828
  border-radius: 1.5rem;
5825
5829
  }
5826
5830
 
5831
+ .cds--chat-btn:not(.cds--chat-btn--with-icon) {
5832
+ padding-inline-end: 0.9375rem;
5833
+ }
5834
+
5827
5835
  .cds--chat-btn.cds--btn--md {
5828
5836
  border-radius: 1.25rem;
5829
5837
  }
@@ -30233,6 +30241,7 @@ button.c4p--add-select__global-filter-toggle--open {
30233
30241
  }
30234
30242
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
30235
30243
  margin-top: 0.5rem;
30244
+ color: var(--cds-link-inverse, #78a9ff);
30236
30245
  }
30237
30246
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
30238
30247
  background-color: var(--cds-background-inverse-hover, #474747);
@@ -34162,6 +34171,32 @@ button.c4p--add-select__global-filter-toggle--open {
34162
34171
  padding-left: 0.5rem;
34163
34172
  }
34164
34173
 
34174
+ .cds--data-table td.c4p--datagrid__expandable-row-cell + td,
34175
+ .cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
34176
+ position: relative;
34177
+ }
34178
+
34179
+ .cds--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
34180
+ .cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
34181
+ .cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
34182
+ position: absolute;
34183
+ /* stylelint-disable-next-line carbon/layout-token-use */
34184
+ bottom: -1px;
34185
+ left: 0;
34186
+ width: 1rem;
34187
+ height: 1px;
34188
+ background-color: var(--cds-layer-01, #f4f4f4);
34189
+ content: "";
34190
+ transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
34191
+ }
34192
+
34193
+ .cds--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
34194
+ .cds--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
34195
+ .cds--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
34196
+ .cds--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
34197
+ background-color: var(--cds-layer-hover);
34198
+ }
34199
+
34165
34200
  .c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
34166
34201
  border-bottom: none;
34167
34202
  }
@@ -34622,7 +34657,7 @@ button.c4p--add-select__global-filter-toggle--open {
34622
34657
  position: relative;
34623
34658
  z-index: 0;
34624
34659
  overflow: auto;
34625
- padding: 0 1rem;
34660
+ padding: 0 1rem 4rem 1rem;
34626
34661
  overscroll-behavior: contain;
34627
34662
  }
34628
34663
 
@@ -34792,6 +34827,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
34792
34827
  .c4p--datagrid .cds--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
34793
34828
  .c4p--datagrid .c4p--datagrid__expanded-row:hover,
34794
34829
  .c4p--datagrid .c4p--datagrid__expandable-row--hover td {
34830
+ border-top: none;
34795
34831
  background: var(--cds-layer-hover);
34796
34832
  }
34797
34833
 
@@ -34801,6 +34837,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
34801
34837
  border: none;
34802
34838
  }
34803
34839
 
34840
+ .c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
34841
+ border-bottom: 1px solid var(--cds-border-subtle-02, #e0e0e0);
34842
+ }
34843
+
34804
34844
  .c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
34805
34845
  padding: 0;
34806
34846
  }