@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.
- package/css/index-full-carbon.css +43 -3
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +39 -3
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +43 -3
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +43 -3
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/AboutModal/AboutModal.js +3 -25
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
- package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
- package/es/components/Datagrid/useActionsColumn.js +6 -2
- package/es/components/Toolbar/ToolbarButton.d.ts +24 -3
- package/es/components/Toolbar/ToolbarButton.js +2 -2
- package/lib/components/AboutModal/AboutModal.js +1 -23
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
- package/lib/components/Datagrid/useActionsColumn.js +6 -2
- package/lib/components/Toolbar/ToolbarButton.d.ts +24 -3
- package/lib/components/Toolbar/ToolbarButton.js +2 -2
- package/package.json +4 -4
- package/scss/components/AboutModal/_about-modal.scss +7 -2
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +8 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +54 -0
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -1
- 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
|
}
|