reshaped 3.7.0-canary.8 → 3.7.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 (217) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/bundle.css +1 -1
  3. package/dist/bundle.d.ts +1 -2
  4. package/dist/bundle.js +11 -11
  5. package/dist/cjs/themes/_generator/tokens/color/utilities/generateColors.js +1 -1
  6. package/dist/cjs/themes/_generator/tokens/css.js +2 -2
  7. package/dist/cjs/themes/figma/theme.css +1 -1
  8. package/dist/cjs/themes/fragments/twitter/theme.css +1 -1
  9. package/dist/cjs/themes/reshaped/theme.css +1 -1
  10. package/dist/cjs/themes/slate/theme.css +1 -1
  11. package/dist/components/Accordion/Accordion.types.d.ts +2 -0
  12. package/dist/components/ActionBar/ActionBar.js +12 -4
  13. package/dist/components/ActionBar/ActionBar.module.css +1 -1
  14. package/dist/components/ActionBar/ActionBar.types.d.ts +4 -1
  15. package/dist/components/ActionBar/tests/ActionBar.stories.d.ts +19 -1
  16. package/dist/components/ActionBar/tests/ActionBar.stories.js +161 -3
  17. package/dist/components/Actionable/Actionable.js +3 -3
  18. package/dist/components/Actionable/Actionable.module.css +1 -1
  19. package/dist/components/Actionable/Actionable.types.d.ts +1 -0
  20. package/dist/components/Autocomplete/Autocomplete.js +68 -23
  21. package/dist/components/Autocomplete/Autocomplete.types.d.ts +3 -0
  22. package/dist/components/Autocomplete/tests/Autocomplete.stories.js +8 -8
  23. package/dist/components/Avatar/Avatar.js +4 -4
  24. package/dist/components/Badge/Badge.js +3 -3
  25. package/dist/components/Badge/Badge.module.css +1 -1
  26. package/dist/components/Badge/Badge.types.d.ts +4 -4
  27. package/dist/components/Badge/tests/Badge.stories.js +11 -0
  28. package/dist/components/Button/Button.module.css +1 -1
  29. package/dist/components/Calendar/Calendar.types.d.ts +1 -0
  30. package/dist/components/Calendar/Calendar.utils.d.ts +11 -0
  31. package/dist/components/Calendar/Calendar.utils.js +25 -0
  32. package/dist/components/Calendar/CalendarDate.js +6 -2
  33. package/dist/components/Calendar/CalendarMonth.js +9 -23
  34. package/dist/components/Calendar/tests/Calendar.stories.js +9 -2
  35. package/dist/components/Card/Card.d.ts +1 -1
  36. package/dist/components/Card/Card.js +9 -12
  37. package/dist/components/Card/Card.module.css +1 -1
  38. package/dist/components/Card/tests/Card.stories.d.ts +1 -1
  39. package/dist/components/Card/tests/Card.test.stories.d.ts +1 -1
  40. package/dist/components/Carousel/Carousel.js +3 -1
  41. package/dist/components/Carousel/Carousel.types.d.ts +1 -0
  42. package/dist/components/Carousel/CarouselControl.d.ts +1 -2
  43. package/dist/components/Carousel/CarouselControl.js +8 -7
  44. package/dist/components/Checkbox/Checkbox.module.css +1 -1
  45. package/dist/components/DropdownMenu/DropdownMenu.js +9 -6
  46. package/dist/components/FileUpload/FileUpload.js +5 -3
  47. package/dist/components/FileUpload/FileUpload.module.css +1 -1
  48. package/dist/components/FileUpload/FileUpload.types.d.ts +5 -1
  49. package/dist/components/FileUpload/tests/FileUpload.stories.d.ts +18 -2
  50. package/dist/components/FileUpload/tests/FileUpload.stories.js +102 -23
  51. package/dist/components/Flyout/Flyout.module.css +1 -1
  52. package/dist/components/Flyout/Flyout.types.d.ts +2 -1
  53. package/dist/components/Flyout/FlyoutContent.js +3 -3
  54. package/dist/components/Flyout/FlyoutControlled.js +7 -4
  55. package/dist/components/Flyout/FlyoutTrigger.js +4 -3
  56. package/dist/components/FormControl/FormControl.module.css +1 -1
  57. package/dist/components/FormControl/tests/FormControl.stories.d.ts +4 -0
  58. package/dist/components/FormControl/tests/FormControl.stories.js +18 -0
  59. package/dist/components/Grid/Grid.js +5 -11
  60. package/dist/components/Grid/Grid.types.d.ts +2 -0
  61. package/dist/components/Grid/tests/Grid.stories.js +12 -1
  62. package/dist/components/HiddenVisually/HiddenVisually.module.css +1 -1
  63. package/dist/components/Icon/Icon.js +4 -4
  64. package/dist/components/Image/Image.js +4 -15
  65. package/dist/components/MenuItem/MenuItem.js +2 -2
  66. package/dist/components/MenuItem/MenuItem.module.css +1 -1
  67. package/dist/components/MenuItem/MenuItem.types.d.ts +1 -0
  68. package/dist/components/Modal/Modal.js +4 -4
  69. package/dist/components/Modal/Modal.module.css +1 -1
  70. package/dist/components/Modal/tests/Modal.test.stories.js +2 -2
  71. package/dist/components/Overlay/Overlay.js +1 -2
  72. package/dist/components/Overlay/tests/Overlay.test.stories.js +4 -2
  73. package/dist/components/PinField/PinField.module.css +1 -1
  74. package/dist/components/Popover/Popover.js +5 -5
  75. package/dist/components/Popover/Popover.module.css +1 -1
  76. package/dist/components/Popover/Popover.types.d.ts +1 -1
  77. package/dist/components/Popover/tests/Popover.stories.d.ts +7 -2
  78. package/dist/components/Popover/tests/Popover.stories.js +59 -20
  79. package/dist/components/ProgressIndicator/ProgressIndicator.module.css +1 -1
  80. package/dist/components/Reshaped/Reshaped.css +1 -1
  81. package/dist/components/Resizable/Resizable.module.css +1 -1
  82. package/dist/components/ScrollArea/ScrollArea.js +5 -7
  83. package/dist/components/ScrollArea/ScrollArea.module.css +1 -1
  84. package/dist/components/Select/Select.module.css +1 -1
  85. package/dist/components/Slider/Slider.module.css +1 -1
  86. package/dist/components/Switch/Switch.js +1 -1
  87. package/dist/components/Switch/Switch.module.css +1 -1
  88. package/dist/components/Table/Table.js +4 -7
  89. package/dist/components/Tabs/TabsItem.js +2 -1
  90. package/dist/components/Tabs/TabsList.js +2 -2
  91. package/dist/components/Text/Text.js +4 -4
  92. package/dist/components/TextArea/TextArea.module.css +1 -1
  93. package/dist/components/TextField/TextField.module.css +1 -1
  94. package/dist/components/TextField/tests/TextField.stories.js +3 -1
  95. package/dist/components/Theme/Theme.js +7 -2
  96. package/dist/components/Theme/Theme.types.d.ts +12 -13
  97. package/dist/components/Theme/index.d.ts +1 -1
  98. package/dist/components/Theme/tests/{Theme.test.stories.d.ts → Theme.stories.d.ts} +1 -0
  99. package/dist/components/Theme/tests/{Theme.test.stories.js → Theme.stories.js} +39 -1
  100. package/dist/components/Theme/useTheme.d.ts +6 -6
  101. package/dist/components/View/View.js +43 -60
  102. package/dist/components/View/View.module.css +1 -1
  103. package/dist/components/View/View.types.d.ts +7 -0
  104. package/dist/components/View/tests/View.stories.d.ts +4 -0
  105. package/dist/components/View/tests/View.stories.js +65 -1
  106. package/dist/components/_private/Portal/Portal.js +9 -1
  107. package/dist/config/tailwind.d.ts +1 -1
  108. package/dist/hooks/_private/useIsDismissible.d.ts +0 -1
  109. package/dist/hooks/_private/useIsDismissible.js +15 -8
  110. package/dist/index.d.ts +1 -2
  111. package/dist/styles/mixin.d.ts +6 -0
  112. package/dist/styles/mixin.js +71 -0
  113. package/dist/styles/resolvers/align/align.css +1 -0
  114. package/dist/styles/resolvers/align/index.d.ts +4 -0
  115. package/dist/styles/resolvers/align/index.js +10 -0
  116. package/dist/styles/resolvers/aspectRatio/aspectRatio.css +1 -0
  117. package/dist/styles/resolvers/aspectRatio/index.d.ts +4 -0
  118. package/dist/styles/resolvers/aspectRatio/index.js +10 -0
  119. package/dist/styles/resolvers/bleed/bleed.module.css +1 -0
  120. package/dist/styles/resolvers/bleed/index.d.ts +3 -0
  121. package/dist/styles/{bleed → resolvers/bleed}/index.js +4 -4
  122. package/dist/styles/resolvers/border/border.module.css +1 -0
  123. package/dist/styles/resolvers/border/borderWidth.css +1 -0
  124. package/dist/styles/resolvers/border/index.d.ts +11 -0
  125. package/dist/styles/resolvers/border/index.js +74 -0
  126. package/dist/styles/resolvers/height/index.d.ts +3 -0
  127. package/dist/styles/{height → resolvers/height}/index.js +4 -4
  128. package/dist/styles/resolvers/inset/index.d.ts +10 -0
  129. package/dist/styles/resolvers/inset/index.js +38 -0
  130. package/dist/styles/resolvers/inset/inset.css +1 -0
  131. package/dist/styles/resolvers/justify/index.d.ts +4 -0
  132. package/dist/styles/resolvers/justify/index.js +10 -0
  133. package/dist/styles/resolvers/justify/justify.css +1 -0
  134. package/dist/styles/resolvers/margin/index.d.ts +10 -0
  135. package/dist/styles/resolvers/margin/index.js +38 -0
  136. package/dist/styles/resolvers/margin/margin.css +1 -0
  137. package/dist/styles/resolvers/maxHeight/index.d.ts +3 -0
  138. package/dist/styles/{maxHeight → resolvers/maxHeight}/index.js +4 -4
  139. package/dist/styles/resolvers/maxHeight/maxHeight.module.css +1 -0
  140. package/dist/styles/resolvers/maxWidth/index.d.ts +3 -0
  141. package/dist/styles/{maxWidth → resolvers/maxWidth}/index.js +4 -4
  142. package/dist/styles/resolvers/maxWidth/maxWidth.module.css +1 -0
  143. package/dist/styles/resolvers/minHeight/index.d.ts +3 -0
  144. package/dist/styles/{minHeight → resolvers/minHeight}/index.js +4 -4
  145. package/dist/styles/resolvers/minHeight/minHeight.module.css +1 -0
  146. package/dist/styles/resolvers/minWidth/index.d.ts +3 -0
  147. package/dist/styles/{minWidth → resolvers/minWidth}/index.js +4 -4
  148. package/dist/styles/resolvers/minWidth/minWidth.module.css +1 -0
  149. package/dist/styles/resolvers/padding/index.d.ts +10 -0
  150. package/dist/styles/resolvers/padding/index.js +38 -0
  151. package/dist/styles/resolvers/padding/padding.css +1 -0
  152. package/dist/styles/resolvers/position/index.d.ts +4 -0
  153. package/dist/styles/resolvers/position/index.js +9 -0
  154. package/dist/styles/resolvers/position/position.css +1 -0
  155. package/dist/styles/resolvers/radius/index.d.ts +3 -0
  156. package/dist/styles/resolvers/radius/index.js +10 -0
  157. package/dist/styles/resolvers/textAlign/index.d.ts +4 -0
  158. package/dist/styles/resolvers/textAlign/index.js +10 -0
  159. package/dist/styles/resolvers/textAlign/textAlign.css +1 -0
  160. package/dist/styles/resolvers/width/index.d.ts +3 -0
  161. package/dist/styles/{width → resolvers/width}/index.js +4 -4
  162. package/dist/styles/resolvers/width/width.module.css +1 -0
  163. package/dist/styles/types.d.ts +63 -16
  164. package/dist/themes/_generator/tokens/color/utilities/generateColors.js +1 -1
  165. package/dist/themes/_generator/tokens/css.js +2 -2
  166. package/dist/themes/figma/theme.css +1 -1
  167. package/dist/themes/fragments/twitter/theme.css +1 -1
  168. package/dist/themes/reshaped/theme.css +1 -1
  169. package/dist/themes/slate/theme.css +1 -1
  170. package/dist/types/global.d.ts +5 -0
  171. package/dist/utilities/a11y/tests/TrapFocus.stories.js +4 -4
  172. package/package.json +24 -24
  173. package/dist/components/ActionBar/tests/ActionBar.test.stories.d.ts +0 -15
  174. package/dist/components/ActionBar/tests/ActionBar.test.stories.js +0 -26
  175. package/dist/components/FileUpload/tests/FileUpload.test.stories.d.ts +0 -21
  176. package/dist/components/FileUpload/tests/FileUpload.test.stories.js +0 -52
  177. package/dist/styles/align/align.css +0 -1
  178. package/dist/styles/align/index.d.ts +0 -4
  179. package/dist/styles/align/index.js +0 -10
  180. package/dist/styles/aspectRatio/aspectRatio.css +0 -1
  181. package/dist/styles/aspectRatio/index.d.ts +0 -4
  182. package/dist/styles/aspectRatio/index.js +0 -9
  183. package/dist/styles/bleed/bleed.module.css +0 -1
  184. package/dist/styles/bleed/index.d.ts +0 -3
  185. package/dist/styles/border/border.module.css +0 -1
  186. package/dist/styles/border/index.d.ts +0 -3
  187. package/dist/styles/border/index.js +0 -10
  188. package/dist/styles/height/index.d.ts +0 -3
  189. package/dist/styles/inset/index.d.ts +0 -5
  190. package/dist/styles/inset/index.js +0 -11
  191. package/dist/styles/inset/inset.css +0 -1
  192. package/dist/styles/justify/index.d.ts +0 -4
  193. package/dist/styles/justify/index.js +0 -10
  194. package/dist/styles/justify/justify.css +0 -1
  195. package/dist/styles/maxHeight/index.d.ts +0 -3
  196. package/dist/styles/maxHeight/maxHeight.module.css +0 -1
  197. package/dist/styles/maxWidth/index.d.ts +0 -3
  198. package/dist/styles/maxWidth/maxWidth.module.css +0 -1
  199. package/dist/styles/minHeight/index.d.ts +0 -3
  200. package/dist/styles/minHeight/minHeight.module.css +0 -1
  201. package/dist/styles/minWidth/index.d.ts +0 -3
  202. package/dist/styles/minWidth/minWidth.module.css +0 -1
  203. package/dist/styles/padding/index.d.ts +0 -4
  204. package/dist/styles/padding/index.js +0 -9
  205. package/dist/styles/padding/padding.css +0 -1
  206. package/dist/styles/position/index.d.ts +0 -4
  207. package/dist/styles/position/index.js +0 -9
  208. package/dist/styles/position/position.css +0 -1
  209. package/dist/styles/radius/index.d.ts +0 -3
  210. package/dist/styles/radius/index.js +0 -10
  211. package/dist/styles/textAlign/index.d.ts +0 -4
  212. package/dist/styles/textAlign/index.js +0 -10
  213. package/dist/styles/textAlign/textAlign.css +0 -1
  214. package/dist/styles/width/index.d.ts +0 -3
  215. package/dist/styles/width/width.module.css +0 -1
  216. /package/dist/styles/{height → resolvers/height}/height.module.css +0 -0
  217. /package/dist/styles/{radius → resolvers/radius}/radius.module.css +0 -0
package/CHANGELOG.md CHANGED
@@ -1,9 +1,21 @@
1
1
  ## 3.7.0
2
2
 
3
+ TODO:
4
+
5
+ - Add border side, inline, block
6
+
7
+ Highlights:
8
+
9
+ - Accessibility
10
+ - ActionBar: Added active, offset, more positions, positionType props
11
+ - FileUpload: variant + inline + render props
12
+
3
13
  - Added Attributes type to the package exports
4
14
  - Added `mono` font family to the themes
5
15
  - Added zIndex tokens to the themes, updated components to use new zIndex tokens
16
+ - Increased contrast of primary border color in dark mode
6
17
  - Added isolation: isolate to components for better zIndex handling
18
+ - Added `--rs-radius-circular`
7
19
 
8
20
  - Image: added maxWidth property
9
21
  - Image: added aspectRatio property
@@ -15,3 +27,29 @@
15
27
  - Tabs: Fixed horizontal scrolling caused by negative margins
16
28
  - Carousel: Updated outline styles when there are no focusable elements inside the carousel
17
29
  - TrapFocus: Keep the focus on the manually focused elements
30
+ - TextArea: Removed custom word-break that was used for autogrow text areas
31
+ - Autocomplete: Added onEnter handler
32
+ - Flyout: Make nested flyouts blocking to make sure they are closed one by one
33
+ - Flyout, Popover: autoFocus=false prop support (aligned with modals)
34
+ - Button: Fixed Buttons in groups wrapped with popover from losing border radius
35
+ - Button: Updated :active styles
36
+ - Theme: Supports passing multiple theme fragments to the same provider
37
+ - FormControl: Label margin-bottom: 0 for the last child for better composition
38
+ - DropdownMenu: Fixed items not working inside router links
39
+ - Tooltip: Only apply aria-describedby when tooltip is active
40
+ - TextArea, TextField, Select: Updated placeholder color
41
+ - Tabs: Added missing id to the button elements
42
+ - Carousel: Updated control buttons to use small size
43
+ - Carousel: Fixed shadow conflicting with clip content on buttons in Figma
44
+ - Carousel: Return focus to the other control when one of them gets hidden
45
+ - Calendar: Improved tabIndex management for the dates
46
+ - Actionable: touchHitbox prop
47
+ - Badge: Increased min touch hitbox for actionable badges and dismiss button
48
+ - Switch: Increased min touch hitbox
49
+ - Tabs: Increase touch hitbox for the navigation arrows
50
+ - Badge: Icon only support
51
+ - Badge: Neutral empty
52
+ - Badge aligned small badge size with the overal unit scaling
53
+ - Grid: Added height/width props support
54
+ - MenuItem: Added highlighted property
55
+ - Autocomplete: Improved screen reader navigation