@carbon/ibm-products 2.4.0 → 2.5.0

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