@volverjs/style 0.1.2-beta.9 → 0.1.2

package/src/utilities/grid.scss

@@ -1,12 +1,13 @@
 @use 'sass:map';
-@import '../context';
+@use '../context' as *;
 
 // grid template columns
 @include spread-map-into-utilities(
 	$map: $grid-template-columns,
 	$class: grid-cols,
 	$attribute: grid-template-columns,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // grid column
@@ -14,7 +15,8 @@
 	$map: $grid-column,
 	$class: col,
 	$attribute: grid-column,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // grid column start/end
@@ -25,7 +27,8 @@
 		$map: $grid-column-start-end,
 		$class: $class,
 		$attribute: $attribute,
-		$bps: $breakpoints
+		$bps: $breakpoints,
+		$zero-specificity: $zero-specificity-for-utilities
 	);
 }
 
@@ -34,7 +37,8 @@
 	$map: $grid-template-rows,
 	$class: grid-rows,
 	$attribute: grid-template-rows,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // grid row
@@ -42,7 +46,8 @@
 	$map: $grid-row,
 	$class: row,
 	$attribute: grid-row,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // grid row start/end
@@ -51,7 +56,8 @@
 		$map: $grid-row-start-end,
 		$class: $class,
 		$attribute: $attribute,
-		$bps: $breakpoints
+		$bps: $breakpoints,
+		$zero-specificity: $zero-specificity-for-utilities
 	);
 }
 
@@ -60,7 +66,8 @@
 	$map: $grid-auto-flow,
 	$class: grid-flow,
 	$attribute: grid-auto-flow,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // grid auto rows/columns
@@ -71,6 +78,7 @@
 		$map: $grid-auto-rows-columns,
 		$class: $class,
 		$attribute: $attribute,
-		$bps: $breakpoints
+		$bps: $breakpoints,
+		$zero-specificity: $zero-specificity-for-utilities
 	);
 }

package/src/utilities/index.scss

@@ -1,12 +1,13 @@
-@import 'animation';
-@import 'backgrounds';
-@import 'borders';
-@import 'colors';
-@import 'effects';
-@import 'filters';
-@import 'flexbox';
-@import 'grid';
-@import 'layout';
-@import 'sizing';
-@import 'spacing';
-@import 'typography';
+@forward 'backgrounds';
+@forward 'borders';
+@forward 'colors';
+@forward 'effects';
+@forward 'filters';
+@forward 'flexbox';
+@forward 'grid';
+@forward 'interactivity';
+@forward 'layout';
+@forward 'sizing';
+@forward 'spacing';
+@forward 'transitions';
+@forward 'typography';

package/src/utilities/interactivity.scss

@@ -0,0 +1,10 @@
+@use 'sass:map';
+@use '../context' as *;
+
+// grid template columns
+@include spread-map-into-utilities(
+	$map: $cursor,
+	$class: cursor,
+	$attribute: cursor,
+	$zero-specificity: $zero-specificity-for-utilities
+);

package/src/utilities/layout.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@import '../context';
+@use '../context' as *;
 
 // aspect
 @include spread-map-into-utilities(
@@ -7,7 +7,8 @@
 	$class: aspect,
 	$attribute: aspect-ratio,
 	$prop: aspect,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // container
@@ -16,7 +17,7 @@
 
 	@each $breakpoint, $value in $breakpoints {
 		@if $value > 0 {
-			@include media-breakpoint-up($breakpoint) {
+			@include media-breakpoint-up($breakpoint, $breakpoints) {
 				max-width: $value;
 			}
 		}
@@ -34,79 +35,87 @@
 	$map: $columns,
 	$class: columns,
 	$attribute: column-count,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // break-after
 @include spread-map-into-utilities(
 	$map: $break-after,
 	$class: break-after,
-	$attribute: break-after
+	$attribute: break-after,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // break-before
 @include spread-map-into-utilities(
 	$map: $break-before,
 	$class: break-before,
-	$attribute: break-before
+	$attribute: break-before,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // break-inside
 @include spread-map-into-utilities(
 	$map: $break-inside,
 	$class: break-inside,
-	$attribute: break-inside
+	$attribute: break-inside,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // display
 @include spread-map-into-utilities(
 	$map: $display-without-breakpoints,
-	$attribute: display
+	$attribute: display,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 @include spread-map-into-utilities(
 	$map: $display-with-breakpoints,
 	$attribute: display,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // object-fit
 @include spread-map-into-utilities(
 	$map: $object-fit,
 	$class: object,
-	$attribute: object-fit
+	$attribute: object-fit,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // object-position
 @include spread-map-into-utilities(
 	$map: $object-position,
 	$class: object,
-	$attribute: object-position
+	$attribute: object-position,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // overflow
-@each $overflow in (auto, hidden, clip, visible, scroll) {
-	%overflow-#{$overflow} {
-		overflow: #{$overflow};
+@each $key, $value in $overflow {
+	%overflow-#{$key} {
+		overflow: #{$value};
 	}
 
 	@include wrap-with-where(
-		$selector: '.overflow-#{$overflow}',
+		$selector: '.overflow-#{$key}',
 		$enabled: $zero-specificity-for-utilities
 	) {
-		@extend %overflow-#{$overflow};
+		@extend %overflow-#{$key};
 	}
 
 	@each $prefix in (x, y) {
-		%overflow-#{$prefix}-#{$overflow} {
-			overflow-#{$prefix}: #{$overflow};
+		%overflow-#{$prefix}-#{$key} {
+			overflow-#{$prefix}: #{$value};
 		}
 
 		@include wrap-with-where(
-			$selector: '.overflow-#{$prefix}-#{$overflow}',
+			$selector: '.overflow-#{$prefix}-#{$key}',
 			$enabled: $zero-specificity-for-utilities
 		) {
-			@extend %overflow-#{$prefix}-#{$overflow};
+			@extend %overflow-#{$prefix}-#{$key};
 		}
 	}
 }
@@ -115,14 +124,16 @@
 @include spread-map-into-utilities(
 	$map: $position,
 	$attribute: position,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // visibility
 @include spread-map-into-utilities(
 	$map: $visibility,
 	$attribute: visibility,
-	$bps: $breakpoints
+	$bps: $breakpoints,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // top / right / bottom / left
@@ -185,5 +196,6 @@
 	$map: $z-index,
 	$class: z,
 	$attribute: z-index,
-	$prop: z
+	$prop: z,
+	$zero-specificity: $zero-specificity-for-utilities
 );

package/src/utilities/sizing.scss

@@ -1,27 +1,18 @@
 @use 'sass:map';
-@import '../context';
+@use '../context' as *;
 
 // width / height / max-width / max-height
-@each $dimension,
-	$attr in(w: width, h: height, max-w: max-width, max-h: max-height)
+@each $class,
+	$attribute in(w: width, h: height, max-w: max-width, max-h: max-height)
 {
-	@each $size, $value in map.merge($spacing, $spacing-dynamic) {
-		// check if value is not a map (spacing-dynamic)
-		$var: var(--spacing-#{$size});
-		@if type-of($value) != 'map' {
-			$var: var(--spacing-#{$size}, #{$value});
-		}
-
-		%#{$dimension}-#{$size} {
-			#{$attr}: #{$var};
-		}
-		@include wrap-with-where(
-			$selector: '.#{$dimension}-#{$size}',
-			$enabled: $zero-specificity-for-utilities
-		) {
-			@extend %#{$dimension}-#{$size};
-		}
-	}
+	@include spread-map-into-utilities(
+		$map: map.merge($spacing, $spacing-dynamic),
+		$class: $class,
+		$attribute: $attribute,
+		$bps: $breakpoints,
+		$prop: spacing,
+		$zero-specificity: $zero-specificity-for-utilities
+	);
 }
 
 @include spread-map-into-utilities(
@@ -29,7 +20,8 @@
 	$class: w,
 	$attribute: width,
 	$bps: $breakpoints,
-	$prop: w
+	$prop: w,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 @include spread-map-into-utilities(
@@ -37,19 +29,22 @@
 	$class: h,
 	$attribute: height,
 	$bps: $breakpoints,
-	$prop: h
+	$prop: h,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 @include spread-map-into-utilities(
 	$map: $max-width,
 	$class: max-w,
-	$attribute: max-width
+	$attribute: max-width,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 @include spread-map-into-utilities(
 	$map: $max-height,
 	$class: max-h,
-	$attribute: max-height
+	$attribute: max-height,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 @each $breakpoint, $breakpoint-value in $breakpoints {
@@ -70,11 +65,13 @@
 @include spread-map-into-utilities(
 	$map: $min-width,
 	$class: min-w,
-	$attribute: min-width
+	$attribute: min-width,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 @include spread-map-into-utilities(
 	$map: $min-height,
 	$class: min-h,
-	$attribute: min-height
+	$attribute: min-height,
+	$zero-specificity: $zero-specificity-for-utilities
 );

package/src/utilities/spacing.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@import '../context';
+@use '../context' as *;
 
 @each $prefix, $prop in (m: margin, p: padding, n: margin) {
 	@each $size, $value in map.merge($spacing, $spacing-dynamic) {

package/src/utilities/transitions.scss

@@ -0,0 +1,47 @@
+@use 'sass:map';
+@use 'sass:string';
+@use '../context' as *;
+
+// transition property
+@include spread-map-into-utilities(
+	$map: $transition-property,
+	$class: transition-property,
+	$attribute: transition-property,
+	$zero-specificity: $zero-specificity-for-utilities
+);
+
+// transition duration and transition delay
+@each $class,
+	$attribute in (duration: transition-duration, delay: transition-delay)
+{
+	@include spread-map-into-utilities(
+		$map: $transition-duration-delay,
+		$class: $class,
+		$attribute: $attribute,
+		$zero-specificity: $zero-specificity-for-utilities
+	);
+}
+
+// transition timing function
+@include spread-map-into-utilities(
+	$map: $transition-timing-function,
+	$class: ease,
+	$attribute: transition-timing-function,
+	$zero-specificity: $zero-specificity-for-utilities
+);
+
+@each $property, $value in $transition-property {
+	@include wrap-with-where(
+		$selector: '.transition-#{$property}',
+		$enabled: $zero-specificity-for-utilities
+	) {
+		transition-property: string.unquote($value);
+		@if $property != 'none' {
+			transition-duration: map.get($transition-duration-delay, 300);
+			transition-timing-function: map.get(
+				$transition-timing-function,
+				'in-out'
+			);
+		}
+	}
+}

package/src/utilities/typography.scss

@@ -1,12 +1,13 @@
 @use 'sass:map';
-@import '../context';
+@use '../context' as *;
 
 // font-family
 @include spread-map-into-utilities(
 	$map: $font-family,
 	$class: font,
 	$attribute: font-family,
-	$prop: font
+	$prop: font,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // font-weight
@@ -14,7 +15,8 @@
 	$map: $font-weight,
 	$class: font,
 	$attribute: font-weight,
-	$prop: font
+	$prop: font,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // font-size
@@ -22,8 +24,10 @@
 	$map: map.merge($font-size, $font-size-dynamic),
 	$class: text,
 	$attribute: font-size,
+	$bps: $breakpoints,
 	$prop: text,
-	$deep: false
+	$deep: false,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // font-style
@@ -75,7 +79,8 @@
 	$map: $line-height,
 	$class: leading,
 	$attribute: line-height,
-	$prop: leading
+	$prop: leading,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // letter-spacing
@@ -83,67 +88,77 @@
 	$map: $letter-spacing,
 	$class: tracking,
 	$attribute: letter-spacing,
-	$prop: tracking
+	$prop: tracking,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // font-variant-numeric
 @include spread-map-into-utilities(
 	$map: $font-variant-numeric,
-	$attribute: font-variant-numeric
+	$attribute: font-variant-numeric,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // list-style-type
 @include spread-map-into-utilities(
 	$map: $list-style-type,
 	$class: list,
-	$attribute: list-style-type
+	$attribute: list-style-type,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // list-style-position
 @include spread-map-into-utilities(
 	$map: $list-style-position,
 	$class: list,
-	$attribute: list-style-position
+	$attribute: list-style-position,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // text-align
 @include spread-map-into-utilities(
 	$map: $text-align,
 	$class: text,
-	$attribute: text-align
+	$attribute: text-align,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // text-decorator-line
 @include spread-map-into-utilities(
 	$map: $text-decorator-line,
-	$attribute: text-decoration-line
+	$attribute: text-decoration-line,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // text-decorator-style
 @include spread-map-into-utilities(
 	$map: $text-decorator-style,
 	$class: decoration,
-	$attribute: text-decoration-style
+	$attribute: text-decoration-style,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // text-decorator-thickness
 @include spread-map-into-utilities(
 	$map: $text-decorator-thickness,
 	$class: decoration,
-	$attribute: text-decoration-thickness
+	$attribute: text-decoration-thickness,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // text-underline-offset
 @include spread-map-into-utilities(
 	$map: $text-underline-offset,
 	$class: underline-offset,
-	$attribute: text-underline-offset
+	$attribute: text-underline-offset,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // text-transform
 @include spread-map-into-utilities(
 	$map: $text-transform,
-	$attribute: text-transform
+	$attribute: text-transform,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // text-overflow
@@ -215,12 +230,14 @@
 @include spread-map-into-utilities(
 	$map: $vertical-align,
 	$class: align,
-	$attribute: vertical-align
+	$attribute: vertical-align,
+	$zero-specificity: $zero-specificity-for-utilities
 );
 
 // white-space
 @include spread-map-into-utilities(
 	$map: $white-space,
 	$class: whitespace,
-	$attribute: white-space
+	$attribute: white-space,
+	$zero-specificity: $zero-specificity-for-utilities
 );

package/src/volver.scss

@@ -1,14 +1,14 @@
 // reset
-@import 'reset';
+@use 'reset';
 
 // props
-@import 'props';
+@use 'props';
 
 // components
-@import 'components';
+@use 'components';
 
 // utilities
-@import 'utilities';
+@use 'utilities';
 
 // preflight
 @import 'preflight';

package/dist/components/vv-input-checkbox-group.css

@@ -1 +0,0 @@
-:where(:host,:root,.theme){--vv-input-checkbox-group-display: var(--input-display);--vv-input-checkbox-group-flex: var(--input-flex);--vv-input-checkbox-group-flex-direction: var(--input-flex-direction);--vv-input-checkbox-group-element-legend-display: var(--input-label-display);--vv-input-checkbox-group-element-legend-font-size: var(--input-label-font-size);--vv-input-checkbox-group-element-legend-color: var(--input-label-color);--vv-input-checkbox-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-input-checkbox-group-element-legend-white-space: var(--input-label-white-space);--vv-input-checkbox-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-input-checkbox-group-element-legend-overflow: var(--input-label-overflow);--vv-input-checkbox-group-element-legend-max-width: var(--input-label-max-width);--vv-input-checkbox-group-element-wrapper-position: relative;--vv-input-checkbox-group-element-wrapper-display: flex;--vv-input-checkbox-group-element-wrapper-flex-direction: column;--vv-input-checkbox-group-element-wrapper-flex-wrap: wrap;--vv-input-checkbox-group-element-hint-display: var(--input-hint-display);--vv-input-checkbox-group-element-hint-font-size: var(--input-hint-font-size);--vv-input-checkbox-group-element-hint-color: var(--input-hint-color);--vv-input-checkbox-group-element-hint-padding-top: var(--input-hint-gap);--vv-input-checkbox-group-element-hint-white-space: var(--input-hint-white-space);--vv-input-checkbox-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-checkbox-group-element-hint-overflow: var(--input-hint-overflow);--vv-input-checkbox-group-element-hint-max-width: var(--input-hint-max-width);--vv-input-checkbox-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-input-checkbox-group-element-hint-margin-bottom: var(--input-gap);--vv-input-checkbox-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-input-checkbox-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-checkbox-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-input-checkbox-group){display:var(--vv-input-checkbox-group-display);flex:var(--vv-input-checkbox-group-flex);flex-direction:var(--vv-input-checkbox-group-flex-direction)}:where(.vv-input-checkbox-group__legend,.vv-input-checkbox-group > legend){display:var(--vv-input-checkbox-group-element-legend-display);font-size:var(--vv-input-checkbox-group-element-legend-font-size);color:var(--vv-input-checkbox-group-element-legend-color);margin:var(--vv-input-checkbox-group-element-legend-margin);white-space:var(--vv-input-checkbox-group-element-legend-white-space);text-overflow:var(--vv-input-checkbox-group-element-legend-text-overflow);overflow:var(--vv-input-checkbox-group-element-legend-overflow);max-width:var(--vv-input-checkbox-group-element-legend-max-width)}:where(.vv-input-checkbox-group__wrapper){position:var(--vv-input-checkbox-group-element-wrapper-position);display:var(--vv-input-checkbox-group-element-wrapper-display);flex-direction:var(--vv-input-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-input-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-input-checkbox-group__hint,.vv-input-checkbox-group > small){display:var(--vv-input-checkbox-group-element-hint-display);font-size:var(--vv-input-checkbox-group-element-hint-font-size);color:var(--vv-input-checkbox-group-element-hint-color);padding-top:var(--vv-input-checkbox-group-element-hint-padding-top);white-space:var(--vv-input-checkbox-group-element-hint-white-space);text-overflow:var(--vv-input-checkbox-group-element-hint-text-overflow);overflow:var(--vv-input-checkbox-group-element-hint-overflow);max-width:var(--vv-input-checkbox-group-element-hint-max-width);margin-top:var(--vv-input-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-input-checkbox-group-element-hint-margin-bottom)}:where(.vv-input-checkbox-group--horizontal .vv-input-checkbox-group__wrapper){flex-direction:var(--vv-input-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-input-checkbox-group--valid .vv-input-checkbox-group__hint,.vv-input-checkbox-group--valid > small){color:var(--vv-input-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-input-checkbox-group--invalid .vv-input-checkbox-group__hint,.vv-input-checkbox-group--invalid > small){color:var(--vv-input-checkbox-group-modifier-invalid-element-hint-color)}

package/dist/components/vv-input-checkbox.css

@@ -1 +0,0 @@
-:where(:host,:root,.theme){--vv-input-checkbox-display: inline-flex;--vv-input-checkbox-flex-wrap: nowrap;--vv-input-checkbox-align-items: center;--vv-input-checkbox-cursor: pointer;--vv-input-checkbox-user-select: none;--vv-input-checkbox-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-input-checkbox-color: var(--input-color);--vv-input-checkbox-font-size: var(--input-font-size);--vv-input-checkbox-line-height: var(--input-line-height);--vv-input-checkbox-state-disabled-opacity: .3;--vv-input-checkbox-state-disabled-cursor: not-allowed;--vv-input-checkbox-state-readonly-opacity: 1;--vv-input-checkbox-state-readonly-cursor: default;--vv-input-checkbox-state-readonly-pointer-events: none;--vv-input-checkbox-element-input-border: var(--spacing-2) solid var(--input-color);--vv-input-checkbox-element-input-width: var(--spacing-20);--vv-input-checkbox-element-input-height: var(--spacing-20);--vv-input-checkbox-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-input-checkbox-element-input-background-position: center;--vv-input-checkbox-element-input-background-size: var(--text-12) auto;--vv-input-checkbox-element-input-background-repeat: no-repeat;--vv-input-checkbox-element-input-cursor: pointer;--vv-input-checkbox-element-input-position: relative;--vv-input-checkbox-element-input-state-checked-background-image: var(--bg-check);--vv-input-checkbox-element-input-state-indeterminate-background-image: var(--bg-minus);--vv-input-checkbox-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-input-checkbox-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-input-checkbox-modifier-switch-element-input-border: 0;--vv-input-checkbox-modifier-switch-element-input-width: var(--spacing-44);--vv-input-checkbox-modifier-switch-element-input-height: var(--spacing-24);--vv-input-checkbox-modifier-switch-element-input-border-radius: var(--spacing-12);--vv-input-checkbox-modifier-switch-element-input-background-color: var(--color-word-5);--vv-input-checkbox-modifier-switch-element-input-position: relative;--vv-input-checkbox-modifier-switch-element-input-will-change: background-color;--vv-input-checkbox-modifier-switch-element-input-transition: background-color .3s ease-in-out;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-width: var(--spacing-20);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-height: var(--spacing-20);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-border-radius: 50%;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-position: absolute;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-inset: var(--spacing-2) 0 0 var(--spacing-2);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-background: var(--color-white);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-will-change: transform;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-transition: transform .3s ease-in-out;--vv-input-checkbox-modifier-switch-element-input-state-hover-background-color: var(--color-word-4);--vv-input-checkbox-modifier-switch-element-input-state-active-background-color: var(--color-word-3);--vv-input-checkbox-modifier-switch-element-input-state-checked-background-image: none;--vv-input-checkbox-modifier-switch-element-input-state-checked-background-color: var(--color-brand);--vv-input-checkbox-modifier-switch-element-input-state-checked-pseudo-after-transform: translateX(100%)}:where(.vv-input-checkbox){display:var(--vv-input-checkbox-display);flex-wrap:var(--vv-input-checkbox-flex-wrap);align-items:var(--vv-input-checkbox-align-items);cursor:var(--vv-input-checkbox-cursor);-webkit-user-select:var(--vv-input-checkbox-user-select);-moz-user-select:var(--vv-input-checkbox-user-select);user-select:var(--vv-input-checkbox-user-select);margin:var(--vv-input-checkbox-margin);color:var(--vv-input-checkbox-color);font-size:var(--vv-input-checkbox-font-size);line-height:var(--vv-input-checkbox-line-height)}:where(.vv-input-checkbox__input,.vv-input-checkbox > input[type=checkbox]){border:var(--vv-input-checkbox-element-input-border);width:var(--vv-input-checkbox-element-input-width);height:var(--vv-input-checkbox-element-input-height);margin:var(--vv-input-checkbox-element-input-margin);background-position:var(--vv-input-checkbox-element-input-background-position);background-size:var(--vv-input-checkbox-element-input-background-size);background-repeat:var(--vv-input-checkbox-element-input-background-repeat);cursor:var(--vv-input-checkbox-element-input-cursor);position:var(--vv-input-checkbox-element-input-position)}:where(.vv-input-checkbox__input--checked,.vv-input-checkbox__input.checked,.vv-input-checkbox > input[type=checkbox].checked,.vv-input-checkbox__input:checked,.vv-input-checkbox > input[type=checkbox]:checked){background-image:var(--vv-input-checkbox-element-input-state-checked-background-image)}:where(.vv-input-checkbox__input--indeterminate,.vv-input-checkbox__input.indeterminate,.vv-input-checkbox > input[type=checkbox].indeterminate,.vv-input-checkbox__input:not([disabled]):indeterminate,.vv-input-checkbox > input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-input-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-input-checkbox__input--focus-visible,.vv-input-checkbox__input.focus-visible,.vv-input-checkbox > input[type=checkbox].focus-visible,.vv-input-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-input-checkbox > input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-input-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-input-checkbox[\:has\(\%3E\%20input\[type\%3Dcheckbox\]\:disabled\)]),:where(.vv-input-checkbox--disabled,.vv-input-checkbox.disabled,.vv-input-checkbox[disabled],.vv-input-checkbox[aria-disabled=true]){opacity:var(--vv-input-checkbox-state-disabled-opacity);--vv-input-checkbox-cursor: var(--vv-input-checkbox-state-disabled-cursor)}:where(.vv-input-checkbox:has(> input[type=checkbox]:disabled)),:where(.vv-input-checkbox--disabled,.vv-input-checkbox.disabled,.vv-input-checkbox[disabled],.vv-input-checkbox[aria-disabled=true]){opacity:var(--vv-input-checkbox-state-disabled-opacity);--vv-input-checkbox-cursor: var(--vv-input-checkbox-state-disabled-cursor)}:where(.vv-input-checkbox--readonly,.vv-input-checkbox.readonly,.vv-input-checkbox[readonly]){opacity:var(--vv-input-checkbox-state-readonly-opacity);--vv-input-checkbox-cursor: var(--vv-input-checkbox-state-readonly-cursor);pointer-events:var(--vv-input-checkbox-state-readonly-pointer-events)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input,.vv-input-checkbox--switch > input[type=checkbox]){border:var(--vv-input-checkbox-modifier-switch-element-input-border);width:var(--vv-input-checkbox-modifier-switch-element-input-width);height:var(--vv-input-checkbox-modifier-switch-element-input-height);border-radius:var(--vv-input-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-input-checkbox-modifier-switch-element-input-background-color);position:var(--vv-input-checkbox-modifier-switch-element-input-position);will-change:var(--vv-input-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-input-checkbox-modifier-switch-element-input-transition)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input,.vv-input-checkbox--switch > input[type=checkbox]):after{content:"";width:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-position);inset:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-inset);background:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--hover,.vv-input-checkbox--switch .vv-input-checkbox__input.hover,.vv-input-checkbox--switch > input[type=checkbox].hover,.vv-input-checkbox--switch .vv-input-checkbox__input:not([disabled]):hover,.vv-input-checkbox--switch > input[type=checkbox]:not([disabled]):hover){--vv-input-checkbox-modifier-switch-element-input-background-color: var(--vv-input-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--active,.vv-input-checkbox--switch .vv-input-checkbox__input.active,.vv-input-checkbox--switch > input[type=checkbox].active,.vv-input-checkbox--switch .vv-input-checkbox__input:not([disabled]):active,.vv-input-checkbox--switch > input[type=checkbox]:not([disabled]):active){--vv-input-checkbox-modifier-switch-element-input-background-color: var(--vv-input-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--checked,.vv-input-checkbox--switch .vv-input-checkbox__input.checked,.vv-input-checkbox--switch > input[type=checkbox].checked,.vv-input-checkbox--switch .vv-input-checkbox__input:checked,.vv-input-checkbox--switch > input[type=checkbox]:checked){background-image:var(--vv-input-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-input-checkbox-modifier-switch-element-input-background-color: var(--vv-input-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--checked,.vv-input-checkbox--switch .vv-input-checkbox__input.checked,.vv-input-checkbox--switch > input[type=checkbox].checked,.vv-input-checkbox--switch .vv-input-checkbox__input:checked,.vv-input-checkbox--switch > input[type=checkbox]:checked):after{transform:var(--vv-input-checkbox-modifier-switch-element-input-state-checked-pseudo-after-transform)}

package/dist/components/vv-input-radio-group.css

@@ -1 +0,0 @@
-:where(:host,:root,.theme){--vv-input-radio-group-display: var(--input-display);--vv-input-radio-group-flex: var(--input-flex);--vv-input-radio-group-flex-direction: var(--input-flex-direction);--vv-input-radio-group-element-legend-display: var(--input-label-display);--vv-input-radio-group-element-legend-font-size: var(--input-label-font-size);--vv-input-radio-group-element-legend-color: var(--input-label-color);--vv-input-radio-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-input-radio-group-element-legend-white-space: var(--input-label-white-space);--vv-input-radio-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-input-radio-group-element-legend-overflow: var(--input-label-overflow);--vv-input-radio-group-element-legend-max-width: var(--input-label-max-width);--vv-input-radio-group-element-wrapper-position: relative;--vv-input-radio-group-element-wrapper-display: flex;--vv-input-radio-group-element-wrapper-flex-direction: column;--vv-input-radio-group-element-wrapper-flex-wrap: wrap;--vv-input-radio-group-element-hint-display: var(--input-hint-display);--vv-input-radio-group-element-hint-font-size: var(--input-hint-font-size);--vv-input-radio-group-element-hint-color: var(--input-hint-color);--vv-input-radio-group-element-hint-padding-top: var(--input-hint-gap);--vv-input-radio-group-element-hint-white-space: var(--input-hint-white-space);--vv-input-radio-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-radio-group-element-hint-overflow: var(--input-hint-overflow);--vv-input-radio-group-element-hint-max-width: var(--input-hint-max-width);--vv-input-radio-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-input-radio-group-element-hint-margin-bottom: var(--input-gap);--vv-input-radio-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-input-radio-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-radio-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-input-radio-group){display:var(--vv-input-radio-group-display);flex:var(--vv-input-radio-group-flex);flex-direction:var(--vv-input-radio-group-flex-direction)}:where(.vv-input-radio-group__legend,.vv-input-radio-group > legend){display:var(--vv-input-radio-group-element-legend-display);font-size:var(--vv-input-radio-group-element-legend-font-size);color:var(--vv-input-radio-group-element-legend-color);margin:var(--vv-input-radio-group-element-legend-margin);white-space:var(--vv-input-radio-group-element-legend-white-space);text-overflow:var(--vv-input-radio-group-element-legend-text-overflow);overflow:var(--vv-input-radio-group-element-legend-overflow);max-width:var(--vv-input-radio-group-element-legend-max-width)}:where(.vv-input-radio-group__wrapper){position:var(--vv-input-radio-group-element-wrapper-position);display:var(--vv-input-radio-group-element-wrapper-display);flex-direction:var(--vv-input-radio-group-element-wrapper-flex-direction);flex-wrap:var(--vv-input-radio-group-element-wrapper-flex-wrap)}:where(.vv-input-radio-group__hint,.vv-input-radio-group > small){display:var(--vv-input-radio-group-element-hint-display);font-size:var(--vv-input-radio-group-element-hint-font-size);color:var(--vv-input-radio-group-element-hint-color);padding-top:var(--vv-input-radio-group-element-hint-padding-top);white-space:var(--vv-input-radio-group-element-hint-white-space);text-overflow:var(--vv-input-radio-group-element-hint-text-overflow);overflow:var(--vv-input-radio-group-element-hint-overflow);max-width:var(--vv-input-radio-group-element-hint-max-width);margin-top:var(--vv-input-radio-group-element-hint-margin-top);margin-bottom:var(--vv-input-radio-group-element-hint-margin-bottom)}:where(.vv-input-radio-group--horizontal .vv-input-radio-group__wrapper){flex-direction:var(--vv-input-radio-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-input-radio-group--valid .vv-input-radio-group__hint,.vv-input-radio-group--valid > small){color:var(--vv-input-radio-group-modifier-valid-element-hint-color)}:where(.vv-input-radio-group--invalid .vv-input-radio-group__hint,.vv-input-radio-group--invalid > small){color:var(--vv-input-radio-group-modifier-invalid-element-hint-color)}

package/dist/components/vv-input-radio.css

@@ -1 +0,0 @@
-:where(:host,:root,.theme){--vv-input-radio-display: inline-flex;--vv-input-radio-flex-wrap: nowrap;--vv-input-radio-align-items: center;--vv-input-radio-cursor: pointer;--vv-input-radio-user-select: none;--vv-input-radio-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-input-radio-color: var(--input-color);--vv-input-radio-font-size: var(--input-font-size);--vv-input-radio-line-height: var(--input-line-height);--vv-input-radio-state-disabled-opacity: .3;--vv-input-radio-state-disabled-cursor: not-allowed;--vv-input-radio-state-readonly-opacity: 1;--vv-input-radio-state-readonly-cursor: default;--vv-input-radio-state-readonly-pointer-events: none;--vv-input-radio-element-input-border: var(--spacing-2) solid var(--input-color);--vv-input-radio-element-input-width: var(--spacing-20);--vv-input-radio-element-input-height: var(--spacing-20);--vv-input-radio-element-input-border-radius: 50%;--vv-input-radio-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-input-radio-element-input-background: transparent;--vv-input-radio-element-input-cursor: pointer;--vv-input-radio-element-input-position: relative;--vv-input-radio-element-input-pseudo-after-position: absolute;--vv-input-radio-element-input-pseudo-after-width: 70%;--vv-input-radio-element-input-pseudo-after-height: 70%;--vv-input-radio-element-input-pseudo-after-background: var(--input-color);--vv-input-radio-element-input-pseudo-after-inset: 50% 50%;--vv-input-radio-element-input-pseudo-after-border-radius: 50%;--vv-input-radio-element-input-pseudo-after-transform: translate(-50%, -50%) scale(0);--vv-input-radio-element-input-pseudo-after-will-change: transform;--vv-input-radio-element-input-pseudo-after-transition: transform .3s ease-in-out;--vv-input-radio-element-input-state-checked-pseudo-after-transform: translate(-50%, -50%) scale(1);--vv-input-radio-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-input-radio-element-input-state-focus-visible-outline-offset: var(--spacing-2)}:where(.vv-input-radio){display:var(--vv-input-radio-display);flex-wrap:var(--vv-input-radio-flex-wrap);align-items:var(--vv-input-radio-align-items);cursor:var(--vv-input-radio-cursor);-webkit-user-select:var(--vv-input-radio-user-select);-moz-user-select:var(--vv-input-radio-user-select);user-select:var(--vv-input-radio-user-select);margin:var(--vv-input-radio-margin);color:var(--vv-input-radio-color);font-size:var(--vv-input-radio-font-size);line-height:var(--vv-input-radio-line-height)}:where(.vv-input-radio__input,.vv-input-radio > input[type=radio]){border:var(--vv-input-radio-element-input-border);width:var(--vv-input-radio-element-input-width);height:var(--vv-input-radio-element-input-height);border-radius:var(--vv-input-radio-element-input-border-radius);margin:var(--vv-input-radio-element-input-margin);background:var(--vv-input-radio-element-input-background);cursor:var(--vv-input-radio-element-input-cursor);position:var(--vv-input-radio-element-input-position)}:where(.vv-input-radio__input,.vv-input-radio > input[type=radio]):after{content:"";position:var(--vv-input-radio-element-input-pseudo-after-position);width:var(--vv-input-radio-element-input-pseudo-after-width);height:var(--vv-input-radio-element-input-pseudo-after-height);background:var(--vv-input-radio-element-input-pseudo-after-background);inset:var(--vv-input-radio-element-input-pseudo-after-inset);border-radius:var(--vv-input-radio-element-input-pseudo-after-border-radius);transform:var(--vv-input-radio-element-input-pseudo-after-transform);will-change:var(--vv-input-radio-element-input-pseudo-after-will-change);transition:var(--vv-input-radio-element-input-pseudo-after-transition)}:where(.vv-input-radio__input--checked,.vv-input-radio__input.checked,.vv-input-radio > input[type=radio].checked,.vv-input-radio__input:checked,.vv-input-radio > input[type=radio]:checked):after{--vv-input-radio-element-input-pseudo-after-transform: var(--vv-input-radio-element-input-state-checked-pseudo-after-transform)}:where(.vv-input-radio__input--focus-visible,.vv-input-radio__input.focus-visible,.vv-input-radio > input[type=radio].focus-visible,.vv-input-radio__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-input-radio > input[type=radio]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-input-radio-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-radio-element-input-state-focus-visible-outline-offset)}:where(.vv-input-radio[\:has\(\%3E\%20input\[type\%3Dradio\]\:disabled\)]),:where(.vv-input-radio--disabled,.vv-input-radio.disabled,.vv-input-radio[disabled],.vv-input-radio[aria-disabled=true]){opacity:var(--vv-input-radio-state-disabled-opacity);--vv-input-radio-cursor: var(--vv-input-radio-state-disabled-cursor)}:where(.vv-input-radio:has(> input[type=radio]:disabled)),:where(.vv-input-radio--disabled,.vv-input-radio.disabled,.vv-input-radio[disabled],.vv-input-radio[aria-disabled=true]){opacity:var(--vv-input-radio-state-disabled-opacity);--vv-input-radio-cursor: var(--vv-input-radio-state-disabled-cursor)}:where(.vv-input-radio--readonly,.vv-input-radio.readonly,.vv-input-radio[readonly]){opacity:var(--vv-input-radio-state-readonly-opacity);--vv-input-radio-cursor: var(--vv-input-radio-state-readonly-cursor);pointer-events:var(--vv-input-radio-state-readonly-pointer-events)}

package/dist/props/animation.css

@@ -1 +0,0 @@
-@media (prefers-reduced-motion: no-preference){:where(:host,:root,.theme){--animate-none: none;--animate-indeterminate: indeterminate 2s infinite;--animate-progress-indeterminate: progress-indeterminate 1.5s linear infinite;--animate-spin: spin 1s infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite}}@keyframes indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:center right}to{transform:scaleX(0);transform-origin:center right}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}

package/dist/utilities/animation.css

@@ -1 +0,0 @@
-:where(.animate-none){animation:none}:where(.animate-indeterminate){animation:indeterminate 2s infinite}:where(.animate-progress-indeterminate){animation:progress-indeterminate 1.5s linear infinite}:where(.animate-spin){animation:spin 1s infinite}:where(.animate-ping){animation:ping 1s cubic-bezier(0,0,.2,1) infinite}:where(.animate-pulse){animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}:where(.animate-bounce){animation:bounce 1s infinite}