reshaped 3.6.0-canary.4 → 3.6.0-canary.6

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 (160) hide show
  1. package/CHANGELOG.md +10 -1
  2. package/dist/bundle.css +1 -1
  3. package/dist/bundle.js +6 -6
  4. package/dist/cjs/cli/theming/index.d.ts +3 -3
  5. package/dist/cjs/cli/theming/index.js +2 -2
  6. package/dist/cjs/cli/theming/tailwind.d.ts +2 -3
  7. package/dist/cjs/cli/theming/tailwind.js +1 -1
  8. package/dist/cjs/themes/_generator/definitions/slate.js +1 -1
  9. package/dist/cjs/themes/_generator/tokens/color/color.transforms.d.ts +2 -2
  10. package/dist/cjs/themes/_generator/tokens/color/color.transforms.js +29 -7
  11. package/dist/cjs/themes/_generator/tokens/color/color.types.d.ts +28 -3
  12. package/dist/cjs/themes/_generator/tokens/color/utilities/a11y.d.ts +20 -0
  13. package/dist/cjs/themes/_generator/tokens/color/utilities/a11y.js +64 -0
  14. package/dist/cjs/themes/_generator/tokens/color/utilities/convert.d.ts +11 -0
  15. package/dist/cjs/themes/_generator/tokens/color/utilities/convert.js +33 -0
  16. package/dist/cjs/themes/_generator/tokens/color/utilities/generateColors.d.ts +4 -0
  17. package/dist/cjs/themes/_generator/tokens/color/utilities/generateColors.js +152 -0
  18. package/dist/cjs/themes/_generator/tokens/color/utilities/generateMetaColors.d.ts +4 -0
  19. package/dist/cjs/themes/_generator/tokens/color/utilities/generateMetaColors.js +68 -0
  20. package/dist/cjs/themes/_generator/tokens/color/utilities/tests/a11y.test.js +38 -0
  21. package/dist/cjs/themes/_generator/tokens/color/utilities/tests/convert.test.d.ts +1 -0
  22. package/dist/cjs/themes/_generator/tokens/color/utilities/tests/convert.test.js +48 -0
  23. package/dist/cjs/themes/_generator/tokens/color/utilities/tests/generateColors.test.d.ts +1 -0
  24. package/dist/cjs/themes/_generator/tokens/color/utilities/tests/generateColors.test.js +21 -0
  25. package/dist/{themes/_generator/utilities → cjs/themes/_generator/tokens}/css.d.ts +1 -1
  26. package/dist/cjs/themes/_generator/tokens/duration/duration.transforms.d.ts +2 -2
  27. package/dist/cjs/themes/_generator/tokens/duration/duration.transforms.js +2 -2
  28. package/dist/cjs/themes/_generator/tokens/easing/easing.transforms.d.ts +2 -2
  29. package/dist/cjs/themes/_generator/tokens/easing/easing.transforms.js +2 -2
  30. package/dist/cjs/themes/_generator/tokens/font/font.transforms.d.ts +2 -2
  31. package/dist/cjs/themes/_generator/tokens/font/font.transforms.js +3 -3
  32. package/dist/cjs/themes/_generator/tokens/fontFamily/fontFamily.transforms.d.ts +2 -2
  33. package/dist/cjs/themes/_generator/tokens/fontFamily/fontFamily.transforms.js +2 -2
  34. package/dist/cjs/themes/_generator/tokens/fontWeight/fontWeight.transforms.d.ts +2 -2
  35. package/dist/cjs/themes/_generator/tokens/fontWeight/fontWeight.transforms.js +2 -2
  36. package/dist/cjs/themes/_generator/tokens/radius/radius.transforms.d.ts +2 -2
  37. package/dist/cjs/themes/_generator/tokens/radius/radius.transforms.js +2 -2
  38. package/dist/cjs/themes/_generator/tokens/shadow/shadow.transforms.d.ts +2 -2
  39. package/dist/cjs/themes/_generator/tokens/shadow/shadow.transforms.js +4 -4
  40. package/dist/cjs/themes/_generator/tokens/types.d.ts +19 -17
  41. package/dist/cjs/themes/_generator/tokens/unit/unit.transforms.d.ts +2 -2
  42. package/dist/cjs/themes/_generator/tokens/unit/unit.transforms.js +2 -2
  43. package/dist/cjs/themes/_generator/tokens/unit/utilities/generate.d.ts +5 -0
  44. package/dist/cjs/themes/_generator/{utilities/generateUnits.js → tokens/unit/utilities/generate.js} +5 -4
  45. package/dist/cjs/themes/_generator/tokens/viewport/viewport.transforms.d.ts +2 -2
  46. package/dist/cjs/themes/_generator/tokens/viewport/viewport.transforms.js +2 -2
  47. package/dist/cjs/themes/_generator/transform.d.ts +3 -2
  48. package/dist/cjs/themes/_generator/transform.js +45 -11
  49. package/dist/cjs/themes/_generator/types.d.ts +4 -8
  50. package/dist/cjs/themes/_generator/utilities/mergeDefinitions.d.ts +1 -3
  51. package/dist/cjs/themes/_generator/utilities/mergeDefinitions.js +6 -4
  52. package/dist/cjs/themes/figma/tailwind.css +1 -1
  53. package/dist/cjs/themes/figma/theme.css +1 -1
  54. package/dist/cjs/themes/fragments/twitter/tailwind.css +1 -1
  55. package/dist/cjs/themes/fragments/twitter/theme.css +1 -1
  56. package/dist/cjs/themes/index.d.ts +4 -11
  57. package/dist/cjs/themes/index.js +2 -5
  58. package/dist/cjs/themes/reshaped/tailwind.css +1 -1
  59. package/dist/cjs/themes/reshaped/theme.css +1 -1
  60. package/dist/cjs/themes/slate/tailwind.css +1 -1
  61. package/dist/cjs/themes/slate/theme.css +1 -1
  62. package/dist/cjs/types/config.d.ts +11 -7
  63. package/dist/cli/theming/index.d.ts +3 -3
  64. package/dist/cli/theming/index.js +2 -2
  65. package/dist/cli/theming/tailwind.d.ts +2 -3
  66. package/dist/cli/theming/tailwind.js +1 -1
  67. package/dist/components/Accordion/Accordion.types.d.ts +2 -1
  68. package/dist/components/Accordion/AccordionContent.js +3 -2
  69. package/dist/components/Accordion/AccordionControlled.js +3 -2
  70. package/dist/components/Accordion/tests/Accordion.stories.d.ts +4 -0
  71. package/dist/components/Accordion/tests/Accordion.stories.js +11 -0
  72. package/dist/components/Autocomplete/tests/Autocomplete.stories.js +3 -6
  73. package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  74. package/dist/components/FormControl/FormControl.context.d.ts +1 -1
  75. package/dist/components/ScrollArea/ScrollArea.js +1 -1
  76. package/dist/components/TextField/TextField.js +2 -2
  77. package/dist/components/TextField/TextField.module.css +1 -1
  78. package/dist/tests/ThemesPlayground.d.ts +2 -0
  79. package/dist/tests/ThemesPlayground.js +90 -0
  80. package/dist/tests/themes.stories.d.ts +16 -0
  81. package/dist/{themes/_generator/tests → tests}/themes.stories.js +74 -15
  82. package/dist/themes/_generator/definitions/slate.js +1 -1
  83. package/dist/themes/_generator/tokens/color/color.transforms.d.ts +2 -2
  84. package/dist/themes/_generator/tokens/color/color.transforms.js +29 -7
  85. package/dist/themes/_generator/tokens/color/color.types.d.ts +28 -3
  86. package/dist/themes/_generator/tokens/color/utilities/a11y.d.ts +20 -0
  87. package/dist/themes/_generator/tokens/color/utilities/a11y.js +58 -0
  88. package/dist/themes/_generator/tokens/color/utilities/convert.d.ts +11 -0
  89. package/dist/themes/_generator/tokens/color/utilities/convert.js +27 -0
  90. package/dist/themes/_generator/tokens/color/utilities/generateColors.d.ts +4 -0
  91. package/dist/themes/_generator/tokens/color/utilities/generateColors.js +150 -0
  92. package/dist/themes/_generator/tokens/color/utilities/generateMetaColors.d.ts +4 -0
  93. package/dist/themes/_generator/tokens/color/utilities/generateMetaColors.js +66 -0
  94. package/dist/{cjs/themes/_generator/utilities → themes/_generator/tokens}/css.d.ts +1 -1
  95. package/dist/themes/_generator/tokens/duration/duration.transforms.d.ts +2 -2
  96. package/dist/themes/_generator/tokens/duration/duration.transforms.js +2 -2
  97. package/dist/themes/_generator/tokens/easing/easing.transforms.d.ts +2 -2
  98. package/dist/themes/_generator/tokens/easing/easing.transforms.js +2 -2
  99. package/dist/themes/_generator/tokens/font/font.transforms.d.ts +2 -2
  100. package/dist/themes/_generator/tokens/font/font.transforms.js +3 -3
  101. package/dist/themes/_generator/tokens/fontFamily/fontFamily.transforms.d.ts +2 -2
  102. package/dist/themes/_generator/tokens/fontFamily/fontFamily.transforms.js +2 -2
  103. package/dist/themes/_generator/tokens/fontWeight/fontWeight.transforms.d.ts +2 -2
  104. package/dist/themes/_generator/tokens/fontWeight/fontWeight.transforms.js +2 -2
  105. package/dist/themes/_generator/tokens/radius/radius.transforms.d.ts +2 -2
  106. package/dist/themes/_generator/tokens/radius/radius.transforms.js +2 -2
  107. package/dist/themes/_generator/tokens/shadow/shadow.transforms.d.ts +2 -2
  108. package/dist/themes/_generator/tokens/shadow/shadow.transforms.js +4 -4
  109. package/dist/themes/_generator/tokens/types.d.ts +19 -17
  110. package/dist/themes/_generator/tokens/unit/unit.transforms.d.ts +2 -2
  111. package/dist/themes/_generator/tokens/unit/unit.transforms.js +2 -2
  112. package/dist/themes/_generator/tokens/unit/utilities/generate.d.ts +5 -0
  113. package/dist/themes/_generator/{utilities/generateUnits.js → tokens/unit/utilities/generate.js} +4 -5
  114. package/dist/themes/_generator/tokens/viewport/viewport.transforms.d.ts +2 -2
  115. package/dist/themes/_generator/tokens/viewport/viewport.transforms.js +2 -2
  116. package/dist/themes/_generator/transform.d.ts +3 -2
  117. package/dist/themes/_generator/transform.js +45 -11
  118. package/dist/themes/_generator/types.d.ts +4 -8
  119. package/dist/themes/_generator/utilities/mergeDefinitions.d.ts +1 -3
  120. package/dist/themes/_generator/utilities/mergeDefinitions.js +6 -4
  121. package/dist/themes/figma/tailwind.css +1 -1
  122. package/dist/themes/figma/theme.css +1 -1
  123. package/dist/themes/fragments/twitter/tailwind.css +1 -1
  124. package/dist/themes/fragments/twitter/theme.css +1 -1
  125. package/dist/themes/index.d.ts +4 -11
  126. package/dist/themes/index.js +1 -4
  127. package/dist/themes/reshaped/tailwind.css +1 -1
  128. package/dist/themes/reshaped/theme.css +1 -1
  129. package/dist/themes/slate/tailwind.css +1 -1
  130. package/dist/themes/slate/theme.css +1 -1
  131. package/dist/types/config.d.ts +11 -7
  132. package/dist/types/global.d.ts +3 -0
  133. package/package.json +24 -23
  134. package/dist/cjs/themes/_generator/utilities/color.d.ts +0 -105
  135. package/dist/cjs/themes/_generator/utilities/color.js +0 -409
  136. package/dist/cjs/themes/_generator/utilities/generateBackgroundColors.d.ts +0 -4
  137. package/dist/cjs/themes/_generator/utilities/generateBackgroundColors.js +0 -59
  138. package/dist/cjs/themes/_generator/utilities/generateColors.d.ts +0 -11
  139. package/dist/cjs/themes/_generator/utilities/generateColors.js +0 -178
  140. package/dist/cjs/themes/_generator/utilities/generateUnits.d.ts +0 -4
  141. package/dist/cjs/themes/_generator/utilities/mergeDeep.d.ts +0 -5
  142. package/dist/cjs/themes/_generator/utilities/mergeDeep.js +0 -24
  143. package/dist/cjs/themes/_generator/utilities/resolveTokenReference.d.ts +0 -3
  144. package/dist/cjs/themes/_generator/utilities/resolveTokenReference.js +0 -18
  145. package/dist/cjs/themes/_generator/utilities/tests/color.test.js +0 -81
  146. package/dist/themes/_generator/tests/themes.stories.d.ts +0 -16
  147. package/dist/themes/_generator/utilities/color.d.ts +0 -105
  148. package/dist/themes/_generator/utilities/color.js +0 -377
  149. package/dist/themes/_generator/utilities/generateBackgroundColors.d.ts +0 -4
  150. package/dist/themes/_generator/utilities/generateBackgroundColors.js +0 -57
  151. package/dist/themes/_generator/utilities/generateColors.d.ts +0 -11
  152. package/dist/themes/_generator/utilities/generateColors.js +0 -176
  153. package/dist/themes/_generator/utilities/generateUnits.d.ts +0 -4
  154. package/dist/themes/_generator/utilities/mergeDeep.d.ts +0 -5
  155. package/dist/themes/_generator/utilities/mergeDeep.js +0 -22
  156. package/dist/themes/_generator/utilities/resolveTokenReference.d.ts +0 -3
  157. package/dist/themes/_generator/utilities/resolveTokenReference.js +0 -16
  158. /package/dist/cjs/themes/_generator/{utilities/tests/color.test.d.ts → tokens/color/utilities/tests/a11y.test.d.ts} +0 -0
  159. /package/dist/cjs/themes/_generator/{utilities → tokens}/css.js +0 -0
  160. /package/dist/themes/_generator/{utilities → tokens}/css.js +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,8 @@
1
1
  ## WIP 3.6.0
2
2
 
3
+ - OKLCH color support in themes
4
+ - Tailwind: Added scoped theming / color mode support for Tailwind v4 (rebuild themes)
5
+
3
6
  - Flyout: Exported from the library
4
7
  - Flyout: Moved css to css layers
5
8
  - Flyout: Support height animations
@@ -17,12 +20,18 @@
17
20
  - Flyout: Updated trigger boundaries detection inside scrollable
18
21
  - Flyout: Avoid using fallbacks inside scrollable when already opened (to match regular flyouts)
19
22
  - Flyout: Updated dialog trap mode flyouts to be blocking for Esc keys / clicking outside
20
- - Flyout: trapFocusMode=false support
23
+ - Flyout, DropdownMenu: trapFocusMode=false support
21
24
  - DropdownMenu: Submenu trigger doesn't close the menu on click
22
25
  - Accordion: Fixed iconPosition prop memoization
23
26
  - Avatar: use rs-font-weight-bold instead of hardcoded weight
24
27
  - Exported ColorMode type
25
28
  - Reshaped: colorMode conrolled prop support
29
+ - Accordion: gap property support
30
+ - ScrollArea: Removed tabIndex since it's handled natively including cases when there are actionable elements inside
31
+ - TextField: Fixed the gap/min-height of the attachments
32
+ - TextField: Improved end attachment wrapping
33
+
34
+ - Added node engine v20+ to package.json
26
35
 
27
36
  ## 3.5.3
28
37