@carbon/ibm-products 1.40.0 → 1.41.1
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.
- package/css/index-full-carbon.css +39 -65
- 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 +1 -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 +39 -65
- 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 +39 -65
- 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/APIKeyModal/APIKeyDownloader.js +21 -23
- package/es/components/APIKeyModal/APIKeyModal.js +43 -45
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/hooks/usePath.js +7 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +8 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
- package/es/components/Datagrid/Datagrid/DatagridContent.js +18 -6
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
- package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -8
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +32 -32
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +6 -7
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
- package/es/components/Datagrid/Datagrid.stories/index.js +1 -1
- package/es/components/Datagrid/useCustomizeColumns.js +13 -15
- package/es/components/Datagrid/useFiltering.js +0 -2
- package/es/components/Datagrid/useParentDimensions.js +3 -1
- package/es/components/Datagrid/utils/getArgTypes.js +5 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/es/components/ImportModal/ImportModal.js +42 -44
- package/es/components/index.js +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +31 -10
- package/es/global/js/hooks/useCreateComponentStepChange.js +73 -79
- package/es/global/js/utils/test-helper.js +12 -14
- package/es/global/js/utils/unwrap-if-fragment.js +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.js +21 -23
- package/lib/components/APIKeyModal/APIKeyModal.js +43 -45
- package/lib/components/AddSelect/AddSelectBody.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +6 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/lib/components/CreateFullPage/CreateFullPage.js +8 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +18 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -11
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +26 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +30 -33
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
- package/lib/components/Datagrid/Datagrid.stories/index.js +1 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
- package/lib/components/Datagrid/useFiltering.js +0 -2
- package/lib/components/Datagrid/useParentDimensions.js +3 -1
- package/lib/components/Datagrid/utils/getArgTypes.js +5 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/lib/components/ImportModal/ImportModal.js +42 -44
- package/lib/components/index.js +6 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +32 -10
- package/lib/global/js/hooks/useCreateComponentStepChange.js +73 -79
- package/lib/global/js/utils/test-helper.js +12 -14
- package/lib/global/js/utils/unwrap-if-fragment.js +1 -1
- package/package.json +10 -10
- package/scss/components/Datagrid/_storybook-styles.scss +7 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +22 -0
- package/scss/components/Datagrid/styles/_draggableElement.scss +9 -8
- package/scss/components/Datagrid/styles/_index.scss +8 -8
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +60 -0
- package/scss/components/FilterSummary/_filter-summary.scss +1 -0
- package/scss/components/Tearsheet/_tearsheet.scss +2 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -56
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -86
|
@@ -12403,6 +12403,7 @@ a.bx--side-nav__link--current::before {
|
|
|
12403
12403
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
|
12404
12404
|
-webkit-box-orient: vertical;
|
|
12405
12405
|
-webkit-line-clamp: 2;
|
|
12406
|
+
word-break: break-all;
|
|
12406
12407
|
}
|
|
12407
12408
|
@media (min-width: 42rem) {
|
|
12408
12409
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
|
@@ -13223,6 +13224,7 @@ a.bx--side-nav__link--current::before {
|
|
|
13223
13224
|
width: 100%;
|
|
13224
13225
|
align-items: center;
|
|
13225
13226
|
padding: var(--cds-spacing-03, 0.5rem);
|
|
13227
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
|
13226
13228
|
background: var(--cds-ui-01, #f4f4f4);
|
|
13227
13229
|
}
|
|
13228
13230
|
|
|
@@ -21000,13 +21002,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21000
21002
|
overscroll-behavior: none;
|
|
21001
21003
|
}
|
|
21002
21004
|
|
|
21003
|
-
/*
|
|
21004
|
-
* Licensed Materials - Property of IBM
|
|
21005
|
-
* 5724-Q36
|
|
21006
|
-
* (c) Copyright IBM Corp. 2020, 2021
|
|
21007
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
21008
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
21009
|
-
*/
|
|
21010
21005
|
/*
|
|
21011
21006
|
* Licensed Materials - Property of IBM
|
|
21012
21007
|
* 5724-Q36
|
|
@@ -21454,6 +21449,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21454
21449
|
height: var(--cds-spacing-09, 3rem);
|
|
21455
21450
|
}
|
|
21456
21451
|
|
|
21452
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper.bx--form-item {
|
|
21453
|
+
flex: 0 0 auto;
|
|
21454
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
|
21455
|
+
}
|
|
21456
|
+
|
|
21457
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
|
21458
|
+
width: 10px;
|
|
21459
|
+
height: 7px;
|
|
21460
|
+
}
|
|
21461
|
+
|
|
21462
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
|
|
21463
|
+
background: var(--cds-layer, #f4f4f4);
|
|
21464
|
+
}
|
|
21465
|
+
|
|
21466
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
|
|
21467
|
+
border-radius: 5px;
|
|
21468
|
+
}
|
|
21469
|
+
|
|
21470
|
+
.c4p--datagrid__virtualScrollContainer {
|
|
21471
|
+
width: 100%;
|
|
21472
|
+
}
|
|
21473
|
+
|
|
21457
21474
|
.bx--body--with-modal-open .c4p--datagrid__grid-container {
|
|
21458
21475
|
overflow: hidden;
|
|
21459
21476
|
height: 100vh;
|
|
@@ -21740,55 +21757,20 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21740
21757
|
fill: var(--cds-disabled-03, #8d8d8d);
|
|
21741
21758
|
}
|
|
21742
21759
|
|
|
21743
|
-
|
|
21744
|
-
* Licensed Materials - Property of IBM
|
|
21745
|
-
* 5724-Q36
|
|
21746
|
-
* (c) Copyright IBM Corp. 2021
|
|
21747
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
21748
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
21749
|
-
*/
|
|
21750
|
-
.c4p--datagrid__customize-columns-modal .bx--modal-content {
|
|
21751
|
-
position: inherit;
|
|
21760
|
+
.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
|
|
21752
21761
|
display: flex;
|
|
21753
21762
|
flex-flow: column;
|
|
21754
|
-
padding: 0;
|
|
21755
|
-
margin: 0;
|
|
21756
21763
|
}
|
|
21757
21764
|
|
|
21758
|
-
.c4p--datagrid__customize-columns-
|
|
21759
|
-
|
|
21765
|
+
.c4p--datagrid__customize-columns-tearsheet--actions .bx--search-input {
|
|
21766
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
|
21760
21767
|
}
|
|
21761
21768
|
|
|
21762
21769
|
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
|
21763
21770
|
display: flex;
|
|
21764
21771
|
justify-content: center;
|
|
21765
|
-
|
|
21766
|
-
|
|
21767
|
-
.c4p--datagrid__customize-columns-modal--actions {
|
|
21768
|
-
display: flex;
|
|
21769
|
-
height: var(--cds-spacing-09, 3rem);
|
|
21770
|
-
flex-flow: row;
|
|
21771
|
-
background-color: var(--cds-field-02, #ffffff);
|
|
21772
|
-
}
|
|
21773
|
-
|
|
21774
|
-
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
|
21775
|
-
height: var(--cds-spacing-09, 3rem);
|
|
21776
|
-
padding-left: var(--cds-spacing-08, 2.5rem);
|
|
21777
|
-
border-bottom: none;
|
|
21778
|
-
}
|
|
21779
|
-
|
|
21780
|
-
.c4p--datagrid__customize-columns-modal--actions > button {
|
|
21781
|
-
margin-left: var(--cds-spacing-05, 1rem);
|
|
21782
|
-
}
|
|
21783
|
-
|
|
21784
|
-
.c4p--datagrid__customize-columns-instructions {
|
|
21785
|
-
padding-left: var(--cds-spacing-05, 1rem);
|
|
21786
|
-
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
|
21787
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
|
21788
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
|
21789
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
|
21790
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
|
21791
|
-
color: var(--cds-text-01, #161616);
|
|
21772
|
+
padding-left: var(--cds-spacing-03, 0.5rem);
|
|
21773
|
+
margin-bottom: 0;
|
|
21792
21774
|
}
|
|
21793
21775
|
|
|
21794
21776
|
.c4p--datagrid__customize-columns-column-list {
|
|
@@ -21797,33 +21779,31 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21797
21779
|
}
|
|
21798
21780
|
|
|
21799
21781
|
.c4p--datagrid__customize-columns-select-all {
|
|
21782
|
+
position: sticky;
|
|
21783
|
+
z-index: 1;
|
|
21784
|
+
top: 0;
|
|
21800
21785
|
display: flex;
|
|
21801
21786
|
height: var(--cds-spacing-09, 3rem);
|
|
21802
21787
|
padding-left: var(--cds-spacing-08, 2.5rem);
|
|
21803
21788
|
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
|
21804
21789
|
background-color: var(--cds-layer, #f4f4f4);
|
|
21805
21790
|
}
|
|
21791
|
+
.c4p--datagrid__customize-columns-select-all .bx--checkbox-label-text {
|
|
21792
|
+
font-weight: 600;
|
|
21793
|
+
}
|
|
21806
21794
|
|
|
21807
21795
|
.c4p--datagrid__customize-columns-select-all:hover {
|
|
21808
21796
|
background-color: var(--cds-layer-hover, #e5e5e5);
|
|
21809
21797
|
}
|
|
21810
21798
|
|
|
21811
|
-
.c4p--datagrid__customize-columns-select-all
|
|
21812
|
-
display: flex;
|
|
21813
|
-
height: var(--cds-spacing-09, 3rem);
|
|
21814
|
-
padding-left: var(--cds-spacing-08, 2.5rem);
|
|
21815
|
-
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
|
21799
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
|
21816
21800
|
background-color: var(--cds-layer-selected, #e0e0e0);
|
|
21817
21801
|
}
|
|
21818
21802
|
|
|
21819
|
-
.c4p--datagrid__customize-columns-select-all
|
|
21803
|
+
.c4p--datagrid__customize-columns-select-all--selected:hover {
|
|
21820
21804
|
background-color: var(--cds-hover-selected-ui, #cacaca);
|
|
21821
21805
|
}
|
|
21822
21806
|
|
|
21823
|
-
.c4p--datagrid .c4p--datagrid__customize-columns-modal .bx--modal-content {
|
|
21824
|
-
margin-bottom: 0;
|
|
21825
|
-
}
|
|
21826
|
-
|
|
21827
21807
|
/*
|
|
21828
21808
|
* Licensed Materials - Property of IBM
|
|
21829
21809
|
* 5724-Q36
|
|
@@ -21995,13 +21975,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
21995
21975
|
fill: var(--cds-ui-05, #161616);
|
|
21996
21976
|
}
|
|
21997
21977
|
|
|
21998
|
-
/*
|
|
21999
|
-
* Licensed Materials - Property of IBM
|
|
22000
|
-
* 5724-Q36
|
|
22001
|
-
* (c) Copyright IBM Corp. 2021
|
|
22002
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
22003
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
22004
|
-
*/
|
|
22005
21978
|
.c4p--datagrid__draggable-handleStyle {
|
|
22006
21979
|
display: flex;
|
|
22007
21980
|
align-items: center;
|
|
@@ -22013,7 +21986,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
22013
21986
|
pointer-events: none;
|
|
22014
21987
|
}
|
|
22015
21988
|
|
|
22016
|
-
|
|
21989
|
+
.c4p--datagrid__draggable-handleStyle.disabled svg {
|
|
22017
21990
|
fill: var(--cds-disabled-02, #c6c6c6);
|
|
22018
21991
|
}
|
|
22019
21992
|
|
|
@@ -22049,6 +22022,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
|
22049
22022
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
|
22050
22023
|
display: flex;
|
|
22051
22024
|
width: 100%;
|
|
22025
|
+
align-items: center;
|
|
22052
22026
|
}
|
|
22053
22027
|
|
|
22054
22028
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|