@carbon/ibm-products 1.59.0 → 1.59.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +55 -44
- 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 +11 -0
- 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 +55 -44
- 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/DatagridContent.js +8 -6
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -1
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +26 -13
- package/es/components/Datagrid/Datagrid/DatagridRow.js +41 -33
- package/es/components/Datagrid/useExpandedRow.js +1 -1
- package/es/components/Datagrid/utils/DatagridPagination.js +1 -1
- package/lib/components/Checklist/ChecklistChart.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +8 -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/useExpandedRow.js +1 -1
- package/lib/components/Datagrid/utils/DatagridPagination.js +1 -1
- package/package.json +4 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +5 -0
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +10 -0
@@ -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;
|
@@ -22249,6 +22254,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22249
22254
|
fill: var(--cds-ui-05, #161616);
|
22250
22255
|
}
|
22251
22256
|
|
22257
|
+
.c4p--datagrid .bx--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
|
22258
|
+
.c4p--datagrid .c4p--datagrid__expanded-row:hover,
|
22259
|
+
.c4p--datagrid .c4p--datagrid__expandable-row--hover td {
|
22260
|
+
background: var(--cds-layer-hover, #e5e5e5);
|
22261
|
+
}
|
22262
|
+
|
22252
22263
|
.c4p--datagrid__draggable-handleStyle {
|
22253
22264
|
display: flex;
|
22254
22265
|
align-items: center;
|