@carbon/ibm-products 1.72.0 → 1.72.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +47 -1
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +47 -1
- 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 +47 -1
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +47 -1
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -4
- package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -5
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +8 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -4
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +6 -5
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +8 -1
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +25 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +62 -1
@@ -21684,7 +21684,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21684
21684
|
border-bottom: none;
|
21685
21685
|
}
|
21686
21686
|
|
21687
|
-
.c4p--datagrid .c4p--datagrid__carbon-row-expandable
|
21687
|
+
.c4p--datagrid .c4p--datagrid__carbon-row-expandable,
|
21688
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td.c4p--datagrid__cell:not(.c4p--datagrid__expandable-row-cell) {
|
21688
21689
|
position: relative;
|
21689
21690
|
}
|
21690
21691
|
|
@@ -21708,6 +21709,36 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21708
21709
|
padding-left: var(--cds-spacing-03, 0.5rem);
|
21709
21710
|
}
|
21710
21711
|
|
21712
|
+
.bx--data-table td.c4p--datagrid__expandable-row-cell + td,
|
21713
|
+
.bx--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
|
21714
|
+
position: relative;
|
21715
|
+
}
|
21716
|
+
|
21717
|
+
.bx--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td.c4p--datagrid__checkbox-cell__checkbox-cell {
|
21718
|
+
border-top: none;
|
21719
|
+
}
|
21720
|
+
|
21721
|
+
.bx--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
|
21722
|
+
.bx--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
|
21723
|
+
.bx--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
|
21724
|
+
position: absolute;
|
21725
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
21726
|
+
bottom: -1px;
|
21727
|
+
left: 0;
|
21728
|
+
width: 1rem;
|
21729
|
+
height: 1px;
|
21730
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
21731
|
+
content: "";
|
21732
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
21733
|
+
}
|
21734
|
+
|
21735
|
+
.bx--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
|
21736
|
+
.bx--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
|
21737
|
+
.bx--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
|
21738
|
+
.bx--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
|
21739
|
+
background-color: var(--cds-layer-hover, #e5e5e5);
|
21740
|
+
}
|
21741
|
+
|
21711
21742
|
.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
|
21712
21743
|
border-bottom: none;
|
21713
21744
|
}
|
@@ -22293,15 +22324,30 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22293
22324
|
.c4p--datagrid .bx--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
|
22294
22325
|
.c4p--datagrid .c4p--datagrid__expanded-row:hover,
|
22295
22326
|
.c4p--datagrid .c4p--datagrid__expandable-row--hover td {
|
22327
|
+
border-top: none;
|
22296
22328
|
background: var(--cds-layer-hover, #e5e5e5);
|
22297
22329
|
}
|
22298
22330
|
|
22331
|
+
.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expandable td {
|
22332
|
+
border-top: none;
|
22333
|
+
}
|
22334
|
+
|
22299
22335
|
.c4p--datagrid .bx--data-table tbody tr:hover td.c4p--datagrid__expanded-row-cell-wrapper,
|
22300
22336
|
.c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper,
|
22301
22337
|
.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded td.c4p--datagrid__expandable-row-cell {
|
22302
22338
|
border: none;
|
22303
22339
|
}
|
22304
22340
|
|
22341
|
+
.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
|
22342
|
+
border-bottom: 1px solid var(--cds-border-subtle, #e0e0e0);
|
22343
|
+
}
|
22344
|
+
|
22345
|
+
.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row .c4p--datagrid__expanded-row-content,
|
22346
|
+
.c4p--datagrid__expanded-row:hover .c4p--datagrid__expanded-row-content {
|
22347
|
+
background-color: var(--cds-layer-hover, #e5e5e5);
|
22348
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22349
|
+
}
|
22350
|
+
|
22305
22351
|
.c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
|
22306
22352
|
padding: 0;
|
22307
22353
|
}
|