reshaped 3.2.0-canary.5 → 3.2.0-canary.7

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 +26 -1
  2. package/dist/bundle.css +1 -1
  3. package/dist/bundle.d.ts +2 -0
  4. package/dist/bundle.js +16 -16
  5. package/dist/cjs/constants/breakpoints.d.ts +6 -0
  6. package/dist/cjs/constants/breakpoints.js +7 -0
  7. package/dist/cjs/themes/_generator/definitions/reshaped.js +8 -4
  8. package/dist/cjs/themes/_generator/tokens/viewport/viewport.transforms.js +10 -1
  9. package/dist/cjs/themes/figma/theme.css +1 -1
  10. package/dist/cjs/themes/reshaped/theme.css +1 -1
  11. package/dist/cjs/themes/slate/theme.css +1 -1
  12. package/dist/components/Actionable/Actionable.d.ts +1 -1
  13. package/dist/components/Actionable/Actionable.module.css +1 -1
  14. package/dist/components/Autocomplete/Autocomplete.js +2 -2
  15. package/dist/components/Button/Button.js +1 -1
  16. package/dist/components/Button/Button.module.css +1 -1
  17. package/dist/components/Card/Card.d.ts +1 -1
  18. package/dist/components/Card/Card.module.css +1 -1
  19. package/dist/components/Card/tests/Card.stories.d.ts +1 -1
  20. package/dist/components/Checkbox/Checkbox.module.css +1 -1
  21. package/dist/components/Divider/Divider.js +4 -3
  22. package/dist/components/Divider/Divider.module.css +1 -1
  23. package/dist/components/Divider/Divider.types.d.ts +3 -0
  24. package/dist/components/Divider/tests/Divider.stories.d.ts +1 -0
  25. package/dist/components/Divider/tests/Divider.stories.js +21 -0
  26. package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  27. package/dist/components/FormControl/FormControl.context.d.ts +2 -1
  28. package/dist/components/Grid/Grid.d.ts +6 -0
  29. package/dist/components/Grid/Grid.js +46 -0
  30. package/dist/components/Grid/Grid.module.css +1 -0
  31. package/dist/components/Grid/Grid.types.d.ts +31 -0
  32. package/dist/components/Grid/Grid.types.js +1 -0
  33. package/dist/components/Grid/index.d.ts +2 -0
  34. package/dist/components/Grid/index.js +1 -0
  35. package/dist/components/Grid/tests/Grid.stories.d.ts +18 -0
  36. package/dist/components/Grid/tests/Grid.stories.js +170 -0
  37. package/dist/components/Icon/Icon.module.css +1 -1
  38. package/dist/components/Link/Link.d.ts +1 -1
  39. package/dist/components/Link/tests/Link.stories.d.ts +1 -1
  40. package/dist/components/Loader/Loader.module.css +1 -1
  41. package/dist/components/Loader/Loader.types.d.ts +1 -1
  42. package/dist/components/Loader/tests/Loader.stories.js +5 -3
  43. package/dist/components/Modal/Modal.js +7 -4
  44. package/dist/components/Modal/Modal.module.css +1 -1
  45. package/dist/components/Modal/Modal.types.d.ts +1 -1
  46. package/dist/components/Modal/tests/Modal.stories.d.ts +1 -0
  47. package/dist/components/Modal/tests/Modal.stories.js +28 -1
  48. package/dist/components/Overlay/Overlay.js +45 -27
  49. package/dist/components/Overlay/Overlay.module.css +1 -1
  50. package/dist/components/Overlay/Overlay.types.d.ts +1 -0
  51. package/dist/components/Overlay/tests/Overlay.stories.js +1 -1
  52. package/dist/components/Popover/Popover.js +2 -4
  53. package/dist/components/Popover/Popover.types.d.ts +1 -1
  54. package/dist/components/Radio/Radio.module.css +1 -1
  55. package/dist/components/Resizable/Resizable.module.css +1 -1
  56. package/dist/components/ScrollArea/ScrollArea.js +1 -1
  57. package/dist/components/Slider/Slider.module.css +1 -1
  58. package/dist/components/Slider/SliderControlled.js +2 -1
  59. package/dist/components/Switch/Switch.module.css +1 -1
  60. package/dist/components/Tabs/Tabs.d.ts +1 -1
  61. package/dist/components/Tabs/Tabs.module.css +1 -1
  62. package/dist/components/Tabs/TabsContext.d.ts +1 -1
  63. package/dist/components/Tabs/TabsItem.d.ts +1 -1
  64. package/dist/components/Tabs/TabsItem.js +2 -3
  65. package/dist/components/Tabs/TabsList.js +1 -1
  66. package/dist/components/Tabs/tests/Tabs.stories.d.ts +15 -13
  67. package/dist/components/Tabs/tests/Tabs.stories.js +71 -8
  68. package/dist/components/TextField/TextField.js +5 -1
  69. package/dist/components/TextField/TextField.module.css +1 -1
  70. package/dist/components/TextField/tests/TextField.stories.js +4 -0
  71. package/dist/components/Toast/ToastContainer.js +1 -2
  72. package/dist/components/Toast/ToastRegion.js +1 -1
  73. package/dist/components/Tooltip/Tooltip.js +1 -1
  74. package/dist/components/View/View.js +7 -3
  75. package/dist/components/View/View.module.css +1 -1
  76. package/dist/components/View/View.types.d.ts +2 -2
  77. package/dist/components/_private/Expandable/Expandable.js +9 -5
  78. package/dist/components/_private/Flyout/Flyout.module.css +1 -1
  79. package/dist/components/_private/Flyout/Flyout.types.d.ts +12 -3
  80. package/dist/components/_private/Flyout/FlyoutContent.js +1 -1
  81. package/dist/components/_private/Flyout/FlyoutControlled.js +34 -21
  82. package/dist/components/_private/Flyout/tests/Flyout.stories.d.ts +3 -1
  83. package/dist/components/_private/Flyout/tests/Flyout.stories.js +54 -32
  84. package/dist/components/_private/Flyout/useFlyout.d.ts +2 -1
  85. package/dist/components/_private/Flyout/useFlyout.js +45 -55
  86. package/dist/components/_private/Flyout/utilities/calculatePosition.js +16 -11
  87. package/dist/components/_private/Flyout/utilities/cooldown.d.ts +1 -1
  88. package/dist/components/_private/Flyout/utilities/cooldown.js +17 -5
  89. package/dist/components/_private/Flyout/utilities/getPositionFallbacks.d.ts +3 -0
  90. package/dist/components/_private/Flyout/utilities/getPositionFallbacks.js +39 -0
  91. package/dist/components/_private/Portal/Portal.js +3 -3
  92. package/dist/config/tailwind.d.ts +1 -1
  93. package/dist/constants/breakpoints.d.ts +6 -0
  94. package/dist/constants/breakpoints.js +5 -0
  95. package/dist/hooks/_private/useIsDismissible.js +7 -14
  96. package/dist/hooks/_private/useSingletonHotkeys.js +5 -3
  97. package/dist/hooks/_private/useSingletonKeyboardMode.js +1 -1
  98. package/dist/hooks/tests/useHotkeys.stories.js +3 -0
  99. package/dist/hooks/tests/useResponsiveClientValue.stories.d.ts +1 -2
  100. package/dist/hooks/tests/useResponsiveClientValue.stories.js +1 -2
  101. package/dist/hooks/useDrag.js +2 -1
  102. package/dist/hooks/useResponsiveClientValue.js +22 -11
  103. package/dist/hooks/useScrollLock.d.ts +4 -1
  104. package/dist/hooks/useScrollLock.js +14 -40
  105. package/dist/index.d.ts +2 -0
  106. package/dist/index.js +1 -0
  107. package/dist/styles/align/align.module.css +1 -0
  108. package/dist/styles/align/index.d.ts +3 -0
  109. package/dist/styles/align/index.js +10 -0
  110. package/dist/styles/justify/index.d.ts +3 -0
  111. package/dist/styles/justify/index.js +10 -0
  112. package/dist/styles/justify/justify.module.css +1 -0
  113. package/dist/styles/types.d.ts +2 -0
  114. package/dist/themes/_generator/definitions/reshaped.js +5 -4
  115. package/dist/themes/_generator/tokens/viewport/viewport.transforms.js +10 -1
  116. package/dist/themes/figma/theme.css +1 -1
  117. package/dist/themes/reshaped/theme.css +1 -1
  118. package/dist/themes/slate/theme.css +1 -1
  119. package/dist/utilities/a11y/TrapFocus.d.ts +1 -1
  120. package/dist/utilities/a11y/TrapFocus.js +1 -1
  121. package/dist/utilities/a11y/focus.js +1 -1
  122. package/dist/utilities/a11y/index.d.ts +4 -0
  123. package/dist/utilities/a11y/index.js +3 -0
  124. package/dist/utilities/css.d.ts +7 -0
  125. package/dist/utilities/css.js +18 -0
  126. package/dist/utilities/dom/flyout.d.ts +1 -0
  127. package/dist/utilities/{dom.js → dom/flyout.js} +1 -19
  128. package/dist/utilities/dom/index.d.ts +3 -0
  129. package/dist/utilities/dom/index.js +3 -0
  130. package/dist/utilities/dom/shadowDom.d.ts +1 -0
  131. package/dist/utilities/dom/shadowDom.js +4 -0
  132. package/dist/utilities/dom/userSelect.d.ts +2 -0
  133. package/dist/utilities/dom/userSelect.js +6 -0
  134. package/dist/utilities/platform.d.ts +1 -0
  135. package/dist/utilities/platform.js +15 -0
  136. package/dist/utilities/scroll/disable.d.ts +7 -0
  137. package/dist/utilities/scroll/disable.js +13 -0
  138. package/dist/utilities/scroll/helpers.d.ts +1 -0
  139. package/dist/utilities/scroll/helpers.js +17 -0
  140. package/dist/utilities/scroll/index.d.ts +2 -0
  141. package/dist/utilities/scroll/index.js +2 -0
  142. package/dist/utilities/scroll/lock.d.ts +5 -0
  143. package/dist/utilities/scroll/lock.js +24 -0
  144. package/dist/utilities/scroll/lockSafari.d.ts +2 -0
  145. package/dist/utilities/scroll/lockSafari.js +21 -0
  146. package/dist/utilities/scroll/lockStandard.d.ts +2 -0
  147. package/dist/utilities/scroll/lockStandard.js +17 -0
  148. package/dist/utilities/storybook/Placeholder.d.ts +1 -0
  149. package/dist/utilities/storybook/Placeholder.js +2 -2
  150. package/package.json +47 -50
  151. package/dist/utilities/dom.d.ts +0 -6
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "reshaped",
3
3
  "description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
4
- "version": "3.2.0-canary.5",
4
+ "version": "3.2.0-canary.7",
5
5
  "license": "MIT",
6
6
  "email": "hello@reshaped.so",
7
7
  "homepage": "https://reshaped.so",
@@ -93,66 +93,65 @@
93
93
  "defaults and not IE 11"
94
94
  ],
95
95
  "devDependencies": {
96
- "@commitlint/cli": "19.4.0",
97
- "@commitlint/config-conventional": "19.2.2",
98
- "@commitlint/types": "19.0.3",
99
- "@eslint/js": "^9.9.0",
100
- "@size-limit/preset-big-lib": "11.1.4",
101
- "@storybook/addon-a11y": "8.2.8",
102
- "@storybook/addon-controls": "8.2.8",
103
- "@storybook/addon-docs": "8.2.8",
104
- "@storybook/addon-storysource": "8.2.8",
105
- "@storybook/react": "8.2.8",
106
- "@storybook/react-vite": "8.2.8",
96
+ "@commitlint/cli": "19.5.0",
97
+ "@commitlint/config-conventional": "19.5.0",
98
+ "@commitlint/types": "19.5.0",
99
+ "@eslint/js": "9.13.0",
100
+ "@size-limit/preset-big-lib": "11.1.6",
101
+ "@storybook/addon-a11y": "8.3.6",
102
+ "@storybook/addon-controls": "8.3.6",
103
+ "@storybook/addon-docs": "8.3.6",
104
+ "@storybook/addon-storysource": "8.3.6",
105
+ "@storybook/react": "8.3.6",
106
+ "@storybook/react-vite": "8.3.6",
107
107
  "@testing-library/dom": "10.4.0",
108
- "@testing-library/jest-dom": "6.4.8",
109
- "@testing-library/react": "16.0.0",
108
+ "@testing-library/jest-dom": "6.6.2",
109
+ "@testing-library/react": "16.0.1",
110
110
  "@testing-library/user-event": "14.5.2",
111
111
  "@types/culori": "2.1.1",
112
112
  "@types/events": "3.0.3",
113
- "@types/jest": "29.5.12",
114
- "@types/node": "22.2.0",
115
- "@types/react": "18.3.3",
116
- "@types/react-dom": "18.3.0",
117
- "@typescript-eslint/eslint-plugin": "7.6.0",
118
- "@typescript-eslint/parser": "7.6.0",
119
- "@vitejs/plugin-react": "4.3.1",
120
- "chromatic": "11.7.0",
113
+ "@types/jest": "29.5.13",
114
+ "@types/node": "22.7.7",
115
+ "@types/react": "18.3.11",
116
+ "@types/react-dom": "18.3.1",
117
+ "@typescript-eslint/eslint-plugin": "7.18.0",
118
+ "@typescript-eslint/parser": "7.18.0",
119
+ "@vitejs/plugin-react": "4.3.3",
120
+ "chromatic": "11.12.6",
121
121
  "cz-conventional-changelog": "3.3.0",
122
- "eslint": "8.56.0",
123
- "eslint-config-airbnb-typescript": "17.1.0",
122
+ "eslint": "8.57.1",
124
123
  "eslint-config-prettier": "9.1.0",
125
- "eslint-plugin-import": "2.29.1",
126
- "eslint-plugin-jsx-a11y": "6.9.0",
127
- "eslint-plugin-prettier": "5.1.3",
128
- "eslint-plugin-react": "7.33.2",
129
- "eslint-plugin-react-hooks": "4.6.0",
130
- "globals": "^15.9.0",
124
+ "eslint-plugin-import": "2.31.0",
125
+ "eslint-plugin-jsx-a11y": "6.10.0",
126
+ "eslint-plugin-prettier": "5.2.1",
127
+ "eslint-plugin-react": "7.37.1",
128
+ "eslint-plugin-react-hooks": "5.0.0",
129
+ "globals": "15.11.0",
131
130
  "identity-obj-proxy": "3.0.0",
132
131
  "jest": "29.7.0",
133
132
  "jest-environment-jsdom": "29.7.0",
134
133
  "jest-matchmedia-mock": "1.1.0",
135
- "lefthook": "1.7.12",
136
- "postcss": "8.4.41",
134
+ "lefthook": "1.7.22",
135
+ "postcss": "8.4.47",
137
136
  "postcss-cli": "11.0.0",
138
137
  "postcss-each": "1.1.0",
139
138
  "postcss-nested": "6.2.0",
140
139
  "prettier": "3.3.3",
141
- "react": "19.0.0-rc-e4953922-20240919",
142
- "react-dom": "19.0.0-rc-e4953922-20240919",
143
- "react-shadow": "^20.5.0",
144
- "resolve-tspaths": "0.8.19",
145
- "size-limit": "11.1.4",
146
- "storybook": "8.2.8",
147
- "stylelint": "16.8.1",
140
+ "react": "18.3.1",
141
+ "react-dom": "18.3.1",
142
+ "react-shadow": "20.5.0",
143
+ "resolve-tspaths": "0.8.22",
144
+ "size-limit": "11.1.6",
145
+ "storybook": "8.3.6",
146
+ "stylelint": "16.10.0",
148
147
  "stylelint-config-prettier": "9.0.5",
149
148
  "stylelint-config-standard": "36.0.1",
150
- "ts-jest": "29.2.4",
149
+ "ts-jest": "29.2.5",
151
150
  "ts-node": "10.9.2",
152
- "typescript": "5.5.4",
153
- "typescript-eslint": "^8.0.1",
154
- "vite": "5.4.0",
155
- "vite-tsconfig-paths": "4.3.2"
151
+ "typescript": "5.6.3",
152
+ "typescript-eslint": "8.10.0",
153
+ "vite": "5.4.9",
154
+ "vite-tsconfig-paths": "5.0.1"
156
155
  },
157
156
  "peerDependencies": {
158
157
  "postcss": "^8",
@@ -162,13 +161,11 @@
162
161
  "dependencies": {
163
162
  "@csstools/postcss-global-data": "3.0.0",
164
163
  "chalk": "4.1.2",
165
- "commander": "11.1.0",
166
- "cssnano": "7.0.5",
164
+ "commander": "12.1.0",
165
+ "cssnano": "7.0.6",
166
+ "csstype": "^3.1.3",
167
167
  "culori": "4.0.1",
168
- "postcss-custom-media": "11.0.0"
169
- },
170
- "resolutions": {
171
- "jackspeak": "2.1.1"
168
+ "postcss-custom-media": "11.0.3"
172
169
  },
173
170
  "size-limit": [
174
171
  {
package/dist/utilities/dom.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export declare const getClosestFlyoutTarget: (el: HTMLElement | null, iteration?: number) => HTMLElement;
2
- export declare const disableUserSelect: () => void;
3
- export declare const enableUserSelect: () => void;
4
- export declare const disableScroll: () => void;
5
- export declare const enableScroll: () => void;
6
- export declare const getShadowRoot: (el: HTMLElement | null) => ShadowRoot | null;