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

package/package.json

@@ -24,7 +24,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/style/issues"
   },
-  "version": "0.1.24-beta.1",
+  "version": "0.1.24-beta.3",
   "engines": {
     "node": ">= 20.x"
   },
@@ -37,22 +37,22 @@
   ],
   "devDependencies": {
     "@iconify/vue": "^5.0.0",
-    "@nabla/vite-plugin-eslint": "^2.0.6",
-    "@types/node": "^25.0.3",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vueuse/core": "^14.1.0",
+    "@nabla/vite-plugin-eslint": "^3.0.0",
+    "@types/node": "^25.5.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vueuse/core": "^14.2.1",
     "@vueuse/head": "^2.0.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-vue": "^10.6.2",
-    "glob": "^13.0.0",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-vue": "^10.8.0",
+    "glob": "^13.0.6",
     "icss-utils": "^5.1.0",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-prism": "^3.0.1",
-    "postcss": "^8.5.6",
-    "postcss-html": "^1.8.0",
-    "postcss-preset-env": "^10.6.0",
-    "prettier": "^3.7.4",
+    "postcss": "^8.5.8",
+    "postcss-html": "^1.8.1",
+    "postcss-preset-env": "^11.2.0",
+    "prettier": "^3.8.1",
     "prism-themes": "^1.9.0",
     "prismjs": "^1.30.0",
     "reduce-css-calc": "^2.1.8",
@@ -60,25 +60,25 @@
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-lint": "^10.0.1",
-    "sass-embedded": "^1.97.1",
-    "stylelint": "^16.26.1",
-    "stylelint-config-recommended-scss": "^16.0.2",
+    "sass-embedded": "^1.98.0",
+    "stylelint": "^17.4.0",
+    "stylelint-config-recommended-scss": "^17.0.0",
     "stylelint-config-recommended-vue": "^1.6.1",
-    "stylelint-config-standard-scss": "^16.0.0",
-    "unplugin-auto-import": "^20.3.0",
-    "unplugin-vue-components": "^30.0.0",
-    "vite": "^7.3.0",
+    "stylelint-config-standard-scss": "^17.0.0",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^31.0.0",
+    "vite": "^8.0.0",
     "vite-plugin-css-export": "^3.0.3",
     "vite-plugin-handlebars": "^2.0.0",
     "vite-plugin-markdown": "^2.2.0",
-    "vite-plugin-pages": "^0.33.2",
-    "vite-plugin-stylelint": "^6.0.2",
+    "vite-plugin-pages": "^0.33.3",
+    "vite-plugin-stylelint": "^6.0.4",
     "vite-plugin-vue-layouts": "^0.11.0",
-    "vite-ssg": "^28.2.2",
+    "vite-ssg": "^28.3.0",
     "vite-ssg-sitemap": "^0.10.0",
-    "vue": "^3.5.26",
+    "vue": "^3.5.30",
     "vue-live": "^2.5.4",
-    "vue-router": "^4.6.4"
+    "vue-router": "5.0.2"
   },
   "exports": {
     ".": "./dist/volver.css",

package/src/components/vv-accordion-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-accordion-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-accordion.scss

@@ -8,7 +8,7 @@ $component-map: $vv-accordion;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-alert-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-alert-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-alert.scss

@@ -8,7 +8,7 @@ $component-map: $vv-alert;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-avatar-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-avatar-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-avatar.scss

@@ -8,7 +8,7 @@ $component-map: $vv-avatar;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-badge.scss

@@ -8,7 +8,7 @@ $component-map: $vv-badge;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-breadcrumb.scss

@@ -8,7 +8,7 @@ $component-map: $vv-breadcrumb;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-button-group.scss

@@ -11,7 +11,7 @@ $button-component-selector: '.' + $button-component-name;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-button.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$custom-block: true,
 	$bps: $breakpoints
@@ -29,7 +29,7 @@ $component-selector: '.#{ $component-name}';
 		@include spread-map-into-attrs(
 			$map: $component-map,
 			$prefix: $component-name,
-			$props: $use-custom-props-for-components
+			$use-custom-props: $use-custom-props-for-components
 		);
 	}
 

package/src/components/vv-card.scss

@@ -8,7 +8,7 @@ $component-map: $vv-card;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-checkbox-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-checkbox-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-checkbox.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-dialog.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dialog;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-dropdown-action.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown-action;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-dropdown-optgroup.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown-optgroup;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-dropdown-option.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown-option;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-dropdown.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-input-file.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{$component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-input-text.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{$component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-nav.scss

@@ -8,7 +8,7 @@ $component-map: $vv-nav;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-progress.scss

@@ -8,7 +8,7 @@ $component-map: $vv-progress;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-radio-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-radio-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-radio.scss

@@ -6,19 +6,18 @@ $component-name: map.get($components-names, vv-radio);
 $component-map: $vv-radio;
 $component-selector: '.#{ $component-name}';
 
-@include spread-map-into-bem(
-	$map: $component-map,
-	$block: $component-name,
-	$props: $use-custom-props-for-components,
-	$zero-specificity: $zero-specificity-for-components,
-	$bps: $breakpoints
-);
-
-@include wrap-with-where(
-	$selector: '#{$component-selector}:has(> input[type="radio"]:disabled)',
-	$enabled: $zero-specificity-for-components
-) {
-	@extend %#{$component-name}--disabled !optional;
-}
+	@include spread-map-into-bem(
+		$map: $component-map,
+		$block: $component-name,
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components,
+		$bps: $breakpoints
+	);
 
+	@include wrap-with-where(
+		$selector: '#{$component-selector}:has(> input[type="radio"]:disabled)',
+		$enabled: $zero-specificity-for-components
+	) {
+		@extend %#{$component-name}--disabled !optional;
+	}
 }

package/src/components/vv-select.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-skeleton.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-tab.scss

@@ -8,7 +8,7 @@ $component-map: $vv-tab;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-table.scss

@@ -8,7 +8,7 @@ $component-map: $vv-table;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-text.scss

@@ -8,7 +8,7 @@ $component-map: $vv-text;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-textarea.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/components/vv-tooltip.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

package/src/settings/components/_vv-accordion.scss

@@ -13,7 +13,7 @@ $vv-accordion: (
 					background-color: var(--color-surface-2),
 					pseudo: (
 						before: (
-							rotate: 0,
+							rotate: 0deg,
 						),
 					),
 				),
@@ -105,7 +105,7 @@ $vv-accordion: (
 						before: (
 							left: auto,
 							[right]: var(--accordion-padding-right),
-							rotate: 0,
+							rotate: 0deg,
 						),
 					),
 				),

package/src/settings/components/_vv-dialog.scss

@@ -1,5 +1,6 @@
 $vv-dialog: (
 	display: flex,
+	user-select: text,
 	z-index: var(--z-modal-backdrop),
 	position: fixed,
 	inset: 0,

package/src/themes/dark/components/_vv-alert.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-alert);
 		$theme-map: $dark-vv-alert,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/themes/dark/components/_vv-avatar.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-avatar);
 		$theme-map: $dark-vv-avatar,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/themes/dark/components/_vv-badge.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-badge);
 		$theme-map: $dark-vv-badge,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/themes/dark/components/_vv-button.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-button);
 		$theme-map: $dark-vv-button,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/themes/dark/components/_vv-dropdown-action.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-dropdown-action);
 		$theme-map: $dark-vv-dropdown-action,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/themes/dark/components/_vv-dropdown-option.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-dropdown-option);
 		$theme-map: $dark-vv-dropdown-option,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/themes/dark/components/_vv-nav.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-nav);
 		$theme-map: $dark-vv-nav,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/themes/dark/components/_vv-select.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-select);
 		$theme-map: $dark-vv-select,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }
 

package/src/tools/mixin-modules/_attrs.scss

@@ -64,7 +64,7 @@ $-pseudo-elements: (
 // @param {String} $postfix - Postfix for CSS variable naming
 // @param {Bool} $deep - Whether to recurse into nested maps
 // @param {List} $ignore - Keys to ignore
-// @param {Bool} $props - Whether to use CSS custom properties
+// @param {Bool} $use-custom-props - Whether to use CSS custom properties
 // @param {Map} $bps - Breakpoints map
 @mixin spread-map-into-attrs(
 	$original: (),
@@ -74,7 +74,7 @@ $-pseudo-elements: (
 	$postfix: '',
 	$deep: false,
 	$ignore: (),
-	$props: true,
+	$use-custom-props: true,
 	$bps: (xxs: 0)
 ) {
 	@if meta.type-of($map) == 'map' and $prefix != '' {
@@ -114,7 +114,7 @@ $-pseudo-elements: (
 											$variant: $variant,
 											$postfix: $key,
 											$deep: true,
-											$props: $props
+											$use-custom-props: $use-custom-props
 										);
 									}
 								}
@@ -128,11 +128,11 @@ $-pseudo-elements: (
 							$variant: $variant,
 							$postfix: $key,
 							$deep: true,
-							$props: $props
+							$use-custom-props: $use-custom-props
 						);
 					}
 				} @else if meta.type-of($value) != 'map' and string.slice(meta.inspect($key), 1, 1) != '_' {
-					@if $props and
+					@if $use-custom-props and
 						$key != 'content' and
 						string.slice(meta.inspect($key), 1, 2) != '--' and
 						string.slice(meta.inspect($key), 1, 1) != '['