@carbon/ibm-products 1.41.0 → 1.41.1
Sign up to get free protection for your applications and to get access to all the features.
- 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/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/useCustomizeColumns.js +13 -15
- 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/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/useCustomizeColumns.js +7 -7
- 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 {
|