@volverjs/style 0.1.2-beta.3 → 0.1.2-beta.31

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 (190) hide show
  1. package/README.md +40 -40
  2. package/dist/components/vv-accordion.css +1 -0
  3. package/dist/components/vv-alert.css +1 -0
  4. package/dist/components/vv-avatar.css +1 -0
  5. package/dist/components/vv-badge.css +1 -1
  6. package/dist/components/vv-breadcrumb.css +1 -0
  7. package/dist/components/vv-button-group.css +1 -1
  8. package/dist/components/vv-button.css +1 -1
  9. package/dist/components/vv-card.css +1 -1
  10. package/dist/components/vv-checkbox-group.css +1 -0
  11. package/dist/components/vv-checkbox.css +1 -0
  12. package/dist/components/vv-dialog.css +1 -1
  13. package/dist/components/vv-dropdown.css +1 -1
  14. package/dist/components/vv-input-text.css +1 -1
  15. package/dist/components/vv-nav.css +1 -0
  16. package/dist/components/vv-progress.css +1 -1
  17. package/dist/components/vv-radio-group.css +1 -0
  18. package/dist/components/vv-radio.css +1 -0
  19. package/dist/components/vv-select.css +1 -1
  20. package/dist/components/vv-skeleton.css +1 -0
  21. package/dist/components/vv-tab.css +1 -0
  22. package/dist/components/vv-table.css +1 -1
  23. package/dist/components/vv-text.css +1 -1
  24. package/dist/components/vv-textarea.css +1 -1
  25. package/dist/components/vv-toast.css +1 -0
  26. package/dist/components/vv-tooltip.css +1 -0
  27. package/dist/components.css +1 -1
  28. package/dist/export.css +1 -1
  29. package/dist/props/background.css +1 -1
  30. package/dist/props/colors.css +1 -1
  31. package/dist/props/filters.css +1 -1
  32. package/dist/props/input.css +1 -1
  33. package/dist/props/layout.css +1 -1
  34. package/dist/props/spacing.css +1 -1
  35. package/dist/props/transitions.css +1 -0
  36. package/dist/props.css +1 -1
  37. package/dist/reset.css +1 -1
  38. package/dist/themes/dark/components.css +1 -1
  39. package/dist/themes/dark/props.css +1 -1
  40. package/dist/themes/dark/volver.css +1 -0
  41. package/dist/utilities/backgrounds.css +1 -1
  42. package/dist/utilities/borders.css +1 -1
  43. package/dist/utilities/colors.css +1 -1
  44. package/dist/utilities/effects.css +1 -1
  45. package/dist/utilities/filters.css +1 -1
  46. package/dist/utilities/flexbox.css +1 -1
  47. package/dist/utilities/grid.css +1 -1
  48. package/dist/utilities/interactivity.css +1 -0
  49. package/dist/utilities/layout.css +1 -1
  50. package/dist/utilities/sizing.css +1 -1
  51. package/dist/utilities/spacing.css +1 -1
  52. package/dist/utilities/transitions.css +1 -0
  53. package/dist/utilities/typography.css +1 -1
  54. package/dist/utilities.css +1 -1
  55. package/dist/volver.css +1 -0
  56. package/package.json +163 -118
  57. package/src/_config.scss +19 -11
  58. package/src/_context.scss +3 -3
  59. package/src/_preflight.scss +412 -0
  60. package/src/components/index.scss +25 -17
  61. package/src/components/vv-accordion.scss +13 -0
  62. package/src/components/vv-alert.scss +13 -0
  63. package/src/components/vv-avatar.scss +13 -0
  64. package/src/components/vv-badge.scss +3 -2
  65. package/src/components/vv-breadcrumb.scss +13 -0
  66. package/src/components/vv-button-group.scss +15 -18
  67. package/src/components/vv-button.scss +5 -8
  68. package/src/components/vv-card.scss +3 -2
  69. package/src/components/vv-checkbox-group.scss +13 -0
  70. package/src/components/{vv-input-checkbox.scss → vv-checkbox.scss} +7 -6
  71. package/src/components/vv-dialog.scss +3 -2
  72. package/src/components/vv-dropdown.scss +3 -2
  73. package/src/components/vv-input-text.scss +6 -5
  74. package/src/components/vv-nav.scss +13 -0
  75. package/src/components/vv-progress.scss +3 -2
  76. package/src/components/vv-radio-group.scss +13 -0
  77. package/src/components/{vv-input-radio.scss → vv-radio.scss} +6 -5
  78. package/src/components/vv-select.scss +6 -5
  79. package/src/components/vv-skeleton.scss +14 -0
  80. package/src/components/vv-tab.scss +13 -0
  81. package/src/components/vv-table.scss +3 -2
  82. package/src/components/vv-text.scss +3 -2
  83. package/src/components/vv-textarea.scss +6 -5
  84. package/src/components/vv-toast.scss +13 -0
  85. package/src/components/vv-tooltip.scss +33 -0
  86. package/src/export.scss +73 -12
  87. package/src/props/background.scss +1 -1
  88. package/src/props/borders.scss +1 -1
  89. package/src/props/colors.scss +1 -1
  90. package/src/props/effects.scss +1 -1
  91. package/src/props/filters.scss +2 -1
  92. package/src/props/index.scss +12 -12
  93. package/src/props/input.scss +1 -1
  94. package/src/props/layout.scss +6 -1
  95. package/src/props/media.scss +1 -1
  96. package/src/props/sizing.scss +1 -1
  97. package/src/props/spacing.scss +2 -2
  98. package/src/props/{animation.scss → transitions.scss} +53 -2
  99. package/src/props/typography.scss +2 -2
  100. package/src/reset.scss +1 -1
  101. package/src/settings/_background.scss +6 -1
  102. package/src/settings/_breakpoints.scss +2 -0
  103. package/src/settings/_colors.scss +16 -2
  104. package/src/settings/_effects.scss +47 -2
  105. package/src/settings/_filters.scss +9 -0
  106. package/src/settings/_index.scss +40 -31
  107. package/src/settings/_input.scss +8 -6
  108. package/src/settings/_interactivity.scss +39 -0
  109. package/src/settings/_layout.scss +18 -10
  110. package/src/settings/_spacing.scss +1 -0
  111. package/src/settings/_transitions.scss +44 -0
  112. package/src/settings/components/_vv-accordion.scss +134 -0
  113. package/src/settings/components/_vv-alert.scss +161 -0
  114. package/src/settings/components/_vv-avatar.scss +55 -0
  115. package/src/settings/components/_vv-badge.scss +59 -18
  116. package/src/settings/components/_vv-breadcrumb.scss +95 -0
  117. package/src/settings/components/_vv-button-group.scss +4 -0
  118. package/src/settings/components/_vv-button.scss +120 -15
  119. package/src/settings/components/_vv-card.scss +4 -3
  120. package/src/settings/components/{_vv-input-checkbox-group.scss → _vv-checkbox-group.scss} +2 -1
  121. package/src/settings/components/{_vv-input-checkbox.scss → _vv-checkbox.scss} +46 -10
  122. package/src/settings/components/_vv-dialog.scss +71 -89
  123. package/src/settings/components/_vv-input-text.scss +83 -37
  124. package/src/settings/components/_vv-nav.scss +142 -0
  125. package/src/settings/components/_vv-progress.scss +1 -1
  126. package/src/settings/components/_vv-radio-group.scss +3 -0
  127. package/src/settings/components/{_vv-input-radio.scss → _vv-radio.scss} +34 -4
  128. package/src/settings/components/_vv-select.scss +77 -12
  129. package/src/settings/components/_vv-skeleton.scss +22 -0
  130. package/src/settings/components/_vv-tab.scss +16 -0
  131. package/src/settings/components/_vv-table.scss +22 -3
  132. package/src/settings/components/_vv-text.scss +20 -1
  133. package/src/settings/components/_vv-textarea.scss +49 -24
  134. package/src/settings/components/_vv-toast.scss +259 -0
  135. package/src/settings/components/_vv-tooltip.scss +74 -0
  136. package/src/themes/dark/_context.scss +7 -4
  137. package/src/themes/dark/components/_vv-button.scss +3 -5
  138. package/src/themes/dark/components/index.scss +1 -2
  139. package/src/themes/dark/props/_background.scss +2 -2
  140. package/src/themes/dark/props/_colors.scss +2 -2
  141. package/src/themes/dark/props/_input.scss +15 -0
  142. package/src/themes/dark/props/index.scss +3 -2
  143. package/src/themes/dark/settings/_background.scss +9 -4
  144. package/src/themes/dark/settings/_colors.scss +25 -10
  145. package/src/themes/dark/settings/_index.scss +4 -4
  146. package/src/themes/dark/settings/_input.scss +8 -0
  147. package/src/themes/dark/settings/components/_vv-button.scss +10 -10
  148. package/src/themes/dark/volver.scss +5 -0
  149. package/src/tools/_breakpoints.scss +7 -7
  150. package/src/tools/_index.scss +3 -3
  151. package/src/tools/_mixins.scss +200 -37
  152. package/src/utilities/backgrounds.scss +15 -8
  153. package/src/utilities/borders.scss +22 -9
  154. package/src/utilities/colors.scss +9 -5
  155. package/src/utilities/effects.scss +23 -5
  156. package/src/utilities/filters.scss +15 -4
  157. package/src/utilities/flexbox.scss +26 -8
  158. package/src/utilities/grid.scss +25 -9
  159. package/src/utilities/index.scss +13 -12
  160. package/src/utilities/interactivity.scss +10 -0
  161. package/src/utilities/layout.scss +36 -23
  162. package/src/utilities/sizing.scss +23 -26
  163. package/src/utilities/spacing.scss +1 -1
  164. package/src/utilities/transitions.scss +47 -0
  165. package/src/utilities/typography.scss +34 -17
  166. package/src/volver.scss +14 -0
  167. package/dist/components/vv-collapse.css +0 -1
  168. package/dist/components/vv-input-checkbox-group.css +0 -1
  169. package/dist/components/vv-input-checkbox.css +0 -1
  170. package/dist/components/vv-input-radio-group.css +0 -1
  171. package/dist/components/vv-input-radio.css +0 -1
  172. package/dist/preflight.css +0 -1
  173. package/dist/props/animation.css +0 -1
  174. package/dist/style.css +0 -1
  175. package/dist/themes/dark/style.css +0 -1
  176. package/dist/utilities/animation.css +0 -1
  177. package/src/assets/24consulting.svg +0 -63
  178. package/src/assets/volverjs.svg +0 -15
  179. package/src/components/vv-collapse.scss +0 -12
  180. package/src/components/vv-input-checkbox-group.scss +0 -12
  181. package/src/components/vv-input-radio-group.scss +0 -12
  182. package/src/preflight.scss +0 -281
  183. package/src/settings/_animation.scss +0 -9
  184. package/src/settings/components/_vv-collapse.scss +0 -111
  185. package/src/settings/components/_vv-input-radio-group.scss +0 -1
  186. package/src/style.scss +0 -14
  187. package/src/themes/dark/components/_vv-input-checkbox.scss +0 -24
  188. package/src/themes/dark/settings/components/_vv-input-checkbox.scss +0 -26
  189. package/src/themes/dark/style.scss +0 -5
  190. 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>
@@ -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
- );
@@ -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,14 +0,0 @@
1
- // reset
2
- @import 'reset';
3
-
4
- // props
5
- @import 'props';
6
-
7
- // preflight
8
- @import 'preflight';
9
-
10
- // components
11
- @import 'components';
12
-
13
- // utilities (must be the last one)
14
- @import 'utilities';
@@ -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;
@@ -1,5 +0,0 @@
1
- // props
2
- @import 'props';
3
-
4
- // components
5
- @import 'components';
@@ -1,8 +0,0 @@
1
- @import '../context';
2
-
3
- // animate
4
- @include spread-map-into-utilities(
5
- $map: $animate,
6
- $class: 'animate',
7
- $attribute: 'animation'
8
- );