@carbon/ibm-products 2.0.0-rc.6 → 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 (31) hide show
  1. package/css/index-full-carbon.css +28 -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 +28 -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 +21 -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/useNestedRowExpander.js +7 -2
  20. package/es/components/OptionsTile/OptionsTile.js +28 -12
  21. package/es/global/js/hooks/index.js +2 -1
  22. package/es/global/js/hooks/useControllableState.js +83 -0
  23. package/lib/components/ActionSet/ActionSet.js +7 -3
  24. package/lib/components/AddSelect/add-select-utils.js +2 -2
  25. package/lib/components/Datagrid/useNestedRowExpander.js +7 -1
  26. package/lib/components/OptionsTile/OptionsTile.js +28 -11
  27. package/lib/global/js/hooks/index.js +9 -1
  28. package/lib/global/js/hooks/useControllableState.js +94 -0
  29. package/package.json +2 -2
  30. package/scss/components/ActionSet/_action-set.scss +9 -4
  31. 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
@@ -13580,14 +13598,18 @@ a.cds--side-nav__link--current::before {
13580
13598
  font-weight: var(--cds-body-short-01-font-weight, 400);
13581
13599
  line-height: var(--cds-body-short-01-line-height, 1.28572);
13582
13600
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
13583
- height: 4rem;
13584
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;
13585
13607
  padding-top: 1rem;
13586
13608
  padding-bottom: 2rem;
13587
- margin: 0;
13588
13609
  }
13589
13610
 
13590
- .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 {
13591
13613
  max-width: none;
13592
13614
  }
13593
13615