@carbon/ibm-products 2.11.2 → 2.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) 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/components/Tearsheet/Tearsheet.js +2 -1
  41. package/es/components/Tearsheet/TearsheetNarrow.js +2 -1
  42. package/es/components/Tearsheet/TearsheetShell.js +2 -1
  43. package/es/global/js/utils/StoryDocsPage.js +3 -3
  44. package/lib/components/Card/Card.js +9 -1
  45. package/lib/components/Card/CardFooter.js +8 -2
  46. package/lib/components/Card/CardHeader.js +8 -2
  47. package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +6 -0
  48. package/lib/components/CreateFullPage/CreateFullPage.js +65 -7
  49. package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -1
  50. package/lib/components/Datagrid/Datagrid/DatagridContent.js +6 -0
  51. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -1
  52. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -0
  53. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +31 -10
  54. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +40 -38
  55. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +109 -24
  56. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +79 -0
  57. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -2
  58. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +136 -70
  59. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +10 -4
  60. package/lib/components/Datagrid/useActionsColumn.js +0 -2
  61. package/lib/components/Datagrid/useFiltering.js +4 -1
  62. package/lib/components/Datagrid/utils/DatagridActions.js +2 -3
  63. package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +28 -0
  64. package/lib/components/SimpleHeader/SimpleHeader.js +102 -0
  65. package/lib/components/SimpleHeader/index.js +12 -0
  66. package/lib/components/StatusIcon/StatusIcon.js +12 -12
  67. package/lib/components/Tearsheet/Tearsheet.js +1 -1
  68. package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
  69. package/lib/components/Tearsheet/TearsheetShell.js +4 -2
  70. package/lib/global/js/utils/StoryDocsPage.js +3 -3
  71. package/package.json +2 -2
  72. package/scss/components/Card/_card.scss +1 -1
  73. package/scss/components/CreateFullPage/_create-full-page.scss +11 -2
  74. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +4 -0
  75. package/scss/components/ProductiveCard/_productive-card.scss +0 -1
  76. package/scss/components/SimpleHeader/_carbon-imports.scss +11 -0
  77. package/scss/components/SimpleHeader/_index-with-carbon.scss +9 -0
  78. package/scss/components/SimpleHeader/_index.scss +10 -0
  79. package/scss/components/SimpleHeader/_simple-header.scss +37 -0
  80. package/scss/components/StatusIcon/_status-icon.scss +0 -1
  81. 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 */