@carbon/ibm-products 2.0.0-rc.5 → 2.0.0-rc.7
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +45 -6
- 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 +6 -3
- 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 +45 -6
- 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 +38 -3
- 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/ActionSet/ActionSet.js +7 -3
- package/es/components/AddSelect/add-select-utils.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +4 -2
- package/es/components/Datagrid/useNestedRowExpander.js +7 -2
- package/es/components/Datagrid/useRowExpander.js +11 -3
- package/es/components/OptionsTile/OptionsTile.js +28 -12
- package/es/global/js/hooks/index.js +2 -1
- package/es/global/js/hooks/useControllableState.js +83 -0
- package/lib/components/ActionSet/ActionSet.js +7 -3
- package/lib/components/AddSelect/add-select-utils.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -2
- package/lib/components/Datagrid/useNestedRowExpander.js +7 -1
- package/lib/components/Datagrid/useRowExpander.js +15 -3
- package/lib/components/OptionsTile/OptionsTile.js +28 -11
- package/lib/global/js/hooks/index.js +9 -1
- package/lib/global/js/hooks/useControllableState.js +94 -0
- package/package.json +2 -2
- package/scss/components/ActionSet/_action-set.scss +9 -4
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +19 -1
- package/scss/components/Datagrid/styles/_useNestedRows.scss +17 -0
|
@@ -963,14 +963,17 @@
|
|
|
963
963
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
|
964
964
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
|
965
965
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
|
966
|
-
height: 4rem;
|
|
967
966
|
align-items: center;
|
|
967
|
+
margin: 0;
|
|
968
|
+
}
|
|
969
|
+
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
|
|
970
|
+
height: 4rem;
|
|
968
971
|
padding-top: 1rem;
|
|
969
972
|
padding-bottom: 2rem;
|
|
970
|
-
margin: 0;
|
|
971
973
|
}
|
|
972
974
|
|
|
973
|
-
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive
|
|
975
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
|
|
976
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
|
|
974
977
|
max-width: none;
|
|
975
978
|
}
|
|
976
979
|
|
|
@@ -10677,6 +10680,21 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
10677
10680
|
border-bottom: none;
|
|
10678
10681
|
}
|
|
10679
10682
|
|
|
10683
|
+
.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
|
|
10684
|
+
position: relative;
|
|
10685
|
+
}
|
|
10686
|
+
|
|
10687
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
|
|
10688
|
+
position: absolute;
|
|
10689
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
|
10690
|
+
top: -1px;
|
|
10691
|
+
left: 0;
|
|
10692
|
+
width: 100%;
|
|
10693
|
+
height: 1px;
|
|
10694
|
+
background-color: var(--cds-border-subtle);
|
|
10695
|
+
content: "";
|
|
10696
|
+
}
|
|
10697
|
+
|
|
10680
10698
|
/*
|
|
10681
10699
|
* Licensed Materials - Property of IBM
|
|
10682
10700
|
* 5724-Q36
|
|
@@ -11059,6 +11077,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
11059
11077
|
content: "";
|
|
11060
11078
|
}
|
|
11061
11079
|
|
|
11080
|
+
.c4p--datagrid__carbon-row.c4p--datagrid__carbon-row-expandable .c4p--datagrid__cell.c4p--datagrid__expandable-row-cell {
|
|
11081
|
+
padding: 0.5rem;
|
|
11082
|
+
padding-right: 0;
|
|
11083
|
+
}
|
|
11084
|
+
|
|
11085
|
+
.c4p--datagrid__row-expander.cds--btn {
|
|
11086
|
+
display: flex;
|
|
11087
|
+
width: 2rem;
|
|
11088
|
+
height: 2rem;
|
|
11089
|
+
min-height: 2rem;
|
|
11090
|
+
justify-content: center;
|
|
11091
|
+
padding: 0;
|
|
11092
|
+
}
|
|
11093
|
+
.c4p--datagrid__row-expander.cds--btn .c4p--datagrid__row-expander--icon {
|
|
11094
|
+
fill: var(--cds-layer-selected-inverse, #161616);
|
|
11095
|
+
}
|
|
11096
|
+
|
|
11062
11097
|
/*
|
|
11063
11098
|
* Licensed Materials - Property of IBM
|
|
11064
11099
|
* 5724-Q36
|
|
@@ -13563,14 +13598,18 @@ a.cds--side-nav__link--current::before {
|
|
|
13563
13598
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
|
13564
13599
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
|
13565
13600
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
|
13566
|
-
height: 4rem;
|
|
13567
13601
|
align-items: center;
|
|
13602
|
+
margin: 0;
|
|
13603
|
+
}
|
|
13604
|
+
|
|
13605
|
+
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
|
|
13606
|
+
height: 4rem;
|
|
13568
13607
|
padding-top: 1rem;
|
|
13569
13608
|
padding-bottom: 2rem;
|
|
13570
|
-
margin: 0;
|
|
13571
13609
|
}
|
|
13572
13610
|
|
|
13573
|
-
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive
|
|
13611
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
|
|
13612
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
|
|
13574
13613
|
max-width: none;
|
|
13575
13614
|
}
|
|
13576
13615
|
|