@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.
- package/css/index-full-carbon.css +27 -4
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +16 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +27 -4
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +23 -4
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelectRow.js +1 -1
- package/es/components/AddSelect/AddSelectSidebar.js +1 -1
- package/es/components/AddSelect/add-select-utils.js +2 -2
- package/es/components/Card/Card.js +11 -1
- package/es/components/Card/CardFooter.js +4 -2
- package/es/components/Card/CardHeader.js +20 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
- package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +3 -3
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -7
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -6
- package/es/components/Datagrid/useActionsColumn.js +13 -7
- package/es/components/Datagrid/useDisableSelectRows.js +4 -4
- package/es/components/Datagrid/useInlineEdit.js +2 -2
- package/es/components/Datagrid/useOnRowClick.js +20 -4
- package/es/components/Datagrid/useSortableColumns.js +35 -3
- package/es/components/Datagrid/useStickyColumn.js +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +66 -4
- package/es/components/ExportModal/ExportModal.js +1 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +6 -3
- package/es/components/ProductiveCard/ProductiveCard.js +21 -1
- package/es/components/SidePanel/SidePanel.js +3 -3
- package/es/components/TagSet/TagSetModal.js +3 -3
- package/es/global/js/utils/StoryDocsPage.js +2 -2
- package/es/global/js/utils/Wrap.js +1 -1
- package/es/global/js/utils/props-helper.js +1 -1
- package/es/global/js/utils/story-helper.js +3 -3
- package/lib/components/AddSelect/AddSelectRow.js +1 -1
- package/lib/components/AddSelect/AddSelectSidebar.js +1 -1
- package/lib/components/AddSelect/add-select-utils.js +2 -2
- package/lib/components/Card/Card.js +11 -1
- package/lib/components/Card/CardFooter.js +4 -2
- package/lib/components/Card/CardHeader.js +20 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -7
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -6
- package/lib/components/Datagrid/useActionsColumn.js +13 -7
- package/lib/components/Datagrid/useDisableSelectRows.js +4 -4
- package/lib/components/Datagrid/useInlineEdit.js +2 -2
- package/lib/components/Datagrid/useOnRowClick.js +20 -4
- package/lib/components/Datagrid/useSortableColumns.js +35 -3
- package/lib/components/Datagrid/useStickyColumn.js +1 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +66 -4
- package/lib/components/ExportModal/ExportModal.js +1 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +6 -3
- package/lib/components/ProductiveCard/ProductiveCard.js +21 -1
- package/lib/components/SidePanel/SidePanel.js +3 -3
- package/lib/components/TagSet/TagSetModal.js +3 -3
- package/lib/global/js/utils/StoryDocsPage.js +2 -2
- package/lib/global/js/utils/Wrap.js +1 -1
- package/lib/global/js/utils/props-helper.js +1 -1
- package/lib/global/js/utils/story-helper.js +3 -3
- package/package.json +11 -11
- package/scss/components/Datagrid/_storybook-styles.scss +5 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +0 -8
- package/scss/components/EditUpdateCards/_edit-update-cards.scss +10 -0
- package/scss/components/ProductiveCard/_productive-card.scss +15 -0
- 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;
|