ropav 0.1.4 → 0.1.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.
- package/README.md +20 -0
- package/dist/accordion.js +11 -8
- package/dist/alert.css +18 -18
- package/dist/alert.js +27 -21
- package/dist/avatar.css +19 -19
- package/dist/avatar.js +16 -11
- package/dist/badge.css +16 -16
- package/dist/badge.js +14 -9
- package/dist/base.css +214 -69
- package/dist/button-group.js +1 -1
- package/dist/button-link.js +16 -14
- package/dist/button.css +37 -28
- package/dist/button.js +16 -14
- package/dist/{useButtonColor.js → button.scss_vue_type_style_index_0_src_true_lang.js} +8 -4
- package/dist/card.js +1 -1
- package/dist/checkbox.css +32 -32
- package/dist/checkbox.js +19 -11
- package/dist/chevron-right.js +12 -0
- package/dist/collapse.css +6 -6
- package/dist/collapse.js +4 -4
- package/dist/collectionNavigation.js +120 -0
- package/dist/color-input.css +19 -19
- package/dist/color-input.js +6 -5
- package/dist/color-picker.css +7 -7
- package/dist/color-picker.js +4 -5
- package/dist/color-swatch.js +1 -1
- package/dist/componentColors.js +135 -23
- package/dist/components/alert/types.d.ts +1 -0
- package/dist/components/alert/useAlertColor.d.ts +1 -1
- package/dist/components/avatar/types.d.ts +1 -0
- package/dist/components/avatar/useAvatarColor.d.ts +1 -1
- package/dist/components/badge/types.d.ts +1 -0
- package/dist/components/badge/useBadgeColor.d.ts +1 -1
- package/dist/components/button/types.d.ts +1 -0
- package/dist/components/button/useButtonColor.d.ts +1 -1
- package/dist/components/button-link/types.d.ts +1 -0
- package/dist/components/checkbox/types.d.ts +1 -0
- package/dist/components/checkbox/useCheckbox.d.ts +1 -1
- package/dist/components/color-input/color-input.d.ts +2 -2
- package/dist/components/color-input/useColorInput.d.ts +1 -1
- package/dist/components/dialog/dialog-core.d.ts +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-primitive-core.d.ts +2 -1
- package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +0 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -3
- package/dist/components/dropdown-menu/index.d.ts +1 -0
- package/dist/components/dropdown-menu/types.d.ts +4 -0
- package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +3 -4
- package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +2 -1
- package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +1 -0
- package/dist/components/icon-button/types.d.ts +1 -0
- package/dist/components/input/useInput.d.ts +1 -1
- package/dist/components/number-input/useNumberInput.d.ts +1 -1
- package/dist/components/pagination/index.d.ts +4 -0
- package/dist/components/pagination/index.js +2 -0
- package/dist/components/pagination/pagination.d.ts +49 -0
- package/dist/components/pagination/types.d.ts +54 -0
- package/dist/components/pagination/usePagination.d.ts +19 -0
- package/dist/components/progress/useProgress.d.ts +1 -1
- package/dist/components/radio/types.d.ts +3 -0
- package/dist/components/radio/useRadio.d.ts +2 -2
- package/dist/components/scroll-area/scrollAreaCore.d.ts +5 -0
- package/dist/components/scroll-area/types.d.ts +4 -0
- package/dist/components/scroll-area/useScrollArea.d.ts +1 -0
- package/dist/components/scroll-area/useScrollAreaMetrics.d.ts +3 -0
- package/dist/components/scroll-area/useScrollAreaPresentation.d.ts +3 -0
- package/dist/components/select/useSelect.d.ts +3 -2
- package/dist/components/select/useSelectNativeValue.d.ts +1 -7
- package/dist/components/slider/range-slider-tooltip.d.ts +2 -0
- package/dist/components/slider/sliderCore.d.ts +2 -1
- package/dist/components/slider/types.d.ts +1 -1
- package/dist/components/slider/useRangeSlider.d.ts +3 -1
- package/dist/components/slider/useSlider.d.ts +3 -1
- package/dist/components/switch/useSwitch.d.ts +1 -1
- package/dist/components/textarea/useTextarea.d.ts +1 -1
- package/dist/components/toast/types.d.ts +2 -0
- package/dist/components/toast/useToastColor.d.ts +1 -1
- package/dist/components/tooltip/types.d.ts +1 -0
- package/dist/components/tooltip/useTooltip.d.ts +1 -1
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/index.js +2 -0
- package/dist/composables/useControllableValue.d.ts +14 -0
- package/dist/dialog.js +8 -5
- package/dist/dropdown-menu.js +98 -59
- package/dist/field.js +1 -1
- package/dist/floating.js +19 -7
- package/dist/icon-button.css +12 -169
- package/dist/icon-button.js +11 -7
- package/dist/index.d.ts +6 -4
- package/dist/index.js +8 -5
- package/dist/input.css +24 -24
- package/dist/input.js +6 -5
- package/dist/modal.js +11 -7
- package/dist/number-input.css +18 -18
- package/dist/number-input.js +8 -7
- package/dist/overlay.js +1 -1
- package/dist/pagination.css +140 -0
- package/dist/pagination.js +442 -0
- package/dist/popover.js +9 -6
- package/dist/progress.css +29 -21
- package/dist/progress.js +17 -10
- package/dist/radio.js +17 -7
- package/dist/scroll-area.css +10 -1
- package/dist/scroll-area.js +82 -25
- package/dist/select.css +45 -45
- package/dist/select.js +111 -70
- package/dist/slider.css +191 -191
- package/dist/slider.js +58 -46
- package/dist/switch.css +17 -17
- package/dist/switch.js +7 -6
- package/dist/tabs.css +3 -3
- package/dist/tabs.js +25 -15
- package/dist/textarea.css +26 -26
- package/dist/textarea.js +5 -4
- package/dist/toast.css +26 -26
- package/dist/toast.js +35 -23
- package/dist/tooltip.css +12 -12
- package/dist/tooltip.js +24 -16
- package/dist/unplugin-icons.js +38 -25
- package/dist/useCollapse.js +12 -7
- package/dist/useControlState.js +1 -1
- package/dist/useControllableValue.js +33 -0
- package/dist/useFloatingPosition.js +4 -1140
- package/dist/useFormControl.js +5 -29
- package/dist/useOverlayZIndex.js +1 -1
- package/dist/useRequiredInject.js +1 -1
- package/dist/utils/componentColors.d.ts +14 -1
- package/docs/public-composables-api.md +52 -0
- package/docs/public-styles-api.md +1 -1
- package/docs/public-tokens.md +648 -508
- package/package.json +49 -36
- package/src/styles/_mixins.scss +4 -0
- package/src/styles/_tokens.scss +460 -320
- package/src/styles/_variables.scss +1 -1
- package/src/styles/styles-manifest.json +1122 -2
- package/dist/button-link.css +0 -163
- /package/dist/{composables → internal/composables}/useOverlayLayer.d.ts +0 -0
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ropav",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"packageManager": "pnpm@11.
|
|
6
|
+
"packageManager": "pnpm@11.15.1",
|
|
7
7
|
"engines": {
|
|
8
8
|
"node": "^20.19.0 || ^22.13.0 || >=24.0.0"
|
|
9
9
|
},
|
|
@@ -17,21 +17,30 @@
|
|
|
17
17
|
"module": "./dist/index.js",
|
|
18
18
|
"types": "./dist/index.d.ts",
|
|
19
19
|
"sideEffects": [
|
|
20
|
-
"**/*.css"
|
|
20
|
+
"**/*.css",
|
|
21
|
+
"**/*.scss"
|
|
21
22
|
],
|
|
23
|
+
"publishConfig": {
|
|
24
|
+
"access": "public",
|
|
25
|
+
"registry": "https://registry.npmjs.org/"
|
|
26
|
+
},
|
|
22
27
|
"exports": {
|
|
23
28
|
".": {
|
|
24
29
|
"types": "./dist/index.d.ts",
|
|
25
30
|
"import": "./dist/index.js"
|
|
26
31
|
},
|
|
27
|
-
"./
|
|
28
|
-
"types": "./dist/
|
|
29
|
-
"import": "./dist/
|
|
32
|
+
"./composables": {
|
|
33
|
+
"types": "./dist/composables/index.d.ts",
|
|
34
|
+
"import": "./dist/composables/index.js"
|
|
30
35
|
},
|
|
31
36
|
"./accordion": {
|
|
32
37
|
"types": "./dist/components/accordion/index.d.ts",
|
|
33
38
|
"import": "./dist/components/accordion/index.js"
|
|
34
39
|
},
|
|
40
|
+
"./alert": {
|
|
41
|
+
"types": "./dist/components/alert/index.d.ts",
|
|
42
|
+
"import": "./dist/components/alert/index.js"
|
|
43
|
+
},
|
|
35
44
|
"./aspect-ratio": {
|
|
36
45
|
"types": "./dist/components/aspect-ratio/index.d.ts",
|
|
37
46
|
"import": "./dist/components/aspect-ratio/index.js"
|
|
@@ -48,14 +57,14 @@
|
|
|
48
57
|
"types": "./dist/components/button/index.d.ts",
|
|
49
58
|
"import": "./dist/components/button/index.js"
|
|
50
59
|
},
|
|
51
|
-
"./button-link": {
|
|
52
|
-
"types": "./dist/components/button-link/index.d.ts",
|
|
53
|
-
"import": "./dist/components/button-link/index.js"
|
|
54
|
-
},
|
|
55
60
|
"./button-group": {
|
|
56
61
|
"types": "./dist/components/button-group/index.d.ts",
|
|
57
62
|
"import": "./dist/components/button-group/index.js"
|
|
58
63
|
},
|
|
64
|
+
"./button-link": {
|
|
65
|
+
"types": "./dist/components/button-link/index.d.ts",
|
|
66
|
+
"import": "./dist/components/button-link/index.js"
|
|
67
|
+
},
|
|
59
68
|
"./card": {
|
|
60
69
|
"types": "./dist/components/card/index.d.ts",
|
|
61
70
|
"import": "./dist/components/card/index.js"
|
|
@@ -80,26 +89,26 @@
|
|
|
80
89
|
"types": "./dist/components/color-swatch/index.d.ts",
|
|
81
90
|
"import": "./dist/components/color-swatch/index.js"
|
|
82
91
|
},
|
|
83
|
-
"./dropdown-menu": {
|
|
84
|
-
"types": "./dist/components/dropdown-menu/index.d.ts",
|
|
85
|
-
"import": "./dist/components/dropdown-menu/index.js"
|
|
86
|
-
},
|
|
87
92
|
"./dialog": {
|
|
88
93
|
"types": "./dist/components/dialog/index.d.ts",
|
|
89
94
|
"import": "./dist/components/dialog/index.js"
|
|
90
95
|
},
|
|
96
|
+
"./dropdown-menu": {
|
|
97
|
+
"types": "./dist/components/dropdown-menu/index.d.ts",
|
|
98
|
+
"import": "./dist/components/dropdown-menu/index.js"
|
|
99
|
+
},
|
|
91
100
|
"./field": {
|
|
92
101
|
"types": "./dist/components/field/index.d.ts",
|
|
93
102
|
"import": "./dist/components/field/index.js"
|
|
94
103
|
},
|
|
95
|
-
"./focus-trap": {
|
|
96
|
-
"types": "./dist/components/focus-trap/index.d.ts",
|
|
97
|
-
"import": "./dist/components/focus-trap/index.js"
|
|
98
|
-
},
|
|
99
104
|
"./floating": {
|
|
100
105
|
"types": "./dist/components/floating/index.d.ts",
|
|
101
106
|
"import": "./dist/components/floating/index.js"
|
|
102
107
|
},
|
|
108
|
+
"./focus-trap": {
|
|
109
|
+
"types": "./dist/components/focus-trap/index.d.ts",
|
|
110
|
+
"import": "./dist/components/focus-trap/index.js"
|
|
111
|
+
},
|
|
103
112
|
"./icon-button": {
|
|
104
113
|
"types": "./dist/components/icon-button/index.d.ts",
|
|
105
114
|
"import": "./dist/components/icon-button/index.js"
|
|
@@ -120,6 +129,10 @@
|
|
|
120
129
|
"types": "./dist/components/overlay/index.d.ts",
|
|
121
130
|
"import": "./dist/components/overlay/index.js"
|
|
122
131
|
},
|
|
132
|
+
"./pagination": {
|
|
133
|
+
"types": "./dist/components/pagination/index.d.ts",
|
|
134
|
+
"import": "./dist/components/pagination/index.js"
|
|
135
|
+
},
|
|
123
136
|
"./popover": {
|
|
124
137
|
"types": "./dist/components/popover/index.d.ts",
|
|
125
138
|
"import": "./dist/components/popover/index.js"
|
|
@@ -179,34 +192,32 @@
|
|
|
179
192
|
},
|
|
180
193
|
"scripts": {
|
|
181
194
|
"dev": "pnpm run storybook",
|
|
195
|
+
"public-api:sync": "node scripts/sync-public-api.mjs --write",
|
|
196
|
+
"public-api:check": "node scripts/sync-public-api.mjs --check",
|
|
182
197
|
"tokens:build": "style-dictionary build --config scripts/tokens.config.mjs --silent",
|
|
183
198
|
"tokens:check": "node scripts/check-tokens.mjs",
|
|
184
|
-
"styles:manifest:bootstrap": "node scripts/bootstrap-public-styles-manifest.mjs",
|
|
185
199
|
"typecheck": "vue-tsc -b tsconfig.app.json tsconfig.node.json tsconfig.test.json",
|
|
186
200
|
"typecheck:storybook": "vue-tsc -p tsconfig.storybook.json --noEmit",
|
|
187
201
|
"lint": "oxlint",
|
|
188
202
|
"lint:fix": "oxlint --fix",
|
|
189
203
|
"format": "oxfmt",
|
|
190
204
|
"format:check": "oxfmt --check",
|
|
191
|
-
"test": "vitest run --project=unit",
|
|
192
|
-
"test:consumer-types": "pnpm run test:package",
|
|
205
|
+
"test": "vitest run --project=unit --project=tooling",
|
|
193
206
|
"test:consumer-types:built": "tsc -p tests/fixtures/consumer-types/tsconfig.bundler.json && tsc -p tests/fixtures/consumer-types/tsconfig.nodenext.json",
|
|
194
|
-
"test:exports": "pnpm run test:package",
|
|
195
207
|
"test:exports:built": "node scripts/check-exports.mjs",
|
|
196
208
|
"test:consumer-fixture:built": "node tests/fixtures/consumer-app/check.mjs && vue-tsc -p tests/fixtures/consumer-app/tsconfig.json --noEmit && vite build --config tests/fixtures/consumer-app/vite.config.ts && node tests/fixtures/consumer-app/assertions.mjs",
|
|
197
209
|
"test:package": "pnpm run build && pnpm run test:exports:built && pnpm run test:consumer-types:built && pnpm run test:consumer-fixture:built",
|
|
198
|
-
"test:watch": "vitest --project=unit",
|
|
199
|
-
"test:typecheck": "vitest run --project=unit --typecheck",
|
|
200
|
-
"test:storybook": "vitest run --project=storybook",
|
|
201
|
-
"
|
|
202
|
-
"
|
|
203
|
-
"prepublishOnly": "pnpm run
|
|
210
|
+
"test:watch": "vitest --project=unit --project=tooling",
|
|
211
|
+
"test:typecheck": "vitest run --project=unit --project=tooling --typecheck",
|
|
212
|
+
"test:storybook": "vitest run --project=storybook-light --project=storybook-dark",
|
|
213
|
+
"build": "pnpm run public-api:check && pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck && vite build",
|
|
214
|
+
"verify": "pnpm run lint && pnpm run format:check && pnpm run typecheck:storybook && pnpm run test && pnpm run test:storybook && pnpm run test:package",
|
|
215
|
+
"prepublishOnly": "pnpm run verify",
|
|
204
216
|
"preview": "vite preview",
|
|
205
217
|
"storybook": "pnpm run tokens:build && storybook dev -p 6006 --no-open",
|
|
206
218
|
"build-storybook": "pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck:storybook && storybook build",
|
|
207
219
|
"changelog": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md",
|
|
208
|
-
"
|
|
209
|
-
"release": "pnpm run test:package && bumpp --git-check --all --commit \"chore(release): v%s\" --tag \"v%s\" --execute \"pnpm run changelog\""
|
|
220
|
+
"release": "pnpm run verify && bumpp --git-check --all --commit \"chore(release): v%s\" --tag \"v%s\" --execute \"pnpm run changelog\""
|
|
210
221
|
},
|
|
211
222
|
"peerDependencies": {
|
|
212
223
|
"@vue/compiler-vapor": "3.6.0-rc.1",
|
|
@@ -226,10 +237,11 @@
|
|
|
226
237
|
"focus-trap": "^8.2.2"
|
|
227
238
|
},
|
|
228
239
|
"devDependencies": {
|
|
229
|
-
"@iconify-json/lucide": "^1.2.
|
|
230
|
-
"@storybook/addon-
|
|
231
|
-
"@storybook/addon-
|
|
232
|
-
"@storybook/
|
|
240
|
+
"@iconify-json/lucide": "^1.2.118",
|
|
241
|
+
"@storybook/addon-a11y": "^10.5.3",
|
|
242
|
+
"@storybook/addon-themes": "^10.5.3",
|
|
243
|
+
"@storybook/addon-vitest": "^10.5.3",
|
|
244
|
+
"@storybook/vue3-vite": "^10.5.3",
|
|
233
245
|
"@types/node": "^26.1.1",
|
|
234
246
|
"@vitejs/plugin-vue": "^6.0.8",
|
|
235
247
|
"@vitest/browser-playwright": "^4.1.10",
|
|
@@ -240,10 +252,11 @@
|
|
|
240
252
|
"conventional-changelog-conventionalcommits": "^10.2.1",
|
|
241
253
|
"jsdom": "^29.1.1",
|
|
242
254
|
"oxfmt": "^0.59.0",
|
|
243
|
-
"oxlint": "^1.
|
|
255
|
+
"oxlint": "^1.75.0",
|
|
244
256
|
"playwright": "^1.61.1",
|
|
245
257
|
"sass-embedded": "^1.100.0",
|
|
246
|
-
"storybook": "^10.5.
|
|
258
|
+
"storybook": "^10.5.3",
|
|
259
|
+
"storybook-addon-pseudo-states": "^10.5.3",
|
|
247
260
|
"style-dictionary": "5.5.0",
|
|
248
261
|
"typescript": "~6.0.3",
|
|
249
262
|
"unplugin-icons": "^23.0.1",
|
package/src/styles/_mixins.scss
CHANGED