@carbon/ibm-products 1.69.0 → 1.70.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (83) hide show
  1. package/css/index-full-carbon.css +17 -5
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +4 -4
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +16 -5
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +3 -3
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +17 -5
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +4 -4
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +17 -5
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +4 -4
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ButtonMenu/ButtonMenu.js +11 -1
  18. package/es/components/Datagrid/Datagrid/DatagridContent.js +9 -8
  19. package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -1
  20. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -1
  21. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
  22. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +4 -1
  23. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
  24. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +14 -6
  25. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +21 -10
  26. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -8
  27. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -3
  28. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -6
  29. package/es/components/Datagrid/useActionsColumn.js +18 -14
  30. package/es/components/Datagrid/useFiltering.js +3 -1
  31. package/es/components/Datagrid/useNestedRowExpander.js +2 -2
  32. package/es/components/Datagrid/useRowIsMouseOver.js +3 -1
  33. package/es/components/Datagrid/utils/filterPropsForTesting.js +150 -0
  34. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +9 -3
  35. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +8 -3
  36. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +8 -3
  37. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +8 -3
  38. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +8 -3
  39. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +8 -3
  40. package/es/components/EmptyStates/assets/ErrorIllustration.js +6 -6
  41. package/es/components/EmptyStates/assets/NoDataIllustration.js +6 -6
  42. package/es/components/EmptyStates/assets/NoTagsIllustration.js +6 -6
  43. package/es/components/EmptyStates/assets/NotFoundIllustration.js +6 -6
  44. package/es/components/EmptyStates/assets/NotificationsIllustration.js +6 -6
  45. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +6 -6
  46. package/es/components/FilterSummary/FilterSummary.js +19 -15
  47. package/es/components/InterstitialScreen/InterstitialScreen.js +8 -7
  48. package/lib/components/ButtonMenu/ButtonMenu.js +11 -1
  49. package/lib/components/Datagrid/Datagrid/DatagridContent.js +9 -8
  50. package/lib/components/Datagrid/Datagrid/DatagridRow.js +6 -1
  51. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -1
  52. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -1
  53. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +4 -1
  54. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
  55. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +14 -6
  56. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +21 -10
  57. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
  58. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -3
  59. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -6
  60. package/lib/components/Datagrid/useActionsColumn.js +17 -13
  61. package/lib/components/Datagrid/useFiltering.js +2 -0
  62. package/lib/components/Datagrid/useNestedRowExpander.js +1 -1
  63. package/lib/components/Datagrid/useRowIsMouseOver.js +3 -1
  64. package/lib/components/Datagrid/utils/filterPropsForTesting.js +159 -0
  65. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +9 -3
  66. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +8 -3
  67. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +8 -3
  68. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +8 -3
  69. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +8 -3
  70. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +8 -3
  71. package/lib/components/EmptyStates/assets/ErrorIllustration.js +6 -6
  72. package/lib/components/EmptyStates/assets/NoDataIllustration.js +6 -6
  73. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +6 -6
  74. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +6 -6
  75. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +6 -6
  76. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +6 -6
  77. package/lib/components/FilterSummary/FilterSummary.js +18 -14
  78. package/lib/components/InterstitialScreen/InterstitialScreen.js +8 -6
  79. package/package.json +2 -2
  80. package/scss/components/Datagrid/_datagrid.scss +9 -1
  81. package/scss/components/Datagrid/styles/_datagrid.scss +10 -4
  82. package/scss/components/InterstitialScreen/_interstitial-screen.scss +1 -0
  83. package/scss/components/SidePanel/_side-panel.scss +5 -1
@@ -11227,9 +11227,12 @@ a.bx--overflow-menu-options__btn::before {
11227
11227
  z-index: 4;
11228
11228
  top: 0;
11229
11229
  height: calc(var(--c4p--side-panel--title-container-height) - var(--c4p--side-panel--label-text-height));
11230
- padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
11230
+ padding: var(--cds-spacing-05, 1rem);
11231
11231
  background-color: var(--cds-ui-01, #f4f4f4);
11232
11232
  }
11233
+ .c4p--side-panel__container .c4p--side-panel__title-container:has(~ .c4p--side-panel__subtitle-text) {
11234
+ padding-bottom: var(--cds-spacing-03, 0.5rem);
11235
+ }
11233
11236
  .c4p--side-panel__container .c4p--side-panel__title-container::before {
11234
11237
  position: absolute;
11235
11238
  bottom: 0;
@@ -21172,6 +21175,9 @@ button.c4p--add-select__global-filter-toggle--open {
21172
21175
  height: 100%;
21173
21176
  overflow-x: auto;
21174
21177
  }
21178
+ .c4p--datagrid__grid-container .c4p--datagrid-filter-panel + .c4p--datagrid__table-container-inner .bx--data-table-content {
21179
+ height: fit-content;
21180
+ }
21175
21181
  .c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
21176
21182
  display: flex;
21177
21183
  overflow: auto;
@@ -21316,13 +21322,13 @@ button.c4p--add-select__global-filter-toggle--open {
21316
21322
  background-color: var(--cds-layer-accent, #e0e0e0);
21317
21323
  }
21318
21324
 
21319
- .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu {
21325
+ .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--btn--icon-only {
21320
21326
  opacity: 0;
21321
21327
  }
21322
21328
 
21323
- .c4p--datagrid .c4p--datagrid__carbon-row:hover .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu,
21324
- .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu:focus,
21325
- .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--overflow-menu[aria-expanded=true] {
21329
+ .c4p--datagrid .c4p--datagrid__carbon-row:hover .c4p--datagrid__actions-column-cell-non-sticky .bx--btn--icon-only,
21330
+ .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--btn--icon-only:focus,
21331
+ .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .bx--btn--icon-only[aria-expanded=true] {
21326
21332
  opacity: 1;
21327
21333
  }
21328
21334
 
@@ -22805,6 +22811,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
22805
22811
  width: 112px;
22806
22812
  }
22807
22813
 
22814
+ .c4p--datagrid .bx--pagination,
22815
+ .c4p--datagrid .bx--pagination .bx--select-input {
22816
+ background-color: var(--cds-ui-02, #ffffff);
22817
+ }
22818
+
22808
22819
  @keyframes rotate {
22809
22820
  0% {
22810
22821
  transform: rotate(0deg);
@@ -25867,6 +25878,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
25867
25878
  }
25868
25879
  .c4p--interstitial-screen__carousel .c4p--carousel__item {
25869
25880
  flex: 0 0 100% !important;
25881
+ scroll-snap-align: start;
25870
25882
  }
25871
25883
  .c4p--interstitial-screen--container {
25872
25884
  min-width: 47rem;