@carbon/ibm-products 2.0.0-rc.11 → 2.0.0-rc.13
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +29 -74
- 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 +29 -74
- 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 +28 -74
- 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/AddSelectBody.js +1 -1
- package/es/components/AddSelect/hooks/usePath.js +8 -1
- package/es/components/CreateFullPage/CreateFullPage.js +9 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +9 -2
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +3 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +10 -3
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +28 -27
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +31 -31
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +56 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +8 -4
- package/es/components/Datagrid/useCustomizeColumns.js +8 -8
- package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -0
- package/es/components/Datagrid/utils/makeData.js +1 -1
- package/es/components/index.js +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +38 -10
- package/lib/components/AddSelect/AddSelectBody.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +7 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +9 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +9 -2
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +3 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +9 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -10
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +30 -28
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +27 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +31 -36
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +8 -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/index.js +6 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +42 -11
- package/package.json +2 -2
- 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 +7 -8
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +65 -0
- package/scss/components/Tearsheet/_tearsheet.scss +2 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -63
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -93
@@ -3620,6 +3620,7 @@
|
|
3620
3620
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
3621
3621
|
-webkit-box-orient: vertical;
|
3622
3622
|
-webkit-line-clamp: 2;
|
3623
|
+
word-break: break-all;
|
3623
3624
|
}
|
3624
3625
|
@media (min-width: 42rem) {
|
3625
3626
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -10740,6 +10741,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10740
10741
|
justify-content: center;
|
10741
10742
|
}
|
10742
10743
|
|
10744
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
|
10745
|
+
flex: 0 0 auto;
|
10746
|
+
margin-right: 0.5rem;
|
10747
|
+
}
|
10748
|
+
|
10743
10749
|
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
10744
10750
|
width: 10px;
|
10745
10751
|
height: 7px;
|
@@ -11043,55 +11049,22 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11043
11049
|
fill: var(--cds-layer-selected-disabled, #8d8d8d);
|
11044
11050
|
}
|
11045
11051
|
|
11046
|
-
|
11047
|
-
* Licensed Materials - Property of IBM
|
11048
|
-
* 5724-Q36
|
11049
|
-
* (c) Copyright IBM Corp. 2021, 2022
|
11050
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11051
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11052
|
-
*/
|
11053
|
-
.c4p--datagrid__customize-columns-modal .cds--modal-content {
|
11054
|
-
position: inherit;
|
11052
|
+
.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
|
11055
11053
|
display: flex;
|
11056
11054
|
flex-flow: column;
|
11057
|
-
padding: 0;
|
11058
|
-
margin: 0;
|
11059
11055
|
}
|
11060
11056
|
|
11061
|
-
.c4p--datagrid__customize-columns-
|
11062
|
-
|
11057
|
+
.c4p--datagrid__customize-columns-tearsheet--actions input[role=searchbox] {
|
11058
|
+
height: 3rem;
|
11059
|
+
padding-left: 3rem;
|
11060
|
+
border-bottom: 1px solid var(--cds-background-active, rgba(141, 141, 141, 0.5));
|
11063
11061
|
}
|
11064
11062
|
|
11065
11063
|
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
11066
11064
|
display: flex;
|
11067
11065
|
justify-content: center;
|
11068
|
-
|
11069
|
-
|
11070
|
-
.c4p--datagrid__customize-columns-modal--actions {
|
11071
|
-
display: flex;
|
11072
|
-
height: 3rem;
|
11073
|
-
flex-flow: row;
|
11074
|
-
background-color: var(--cds-field-02, #ffffff);
|
11075
|
-
}
|
11076
|
-
|
11077
|
-
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
11078
|
-
height: 3rem;
|
11079
|
-
padding-left: 2.5rem;
|
11080
|
-
border-bottom: none;
|
11081
|
-
}
|
11082
|
-
|
11083
|
-
.c4p--datagrid__customize-columns-modal--actions > button {
|
11084
|
-
margin-left: 1rem;
|
11085
|
-
}
|
11086
|
-
|
11087
|
-
.c4p--datagrid__customize-columns-instructions {
|
11088
|
-
padding-left: 1rem;
|
11089
|
-
margin-bottom: 1.5rem;
|
11090
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11091
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
11092
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
11093
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
11094
|
-
color: var(--cds-text-primary, #161616);
|
11066
|
+
padding-left: 0.5rem;
|
11067
|
+
margin-bottom: 0;
|
11095
11068
|
}
|
11096
11069
|
|
11097
11070
|
.c4p--datagrid__customize-columns-column-list {
|
@@ -11099,34 +11072,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11099
11072
|
overflow: auto;
|
11100
11073
|
}
|
11101
11074
|
|
11102
|
-
.c4p--datagrid__customize-columns-select-all
|
11075
|
+
.c4p--datagrid__customize-columns-select-all,
|
11076
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
11077
|
+
position: sticky;
|
11078
|
+
z-index: 1;
|
11079
|
+
top: 0;
|
11103
11080
|
display: flex;
|
11104
11081
|
height: 3rem;
|
11105
|
-
align-items: center;
|
11106
11082
|
padding-left: 2.5rem;
|
11107
11083
|
border-bottom: 1px solid var(--cds-layer-active);
|
11108
|
-
background-color: var(--cds-layer
|
11109
|
-
}
|
11110
|
-
|
11111
|
-
.c4p--datagrid__customize-columns-select-all:hover {
|
11112
|
-
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
11084
|
+
background-color: var(--cds-layer);
|
11113
11085
|
}
|
11114
|
-
|
11115
|
-
.c4p--datagrid__customize-columns-select-all
|
11116
|
-
|
11117
|
-
height: 3rem;
|
11118
|
-
align-items: center;
|
11119
|
-
padding-left: 2.5rem;
|
11120
|
-
border-bottom: 1px solid var(--cds-layer-active);
|
11121
|
-
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
11086
|
+
.c4p--datagrid__customize-columns-select-all .cds--checkbox-label-text,
|
11087
|
+
.c4p--datagrid__customize-columns-select-all--selected .cds--checkbox-label-text {
|
11088
|
+
font-weight: 600;
|
11122
11089
|
}
|
11123
11090
|
|
11124
|
-
.c4p--datagrid__customize-columns-select-all
|
11125
|
-
background-color: var(--cds-
|
11091
|
+
.c4p--datagrid__customize-columns-select-all:hover {
|
11092
|
+
background-color: var(--cds-layer-hover);
|
11126
11093
|
}
|
11127
11094
|
|
11128
|
-
.c4p--
|
11129
|
-
|
11095
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
11096
|
+
background-color: var(--cds-layer-selected);
|
11130
11097
|
}
|
11131
11098
|
|
11132
11099
|
/*
|
@@ -11304,13 +11271,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11304
11271
|
fill: var(--cds-layer-selected-inverse, #161616);
|
11305
11272
|
}
|
11306
11273
|
|
11307
|
-
/*
|
11308
|
-
* Licensed Materials - Property of IBM
|
11309
|
-
* 5724-Q36
|
11310
|
-
* (c) Copyright IBM Corp. 2022
|
11311
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11312
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11313
|
-
*/
|
11314
11274
|
.c4p--datagrid__draggable-handleStyle {
|
11315
11275
|
display: flex;
|
11316
11276
|
align-items: center;
|
@@ -11322,7 +11282,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11322
11282
|
pointer-events: none;
|
11323
11283
|
}
|
11324
11284
|
|
11325
|
-
|
11285
|
+
.c4p--datagrid__draggable-handleStyle.disabled svg {
|
11326
11286
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
11327
11287
|
}
|
11328
11288
|
|
@@ -11358,6 +11318,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11358
11318
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
11359
11319
|
display: flex;
|
11360
11320
|
width: 100%;
|
11321
|
+
align-items: center;
|
11361
11322
|
}
|
11362
11323
|
|
11363
11324
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|
@@ -11736,13 +11697,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11736
11697
|
background-color: var(--cds-support-error, #da1e28);
|
11737
11698
|
}
|
11738
11699
|
|
11739
|
-
/*
|
11740
|
-
* Licensed Materials - Property of IBM
|
11741
|
-
* 5724-Q36
|
11742
|
-
* (c) Copyright IBM Corp. 2020, 2021
|
11743
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11744
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11745
|
-
*/
|
11746
11700
|
/* stylelint-disable max-nesting-depth */
|
11747
11701
|
.c4p--datagrid__datagridWrap {
|
11748
11702
|
display: block;
|
@@ -14009,6 +13963,7 @@ a.cds--side-nav__link--current::before {
|
|
14009
13963
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
14010
13964
|
-webkit-box-orient: vertical;
|
14011
13965
|
-webkit-line-clamp: 2;
|
13966
|
+
word-break: break-all;
|
14012
13967
|
}
|
14013
13968
|
|
14014
13969
|
@media (min-width: 42rem) {
|