@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
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
|
}
|