@volverjs/style 0.1.2-beta.16 → 0.1.2-beta.18

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.
Files changed (21) hide show
  1. package/dist/components/vv-avatar.css +1 -0
  2. package/dist/components/vv-button.css +1 -1
  3. package/dist/components/vv-card.css +1 -1
  4. package/dist/components/vv-input-checkbox-group.css +1 -1
  5. package/dist/components/vv-input-radio-group.css +1 -1
  6. package/dist/components/vv-tooltip.css +1 -1
  7. package/dist/components.css +1 -1
  8. package/dist/themes/dark/components.css +1 -1
  9. package/dist/themes/dark/volver.css +1 -1
  10. package/dist/volver.css +1 -1
  11. package/package.json +7 -5
  12. package/src/_config.scss +1 -0
  13. package/src/components/index.scss +1 -0
  14. package/src/components/vv-avatar.scss +12 -0
  15. package/src/settings/_index.scss +1 -0
  16. package/src/settings/components/_vv-avatar.scss +40 -0
  17. package/src/settings/components/_vv-button.scss +2 -2
  18. package/src/settings/components/_vv-card.scss +0 -1
  19. package/src/settings/components/_vv-input-checkbox-group.scss +1 -0
  20. package/src/settings/components/_vv-tooltip.scss +10 -5
  21. package/src/themes/dark/settings/components/_vv-button.scss +1 -1
package/dist/themes/dark/components.css CHANGED
@@ -1 +1 @@
1
- @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
+ @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: var(--spacing-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: var(--spacing-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")}
package/dist/themes/dark/volver.css CHANGED
@@ -1 +1 @@
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");--bg-close: 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%3Cpath d='M20 20L4 4m16 0L4 20'/%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");--bg-close: 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%3Cpath d='M20 20L4 4m16 0L4 20'/%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-surface-brand: hsl(209.8378378378deg, 78.7234042553%, 10%);--color-surface-accent: hsl(291.2408759124deg, 63.7209302326%, 10%);--color-surface-success: hsl(134.1176470588deg, 69.8630136986%, 10%);--color-surface-danger: hsl(353.4715025907deg, 100%, 10%);--color-surface-info: hsl(190.2673796791deg, 83.1111111111%, 10%);--color-surface-warning: hsl(43.9572192513deg, 87.79342723%, 10%);--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-surface-brand: hsl(209.8378378378deg, 78.7234042553%, 10%);--color-surface-accent: hsl(291.2408759124deg, 63.7209302326%, 10%);--color-surface-success: hsl(134.1176470588deg, 69.8630136986%, 10%);--color-surface-danger: hsl(353.4715025907deg, 100%, 10%);--color-surface-info: hsl(190.2673796791deg, 83.1111111111%, 10%);--color-surface-warning: hsl(43.9572192513deg, 87.79342723%, 10%);--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
+ @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");--bg-close: 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%3Cpath d='M20 20L4 4m16 0L4 20'/%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");--bg-close: 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%3Cpath d='M20 20L4 4m16 0L4 20'/%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-surface-brand: hsl(209.8378378378deg, 78.7234042553%, 10%);--color-surface-accent: hsl(291.2408759124deg, 63.7209302326%, 10%);--color-surface-success: hsl(134.1176470588deg, 69.8630136986%, 10%);--color-surface-danger: hsl(353.4715025907deg, 100%, 10%);--color-surface-info: hsl(190.2673796791deg, 83.1111111111%, 10%);--color-surface-warning: hsl(43.9572192513deg, 87.79342723%, 10%);--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-surface-brand: hsl(209.8378378378deg, 78.7234042553%, 10%);--color-surface-accent: hsl(291.2408759124deg, 63.7209302326%, 10%);--color-surface-success: hsl(134.1176470588deg, 69.8630136986%, 10%);--color-surface-danger: hsl(353.4715025907deg, 100%, 10%);--color-surface-info: hsl(190.2673796791deg, 83.1111111111%, 10%);--color-surface-warning: hsl(43.9572192513deg, 87.79342723%, 10%);--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: var(--spacing-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: var(--spacing-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")}