@volverjs/style 0.1.9-beta.6 → 0.1.9-beta.7

package/package.json

@@ -24,7 +24,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/style/issues"
   },
-  "version": "0.1.9-beta.6",
+  "version": "0.1.9-beta.7",
   "engines": {
     "node": ">= 12.x"
   },
@@ -37,33 +37,33 @@
     "dist/*"
   ],
   "devDependencies": {
-    "@iconify/vue": "^4.1.0",
+    "@iconify/vue": "^4.1.1",
     "@vitejs/plugin-vue": "^4.1.0",
     "@vueuse/core": "^9.13.0",
     "@vueuse/head": "^1.1.23",
-    "eslint": "^8.36.0",
+    "eslint": "^8.38.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-vue": "^9.9.0",
-    "glob": "^9.3.1",
+    "eslint-plugin-vue": "^9.10.0",
+    "glob": "^10.0.0",
     "icss-utils": "^5.1.0",
     "markdown-it-anchor": "^8.6.7",
     "markdown-it-prism": "^2.3.0",
     "postcss": "^8.4.21",
     "postcss-html": "^1.5.0",
-    "postcss-preset-env": "^8.0.1",
+    "postcss-preset-env": "^8.3.1",
     "prism-themes": "^1.9.0",
     "prismjs": "1.29.0",
     "remark": "^14.0.2",
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1",
     "remark-lint": "^9.1.1",
-    "sass": "^1.59.3",
-    "stylelint": "^15.3.0",
+    "sass": "^1.62.0",
+    "stylelint": "^15.4.0",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-recommended-scss": "^9.0.1",
+    "stylelint-config-recommended-scss": "^10.0.0",
     "stylelint-config-recommended-vue": "^1.4.0",
-    "stylelint-config-standard-scss": "^7.0.1",
-    "unplugin-auto-import": "^0.15.1",
+    "stylelint-config-standard-scss": "^8.0.0",
+    "unplugin-auto-import": "^0.15.2",
     "unplugin-vue-components": "^0.24.1",
     "vite": "^4.2.1",
     "vite-plugin-css-export": "^2.0.0",
@@ -73,7 +73,7 @@
     "vite-plugin-pages": "^0.29.0",
     "vite-plugin-stylelint": "^4.3.0",
     "vite-plugin-vue-layouts": "^0.8.0",
-    "vite-ssg": "^0.22.1",
+    "vite-ssg": "^0.22.2",
     "vite-ssg-sitemap": "^0.4.3",
     "vue": "^3.2.47",
     "vue-live": "2.4.10",

package/src/settings/components/_vv-dropdown-optgroup.scss

@@ -9,6 +9,5 @@ $vv-dropdown-optgroup: (
 	text-transform: uppercase,
 	font-size: var(--text-xs),
 	font-weight: var(--font-bold),
-	colot: var(--color-word-3),
 	background-color: var(--color-surface-2),
 );

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

@@ -39,12 +39,14 @@ $vv-radio: (
 	element: (
 		input: (
 			_alias: "> input[type='radio']",
-			border: var(--spacing-2) solid var(--input-color),
+			border-width: var(--spacing-2),
+			border-style: solid,
+			border-color: var(--input-color),
 			min-width: var(--spacing-20),
 			height: var(--spacing-20),
 			border-radius: 50%,
 			margin: 0 var(--input-label-gap) 0 0,
-			background: transparent,
+			background-color: transparent,
 			cursor: pointer,
 			position: relative,
 			pseudo: (
@@ -52,7 +54,7 @@ $vv-radio: (
 					position: absolute,
 					width: 70%,
 					height: 70%,
-					background: var(--input-color),
+					background-color: var(--input-color),
 					inset: 50% 50%,
 					border-radius: 50%,
 					transform: translate(-50%, -50%) scale(0),

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

@@ -8,6 +8,11 @@ $vv-table: (
 			_alias: 'caption',
 			caption-side: bottom,
 			[padding]: var(--table-cell-padding),
+			state: (
+				empty: (
+					display: none,
+				),
+			),
 		),
 		tr: (
 			_alias: 'tr',

package/src/tools/_mixins.scss

@@ -230,7 +230,8 @@
 					$block: $block,
 					$modifier: $modifier + $selector,
 					$props: $props,
-					$zero-specificity: $zero-specificity
+					$zero-specificity: $zero-specificity,
+					$bps: $bps
 				);
 			}
 
@@ -244,7 +245,8 @@
 					$block: $block,
 					$modifier: $modifier + $selector,
 					$props: $props,
-					$zero-specificity: $zero-specificity
+					$zero-specificity: $zero-specificity,
+					$bps: $bps
 				);
 			}
 
@@ -254,9 +256,11 @@
 					$map: $value,
 					$prefix: #{$prefix}-#{$key}-#{$item},
 					$key: 'breakpoint',
-					$block: $selector,
+					$block: $block,
+					$modifier: $modifier + $selector,
 					$props: $props,
-					$zero-specificity: $zero-specificity
+					$zero-specificity: $zero-specificity,
+					$bps: $bps
 				);
 			}
 
@@ -366,7 +370,8 @@
 					$block: $selector,
 					$alias: $alias,
 					$props: $props,
-					$zero-specificity: $zero-specificity
+					$zero-specificity: $zero-specificity,
+					$bps: $bps
 				);
 			}
 
@@ -378,7 +383,8 @@
 					$key: 'breakpoint',
 					$block: list-to-string(($selector, $alias)),
 					$props: $props,
-					$zero-specificity: $zero-specificity
+					$zero-specificity: $zero-specificity,
+					$bps: $bps
 				);
 			}
 		}
@@ -630,7 +636,8 @@
 						$block: $block,
 						$modifier: $selector,
 						$props: $props,
-						$zero-specificity: $zero-specificity
+						$zero-specificity: $zero-specificity,
+						$bps: $bps
 					);
 				}
 			}
@@ -640,16 +647,21 @@
 
 // Transform a map into a list of breakpoints
 @mixin spread-map-into-breakpoints(
+	$original: null,
 	$map: (),
 	$prefix: '',
 	$key: 'breakpoint',
 	$block: null,
+	$modifier: '',
 	$props: true,
+	$zero-specificity: true,
 	$bps: (
 		xxs: 0,
-	),
-	$zero-specificity: true
+	)
 ) {
+	@if not $original {
+		$original: $map;
+	}
 	@if not $block {
 		$block: &;
 	}
@@ -657,12 +669,12 @@
 		@each $breakpoint, $value in map.get($map, $key) {
 			@if map.has-key($bps, $breakpoint) {
 				@include wrap-with-where(
-					$selector: $block,
+					$selector: '#{$modifier}#{$block}',
 					$enabled: $zero-specificity
 				) {
 					@include media-breakpoint-up($breakpoint, $bps) {
 						@include spread-map-into-attrs(
-							$original: $map,
+							$original: $original,
 							$map: $value,
 							$prefix: $prefix,
 							$variant: #{$key}-#{$breakpoint},
@@ -1071,7 +1083,8 @@
 							$ignore: (
 								'element',
 							),
-							$props: $props
+							$props: $props,
+							$bps: $bps
 						);
 					}
 
@@ -1085,7 +1098,8 @@
 							$block: $block,
 							$modifier: $selector,
 							$props: $props,
-							$zero-specificity: $zero-specificity
+							$zero-specificity: $zero-specificity,
+							$bps: $bps
 						);
 					}
 				}