@carbon/ibm-products 2.1.1 → 2.1.2

Sign up to get free protection for your applications and to get access to all the features.
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);