@carbon/ibm-products 2.11.0 → 2.11.2
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 +11 -7
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +11 -7
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +10 -6
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +30 -37
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -0
- package/es/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +1 -1
- package/es/components/Datagrid/useNestedRowExpander.js +22 -9
- package/es/components/Datagrid/useRowExpander.js +22 -9
- package/es/components/Datagrid/utils/DatagridActions.js +1 -1
- package/es/components/Datagrid/utils/getArgTypes.js +12 -0
- package/es/components/EditTearsheet/EditTearsheet.js +47 -38
- package/es/components/EditTearsheet/EditTearsheetForm.js +6 -0
- package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +6 -1
- package/es/components/Saving/Saving.js +2 -2
- package/es/components/Tearsheet/Tearsheet.js +2 -2
- package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/es/components/Tearsheet/TearsheetShell.js +2 -2
- package/es/global/js/hooks/useRetrieveFormTitles.js +20 -0
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +30 -37
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -0
- package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +1 -1
- package/lib/components/Datagrid/useNestedRowExpander.js +24 -9
- package/lib/components/Datagrid/useRowExpander.js +24 -9
- package/lib/components/Datagrid/utils/DatagridActions.js +1 -1
- package/lib/components/Datagrid/utils/getArgTypes.js +12 -0
- package/lib/components/EditTearsheet/EditTearsheet.js +47 -38
- package/lib/components/EditTearsheet/EditTearsheetForm.js +6 -0
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +6 -1
- package/lib/components/Saving/Saving.js +2 -2
- package/lib/components/Tearsheet/Tearsheet.js +2 -2
- package/lib/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/lib/components/Tearsheet/TearsheetShell.js +2 -2
- package/lib/global/js/hooks/useRetrieveFormTitles.js +28 -0
- package/package.json +5 -5
- package/scss/components/Datagrid/_datagrid.scss +9 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -0
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +1 -0
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -0
- package/scss/components/FilterSummary/_filter-summary.scss +1 -0
@@ -5165,7 +5165,7 @@ c4p--card__icon:active {
|
|
5165
5165
|
display: flex;
|
5166
5166
|
width: 100%;
|
5167
5167
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
5168
|
-
height:
|
5168
|
+
height: 3rem;
|
5169
5169
|
align-items: center;
|
5170
5170
|
padding: 0.5rem;
|
5171
5171
|
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -11318,9 +11318,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11318
11318
|
}
|
11319
11319
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--short .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--md .c4p--datagrid__cell {
|
11320
11320
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
11321
|
-
padding-top:
|
11321
|
+
padding-top: 0.4375rem;
|
11322
11322
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
11323
|
-
padding-bottom:
|
11323
|
+
padding-bottom: 0.375rem;
|
11324
11324
|
}
|
11325
11325
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
|
11326
11326
|
padding-top: 1rem;
|
@@ -11334,7 +11334,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11334
11334
|
}
|
11335
11335
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--tall .cds--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .cds--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .cds--table-column-checkbox {
|
11336
11336
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
11337
|
-
padding-top:
|
11337
|
+
padding-top: 0.8125rem;
|
11338
11338
|
}
|
11339
11339
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
|
11340
11340
|
padding-bottom: 1rem;
|
@@ -12323,7 +12323,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12323
12323
|
.c4p--datagrid-filter-panel__container {
|
12324
12324
|
position: relative;
|
12325
12325
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
12326
|
-
width:
|
12326
|
+
width: 20rem;
|
12327
12327
|
height: clamp(var(--filter-panel-min-height), 100%, 100vh);
|
12328
12328
|
border-top: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
|
12329
12329
|
background-color: var(--cds-layer-01, #f4f4f4);
|
@@ -12339,7 +12339,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12339
12339
|
left: 0;
|
12340
12340
|
display: block;
|
12341
12341
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
12342
|
-
width:
|
12342
|
+
width: 2.9375rem;
|
12343
12343
|
height: 1px;
|
12344
12344
|
background-color: var(--cds-layer-01, #f4f4f4);
|
12345
12345
|
content: "";
|
@@ -12407,7 +12407,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12407
12407
|
z-index: 1;
|
12408
12408
|
bottom: 0;
|
12409
12409
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
12410
|
-
height:
|
12410
|
+
height: 4rem;
|
12411
12411
|
margin-top: auto;
|
12412
12412
|
}
|
12413
12413
|
|
@@ -13012,6 +13012,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
13012
13012
|
overflow-x: unset;
|
13013
13013
|
}
|
13014
13014
|
|
13015
|
+
.c4p--datagrid .cds--menu-button__trigger:not(.cds--btn--ghost) {
|
13016
|
+
min-width: auto;
|
13017
|
+
}
|
13018
|
+
|
13015
13019
|
:root {
|
13016
13020
|
--cds-grid-gutter: 2rem;
|
13017
13021
|
--cds-grid-columns: 4;
|