@volverjs/style 0.1.24-beta.3 → 0.1.24-beta.4

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 (27) hide show
  1. package/design-tokens.json +1430 -0
  2. package/dist/base.css +1 -1
  3. package/dist/components/vv-avatar.css +1 -1
  4. package/dist/components/vv-breadcrumb.css +1 -1
  5. package/dist/components/vv-dialog.css +1 -1
  6. package/dist/components/vv-radio.css +1 -1
  7. package/dist/components/vv-tab.css +1 -1
  8. package/dist/components.css +1 -1
  9. package/dist/export.css +1 -1
  10. package/dist/props/filters.css +1 -1
  11. package/dist/props.css +1 -1
  12. package/dist/utilities/filters.css +1 -1
  13. package/dist/utilities/transitions.css +1 -1
  14. package/dist/utilities.css +1 -1
  15. package/dist/volver.css +1 -1
  16. package/package.json +162 -159
  17. package/src/export.scss +4 -4
  18. package/src/props/filters.scss +1 -0
  19. package/src/settings/_filters.scss +2 -2
  20. package/src/settings/components/_vv-avatar.scss +1 -1
  21. package/src/settings/components/_vv-breadcrumb.scss +2 -1
  22. package/src/settings/components/_vv-dialog.scss +1 -1
  23. package/src/settings/components/_vv-dropdown.scss +1 -1
  24. package/src/settings/components/_vv-radio.scss +5 -0
  25. package/src/settings/components/_vv-tab.scss +1 -0
  26. package/src/utilities/filters.scss +8 -0
  27. package/src/utilities/transitions.scss +2 -6
package/package.json CHANGED
@@ -24,7 +24,7 @@
24
24
  "bugs": {
25
25
  "url": "https://github.com/volverjs/style/issues"
26
26
  },
27
- "version": "0.1.24-beta.3",
27
+ "version": "0.1.24-beta.4",
28
28
  "engines": {
29
29
  "node": ">= 20.x"
30
30
  },
@@ -33,26 +33,28 @@
33
33
  "style": "dist/volver.css",
34
34
  "files": [
35
35
  "src/*",
36
- "dist/*"
36
+ "dist/*",
37
+ "design-tokens.json"
37
38
  ],
38
39
  "devDependencies": {
39
- "@iconify/vue": "^5.0.0",
40
- "@nabla/vite-plugin-eslint": "^3.0.0",
41
- "@types/node": "^25.5.0",
42
- "@vitejs/plugin-vue": "^6.0.5",
43
- "@vueuse/core": "^14.2.1",
40
+ "@iconify/vue": "^5.0.1",
41
+ "@nabla/vite-plugin-eslint": "^3.0.1",
42
+ "@types/node": "^25.9.3",
43
+ "@vitejs/plugin-vue": "^6.0.7",
44
+ "@vueuse/core": "^14.3.0",
44
45
  "@vueuse/head": "^2.0.0",
45
46
  "eslint-config-prettier": "^10.1.8",
46
- "eslint-plugin-prettier": "^5.5.5",
47
- "eslint-plugin-vue": "^10.8.0",
47
+ "eslint-plugin-prettier": "^5.5.6",
48
+ "eslint-plugin-vue": "^10.9.2",
48
49
  "glob": "^13.0.6",
49
50
  "icss-utils": "^5.1.0",
51
+ "markdown-it": "^14.2.0",
50
52
  "markdown-it-anchor": "^9.2.0",
51
53
  "markdown-it-prism": "^3.0.1",
52
- "postcss": "^8.5.8",
54
+ "postcss": "^8.5.15",
53
55
  "postcss-html": "^1.8.1",
54
- "postcss-preset-env": "^11.2.0",
55
- "prettier": "^3.8.1",
56
+ "postcss-preset-env": "^11.3.1",
57
+ "prettier": "^3.8.4",
56
58
  "prism-themes": "^1.9.0",
57
59
  "prismjs": "^1.30.0",
58
60
  "reduce-css-calc": "^2.1.8",
@@ -60,183 +62,184 @@
60
62
  "remark-frontmatter": "^5.0.0",
61
63
  "remark-gfm": "^4.0.1",
62
64
  "remark-lint": "^10.0.1",
63
- "sass-embedded": "^1.98.0",
64
- "stylelint": "^17.4.0",
65
- "stylelint-config-recommended-scss": "^17.0.0",
65
+ "sass-embedded": "^1.100.0",
66
+ "stylelint": "^17.13.0",
67
+ "stylelint-config-recommended-scss": "^17.0.1",
66
68
  "stylelint-config-recommended-vue": "^1.6.1",
67
69
  "stylelint-config-standard-scss": "^17.0.0",
68
70
  "unplugin-auto-import": "^21.0.0",
69
- "unplugin-vue-components": "^31.0.0",
70
- "vite": "^8.0.0",
71
- "vite-plugin-css-export": "^3.0.3",
72
- "vite-plugin-handlebars": "^2.0.0",
71
+ "unplugin-vue-components": "^32.1.0",
72
+ "vite": "^8.0.16",
73
+ "vite-plugin-css-export": "^3.1.0",
74
+ "vite-plugin-handlebars": "^2.0.3",
73
75
  "vite-plugin-markdown": "^2.2.0",
74
76
  "vite-plugin-pages": "^0.33.3",
75
- "vite-plugin-stylelint": "^6.0.4",
77
+ "vite-plugin-stylelint": "^6.1.0",
76
78
  "vite-plugin-vue-layouts": "^0.11.0",
77
79
  "vite-ssg": "^28.3.0",
78
80
  "vite-ssg-sitemap": "^0.10.0",
79
- "vue": "^3.5.30",
81
+ "vue": "^3.5.38",
80
82
  "vue-live": "^2.5.4",
81
- "vue-router": "5.0.2"
83
+ "vue-router": "^5.1.0"
82
84
  },
83
85
  "exports": {
84
86
  ".": "./dist/volver.css",
87
+ "./base": "./dist/base.css",
88
+ "./components": "./dist/components.css",
89
+ "./components/vv-accordion": "./dist/components/vv-accordion.css",
90
+ "./components/vv-accordion-group": "./dist/components/vv-accordion-group.css",
91
+ "./components/vv-alert": "./dist/components/vv-alert.css",
92
+ "./components/vv-alert-group": "./dist/components/vv-alert-group.css",
93
+ "./components/vv-avatar": "./dist/components/vv-avatar.css",
94
+ "./components/vv-avatar-group": "./dist/components/vv-avatar-group.css",
95
+ "./components/vv-badge": "./dist/components/vv-badge.css",
96
+ "./components/vv-breadcrumb": "./dist/components/vv-breadcrumb.css",
97
+ "./components/vv-button": "./dist/components/vv-button.css",
98
+ "./components/vv-button-group": "./dist/components/vv-button-group.css",
99
+ "./components/vv-card": "./dist/components/vv-card.css",
100
+ "./components/vv-checkbox": "./dist/components/vv-checkbox.css",
101
+ "./components/vv-checkbox-group": "./dist/components/vv-checkbox-group.css",
102
+ "./components/vv-dialog": "./dist/components/vv-dialog.css",
103
+ "./components/vv-dropdown": "./dist/components/vv-dropdown.css",
104
+ "./components/vv-dropdown-action": "./dist/components/vv-dropdown-action.css",
105
+ "./components/vv-dropdown-optgroup": "./dist/components/vv-dropdown-optgroup.css",
106
+ "./components/vv-dropdown-option": "./dist/components/vv-dropdown-option.css",
107
+ "./components/vv-input-file": "./dist/components/vv-input-file.css",
108
+ "./components/vv-input-text": "./dist/components/vv-input-text.css",
109
+ "./components/vv-nav": "./dist/components/vv-nav.css",
110
+ "./components/vv-progress": "./dist/components/vv-progress.css",
111
+ "./components/vv-radio": "./dist/components/vv-radio.css",
112
+ "./components/vv-radio-group": "./dist/components/vv-radio-group.css",
113
+ "./components/vv-select": "./dist/components/vv-select.css",
114
+ "./components/vv-skeleton": "./dist/components/vv-skeleton.css",
115
+ "./components/vv-tab": "./dist/components/vv-tab.css",
116
+ "./components/vv-table": "./dist/components/vv-table.css",
117
+ "./components/vv-text": "./dist/components/vv-text.css",
118
+ "./components/vv-textarea": "./dist/components/vv-textarea.css",
119
+ "./components/vv-tooltip": "./dist/components/vv-tooltip.css",
120
+ "./export": "./dist/export.css",
121
+ "./props": "./dist/props.css",
122
+ "./props/background": "./dist/props/background.css",
123
+ "./props/borders": "./dist/props/borders.css",
124
+ "./props/breakpoints": "./dist/props/breakpoints.css",
125
+ "./props/colors": "./dist/props/colors.css",
126
+ "./props/effects": "./dist/props/effects.css",
127
+ "./props/filters": "./dist/props/filters.css",
128
+ "./props/input": "./dist/props/input.css",
129
+ "./props/layout": "./dist/props/layout.css",
130
+ "./props/media": "./dist/props/media.css",
131
+ "./props/sizing": "./dist/props/sizing.css",
132
+ "./props/spacing": "./dist/props/spacing.css",
133
+ "./props/transitions": "./dist/props/transitions.css",
134
+ "./props/typography": "./dist/props/typography.css",
135
+ "./reset": "./dist/reset.css",
136
+ "./scss": "./src/volver.scss",
137
+ "./scss/base": "./src/base.scss",
138
+ "./scss/components": "./src/components/index.scss",
139
+ "./scss/components/vv-accordion": "./src/components/vv-accordion.scss",
140
+ "./scss/components/vv-accordion-group": "./src/components/vv-accordion-group.scss",
141
+ "./scss/components/vv-alert": "./src/components/vv-alert.scss",
142
+ "./scss/components/vv-alert-group": "./src/components/vv-alert-group.scss",
143
+ "./scss/components/vv-avatar": "./src/components/vv-avatar.scss",
144
+ "./scss/components/vv-avatar-group": "./src/components/vv-avatar-group.scss",
145
+ "./scss/components/vv-badge": "./src/components/vv-badge.scss",
146
+ "./scss/components/vv-breadcrumb": "./src/components/vv-breadcrumb.scss",
147
+ "./scss/components/vv-button": "./src/components/vv-button.scss",
148
+ "./scss/components/vv-button-group": "./src/components/vv-button-group.scss",
149
+ "./scss/components/vv-card": "./src/components/vv-card.scss",
150
+ "./scss/components/vv-checkbox": "./src/components/vv-checkbox.scss",
151
+ "./scss/components/vv-checkbox-group": "./src/components/vv-checkbox-group.scss",
152
+ "./scss/components/vv-dialog": "./src/components/vv-dialog.scss",
153
+ "./scss/components/vv-dropdown": "./src/components/vv-dropdown.scss",
154
+ "./scss/components/vv-dropdown-action": "./src/components/vv-dropdown-action.scss",
155
+ "./scss/components/vv-dropdown-optgroup": "./src/components/vv-dropdown-optgroup.scss",
156
+ "./scss/components/vv-dropdown-option": "./src/components/vv-dropdown-option.scss",
157
+ "./scss/components/vv-input-file": "./src/components/vv-input-file.scss",
158
+ "./scss/components/vv-input-text": "./src/components/vv-input-text.scss",
159
+ "./scss/components/vv-nav": "./src/components/vv-nav.scss",
160
+ "./scss/components/vv-progress": "./src/components/vv-progress.scss",
161
+ "./scss/components/vv-radio": "./src/components/vv-radio.scss",
162
+ "./scss/components/vv-radio-group": "./src/components/vv-radio-group.scss",
163
+ "./scss/components/vv-select": "./src/components/vv-select.scss",
164
+ "./scss/components/vv-skeleton": "./src/components/vv-skeleton.scss",
165
+ "./scss/components/vv-tab": "./src/components/vv-tab.scss",
166
+ "./scss/components/vv-table": "./src/components/vv-table.scss",
167
+ "./scss/components/vv-text": "./src/components/vv-text.scss",
168
+ "./scss/components/vv-textarea": "./src/components/vv-textarea.scss",
169
+ "./scss/components/vv-tooltip": "./src/components/vv-tooltip.scss",
85
170
  "./scss/context": "./src/_context.scss",
86
- "./scss/tools": "./src/tools/_index.scss",
171
+ "./scss/export": "./src/export.scss",
87
172
  "./scss/functions": "./src/tools/_functions.scss",
88
173
  "./scss/mixins": "./src/tools/_mixins.scss",
89
- "./scss/settings": "./src/settings/_index.scss",
90
174
  "./scss/preflight": "./src/_preflight.scss",
175
+ "./scss/props": "./src/props/index.scss",
176
+ "./scss/props/background": "./src/props/background.scss",
177
+ "./scss/props/borders": "./src/props/borders.scss",
178
+ "./scss/props/breakpoints": "./src/props/breakpoints.scss",
179
+ "./scss/props/colors": "./src/props/colors.scss",
180
+ "./scss/props/effects": "./src/props/effects.scss",
181
+ "./scss/props/filters": "./src/props/filters.scss",
182
+ "./scss/props/input": "./src/props/input.scss",
183
+ "./scss/props/layout": "./src/props/layout.scss",
184
+ "./scss/props/media": "./src/props/media.scss",
185
+ "./scss/props/sizing": "./src/props/sizing.scss",
186
+ "./scss/props/spacing": "./src/props/spacing.scss",
187
+ "./scss/props/transitions": "./src/props/transitions.scss",
188
+ "./scss/props/typography": "./src/props/typography.scss",
189
+ "./scss/reset": "./src/reset.scss",
190
+ "./scss/settings": "./src/settings/_index.scss",
191
+ "./scss/themes/dark": "./src/themes/dark/volver.scss",
192
+ "./scss/themes/dark/components": "./src/themes/dark/components/index.scss",
91
193
  "./scss/themes/dark/context": "./src/themes/dark/_context.scss",
194
+ "./scss/themes/dark/props": "./src/themes/dark/props/index.scss",
92
195
  "./scss/themes/dark/settings": "./src/themes/dark/settings/_index.scss",
93
- "./scss": "./src/volver.scss",
94
- "./reset": "./dist/reset.css",
95
- "./scss/reset": "./src/reset.scss",
96
- "./export": "./dist/export.css",
97
- "./scss/export": "./src/export.scss",
98
- "./base": "./dist/base.css",
99
- "./scss/base": "./src/base.scss",
100
- "./utilities/typography": "./dist/utilities/typography.css",
101
- "./scss/utilities/typography": "./src/utilities/typography.scss",
102
- "./utilities/transitions": "./dist/utilities/transitions.css",
103
- "./scss/utilities/transitions": "./src/utilities/transitions.scss",
104
- "./utilities/transforms": "./dist/utilities/transforms.css",
105
- "./scss/utilities/transforms": "./src/utilities/transforms.scss",
106
- "./utilities/tables": "./dist/utilities/tables.css",
107
- "./scss/utilities/tables": "./src/utilities/tables.scss",
108
- "./utilities/spacing": "./dist/utilities/spacing.css",
109
- "./scss/utilities/spacing": "./src/utilities/spacing.scss",
110
- "./utilities/sizing": "./dist/utilities/sizing.css",
111
- "./scss/utilities/sizing": "./src/utilities/sizing.scss",
112
- "./utilities/layout": "./dist/utilities/layout.css",
113
- "./scss/utilities/layout": "./src/utilities/layout.scss",
114
- "./utilities/interactivity": "./dist/utilities/interactivity.css",
115
- "./scss/utilities/interactivity": "./src/utilities/interactivity.scss",
116
- "./utilities": "./dist/utilities.css",
196
+ "./scss/tools": "./src/tools/_index.scss",
117
197
  "./scss/utilities": "./src/utilities/index.scss",
118
- "./utilities/grid": "./dist/utilities/grid.css",
119
- "./scss/utilities/grid": "./src/utilities/grid.scss",
120
- "./utilities/flexbox": "./dist/utilities/flexbox.css",
121
- "./scss/utilities/flexbox": "./src/utilities/flexbox.scss",
122
- "./utilities/filters": "./dist/utilities/filters.css",
123
- "./scss/utilities/filters": "./src/utilities/filters.scss",
124
- "./utilities/effects": "./dist/utilities/effects.css",
125
- "./scss/utilities/effects": "./src/utilities/effects.scss",
126
- "./utilities/colors": "./dist/utilities/colors.css",
127
- "./scss/utilities/colors": "./src/utilities/colors.scss",
128
- "./utilities/borders": "./dist/utilities/borders.css",
129
- "./scss/utilities/borders": "./src/utilities/borders.scss",
130
- "./utilities/backgrounds": "./dist/utilities/backgrounds.css",
131
198
  "./scss/utilities/backgrounds": "./src/utilities/backgrounds.scss",
132
- "./props/typography": "./dist/props/typography.css",
133
- "./scss/props/typography": "./src/props/typography.scss",
134
- "./props/transitions": "./dist/props/transitions.css",
135
- "./scss/props/transitions": "./src/props/transitions.scss",
136
- "./props/spacing": "./dist/props/spacing.css",
137
- "./scss/props/spacing": "./src/props/spacing.scss",
138
- "./props/sizing": "./dist/props/sizing.css",
139
- "./scss/props/sizing": "./src/props/sizing.scss",
140
- "./props/media": "./dist/props/media.css",
141
- "./scss/props/media": "./src/props/media.scss",
142
- "./props/layout": "./dist/props/layout.css",
143
- "./scss/props/layout": "./src/props/layout.scss",
144
- "./props/input": "./dist/props/input.css",
145
- "./scss/props/input": "./src/props/input.scss",
146
- "./props": "./dist/props.css",
147
- "./scss/props": "./src/props/index.scss",
148
- "./props/filters": "./dist/props/filters.css",
149
- "./scss/props/filters": "./src/props/filters.scss",
150
- "./props/effects": "./dist/props/effects.css",
151
- "./scss/props/effects": "./src/props/effects.scss",
152
- "./props/colors": "./dist/props/colors.css",
153
- "./scss/props/colors": "./src/props/colors.scss",
154
- "./props/breakpoints": "./dist/props/breakpoints.css",
155
- "./scss/props/breakpoints": "./src/props/breakpoints.scss",
156
- "./props/borders": "./dist/props/borders.css",
157
- "./scss/props/borders": "./src/props/borders.scss",
158
- "./props/background": "./dist/props/background.css",
159
- "./scss/props/background": "./src/props/background.scss",
160
- "./components/vv-tooltip": "./dist/components/vv-tooltip.css",
161
- "./scss/components/vv-tooltip": "./src/components/vv-tooltip.scss",
162
- "./components/vv-textarea": "./dist/components/vv-textarea.css",
163
- "./scss/components/vv-textarea": "./src/components/vv-textarea.scss",
164
- "./components/vv-text": "./dist/components/vv-text.css",
165
- "./scss/components/vv-text": "./src/components/vv-text.scss",
166
- "./components/vv-table": "./dist/components/vv-table.css",
167
- "./scss/components/vv-table": "./src/components/vv-table.scss",
168
- "./components/vv-tab": "./dist/components/vv-tab.css",
169
- "./scss/components/vv-tab": "./src/components/vv-tab.scss",
170
- "./components/vv-skeleton": "./dist/components/vv-skeleton.css",
171
- "./scss/components/vv-skeleton": "./src/components/vv-skeleton.scss",
172
- "./components/vv-select": "./dist/components/vv-select.css",
173
- "./scss/components/vv-select": "./src/components/vv-select.scss",
174
- "./components/vv-radio": "./dist/components/vv-radio.css",
175
- "./scss/components/vv-radio": "./src/components/vv-radio.scss",
176
- "./components/vv-radio-group": "./dist/components/vv-radio-group.css",
177
- "./scss/components/vv-radio-group": "./src/components/vv-radio-group.scss",
178
- "./components/vv-progress": "./dist/components/vv-progress.css",
179
- "./scss/components/vv-progress": "./src/components/vv-progress.scss",
180
- "./components/vv-nav": "./dist/components/vv-nav.css",
181
- "./scss/components/vv-nav": "./src/components/vv-nav.scss",
182
- "./components/vv-input-text": "./dist/components/vv-input-text.css",
183
- "./scss/components/vv-input-text": "./src/components/vv-input-text.scss",
184
- "./components/vv-input-file": "./dist/components/vv-input-file.css",
185
- "./scss/components/vv-input-file": "./src/components/vv-input-file.scss",
186
- "./components/vv-dropdown": "./dist/components/vv-dropdown.css",
187
- "./scss/components/vv-dropdown": "./src/components/vv-dropdown.scss",
188
- "./components/vv-dropdown-option": "./dist/components/vv-dropdown-option.css",
189
- "./scss/components/vv-dropdown-option": "./src/components/vv-dropdown-option.scss",
190
- "./components/vv-dropdown-optgroup": "./dist/components/vv-dropdown-optgroup.css",
191
- "./scss/components/vv-dropdown-optgroup": "./src/components/vv-dropdown-optgroup.scss",
192
- "./components/vv-dropdown-action": "./dist/components/vv-dropdown-action.css",
193
- "./scss/components/vv-dropdown-action": "./src/components/vv-dropdown-action.scss",
194
- "./components/vv-dialog": "./dist/components/vv-dialog.css",
195
- "./scss/components/vv-dialog": "./src/components/vv-dialog.scss",
196
- "./components/vv-checkbox": "./dist/components/vv-checkbox.css",
197
- "./scss/components/vv-checkbox": "./src/components/vv-checkbox.scss",
198
- "./components/vv-checkbox-group": "./dist/components/vv-checkbox-group.css",
199
- "./scss/components/vv-checkbox-group": "./src/components/vv-checkbox-group.scss",
200
- "./components/vv-card": "./dist/components/vv-card.css",
201
- "./scss/components/vv-card": "./src/components/vv-card.scss",
202
- "./components/vv-button": "./dist/components/vv-button.css",
203
- "./scss/components/vv-button": "./src/components/vv-button.scss",
204
- "./components/vv-button-group": "./dist/components/vv-button-group.css",
205
- "./scss/components/vv-button-group": "./src/components/vv-button-group.scss",
206
- "./components/vv-breadcrumb": "./dist/components/vv-breadcrumb.css",
207
- "./scss/components/vv-breadcrumb": "./src/components/vv-breadcrumb.scss",
208
- "./components/vv-badge": "./dist/components/vv-badge.css",
209
- "./scss/components/vv-badge": "./src/components/vv-badge.scss",
210
- "./components/vv-avatar": "./dist/components/vv-avatar.css",
211
- "./scss/components/vv-avatar": "./src/components/vv-avatar.scss",
212
- "./components/vv-avatar-group": "./dist/components/vv-avatar-group.css",
213
- "./scss/components/vv-avatar-group": "./src/components/vv-avatar-group.scss",
214
- "./components/vv-alert": "./dist/components/vv-alert.css",
215
- "./scss/components/vv-alert": "./src/components/vv-alert.scss",
216
- "./components/vv-alert-group": "./dist/components/vv-alert-group.css",
217
- "./scss/components/vv-alert-group": "./src/components/vv-alert-group.scss",
218
- "./components/vv-accordion": "./dist/components/vv-accordion.css",
219
- "./scss/components/vv-accordion": "./src/components/vv-accordion.scss",
220
- "./components/vv-accordion-group": "./dist/components/vv-accordion-group.css",
221
- "./scss/components/vv-accordion-group": "./src/components/vv-accordion-group.scss",
222
- "./components": "./dist/components.css",
223
- "./scss/components": "./src/components/index.scss",
199
+ "./scss/utilities/borders": "./src/utilities/borders.scss",
200
+ "./scss/utilities/colors": "./src/utilities/colors.scss",
201
+ "./scss/utilities/effects": "./src/utilities/effects.scss",
202
+ "./scss/utilities/filters": "./src/utilities/filters.scss",
203
+ "./scss/utilities/flexbox": "./src/utilities/flexbox.scss",
204
+ "./scss/utilities/grid": "./src/utilities/grid.scss",
205
+ "./scss/utilities/interactivity": "./src/utilities/interactivity.scss",
206
+ "./scss/utilities/layout": "./src/utilities/layout.scss",
207
+ "./scss/utilities/sizing": "./src/utilities/sizing.scss",
208
+ "./scss/utilities/spacing": "./src/utilities/spacing.scss",
209
+ "./scss/utilities/tables": "./src/utilities/tables.scss",
210
+ "./scss/utilities/transforms": "./src/utilities/transforms.scss",
211
+ "./scss/utilities/transitions": "./src/utilities/transitions.scss",
212
+ "./scss/utilities/typography": "./src/utilities/typography.scss",
224
213
  "./themes/dark": "./dist/themes/dark/volver.css",
225
- "./scss/themes/dark": "./src/themes/dark/volver.scss",
226
- "./themes/dark/props": "./dist/themes/dark/props.css",
227
- "./scss/themes/dark/props": "./src/themes/dark/props/index.scss",
228
214
  "./themes/dark/components": "./dist/themes/dark/components.css",
229
- "./scss/themes/dark/components": "./src/themes/dark/components/index.scss"
215
+ "./themes/dark/props": "./dist/themes/dark/props.css",
216
+ "./utilities": "./dist/utilities.css",
217
+ "./utilities/backgrounds": "./dist/utilities/backgrounds.css",
218
+ "./utilities/borders": "./dist/utilities/borders.css",
219
+ "./utilities/colors": "./dist/utilities/colors.css",
220
+ "./utilities/effects": "./dist/utilities/effects.css",
221
+ "./utilities/filters": "./dist/utilities/filters.css",
222
+ "./utilities/flexbox": "./dist/utilities/flexbox.css",
223
+ "./utilities/grid": "./dist/utilities/grid.css",
224
+ "./utilities/interactivity": "./dist/utilities/interactivity.css",
225
+ "./utilities/layout": "./dist/utilities/layout.css",
226
+ "./utilities/sizing": "./dist/utilities/sizing.css",
227
+ "./utilities/spacing": "./dist/utilities/spacing.css",
228
+ "./utilities/tables": "./dist/utilities/tables.css",
229
+ "./utilities/transforms": "./dist/utilities/transforms.css",
230
+ "./utilities/transitions": "./dist/utilities/transitions.css",
231
+ "./utilities/typography": "./dist/utilities/typography.css"
230
232
  },
231
233
  "scripts": {
232
234
  "dev": "vite --port 3000 --open",
233
- "build": "node ./scripts/build.js",
235
+ "build": "node ./scripts/build.js && node ./scripts/generateDesignTokens.js",
234
236
  "design-tokens": "node ./scripts/generateDesignTokens.js",
235
237
  "styleguide": "vite-ssg build",
236
238
  "preview": "vite preview",
237
239
  "lint": "eslint .",
238
240
  "lint:fix": "eslint . --fix",
239
241
  "stylelint": "stylelint \"src/**/*.scss\"",
240
- "stylelint:fix": "stylelint --fix \"src/**/*.scss\""
242
+ "stylelint:fix": "stylelint --fix \"src/**/*.scss\"",
243
+ "stylelint:dist": "stylelint \"dist/**/*.css\" --config stylelint.dist.config.cjs"
241
244
  }
242
245
  }
package/src/export.scss CHANGED
@@ -13,7 +13,7 @@
13
13
  @each $key, $value in $colors {
14
14
  @if meta.type-of($value) == 'map' {
15
15
  @each $subKey, $subValue in $value {
16
- @if meta.type-of($value) not 'map' {
16
+ @if meta.type-of($subValue) != 'map' {
17
17
  @if not
18
18
  string.index($subKey, 'hue') and not
19
19
  string.index($subKey, 'saturation') and not
@@ -37,7 +37,7 @@
37
37
  @each $key, $value in $dark-colors {
38
38
  @if meta.type-of($value) == 'map' {
39
39
  @each $subKey, $subValue in $value {
40
- @if meta.type-of($value) not 'map' {
40
+ @if meta.type-of($subValue) != 'map' {
41
41
  @if not
42
42
  string.index($subKey, 'hue') and not
43
43
  string.index($subKey, 'saturation') and not
@@ -237,7 +237,7 @@
237
237
  @each $size, $value in $spacing-dynamic {
238
238
  @if meta.type-of($value) == 'map' {
239
239
  @each $subKey, $subValue in $value {
240
- @if meta.type-of($value) not 'map' {
240
+ @if meta.type-of($subValue) != 'map' {
241
241
  spacing-dynamic__#{$size}__#{$subKey}: $subValue;
242
242
  }
243
243
  }
@@ -252,7 +252,7 @@
252
252
  @each $size, $value in $font-size-dynamic {
253
253
  @if meta.type-of($value) == 'map' {
254
254
  @each $subKey, $subValue in $value {
255
- @if meta.type-of($value) not 'map' {
255
+ @if meta.type-of($subValue) != 'map' {
256
256
  font-size-dynamic__#{$size}__#{$subKey}: $subValue;
257
257
  }
258
258
  }
package/src/props/filters.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  :where(:host, :root, .theme) {
5
5
  @include spread-map-into-props($blur, $prefix: blur);
6
6
  @include spread-map-into-props($brightness, $prefix: brightness);
7
+ @include spread-map-into-props($contrast, $prefix: contrast);
7
8
  @include spread-map-into-props($saturation, $prefix: saturate);
8
9
  }
9
10
  }
package/src/settings/_filters.scss CHANGED
@@ -36,8 +36,8 @@ $contrast: (
36
36
  100: contrast(1),
37
37
  125: contrast(1.25),
38
38
  150: contrast(1.5),
39
- 200: brightness(2),
40
- 300: brightness(3),
39
+ 200: contrast(2),
40
+ 300: contrast(3),
41
41
  ) !default;
42
42
 
43
43
  // saturation
package/src/settings/components/_vv-avatar.scss CHANGED
@@ -16,7 +16,7 @@ $vv-avatar: (
16
16
  object-fit: contain,
17
17
  flex-shrink: 0,
18
18
  state: (
19
- focus: (
19
+ focus-visible: (
20
20
  outline: var(--spacing-px) solid var(--color-brand),
21
21
  outline-offset: var(--spacing-0),
22
22
  ),
package/src/settings/components/_vv-breadcrumb.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  $vv-breadcrumb: (
2
2
  position: relative,
3
+ min-width: 0,
3
4
  pseudo: (
4
5
  after: (
5
6
  position: absolute,
@@ -23,7 +24,7 @@ $vv-breadcrumb: (
23
24
  scroll-snap-type: x mandatory,
24
25
  scrollbar-width: none,
25
26
  display: flex,
26
- flex-wrap: no-wrap,
27
+ flex-wrap: nowrap,
27
28
  list-style: none,
28
29
  padding: 0,
29
30
  background: var(--color-surface),
package/src/settings/components/_vv-dialog.scss CHANGED
@@ -41,7 +41,7 @@ $vv-dialog: (
41
41
  header: (
42
42
  _alias: '> article > header',
43
43
  display: flex,
44
- flex-wrap: no-wrap,
44
+ flex-wrap: nowrap,
45
45
  justify-content: space-between,
46
46
  align-items: center,
47
47
  font-size: var(--text-md),
package/src/settings/components/_vv-dropdown.scss CHANGED
@@ -6,7 +6,7 @@ $vv-dropdown: (
6
6
  display: flex,
7
7
  flex-direction: column,
8
8
  box-shadow: var(--shadow-lg),
9
- width: 'max-content',
9
+ width: max-content,
10
10
  element: (
11
11
  list: (
12
12
  _alias: 'div:is([role="menu"],[role="list-box"])',
package/src/settings/components/_vv-radio.scss CHANGED
@@ -13,6 +13,11 @@ $vv-radio: (
13
13
  disabled: (
14
14
  opacity: var(--opacity-30),
15
15
  cursor: not-allowed,
16
+ element: (
17
+ input: (
18
+ cursor: not-allowed,
19
+ ),
20
+ ),
16
21
  ),
17
22
  ),
18
23
  modifier: (
package/src/settings/components/_vv-tab.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $vv-tab: (
2
2
  display: flex,
3
3
  flex-direction: column,
4
+ min-width: 0,
4
5
  element: (
5
6
  panel: (
6
7
  display: none,
package/src/utilities/filters.scss CHANGED
@@ -17,6 +17,14 @@
17
17
  $zero-specificity: $zero-specificity-for-utilities
18
18
  );
19
19
 
20
+ // contrast
21
+ @include spread-map-into-utilities(
22
+ $map: $contrast,
23
+ $class: contrast,
24
+ $attribute: filter,
25
+ $zero-specificity: $zero-specificity-for-utilities
26
+ );
27
+
20
28
  // saturation
21
29
  @include spread-map-into-utilities(
22
30
  $map: $saturation,
package/src/utilities/transitions.scss CHANGED
@@ -1,4 +1,3 @@
1
- @use 'sass:map';
2
1
  @use 'sass:string';
3
2
  @use '../context' as *;
4
3
 
@@ -39,11 +38,8 @@
39
38
  transition-property: string.unquote($value);
40
39
 
41
40
  @if $property != 'none' {
42
- transition-duration: map.get($transition-duration-delay, 300);
43
- transition-timing-function: map.get(
44
- $transition-timing-function,
45
- 'in-out'
46
- );
41
+ transition-duration: var(--duration-300);
42
+ transition-timing-function: var(--ease-in-out);
47
43
  }
48
44
  }
49
45
  }