@carbon/ibm-products 2.1.1 → 2.1.2

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 (53) hide show
  1. package/css/index-full-carbon.css +24 -2
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +6 -1
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +24 -2
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +17 -1
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -0
  18. package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
  19. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  20. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
  21. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +5 -11
  22. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +17 -17
  23. package/es/components/Datagrid/utils/DatagridActions.js +6 -14
  24. package/es/components/ImportModal/ImportModal.js +13 -6
  25. package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
  26. package/es/components/PageHeader/PageHeaderUtils.js +2 -2
  27. package/es/components/Tearsheet/TearsheetShell.js +4 -5
  28. package/es/global/js/hooks/useCreateComponentStepChange.js +16 -15
  29. package/es/global/js/utils/story-helper.js +1 -1
  30. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -0
  31. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
  32. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  33. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
  34. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +4 -10
  35. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +17 -17
  36. package/lib/components/Datagrid/utils/DatagridActions.js +5 -13
  37. package/lib/components/ImportModal/ImportModal.js +13 -6
  38. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
  39. package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
  40. package/lib/components/Tearsheet/TearsheetShell.js +4 -5
  41. package/lib/global/js/hooks/useCreateComponentStepChange.js +16 -15
  42. package/lib/global/js/utils/story-helper.js +1 -1
  43. package/package.json +4 -4
  44. package/scss/components/DataSpreadsheet/_storybook-styles.scss +6 -0
  45. package/scss/components/Datagrid/_storybook-styles.scss +7 -1
  46. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +7 -0
  47. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +4 -0
  48. package/scss/components/HTTPErrors/_storybook-styles.scss +16 -2
  49. package/scss/components/NotificationsPanel/_storybook-styles.scss +0 -4
  50. package/scss/components/PageHeader/_storybook-styles.scss +42 -14
  51. package/scss/components/Tearsheet/_tearsheet.scss +7 -1
  52. package/scss/components/WebTerminal/_storybook-styles.scss +16 -1
  53. package/scss/global/styles/_display-box.scss +1 -0
package/css/index-full-carbon.css CHANGED
@@ -3560,11 +3560,13 @@ p.c4p--about-modal__copyright-text:first-child {
3560
3560
  padding: 1.5rem 2rem;
3561
3561
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
3562
3562
  margin: 0;
3563
+ background-color: var(--cds-layer);
3563
3564
  }
3564
3565
  .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
3565
3566
  padding: 1rem;
3566
3567
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
3567
3568
  margin: 0;
3569
+ background-color: var(--cds-layer);
3568
3570
  }
3569
3571
  .c4p--tearsheet .c4p--tearsheet__header-content {
3570
3572
  display: flex;
@@ -3655,10 +3657,13 @@ p.c4p--about-modal__copyright-text:first-child {
3655
3657
  .c4p--tearsheet .c4p--tearsheet__main {
3656
3658
  display: flex;
3657
3659
  flex-direction: row;
3658
- background-color: var(--cds-layer);
3660
+ background-color: var(--cds-background, #ffffff);
3659
3661
  grid-column: 1/-1;
3660
3662
  grid-row: 1/-1;
3661
3663
  }
3664
+ .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
3665
+ background-color: var(--cds-layer);
3666
+ }
3662
3667
  .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
3663
3668
  border-right: none;
3664
3669
  border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -11046,6 +11051,13 @@ button.c4p--add-select__global-filter-toggle--open {
11046
11051
  grid-template-columns: 1fr 1fr;
11047
11052
  }
11048
11053
 
11054
+ .c4p--datagrid-filter-flyout__trigger.cds--btn {
11055
+ display: flex;
11056
+ width: 3rem;
11057
+ height: 3rem;
11058
+ justify-content: center;
11059
+ }
11060
+
11049
11061
  .c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
11050
11062
  position: relative;
11051
11063
  background-color: var(--cds-layer-02, #ffffff);
@@ -11169,6 +11181,10 @@ button.c4p--add-select__global-filter-toggle--open {
11169
11181
  }
11170
11182
 
11171
11183
  .cds--btn.c4p--datagrid-filter-panel-open-button {
11184
+ display: flex;
11185
+ width: 3rem;
11186
+ height: 3rem;
11187
+ justify-content: center;
11172
11188
  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
11173
11189
  border-bottom: none;
11174
11190
  }
@@ -13912,12 +13928,14 @@ a.cds--side-nav__link--current::before {
13912
13928
  padding: 1.5rem 2rem;
13913
13929
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
13914
13930
  margin: 0;
13931
+ background-color: var(--cds-layer);
13915
13932
  }
13916
13933
 
13917
13934
  .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
13918
13935
  padding: 1rem;
13919
13936
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
13920
13937
  margin: 0;
13938
+ background-color: var(--cds-layer);
13921
13939
  }
13922
13940
 
13923
13941
  .c4p--tearsheet .c4p--tearsheet__header-content {
@@ -14028,11 +14046,15 @@ a.cds--side-nav__link--current::before {
14028
14046
  .c4p--tearsheet .c4p--tearsheet__main {
14029
14047
  display: flex;
14030
14048
  flex-direction: row;
14031
- background-color: var(--cds-layer);
14049
+ background-color: var(--cds-background, #ffffff);
14032
14050
  grid-column: 1/-1;
14033
14051
  grid-row: 1/-1;
14034
14052
  }
14035
14053
 
14054
+ .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
14055
+ background-color: var(--cds-layer);
14056
+ }
14057
+
14036
14058
  .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
14037
14059
  border-right: none;
14038
14060
  border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);