@carbon/ibm-products 2.11.3 → 2.12.0

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 (75) hide show
  1. package/css/index-full-carbon.css +40 -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-released-only.css +36 -7
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +2 -2
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +40 -7
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +40 -7
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Card/Card.js +9 -1
  18. package/es/components/Card/CardFooter.js +8 -2
  19. package/es/components/Card/CardHeader.js +8 -2
  20. package/es/components/CreateFullPage/CreateFullPage.docs-page.js +6 -0
  21. package/es/components/CreateFullPage/CreateFullPage.js +66 -8
  22. package/es/components/Datagrid/Datagrid/Datagrid.js +2 -1
  23. package/es/components/Datagrid/Datagrid/DatagridContent.js +7 -1
  24. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -1
  25. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -0
  26. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +31 -10
  27. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +18 -17
  28. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +104 -18
  29. package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +68 -0
  30. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +1 -0
  31. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +120 -54
  32. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +9 -3
  33. package/es/components/Datagrid/useActionsColumn.js +0 -2
  34. package/es/components/Datagrid/useFiltering.js +4 -1
  35. package/es/components/Datagrid/utils/DatagridActions.js +2 -3
  36. package/es/components/SimpleHeader/SimpleHeader.docs-page.js +17 -0
  37. package/es/components/SimpleHeader/SimpleHeader.js +92 -0
  38. package/es/components/SimpleHeader/index.js +8 -0
  39. package/es/components/StatusIcon/StatusIcon.js +13 -13
  40. package/es/global/js/utils/StoryDocsPage.js +3 -3
  41. package/lib/components/Card/Card.js +9 -1
  42. package/lib/components/Card/CardFooter.js +8 -2
  43. package/lib/components/Card/CardHeader.js +8 -2
  44. package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +6 -0
  45. package/lib/components/CreateFullPage/CreateFullPage.js +65 -7
  46. package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -1
  47. package/lib/components/Datagrid/Datagrid/DatagridContent.js +6 -0
  48. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -1
  49. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -0
  50. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +31 -10
  51. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +40 -38
  52. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +109 -24
  53. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +79 -0
  54. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -2
  55. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +136 -70
  56. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +10 -4
  57. package/lib/components/Datagrid/useActionsColumn.js +0 -2
  58. package/lib/components/Datagrid/useFiltering.js +4 -1
  59. package/lib/components/Datagrid/utils/DatagridActions.js +2 -3
  60. package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +28 -0
  61. package/lib/components/SimpleHeader/SimpleHeader.js +102 -0
  62. package/lib/components/SimpleHeader/index.js +12 -0
  63. package/lib/components/StatusIcon/StatusIcon.js +12 -12
  64. package/lib/global/js/utils/StoryDocsPage.js +3 -3
  65. package/package.json +2 -2
  66. package/scss/components/Card/_card.scss +1 -1
  67. package/scss/components/CreateFullPage/_create-full-page.scss +11 -2
  68. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +4 -0
  69. package/scss/components/ProductiveCard/_productive-card.scss +0 -1
  70. package/scss/components/SimpleHeader/_carbon-imports.scss +11 -0
  71. package/scss/components/SimpleHeader/_index-with-carbon.scss +9 -0
  72. package/scss/components/SimpleHeader/_index.scss +10 -0
  73. package/scss/components/SimpleHeader/_simple-header.scss +37 -0
  74. package/scss/components/StatusIcon/_status-icon.scss +0 -1
  75. package/scss/components/_index-with-carbon.scss +1 -0
@@ -3781,6 +3781,32 @@ p.c4p--about-modal__copyright-text:first-child {
3781
3781
  opacity: 1;
3782
3782
  }
3783
3783
  }
3784
+ .c4p--simple-header {
3785
+ width: 100%;
3786
+ padding: 0.75rem 2rem;
3787
+ border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
3788
+ background-color: var(--cds-layer-01, #f4f4f4);
3789
+ }
3790
+
3791
+ .c4p--simple-header__title {
3792
+ font-size: var(--cds-heading-04-font-size, 1.75rem);
3793
+ font-weight: var(--cds-heading-04-font-weight, 400);
3794
+ line-height: var(--cds-heading-04-line-height, 1.28572);
3795
+ letter-spacing: var(--cds-heading-04-letter-spacing, 0);
3796
+ }
3797
+
3798
+ .c4p--simple-header__breadcrumbs + .c4p--simple-header__title {
3799
+ margin-top: 0.25rem;
3800
+ }
3801
+
3802
+ .c4p--simple-header__breadcrumbs .cds--breadcrumb-item,
3803
+ .c4p--simple-header__breadcrumbs .cds--breadcrumb-item .cds--link {
3804
+ font-size: var(--cds-label-01-font-size, 0.75rem);
3805
+ font-weight: var(--cds-label-01-font-weight, 400);
3806
+ line-height: var(--cds-label-01-line-height, 1.33333);
3807
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
3808
+ }
3809
+
3784
3810
  .c4p--create-full-page .c4p--create-full-page {
3785
3811
  color: var(--cds-text-primary, #161616);
3786
3812
  }
@@ -3791,6 +3817,14 @@ p.c4p--about-modal__copyright-text:first-child {
3791
3817
  margin-left: 0;
3792
3818
  }
3793
3819
 
3820
+ .c4p--create-full-page__header {
3821
+ position: sticky;
3822
+ z-index: 9;
3823
+ top: 0;
3824
+ right: 0;
3825
+ left: 0;
3826
+ }
3827
+
3794
3828
  .c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
3795
3829
  display: none;
3796
3830
  }
@@ -3827,7 +3861,7 @@ p.c4p--about-modal__copyright-text:first-child {
3827
3861
  display: none;
3828
3862
  }
3829
3863
 
3830
- .c4p--create-full-page {
3864
+ .c4p--create-full-page__influencer-and-body-container {
3831
3865
  display: flex;
3832
3866
  height: 100vh;
3833
3867
  padding: 0;
@@ -5140,7 +5174,7 @@ p.c4p--about-modal__copyright-text:first-child {
5140
5174
  background-color: var(--cds-layer-hover-01, #e8e8e8);
5141
5175
  }
5142
5176
 
5143
- c4p--card__icon:active {
5177
+ .c4p--card__icon:active {
5144
5178
  color: var(--cds-link-primary-hover, #0043ce);
5145
5179
  }
5146
5180
 
@@ -8832,7 +8866,6 @@ button.c4p--add-select__global-filter-toggle--open {
8832
8866
  }
8833
8867
  .c4p--card__productive .c4p--card__actions-header-ghost-button {
8834
8868
  min-height: 2rem;
8835
- padding: 0 1rem;
8836
8869
  padding-right: 0.625rem;
8837
8870
  padding-left: 0.625rem;
8838
8871
  /* stylelint-disable-next-line max-nesting-depth */
@@ -9178,14 +9211,12 @@ button.c4p--add-select__global-filter-toggle--open {
9178
9211
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
9179
9212
  .c4p--status-icon--light.c4p--status-icon--light-running {
9180
9213
  fill: #198038;
9181
- transform: scaleY(-1);
9182
9214
  }
9183
9215
 
9184
9216
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-running,
9185
9217
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
9186
9218
  .c4p--status-icon--light.c4p--status-icon--dark-running {
9187
9219
  fill: #198038;
9188
- transform: scaleY(-1);
9189
9220
  }
9190
9221
 
9191
9222
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending,
@@ -9454,14 +9485,12 @@ button.c4p--add-select__global-filter-toggle--open {
9454
9485
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
9455
9486
  .c4p--status-icon--dark.c4p--status-icon--light-running {
9456
9487
  fill: #24a148;
9457
- transform: scaleY(-1);
9458
9488
  }
9459
9489
 
9460
9490
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-running,
9461
9491
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
9462
9492
  .c4p--status-icon--dark.c4p--status-icon--dark-running {
9463
9493
  fill: #24a148;
9464
- transform: scaleY(-1);
9465
9494
  }
9466
9495
 
9467
9496
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending,
@@ -12437,6 +12466,10 @@ button.c4p--add-select__global-filter-toggle--open {
12437
12466
  border-bottom: none;
12438
12467
  }
12439
12468
 
12469
+ .cds--btn.c4p--datagrid-filter-panel__view-all-button {
12470
+ margin-left: -1rem;
12471
+ }
12472
+
12440
12473
  .c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
12441
12474
  .c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
12442
12475
  /* stylelint-disable-next-line declaration-no-important */