@volverjs/style 0.1.24-beta.2 → 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.2",
+  "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-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,
-	$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;
-}
+	@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/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/tools/mixin-modules/_theme.scss

@@ -346,6 +346,60 @@
 						$ignore: (modifier, element, state, breakpoint)
 					);
 				}
+			} @else if $state-name == 'selected' {
+				@include wrap-with-where($selector: '#{$base}[aria-selected="true"]', $enabled: $zero-specificity) {
+					@include spread-map-into-attrs(
+						$map: $state-value,
+						$prefix: $prefix,
+						$use-custom-props: false,
+						$ignore: (modifier, element, state, breakpoint)
+					);
+				}
+			} @else if $state-name == 'pressed' {
+				@include wrap-with-where($selector: '#{$base}[aria-pressed="true"]', $enabled: $zero-specificity) {
+					@include spread-map-into-attrs(
+						$map: $state-value,
+						$prefix: $prefix,
+						$use-custom-props: false,
+						$ignore: (modifier, element, state, breakpoint)
+					);
+				}
+			} @else if $state-name == 'checked-within' {
+				@include wrap-with-where($selector: '#{$base}:has(input:checked)', $enabled: $zero-specificity) {
+					@include spread-map-into-attrs(
+						$map: $state-value,
+						$prefix: $prefix,
+						$use-custom-props: false,
+						$ignore: (modifier, element, state, breakpoint)
+					);
+				}
+			} @else if $state-name == 'open' {
+				@include wrap-with-where($selector: '#{$base}[open]', $enabled: $zero-specificity) {
+					@include spread-map-into-attrs(
+						$map: $state-value,
+						$prefix: $prefix,
+						$use-custom-props: false,
+						$ignore: (modifier, element, state, breakpoint)
+					);
+				}
+			} @else if $state-name == 'close' {
+				@include wrap-with-where($selector: '#{$base}:not([open])', $enabled: $zero-specificity) {
+					@include spread-map-into-attrs(
+						$map: $state-value,
+						$prefix: $prefix,
+						$use-custom-props: false,
+						$ignore: (modifier, element, state, breakpoint)
+					);
+				}
+			} @else if $state-name == 'dirty' {
+				@include wrap-with-where($selector: '#{$base}:not(:has(*:placeholder-shown))', $enabled: $zero-specificity) {
+					@include spread-map-into-attrs(
+						$map: $state-value,
+						$prefix: $prefix,
+						$use-custom-props: false,
+						$ignore: (modifier, element, state, breakpoint)
+					);
+				}
 			} @else if $state-name != 'current' {
 				@include wrap-with-where($selector: '#{$base}:not([disabled]):#{$state-name}', $enabled: $zero-specificity) {
 					@include spread-map-into-attrs(