@carbon/ibm-products 2.4.0 → 2.5.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 (86) hide show
  1. package/css/index-full-carbon.css +27 -4
  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 +16 -0
  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 +27 -4
  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 +23 -4
  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/AddSelect/AddSelectRow.js +1 -1
  18. package/es/components/AddSelect/AddSelectSidebar.js +1 -1
  19. package/es/components/AddSelect/add-select-utils.js +2 -2
  20. package/es/components/Card/Card.js +11 -1
  21. package/es/components/Card/CardFooter.js +4 -2
  22. package/es/components/Card/CardHeader.js +20 -2
  23. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
  24. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
  25. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
  26. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
  27. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
  28. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
  29. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
  30. package/es/components/Datagrid/Datagrid/DatagridRow.js +3 -3
  31. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -7
  32. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -6
  33. package/es/components/Datagrid/useActionsColumn.js +13 -7
  34. package/es/components/Datagrid/useDisableSelectRows.js +4 -4
  35. package/es/components/Datagrid/useInlineEdit.js +2 -2
  36. package/es/components/Datagrid/useOnRowClick.js +20 -4
  37. package/es/components/Datagrid/useSortableColumns.js +35 -3
  38. package/es/components/Datagrid/useStickyColumn.js +1 -1
  39. package/es/components/EditUpdateCards/EditUpdateCards.js +66 -4
  40. package/es/components/ExportModal/ExportModal.js +1 -1
  41. package/es/components/NotificationsPanel/NotificationsPanel.js +6 -3
  42. package/es/components/ProductiveCard/ProductiveCard.js +21 -1
  43. package/es/components/SidePanel/SidePanel.js +3 -3
  44. package/es/components/TagSet/TagSetModal.js +3 -3
  45. package/es/global/js/utils/StoryDocsPage.js +2 -2
  46. package/es/global/js/utils/Wrap.js +1 -1
  47. package/es/global/js/utils/props-helper.js +1 -1
  48. package/es/global/js/utils/story-helper.js +3 -3
  49. package/lib/components/AddSelect/AddSelectRow.js +1 -1
  50. package/lib/components/AddSelect/AddSelectSidebar.js +1 -1
  51. package/lib/components/AddSelect/add-select-utils.js +2 -2
  52. package/lib/components/Card/Card.js +11 -1
  53. package/lib/components/Card/CardFooter.js +4 -2
  54. package/lib/components/Card/CardHeader.js +20 -2
  55. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
  56. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
  57. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
  58. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
  59. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
  60. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
  61. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
  62. package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -3
  63. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -7
  64. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -6
  65. package/lib/components/Datagrid/useActionsColumn.js +13 -7
  66. package/lib/components/Datagrid/useDisableSelectRows.js +4 -4
  67. package/lib/components/Datagrid/useInlineEdit.js +2 -2
  68. package/lib/components/Datagrid/useOnRowClick.js +20 -4
  69. package/lib/components/Datagrid/useSortableColumns.js +35 -3
  70. package/lib/components/Datagrid/useStickyColumn.js +1 -1
  71. package/lib/components/EditUpdateCards/EditUpdateCards.js +66 -4
  72. package/lib/components/ExportModal/ExportModal.js +1 -1
  73. package/lib/components/NotificationsPanel/NotificationsPanel.js +6 -3
  74. package/lib/components/ProductiveCard/ProductiveCard.js +21 -1
  75. package/lib/components/SidePanel/SidePanel.js +3 -3
  76. package/lib/components/TagSet/TagSetModal.js +3 -3
  77. package/lib/global/js/utils/StoryDocsPage.js +2 -2
  78. package/lib/global/js/utils/Wrap.js +1 -1
  79. package/lib/global/js/utils/props-helper.js +1 -1
  80. package/lib/global/js/utils/story-helper.js +3 -3
  81. package/package.json +11 -11
  82. package/scss/components/Datagrid/_storybook-styles.scss +5 -0
  83. package/scss/components/Datagrid/styles/_datagrid.scss +0 -8
  84. package/scss/components/EditUpdateCards/_edit-update-cards.scss +10 -0
  85. package/scss/components/ProductiveCard/_productive-card.scss +15 -0
  86. package/scss/components/Tearsheet/_tearsheet.scss +6 -0
package/css/index-full-carbon.css CHANGED
@@ -3689,6 +3689,9 @@ p.c4p--about-modal__copyright-text:first-child {
3689
3689
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
3690
3690
  width: 100%;
3691
3691
  }
3692
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
3693
+ height: 5rem;
3694
+ }
3692
3695
  @media (min-width: 42rem) {
3693
3696
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
3694
3697
  width: calc(100% - (2 * 4rem));
@@ -7891,6 +7894,7 @@ button.c4p--add-select__global-filter-toggle--open {
7891
7894
  padding-left: 0.625rem;
7892
7895
  /* stylelint-disable-next-line max-nesting-depth */
7893
7896
  /* stylelint-disable-next-line max-nesting-depth */
7897
+ /* stylelint-disable-next-line max-nesting-depth */
7894
7898
  }
7895
7899
  .c4p--card__productive .c4p--card__actions-header-ghost-button::before {
7896
7900
  position: absolute;
@@ -7907,6 +7911,18 @@ button.c4p--add-select__global-filter-toggle--open {
7907
7911
  .c4p--card__productive .c4p--card__actions-header-ghost-button:hover::before {
7908
7912
  opacity: 0;
7909
7913
  }
7914
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:hover + .c4p--card__actions-header-ghost-button {
7915
+ /* stylelint-disable-next-line max-nesting-depth */
7916
+ }
7917
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:hover + .c4p--card__actions-header-ghost-button::before {
7918
+ opacity: 0;
7919
+ }
7920
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:first-child:not(:last-child) {
7921
+ /* stylelint-disable-next-line max-nesting-depth */
7922
+ }
7923
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:first-child:not(:last-child)::before {
7924
+ display: none;
7925
+ }
7910
7926
  .c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
7911
7927
  .c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
7912
7928
  margin-top: 0;
@@ -10765,10 +10781,6 @@ button.c4p--add-select__global-filter-toggle--open {
10765
10781
  padding: 0;
10766
10782
  }
10767
10783
 
10768
- .c4p--datagrid .cds--action-list .cds--btn {
10769
- align-items: center;
10770
- }
10771
-
10772
10784
  .c4p--datagrid .cds--action-list .cds--btn__icon {
10773
10785
  margin-top: 0;
10774
10786
  }
@@ -14218,6 +14230,10 @@ a.cds--side-nav__link--current::before {
14218
14230
  width: 100%;
14219
14231
  }
14220
14232
 
14233
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
14234
+ height: 5rem;
14235
+ }
14236
+
14221
14237
  @media (min-width: 42rem) {
14222
14238
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
14223
14239
  width: calc(100% - (2 * 4rem));
@@ -14585,6 +14601,10 @@ a.cds--side-nav__link--current::before {
14585
14601
  .c4p--edit-update-cards#c4p--edit-update-cards--edit {
14586
14602
  /* Used id for overriding the SVG path fill */
14587
14603
  }
14604
+ .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button,
14605
+ .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button {
14606
+ color: #ffffff;
14607
+ }
14588
14608
  .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
14589
14609
  .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
14590
14610
  background-color: #0050e6;
@@ -14615,6 +14635,9 @@ a.cds--side-nav__link--current::before {
14615
14635
  .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
14616
14636
  background-color: transparent;
14617
14637
  }
14638
+ .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header-container {
14639
+ align-items: center;
14640
+ }
14618
14641
  .c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
14619
14642
  background-color: #0f62fe;
14620
14643
  color: #ffffff;