reshaped 3.8.0-canary.8 → 3.8.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 (104) hide show
  1. package/dist/bundle.css +1 -1
  2. package/dist/bundle.d.ts +2 -1
  3. package/dist/bundle.js +9 -9
  4. package/dist/components/Accordion/AccordionControlled.js +1 -0
  5. package/dist/components/Actionable/Actionable.js +1 -0
  6. package/dist/components/Badge/Badge.js +2 -2
  7. package/dist/components/Badge/Badge.module.css +1 -1
  8. package/dist/components/Badge/Badge.types.d.ts +2 -0
  9. package/dist/components/Badge/tests/Badge.stories.d.ts +4 -0
  10. package/dist/components/Badge/tests/Badge.stories.js +10 -0
  11. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -0
  12. package/dist/components/Button/Button.module.css +1 -1
  13. package/dist/components/Button/tests/Button.stories.js +1 -1
  14. package/dist/components/Calendar/CalendarMonth.js +1 -0
  15. package/dist/components/Carousel/Carousel.js +1 -0
  16. package/dist/components/DropdownMenu/tests/DropdownMenu.stories.d.ts +1 -1
  17. package/dist/components/DropdownMenu/tests/DropdownMenu.stories.js +21 -4
  18. package/dist/components/Flyout/FlyoutContent.js +3 -0
  19. package/dist/components/Flyout/FlyoutControlled.js +6 -1
  20. package/dist/components/Flyout/index.d.ts +1 -1
  21. package/dist/components/FormControl/FormControl.context.d.ts +1 -1
  22. package/dist/components/Hidden/Hidden.js +1 -2
  23. package/dist/components/Modal/tests/Modal.stories.d.ts +3 -7
  24. package/dist/components/Modal/tests/Modal.stories.js +5 -22
  25. package/dist/components/NumberField/NumberFieldControlled.js +22 -22
  26. package/dist/components/Overlay/Overlay.js +1 -0
  27. package/dist/components/Resizable/Resizable.js +3 -4
  28. package/dist/components/Select/Select.js +1 -0
  29. package/dist/components/Select/SelectCustomControlled.js +7 -3
  30. package/dist/components/Select/SelectOption.js +0 -2
  31. package/dist/components/Select/SelectOptionGroup.js +0 -2
  32. package/dist/components/Table/Table.js +5 -6
  33. package/dist/components/Tabs/Tabs.module.css +1 -1
  34. package/dist/components/Tabs/TabsControlled.js +1 -0
  35. package/dist/components/Tabs/TabsItem.js +1 -1
  36. package/dist/components/Tabs/TabsList.js +3 -20
  37. package/dist/components/Text/Text.module.css +1 -1
  38. package/dist/components/TextField/TextField.js +10 -2
  39. package/dist/components/TextField/TextField.module.css +1 -1
  40. package/dist/components/TextField/TextField.types.d.ts +5 -1
  41. package/dist/components/TextField/tests/TextField.stories.js +11 -5
  42. package/dist/components/Timeline/Timeline.js +3 -4
  43. package/dist/components/Toast/ToastContainer.js +1 -0
  44. package/dist/components/Toast/ToastRegion.js +1 -0
  45. package/dist/components/Toast/tests/Toast.stories.js +5 -3
  46. package/dist/components/ToggleButton/ToggleButton.types.d.ts +5 -1
  47. package/dist/components/ToggleButton/ToggleButtonControlled.js +9 -2
  48. package/dist/components/ToggleButton/tests/ToggleButton.stories.d.ts +4 -0
  49. package/dist/components/ToggleButton/tests/ToggleButton.stories.js +10 -0
  50. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.types.d.ts +10 -0
  51. package/dist/components/ToggleButtonGroup/ToggleButtonGroupControlled.js +6 -41
  52. package/dist/components/ToggleButtonGroup/tests/ToggleButtonGroup.stories.d.ts +1 -0
  53. package/dist/components/ToggleButtonGroup/tests/ToggleButtonGroup.stories.js +17 -0
  54. package/dist/components/Tooltip/Tooltip.js +1 -1
  55. package/dist/components/Tooltip/Tooltip.types.d.ts +2 -2
  56. package/dist/components/View/View.js +12 -7
  57. package/dist/components/View/View.types.d.ts +1 -1
  58. package/dist/components/_private/Expandable/Expandable.js +3 -1
  59. package/dist/components/_private/Portal/Portal.js +4 -1
  60. package/dist/hooks/_private/usePrevious.js +1 -0
  61. package/dist/hooks/tests/useKeyboardArrowNavigation.stories.d.ts +15 -0
  62. package/dist/hooks/tests/useKeyboardArrowNavigation.stories.js +128 -0
  63. package/dist/hooks/useKeyboardArrowNavigation.d.ts +9 -0
  64. package/dist/hooks/useKeyboardArrowNavigation.js +62 -0
  65. package/dist/hooks/useOnClickOutside.js +0 -2
  66. package/dist/hooks/useScrollLock.js +5 -3
  67. package/dist/index.d.ts +2 -1
  68. package/dist/index.js +1 -0
  69. package/dist/styles/resolvers/align/align.css +1 -1
  70. package/dist/styles/resolvers/aspectRatio/aspectRatio.css +1 -1
  71. package/dist/styles/resolvers/bleed/bleed.module.css +1 -1
  72. package/dist/styles/resolvers/justify/justify.css +1 -1
  73. package/dist/styles/resolvers/maxHeight/maxHeight.module.css +1 -1
  74. package/dist/styles/resolvers/maxWidth/maxWidth.module.css +1 -1
  75. package/dist/styles/resolvers/minHeight/minHeight.module.css +1 -1
  76. package/dist/styles/resolvers/minWidth/minWidth.module.css +1 -1
  77. package/dist/styles/resolvers/position/position.css +1 -1
  78. package/dist/styles/resolvers/textAlign/textAlign.css +1 -1
  79. package/dist/styles/resolvers/width/width.module.css +1 -1
  80. package/dist/utilities/a11y/focus.d.ts +21 -4
  81. package/dist/utilities/a11y/focus.js +4 -3
  82. package/dist/utilities/props.d.ts +0 -3
  83. package/dist/utilities/props.js +0 -19
  84. package/dist/utilities/scroll/index.d.ts +1 -1
  85. package/dist/utilities/scroll/index.js +1 -1
  86. package/dist/utilities/scroll/lock.d.ts +1 -2
  87. package/dist/utilities/scroll/lock.js +14 -15
  88. package/package.json +195 -201
  89. package/CHANGELOG-extra.md +0 -3
  90. package/CHANGELOG.md +0 -114
  91. package/dist/components/DropdownMenu/tests/DropdownMenu.test.stories.d.ts +0 -21
  92. package/dist/components/DropdownMenu/tests/DropdownMenu.test.stories.js +0 -11
  93. package/dist/components/Link/tests/Link.test.stories.d.ts +0 -17
  94. package/dist/components/Link/tests/Link.test.stories.js +0 -11
  95. package/dist/components/Loader/tests/Loader.test.stories.d.ts +0 -13
  96. package/dist/components/Loader/tests/Loader.test.stories.js +0 -11
  97. package/dist/components/Table/tests/Table.test.stories.d.ts +0 -19
  98. package/dist/components/Table/tests/Table.test.stories.js +0 -11
  99. package/dist/components/TextField/tests/TextField.test.stories.d.ts +0 -15
  100. package/dist/components/TextField/tests/TextField.test.stories.js +0 -11
  101. package/dist/components/Timeline/tests/Timeline.test.stories.d.ts +0 -15
  102. package/dist/components/Timeline/tests/Timeline.test.stories.js +0 -11
  103. package/dist/components/Tooltip/tests/Tooltip.test.stories.d.ts +0 -13
  104. package/dist/components/Tooltip/tests/Tooltip.test.stories.js +0 -11
@@ -3,31 +3,30 @@ import { findClosestScrollableContainer } from "../dom/index.js";
3
3
  import lockSafariScroll from "./lockSafari.js";
4
4
  import lockStandardScroll from "./lockStandard.js";
5
5
  let bodyLockedCount = 0;
6
- let reset = () => { };
7
6
  export const lockScroll = (args) => {
8
- const isIOSLock = isIOS() && !args.containerEl && !args.originEl;
7
+ const isIOSLock = isIOS();
8
+ let reset = () => { };
9
9
  let container = document.body;
10
- if (args.originEl && !isIOSLock) {
10
+ if (args.originEl)
11
11
  container = findClosestScrollableContainer({ el: args.originEl });
12
- }
13
- if (args.containerEl && !isIOSLock)
12
+ if (args.containerEl)
14
13
  container = args.containerEl;
15
- if (container === document.body)
14
+ const lockedBodyScroll = container === document.body;
15
+ if (lockedBodyScroll)
16
16
  bodyLockedCount += 1;
17
- if (bodyLockedCount > 1)
17
+ if (lockedBodyScroll && bodyLockedCount > 1)
18
18
  return;
19
- if (isIOSLock) {
19
+ if (isIOSLock && lockedBodyScroll) {
20
20
  reset = lockSafariScroll();
21
21
  }
22
22
  else {
23
23
  reset = lockStandardScroll({ container });
24
24
  }
25
25
  args.cb?.();
26
- };
27
- export const unlockScroll = (cb) => {
28
- bodyLockedCount -= 1;
29
- if (bodyLockedCount > 0)
30
- return;
31
- reset();
32
- cb?.();
26
+ return (cb) => {
27
+ if (lockedBodyScroll)
28
+ bodyLockedCount -= 1;
29
+ reset();
30
+ cb?.();
31
+ };
33
32
  };
package/package.json CHANGED
@@ -1,202 +1,196 @@
1
1
  {
2
- "name": "reshaped",
3
- "description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
4
- "version": "3.8.0-canary.8",
5
- "license": "MIT",
6
- "email": "hello@reshaped.so",
7
- "homepage": "https://reshaped.so",
8
- "keywords": [
9
- "react",
10
- "ui",
11
- "design-system",
12
- "react-components",
13
- "component-library",
14
- "components",
15
- "css-modules",
16
- "figma",
17
- "ui-kit",
18
- "accessibility",
19
- "accessible"
20
- ],
21
- "repository": {
22
- "type": "git",
23
- "url": "https://github.com/reshaped-ui/reshaped.git"
24
- },
25
- "bugs": {
26
- "url": "https://github.com/reshaped-ui/reshaped/issues"
27
- },
28
- "author": {
29
- "name": "Dmitry Belyaev",
30
- "email": "blv.dmitry@gmail.com",
31
- "url": "https://reshaped.so"
32
- },
33
- "sideEffects": [
34
- "*.css"
35
- ],
36
- "files": [
37
- "bin/cli.js",
38
- "dist/**/*"
39
- ],
40
- "types": "./dist/index.d.ts",
41
- "exports": {
42
- ".": {
43
- "types": "./dist/index.d.ts",
44
- "import": "./dist/index.js"
45
- },
46
- "./themes": {
47
- "types": "./dist/themes/index.d.ts",
48
- "default": "./dist/cjs/themes/index.js"
49
- },
50
- "./config/postcss": {
51
- "types": "./dist/config/postcss.d.ts",
52
- "default": "./dist/cjs/config/postcss.js"
53
- },
54
- "./config/tailwind": {
55
- "types": "./dist/config/tailwind.d.ts",
56
- "default": "./dist/cjs/config/tailwind.js"
57
- },
58
- "./bundle": {
59
- "types": "./dist/bundle.d.ts",
60
- "import": "./dist/bundle.js"
61
- },
62
- "./bundle.css": "./dist/bundle.css",
63
- "./themes/reshaped/*": "./dist/themes/reshaped/*",
64
- "./themes/slate/*": "./dist/themes/slate/*",
65
- "./themes/figma/*": "./dist/themes/figma/*",
66
- "./themes/fragments/twitter/*": "./dist/themes/fragments/twitter/*",
67
- "./package.json": "./package.json"
68
- },
69
- "bin": {
70
- "reshaped": "./bin/cli.js"
71
- },
72
- "scripts": {
73
- "dev": "storybook dev -p 3001 --disable-telemetry",
74
- "clean": "sh ./bin/clean.sh",
75
- "build": "pnpm clean && pnpm build:stories && pnpm build:esm && pnpm build:css && pnpm build:cjs && pnpm build:bundle",
76
- "build:themes": "node bin/cli.js theming --config dist/cjs/cli/theming/reshaped.config.js --output src/themes",
77
- "build:esm": "tsc -p tsconfig.esm.json && resolve-tspaths -p tsconfig.esm.json",
78
- "build:cjs": "tsc -p tsconfig.cjs.json && resolve-tspaths -p tsconfig.cjs.json && node ./bin/format-cjs-build.js",
79
- "build:css": "postcss \"src/**/*.css\" --dir dist --base src --config tools/build",
80
- "build:stories": "tsc -p tsconfig.stories.json && resolve-tspaths -p tsconfig.stories.json",
81
- "build:bundle": "vite build && cp dist/index.d.ts dist/bundle.d.ts",
82
- "build:size": "pnpm clean && pnpm build:esm && pnpm build:bundle",
83
- "build:storybook": "storybook build -o dist/app --disable-telemetry",
84
- "build:chromatic": "STORYBOOK_ENV=chromatic storybook build",
85
- "changelog": "node bin/generate-changelog.js",
86
- "version": "pnpm changelog && git add CHANGELOG.md",
87
- "release": "node bin/release.js",
88
- "release:patch": "node bin/release.js patch",
89
- "release:minor": "node bin/release.js minor",
90
- "release:major": "node bin/release.js major",
91
- "release:lib": "pnpm build && pnpm publish",
92
- "release:canary": "pnpm build && yarn publish --tag canary && git push --follow-tags",
93
- "release:test": "pnpm build && pnpm pack --filename reshaped-test.tgz",
94
- "release:copy": "sh ./bin/release-copy.sh",
95
- "chromatic": "chromatic -b build:chromatic --project-token=$(cat .chromatic)",
96
- "test:vrt": "pnpm chromatic",
97
- "test:vrt:turbo": "pnpm chromatic --only-changed",
98
- "test:browser": "vitest run --project=storybook",
99
- "test:unit": "vitest run --project=unit",
100
- "test:size": "size-limit",
101
- "lint": "pnpm lint:js && pnpm lint:css",
102
- "lint:js": "eslint './src/**/*.{ts,tsx}' --fix",
103
- "lint:css": "stylelint 'src/**/*.css'",
104
- "commit": "git-cz"
105
- },
106
- "browserslist": [
107
- "defaults and not IE 11"
108
- ],
109
- "devDependencies": {
110
- "@commitlint/cli": "19.8.1",
111
- "@commitlint/config-conventional": "19.8.1",
112
- "@commitlint/types": "19.8.1",
113
- "@eslint/js": "9.35.0",
114
- "@size-limit/preset-big-lib": "11.2.0",
115
- "@storybook/addon-a11y": "9.1.5",
116
- "@storybook/addon-docs": "9.1.5",
117
- "@storybook/addon-vitest": "9.1.5",
118
- "@storybook/react": "9.1.5",
119
- "@storybook/react-vite": "9.1.5",
120
- "@testing-library/user-event": "14.6.1",
121
- "@types/culori": "4.0.1",
122
- "@types/events": "3.0.3",
123
- "@types/node": "24.3.3",
124
- "@types/react": "19.1.13",
125
- "@types/react-dom": "19.1.9",
126
- "@vitejs/plugin-react": "4.6.0",
127
- "@vitest/browser": "3.2.4",
128
- "@vitest/coverage-istanbul": "3.2.4",
129
- "@vitest/coverage-v8": "3.2.4",
130
- "chromatic": "13.1.4",
131
- "conventional-changelog-cli": "5.0.0",
132
- "cz-conventional-changelog": "3.3.0",
133
- "eslint": "9.35.0",
134
- "eslint-config-prettier": "10.1.8",
135
- "eslint-plugin-jsx-a11y": "6.10.2",
136
- "eslint-plugin-prettier": "5.5.4",
137
- "eslint-plugin-react": "7.37.5",
138
- "eslint-plugin-react-hooks": "5.2.0",
139
- "lefthook": "1.13.0",
140
- "playwright": "1.55.0",
141
- "postcss": "8.5.6",
142
- "postcss-cli": "11.0.1",
143
- "postcss-each": "1.1.0",
144
- "postcss-nested": "7.0.2",
145
- "prettier": "3.6.2",
146
- "react": "18",
147
- "react-dom": "18",
148
- "react-shadow": "20.6.0",
149
- "resolve-tspaths": "0.8.23",
150
- "size-limit": "11.2.0",
151
- "storybook": "9.1.5",
152
- "stylelint": "16.24.0",
153
- "stylelint-config-prettier": "9.0.5",
154
- "stylelint-config-standard": "39.0.0",
155
- "ts-node": "10.9.2",
156
- "typescript": "5.9.2",
157
- "typescript-eslint": "8.43.0",
158
- "vite": "7.1.5",
159
- "vite-tsconfig-paths": "5.1.4",
160
- "vitest": "3.2.4",
161
- "vitest-browser-react": "1.0.1"
162
- },
163
- "peerDependencies": {
164
- "postcss": "^8",
165
- "react": "^18 || ^19",
166
- "react-dom": "^18 || ^19"
167
- },
168
- "dependencies": {
169
- "@csstools/postcss-global-data": "3.1.0",
170
- "chalk": "4.1.2",
171
- "commander": "14.0.1",
172
- "cssnano": "7.1.1",
173
- "csstype": "3.1.3",
174
- "culori": "4.0.2",
175
- "postcss-custom-media": "11.0.6"
176
- },
177
- "size-limit": [
178
- {
179
- "name": "Library / JS",
180
- "path": "dist/bundle.js",
181
- "webpack": false
182
- },
183
- {
184
- "name": "Library / CSS",
185
- "path": "dist/bundle.css",
186
- "webpack": false
187
- },
188
- {
189
- "name": "Theming / JS",
190
- "path": "dist/tests/themingWithoutDefinition.js",
191
- "webpack": true
192
- },
193
- {
194
- "name": "Theming with a default theme definition / JS",
195
- "path": "dist/tests/themingWithDefinition.js",
196
- "webpack": true
197
- }
198
- ],
199
- "engines": {
200
- "node": ">=22"
201
- }
202
- }
2
+ "name": "reshaped",
3
+ "description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
4
+ "version": "3.8.0",
5
+ "license": "MIT",
6
+ "email": "hello@reshaped.so",
7
+ "homepage": "https://reshaped.so",
8
+ "keywords": [
9
+ "react",
10
+ "ui",
11
+ "design-system",
12
+ "react-components",
13
+ "component-library",
14
+ "components",
15
+ "css-modules",
16
+ "figma",
17
+ "ui-kit",
18
+ "accessibility",
19
+ "accessible"
20
+ ],
21
+ "repository": {
22
+ "type": "git",
23
+ "url": "https://github.com/reshaped-ui/reshaped.git"
24
+ },
25
+ "bugs": {
26
+ "url": "https://github.com/reshaped-ui/reshaped/issues"
27
+ },
28
+ "author": {
29
+ "name": "Dmitry Belyaev",
30
+ "email": "blv.dmitry@gmail.com",
31
+ "url": "https://reshaped.so"
32
+ },
33
+ "sideEffects": [
34
+ "*.css"
35
+ ],
36
+ "files": [
37
+ "bin/cli.js",
38
+ "dist/**/*"
39
+ ],
40
+ "types": "./dist/index.d.ts",
41
+ "exports": {
42
+ ".": {
43
+ "types": "./dist/index.d.ts",
44
+ "import": "./dist/index.js"
45
+ },
46
+ "./themes": {
47
+ "types": "./dist/themes/index.d.ts",
48
+ "default": "./dist/cjs/themes/index.js"
49
+ },
50
+ "./config/postcss": {
51
+ "types": "./dist/config/postcss.d.ts",
52
+ "default": "./dist/cjs/config/postcss.js"
53
+ },
54
+ "./config/tailwind": {
55
+ "types": "./dist/config/tailwind.d.ts",
56
+ "default": "./dist/cjs/config/tailwind.js"
57
+ },
58
+ "./bundle": {
59
+ "types": "./dist/bundle.d.ts",
60
+ "import": "./dist/bundle.js"
61
+ },
62
+ "./bundle.css": "./dist/bundle.css",
63
+ "./themes/reshaped/*": "./dist/themes/reshaped/*",
64
+ "./themes/slate/*": "./dist/themes/slate/*",
65
+ "./themes/figma/*": "./dist/themes/figma/*",
66
+ "./themes/fragments/twitter/*": "./dist/themes/fragments/twitter/*",
67
+ "./package.json": "./package.json"
68
+ },
69
+ "bin": {
70
+ "reshaped": "./bin/cli.js"
71
+ },
72
+ "browserslist": [
73
+ "defaults and not IE 11"
74
+ ],
75
+ "devDependencies": {
76
+ "@changesets/cli": "2.27.8",
77
+ "@commitlint/cli": "19.8.1",
78
+ "@commitlint/config-conventional": "19.8.1",
79
+ "@commitlint/types": "19.8.1",
80
+ "@eslint/js": "9.37.0",
81
+ "@size-limit/preset-big-lib": "11.2.0",
82
+ "@storybook/addon-a11y": "9.1.10",
83
+ "@storybook/addon-docs": "9.1.10",
84
+ "@storybook/addon-vitest": "9.1.10",
85
+ "@storybook/react": "9.1.10",
86
+ "@storybook/react-vite": "9.1.10",
87
+ "@testing-library/user-event": "14.6.1",
88
+ "@types/culori": "4.0.1",
89
+ "@types/events": "3.0.3",
90
+ "@types/node": "24.7.0",
91
+ "@types/react": "19.2.1",
92
+ "@types/react-dom": "19.2.0",
93
+ "@vitejs/plugin-react": "4.6.0",
94
+ "@vitest/browser": "3.2.4",
95
+ "@vitest/coverage-istanbul": "3.2.4",
96
+ "@vitest/coverage-v8": "3.2.4",
97
+ "chromatic": "13.3.0",
98
+ "eslint": "9.37.0",
99
+ "eslint-config-prettier": "10.1.8",
100
+ "eslint-plugin-jsx-a11y": "6.10.2",
101
+ "eslint-plugin-prettier": "5.5.4",
102
+ "eslint-plugin-react": "7.37.5",
103
+ "eslint-plugin-react-hooks": "6.1.1",
104
+ "lefthook": "1.13.6",
105
+ "playwright": "1.56.0",
106
+ "postcss": "8.5.6",
107
+ "postcss-cli": "11.0.1",
108
+ "postcss-each": "1.1.0",
109
+ "postcss-nested": "7.0.2",
110
+ "prettier": "3.6.2",
111
+ "react": "18",
112
+ "react-dom": "18",
113
+ "react-shadow": "20.6.0",
114
+ "resolve-tspaths": "0.8.23",
115
+ "size-limit": "11.2.0",
116
+ "storybook": "9.1.10",
117
+ "stylelint": "16.25.0",
118
+ "stylelint-config-prettier": "9.0.5",
119
+ "stylelint-config-standard": "39.0.1",
120
+ "ts-node": "10.9.2",
121
+ "typescript": "5.9.3",
122
+ "typescript-eslint": "8.46.0",
123
+ "vite": "7.1.9",
124
+ "vite-tsconfig-paths": "5.1.4",
125
+ "vitest": "3.2.4",
126
+ "vitest-browser-react": "1.0.1"
127
+ },
128
+ "peerDependencies": {
129
+ "postcss": "^8",
130
+ "react": "^18 || ^19",
131
+ "react-dom": "^18 || ^19"
132
+ },
133
+ "dependencies": {
134
+ "@changesets/changelog-github": "0.5.1",
135
+ "@csstools/postcss-global-data": "3.1.0",
136
+ "chalk": "4.1.2",
137
+ "commander": "14.0.1",
138
+ "cssnano": "7.1.1",
139
+ "csstype": "3.1.3",
140
+ "culori": "4.0.2",
141
+ "postcss-custom-media": "11.0.6"
142
+ },
143
+ "size-limit": [
144
+ {
145
+ "name": "Library / JS",
146
+ "path": "dist/bundle.js",
147
+ "webpack": false
148
+ },
149
+ {
150
+ "name": "Library / CSS",
151
+ "path": "dist/bundle.css",
152
+ "webpack": false
153
+ },
154
+ {
155
+ "name": "Theming / JS",
156
+ "path": "dist/tests/themingWithoutDefinition.js",
157
+ "webpack": true
158
+ },
159
+ {
160
+ "name": "Theming with a default theme definition / JS",
161
+ "path": "dist/tests/themingWithDefinition.js",
162
+ "webpack": true
163
+ }
164
+ ],
165
+ "engines": {
166
+ "node": ">=22"
167
+ },
168
+ "scripts": {
169
+ "dev": "storybook dev -p 3001 --disable-telemetry",
170
+ "clean": "sh ./bin/clean.sh",
171
+ "commit": "git-cz",
172
+ "changeset": "changeset",
173
+ "build": "pnpm clean && pnpm build:stories && pnpm build:esm && pnpm build:css && pnpm build:cjs && pnpm build:bundle",
174
+ "build:themes": "node bin/cli.js theming --config dist/cjs/cli/theming/reshaped.config.js --output src/themes",
175
+ "build:esm": "tsc -p tsconfig.esm.json && resolve-tspaths -p tsconfig.esm.json",
176
+ "build:cjs": "tsc -p tsconfig.cjs.json && resolve-tspaths -p tsconfig.cjs.json && node ./bin/format-cjs-build.js",
177
+ "build:css": "postcss \"src/**/*.css\" --dir dist --base src --config tools/build",
178
+ "build:stories": "tsc -p tsconfig.stories.json && resolve-tspaths -p tsconfig.stories.json",
179
+ "build:bundle": "vite build && cp dist/index.d.ts dist/bundle.d.ts",
180
+ "build:size": "pnpm clean && pnpm build:esm && pnpm build:bundle",
181
+ "build:storybook": "storybook build -o dist/app --disable-telemetry",
182
+ "build:chromatic": "STORYBOOK_ENV=chromatic storybook build",
183
+ "release": "sh ./bin/release.sh",
184
+ "release:canary": "sh ./bin/release-canary.sh",
185
+ "release:local": "pnpm build && pnpm pack --out reshaped-local.tgz",
186
+ "chromatic": "chromatic -b build:chromatic --project-token=$(cat .chromatic)",
187
+ "test:vrt": "pnpm chromatic",
188
+ "test:vrt:turbo": "pnpm chromatic --only-changed",
189
+ "test:browser": "vitest run --project=storybook",
190
+ "test:unit": "vitest run --project=unit",
191
+ "test:size": "size-limit",
192
+ "lint": "pnpm lint:js && pnpm lint:css",
193
+ "lint:js": "eslint './src/**/*.{ts,tsx}' --fix",
194
+ "lint:css": "stylelint 'src/**/*.css'"
195
+ }
196
+ }
@@ -1,3 +0,0 @@
1
- ## Additional changelog notes for the release
2
-
3
- - Figma: Migrated to lucide icons
package/CHANGELOG.md DELETED
@@ -1,114 +0,0 @@
1
- ## 3.8.0-canary.8
2
-
3
-
4
- ### Bug Fixes
5
-
6
- * **Modal, Select, TextField, TextArea:** fixed mobile scrolling and border dimensions ([#457](https://github.com/reshaped-ui/reshaped/issues/457)) ([9b422c9](https://github.com/reshaped-ui/reshaped/commit/9b422c98b6ccaeb5687c7dc961540c459a1b5fab))
7
-
8
-
9
- ### Features
10
-
11
- * **Select:** added multiple support ([#453](https://github.com/reshaped-ui/reshaped/issues/453)) ([01eea4a](https://github.com/reshaped-ui/reshaped/commit/01eea4a6b72fc8269f9e7af034a44842267f8119))
12
-
13
- ## 3.8.0-canary.7
14
-
15
-
16
- ### Bug Fixes
17
-
18
- * added child id to all components used in React.Children.map ([179bc06](https://github.com/reshaped-ui/reshaped/commit/179bc06b0c016753de0a92221b711d604101140f))
19
-
20
-
21
- ### Features
22
-
23
- * **DropdownMenu:** pass through more menu props to submenu ([9a46c7e](https://github.com/reshaped-ui/reshaped/commit/9a46c7e3a260c560aec795afa73a87b31fc1dd29))
24
- * **Select:** added custom select support ([d9fa60f](https://github.com/reshaped-ui/reshaped/commit/d9fa60f810abefe18735d23346cb22ba0353e57b))
25
- * **Select:** added keyboard selection ([3734ba0](https://github.com/reshaped-ui/reshaped/commit/3734ba0b0bb59096b70c63b2ecf16f9ece498f2d))
26
- * **Stepper:** make gap property configurable ([6a391e4](https://github.com/reshaped-ui/reshaped/commit/6a391e464db6f78e82a08da2afcbd854baf9aefa))
27
-
28
- ## 3.8.0-canary.6
29
-
30
-
31
- ### Features
32
-
33
- * **Flyout, Popover, DropdownMenu, Autocomplete:** added size calculations for fallbackAdjustLayout, added fallbackMinWidth and fallbackMinHeight ([16cbbd0](https://github.com/reshaped-ui/reshaped/commit/16cbbd0a2ee4c081ac836fec821d686af0305a2f))
34
- * **Flyout, Popover, DropdownMenu, Autocomplete:** added size for fallbackAdjustLayout, fallbackMinWidth and fallbackMinHeight ([a3ef7d0](https://github.com/reshaped-ui/reshaped/commit/a3ef7d0c2b5a258f53c28d764b471db91a5288b6))
35
- * **Icon:** blank icon support ([40dec33](https://github.com/reshaped-ui/reshaped/commit/40dec336607cae9b6ec3d1acad0458e37f552807))
36
-
37
- ## 3.8.0-canary.5
38
-
39
-
40
- ### Bug Fixes
41
-
42
- * **Modal:** additional fix for the nested closing modals ([9da48ba](https://github.com/reshaped-ui/reshaped/commit/9da48ba42c41af914af9da6748997b7c229f8083))
43
-
44
- ## 3.8.0-canary.4
45
-
46
-
47
- ### Bug Fixes
48
-
49
- * **Modal:** fixed nested modals not closing one by one ([e8af4ed](https://github.com/reshaped-ui/reshaped/commit/e8af4ed80b8eabd1b7e5466fd0be6adb90a9d70f))
50
-
51
- ## 3.8.0-canary.3
52
-
53
-
54
- ### Features
55
-
56
- * **Actionable, Link, Button, MenuItem:** added render prop ([104e594](https://github.com/reshaped-ui/reshaped/commit/104e594dcb086fd9f6a38c8085ebceda8a2ec9cf))
57
-
58
- ## 3.8.0-canary.2
59
-
60
-
61
- ### Features
62
-
63
- * **ToggleButton:** relaxed variant types ([416ddaa](https://github.com/reshaped-ui/reshaped/commit/416ddaa3ebbeed9e12acfdc7e0fb3027943dfbbf))
64
-
65
- ## 3.8.0-canary.1
66
-
67
- ### Bug Fixes
68
-
69
- - **Flyout:** fixed fallbackAdjustLayout positioning ([eaa9739](https://github.com/reshaped-ui/reshaped/commit/eaa9739bd340a60e942e3689fef46fa3ccd94f31))
70
- - **PinField:** fixed incorrect overwrite behavior edge case when default value is provided ([8a3d269](https://github.com/reshaped-ui/reshaped/commit/8a3d269fbffad5530669445f2f0c9e107ac93eb0))
71
-
72
- ### Features
73
-
74
- - **flyout:** add shiftIntoView fallback for constrained containers ([7547e9a](https://github.com/reshaped-ui/reshaped/commit/7547e9ad7bd445a49463b60f87d87fcd8eed430b)), closes [#423](https://github.com/reshaped-ui/reshaped/issues/423)
75
- - **Flyout:** added fallbackAdjustLayout ([88255e4](https://github.com/reshaped-ui/reshaped/commit/88255e47b71e9166db31a5f54239be2ea59c2fb0))
76
-
77
- ## 3.8.0-canary.0
78
-
79
- ### Bug Fixes
80
-
81
- - **Flyout:** added support for attributes.style ([24a414f](https://github.com/formaat-design/reshaped-source/commit/24a414fa050bd3f6f91d0d0dae37030dd1677aba))
82
- - **Theme:** added additional check when used without name and there is no parent theme ([3cca4d1](https://github.com/formaat-design/reshaped-source/commit/3cca4d1ea0bb1a33f706bdc74f28f8f955a6a841))
83
-
84
- ### Features
85
-
86
- - **Grid:** added columnGap and rowGap properties ([3aaaea6](https://github.com/formaat-design/reshaped-source/commit/3aaaea66e497636638397b2672e57e5d0a8be9ee))
87
- - **ProgressIndicator:** updated the dots design and simplified the implementation ([e881361](https://github.com/formaat-design/reshaped-source/commit/e881361880b8d6381f56431078b253a78cec293b))
88
- - remove chromatic token ([18685a7](https://github.com/formaat-design/reshaped-source/commit/18685a7b100c85094cc64d34a47f605bbb41c580))
89
- - **Tabs:** removed hover effect from the active tabs ([5708280](https://github.com/formaat-design/reshaped-source/commit/5708280515f164b1b21c8ab5ea84eaadaa7f5379))
90
- - **themes:** added transform helper to the exports ([ca8dd87](https://github.com/formaat-design/reshaped-source/commit/ca8dd870974920da01b93dfcff16e918080b0125))
91
-
92
- ## 3.7.4
93
-
94
- ### Bug Fixes
95
-
96
- - **Autocomplete:** correct backspace handling ([c6eb011](https://github.com/formaat-design/reshaped-source/commit/c6eb011f4c8a64aca15997d9194d0b1d12ad2709))
97
-
98
- ## 3.7.3
99
-
100
- ### Bug Fixes
101
-
102
- - **Tabs:** item equal scroll ([d1ce792](https://github.com/formaat-design/reshaped-source/commit/d1ce792de460092a9381fa61276db30209faf324))
103
-
104
- ## 3.7.2
105
-
106
- ### Bug Fixes
107
-
108
- - padding fallbacks ([250fa5b](https://github.com/formaat-design/reshaped-source/commit/250fa5be907c81699ff8a9c2e9646c70194183b6))
109
-
110
- ## 3.8.0
111
-
112
- - Added tsdoc for all components
113
-
114
- - DropdownMenu: Added support for attributes.style on the content
@@ -1,21 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./..").DropdownMenuProps> & {
4
- Dismissible: import("react").FC<import("../../Dismissible").DismissibleProps>;
5
- Trigger: import("react").FC<import("../../Flyout").FlyoutTriggerProps>;
6
- Content: import("react").FC<import("../DropdownMenu.types").ContentProps>;
7
- Section: import("react").FC<import("../DropdownMenu.types").SectionProps>;
8
- Item: import("react").FC<import("../DropdownMenu.types").ItemProps>;
9
- SubMenu: import("react").FC<import("../DropdownMenu.types").SubMenuProps>;
10
- SubTrigger: import("react").FC<import("../DropdownMenu.types").SubTriggerProps>;
11
- };
12
- parameters: {
13
- iframe: {
14
- url: string;
15
- };
16
- chromatic: {
17
- disableSnapshot: boolean;
18
- };
19
- };
20
- };
21
- export default _default;
@@ -1,11 +0,0 @@
1
- import DropdownMenu from "../index.js";
2
- export default {
3
- title: "Components/DropdownMenu/tests",
4
- component: DropdownMenu,
5
- parameters: {
6
- iframe: {
7
- url: "https://reshaped.so/docs/components/dropdown-menu",
8
- },
9
- chromatic: { disableSnapshot: true },
10
- },
11
- };
@@ -1,17 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").ForwardRefExoticComponent<Pick<import("../../Actionable").ActionableProps, "children" | "disabled" | "className" | "attributes" | "render" | "type" | "onClick" | "href" | "stopPropagation"> & {
4
- icon?: import("../../Icon").IconProps["svg"];
5
- color?: "inherit" | "critical" | "primary" | "positive" | "warning";
6
- variant?: "plain" | "underline";
7
- } & import("react").RefAttributes<import("../../Actionable").ActionableRef>>;
8
- parameters: {
9
- iframe: {
10
- url: string;
11
- };
12
- chromatic: {
13
- disableSnapshot: boolean;
14
- };
15
- };
16
- };
17
- export default _default;