reshaped 3.2.7 → 3.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 (151) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/bundle.css +1 -1
  3. package/dist/bundle.d.ts +2 -0
  4. package/dist/bundle.js +11 -11
  5. package/dist/cjs/themes/_generator/definitions/figma.js +1 -0
  6. package/dist/cjs/themes/_generator/definitions/reshaped.js +5 -4
  7. package/dist/cjs/themes/_generator/tokens/duration/duration.types.d.ts +1 -1
  8. package/dist/cjs/themes/_generator/transform.js +17 -7
  9. package/dist/cjs/themes/_generator/utilities/generateColors.js +6 -6
  10. package/dist/cjs/themes/_generator/utilities/resolveTokenReference.js +1 -1
  11. package/dist/cjs/themes/figma/theme.css +1 -1
  12. package/dist/cjs/themes/reshaped/theme.css +1 -1
  13. package/dist/cjs/themes/slate/theme.css +1 -1
  14. package/dist/components/Alert/tests/Alert.stories.d.ts +5 -4
  15. package/dist/components/Alert/tests/Alert.stories.js +3 -2
  16. package/dist/components/Autocomplete/Autocomplete.js +3 -3
  17. package/dist/components/Autocomplete/Autocomplete.types.d.ts +8 -9
  18. package/dist/components/Badge/Badge.module.css +1 -1
  19. package/dist/components/Button/Button.module.css +1 -1
  20. package/dist/components/Card/Card.js +1 -1
  21. package/dist/components/ContextMenu/ContextMenu.d.ts +10 -0
  22. package/dist/components/ContextMenu/ContextMenu.js +37 -0
  23. package/dist/components/ContextMenu/ContextMenu.module.css +1 -0
  24. package/dist/components/ContextMenu/ContextMenu.types.d.ts +2 -0
  25. package/dist/components/ContextMenu/ContextMenu.types.js +1 -0
  26. package/dist/components/ContextMenu/index.d.ts +2 -0
  27. package/dist/components/ContextMenu/index.js +1 -0
  28. package/dist/components/ContextMenu/tests/ContextMenu.stories.d.ts +18 -0
  29. package/dist/components/ContextMenu/tests/ContextMenu.stories.js +27 -0
  30. package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -2
  31. package/dist/components/DropdownMenu/DropdownMenu.js +2 -2
  32. package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +4 -4
  33. package/dist/components/DropdownMenu/tests/DropdownMenu.stories.d.ts +1 -1
  34. package/dist/components/DropdownMenu/tests/DropdownMenu.stories.js +8 -0
  35. package/dist/components/FormControl/FormControl.context.d.ts +86 -86
  36. package/dist/components/Grid/Grid.js +5 -1
  37. package/dist/components/Hotkey/Hotkey.module.css +1 -1
  38. package/dist/components/Modal/Modal.js +1 -1
  39. package/dist/components/Modal/Modal.module.css +1 -1
  40. package/dist/components/Popover/Popover.js +1 -1
  41. package/dist/components/Popover/Popover.types.d.ts +1 -1
  42. package/dist/components/Resizable/Resizable.js +2 -2
  43. package/dist/components/Resizable/Resizable.module.css +1 -1
  44. package/dist/components/Resizable/Resizable.types.d.ts +3 -1
  45. package/dist/components/Resizable/tests/Resizable.stories.js +34 -1
  46. package/dist/components/ScrollArea/ScrollArea.js +9 -9
  47. package/dist/components/ScrollArea/ScrollArea.module.css +1 -1
  48. package/dist/components/ScrollArea/ScrollArea.types.d.ts +1 -4
  49. package/dist/components/ScrollArea/tests/ScrollArea.stories.d.ts +6 -4
  50. package/dist/components/ScrollArea/tests/ScrollArea.stories.js +28 -2
  51. package/dist/components/Table/Table.module.css +1 -1
  52. package/dist/components/Tabs/Tabs.module.css +1 -1
  53. package/dist/components/Tabs/Tabs.types.d.ts +2 -0
  54. package/dist/components/Tabs/TabsContext.d.ts +2 -2
  55. package/dist/components/Tabs/TabsPanel.js +3 -3
  56. package/dist/components/Text/Text.js +2 -1
  57. package/dist/components/TextField/TextField.js +4 -4
  58. package/dist/components/TextField/TextField.module.css +1 -1
  59. package/dist/components/TextField/TextField.types.d.ts +1 -0
  60. package/dist/components/Toast/Toast.js +3 -2
  61. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  62. package/dist/components/Tooltip/Tooltip.js +4 -4
  63. package/dist/components/Tooltip/Tooltip.types.d.ts +1 -1
  64. package/dist/components/Tooltip/tests/Tooltip.stories.d.ts +1 -1
  65. package/dist/components/View/View.js +8 -3
  66. package/dist/components/View/View.module.css +1 -1
  67. package/dist/components/View/View.types.d.ts +5 -5
  68. package/dist/components/View/tests/View.stories.js +6 -0
  69. package/dist/components/_private/Flyout/Flyout.module.css +1 -1
  70. package/dist/components/_private/Flyout/Flyout.types.d.ts +2 -1
  71. package/dist/components/_private/Flyout/FlyoutContent.js +6 -4
  72. package/dist/components/_private/Flyout/FlyoutControlled.js +12 -9
  73. package/dist/components/_private/Flyout/tests/Flyout.stories.d.ts +1 -0
  74. package/dist/components/_private/Flyout/tests/Flyout.stories.js +16 -1
  75. package/dist/components/_private/Flyout/useFlyout.d.ts +6 -11
  76. package/dist/components/_private/Flyout/useFlyout.js +19 -30
  77. package/dist/components/_private/Flyout/utilities/isFullyVisible.d.ts +6 -0
  78. package/dist/components/_private/Flyout/utilities/isFullyVisible.js +16 -0
  79. package/dist/components/_private/Portal/Portal.js +5 -2
  80. package/dist/hooks/_private/useOnClickOutside.d.ts +1 -1
  81. package/dist/hooks/_private/useOnClickOutside.js +8 -5
  82. package/dist/hooks/_private/useSingletonKeyboardMode.js +4 -0
  83. package/dist/index.d.ts +2 -0
  84. package/dist/index.js +1 -0
  85. package/dist/styles/align/align.css +1 -0
  86. package/dist/styles/align/index.d.ts +2 -1
  87. package/dist/styles/align/index.js +3 -3
  88. package/dist/styles/aspectRatio/aspectRatio.css +1 -0
  89. package/dist/styles/aspectRatio/index.d.ts +2 -1
  90. package/dist/styles/aspectRatio/index.js +2 -2
  91. package/dist/styles/bleed/bleed.module.css +1 -1
  92. package/dist/styles/bleed/index.js +2 -5
  93. package/dist/styles/height/height.module.css +1 -1
  94. package/dist/styles/height/index.js +2 -2
  95. package/dist/styles/inset/index.d.ts +2 -1
  96. package/dist/styles/inset/index.js +4 -7
  97. package/dist/styles/inset/inset.css +1 -0
  98. package/dist/styles/justify/index.d.ts +2 -1
  99. package/dist/styles/justify/index.js +3 -3
  100. package/dist/styles/justify/justify.css +1 -0
  101. package/dist/styles/maxHeight/index.js +2 -2
  102. package/dist/styles/maxHeight/maxHeight.module.css +1 -1
  103. package/dist/styles/maxWidth/index.js +2 -2
  104. package/dist/styles/maxWidth/maxWidth.module.css +1 -1
  105. package/dist/styles/minHeight/index.js +2 -2
  106. package/dist/styles/minHeight/minHeight.module.css +1 -1
  107. package/dist/styles/minWidth/index.js +2 -2
  108. package/dist/styles/minWidth/minWidth.module.css +1 -1
  109. package/dist/styles/padding/index.d.ts +2 -1
  110. package/dist/styles/padding/index.js +2 -2
  111. package/dist/styles/padding/padding.css +1 -0
  112. package/dist/styles/position/index.d.ts +2 -1
  113. package/dist/styles/position/index.js +4 -4
  114. package/dist/styles/position/position.css +1 -0
  115. package/dist/styles/textAlign/index.d.ts +2 -1
  116. package/dist/styles/textAlign/index.js +3 -3
  117. package/dist/styles/textAlign/textAlign.css +1 -0
  118. package/dist/styles/types.d.ts +5 -0
  119. package/dist/styles/width/index.js +2 -2
  120. package/dist/styles/width/width.module.css +1 -1
  121. package/dist/themes/_generator/definitions/figma.js +1 -0
  122. package/dist/themes/_generator/definitions/reshaped.js +5 -4
  123. package/dist/themes/_generator/tests/themes.stories.d.ts +4 -3
  124. package/dist/themes/_generator/tests/themes.stories.js +3 -2
  125. package/dist/themes/_generator/tokens/duration/duration.types.d.ts +1 -1
  126. package/dist/themes/_generator/utilities/generateColors.js +6 -6
  127. package/dist/themes/_generator/utilities/resolveTokenReference.js +1 -1
  128. package/dist/themes/figma/theme.css +1 -1
  129. package/dist/themes/reshaped/theme.css +1 -1
  130. package/dist/themes/slate/theme.css +1 -1
  131. package/dist/types/global.d.ts +4 -0
  132. package/dist/utilities/a11y/TrapFocus.js +1 -0
  133. package/dist/utilities/a11y/focus.d.ts +1 -1
  134. package/dist/utilities/a11y/focus.js +4 -1
  135. package/dist/utilities/a11y/tests/TrapFocus.stories.d.ts +6 -0
  136. package/dist/utilities/a11y/tests/TrapFocus.stories.js +59 -0
  137. package/dist/utilities/dom/find.d.ts +9 -0
  138. package/dist/utilities/dom/find.js +26 -0
  139. package/dist/utilities/dom/flyout.d.ts +2 -1
  140. package/dist/utilities/dom/flyout.js +13 -18
  141. package/dist/utilities/dom/index.d.ts +2 -2
  142. package/dist/utilities/dom/index.js +2 -2
  143. package/dist/utilities/scroll/lock.js +6 -2
  144. package/package.json +32 -32
  145. package/dist/styles/align/align.module.css +0 -1
  146. package/dist/styles/aspectRatio/aspectRatio.module.css +0 -1
  147. package/dist/styles/inset/inset.module.css +0 -1
  148. package/dist/styles/justify/justify.module.css +0 -1
  149. package/dist/styles/padding/padding.module.css +0 -1
  150. package/dist/styles/position/position.module.css +0 -1
  151. package/dist/styles/textAlign/textAlign.module.css +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  3.3.0
2
2
 
3
+ - [New component]: ContextMenu
4
+ - Popover, DropdownMenu, Tooltip: originCoordinates
5
+
6
+ - CSS: More readable responsive styles, fallback variables moved inside mq
7
+ - CSS mixins: Reduce the amount of classes used, rely on variables selectors
8
+
3
9
  - TextField: Updated the order of the attachments
4
10
  - trapFocus: Fixed aria-hidden not removing for some of the event handlers combinations
5
11
  - Carousel: Fixed scroll snapping scrolling the carousel back
@@ -11,6 +17,35 @@
11
17
  - Table: row onClick support
12
18
  - Tabs: new navigation controls and fixed auto scrolling edge cases causing the page the scroll
13
19
  - Modal, Overlay: onAfterOpen, onAfterClose
20
+ - View: Inset "auto" support
21
+ - Tabs: Added className and attributes for Tab.Panel
22
+ - Grid: Added attributes.style support for grid and grid.item
23
+ - Resizable: bordered variant
24
+ - TextField: support for clickable affixes
25
+ - Flyout: overflow auto detection for rendering inside a container
26
+ - keyboardMode: prevent focus ring from appearing when using mouse but closing with esc
27
+ - ScrollArea: Fixed dynamic content resizing
28
+ - trapFocus: Added contenteditable support + elements with custom keydown events
29
+ - trapFocus: Added correct handling for focusable html tags with tabIndex=-1
30
+ - Flyout: Updated outside click handlers to only trigger when it's active
31
+ - DropdownMenu.SubTrigger: Added all DropdownMenu.Item props support
32
+ - ScrollArea: handled onScroll x, y values
33
+ - Autocomplete: Added data support
34
+
35
+ Theming related:
36
+
37
+ - Added --rs-duration-rapid
38
+ - Updated border neutral faded
39
+ - Updated bg neutral faded to be semi transparent
40
+ - Updated border faded colors to be more prominent
41
+ - Badge: Updated outline border colors
42
+ - Button: Aligned ghost buttons padding with other variants
43
+ - Button: Added neutral faded color
44
+ - Button: Updated outline buttons to use faded border colors
45
+ - Tabs: elevated pills
46
+ - Table: Switched highlighted cells to use neutral-faded bg
47
+ - Flyout: Speed up the open duration and use rapid for the close duration
48
+ - Modal: Speed up open/close transitions
14
49
 
15
50
  Documentation
16
51