@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.
Files changed (48) hide show
  1. package/css/index-full-carbon.css +11 -7
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +11 -7
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +3 -3
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +10 -6
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +2 -2
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +30 -37
  14. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -0
  15. package/es/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +1 -1
  16. package/es/components/Datagrid/useNestedRowExpander.js +22 -9
  17. package/es/components/Datagrid/useRowExpander.js +22 -9
  18. package/es/components/Datagrid/utils/DatagridActions.js +1 -1
  19. package/es/components/Datagrid/utils/getArgTypes.js +12 -0
  20. package/es/components/EditTearsheet/EditTearsheet.js +47 -38
  21. package/es/components/EditTearsheet/EditTearsheetForm.js +6 -0
  22. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +6 -1
  23. package/es/components/Saving/Saving.js +2 -2
  24. package/es/components/Tearsheet/Tearsheet.js +2 -2
  25. package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
  26. package/es/components/Tearsheet/TearsheetShell.js +2 -2
  27. package/es/global/js/hooks/useRetrieveFormTitles.js +20 -0
  28. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +30 -37
  29. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -0
  30. package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +1 -1
  31. package/lib/components/Datagrid/useNestedRowExpander.js +24 -9
  32. package/lib/components/Datagrid/useRowExpander.js +24 -9
  33. package/lib/components/Datagrid/utils/DatagridActions.js +1 -1
  34. package/lib/components/Datagrid/utils/getArgTypes.js +12 -0
  35. package/lib/components/EditTearsheet/EditTearsheet.js +47 -38
  36. package/lib/components/EditTearsheet/EditTearsheetForm.js +6 -0
  37. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +6 -1
  38. package/lib/components/Saving/Saving.js +2 -2
  39. package/lib/components/Tearsheet/Tearsheet.js +2 -2
  40. package/lib/components/Tearsheet/TearsheetNarrow.js +2 -2
  41. package/lib/components/Tearsheet/TearsheetShell.js +2 -2
  42. package/lib/global/js/hooks/useRetrieveFormTitles.js +28 -0
  43. package/package.json +5 -5
  44. package/scss/components/Datagrid/_datagrid.scss +9 -0
  45. package/scss/components/Datagrid/styles/_datagrid.scss +1 -0
  46. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +1 -0
  47. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -0
  48. 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: to-rem(48px);
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: to-rem(7px);
11321
+ padding-top: 0.4375rem;
11322
11322
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
11323
- padding-bottom: to-rem(6px);
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: to-rem(13px);
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: to-rem(320px);
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: to-rem(47px);
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: to-rem(64px);
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;