@carbon/ibm-products 2.29.0 → 2.30.0-alpha.11
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +48 -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 +44 -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 +48 -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 +48 -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/CustomizeColumns/DraggableItemsList.js +4 -2
- 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/CustomizeColumns/DraggableItemsList.js +4 -2
- 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 -3
- 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/_useStickyColumn.scss +5 -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
|
}
|
@@ -34321,6 +34356,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
34321
34356
|
position: sticky !important;
|
34322
34357
|
z-index: 1;
|
34323
34358
|
left: 0;
|
34359
|
+
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
34360
|
+
}
|
34361
|
+
|
34362
|
+
.c4p--datagrid__right-sticky-column-header {
|
34363
|
+
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
34324
34364
|
}
|
34325
34365
|
|
34326
34366
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
@@ -34622,7 +34662,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
34622
34662
|
position: relative;
|
34623
34663
|
z-index: 0;
|
34624
34664
|
overflow: auto;
|
34625
|
-
padding: 0 1rem;
|
34665
|
+
padding: 0 1rem 4rem 1rem;
|
34626
34666
|
overscroll-behavior: contain;
|
34627
34667
|
}
|
34628
34668
|
|
@@ -34792,6 +34832,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
34792
34832
|
.c4p--datagrid .cds--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
|
34793
34833
|
.c4p--datagrid .c4p--datagrid__expanded-row:hover,
|
34794
34834
|
.c4p--datagrid .c4p--datagrid__expandable-row--hover td {
|
34835
|
+
border-top: none;
|
34795
34836
|
background: var(--cds-layer-hover);
|
34796
34837
|
}
|
34797
34838
|
|
@@ -34801,6 +34842,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
34801
34842
|
border: none;
|
34802
34843
|
}
|
34803
34844
|
|
34845
|
+
.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
|
34846
|
+
border-bottom: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
34847
|
+
}
|
34848
|
+
|
34804
34849
|
.c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
|
34805
34850
|
padding: 0;
|
34806
34851
|
}
|