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

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.2",
   "engines": {
     "node": ">= 20.x"
   },

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

@@ -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-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-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) != '['