@carbon/ibm-products 2.11.0 → 2.11.1

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.
Files changed (44) 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/Extensions/ExpandableRow/ExpandableRow.docs-page.js +1 -1
  15. package/es/components/Datagrid/useNestedRowExpander.js +22 -9
  16. package/es/components/Datagrid/useRowExpander.js +22 -9
  17. package/es/components/Datagrid/utils/DatagridActions.js +1 -1
  18. package/es/components/Datagrid/utils/getArgTypes.js +12 -0
  19. package/es/components/EditTearsheet/EditTearsheet.js +47 -38
  20. package/es/components/EditTearsheet/EditTearsheetForm.js +6 -0
  21. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +6 -1
  22. package/es/components/Tearsheet/Tearsheet.js +2 -2
  23. package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
  24. package/es/components/Tearsheet/TearsheetShell.js +2 -2
  25. package/es/global/js/hooks/useRetrieveFormTitles.js +20 -0
  26. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +30 -37
  27. package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +1 -1
  28. package/lib/components/Datagrid/useNestedRowExpander.js +24 -9
  29. package/lib/components/Datagrid/useRowExpander.js +24 -9
  30. package/lib/components/Datagrid/utils/DatagridActions.js +1 -1
  31. package/lib/components/Datagrid/utils/getArgTypes.js +12 -0
  32. package/lib/components/EditTearsheet/EditTearsheet.js +47 -38
  33. package/lib/components/EditTearsheet/EditTearsheetForm.js +6 -0
  34. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +6 -1
  35. package/lib/components/Tearsheet/Tearsheet.js +2 -2
  36. package/lib/components/Tearsheet/TearsheetNarrow.js +2 -2
  37. package/lib/components/Tearsheet/TearsheetShell.js +2 -2
  38. package/lib/global/js/hooks/useRetrieveFormTitles.js +28 -0
  39. package/package.json +5 -5
  40. package/scss/components/Datagrid/_datagrid.scss +9 -0
  41. package/scss/components/Datagrid/styles/_datagrid.scss +1 -0
  42. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +1 -0
  43. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -0
  44. 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;