@volverjs/style 0.0.0 → 0.1.2-beta.10

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

@@ -1,11 +1,18 @@
 $vv-table: (
+	--table-cell-padding: var(--spacing-md) 0,
 	width: 100%,
+	border-collapse: collapse,
+	border-color: var(--color-surface-5),
 	element: (
 		tr: (
 			_alias: 'tr',
 			border-width: 0 0 1px 0,
 			border-style: solid,
-			border-color: var(--color-alpha-1),
+			border-color: var(--color-surface-5),
+		),
+		tbody-tr: (
+			_alias: 'tbody > tr',
+			border-color: var(--color-surface-3),
 			state: (
 				last-child: (
 					border-width: 0,
@@ -15,15 +22,21 @@ $vv-table: (
 		th: (
 			_alias: 'th',
 			font-weight: semibold,
-			padding-block: var(--spacing-md),
 			font-size: var(--text-sm),
 			color: var(--color-word-2),
+			[padding]: var(--table-cell-padding),
 		),
 		td: (
 			_alias: 'td',
-			padding-block: var(--spacing-md),
 			border-style: solid,
 			font-size: var(--text-xs),
+			[padding]: var(--table-cell-padding),
+		),
+	),
+	modifier: (
+		inline-spacing: (
+			--table-cell-padding: var(--spacing-md),
+			border-width: 0,
 		),
 	),
 ) !default;

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

@@ -4,7 +4,6 @@ $vv-text: (
 	line-height: var(--leading-normal),
 	modifier: (
 		headline: (
-			font-family: var(--font-serif),
 			font-weight: var(--font-semibold),
 			line-height: var(--leading-tight),
 			margin-top: var(--spacing-24),

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

@@ -25,7 +25,7 @@ $vv-textarea: (
 			overflow: hidden,
 			background-color: var(--input-background-color),
 			will-change: background-color,
-			transition: background-color 0.2s ease-in-out,
+			transition: background-color 0.3s ease-in-out,
 			pseudo: (
 				before: (
 					position: absolute,
@@ -41,7 +41,7 @@ $vv-textarea: (
 					transform: scaleX(0),
 					transform-origin: left,
 					will-change: transform,
-					transition: transform 0.2s ease-in-out,
+					transition: transform 0.3s ease-in-out,
 				),
 			),
 			state: (
@@ -196,7 +196,7 @@ $vv-textarea: (
 					margin: 0,
 					will-change: 'transform',
 					transform-origin: left,
-					transition: all 0.2s ease-in-out,
+					transition: all 0.3s ease-in-out,
 				),
 				input: (
 					pseudo: (

package/src/themes/dark/components/_vv-button.scss

@@ -2,7 +2,7 @@
 @import '../context';
 
 $component-name: map.get($components-names, vv-button);
-$component-map: $vv-button;
+$component-map: $dark-vv-button;
 $props: true;
 
 @mixin theme-dark-vv-button {

package/src/themes/dark/components/_vv-input-checkbox.scss

@@ -2,7 +2,7 @@
 @import '../context';
 
 $component-name: map.get($components-names, vv-input-checkbox);
-$component-map: $vv-input-checkbox;
+$component-map: $dark-vv-input-checkbox;
 $props: true;
 
 @mixin theme-dark-vv-input-checkbox {

package/src/themes/dark/props/_background.scss

@@ -1,7 +1,7 @@
 @import '../context';
 
 @mixin theme-dark-bg {
-	@include spread-map-into-props($background-image, 'bg');
+	@include spread-map-into-props($dark-background-image, 'bg');
 }
 
 :where(:host, :root, .theme):not(.theme--light) {

package/src/themes/dark/props/_colors.scss

@@ -1,7 +1,7 @@
 @import '../context';
 
 @mixin theme-dark-colors {
-	@include spread-map-into-props($colors, 'color');
+	@include spread-map-into-props($dark-colors, 'color');
 }
 
 :where(:host, :root, .theme):not(.theme--light) {

package/src/themes/dark/settings/_background.scss

@@ -1,12 +1,12 @@
 // background-image
-$background-image: (
+$dark-background-image: (
 	none: none,
 	chevron:
-		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($color-word)})' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"),
+		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($dark-color-word)})' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"),
 	grid:
 		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E"),
 	check:
-		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"),
+		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($dark-color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"),
 	minus:
-		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"),
+		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($dark-color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"),
 ) !default;

package/src/themes/dark/settings/_colors.scss

@@ -1,15 +1,15 @@
 @use 'sass:color';
 
-$color-scheme: dark !default;
-$color-brand: #1976d2 !default;
-$color-word: hsl(color.hue($color-brand) 15% 85%) !default;
-$color-surface: hsl(color.hue($color-brand) 10% 5%) !default;
-$color-alpha: hsla(0deg 0% 100% / 0%) !default;
+$dark-color-scheme: dark !default;
+$dark-color-brand: #1976d2 !default;
+$dark-color-word: hsl(color.hue($dark-color-brand) 15% 85%) !default;
+$dark-color-surface: hsl(color.hue($dark-color-brand) 10% 5%) !default;
+$dark-color-alpha: hsla(0deg 0% 100% / 0%) !default;
 
 // color map
-$colors: (
-	scheme: $color-scheme,
-	word: color-darken-map($color-word, 'word', $scale: 15%),
-	surface: color-lighten-map($color-surface, 'surface', $scale: 5%),
-	alpha: color-alpha-map($color-alpha, 'alpha', $steps: 5, $scale: 5%),
+$dark-colors: (
+	scheme: $dark-color-scheme,
+	word: color-darken-map($dark-color-word, 'word', $scale: 15%),
+	surface: color-lighten-map($dark-color-surface, 'surface', $scale: 5%),
+	alpha: color-alpha-map($dark-color-alpha, 'alpha', $steps: 5, $scale: 5%),
 ) !default;

package/src/themes/dark/settings/components/_vv-button.scss

@@ -1,4 +1,4 @@
-$vv-button: (
+$dark-vv-button: (
 	modifier: (
 		primary: (
 			border-color: var(--color-gray-lighten-3),

package/src/themes/dark/settings/components/_vv-input-checkbox.scss

@@ -1,10 +1,10 @@
-$vv-input-checkbox: (
+$dark-vv-input-checkbox: (
 	element: (
 		input: (
 			state: (
 				checked: (
 					background-image:
-						url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"),
+						url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($dark-color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"),
 				),
 			),
 		),
@@ -16,7 +16,7 @@ $vv-input-checkbox: (
 					state: (
 						checked: (
 							background-image:
-								url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"),
+								url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(#{hex-to-rgb($dark-color-word)})' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"),
 						),
 					),
 				),

package/src/tools/_mixins.scss

@@ -396,7 +396,9 @@
 					open,
 					close,
 					determinate,
-					indeterminate
+					indeterminate,
+					selected,
+					current
 				),
 				$state
 			)
@@ -479,16 +481,30 @@
 								'#{$modifier}#{$alias}[#{$state}]'
 							);
 						}
+
+						@if $state == 'disabled' {
+							$selectors: list.join(
+								$selectors,
+								'#{$modifier}#{$block-item}[aria-disabled="true"]'
+							);
+
+							@if $alias {
+								$selectors: list.join(
+									$selectors,
+									'#{$modifier}#{$alias}[aria-disabled="true"]'
+								);
+							}
+						}
 					} @else if $state == 'focus-visible' {
 						$selectors: list.join(
 							$selectors,
-							'#{$modifier}#{$block-item}:not(:active):not([disabled]):not([tabindex="-1"]):#{$state}'
+							'#{$modifier}#{$block-item}:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled="true"])):#{$state}'
 						);
 
 						@if $alias {
 							$selectors: list.join(
 								$selectors,
-								'#{$modifier}#{$alias}:not(:active):not([disabled]):not([tabindex="-1"]):#{$state}'
+								'#{$modifier}#{$alias}:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled="true"])):#{$state}'
 							);
 						}
 					} @else if $state == 'checked' {
@@ -503,7 +519,19 @@
 								'#{$modifier}#{$alias}:#{$state}'
 							);
 						}
-					} @else {
+					} @else if $state == 'selected' {
+						$selectors: list.join(
+							$selectors,
+							'#{$modifier}#{$block-item}[aria-selected="true"]'
+						);
+
+						@if $alias {
+							$selectors: list.join(
+								$selectors,
+								'#{$modifier}#{$alias}[aria-selected="true"]'
+							);
+						}
+					} @else if $state != 'current' {
 						$selectors: list.join(
 							$selectors,
 							'#{$modifier}#{$block-item}:not([disabled]):#{$state}'
@@ -664,12 +692,14 @@
 										progress-bar,
 										progress-value,
 										inner-element,
+										marker,
 										-webkit-progress-bar,
 										-webkit-progress-value,
 										-webkit-inner-element,
 										-moz-progress-bar,
 										-moz-progress-value,
-										-moz-inner-element
+										-moz-inner-element,
+										-webkit-details-marker
 									),
 									$pseudo-element
 								)
@@ -684,11 +714,12 @@
 										$pseudo-element
 									) {
 										@if not $original {
-											@if not
+											@if not(
 												map.has-key(
 													$pseudo-map,
 													'content'
 												)
+											)
 											{
 												content: '';
 											}
@@ -763,7 +794,7 @@
 							);
 						}
 
-						#{$key}: #{$value};
+						#{$key}: $value;
 					}
 				}
 			}
@@ -785,6 +816,7 @@
 	} @else if $enabled {
 		$selector: ':where(#{$selector})';
 	}
+
 	#{$selector} {
 		@content;
 	}

package/src/utilities/flexbox.scss

@@ -5,18 +5,25 @@
 @include spread-map-into-utilities(
 	$map: $flex-direction,
 	$class: flex,
-	$attribute: flex-direction
+	$attribute: flex-direction,
+	$bps: $breakpoints
 );
 
 // flex wrap
 @include spread-map-into-utilities(
 	$map: $flex-wrap,
 	$class: flex,
-	$attribute: flex-wrap
+	$attribute: flex-wrap,
+	$bps: $breakpoints
 );
 
 // flex
-@include spread-map-into-utilities($map: $flex, $class: flex, $attribute: flex);
+@include spread-map-into-utilities(
+	$map: $flex,
+	$class: flex,
+	$attribute: flex,
+	$bps: $breakpoints
+);
 
 // flex grow
 @each $prefix, $prop in (grow: flex-grow, shrink: flex-shrink) {
@@ -37,7 +44,8 @@
 @include spread-map-into-utilities(
 	$map: $order,
 	$class: order,
-	$attribute: order
+	$attribute: order,
+	$bps: $breakpoints
 );
 
 // gap
@@ -90,7 +98,8 @@
 	@include spread-map-into-utilities(
 		$map: $justify-align-content,
 		$class: $class,
-		$attribute: $attribute
+		$attribute: $attribute,
+		$bps: $breakpoints
 	);
 }
 
@@ -99,7 +108,8 @@
 	@include spread-map-into-utilities(
 		$map: $justify-align-items,
 		$class: $class,
-		$attribute: $attribute
+		$attribute: $attribute,
+		$bps: $breakpoints
 	);
 }
 
@@ -108,6 +118,7 @@
 	@include spread-map-into-utilities(
 		$map: $justify-align-self,
 		$class: $class,
-		$attribute: $attribute
+		$attribute: $attribute,
+		$bps: $breakpoints
 	);
 }

package/src/utilities/grid.scss

@@ -5,14 +5,16 @@
 @include spread-map-into-utilities(
 	$map: $grid-template-columns,
 	$class: grid-cols,
-	$attribute: grid-template-columns
+	$attribute: grid-template-columns,
+	$bps: $breakpoints
 );
 
 // grid column
 @include spread-map-into-utilities(
 	$map: $grid-column,
 	$class: col,
-	$attribute: grid-column
+	$attribute: grid-column,
+	$bps: $breakpoints
 );
 
 // grid column start/end
@@ -22,7 +24,8 @@
 	@include spread-map-into-utilities(
 		$map: $grid-column-start-end,
 		$class: $class,
-		$attribute: $attribute
+		$attribute: $attribute,
+		$bps: $breakpoints
 	);
 }
 
@@ -30,14 +33,16 @@
 @include spread-map-into-utilities(
 	$map: $grid-template-rows,
 	$class: grid-rows,
-	$attribute: grid-template-rows
+	$attribute: grid-template-rows,
+	$bps: $breakpoints
 );
 
 // grid row
 @include spread-map-into-utilities(
 	$map: $grid-row,
 	$class: row,
-	$attribute: grid-row
+	$attribute: grid-row,
+	$bps: $breakpoints
 );
 
 // grid row start/end
@@ -45,7 +50,8 @@
 	@include spread-map-into-utilities(
 		$map: $grid-row-start-end,
 		$class: $class,
-		$attribute: $attribute
+		$attribute: $attribute,
+		$bps: $breakpoints
 	);
 }
 
@@ -53,7 +59,8 @@
 @include spread-map-into-utilities(
 	$map: $grid-auto-flow,
 	$class: grid-flow,
-	$attribute: grid-auto-flow
+	$attribute: grid-auto-flow,
+	$bps: $breakpoints
 );
 
 // grid auto rows/columns
@@ -63,6 +70,7 @@
 	@include spread-map-into-utilities(
 		$map: $grid-auto-rows-columns,
 		$class: $class,
-		$attribute: $attribute
+		$attribute: $attribute,
+		$bps: $breakpoints
 	);
 }

package/src/utilities/layout.scss

@@ -6,7 +6,8 @@
 	$map: $aspect-ratio,
 	$class: aspect,
 	$attribute: aspect-ratio,
-	$prop: aspect
+	$prop: aspect,
+	$bps: $breakpoints
 );
 
 // container

package/src/{style.scss → volver.scss}

@@ -4,11 +4,11 @@
 // props
 @import 'props';
 
-// preflight
-@import 'preflight';
-
 // components
 @import 'components';
 
-// utilities (must be the last one)
+// utilities
 @import 'utilities';
+
+// preflight
+@import 'preflight';

package/src/assets/24consulting.svg

@@ -1,63 +0,0 @@
-<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1088 337" width="250" height="77">
-    <style>
-        .fill {
-            fill: #2c2e35;
-        }
-
-        @media (prefers-color-scheme: dark) {
-            .fill {
-                fill: #fff;
-            }
-        }
-    </style>
-    <path class="fill" d="m713 236.1l-15-36.7h5l12.7 32.3 12.7-32.3h4.6l-14.9 36.7z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m755.5 236.8q-4.1 0-7.4-1.5-3.4-1.5-5.9-4.1-2.5-2.7-3.8-6.1-1.4-3.5-1.4-7.5 0-3.8 1.4-7.3 1.3-3.4 3.8-6 2.5-2.5 5.8-4 3.4-1.6 7.4-1.6 4 0 7.4 1.6 3.3 1.5 5.7 4.1 2.4 2.6 3.8 6 1.3 3.4 1.3 7.2 0 0.5 0 1.1-0.1 0.6-0.1 0.8h-31.4q0.2 2.9 1.3 5.4 1.2 2.6 3 4.4 1.8 1.8 4.2 2.8 2.3 1.1 5 1.1 1.8 0 3.6-0.5 1.8-0.5 3.2-1.4 1.5-0.8 2.7-2.1 1.2-1.2 1.8-2.7l4.2 1.2q-0.9 2-2.4 3.7-1.6 1.6-3.6 2.9-2.1 1.2-4.6 1.9-2.4 0.6-5 0.6zm13.5-21q-0.2-3-1.4-5.4-1.1-2.4-2.9-4.2-1.8-1.7-4.2-2.7-2.4-1-5.1-1-2.7 0-5.1 1-2.4 1-4.2 2.7-1.8 1.8-2.9 4.2-1.1 2.5-1.3 5.4z" />
-    <path class="fill"
-        d="m811.7 236.1h-4.8v-20.5q0-6.6-1.9-9.5-1.9-3-5.9-3-2.2 0-4.3 0.8-2.1 0.8-3.9 2.2-1.9 1.4-3.2 3.3-1.4 2-2.1 4.2v22.5h-4.8v-36.7h4.4v8.3q1.1-2 2.7-3.6 1.7-1.7 3.8-2.9 2-1.2 4.3-1.8 2.3-0.7 4.8-0.7 3.1 0 5.1 1.2 2.1 1.1 3.4 3.1 1.3 2.1 1.8 5.1 0.6 2.9 0.6 6.5z" />
-    <path class="fill"
-        d="m839.1 234.4q-0.4 0.2-1.2 0.5-0.8 0.4-1.9 0.7-1 0.4-2.4 0.7-1.3 0.2-2.8 0.2-1.5 0.1-3-0.4-1.4-0.4-2.4-1.3-1.1-0.9-1.7-2.2-0.7-1.3-0.7-3.1v-26.3h-5v-3.8h5v-12.4h4.8v12.4h8.5v3.8h-8.5v25q0.2 2 1.5 3 1.2 0.9 3 0.9 2 0 3.6-0.7 1.5-0.6 2-0.9z" />
-    <path class="fill" d="m844.8 191.7v-7.1h4.8v7.1zm0 44.4v-36.7h4.8v36.7z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m874.1 236.8q-3.7 0-6.8-1.6-3.1-1.5-5.2-4.2-2.2-2.6-3.4-6.1-1.2-3.4-1.2-7.1 0-3.8 1.3-7.3 1.3-3.4 3.7-6 2.4-2.7 5.6-4.2 3.2-1.6 6.9-1.6 4.3 0 7.9 2.3 3.6 2.2 5.8 5.6v-7.2h4.3v45.3q0 2 1.6 2.1v4.1q-0.9 0.3-2 0.3-1.8 0-3.1-1.3-1.3-1.3-1.3-3.1v-18.3q-2.7 4.1-6.3 6.2-3.5 2.1-7.8 2.1zm1.5-4.2q2.2 0 4.1-0.7 1.8-0.7 3.4-1.9 1.6-1.1 2.8-2.7 1.3-1.6 2.3-3.4v-11.3q-0.3-1.9-1.5-3.7-1.2-1.7-3-3-1.7-1.4-3.7-2.2-2.1-0.7-4-0.7-3 0-5.5 1.2-2.5 1.3-4.3 3.4-1.8 2.1-2.8 4.8-1 2.6-1 5.5 0 2.9 1 5.6 1 2.7 2.7 4.7 1.7 2 4.2 3.2 2.4 1.2 5.3 1.2z" />
-    <path class="fill"
-        d="m914.6 236.8q-5.8 0-8.7-4-3-3.9-3-11.8v-21.6h4.8v20.7q0 12.5 8.5 12.5 2.1 0 4.2-0.7 2-0.7 3.8-2.1 1.7-1.3 3.1-3.1 1.3-1.9 2.2-4.2v-23.1h4.8v30.5q0 2 1.8 2v4.2q-1.5 0.2-2 0.2-1.6 0-2.8-0.9-1.2-1-1.2-2.5v-5.1q-2.4 4.3-6.5 6.7-4.1 2.3-9 2.3z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m954.9 236.8q-2.8 0-5.2-0.8-2.3-0.9-3.9-2.5-1.7-1.5-2.6-3.6-0.9-2-0.9-4.3 0-2.5 1.1-4.6 1.1-2.1 3.2-3.6 2-1.4 4.9-2.3 2.8-0.8 6.3-0.8 2.7 0 5.6 0.5 2.9 0.5 5.2 1.4v-3.3q0-4.8-2.8-7.7-2.8-2.9-7.5-2.9-3 0-5.9 1.2-2.9 1.1-6 3.2l-1.7-3.2q3.6-2.4 7-3.6 3.4-1.2 7.1-1.2 6.7 0 10.6 3.9 4 3.9 4 10.7v16.6q0 2 1.7 2v4.2q-0.6 0.1-1.1 0.1-0.5 0.1-0.8 0.1-1.5 0-2.6-0.9-1.2-0.8-1.3-2.5l-0.2-2.9q-2.4 3.2-6.3 5-3.9 1.8-7.9 1.8zm1.2-3.6q3.2 0 6.3-1.4 3.1-1.4 5-3.8 0.5-0.6 0.8-1.4 0.4-0.7 0.4-1.3v-6q-2.4-1-5-1.4-2.6-0.5-5.1-0.5-5.2 0-8.4 2-3.2 2.1-3.2 5.8 0 1.5 0.6 2.9 0.5 1.4 1.7 2.5 1.2 1.2 2.9 1.9 1.7 0.7 4 0.7z" />
-    <path class="fill"
-        d="m1001.1 234.4q-0.4 0.2-1.2 0.5-0.9 0.4-1.9 0.7-1.1 0.4-2.4 0.7-1.3 0.2-2.8 0.2-1.6 0.1-3-0.4-1.4-0.4-2.5-1.3-1-0.9-1.7-2.2-0.6-1.3-0.6-3.1v-26.3h-5.1v-3.8h5.1v-12.4h4.8v12.4h8.5v3.8h-8.5v25q0.1 2 1.4 3 1.3 0.9 3.1 0.9 2 0 3.5-0.7 1.6-0.6 2-0.9z" />
-    <path class="fill"
-        d="m1024.4 234.4q-0.4 0.2-1.2 0.5-0.8 0.4-1.9 0.7-1 0.4-2.4 0.7-1.3 0.2-2.8 0.2-1.5 0.1-2.9-0.4-1.5-0.4-2.5-1.3-1.1-0.9-1.7-2.2-0.6-1.3-0.6-3.1v-26.3h-5.1v-3.8h5.1v-12.4h4.8v12.4h8.4v3.8h-8.4v25q0.1 2 1.4 3 1.2 0.9 3 0.9 2 0 3.6-0.7 1.6-0.6 2-0.9z" />
-    <path class="fill"
-        d="m1048.4 203.6q-4.8 0.1-8.4 2.7-3.6 2.5-5.1 7v22.8h-4.8v-36.7h4.5v8.8q1.9-3.9 5-6.5 3.1-2.5 6.7-2.5 0.6 0 1.2 0 0.6 0 0.9 0z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m1069 236.8q-4 0-7.3-1.5-3.4-1.5-5.8-4.1-2.5-2.6-3.8-6.1-1.3-3.4-1.3-7.2 0-3.9 1.3-7.4 1.4-3.4 3.8-6 2.5-2.7 5.8-4.2 3.4-1.6 7.3-1.6 4 0 7.3 1.6 3.4 1.5 5.8 4.2 2.4 2.6 3.8 6 1.4 3.5 1.4 7.4 0 3.8-1.4 7.2-1.4 3.5-3.8 6.1-2.4 2.6-5.8 4.1-3.3 1.5-7.3 1.5zm-13.3-18.9q0 3.1 1 5.8 1 2.6 2.8 4.6 1.8 2 4.3 3.2 2.4 1.1 5.2 1.1 2.7 0 5.1-1.2 2.5-1.1 4.3-3.1 1.8-2 2.9-4.7 1.1-2.7 1.1-5.8 0-3-1.1-5.8-1.1-2.7-2.9-4.7-1.8-2-4.2-3.2-2.4-1.1-5.2-1.1-2.7 0-5.2 1.1-2.4 1.2-4.2 3.2-1.8 2.1-2.8 4.8-1.1 2.7-1.1 5.8z" />
-    <path class="fill"
-        d="m754.3 302.3q0-3.9 1.3-7.3 1.3-3.5 3.8-6.1 2.4-2.5 5.8-4 3.4-1.5 7.5-1.5 5.2 0 9.1 2.4 3.9 2.3 5.8 6.3l-4.6 1.5q-1.6-2.8-4.3-4.4-2.8-1.6-6.2-1.6-2.8 0-5.2 1.2-2.5 1.1-4.3 3-1.8 2-2.8 4.6-1 2.7-1 5.9 0 3.1 1.1 5.8 1 2.8 2.9 4.8 1.8 2 4.2 3.2 2.5 1.2 5.2 1.2 1.8 0 3.5-0.5 1.7-0.5 3.2-1.4 1.5-0.9 2.5-2 1.1-1.2 1.5-2.4l4.7 1.4q-0.8 2-2.3 3.6-1.5 1.7-3.5 2.9-2 1.2-4.4 1.9-2.4 0.7-5.1 0.7-4 0-7.4-1.5-3.3-1.6-5.8-4.2-2.5-2.6-3.9-6.1-1.3-3.5-1.3-7.4z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m810.9 321.5q-4 0-7.4-1.5-3.3-1.5-5.7-4.2-2.5-2.6-3.8-6-1.4-3.5-1.4-7.3 0-3.9 1.4-7.3 1.4-3.5 3.8-6.1 2.5-2.6 5.8-4.2 3.4-1.5 7.3-1.5 4 0 7.3 1.5 3.4 1.6 5.8 4.2 2.4 2.6 3.8 6.1 1.4 3.4 1.4 7.3 0 3.8-1.4 7.3-1.4 3.4-3.8 6-2.4 2.7-5.8 4.2-3.3 1.5-7.3 1.5zm-13.3-18.9q0 3.1 1 5.7 1 2.7 2.8 4.7 1.8 2 4.3 3.1 2.4 1.2 5.1 1.2 2.8 0 5.2-1.2 2.5-1.2 4.3-3.2 1.8-2 2.9-4.7 1-2.7 1-5.8 0-3-1-5.7-1.1-2.7-2.9-4.7-1.8-2-4.2-3.2-2.4-1.2-5.2-1.2-2.7 0-5.2 1.2-2.4 1.2-4.2 3.2-1.8 2-2.9 4.8-1 2.7-1 5.8z" />
-    <path class="fill"
-        d="m867.9 320.8h-4.8v-20.6q0-6.5-1.9-9.5-1.9-2.9-5.9-2.9-2.1 0-4.3 0.7-2.1 0.8-3.9 2.2-1.8 1.4-3.2 3.4-1.4 1.9-2.1 4.2v22.5h-4.8v-36.8h4.4v8.3q1.1-1.9 2.8-3.6 1.6-1.6 3.7-2.8 2-1.2 4.3-1.9 2.3-0.6 4.8-0.6 3.1 0 5.2 1.1 2 1.1 3.3 3.2 1.3 2 1.8 5 0.6 3 0.6 6.6z" />
-    <path class="fill"
-        d="m890.2 321.5q-4.3 0-8.4-1.4-4.1-1.4-7-4.1l2.1-3.3q3.1 2.6 6.4 3.8 3.2 1.3 6.8 1.3 4.5 0 7.1-1.8 2.7-1.8 2.7-5.1 0-1.5-0.7-2.6-0.7-1-2.1-1.8-1.4-0.7-3.5-1.3-2.1-0.6-4.8-1.3-3.2-0.8-5.5-1.5-2.3-0.8-3.9-1.8-1.5-1-2.2-2.4-0.8-1.5-0.8-3.7 0-2.7 1.1-4.8 1.1-2.1 3-3.5 1.9-1.4 4.4-2.1 2.5-0.7 5.3-0.7 4.2 0 7.7 1.4 3.4 1.3 5.6 3.6l-2.4 2.8q-2-2.1-4.9-3.2-3-1-6.1-1-1.9 0-3.6 0.4-1.6 0.4-2.8 1.2-1.3 0.9-2 2.2-0.7 1.3-0.7 3 0 1.5 0.5 2.4 0.5 0.9 1.6 1.6 1.2 0.7 2.9 1.2 1.7 0.5 4.2 1.1 3.5 0.9 6.2 1.7 2.7 0.8 4.5 2 1.8 1.1 2.7 2.7 0.9 1.7 0.9 4 0 5.1-3.9 8-3.8 3-10.4 3z" />
-    <path class="fill"
-        d="m923.6 321.5q-5.8 0-8.8-4-2.9-4-2.9-11.9v-21.6h4.8v20.8q0 12.5 8.5 12.5 2.1 0 4.1-0.8 2.1-0.7 3.8-2 1.7-1.3 3.1-3.2 1.4-1.8 2.2-4.1v-23.2h4.8v30.6q0 1.9 1.8 1.9v4.3q-1.4 0.2-2 0.2-1.6 0-2.8-1-1.1-1-1.1-2.5v-5q-2.5 4.3-6.6 6.6-4.1 2.4-8.9 2.4z" />
-    <path class="fill"
-        d="m954.3 269.3h4.8v43.2q0 2 1.1 3.2 1.2 1.1 3.2 1.1 0.8 0 1.9-0.2 1-0.2 1.9-0.5l0.9 3.8q-1.4 0.6-3.3 0.9-1.9 0.4-3.4 0.4-3.3 0-5.2-1.9-1.9-1.8-1.9-5.2z" />
-    <path class="fill"
-        d="m990.1 319q-0.4 0.2-1.2 0.6-0.9 0.3-1.9 0.7-1.1 0.3-2.4 0.6-1.4 0.3-2.8 0.3-1.6 0-3-0.4-1.4-0.4-2.5-1.3-1-0.9-1.7-2.2-0.6-1.4-0.6-3.2v-26.3h-5.1v-3.8h5.1v-12.4h4.8v12.4h8.5v3.8h-8.5v25q0.1 2.1 1.4 3 1.3 1 3 1 2.1 0 3.6-0.7 1.6-0.7 2-1z" />
-    <path class="fill" d="m995.7 276.3v-7h4.8v7zm0 44.5v-36.8h4.8v36.8z" />
-    <path class="fill"
-        d="m1041.7 320.8h-4.8v-20.6q0-6.5-1.9-9.5-1.9-2.9-5.9-2.9-2.1 0-4.2 0.7-2.2 0.8-4 2.2-1.8 1.4-3.2 3.4-1.4 1.9-2.1 4.2v22.5h-4.8v-36.8h4.4v8.3q1.1-1.9 2.8-3.6 1.6-1.6 3.7-2.8 2-1.2 4.3-1.9 2.3-0.6 4.8-0.6 3.1 0 5.2 1.1 2.1 1.1 3.3 3.2 1.3 2 1.9 5 0.5 3 0.5 6.6z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m1066.6 321.3q-3.9 0-7-1.6-3.1-1.6-5.4-4.2-2.3-2.6-3.6-6-1.3-3.4-1.3-7 0-3.8 1.3-7.3 1.2-3.5 3.5-6.1 2.2-2.6 5.4-4.2 3.1-1.5 6.9-1.5 4.7 0 8.2 2.4 3.5 2.3 5.9 5.9v-7.7h4.3v36.9q0 3.8-1.4 6.8-1.5 2.9-3.9 4.9-2.4 1.9-5.7 2.9-3.4 1-7 1-6.3 0-10.2-2.2-3.9-2.3-6.3-6.1l3-2.3q2.2 3.5 5.8 5.1 3.6 1.7 7.7 1.7 2.6 0 5.1-0.7 2.4-0.8 4.2-2.2 1.8-1.5 2.9-3.7 1-2.2 1-5.2v-7.2q-2.2 3.5-5.8 5.5-3.6 2.1-7.6 2.1zm1.3-4q2.1 0 4.2-0.8 2-0.8 3.7-2.1 1.6-1.3 2.7-2.9 1.2-1.7 1.5-3.4v-11.3q-0.7-2-2.1-3.7-1.4-1.7-3.1-2.9-1.7-1.2-3.6-1.9-2-0.7-3.9-0.7-3.1 0-5.5 1.3-2.4 1.3-4.1 3.4-1.7 2.2-2.6 4.8-0.9 2.7-0.9 5.5 0 2.9 1.1 5.6 1 2.7 2.9 4.7 1.8 2 4.3 3.2 2.5 1.2 5.4 1.2z" />
-    <path class="fill"
-        d="m0.6 158.4q0-10.8 1.8-20.3 1.7-9.4 6.6-18 4.8-8.7 13.3-16.5 8.5-7.8 22.3-15.7 8.1-4.3 16.5-8.5 8.3-4.1 15.2-8.9 6.9-4.7 11.3-10.1 4.5-5.4 4.5-12.7 0-4.6-2.2-9.1-2.1-4.6-6.2-8.1-4-3.5-10.1-5.7-6.1-2.2-13.9-2.2-8.1 0-14.7 2.3-6.6 2.3-11.7 5.7-5.2 3.4-8.9 7.1-3.8 3.8-6.3 6.8l-15.3-17.3q2.1-2.4 7.3-6.6 5.1-4.2 12.9-8.5 7.8-4.3 18.1-7.4 10.2-3.1 22.9-3.1 12.4 0 22.4 3.4 10 3.3 16.9 9.3 6.9 5.9 10.7 13.9 3.7 7.9 3.7 16.8 0 10.6-4.6 18.4-4.5 7.8-11.2 13.7-6.6 6-14.1 10.2-7.6 4.1-13.5 7.1-6 3-13.4 7.2-7.4 4.2-14.1 9.4-6.8 5.3-11.8 11.8-5 6.4-6.3 14h94.6l-16.8 21.6z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m196 204v-45.6h-102.9l16.2-21 94.2-121.8h16.2v121.2h35.5v21.6h-35.5v45.6zm-62.1-67.2h64.5v-84.5z" />
-    <path class="fill"
-        d="m308.3 251.2q0-12 4.2-23.8 4.3-11.9 12.2-21.3 8-9.5 19.7-15.4 11.8-5.9 26.8-5.9 17.8 0 30.3 8.1 12.5 8.2 18.5 20.9l-5.7 2.7q-3.7-7.2-8.7-12-5-4.9-10.8-7.9-5.8-3-12-4.3-6.2-1.3-12.4-1.3-13.3 0-23.7 5.3-10.4 5.4-17.6 14-7.1 8.6-10.8 19.5-3.6 10.9-3.6 22 0 12.2 4.3 23.4 4.3 11.3 11.9 19.8 7.6 8.5 17.9 13.6 10.4 5.1 22.2 5.1 6.4 0 13-1.6 6.7-1.6 12.9-4.9 6.2-3.3 11.4-8.3 5.3-5.1 9-12.2l5.7 2.2q-3.4 7.5-9.2 13.3-5.8 5.9-13 9.8-7.1 3.9-15 5.9-7.9 2-15.6 2-13.5 0-24.9-6-11.5-6-19.6-15.7-8.2-9.7-12.8-22-4.6-12.2-4.6-25z" />
-    <path fill-rule="evenodd" class="fill"
-        d="m500.1 319.7q-13.9 0-25.2-5.8-11.4-5.8-19.7-15.2-8.2-9.4-12.7-21.6-4.5-12.2-4.5-25 0-13.3 4.8-25.5 4.7-12.2 13.1-21.6 8.3-9.4 19.7-14.9 11.4-5.5 24.7-5.5 13.7 0 25.1 5.9 11.5 5.9 19.6 15.5 8.2 9.5 12.7 21.6 4.5 12.1 4.5 24.5 0 13.5-4.8 25.7-4.8 12.2-13.1 21.5-8.4 9.3-19.7 14.8-11.4 5.6-24.5 5.6zm-55.7-67.6q0 12 4.1 23.1 4.1 11.1 11.5 19.6 7.4 8.6 17.7 13.6 10.2 5.1 22.4 5.1 12.6 0 22.8-5.4 10.2-5.3 17.5-13.9 7.3-8.7 11.4-19.7 4-11.1 4-22.4 0-12-4.2-23.1-4.2-11-11.7-19.6-7.5-8.5-17.7-13.6-10.1-5-22.1-5-12.6 0-22.8 5.3-10.2 5.4-17.6 14-7.3 8.6-11.3 19.6-4 11-4 22.4z" />
-    <path class="fill" d="m185.2 319.3l-2.7-2 245.1-316.8 2.7 2.1z" />
-</svg>

package/src/assets/volverjs.svg

@@ -1,15 +0,0 @@
-<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="200" height="200">
-    <style>
-        .circle {
-            fill: #45cb85;
-        }
-
-        .letter {
-            fill: #fff;
-        }
-    </style>
-    <path class="circle"
-        d="m200 400c-110.6 0-200-89.4-200-200 0-110.6 89.4-200 200-200 110.6 0 200 89.4 200 200 0 110.6-89.4 200-200 200z" />
-    <path fill-rule="evenodd" class="letter"
-        d="m320 198.9q6.8 0 9.8 3 3.3 3 3.3 7.8 0 7.8-4.8 13.7-4.4 6-14.3 6.3-23.9 0.6-42.4-3.6-21.2 44.5-51.4 74.1-29.9 29.3-60.1 29.3-31 0-46.3-36.2-15.2-36.1-15.2-97.6 0-52.6 7.5-94.4 2.7-15.6 7.4-21 5.1-5.6 17.1-5.6 19.7 0 19.7 17 0 1.8-0.6 6.6-9 53.7-9 97.4 0 45.7 7.5 69.6 7.8 23.6 23 23.6 15.5 0 33.8-21.5 18.2-21.6 33.4-54.1-18.2-11.4-27.5-29.3-9.2-18.2-9.2-41.8 0-23.6 7.1-39.8 7.5-16.4 20.1-24.4 12.8-8.1 28.3-8.1 19.2 0 30.2 13.7 11.4 13.8 11.4 37.7 0 34.3-15 75 15.9 2.6 36.2 2.6zm-88.2-58.8q0 29.3 18.9 43.3 11.6-33.5 11.6-55.3 0-12.5-3.3-18.2-3.3-6-8.9-6-8.1 0-13.2 9.6-5.1 9.3-5.1 26.6z" />
-</svg>