@carbon/ibm-products 1.59.0 → 1.60.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +97 -65
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +53 -21
- 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 +97 -65
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/Checklist/ChecklistChart.js +2 -2
- package/es/components/Datagrid/Datagrid/Datagrid.js +2 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +15 -7
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +3 -2
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +26 -13
- package/es/components/Datagrid/Datagrid/DatagridRow.js +41 -33
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +3 -15
- package/es/components/Datagrid/Datagrid/DraggableElement.js +32 -135
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +14 -38
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +128 -40
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +7 -6
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +104 -18
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +37 -4
- package/es/components/Datagrid/useExpandedRow.js +1 -1
- package/es/components/Datagrid/useFiltering.js +4 -1
- package/es/components/Datagrid/useNestedRowExpander.js +22 -9
- package/es/components/Datagrid/useRowExpander.js +22 -9
- package/es/components/Datagrid/utils/DatagridPagination.js +1 -1
- package/es/components/Datagrid/utils/getArgTypes.js +12 -0
- package/es/components/EmptyStates/EmptyState.js +1 -1
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/EmptyStates/assets/ErrorIllustration.js +6 -11
- package/es/components/EmptyStates/assets/NoDataIllustration.js +6 -11
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +6 -12
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +6 -12
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +6 -12
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +6 -12
- package/es/components/FilterSummary/FilterSummary.js +9 -3
- package/es/components/TagSet/TagSet.js +3 -7
- package/es/global/js/hooks/useWindowScroll.js +5 -0
- package/lib/components/Checklist/ChecklistChart.js +2 -2
- package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +14 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +26 -13
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +41 -33
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +3 -15
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +34 -140
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +17 -38
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +128 -47
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +7 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +104 -24
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +36 -3
- package/lib/components/Datagrid/useExpandedRow.js +1 -1
- package/lib/components/Datagrid/useFiltering.js +4 -1
- package/lib/components/Datagrid/useNestedRowExpander.js +24 -9
- package/lib/components/Datagrid/useRowExpander.js +24 -9
- package/lib/components/Datagrid/utils/DatagridPagination.js +1 -1
- package/lib/components/Datagrid/utils/getArgTypes.js +12 -0
- package/lib/components/EmptyStates/EmptyState.js +1 -1
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +6 -11
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +6 -11
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +6 -12
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +6 -12
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +6 -12
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +6 -12
- package/lib/components/FilterSummary/FilterSummary.js +9 -10
- package/lib/components/TagSet/TagSet.js +2 -6
- package/lib/global/js/hooks/useWindowScroll.js +6 -0
- package/package.json +8 -7
- package/scss/components/Datagrid/_datagrid.scss +1 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +5 -0
- package/scss/components/Datagrid/styles/_draggableElement.scss +44 -20
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +10 -0
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +0 -1
@@ -10235,18 +10235,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
10235
10235
|
|
10236
10236
|
.bx--toggle__appearance {
|
10237
10237
|
position: relative;
|
10238
|
-
width:
|
10239
|
-
height:
|
10238
|
+
width: 3rem;
|
10239
|
+
height: 1.5rem;
|
10240
10240
|
}
|
10241
10241
|
.bx--toggle__appearance::before {
|
10242
10242
|
position: absolute;
|
10243
10243
|
top: 0;
|
10244
10244
|
display: block;
|
10245
|
-
width:
|
10246
|
-
height:
|
10245
|
+
width: 3rem;
|
10246
|
+
height: 1.5rem;
|
10247
10247
|
box-sizing: border-box;
|
10248
10248
|
background-color: var(--cds-ui-04, #8d8d8d);
|
10249
|
-
border-radius:
|
10249
|
+
border-radius: 0.9375rem;
|
10250
10250
|
box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
|
10251
10251
|
content: "";
|
10252
10252
|
cursor: pointer;
|
@@ -10260,11 +10260,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10260
10260
|
}
|
10261
10261
|
.bx--toggle__appearance::after {
|
10262
10262
|
position: absolute;
|
10263
|
-
top:
|
10264
|
-
left:
|
10263
|
+
top: 0.1875rem;
|
10264
|
+
left: 0.1875rem;
|
10265
10265
|
display: block;
|
10266
|
-
width:
|
10267
|
-
height:
|
10266
|
+
width: 1.125rem;
|
10267
|
+
height: 1.125rem;
|
10268
10268
|
box-sizing: border-box;
|
10269
10269
|
background-color: var(--cds-icon-03, #ffffff);
|
10270
10270
|
border-radius: 50%;
|
@@ -10276,10 +10276,10 @@ a.bx--overflow-menu-options__btn::before {
|
|
10276
10276
|
.bx--toggle__check {
|
10277
10277
|
position: absolute;
|
10278
10278
|
z-index: 1;
|
10279
|
-
top:
|
10280
|
-
left:
|
10281
|
-
width:
|
10282
|
-
height:
|
10279
|
+
top: 0.375rem;
|
10280
|
+
left: 0.375rem;
|
10281
|
+
width: 0.375rem;
|
10282
|
+
height: 0.3125rem;
|
10283
10283
|
fill: var(--cds-icon-03, #ffffff);
|
10284
10284
|
transform: scale(0.2);
|
10285
10285
|
transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
@@ -10297,7 +10297,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
10297
10297
|
|
10298
10298
|
.bx--toggle__text--left {
|
10299
10299
|
position: absolute;
|
10300
|
-
left:
|
10300
|
+
left: 3rem;
|
10301
10301
|
}
|
10302
10302
|
|
10303
10303
|
.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--left,
|
@@ -10315,7 +10315,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
10315
10315
|
}
|
10316
10316
|
.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance::after {
|
10317
10317
|
background-color: var(--cds-icon-03, #ffffff);
|
10318
|
-
transform: translateX(
|
10318
|
+
transform: translateX(1.5rem);
|
10319
10319
|
}
|
10320
10320
|
|
10321
10321
|
.bx--toggle + .bx--toggle__label .bx--toggle__appearance::before {
|
@@ -10361,30 +10361,30 @@ a.bx--overflow-menu-options__btn::before {
|
|
10361
10361
|
}
|
10362
10362
|
|
10363
10363
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance {
|
10364
|
-
width:
|
10365
|
-
height:
|
10364
|
+
width: 2rem;
|
10365
|
+
height: 1rem;
|
10366
10366
|
}
|
10367
10367
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance::before {
|
10368
10368
|
top: 0;
|
10369
|
-
width:
|
10370
|
-
height:
|
10369
|
+
width: 2rem;
|
10370
|
+
height: 1rem;
|
10371
10371
|
box-sizing: border-box;
|
10372
10372
|
border-radius: 0.9375rem;
|
10373
10373
|
}
|
10374
10374
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance::after {
|
10375
|
-
top:
|
10376
|
-
left:
|
10377
|
-
width:
|
10378
|
-
height:
|
10375
|
+
top: 0.1875rem;
|
10376
|
+
left: 0.1875rem;
|
10377
|
+
width: 0.625rem;
|
10378
|
+
height: 0.625rem;
|
10379
10379
|
}
|
10380
10380
|
|
10381
10381
|
.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__check {
|
10382
10382
|
fill: var(--cds-support-02, #198038);
|
10383
|
-
transform: scale(1) translateX(
|
10383
|
+
transform: scale(1) translateX(1rem);
|
10384
10384
|
}
|
10385
10385
|
|
10386
10386
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__text--left {
|
10387
|
-
left:
|
10387
|
+
left: 2rem;
|
10388
10388
|
}
|
10389
10389
|
|
10390
10390
|
.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__appearance::after {
|
@@ -10423,8 +10423,8 @@ a.bx--overflow-menu-options__btn::before {
|
|
10423
10423
|
.bx--toggle__switch {
|
10424
10424
|
position: relative;
|
10425
10425
|
display: flex;
|
10426
|
-
width:
|
10427
|
-
height:
|
10426
|
+
width: 3rem;
|
10427
|
+
height: 1.5rem;
|
10428
10428
|
align-items: center;
|
10429
10429
|
cursor: pointer;
|
10430
10430
|
}
|
@@ -10432,11 +10432,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10432
10432
|
position: absolute;
|
10433
10433
|
top: 0;
|
10434
10434
|
display: block;
|
10435
|
-
width:
|
10436
|
-
height:
|
10435
|
+
width: 3rem;
|
10436
|
+
height: 1.5rem;
|
10437
10437
|
box-sizing: border-box;
|
10438
10438
|
background-color: var(--cds-ui-04, #8d8d8d);
|
10439
|
-
border-radius:
|
10439
|
+
border-radius: 0.9375rem;
|
10440
10440
|
box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
|
10441
10441
|
content: "";
|
10442
10442
|
transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
@@ -10449,11 +10449,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10449
10449
|
}
|
10450
10450
|
.bx--toggle__switch::after {
|
10451
10451
|
position: absolute;
|
10452
|
-
top:
|
10453
|
-
left:
|
10452
|
+
top: 0.1875rem;
|
10453
|
+
left: 0.1875rem;
|
10454
10454
|
display: block;
|
10455
|
-
width:
|
10456
|
-
height:
|
10455
|
+
width: 1.125rem;
|
10456
|
+
height: 1.125rem;
|
10457
10457
|
box-sizing: border-box;
|
10458
10458
|
background-color: var(--cds-icon-03, #ffffff);
|
10459
10459
|
border-radius: 50%;
|
@@ -10488,7 +10488,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
10488
10488
|
}
|
10489
10489
|
.bx--toggle-input:checked + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10490
10490
|
background-color: var(--cds-icon-03, #ffffff);
|
10491
|
-
transform: translateX(
|
10491
|
+
transform: translateX(1.5rem);
|
10492
10492
|
}
|
10493
10493
|
|
10494
10494
|
.bx--toggle-input:focus + .bx--toggle-input__label > .bx--toggle__switch::before,
|
@@ -10525,29 +10525,29 @@ a.bx--overflow-menu-options__btn::before {
|
|
10525
10525
|
}
|
10526
10526
|
|
10527
10527
|
.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch {
|
10528
|
-
width:
|
10529
|
-
height:
|
10528
|
+
width: 2rem;
|
10529
|
+
height: 1rem;
|
10530
10530
|
}
|
10531
10531
|
.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::before {
|
10532
|
-
width:
|
10533
|
-
height:
|
10532
|
+
width: 2rem;
|
10533
|
+
height: 1rem;
|
10534
10534
|
border-radius: 0.9375rem;
|
10535
10535
|
}
|
10536
10536
|
.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10537
|
-
width:
|
10538
|
-
height:
|
10537
|
+
width: 0.625rem;
|
10538
|
+
height: 0.625rem;
|
10539
10539
|
}
|
10540
10540
|
.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--off,
|
10541
10541
|
.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--on {
|
10542
|
-
margin-left:
|
10542
|
+
margin-left: 2.5rem;
|
10543
10543
|
}
|
10544
10544
|
|
10545
10545
|
.bx--toggle-input--small:checked + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10546
|
-
transform: translateX(
|
10546
|
+
transform: translateX(1.0625rem);
|
10547
10547
|
}
|
10548
10548
|
.bx--toggle-input--small:checked + .bx--toggle-input__label .bx--toggle__check {
|
10549
10549
|
fill: var(--cds-support-02, #198038);
|
10550
|
-
transform: scale(1) translateX(
|
10550
|
+
transform: scale(1) translateX(1rem);
|
10551
10551
|
}
|
10552
10552
|
|
10553
10553
|
.bx--toggle-input--small:disabled:checked + .bx--toggle-input__label .bx--toggle__check {
|
@@ -21263,6 +21263,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21263
21263
|
}
|
21264
21264
|
|
21265
21265
|
.c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
|
21266
|
+
border-bottom: none;
|
21266
21267
|
background: transparent;
|
21267
21268
|
}
|
21268
21269
|
|
@@ -21274,6 +21275,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21274
21275
|
flex: 1 1 auto;
|
21275
21276
|
}
|
21276
21277
|
|
21278
|
+
.c4p--datagrid__empty-state .c4p--datagrid__empty-state-cell {
|
21279
|
+
border-bottom: none;
|
21280
|
+
}
|
21281
|
+
|
21277
21282
|
.c4p--datagrid__resizer {
|
21278
21283
|
position: absolute;
|
21279
21284
|
z-index: 1;
|
@@ -21920,7 +21925,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21920
21925
|
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
21921
21926
|
display: flex;
|
21922
21927
|
justify-content: center;
|
21923
|
-
padding-left: var(--cds-spacing-02, 0.25rem);
|
21924
21928
|
}
|
21925
21929
|
|
21926
21930
|
.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.bx--form-item {
|
@@ -22249,11 +22253,16 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22249
22253
|
fill: var(--cds-ui-05, #161616);
|
22250
22254
|
}
|
22251
22255
|
|
22256
|
+
.c4p--datagrid .bx--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
|
22257
|
+
.c4p--datagrid .c4p--datagrid__expanded-row:hover,
|
22258
|
+
.c4p--datagrid .c4p--datagrid__expandable-row--hover td {
|
22259
|
+
background: var(--cds-layer-hover, #e5e5e5);
|
22260
|
+
}
|
22261
|
+
|
22252
22262
|
.c4p--datagrid__draggable-handleStyle {
|
22253
22263
|
display: flex;
|
22254
22264
|
align-items: center;
|
22255
22265
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
22256
|
-
cursor: grab;
|
22257
22266
|
}
|
22258
22267
|
|
22259
22268
|
.c4p--datagrid__draggable-handleStyle.disabled {
|
@@ -22264,32 +22273,55 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22264
22273
|
fill: var(--cds-disabled-03, #8d8d8d);
|
22265
22274
|
}
|
22266
22275
|
|
22276
|
+
.c4p--datagrid__draggable-underlay {
|
22277
|
+
position: absolute;
|
22278
|
+
width: 100%;
|
22279
|
+
}
|
22280
|
+
|
22281
|
+
.c4p--datagrid__draggable-underlay-item {
|
22282
|
+
width: 100%;
|
22283
|
+
height: var(--cds-spacing-09, 3rem);
|
22284
|
+
border: 2px dashed var(--cds-focus, #0f62fe);
|
22285
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
22286
|
+
background-color: #edf5ff;
|
22287
|
+
}
|
22288
|
+
|
22267
22289
|
.c4p--datagrid__draggable-handleHolder {
|
22290
|
+
position: relative;
|
22268
22291
|
display: flex;
|
22269
22292
|
height: var(--cds-spacing-09, 3rem);
|
22270
|
-
border-bottom: 1px solid var(--cds-
|
22271
|
-
background-color: var(--cds-
|
22293
|
+
border-bottom: 1px solid var(--cds-active-ui, #c6c6c6);
|
22294
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
22295
|
+
cursor: grab;
|
22272
22296
|
}
|
22273
22297
|
|
22274
22298
|
.c4p--datagrid__draggable-handleHolder:hover {
|
22275
|
-
background-color: var(--cds-
|
22299
|
+
background-color: var(--cds-hover-ui, #e5e5e5);
|
22276
22300
|
}
|
22277
22301
|
|
22278
|
-
.c4p--datagrid__draggable-handleHolder
|
22279
|
-
|
22280
|
-
|
22281
|
-
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
22282
|
-
background-color: var(--cds-layer-selected, #e0e0e0);
|
22302
|
+
.c4p--datagrid__draggable-handleHolder:focus {
|
22303
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
22304
|
+
outline: none;
|
22283
22305
|
}
|
22284
22306
|
|
22285
|
-
.c4p--datagrid__draggable-handleHolder
|
22286
|
-
background-color: var(--cds-
|
22307
|
+
.c4p--datagrid__draggable-handleHolder--selected {
|
22308
|
+
background-color: var(--cds-selected-ui, #e0e0e0);
|
22287
22309
|
}
|
22288
22310
|
|
22289
|
-
.c4p--datagrid__draggable-handleHolder
|
22290
|
-
|
22291
|
-
|
22292
|
-
|
22311
|
+
.c4p--datagrid__draggable-handleHolder--dragging {
|
22312
|
+
z-index: 2;
|
22313
|
+
background-color: var(--cds-highlight, #d0e2ff);
|
22314
|
+
color: var(--cds-text-01, #161616);
|
22315
|
+
outline: none;
|
22316
|
+
}
|
22317
|
+
|
22318
|
+
.c4p--datagrid__draggable-handleHolder:active,
|
22319
|
+
.c4p--datagrid__draggable-handleHolder--dragging {
|
22320
|
+
cursor: grabbing;
|
22321
|
+
}
|
22322
|
+
|
22323
|
+
.c4p--datagrid__draggable-handleHolder-selected:hover {
|
22324
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
22293
22325
|
}
|
22294
22326
|
|
22295
22327
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
@@ -22307,11 +22339,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22307
22339
|
transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
22308
22340
|
}
|
22309
22341
|
|
22310
|
-
.c4p--datagrid__draggable-handleHolder-grabbed {
|
22311
|
-
background-color: var(--cds-highlight, #d0e2ff);
|
22312
|
-
color: var(--cds-text-01, #161616);
|
22313
|
-
}
|
22314
|
-
|
22315
22342
|
.c4p--datagrid__draggable-handleHolder--sticky {
|
22316
22343
|
color: var(--cds-disabled-03, #8d8d8d);
|
22317
22344
|
}
|
@@ -22328,6 +22355,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22328
22355
|
white-space: nowrap;
|
22329
22356
|
}
|
22330
22357
|
|
22358
|
+
.c4p--datagrid__draggable-item .bx--form-item.bx--checkbox-wrapper {
|
22359
|
+
max-width: var(--cds-spacing-06, 1.5rem);
|
22360
|
+
margin-bottom: 0;
|
22361
|
+
}
|
22362
|
+
|
22331
22363
|
/*
|
22332
22364
|
* Licensed Materials - Property of IBM
|
22333
22365
|
* 5724-Q36
|