@carbon/ibm-products 2.0.0-rc.5 → 2.0.0-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/css/index-full-carbon.css +45 -6
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +6 -3
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +45 -6
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +38 -3
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ActionSet/ActionSet.js +7 -3
  18. package/es/components/AddSelect/add-select-utils.js +2 -2
  19. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  20. package/es/components/Datagrid/Datagrid/DatagridRow.js +3 -3
  21. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +4 -2
  22. package/es/components/Datagrid/useNestedRowExpander.js +7 -2
  23. package/es/components/Datagrid/useRowExpander.js +11 -3
  24. package/es/components/OptionsTile/OptionsTile.js +28 -12
  25. package/es/global/js/hooks/index.js +2 -1
  26. package/es/global/js/hooks/useControllableState.js +83 -0
  27. package/lib/components/ActionSet/ActionSet.js +7 -3
  28. package/lib/components/AddSelect/add-select-utils.js +2 -2
  29. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  30. package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -3
  31. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -2
  32. package/lib/components/Datagrid/useNestedRowExpander.js +7 -1
  33. package/lib/components/Datagrid/useRowExpander.js +15 -3
  34. package/lib/components/OptionsTile/OptionsTile.js +28 -11
  35. package/lib/global/js/hooks/index.js +9 -1
  36. package/lib/global/js/hooks/useControllableState.js +94 -0
  37. package/package.json +2 -2
  38. package/scss/components/ActionSet/_action-set.scss +9 -4
  39. package/scss/components/Datagrid/styles/_useExpandedRow.scss +19 -1
  40. package/scss/components/Datagrid/styles/_useNestedRows.scss +17 -0
package/css/index-full-carbon.css CHANGED
@@ -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