@volverjs/style 0.1.2-beta.3 → 0.1.2-beta.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +40 -40
- package/dist/components/vv-accordion.css +1 -0
- package/dist/components/vv-alert.css +1 -0
- package/dist/components/vv-avatar.css +1 -0
- package/dist/components/vv-badge.css +1 -1
- package/dist/components/vv-breadcrumb.css +1 -0
- package/dist/components/vv-button-group.css +1 -1
- package/dist/components/vv-button.css +1 -1
- package/dist/components/vv-card.css +1 -1
- package/dist/components/vv-checkbox-group.css +1 -0
- package/dist/components/vv-checkbox.css +1 -0
- package/dist/components/vv-dialog.css +1 -1
- package/dist/components/vv-dropdown.css +1 -1
- package/dist/components/vv-input-text.css +1 -1
- package/dist/components/vv-nav.css +1 -0
- package/dist/components/vv-progress.css +1 -1
- package/dist/components/vv-radio-group.css +1 -0
- package/dist/components/vv-radio.css +1 -0
- package/dist/components/vv-select.css +1 -1
- package/dist/components/vv-skeleton.css +1 -0
- package/dist/components/vv-tab.css +1 -0
- package/dist/components/vv-table.css +1 -1
- package/dist/components/vv-text.css +1 -1
- package/dist/components/vv-textarea.css +1 -1
- package/dist/components/vv-toast.css +1 -0
- package/dist/components/vv-tooltip.css +1 -0
- package/dist/components.css +1 -1
- package/dist/export.css +1 -1
- package/dist/props/background.css +1 -1
- package/dist/props/colors.css +1 -1
- package/dist/props/filters.css +1 -1
- package/dist/props/input.css +1 -1
- package/dist/props/spacing.css +1 -1
- package/dist/props/transitions.css +1 -0
- package/dist/props.css +1 -1
- package/dist/reset.css +1 -1
- package/dist/themes/dark/components.css +1 -1
- package/dist/themes/dark/props.css +1 -1
- package/dist/themes/dark/volver.css +1 -0
- package/dist/utilities/backgrounds.css +1 -1
- package/dist/utilities/borders.css +1 -1
- package/dist/utilities/colors.css +1 -1
- package/dist/utilities/effects.css +1 -1
- package/dist/utilities/filters.css +1 -1
- package/dist/utilities/flexbox.css +1 -1
- package/dist/utilities/grid.css +1 -1
- package/dist/utilities/interactivity.css +1 -0
- package/dist/utilities/layout.css +1 -1
- package/dist/utilities/sizing.css +1 -1
- package/dist/utilities/spacing.css +1 -1
- package/dist/utilities/transitions.css +1 -0
- package/dist/utilities/typography.css +1 -1
- package/dist/utilities.css +1 -1
- package/dist/volver.css +1 -0
- package/package.json +163 -118
- package/src/_config.scss +19 -11
- package/src/_context.scss +3 -3
- package/src/_preflight.scss +412 -0
- package/src/components/index.scss +25 -17
- package/src/components/vv-accordion.scss +13 -0
- package/src/components/vv-alert.scss +13 -0
- package/src/components/vv-avatar.scss +13 -0
- package/src/components/vv-badge.scss +3 -2
- package/src/components/vv-breadcrumb.scss +13 -0
- package/src/components/vv-button-group.scss +15 -18
- package/src/components/vv-button.scss +5 -8
- package/src/components/vv-card.scss +3 -2
- package/src/components/vv-checkbox-group.scss +13 -0
- package/src/components/{vv-input-checkbox.scss → vv-checkbox.scss} +7 -6
- package/src/components/vv-dialog.scss +3 -2
- package/src/components/vv-dropdown.scss +3 -2
- package/src/components/vv-input-text.scss +6 -5
- package/src/components/vv-nav.scss +13 -0
- package/src/components/vv-progress.scss +3 -2
- package/src/components/vv-radio-group.scss +13 -0
- package/src/components/{vv-input-radio.scss → vv-radio.scss} +6 -5
- package/src/components/vv-select.scss +6 -5
- package/src/components/vv-skeleton.scss +14 -0
- package/src/components/vv-tab.scss +13 -0
- package/src/components/vv-table.scss +3 -2
- package/src/components/vv-text.scss +3 -2
- package/src/components/vv-textarea.scss +6 -5
- package/src/components/vv-toast.scss +13 -0
- package/src/components/vv-tooltip.scss +33 -0
- package/src/export.scss +62 -6
- package/src/props/background.scss +1 -1
- package/src/props/borders.scss +1 -1
- package/src/props/colors.scss +1 -1
- package/src/props/effects.scss +1 -1
- package/src/props/filters.scss +2 -1
- package/src/props/index.scss +12 -12
- package/src/props/input.scss +1 -1
- package/src/props/layout.scss +1 -1
- package/src/props/media.scss +1 -1
- package/src/props/sizing.scss +1 -1
- package/src/props/spacing.scss +2 -2
- package/src/props/{animation.scss → transitions.scss} +53 -2
- package/src/props/typography.scss +2 -2
- package/src/reset.scss +1 -1
- package/src/settings/_background.scss +6 -1
- package/src/settings/_breakpoints.scss +2 -0
- package/src/settings/_colors.scss +16 -2
- package/src/settings/_effects.scss +47 -2
- package/src/settings/_filters.scss +9 -0
- package/src/settings/_index.scss +40 -31
- package/src/settings/_input.scss +8 -6
- package/src/settings/_interactivity.scss +39 -0
- package/src/settings/_spacing.scss +1 -0
- package/src/settings/_transitions.scss +44 -0
- package/src/settings/components/_vv-accordion.scss +134 -0
- package/src/settings/components/_vv-alert.scss +161 -0
- package/src/settings/components/_vv-avatar.scss +55 -0
- package/src/settings/components/_vv-badge.scss +58 -18
- package/src/settings/components/_vv-breadcrumb.scss +95 -0
- package/src/settings/components/_vv-button-group.scss +4 -0
- package/src/settings/components/_vv-button.scss +121 -15
- package/src/settings/components/_vv-card.scss +4 -3
- package/src/settings/components/{_vv-input-checkbox-group.scss → _vv-checkbox-group.scss} +2 -1
- package/src/settings/components/{_vv-input-checkbox.scss → _vv-checkbox.scss} +46 -10
- package/src/settings/components/_vv-dialog.scss +71 -89
- package/src/settings/components/_vv-input-text.scss +83 -37
- package/src/settings/components/_vv-nav.scss +142 -0
- package/src/settings/components/_vv-progress.scss +1 -1
- package/src/settings/components/_vv-radio-group.scss +3 -0
- package/src/settings/components/{_vv-input-radio.scss → _vv-radio.scss} +34 -4
- package/src/settings/components/_vv-select.scss +77 -12
- package/src/settings/components/_vv-skeleton.scss +22 -0
- package/src/settings/components/_vv-tab.scss +16 -0
- package/src/settings/components/_vv-table.scss +22 -3
- package/src/settings/components/_vv-text.scss +20 -1
- package/src/settings/components/_vv-textarea.scss +49 -24
- package/src/settings/components/_vv-toast.scss +259 -0
- package/src/settings/components/_vv-tooltip.scss +74 -0
- package/src/themes/dark/_context.scss +7 -4
- package/src/themes/dark/components/_vv-button.scss +3 -5
- package/src/themes/dark/components/index.scss +1 -2
- package/src/themes/dark/props/_background.scss +2 -2
- package/src/themes/dark/props/_colors.scss +2 -2
- package/src/themes/dark/props/_input.scss +15 -0
- package/src/themes/dark/props/index.scss +3 -2
- package/src/themes/dark/settings/_background.scss +9 -4
- package/src/themes/dark/settings/_colors.scss +25 -10
- package/src/themes/dark/settings/_index.scss +4 -4
- package/src/themes/dark/settings/_input.scss +8 -0
- package/src/themes/dark/settings/components/_vv-button.scss +10 -10
- package/src/themes/dark/volver.scss +5 -0
- package/src/tools/_breakpoints.scss +7 -7
- package/src/tools/_index.scss +3 -3
- package/src/tools/_mixins.scss +200 -37
- package/src/utilities/backgrounds.scss +15 -8
- package/src/utilities/borders.scss +22 -9
- package/src/utilities/colors.scss +9 -5
- package/src/utilities/effects.scss +23 -5
- package/src/utilities/filters.scss +15 -4
- package/src/utilities/flexbox.scss +26 -8
- package/src/utilities/grid.scss +25 -9
- package/src/utilities/index.scss +13 -12
- package/src/utilities/interactivity.scss +10 -0
- package/src/utilities/layout.scss +27 -14
- package/src/utilities/sizing.scss +23 -26
- package/src/utilities/spacing.scss +1 -1
- package/src/utilities/transitions.scss +47 -0
- package/src/utilities/typography.scss +34 -17
- package/src/volver.scss +14 -0
- package/dist/components/vv-collapse.css +0 -1
- package/dist/components/vv-input-checkbox-group.css +0 -1
- package/dist/components/vv-input-checkbox.css +0 -1
- package/dist/components/vv-input-radio-group.css +0 -1
- package/dist/components/vv-input-radio.css +0 -1
- package/dist/preflight.css +0 -1
- package/dist/props/animation.css +0 -1
- package/dist/style.css +0 -1
- package/dist/themes/dark/style.css +0 -1
- package/dist/utilities/animation.css +0 -1
- package/src/assets/24consulting.svg +0 -63
- package/src/assets/volverjs.svg +0 -15
- package/src/components/vv-collapse.scss +0 -12
- package/src/components/vv-input-checkbox-group.scss +0 -12
- package/src/components/vv-input-radio-group.scss +0 -12
- package/src/preflight.scss +0 -281
- package/src/settings/_animation.scss +0 -9
- package/src/settings/components/_vv-collapse.scss +0 -111
- package/src/settings/components/_vv-input-radio-group.scss +0 -1
- package/src/style.scss +0 -14
- package/src/themes/dark/components/_vv-input-checkbox.scss +0 -24
- package/src/themes/dark/settings/components/_vv-input-checkbox.scss +0 -26
- package/src/themes/dark/style.scss +0 -5
- package/src/utilities/animation.scss +0 -8
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--bg-none: none;--bg-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(211, 217, 222)' 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");--bg-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");--bg-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(211, 217, 222)' 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");--bg-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(211, 217, 222)' 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")}}:where(.theme.theme--dark){--bg-none: none;--bg-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(211, 217, 222)' 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");--bg-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");--bg-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(211, 217, 222)' 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");--bg-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(211, 217, 222)' 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")}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--color-scheme: dark;--color-word-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), 72.25%);--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), 59.5%);--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), 46.75%);--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), 34%);--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), 21.25%);--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), 9.75%);--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), 14.5%);--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), 19.25%);--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), 24%);--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), 28.75%);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 100%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/25%)}}:where(.theme.theme--dark){--color-scheme: dark;--color-word-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), 72.25%);--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), 59.5%);--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), 46.75%);--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), 34%);--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), 21.25%);--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), 9.75%);--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), 14.5%);--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), 19.25%);--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), 24%);--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), 28.75%);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 100%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/25%)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color: var(--color-gray-lighten-3);--vv-button-modifier-primary-background: var(--color-gray-lighten-3);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background: var(--color-gray-lighten-2);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-lighten-2);--vv-button-modifier-primary-state-active-background: var(--color-gray-lighten-1);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-lighten-1);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: var(--color-gray-darken-3);--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset: 0;--vv-button-modifier-ghost-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-text-text-shadow: 0 1px 0 var(--color-gray-darken-5)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color: var(--color-gray-lighten-3);--vv-button-modifier-primary-background: var(--color-gray-lighten-3);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background: var(--color-gray-lighten-2);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-lighten-2);--vv-button-modifier-primary-state-active-background: var(--color-gray-lighten-1);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-lighten-1);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: var(--color-gray-darken-3);--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset: 0;--vv-button-modifier-ghost-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-text-text-shadow: 0 1px 0 var(--color-gray-darken-5)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--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(211, 217, 222)' 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");--vv-input-checkbox-modifier-partial-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(211, 217, 222)' 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")}}:where(.theme.theme--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(211, 217, 222)' 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");--vv-input-checkbox-modifier-partial-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(211, 217, 222)' 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")}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
: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}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1088 337" width="250" height="77">
|
|
2
|
-
<style>
|
|
3
|
-
.fill {
|
|
4
|
-
fill: #2c2e35;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
@media (prefers-color-scheme: dark) {
|
|
8
|
-
.fill {
|
|
9
|
-
fill: #fff;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
</style>
|
|
13
|
-
<path class="fill" d="m713 236.1l-15-36.7h5l12.7 32.3 12.7-32.3h4.6l-14.9 36.7z" />
|
|
14
|
-
<path fill-rule="evenodd" class="fill"
|
|
15
|
-
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" />
|
|
16
|
-
<path class="fill"
|
|
17
|
-
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" />
|
|
18
|
-
<path class="fill"
|
|
19
|
-
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" />
|
|
20
|
-
<path class="fill" d="m844.8 191.7v-7.1h4.8v7.1zm0 44.4v-36.7h4.8v36.7z" />
|
|
21
|
-
<path fill-rule="evenodd" class="fill"
|
|
22
|
-
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" />
|
|
23
|
-
<path class="fill"
|
|
24
|
-
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" />
|
|
25
|
-
<path fill-rule="evenodd" class="fill"
|
|
26
|
-
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" />
|
|
27
|
-
<path class="fill"
|
|
28
|
-
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" />
|
|
29
|
-
<path class="fill"
|
|
30
|
-
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" />
|
|
31
|
-
<path class="fill"
|
|
32
|
-
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" />
|
|
33
|
-
<path fill-rule="evenodd" class="fill"
|
|
34
|
-
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" />
|
|
35
|
-
<path class="fill"
|
|
36
|
-
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" />
|
|
37
|
-
<path fill-rule="evenodd" class="fill"
|
|
38
|
-
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" />
|
|
39
|
-
<path class="fill"
|
|
40
|
-
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" />
|
|
41
|
-
<path class="fill"
|
|
42
|
-
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" />
|
|
43
|
-
<path class="fill"
|
|
44
|
-
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" />
|
|
45
|
-
<path class="fill"
|
|
46
|
-
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" />
|
|
47
|
-
<path class="fill"
|
|
48
|
-
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" />
|
|
49
|
-
<path class="fill" d="m995.7 276.3v-7h4.8v7zm0 44.5v-36.8h4.8v36.8z" />
|
|
50
|
-
<path class="fill"
|
|
51
|
-
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" />
|
|
52
|
-
<path fill-rule="evenodd" class="fill"
|
|
53
|
-
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" />
|
|
54
|
-
<path class="fill"
|
|
55
|
-
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" />
|
|
56
|
-
<path fill-rule="evenodd" class="fill"
|
|
57
|
-
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" />
|
|
58
|
-
<path class="fill"
|
|
59
|
-
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" />
|
|
60
|
-
<path fill-rule="evenodd" class="fill"
|
|
61
|
-
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" />
|
|
62
|
-
<path class="fill" d="m185.2 319.3l-2.7-2 245.1-316.8 2.7 2.1z" />
|
|
63
|
-
</svg>
|
package/src/assets/volverjs.svg
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="200" height="200">
|
|
2
|
-
<style>
|
|
3
|
-
.circle {
|
|
4
|
-
fill: #45cb85;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.letter {
|
|
8
|
-
fill: #fff;
|
|
9
|
-
}
|
|
10
|
-
</style>
|
|
11
|
-
<path class="circle"
|
|
12
|
-
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" />
|
|
13
|
-
<path fill-rule="evenodd" class="letter"
|
|
14
|
-
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" />
|
|
15
|
-
</svg>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@import '../context';
|
|
3
|
-
|
|
4
|
-
$component-name: map.get($components-names, vv-collapse);
|
|
5
|
-
$component-map: $vv-collapse;
|
|
6
|
-
|
|
7
|
-
@include spread-map-into-bem(
|
|
8
|
-
$map: $component-map,
|
|
9
|
-
$block: $component-name,
|
|
10
|
-
$props: $use-custom-props-for-components,
|
|
11
|
-
$zero-specificity: $zero-specificity-for-compoenents
|
|
12
|
-
);
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@import '../context';
|
|
3
|
-
|
|
4
|
-
$component-name: map.get($components-names, vv-input-checkbox-group);
|
|
5
|
-
$component-map: $vv-input-checkbox-group;
|
|
6
|
-
|
|
7
|
-
@include spread-map-into-bem(
|
|
8
|
-
$map: $component-map,
|
|
9
|
-
$block: $component-name,
|
|
10
|
-
$props: $use-custom-props-for-components,
|
|
11
|
-
$zero-specificity: $zero-specificity-for-compoenents
|
|
12
|
-
);
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@import '../context';
|
|
3
|
-
|
|
4
|
-
$component-name: map.get($components-names, vv-input-radio-group);
|
|
5
|
-
$component-map: $vv-input-radio-group;
|
|
6
|
-
|
|
7
|
-
@include spread-map-into-bem(
|
|
8
|
-
$map: $component-map,
|
|
9
|
-
$block: $component-name,
|
|
10
|
-
$props: $use-custom-props-for-components,
|
|
11
|
-
$zero-specificity: $zero-specificity-for-compoenents
|
|
12
|
-
);
|
package/src/preflight.scss
DELETED
|
@@ -1,281 +0,0 @@
|
|
|
1
|
-
:where(:host, :root, [class*='theme']) {
|
|
2
|
-
accent-color: var(--color-brand);
|
|
3
|
-
background: var(--color-surface);
|
|
4
|
-
caret-color: var(--color-brand);
|
|
5
|
-
color-scheme: var(--color-scheme);
|
|
6
|
-
color: var(--color-word);
|
|
7
|
-
scrollbar-color: var(--color-brand);
|
|
8
|
-
font-family: var(--font-sans);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
:where(.preflight) {
|
|
12
|
-
// typography
|
|
13
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
14
|
-
@extend %vv-text !optional;
|
|
15
|
-
@extend %vv-text--headline !optional;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
:where(h1) {
|
|
19
|
-
@extend %vv-text--size-1 !optional;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
:where(h2) {
|
|
23
|
-
@extend %vv-text--size-2 !optional;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
:where(h3) {
|
|
27
|
-
@extend %vv-text--size-3 !optional;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
:where(h4) {
|
|
31
|
-
@extend %vv-text--size-4 !optional;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:where(h5) {
|
|
35
|
-
@extend %vv-text--size-5 !optional;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:where(h6) {
|
|
39
|
-
@extend %vv-text--size-6 !optional;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
:where(p) {
|
|
43
|
-
@extend %vv-text !optional;
|
|
44
|
-
@extend %vv-text--copy !optional;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
:where(blockquote) {
|
|
48
|
-
@extend %vv-text !optional;
|
|
49
|
-
@extend %vv-text--quote !optional;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
:where(ul, ol) {
|
|
53
|
-
@extend %list-inside !optional;
|
|
54
|
-
@extend %my-sm !optional;
|
|
55
|
-
@extend %pl-lg !optional;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
:where(ul) {
|
|
59
|
-
@extend %list-disc !optional;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
:where(ol) {
|
|
63
|
-
@extend %list-decimal !optional;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
:where(b, strong, th) {
|
|
67
|
-
@extend %font-bold !optional;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
:where(em, i, cite, dfn, var) {
|
|
71
|
-
@extend %italic !optional;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
:where(dfn, var) {
|
|
75
|
-
@extend %font-serif !optional;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
:where(del, s) {
|
|
79
|
-
@extend %line-through !optional;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
:where(ins, u, cite, a) {
|
|
83
|
-
@extend %underline !optional;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
:where(abbr) {
|
|
87
|
-
@extend %underline !optional;
|
|
88
|
-
@extend %decoration-dotted !optional;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
:where(code) {
|
|
92
|
-
@extend %font-mono !optional;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
:where(sub) {
|
|
96
|
-
@extend %align-sub !optional;
|
|
97
|
-
@extend %text-smaller !optional;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
:where(sup) {
|
|
101
|
-
@extend %align-super !optional;
|
|
102
|
-
@extend %text-smaller !optional;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
:where(q) {
|
|
106
|
-
@extend %font-serif !optional;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
:where(small) {
|
|
110
|
-
@extend %text-smaller !optional;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
:where(mark) {
|
|
114
|
-
@extend %bg-warning !optional;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
:where(pre) {
|
|
118
|
-
@extend %font-mono !optional;
|
|
119
|
-
@extend %whitespace-pre-line !optional;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
:where(dl) {
|
|
123
|
-
@extend %my-sm !optional;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
:where(dd) {
|
|
127
|
-
@extend %ml-sm !optional;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
:where(hr) {
|
|
131
|
-
@extend %my-lg !optional;
|
|
132
|
-
@extend %border !optional;
|
|
133
|
-
@extend %border-solid !optional;
|
|
134
|
-
@extend %border-surface-3 !optional;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
// buttons
|
|
138
|
-
:where(button, input[type='button'], input[type='submit'], input[type='reset']) {
|
|
139
|
-
@extend %vv-button !optional;
|
|
140
|
-
|
|
141
|
-
&:where([type='button']) {
|
|
142
|
-
@extend %vv-button--primary !optional;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
&:where([type='reset']) {
|
|
146
|
-
@extend %vv-button--secondary !optional;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
&:where(:disabled) {
|
|
150
|
-
@extend %vv-button--disabled !optional;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
&:where(:hover) {
|
|
154
|
-
@extend %vv-button--hover !optional;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
&:where(:focus) {
|
|
158
|
-
@extend %vv-button--focus !optional;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
&:where(:focus-visible) {
|
|
162
|
-
@extend %vv-button--focus-visible !optional;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
&:where(:visited) {
|
|
166
|
-
@extend %vv-button--visited !optional;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
&:where(:active) {
|
|
170
|
-
@extend %vv-button--active !optional;
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
// table
|
|
175
|
-
:where(table) {
|
|
176
|
-
@extend %vv-table !optional;
|
|
177
|
-
|
|
178
|
-
:where(tr) {
|
|
179
|
-
@extend %vv-table__tr !optional;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
:where(td) {
|
|
183
|
-
@extend %vv-table__td !optional;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
:where(th) {
|
|
187
|
-
@extend %vv-table__th !optional;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
// progress
|
|
192
|
-
:where(progress) {
|
|
193
|
-
@extend %vv-progress !optional;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
// checkbox
|
|
197
|
-
:where(label:has(input[type='checkbox'])) {
|
|
198
|
-
@extend %vv-input-checkbox !optional;
|
|
199
|
-
|
|
200
|
-
:where(input[type='checkbox']) {
|
|
201
|
-
@extend %vv-input-checkbox__input !optional;
|
|
202
|
-
|
|
203
|
-
&:checked {
|
|
204
|
-
@extend %vv-input-checkbox-element-input--checked !optional;
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
&:indeterminate {
|
|
208
|
-
@extend %vv-input-checkbox-element-input--indeterminate
|
|
209
|
-
!optional;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
&:focus-visible {
|
|
213
|
-
@extend %vv-input-checkbox-element-input--focus-visible
|
|
214
|
-
!optional;
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
:where(label:has(input[type='checkbox']:disabled)) {
|
|
220
|
-
@extend %vv-input-checkbox--disabled !optional;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
// radio
|
|
224
|
-
:where(label:has(input[type='radio'])) {
|
|
225
|
-
@extend %vv-input-checkbox !optional;
|
|
226
|
-
|
|
227
|
-
:where(input[type='radio']) {
|
|
228
|
-
@extend %vv-input-radio__input !optional;
|
|
229
|
-
|
|
230
|
-
&:checked {
|
|
231
|
-
@extend %vv-input-radio-element-input--checked !optional;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
&:focus-visible {
|
|
235
|
-
@extend %vv-input-radio-element-input--focus-visible !optional;
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
:where(label:has(input[type='radio']:disabled)) {
|
|
241
|
-
@extend %vv-input-radio--disabled !optional;
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
// textarea
|
|
245
|
-
:where(textarea) {
|
|
246
|
-
@extend %vv-textarea__wrapper !optional;
|
|
247
|
-
@extend %vv-textarea__input !optional;
|
|
248
|
-
|
|
249
|
-
&:disabled {
|
|
250
|
-
@extend %vv-textarea--disabled !optional;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
&:readonly {
|
|
254
|
-
@extend %vv-textarea--readonly !optional;
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
// select
|
|
259
|
-
:where(select) {
|
|
260
|
-
@extend %vv-select__wrapper !optional;
|
|
261
|
-
@extend %vv-select__input !optional;
|
|
262
|
-
|
|
263
|
-
&:disabled {
|
|
264
|
-
@extend %vv-select--disabled !optional;
|
|
265
|
-
}
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
// input text
|
|
269
|
-
:where(input:not([type='radio'], [type='checkbox'], [type='button'], [type='submit'], [type='reset'])) {
|
|
270
|
-
@extend %vv-input-text__wrapper !optional;
|
|
271
|
-
@extend %vv-input-text__input !optional;
|
|
272
|
-
|
|
273
|
-
&:disabled {
|
|
274
|
-
@extend %vv-input-text--disabled !optional;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
&:readonly {
|
|
278
|
-
@extend %vv-input-text--readonly !optional;
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
$animate: (
|
|
2
|
-
none: none,
|
|
3
|
-
indeterminate: indeterminate 2s infinite,
|
|
4
|
-
progress-indeterminate: progress-indeterminate 1.5s linear infinite,
|
|
5
|
-
spin: spin 1s infinite,
|
|
6
|
-
ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite,
|
|
7
|
-
pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite,
|
|
8
|
-
bounce: bounce 1s infinite,
|
|
9
|
-
) !default;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
$vv-collapse: (
|
|
2
|
-
display: block,
|
|
3
|
-
min-width: 2.093em,
|
|
4
|
-
padding: 0,
|
|
5
|
-
border-radius: 0,
|
|
6
|
-
border-bottom: var(--border) solid var(--color-surface-2),
|
|
7
|
-
margin: 0,
|
|
8
|
-
background: none,
|
|
9
|
-
font-family: var(--font-sans),
|
|
10
|
-
font-size: 0.6em,
|
|
11
|
-
font-weight: normal,
|
|
12
|
-
state: (
|
|
13
|
-
open: (
|
|
14
|
-
display: contents,
|
|
15
|
-
padding: 0,
|
|
16
|
-
margin: 0,
|
|
17
|
-
element: (
|
|
18
|
-
header: (
|
|
19
|
-
list-style-type: none,
|
|
20
|
-
color: var(--color-brand),
|
|
21
|
-
pseudo: (
|
|
22
|
-
after: (
|
|
23
|
-
transform: rotate(0deg),
|
|
24
|
-
will-change: transform,
|
|
25
|
-
transition: transform 0.2s ease-in-out,
|
|
26
|
-
),
|
|
27
|
-
),
|
|
28
|
-
),
|
|
29
|
-
content: (
|
|
30
|
-
height: auto,
|
|
31
|
-
opacity: 1,
|
|
32
|
-
),
|
|
33
|
-
),
|
|
34
|
-
),
|
|
35
|
-
blocked: (
|
|
36
|
-
cursor: not-allowed,
|
|
37
|
-
opacity: 0.5,
|
|
38
|
-
pointer-events: none,
|
|
39
|
-
user-select: none,
|
|
40
|
-
),
|
|
41
|
-
),
|
|
42
|
-
element: (
|
|
43
|
-
header: (
|
|
44
|
-
cursor: pointer,
|
|
45
|
-
list-style-type: none,
|
|
46
|
-
padding: 1em,
|
|
47
|
-
margin: var(--spacing-0),
|
|
48
|
-
background: none,
|
|
49
|
-
color: var(--color-word-3),
|
|
50
|
-
font-size: var(--text-sm),
|
|
51
|
-
line-height: 1em,
|
|
52
|
-
box-shadow: none,
|
|
53
|
-
pseudo: (
|
|
54
|
-
after: (
|
|
55
|
-
display: block,
|
|
56
|
-
float: right,
|
|
57
|
-
width: 1em,
|
|
58
|
-
height: 1em,
|
|
59
|
-
background-image: var(--bg-chevron),
|
|
60
|
-
background-position: right center,
|
|
61
|
-
background-size: 1em auto,
|
|
62
|
-
background-repeat: no-repeat,
|
|
63
|
-
transform: rotate(-90deg),
|
|
64
|
-
will-change: transform,
|
|
65
|
-
transition: transform 0.2s ease-in-out,
|
|
66
|
-
),
|
|
67
|
-
),
|
|
68
|
-
),
|
|
69
|
-
content: (
|
|
70
|
-
display: block,
|
|
71
|
-
height: 0,
|
|
72
|
-
padding: var(--spacing-0) 1em 1em 1em,
|
|
73
|
-
margin: var(--spacing-0),
|
|
74
|
-
background: none,
|
|
75
|
-
color: var(--color-word-4),
|
|
76
|
-
font-size: var(--text-xs),
|
|
77
|
-
box-shadow: none,
|
|
78
|
-
opacity: 0,
|
|
79
|
-
transition: all 0.7s ease-in-out,
|
|
80
|
-
),
|
|
81
|
-
),
|
|
82
|
-
modifier: (
|
|
83
|
-
minimal: (
|
|
84
|
-
display: contents,
|
|
85
|
-
padding: 0,
|
|
86
|
-
margin: 0,
|
|
87
|
-
state: (
|
|
88
|
-
open: (
|
|
89
|
-
element: (
|
|
90
|
-
header: (
|
|
91
|
-
list-style-type: disclosure-open,
|
|
92
|
-
color: var(--color-brand),
|
|
93
|
-
),
|
|
94
|
-
),
|
|
95
|
-
),
|
|
96
|
-
),
|
|
97
|
-
element: (
|
|
98
|
-
header: (
|
|
99
|
-
display: list-item,
|
|
100
|
-
counter-increment: list-item 0,
|
|
101
|
-
list-style-type: disclosure-closed,
|
|
102
|
-
pseudo: (
|
|
103
|
-
after: (
|
|
104
|
-
display: none,
|
|
105
|
-
),
|
|
106
|
-
),
|
|
107
|
-
),
|
|
108
|
-
),
|
|
109
|
-
),
|
|
110
|
-
),
|
|
111
|
-
) !default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$vv-input-radio-group: $vv-input-checkbox-group !default;
|
package/src/style.scss
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@import '../context';
|
|
3
|
-
|
|
4
|
-
$component-name: map.get($components-names, vv-input-checkbox);
|
|
5
|
-
$component-map: $vv-input-checkbox;
|
|
6
|
-
$props: true;
|
|
7
|
-
|
|
8
|
-
@mixin theme-dark-vv-input-checkbox {
|
|
9
|
-
@include spread-map-into-props(
|
|
10
|
-
$map: $component-map,
|
|
11
|
-
$prefix: $component-name,
|
|
12
|
-
$deep: $props
|
|
13
|
-
);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
:where(:host, :root, .theme):not(.theme--light) {
|
|
17
|
-
@media (prefers-color-scheme: dark) {
|
|
18
|
-
@include theme-dark-vv-input-checkbox;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
:where(.theme.theme--dark) {
|
|
23
|
-
@include theme-dark-vv-input-checkbox;
|
|
24
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
$vv-input-checkbox: (
|
|
2
|
-
element: (
|
|
3
|
-
input: (
|
|
4
|
-
state: (
|
|
5
|
-
checked: (
|
|
6
|
-
background-image:
|
|
7
|
-
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"),
|
|
8
|
-
),
|
|
9
|
-
),
|
|
10
|
-
),
|
|
11
|
-
),
|
|
12
|
-
modifier: (
|
|
13
|
-
partial: (
|
|
14
|
-
element: (
|
|
15
|
-
input: (
|
|
16
|
-
state: (
|
|
17
|
-
checked: (
|
|
18
|
-
background-image:
|
|
19
|
-
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"),
|
|
20
|
-
),
|
|
21
|
-
),
|
|
22
|
-
),
|
|
23
|
-
),
|
|
24
|
-
),
|
|
25
|
-
),
|
|
26
|
-
) !default;
|