@carbon/ibm-products 2.11.0 → 2.11.2
Sign up to get free protection for your applications and to get access to all the features.
- 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;
|