@volverjs/style 0.1.12-beta.19 → 0.1.12-beta.20

package/package.json

@@ -24,7 +24,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/style/issues"
   },
-  "version": "0.1.12-beta.19",
+  "version": "0.1.12-beta.20",
   "engines": {
     "node": ">= 12.x"
   },
@@ -37,19 +37,19 @@
   ],
   "devDependencies": {
     "@iconify/vue": "^4.1.2",
-    "@vitejs/plugin-vue": "^5.0.5",
-    "@vueuse/core": "^10.11.0",
+    "@vitejs/plugin-vue": "^5.1.3",
+    "@vueuse/core": "^11.0.3",
     "@vueuse/head": "^2.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vue": "^9.27.0",
     "glob": "^11.0.0",
     "icss-utils": "^5.1.0",
-    "markdown-it-anchor": "^9.0.1",
+    "markdown-it-anchor": "^9.1.0",
     "markdown-it-prism": "^2.3.0",
-    "postcss": "^8.4.39",
+    "postcss": "^8.4.41",
     "postcss-html": "^1.7.0",
-    "postcss-preset-env": "^9.6.0",
-    "prettier": "^3.3.2",
+    "postcss-preset-env": "^10.0.2",
+    "prettier": "^3.3.3",
     "prism-themes": "^1.9.0",
     "prismjs": "^1.29.0",
     "reduce-css-calc": "^2.1.8",
@@ -57,14 +57,14 @@
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
     "remark-lint": "^10.0.0",
-    "sass": "^1.77.7",
-    "stylelint": "^16.6.1",
+    "sass": "^1.77.8",
+    "stylelint": "^16.9.0",
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard-scss": "^13.1.0",
-    "unplugin-auto-import": "^0.17.6",
-    "unplugin-vue-components": "^0.27.2",
-    "vite": "^5.3.3",
+    "unplugin-auto-import": "^0.18.2",
+    "unplugin-vue-components": "^0.27.4",
+    "vite": "^5.4.2",
     "vite-plugin-css-export": "^3.0.0",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-handlebars": "^2.0.0",
@@ -73,10 +73,10 @@
     "vite-plugin-stylelint": "^5.3.1",
     "vite-plugin-vue-layouts": "^0.11.0",
     "vite-ssg": "^0.23.8",
-    "vite-ssg-sitemap": "^0.7.1",
-    "vue": "^3.4.31",
+    "vite-ssg-sitemap": "^0.8.1",
+    "vue": "^3.4.38",
     "vue-live": "^2.5.4",
-    "vue-router": "^4.4.0"
+    "vue-router": "^4.4.3"
   },
   "exports": {
     ".": "./dist/volver.css",

package/src/_preflight.scss

@@ -55,10 +55,26 @@
 			@extend %list-disc !optional;
 		}
 
-		&:where(ol) {
+		&:where(ol, ol[type='1']) {
 			@extend %list-decimal !optional;
 		}
 
+		&:where(ol[type='a']) {
+			@extend %list-lower-latin !optional;
+		}
+
+		&:where(ol[type='A']) {
+			@extend %list-upper-latin !optional;
+		}
+
+		&:where(ol[type='i']) {
+			@extend %list-lower-roman !optional;
+		}
+
+		&:where(ol[type='I']) {
+			@extend %list-upper-roman !optional;
+		}
+
 		&:where(li > p) {
 			@extend %inline !optional;
 		}
@@ -90,6 +106,7 @@
 		&:where(abbr) {
 			@extend %underline !optional;
 			@extend %decoration-dotted !optional;
+			@extend %cursor-help !optional;
 		}
 
 		&:where(code) {

package/src/export.scss

@@ -15,9 +15,9 @@
 			@each $subKey, $subValue in $value {
 				@if meta.type-of($value) not 'map' {
 					@if not
-						str-index($subKey, 'hue') and not
-						str-index($subKey, 'saturation') and not
-						str-index($subKey, 'lightness')
+						string.index($subKey, 'hue') and not
+						string.index($subKey, 'saturation') and not
+						string.index($subKey, 'lightness')
 					{
 						@if '' + $key == $subKey {
 							#{'colors__' + $key}: $subValue;
@@ -39,9 +39,9 @@
 			@each $subKey, $subValue in $value {
 				@if meta.type-of($value) not 'map' {
 					@if not
-						str-index($subKey, 'hue') and not
-						str-index($subKey, 'saturation') and not
-						str-index($subKey, 'lightness')
+						string.index($subKey, 'hue') and not
+						string.index($subKey, 'saturation') and not
+						string.index($subKey, 'lightness')
 					{
 						@if '' + $key == $subKey {
 							#{'dark-colors__' + $key}: $subValue;

package/src/settings/_interactivity.scss

@@ -37,3 +37,17 @@ $cursor: (
 	zoom-in: zoom-in,
 	zoom-out: zoom-out,
 ) !default;
+
+// pointer events
+$pointer-events: (
+	none: none,
+	auto: auto,
+) !default;
+
+// user select
+$user-select: (
+	none: none,
+	text: text,
+	all: all,
+	auto: auto,
+) !default;

package/src/settings/_typography.scss

@@ -114,7 +114,15 @@ $font-variant-numeric: (
 ) !default;
 
 // list-style-type
-$list-style-type: (none, disc, decimal) !default;
+$list-style-type: (
+	none,
+	disc,
+	decimal,
+	lower-latin,
+	upper-latin,
+	lower-roman,
+	upper-roman
+) !default;
 
 // list-style-position
 $list-style-position: (inside, outside) !default;

package/src/tools/_mixins.scss

@@ -978,9 +978,15 @@
 						$prop-to-replace-with: #{$prop-to-replace-with}-#{$key};
 
 						@if map.get($original, $key) {
-							#{$prop-to-replace}: var(#{$prop-to-replace-with});
+							& {
+								#{$prop-to-replace}: var(
+									#{$prop-to-replace-with}
+								);
+							}
 						} @else {
-							#{$key}: var(#{$prop-to-replace-with});
+							& {
+								#{$key}: var(#{$prop-to-replace-with});
+							}
 						}
 					} @else {
 						@if string.slice(meta.inspect($key), 1, 1) == '[' {
@@ -991,7 +997,9 @@
 							);
 						}
 
-						#{$key}: $value;
+						& {
+							#{$key}: $value;
+						}
 					}
 				}
 			}

package/src/utilities/interactivity.scss

@@ -10,22 +10,17 @@
 );
 
 // pointer events
-%pointer-events-none {
-	pointer-events: none;
-}
-@include wrap-with-where(
-	$selector: '.pointer-events-none',
-	$enabled: $zero-specificity-for-utilities
-) {
-	@extend %pointer-events-none;
-}
+@include spread-map-into-utilities(
+	$map: $pointer-events,
+	$class: pointer-events,
+	$attribute: pointer-events,
+	$zero-specificity: $zero-specificity-for-utilities
+);
 
-%pointer-events-auto {
-	pointer-events: auto;
-}
-@include wrap-with-where(
-	$selector: '.pointer-events-auto',
-	$enabled: $zero-specificity-for-utilities
-) {
-	@extend %pointer-events-auto;
-}
+// user select
+@include spread-map-into-utilities(
+	$map: $user-select,
+	$class: user-select,
+	$attribute: user-select,
+	$zero-specificity: $zero-specificity-for-utilities
+);