reshaped 2.2.1 → 2.3.0

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 (118) hide show
  1. package/CHANGELOG.md +16 -1
  2. package/bin/cli.js +1 -11
  3. package/bundle.css +1 -1
  4. package/bundle.js +10 -10
  5. package/cli/theming/definitions/base.d.ts +1 -1
  6. package/cli/theming/definitions/figma.d.ts +1 -1
  7. package/cli/theming/definitions/reshaped.d.ts +1 -1
  8. package/cli/theming/definitions/slate.d.ts +1 -1
  9. package/cli/theming/index.d.ts +4 -4
  10. package/cli/theming/index.js +7 -107
  11. package/components/Actionable/Actionable.js +14 -3
  12. package/components/Actionable/Actionable.module.css +1 -1
  13. package/components/Autocomplete/tests/Autocomplete.stories.js +27 -1
  14. package/components/Button/Button.js +2 -0
  15. package/components/Button/Button.module.css +1 -1
  16. package/components/Button/Button.types.d.ts +6 -0
  17. package/components/Button/ButtonGroup.d.ts +4 -0
  18. package/components/Button/ButtonGroup.js +9 -0
  19. package/components/Button/tests/Button.stories.d.ts +1 -0
  20. package/components/Button/tests/Button.stories.js +63 -0
  21. package/components/DropdownMenu/tests/DropdownMenu.stories.js +1 -0
  22. package/components/Overlay/Overlay.js +4 -4
  23. package/components/Tabs/Tabs.d.ts +1 -8
  24. package/components/Tabs/Tabs.module.css +1 -1
  25. package/components/Tabs/Tabs.types.d.ts +6 -7
  26. package/components/Tabs/TabsContext.d.ts +4 -0
  27. package/components/Tabs/TabsControlled.js +24 -1
  28. package/components/Tabs/TabsItem.d.ts +1 -8
  29. package/components/Tabs/TabsItem.js +22 -4
  30. package/components/Tabs/TabsList.js +30 -32
  31. package/components/Tabs/tests/Tabs.stories.d.ts +1 -0
  32. package/components/Tabs/tests/Tabs.stories.js +17 -0
  33. package/components/Toast/ToastContainer.js +1 -0
  34. package/components/Toast/ToastProvider.js +4 -0
  35. package/components/Toast/tests/Toast.stories.js +1 -0
  36. package/components/_private/Flyout/FlyoutContent.js +4 -2
  37. package/components/_private/Flyout/tests/Flyout.stories.d.ts +1 -0
  38. package/components/_private/Flyout/tests/Flyout.stories.js +25 -0
  39. package/components/_private/Portal/Portal.d.ts +8 -4
  40. package/components/_private/Portal/Portal.js +23 -11
  41. package/components/_private/Portal/Portal.types.d.ts +7 -2
  42. package/components/_private/Portal/index.d.ts +1 -1
  43. package/components/_private/Portal/index.js +1 -1
  44. package/components/_private/Portal/tests/Portal.stories.js +11 -12
  45. package/config/tailwind.d.ts +1 -1
  46. package/config/tailwind.js +3 -3
  47. package/hooks/_private/useFlyout.js +16 -13
  48. package/package.json +36 -28
  49. package/themes/_generator/tests/themes.stories.d.ts +6 -0
  50. package/themes/_generator/tests/themes.stories.js +32 -0
  51. package/{cli/theming → themes/_generator}/tokens/color/color.transforms.d.ts +1 -1
  52. package/{cli/theming → themes/_generator}/tokens/duration/duration.transforms.d.ts +1 -1
  53. package/{cli/theming → themes/_generator}/tokens/easing/easing.transforms.d.ts +1 -1
  54. package/{cli/theming → themes/_generator}/tokens/font/font.transforms.d.ts +1 -1
  55. package/{cli/theming → themes/_generator}/tokens/fontFamily/fontFamily.transforms.d.ts +1 -1
  56. package/{cli/theming → themes/_generator}/tokens/fontWeight/fontWeight.transforms.d.ts +1 -1
  57. package/{cli/theming → themes/_generator}/tokens/shadow/shadow.transforms.d.ts +1 -1
  58. package/{cli/theming → themes/_generator}/tokens/shadow/shadow.transforms.js +1 -1
  59. package/{cli/theming → themes/_generator}/tokens/unit/unit.transforms.d.ts +1 -1
  60. package/{cli/theming → themes/_generator}/tokens/viewport/viewport.transforms.d.ts +1 -1
  61. package/themes/_generator/transform.d.ts +7 -0
  62. package/themes/_generator/transform.js +57 -0
  63. package/{cli/theming → themes/_generator}/types.d.ts +3 -1
  64. package/{cli/theming → themes/_generator}/utilities/css.js +3 -1
  65. package/themes/_generator/utilities/generateBackgroundColors.d.ts +4 -0
  66. package/themes/_generator/utilities/generateBackgroundColors.js +54 -0
  67. package/themes/_generator/utilities/generateUnits.d.ts +4 -0
  68. package/themes/_generator/utilities/generateUnits.js +17 -0
  69. package/{cli/theming → themes/_generator}/utilities/mergeDeep.js +1 -3
  70. package/{cli/theming → themes/_generator}/utilities/resolveTokenReference.js +1 -3
  71. package/themes/index.d.ts +3 -0
  72. package/themes/index.js +5 -0
  73. package/types/config.d.ts +1 -1
  74. package/utilities/a11y.js +12 -3
  75. package/{cli/utilities → utilities}/color.d.ts +1 -1
  76. package/utilities/dom.d.ts +1 -0
  77. package/utilities/dom.js +9 -0
  78. package/cli/utilities/tests/color.test.d.ts +0 -1
  79. package/cli/utilities/tests/color.test.js +0 -63
  80. /package/{cli/theming → themes/_generator}/tokens/color/color.transforms.js +0 -0
  81. /package/{cli/theming → themes/_generator}/tokens/color/color.types.d.ts +0 -0
  82. /package/{cli/theming → themes/_generator}/tokens/color/color.types.js +0 -0
  83. /package/{cli/theming → themes/_generator}/tokens/duration/duration.transforms.js +0 -0
  84. /package/{cli/theming → themes/_generator}/tokens/duration/duration.types.d.ts +0 -0
  85. /package/{cli/theming → themes/_generator}/tokens/duration/duration.types.js +0 -0
  86. /package/{cli/theming → themes/_generator}/tokens/easing/easing.transforms.js +0 -0
  87. /package/{cli/theming → themes/_generator}/tokens/easing/easing.types.d.ts +0 -0
  88. /package/{cli/theming → themes/_generator}/tokens/easing/easing.types.js +0 -0
  89. /package/{cli/theming → themes/_generator}/tokens/font/font.transforms.js +0 -0
  90. /package/{cli/theming → themes/_generator}/tokens/font/font.types.d.ts +0 -0
  91. /package/{cli/theming → themes/_generator}/tokens/font/font.types.js +0 -0
  92. /package/{cli/theming → themes/_generator}/tokens/fontFamily/fontFamily.transforms.js +0 -0
  93. /package/{cli/theming → themes/_generator}/tokens/fontFamily/fontFamily.types.d.ts +0 -0
  94. /package/{cli/theming → themes/_generator}/tokens/fontFamily/fontFamily.types.js +0 -0
  95. /package/{cli/theming → themes/_generator}/tokens/fontWeight/fontWeight.transforms.js +0 -0
  96. /package/{cli/theming → themes/_generator}/tokens/fontWeight/fontWeight.types.d.ts +0 -0
  97. /package/{cli/theming → themes/_generator}/tokens/fontWeight/fontWeight.types.js +0 -0
  98. /package/{cli/theming → themes/_generator}/tokens/shadow/shadow.types.d.ts +0 -0
  99. /package/{cli/theming → themes/_generator}/tokens/shadow/shadow.types.js +0 -0
  100. /package/{cli/theming → themes/_generator}/tokens/transforms.d.ts +0 -0
  101. /package/{cli/theming → themes/_generator}/tokens/transforms.js +0 -0
  102. /package/{cli/theming → themes/_generator}/tokens/types.d.ts +0 -0
  103. /package/{cli/theming → themes/_generator}/tokens/types.js +0 -0
  104. /package/{cli/theming → themes/_generator}/tokens/unit/unit.transforms.js +0 -0
  105. /package/{cli/theming → themes/_generator}/tokens/unit/unit.types.d.ts +0 -0
  106. /package/{cli/theming → themes/_generator}/tokens/unit/unit.types.js +0 -0
  107. /package/{cli/theming → themes/_generator}/tokens/viewport/viewport.transforms.js +0 -0
  108. /package/{cli/theming → themes/_generator}/tokens/viewport/viewport.types.d.ts +0 -0
  109. /package/{cli/theming → themes/_generator}/tokens/viewport/viewport.types.js +0 -0
  110. /package/{cli/theming → themes/_generator}/types.js +0 -0
  111. /package/{cli/theming → themes/_generator}/utilities/css.d.ts +0 -0
  112. /package/{cli/theming → themes/_generator}/utilities/mergeDeep.d.ts +0 -0
  113. /package/{cli/theming → themes/_generator}/utilities/mergeDefinitions.d.ts +0 -0
  114. /package/{cli/theming → themes/_generator}/utilities/mergeDefinitions.js +0 -0
  115. /package/{cli/theming → themes/_generator}/utilities/resolveTokenReference.d.ts +0 -0
  116. /package/{cli/utilities → utilities}/color.js +0 -0
  117. /package/{cli/utilities → utilities}/string.d.ts +0 -0
  118. /package/{cli/utilities → utilities}/string.js +0 -0
package/CHANGELOG.md CHANGED
@@ -1,4 +1,19 @@
1
- 2.2.1
1
+ 2.3
2
+
3
+ - Runtime theming
4
+ - Button.Group
2
5
 
3
6
  - Remove tap-highlight for checkbox, radio and switch on mobile devices
4
7
  - Select: Fixed disabled icon color
8
+
9
+ - Actionable: Fixed repeating onClicks for Enter
10
+ - Popover, DropdownMenu, Autocomplete: Added rendering support inside scrollable areas
11
+ - Popover, DropdownMenu, Autocomplete: Added trapFocus support for dynamic data rendering
12
+
13
+ - Tabs: Added support for custom Tabs.Item wrappers, including router link components
14
+ - Tabs: Added href support for Tabs.Item
15
+ - Tabs: Added attributes support for Tabs.Item
16
+
17
+ - Toast: Fixed immediate close
18
+
19
+ - Figma: Fixed dark mode relations
package/bin/cli.js CHANGED
@@ -46,17 +46,7 @@ program
46
46
 
47
47
  console.log(chalk.blue("Processing Reshaped themes..."));
48
48
  const config = importJSConfig(configPath);
49
- const { themes, themeFragments } = config;
50
- const themeOptions = {
51
- ...config.themeOptions,
52
- generateOnColorsFor: [
53
- "backgroundNeutral",
54
- "backgroundPrimary",
55
- "backgroundCritical",
56
- "backgroundPositive",
57
- ...(config.themeOptions?.generateOnColorsFor || []),
58
- ],
59
- };
49
+ const { themes, themeFragments, themeOptions } = config;
60
50
 
61
51
  if (themes) {
62
52
  Object.keys(themes).forEach((themeName) => {