@carbon/ibm-products 2.29.0 → 2.30.0-alpha.9
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|