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

Sign up to get free protection for your applications and to get access to all the features.
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