@carbon/ibm-products 1.41.0 → 1.41.2
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 +21 -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 +21 -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 +21 -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/ButtonMenu/ButtonMenu.js +4 -2
- 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/Datagrid/Datagrid/DatagridContent.js +10 -3
- 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/InlineEdit/InlineEditCell/InlineEditCell.js +6 -4
- package/es/components/Datagrid/useCustomizeColumns.js +13 -15
- package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -0
- package/es/components/Datagrid/utils/makeData.js +1 -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/ButtonMenu/ButtonMenu.js +4 -2
- 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/Datagrid/Datagrid/DatagridContent.js +10 -3
- 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/InlineEdit/InlineEditCell/InlineEditCell.js +6 -4
- package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +1 -0
- package/lib/components/Datagrid/utils/makeData.js +1 -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/styles/_datagrid.scss +5 -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/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 {
|
|
@@ -21001,13 +21002,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21001
21002
|
overscroll-behavior: none;
|
|
21002
21003
|
}
|
|
21003
21004
|
|
|
21004
|
-
/*
|
|
21005
|
-
* Licensed Materials - Property of IBM
|
|
21006
|
-
* 5724-Q36
|
|
21007
|
-
* (c) Copyright IBM Corp. 2020, 2021
|
|
21008
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
21009
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
21010
|
-
*/
|
|
21011
21005
|
/*
|
|
21012
21006
|
* Licensed Materials - Property of IBM
|
|
21013
21007
|
* 5724-Q36
|
|
@@ -21455,6 +21449,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21455
21449
|
height: var(--cds-spacing-09, 3rem);
|
|
21456
21450
|
}
|
|
21457
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
|
+
|
|
21458
21457
|
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
|
21459
21458
|
width: 10px;
|
|
21460
21459
|
height: 7px;
|
|
@@ -21758,55 +21757,20 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21758
21757
|
fill: var(--cds-disabled-03, #8d8d8d);
|
|
21759
21758
|
}
|
|
21760
21759
|
|
|
21761
|
-
|
|
21762
|
-
* Licensed Materials - Property of IBM
|
|
21763
|
-
* 5724-Q36
|
|
21764
|
-
* (c) Copyright IBM Corp. 2021
|
|
21765
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
21766
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
21767
|
-
*/
|
|
21768
|
-
.c4p--datagrid__customize-columns-modal .bx--modal-content {
|
|
21769
|
-
position: inherit;
|
|
21760
|
+
.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
|
|
21770
21761
|
display: flex;
|
|
21771
21762
|
flex-flow: column;
|
|
21772
|
-
padding: 0;
|
|
21773
|
-
margin: 0;
|
|
21774
21763
|
}
|
|
21775
21764
|
|
|
21776
|
-
.c4p--datagrid__customize-columns-
|
|
21777
|
-
|
|
21765
|
+
.c4p--datagrid__customize-columns-tearsheet--actions .bx--search-input {
|
|
21766
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
|
21778
21767
|
}
|
|
21779
21768
|
|
|
21780
21769
|
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
|
21781
21770
|
display: flex;
|
|
21782
21771
|
justify-content: center;
|
|
21783
|
-
|
|
21784
|
-
|
|
21785
|
-
.c4p--datagrid__customize-columns-modal--actions {
|
|
21786
|
-
display: flex;
|
|
21787
|
-
height: var(--cds-spacing-09, 3rem);
|
|
21788
|
-
flex-flow: row;
|
|
21789
|
-
background-color: var(--cds-field-02, #ffffff);
|
|
21790
|
-
}
|
|
21791
|
-
|
|
21792
|
-
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
|
21793
|
-
height: var(--cds-spacing-09, 3rem);
|
|
21794
|
-
padding-left: var(--cds-spacing-08, 2.5rem);
|
|
21795
|
-
border-bottom: none;
|
|
21796
|
-
}
|
|
21797
|
-
|
|
21798
|
-
.c4p--datagrid__customize-columns-modal--actions > button {
|
|
21799
|
-
margin-left: var(--cds-spacing-05, 1rem);
|
|
21800
|
-
}
|
|
21801
|
-
|
|
21802
|
-
.c4p--datagrid__customize-columns-instructions {
|
|
21803
|
-
padding-left: var(--cds-spacing-05, 1rem);
|
|
21804
|
-
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
|
21805
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
|
21806
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
|
21807
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
|
21808
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
|
21809
|
-
color: var(--cds-text-01, #161616);
|
|
21772
|
+
padding-left: var(--cds-spacing-03, 0.5rem);
|
|
21773
|
+
margin-bottom: 0;
|
|
21810
21774
|
}
|
|
21811
21775
|
|
|
21812
21776
|
.c4p--datagrid__customize-columns-column-list {
|
|
@@ -21815,33 +21779,31 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21815
21779
|
}
|
|
21816
21780
|
|
|
21817
21781
|
.c4p--datagrid__customize-columns-select-all {
|
|
21782
|
+
position: sticky;
|
|
21783
|
+
z-index: 1;
|
|
21784
|
+
top: 0;
|
|
21818
21785
|
display: flex;
|
|
21819
21786
|
height: var(--cds-spacing-09, 3rem);
|
|
21820
21787
|
padding-left: var(--cds-spacing-08, 2.5rem);
|
|
21821
21788
|
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
|
21822
21789
|
background-color: var(--cds-layer, #f4f4f4);
|
|
21823
21790
|
}
|
|
21791
|
+
.c4p--datagrid__customize-columns-select-all .bx--checkbox-label-text {
|
|
21792
|
+
font-weight: 600;
|
|
21793
|
+
}
|
|
21824
21794
|
|
|
21825
21795
|
.c4p--datagrid__customize-columns-select-all:hover {
|
|
21826
21796
|
background-color: var(--cds-layer-hover, #e5e5e5);
|
|
21827
21797
|
}
|
|
21828
21798
|
|
|
21829
|
-
.c4p--datagrid__customize-columns-select-all
|
|
21830
|
-
display: flex;
|
|
21831
|
-
height: var(--cds-spacing-09, 3rem);
|
|
21832
|
-
padding-left: var(--cds-spacing-08, 2.5rem);
|
|
21833
|
-
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
|
21799
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
|
21834
21800
|
background-color: var(--cds-layer-selected, #e0e0e0);
|
|
21835
21801
|
}
|
|
21836
21802
|
|
|
21837
|
-
.c4p--datagrid__customize-columns-select-all
|
|
21803
|
+
.c4p--datagrid__customize-columns-select-all--selected:hover {
|
|
21838
21804
|
background-color: var(--cds-hover-selected-ui, #cacaca);
|
|
21839
21805
|
}
|
|
21840
21806
|
|
|
21841
|
-
.c4p--datagrid .c4p--datagrid__customize-columns-modal .bx--modal-content {
|
|
21842
|
-
margin-bottom: 0;
|
|
21843
|
-
}
|
|
21844
|
-
|
|
21845
21807
|
/*
|
|
21846
21808
|
* Licensed Materials - Property of IBM
|
|
21847
21809
|
* 5724-Q36
|
|
@@ -22013,13 +21975,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
22013
21975
|
fill: var(--cds-ui-05, #161616);
|
|
22014
21976
|
}
|
|
22015
21977
|
|
|
22016
|
-
/*
|
|
22017
|
-
* Licensed Materials - Property of IBM
|
|
22018
|
-
* 5724-Q36
|
|
22019
|
-
* (c) Copyright IBM Corp. 2021
|
|
22020
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
|
22021
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
|
22022
|
-
*/
|
|
22023
21978
|
.c4p--datagrid__draggable-handleStyle {
|
|
22024
21979
|
display: flex;
|
|
22025
21980
|
align-items: center;
|
|
@@ -22031,7 +21986,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
22031
21986
|
pointer-events: none;
|
|
22032
21987
|
}
|
|
22033
21988
|
|
|
22034
|
-
|
|
21989
|
+
.c4p--datagrid__draggable-handleStyle.disabled svg {
|
|
22035
21990
|
fill: var(--cds-disabled-02, #c6c6c6);
|
|
22036
21991
|
}
|
|
22037
21992
|
|
|
@@ -22067,6 +22022,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
|
22067
22022
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
|
22068
22023
|
display: flex;
|
|
22069
22024
|
width: 100%;
|
|
22025
|
+
align-items: center;
|
|
22070
22026
|
}
|
|
22071
22027
|
|
|
22072
22028
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|