@birdapi/velinstyle 0.7.0 → 0.9.0

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 (336) hide show
  1. package/README.de.md +135 -224
  2. package/README.md +134 -223
  3. package/cli/blueprint.js +8 -0
  4. package/cli/blueprints/bottom-nav-mobile.html +17 -0
  5. package/cli/blueprints/cookie-consent.html +9 -0
  6. package/cli/blueprints/empty-state.html +5 -0
  7. package/cli/blueprints/filter-bar.html +15 -0
  8. package/cli/blueprints/notification-center.html +13 -0
  9. package/cli/blueprints/onboarding.html +23 -0
  10. package/cli/blueprints/pricing-table.html +20 -0
  11. package/cli/blueprints/settings-panel.html +20 -0
  12. package/cli/cli-manifest.json +97 -0
  13. package/cli/docgen/extract-a11y.js +89 -0
  14. package/cli/docgen/extract-attributes.js +95 -0
  15. package/cli/docgen/extract-cli.js +50 -0
  16. package/cli/docgen/extract-components.js +175 -0
  17. package/cli/docgen/extract-meta.js +32 -0
  18. package/cli/docgen/extract-rules.js +76 -0
  19. package/cli/docgen/extract-tokens.js +79 -0
  20. package/cli/docgen/extract-utilities.js +75 -0
  21. package/cli/docgen/markdown.js +43 -0
  22. package/cli/docs-generate.js +196 -0
  23. package/cli/index.js +236 -5
  24. package/cli/layout-audit.js +325 -0
  25. package/cli/meta.js +97 -0
  26. package/cli/perf-audit.js +174 -0
  27. package/cli/pii-scanner.js +134 -0
  28. package/cli/scaffold-recipes.json +70 -0
  29. package/cli/scaffold.js +155 -0
  30. package/cli/scanner-rules-data.js +62 -0
  31. package/cli/scanner.js +136 -1
  32. package/cli/search-index.js +163 -0
  33. package/cli/tokens-build.js +21 -1
  34. package/cli/tokens-validate.js +69 -0
  35. package/components/a11y-entry.js +42 -0
  36. package/components/a11y-utils.js +71 -0
  37. package/components/focus-manager.js +45 -8
  38. package/components/index.js +40 -11
  39. package/components/runtime/component-loaders.js +43 -0
  40. package/components/runtime/index.js +77 -0
  41. package/components/runtime-entry.js +10 -0
  42. package/components/sanitize.js +135 -28
  43. package/components/shadow-a11y-styles.js +18 -0
  44. package/components/velin-accordion.js +12 -0
  45. package/components/velin-announcer.js +35 -0
  46. package/components/velin-bottom-nav.js +108 -0
  47. package/components/velin-carousel.js +2 -2
  48. package/components/velin-code-block.js +142 -0
  49. package/components/velin-combobox.js +149 -0
  50. package/components/velin-command.js +142 -0
  51. package/components/velin-copy.js +18 -5
  52. package/components/velin-counter.js +155 -0
  53. package/components/velin-dialog.js +9 -1
  54. package/components/velin-email.js +94 -0
  55. package/components/velin-flip.js +220 -0
  56. package/components/velin-icon.js +99 -22
  57. package/components/velin-lightbox.js +8 -3
  58. package/components/velin-live-dot.js +90 -0
  59. package/components/velin-menubar.js +83 -0
  60. package/components/velin-modal.js +6 -3
  61. package/components/velin-popover.js +34 -2
  62. package/components/velin-rating.js +91 -0
  63. package/components/velin-reveal.js +22 -0
  64. package/components/velin-scroll-top.js +1 -1
  65. package/components/velin-search.js +267 -0
  66. package/components/velin-secure-field.js +99 -0
  67. package/components/velin-segmented-control.js +108 -0
  68. package/components/velin-sheet.js +107 -0
  69. package/components/velin-sparkline.js +227 -0
  70. package/components/{velin-stepper-wc.js → velin-stepper.js} +37 -8
  71. package/components/velin-theme-toggle.js +284 -60
  72. package/components/velin-toast.js +4 -0
  73. package/components/{velin-tooltip-wc.js → velin-tooltip.js} +22 -3
  74. package/core/a11y/component-contracts.json +221 -0
  75. package/core/attributes/index.js +6 -0
  76. package/core/attributes/registry.js +268 -0
  77. package/core/highlight/highlight.js +114 -0
  78. package/core/highlight/index.js +29 -0
  79. package/core/highlight/languages/_utils.js +52 -0
  80. package/core/highlight/languages/blade.js +16 -0
  81. package/core/highlight/languages/css.js +26 -0
  82. package/core/highlight/languages/html.js +17 -0
  83. package/core/highlight/languages/js.js +58 -0
  84. package/core/highlight/languages/json.js +14 -0
  85. package/core/highlight/languages/markdown.js +16 -0
  86. package/core/highlight/languages/php.js +39 -0
  87. package/core/highlight/languages/plain.js +7 -0
  88. package/core/highlight/languages/shell.js +33 -0
  89. package/core/highlight/languages/sql.js +20 -0
  90. package/core/highlight/languages/typescript.js +28 -0
  91. package/core/highlight/observe.js +53 -0
  92. package/core/highlight/registry.js +107 -0
  93. package/core/highlight/render.js +35 -0
  94. package/core/highlight/types.js +28 -0
  95. package/core/meta/build.js +293 -0
  96. package/core/meta/index.js +17 -0
  97. package/core/meta/schema.js +49 -0
  98. package/core/motion/effects.js +54 -0
  99. package/core/motion/index.js +76 -0
  100. package/core/motion/scheduler.js +72 -0
  101. package/core/motion/scroll.js +32 -0
  102. package/core/motion/stagger.js +24 -0
  103. package/core/search/docs-url.js +96 -0
  104. package/core/search/engine.js +139 -0
  105. package/core/search/highlight.js +48 -0
  106. package/core/search/index.js +126 -0
  107. package/core/search/providers.js +36 -0
  108. package/core/search/types.js +61 -0
  109. package/core/search/worker-client.js +56 -0
  110. package/core/search/worker.js +20 -0
  111. package/dist/chunks/a11y-utils-IRC7LOPF.js +16 -0
  112. package/dist/chunks/attributes-3BZLI7XF.js +364 -0
  113. package/dist/chunks/attributes-4N5JP4CG.js +364 -0
  114. package/dist/chunks/attributes-5Q2WXGRC.js +374 -0
  115. package/dist/chunks/attributes-AIR7SVLK.js +364 -0
  116. package/dist/chunks/attributes-BGRN5XZO.js +364 -0
  117. package/dist/chunks/attributes-BVSQAYLR.js +364 -0
  118. package/dist/chunks/attributes-CDYFUY7Y.js +364 -0
  119. package/dist/chunks/attributes-JMYJZBPE.js +364 -0
  120. package/dist/chunks/attributes-R5JY3X4O.js +374 -0
  121. package/dist/chunks/attributes-STYCS3O5.js +391 -0
  122. package/dist/chunks/attributes-TNSPQTHX.js +374 -0
  123. package/dist/chunks/attributes-TPANLMLF.js +391 -0
  124. package/dist/chunks/blade-LIQLVKZQ.js +19 -0
  125. package/dist/chunks/browser-MRKYZPEH.js +1149 -0
  126. package/dist/chunks/chunk-2354NEBP.js +109 -0
  127. package/dist/chunks/chunk-2VNA7G7S.js +109 -0
  128. package/dist/chunks/chunk-42VVPW6N.js +132 -0
  129. package/dist/chunks/chunk-7FFAMRFV.js +44 -0
  130. package/dist/chunks/chunk-7MCGPHVC.js +69 -0
  131. package/dist/chunks/chunk-AQLRJSGG.js +109 -0
  132. package/dist/chunks/chunk-EWPSDMQT.js +109 -0
  133. package/dist/chunks/chunk-F7OLHTGX.js +22 -0
  134. package/dist/chunks/chunk-J472ERN2.js +242 -0
  135. package/dist/chunks/chunk-LA7264K4.js +85 -0
  136. package/dist/chunks/chunk-M5CHQVP6.js +61 -0
  137. package/dist/chunks/chunk-MKZP2TBH.js +89 -0
  138. package/dist/chunks/chunk-QTJJ3DPO.js +109 -0
  139. package/dist/chunks/chunk-RDE3QE7Z.js +89 -0
  140. package/dist/chunks/chunk-RSMRR27R.js +109 -0
  141. package/dist/chunks/chunk-RZQVWFHW.js +109 -0
  142. package/dist/chunks/chunk-SRL6EWHP.js +109 -0
  143. package/dist/chunks/chunk-U4XHMZ7D.js +109 -0
  144. package/dist/chunks/chunk-V5YIUA6G.js +109 -0
  145. package/dist/chunks/chunk-XIET2VSZ.js +109 -0
  146. package/dist/chunks/chunk-XYLJ2GCB.js +205 -0
  147. package/dist/chunks/chunk-Z4JYQ2XX.js +51 -0
  148. package/dist/chunks/chunk-ZPSPKUYD.js +109 -0
  149. package/dist/chunks/css-MQ5YU77P.js +28 -0
  150. package/dist/chunks/highlight-GJHHV4KM.js +37 -0
  151. package/dist/chunks/highlight-XTHRKBA3.js +37 -0
  152. package/dist/chunks/html-ZODC4DLQ.js +20 -0
  153. package/dist/chunks/js-MNSNYTJU.js +7 -0
  154. package/dist/chunks/json-VEM2HFH3.js +17 -0
  155. package/dist/chunks/markdown-E7OPGS3S.js +19 -0
  156. package/dist/chunks/php-MLL7T3LT.js +41 -0
  157. package/dist/chunks/plain-LJJDC5TN.js +8 -0
  158. package/dist/chunks/runtime-entry.js +14 -0
  159. package/dist/chunks/shell-QTRK4U4E.js +35 -0
  160. package/dist/chunks/sql-PPWLHGJ2.js +23 -0
  161. package/dist/chunks/typescript-JT3CCYWL.js +30 -0
  162. package/dist/chunks/velin-accordion-FBIPAEXG.js +105 -0
  163. package/dist/chunks/velin-accordion-QAQO7BI7.js +117 -0
  164. package/dist/chunks/velin-announcer-PVTXXCWR.js +33 -0
  165. package/dist/chunks/velin-bottom-nav-2N2TYWOF.js +86 -0
  166. package/dist/chunks/velin-bottom-nav-7GEMPIM6.js +86 -0
  167. package/dist/chunks/velin-bottom-nav-CTU6FFZV.js +101 -0
  168. package/dist/chunks/velin-bottom-nav-N3DFQR66.js +86 -0
  169. package/dist/chunks/velin-carousel-Y5VCOABZ.js +213 -0
  170. package/dist/chunks/velin-carousel-ZTBANFQQ.js +213 -0
  171. package/dist/chunks/velin-code-block-ASUBTAQV.js +119 -0
  172. package/dist/chunks/velin-code-block-CIAURDRJ.js +132 -0
  173. package/dist/chunks/velin-code-block-TSUKPY4C.js +123 -0
  174. package/dist/chunks/velin-code-block-Y6CM726Q.js +119 -0
  175. package/dist/chunks/velin-collapse-5XYBUIID.js +80 -0
  176. package/dist/chunks/velin-combobox-2KDTCQ7N.js +155 -0
  177. package/dist/chunks/velin-combobox-NXS4QB4R.js +155 -0
  178. package/dist/chunks/velin-combobox-UGA56HP3.js +155 -0
  179. package/dist/chunks/velin-command-CKDNO4BW.js +148 -0
  180. package/dist/chunks/velin-command-M7RNHUPR.js +136 -0
  181. package/dist/chunks/velin-command-ONKO2A3J.js +136 -0
  182. package/dist/chunks/velin-command-TMLSRGIU.js +136 -0
  183. package/dist/chunks/velin-copy-G2TZ5YBB.js +81 -0
  184. package/dist/chunks/velin-copy-NYDBOKXT.js +81 -0
  185. package/dist/chunks/velin-copy-T5KDTDXP.js +81 -0
  186. package/dist/chunks/velin-countdown-4ZVDGK4R.js +101 -0
  187. package/dist/chunks/velin-countdown-5XSTN3BH.js +101 -0
  188. package/dist/chunks/velin-countdown-7AIY66CU.js +101 -0
  189. package/dist/chunks/velin-counter-ISCTEAHI.js +118 -0
  190. package/dist/chunks/velin-counter-L5FYJF7A.js +121 -0
  191. package/dist/chunks/velin-dialog-D2GUHSCD.js +144 -0
  192. package/dist/chunks/velin-dialog-ELFOZIXZ.js +152 -0
  193. package/dist/chunks/velin-dialog-GTTZI564.js +147 -0
  194. package/dist/chunks/velin-dialog-IJLFDXAJ.js +144 -0
  195. package/dist/chunks/velin-dialog-TNS3WXMB.js +144 -0
  196. package/dist/chunks/velin-drawer-BE6TYN3H.js +130 -0
  197. package/dist/chunks/velin-drawer-DLL2GLT6.js +130 -0
  198. package/dist/chunks/velin-drawer-MJS6WCF7.js +130 -0
  199. package/dist/chunks/velin-dropdown-PLUIFA5M.js +172 -0
  200. package/dist/chunks/velin-email-N5B5ZYTE.js +90 -0
  201. package/dist/chunks/velin-email-NTM6DG3V.js +90 -0
  202. package/dist/chunks/velin-email-RBX6ZR4S.js +90 -0
  203. package/dist/chunks/velin-haptic-4QQTM3RK.js +50 -0
  204. package/dist/chunks/velin-icon-7M76DOPB.js +164 -0
  205. package/dist/chunks/velin-icon-KZO3IEHG.js +164 -0
  206. package/dist/chunks/velin-icon-WTFPG2DD.js +191 -0
  207. package/dist/chunks/velin-icon-ZTSKUOVN.js +193 -0
  208. package/dist/chunks/velin-lightbox-6E7CAATP.js +149 -0
  209. package/dist/chunks/velin-lightbox-I75U6JF4.js +140 -0
  210. package/dist/chunks/velin-lightbox-QOTB4PRL.js +140 -0
  211. package/dist/chunks/velin-lightbox-UCD6N7HF.js +140 -0
  212. package/dist/chunks/velin-live-dot-RJHX2DGY.js +74 -0
  213. package/dist/chunks/velin-live-dot-XHUZCIDZ.js +67 -0
  214. package/dist/chunks/velin-menubar-I426AED2.js +86 -0
  215. package/dist/chunks/velin-menubar-J66JXRWW.js +86 -0
  216. package/dist/chunks/velin-menubar-SFEXJE56.js +86 -0
  217. package/dist/chunks/velin-modal-2HOBXE6F.js +176 -0
  218. package/dist/chunks/velin-modal-5HYNNNUI.js +176 -0
  219. package/dist/chunks/velin-modal-AEOTZ67O.js +177 -0
  220. package/dist/chunks/velin-modal-GLI2XZZB.js +176 -0
  221. package/dist/chunks/velin-persist-DFPL3QP4.js +110 -0
  222. package/dist/chunks/velin-popover-EXINRIGJ.js +145 -0
  223. package/dist/chunks/velin-popover-HQW6Q2Y6.js +172 -0
  224. package/dist/chunks/velin-popover-OXX7MRZ6.js +145 -0
  225. package/dist/chunks/velin-popover-T72HK3DF.js +151 -0
  226. package/dist/chunks/velin-popover-YKCCROJG.js +145 -0
  227. package/dist/chunks/velin-progress-ring-E4YRLZHH.js +66 -0
  228. package/dist/chunks/velin-rating-6CDBI6DG.js +91 -0
  229. package/dist/chunks/velin-rating-N4DI2XNL.js +91 -0
  230. package/dist/chunks/velin-rating-XRQJV4LO.js +91 -0
  231. package/dist/chunks/velin-scroll-top-F2FCZNYD.js +58 -0
  232. package/dist/chunks/velin-scroll-top-OHYVVHHY.js +58 -0
  233. package/dist/chunks/velin-scrollspy-OKCT4FDV.js +50 -0
  234. package/dist/chunks/velin-search-2XRQFBCS.js +556 -0
  235. package/dist/chunks/velin-search-4YHJWYSS.js +556 -0
  236. package/dist/chunks/velin-search-7B4KJ6TX.js +557 -0
  237. package/dist/chunks/velin-search-LWHY23Q5.js +474 -0
  238. package/dist/chunks/velin-secure-field-6PV7RZDJ.js +95 -0
  239. package/dist/chunks/velin-secure-field-H7FSBUJW.js +95 -0
  240. package/dist/chunks/velin-secure-field-OFNAXCDP.js +95 -0
  241. package/dist/chunks/velin-segmented-control-EKL4E3BL.js +109 -0
  242. package/dist/chunks/velin-segmented-control-GYD5BIXQ.js +109 -0
  243. package/dist/chunks/velin-segmented-control-PQX6LKOJ.js +109 -0
  244. package/dist/chunks/velin-sheet-3OGI4HD7.js +119 -0
  245. package/dist/chunks/velin-sheet-OUK6572T.js +119 -0
  246. package/dist/chunks/velin-sheet-R2Y67X6H.js +119 -0
  247. package/dist/chunks/velin-sparkline-GVEANJVW.js +184 -0
  248. package/dist/chunks/velin-sparkline-KDA3GQAN.js +162 -0
  249. package/dist/chunks/velin-sparkline-XVTFC6GE.js +181 -0
  250. package/dist/chunks/velin-stepper-2ZIHLKGM.js +141 -0
  251. package/dist/chunks/velin-stepper-7ECRUYHD.js +148 -0
  252. package/dist/chunks/velin-stepper-FYEUEWE6.js +141 -0
  253. package/dist/chunks/velin-stepper-X54WGHDG.js +141 -0
  254. package/dist/chunks/velin-stepper-wc-QU3KRVQR.js +133 -0
  255. package/dist/chunks/velin-tabs-5UQ5ZVMV.js +138 -0
  256. package/dist/chunks/velin-theme-toggle-32J2CBNC.js +291 -0
  257. package/dist/chunks/velin-theme-toggle-BNNS7WLV.js +285 -0
  258. package/dist/chunks/velin-theme-toggle-NO7V4TWI.js +285 -0
  259. package/dist/chunks/velin-theme-toggle-QELCJM2Q.js +291 -0
  260. package/dist/chunks/velin-toast-OMMOA2DK.js +109 -0
  261. package/dist/chunks/velin-toast-RCZ4CSUC.js +109 -0
  262. package/dist/chunks/velin-toast-RSF2IHT3.js +113 -0
  263. package/dist/chunks/velin-toast-WEUBTJG6.js +109 -0
  264. package/dist/chunks/velin-tooltip-664IOHZA.js +112 -0
  265. package/dist/chunks/velin-tooltip-BDHGRTQB.js +112 -0
  266. package/dist/chunks/velin-tooltip-HVUOKNVX.js +112 -0
  267. package/dist/chunks/velin-tooltip-wc-LXDVT6DE.js +103 -0
  268. package/dist/chunks/worker-client-R6DBYPFT.js +46 -0
  269. package/dist/llms.test.txt +40 -0
  270. package/dist/llms.txt +40 -0
  271. package/dist/search-index.json +1773 -0
  272. package/dist/search-index.test.json +1773 -0
  273. package/dist/themes/brutalist.min.css +1 -1
  274. package/dist/themes/midnight.min.css +1 -1
  275. package/dist/themes/pastel.min.css +1 -1
  276. package/dist/themes/retro.min.css +1 -1
  277. package/dist/themes/sunset.min.css +1 -1
  278. package/dist/velin-agent.json +684 -0
  279. package/dist/velin-agent.test.json +684 -0
  280. package/dist/velinstyle-components.iife.js +7959 -2199
  281. package/dist/velinstyle-components.js +7982 -2174
  282. package/dist/velinstyle-components.min.js +521 -90
  283. package/dist/velinstyle.css +1290 -282
  284. package/dist/velinstyle.d.ts +54 -0
  285. package/dist/velinstyle.min.css +1 -1
  286. package/examples/search-index.schema.json +33 -0
  287. package/package.json +57 -10
  288. package/src/a11y/authentication.css +37 -0
  289. package/src/a11y/consistent-help.css +22 -0
  290. package/src/a11y/dragging-alternatives.css +30 -0
  291. package/src/a11y/focus-appearance.css +20 -0
  292. package/src/a11y/high-contrast-aaa.css +16 -26
  293. package/src/a11y/security.css +18 -0
  294. package/src/a11y/skip-link.css +3 -1
  295. package/src/a11y/sr-only.css +1 -1
  296. package/src/base/reset.css +0 -25
  297. package/src/base/wc-placeholder.css +102 -0
  298. package/src/components/attributes.css +42 -0
  299. package/src/components/highlight.css +182 -0
  300. package/src/components/input-group.css +1 -2
  301. package/src/components/nav.css +151 -151
  302. package/src/components/search.css +95 -0
  303. package/src/components/stepper.css +2 -4
  304. package/src/components/timeline.css +1 -2
  305. package/src/components/tooltip.css +2 -4
  306. package/src/layout/container.css +5 -5
  307. package/src/layout/grid.css +8 -8
  308. package/src/layout/patterns.css +5 -5
  309. package/src/themes/brutalist.css +2 -11
  310. package/src/themes/corporate.css +0 -9
  311. package/src/themes/earth.css +0 -9
  312. package/src/themes/forest.css +0 -9
  313. package/src/themes/midnight.css +1 -10
  314. package/src/themes/neon.css +0 -9
  315. package/src/themes/nordic.css +0 -9
  316. package/src/themes/ocean.css +0 -9
  317. package/src/themes/pastel.css +1 -10
  318. package/src/themes/retro.css +2 -11
  319. package/src/themes/sharp.css +0 -7
  320. package/src/themes/soft.css +0 -7
  321. package/src/themes/sunset.css +1 -10
  322. package/src/tokens/color.css +45 -46
  323. package/src/tokens/fonts.css +10 -0
  324. package/src/tokens/motion.css +7 -0
  325. package/src/tokens/typography.css +4 -5
  326. package/src/utilities/animation.css +99 -3
  327. package/src/utilities/chart-animation.css +101 -0
  328. package/src/utilities/display.css +3 -3
  329. package/src/utilities/divide.css +2 -6
  330. package/src/utilities/filter-effects.css +103 -0
  331. package/src/utilities/responsive.css +4 -4
  332. package/src/utilities/safe-area.css +39 -0
  333. package/src/utilities/scroll-animation.css +34 -0
  334. package/src/utilities/spacing.css +17 -8
  335. package/src/utilities/text.css +4 -1
  336. package/src/velinstyle.css +12 -0
@@ -1 +1 @@
1
- @layer themes{:root[data-velin-theme=brutalist],[data-velin-theme=brutalist]{--velin-radius-none:0;--velin-radius-xs:0;--velin-radius-sm:0;--velin-radius-md:0;--velin-radius-lg:0;--velin-radius-xl:0;--velin-radius-2xl:0;--velin-radius-full:0;--velin-radius-pill:0;--velin-color-primary:oklch(65% .25 30);--velin-color-primary-hover:oklch(58% .25 30);--velin-color-primary-active:oklch(50% .25 30);--velin-color-primary-subtle:oklch(92% .05 30);--velin-color-on-primary:oklch(0% 0 0);--velin-color-secondary:oklch(85% .2 90);--velin-color-secondary-hover:oklch(78% .2 90);--velin-color-secondary-subtle:oklch(95% .05 90);--velin-color-on-secondary:oklch(0% 0 0);--velin-color-surface:oklch(97% .005 90);--velin-color-surface-dim:oklch(92% .01 90);--velin-color-surface-bright:oklch(100% 0 0);--velin-color-text:oklch(5% 0 0);--velin-color-text-muted:oklch(30% 0 0);--velin-color-border:oklch(10% 0 0);--velin-color-border-strong:oklch(0% 0 0);--velin-shadow-sm:3px 3px 0 oklch(0% 0 0);--velin-shadow-md:4px 4px 0 oklch(0% 0 0);--velin-shadow-lg:6px 6px 0 oklch(0% 0 0);--velin-shadow-xl:8px 8px 0 oklch(0% 0 0);--velin-shadow-2xl:12px 12px 0 oklch(0% 0 0);--velin-font-heading:"Space Mono", "Courier New", monospace;--velin-font-body:"Space Grotesk", "IBM Plex Sans", var(--velin-font-sans);--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:700;--velin-weight-bold:700;--velin-weight-extrabold:700;--velin-tracking-normal:0;--velin-tracking-wide:.05em;--velin-tracking-wider:.1em;--velin-leading-tight:1.15;--velin-leading-normal:1.4;--velin-duration-normal:.1s;--velin-duration-slow:.15s}}
1
+ @layer themes{:root[data-velin-theme=brutalist],[data-velin-theme=brutalist]{--velin-radius-none:0;--velin-radius-xs:0;--velin-radius-sm:0;--velin-radius-md:0;--velin-radius-lg:0;--velin-radius-xl:0;--velin-radius-2xl:0;--velin-radius-full:0;--velin-radius-pill:0;--velin-color-primary:oklch(38% .22 30);--velin-color-primary-hover:oklch(58% .25 30);--velin-color-primary-active:oklch(50% .25 30);--velin-color-primary-subtle:oklch(92% .05 30);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(85% .2 90);--velin-color-secondary-hover:oklch(78% .2 90);--velin-color-secondary-subtle:oklch(95% .05 90);--velin-color-on-secondary:oklch(0% 0 0);--velin-color-surface:oklch(97% .005 90);--velin-color-surface-dim:oklch(92% .01 90);--velin-color-surface-bright:oklch(100% 0 0);--velin-color-text:oklch(5% 0 0);--velin-color-text-muted:oklch(30% 0 0);--velin-color-border:oklch(10% 0 0);--velin-color-border-strong:oklch(0% 0 0);--velin-shadow-sm:3px 3px 0 oklch(0% 0 0);--velin-shadow-md:4px 4px 0 oklch(0% 0 0);--velin-shadow-lg:6px 6px 0 oklch(0% 0 0);--velin-shadow-xl:8px 8px 0 oklch(0% 0 0);--velin-shadow-2xl:12px 12px 0 oklch(0% 0 0);--velin-font-heading:"Space Mono", "Courier New", monospace;--velin-font-body:"Space Grotesk", "IBM Plex Sans", var(--velin-font-sans);--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:700;--velin-weight-bold:700;--velin-weight-extrabold:700;--velin-tracking-normal:0;--velin-tracking-wide:.05em;--velin-tracking-wider:.1em;--velin-leading-tight:1.15;--velin-leading-normal:1.4;--velin-duration-normal:.1s;--velin-duration-slow:.15s}}
@@ -1 +1 @@
1
- @layer themes{:root[data-velin-theme=midnight],[data-velin-theme=midnight]{--velin-radius-none:0;--velin-radius-xs:.125rem;--velin-radius-sm:.25rem;--velin-radius-md:.375rem;--velin-radius-lg:.5rem;--velin-radius-xl:.75rem;--velin-radius-2xl:1rem;--velin-radius-full:9999px;--velin-radius-pill:9999px;--velin-color-primary:oklch(65% .2 290);--velin-color-primary-hover:oklch(70% .22 290);--velin-color-primary-active:oklch(58% .18 290);--velin-color-primary-subtle:oklch(20% .06 290);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(55% .15 260);--velin-color-secondary-hover:oklch(60% .17 260);--velin-color-secondary-subtle:oklch(18% .05 260);--velin-color-on-secondary:oklch(100% 0 0);--velin-color-surface:oklch(12% .02 280);--velin-color-surface-dim:oklch(8% .02 280);--velin-color-surface-bright:oklch(18% .025 280);--velin-color-text:oklch(90% .01 250);--velin-color-text-muted:oklch(60% .02 270);--velin-color-border:oklch(25% .03 280);--velin-color-border-strong:oklch(40% .05 280);--velin-shadow-sm:0 1px 4px oklch(10% .03 290/.3);--velin-shadow-md:0 3px 10px oklch(10% .03 290/.35), 0 0 6px oklch(65% .2 290/.08);--velin-shadow-lg:0 6px 20px oklch(10% .03 290/.4), 0 0 10px oklch(65% .2 290/.1);--velin-shadow-xl:0 10px 30px oklch(10% .03 290/.45), 0 0 15px oklch(65% .2 290/.12);--velin-shadow-2xl:0 16px 44px oklch(10% .03 290/.5), 0 0 20px oklch(65% .2 290/.15);--velin-font-heading:"Inter", system-ui, sans-serif;--velin-font-body:"Inter", system-ui, sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:800;--velin-tracking-normal:-.01em;--velin-tracking-wide:.02em;--velin-tracking-wider:.05em;--velin-leading-tight:1.2;--velin-leading-normal:1.55;--velin-duration-normal:.2s;--velin-duration-slow:.3s}}
1
+ @layer themes{:root[data-velin-theme=midnight],[data-velin-theme=midnight]{--velin-radius-none:0;--velin-radius-xs:.125rem;--velin-radius-sm:.25rem;--velin-radius-md:.375rem;--velin-radius-lg:.5rem;--velin-radius-xl:.75rem;--velin-radius-2xl:1rem;--velin-radius-full:9999px;--velin-radius-pill:9999px;--velin-color-primary:oklch(48% .18 290);--velin-color-primary-hover:oklch(70% .22 290);--velin-color-primary-active:oklch(58% .18 290);--velin-color-primary-subtle:oklch(20% .06 290);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(55% .15 260);--velin-color-secondary-hover:oklch(60% .17 260);--velin-color-secondary-subtle:oklch(18% .05 260);--velin-color-on-secondary:oklch(100% 0 0);--velin-color-surface:oklch(12% .02 280);--velin-color-surface-dim:oklch(8% .02 280);--velin-color-surface-bright:oklch(18% .025 280);--velin-color-text:oklch(90% .01 250);--velin-color-text-muted:oklch(60% .02 270);--velin-color-border:oklch(25% .03 280);--velin-color-border-strong:oklch(40% .05 280);--velin-shadow-sm:0 1px 4px oklch(10% .03 290/.3);--velin-shadow-md:0 3px 10px oklch(10% .03 290/.35), 0 0 6px oklch(65% .2 290/.08);--velin-shadow-lg:0 6px 20px oklch(10% .03 290/.4), 0 0 10px oklch(65% .2 290/.1);--velin-shadow-xl:0 10px 30px oklch(10% .03 290/.45), 0 0 15px oklch(65% .2 290/.12);--velin-shadow-2xl:0 16px 44px oklch(10% .03 290/.5), 0 0 20px oklch(65% .2 290/.15);--velin-font-heading:"Inter", system-ui, sans-serif;--velin-font-body:"Inter", system-ui, sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:800;--velin-tracking-normal:-.01em;--velin-tracking-wide:.02em;--velin-tracking-wider:.05em;--velin-leading-tight:1.2;--velin-leading-normal:1.55;--velin-duration-normal:.2s;--velin-duration-slow:.3s}}
@@ -1 +1 @@
1
- @layer themes{:root[data-velin-theme=pastel],[data-velin-theme=pastel]{--velin-radius-none:0;--velin-radius-xs:.25rem;--velin-radius-sm:.5rem;--velin-radius-md:.75rem;--velin-radius-lg:1rem;--velin-radius-xl:1.25rem;--velin-radius-2xl:1.5rem;--velin-radius-full:9999px;--velin-radius-pill:9999px;--velin-color-primary:oklch(75% .1 290);--velin-color-primary-hover:oklch(68% .1 290);--velin-color-primary-active:oklch(62% .1 290);--velin-color-primary-subtle:oklch(95% .03 290);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(80% .1 160);--velin-color-secondary-hover:oklch(73% .1 160);--velin-color-secondary-subtle:oklch(96% .025 160);--velin-color-on-secondary:oklch(15% 0 0);--velin-color-surface:oklch(97% .01 320);--velin-color-surface-dim:oklch(94% .015 320);--velin-color-surface-bright:oklch(100% .005 320);--velin-color-text:oklch(22% .02 290);--velin-color-text-muted:oklch(50% .03 290);--velin-color-border:oklch(88% .03 290);--velin-color-border-strong:oklch(75% .05 290);--velin-shadow-sm:0 2px 6px oklch(60% .04 290/.1);--velin-shadow-md:0 4px 12px oklch(60% .04 290/.12);--velin-shadow-lg:0 8px 24px oklch(60% .04 290/.14);--velin-shadow-xl:0 14px 36px oklch(60% .04 290/.16);--velin-shadow-2xl:0 20px 48px oklch(60% .04 290/.18);--velin-font-heading:"Quicksand", "Nunito", sans-serif;--velin-font-body:"Quicksand", "Nunito", sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:700;--velin-tracking-normal:.01em;--velin-tracking-wide:.04em;--velin-tracking-wider:.08em;--velin-leading-tight:1.25;--velin-leading-normal:1.6;--velin-duration-normal:.25s;--velin-duration-slow:.4s}}
1
+ @layer themes{:root[data-velin-theme=pastel],[data-velin-theme=pastel]{--velin-radius-none:0;--velin-radius-xs:.25rem;--velin-radius-sm:.5rem;--velin-radius-md:.75rem;--velin-radius-lg:1rem;--velin-radius-xl:1.25rem;--velin-radius-2xl:1.5rem;--velin-radius-full:9999px;--velin-radius-pill:9999px;--velin-color-primary:oklch(40% .12 290);--velin-color-primary-hover:oklch(68% .1 290);--velin-color-primary-active:oklch(62% .1 290);--velin-color-primary-subtle:oklch(95% .03 290);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(80% .1 160);--velin-color-secondary-hover:oklch(73% .1 160);--velin-color-secondary-subtle:oklch(96% .025 160);--velin-color-on-secondary:oklch(15% 0 0);--velin-color-surface:oklch(97% .01 320);--velin-color-surface-dim:oklch(94% .015 320);--velin-color-surface-bright:oklch(100% .005 320);--velin-color-text:oklch(22% .02 290);--velin-color-text-muted:oklch(50% .03 290);--velin-color-border:oklch(88% .03 290);--velin-color-border-strong:oklch(75% .05 290);--velin-shadow-sm:0 2px 6px oklch(60% .04 290/.1);--velin-shadow-md:0 4px 12px oklch(60% .04 290/.12);--velin-shadow-lg:0 8px 24px oklch(60% .04 290/.14);--velin-shadow-xl:0 14px 36px oklch(60% .04 290/.16);--velin-shadow-2xl:0 20px 48px oklch(60% .04 290/.18);--velin-font-heading:"Quicksand", "Nunito", sans-serif;--velin-font-body:"Quicksand", "Nunito", sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:700;--velin-tracking-normal:.01em;--velin-tracking-wide:.04em;--velin-tracking-wider:.08em;--velin-leading-tight:1.25;--velin-leading-normal:1.6;--velin-duration-normal:.25s;--velin-duration-slow:.4s}}
@@ -1 +1 @@
1
- @layer themes{:root[data-velin-theme=retro],[data-velin-theme=retro]{--velin-radius-none:0;--velin-radius-xs:0;--velin-radius-sm:0;--velin-radius-md:0;--velin-radius-lg:0;--velin-radius-xl:0;--velin-radius-2xl:0;--velin-radius-full:0;--velin-radius-pill:0;--velin-color-primary:oklch(70% .15 85);--velin-color-primary-hover:oklch(63% .15 85);--velin-color-primary-active:oklch(57% .15 85);--velin-color-primary-subtle:oklch(94% .04 85);--velin-color-on-primary:oklch(10% 0 0);--velin-color-secondary:oklch(55% .15 45);--velin-color-secondary-hover:oklch(48% .15 45);--velin-color-secondary-subtle:oklch(93% .04 45);--velin-color-on-secondary:oklch(100% 0 0);--velin-color-surface:oklch(95% .02 85);--velin-color-surface-dim:oklch(90% .025 85);--velin-color-surface-bright:oklch(98% .01 85);--velin-color-text:oklch(12% .02 45);--velin-color-text-muted:oklch(35% .03 45);--velin-color-border:oklch(25% .02 45);--velin-color-border-strong:oklch(10% .01 45);--velin-shadow-sm:2px 2px 0 oklch(10% .02 45);--velin-shadow-md:3px 3px 0 oklch(10% .02 45);--velin-shadow-lg:5px 5px 0 oklch(10% .02 45);--velin-shadow-xl:7px 7px 0 oklch(10% .02 45);--velin-shadow-2xl:10px 10px 0 oklch(10% .02 45);--velin-font-heading:"VT323", "Press Start 2P", monospace;--velin-font-body:"Space Grotesk", "IBM Plex Sans", sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:800;--velin-tracking-normal:.01em;--velin-tracking-wide:.05em;--velin-tracking-wider:.1em;--velin-leading-tight:1.15;--velin-leading-normal:1.5;--velin-duration-normal:.1s;--velin-duration-slow:.15s}}
1
+ @layer themes{:root[data-velin-theme=retro],[data-velin-theme=retro]{--velin-radius-none:0;--velin-radius-xs:0;--velin-radius-sm:0;--velin-radius-md:0;--velin-radius-lg:0;--velin-radius-xl:0;--velin-radius-2xl:0;--velin-radius-full:0;--velin-radius-pill:0;--velin-color-primary:oklch(42% .14 85);--velin-color-primary-hover:oklch(63% .15 85);--velin-color-primary-active:oklch(57% .15 85);--velin-color-primary-subtle:oklch(94% .04 85);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(55% .15 45);--velin-color-secondary-hover:oklch(48% .15 45);--velin-color-secondary-subtle:oklch(93% .04 45);--velin-color-on-secondary:oklch(100% 0 0);--velin-color-surface:oklch(95% .02 85);--velin-color-surface-dim:oklch(90% .025 85);--velin-color-surface-bright:oklch(98% .01 85);--velin-color-text:oklch(12% .02 45);--velin-color-text-muted:oklch(35% .03 45);--velin-color-border:oklch(25% .02 45);--velin-color-border-strong:oklch(10% .01 45);--velin-shadow-sm:2px 2px 0 oklch(10% .02 45);--velin-shadow-md:3px 3px 0 oklch(10% .02 45);--velin-shadow-lg:5px 5px 0 oklch(10% .02 45);--velin-shadow-xl:7px 7px 0 oklch(10% .02 45);--velin-shadow-2xl:10px 10px 0 oklch(10% .02 45);--velin-font-heading:"VT323", "Press Start 2P", monospace;--velin-font-body:"Space Grotesk", "IBM Plex Sans", sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:800;--velin-tracking-normal:.01em;--velin-tracking-wide:.05em;--velin-tracking-wider:.1em;--velin-leading-tight:1.15;--velin-leading-normal:1.5;--velin-duration-normal:.1s;--velin-duration-slow:.15s}}
@@ -1 +1 @@
1
- @layer themes{:root[data-velin-theme=sunset],[data-velin-theme=sunset]{--velin-radius-none:0;--velin-radius-xs:.25rem;--velin-radius-sm:.5rem;--velin-radius-md:.75rem;--velin-radius-lg:1rem;--velin-radius-xl:1.5rem;--velin-radius-2xl:2rem;--velin-radius-full:9999px;--velin-radius-pill:9999px;--velin-color-primary:oklch(70% .2 50);--velin-color-primary-hover:oklch(63% .2 50);--velin-color-primary-active:oklch(57% .2 50);--velin-color-primary-subtle:oklch(95% .04 50);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(60% .2 350);--velin-color-secondary-hover:oklch(53% .2 350);--velin-color-secondary-subtle:oklch(94% .04 350);--velin-color-on-secondary:oklch(100% 0 0);--velin-color-surface:oklch(97% .01 60);--velin-color-surface-dim:oklch(93% .015 60);--velin-color-surface-bright:oklch(100% .005 60);--velin-color-text:oklch(18% .02 40);--velin-color-text-muted:oklch(42% .04 40);--velin-color-border:oklch(85% .04 55);--velin-color-border-strong:oklch(65% .08 50);--velin-shadow-sm:0 1px 4px oklch(50% .05 50/.1);--velin-shadow-md:0 4px 10px oklch(50% .05 50/.14);--velin-shadow-lg:0 8px 20px oklch(50% .05 50/.16);--velin-shadow-xl:0 12px 28px oklch(50% .05 50/.2);--velin-shadow-2xl:0 20px 44px oklch(50% .05 50/.25);--velin-font-heading:"Outfit", sans-serif;--velin-font-body:"Inter", sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:800;--velin-tracking-normal:0;--velin-tracking-wide:.03em;--velin-tracking-wider:.06em;--velin-leading-tight:1.2;--velin-leading-normal:1.55;--velin-duration-normal:.2s;--velin-duration-slow:.35s}}
1
+ @layer themes{:root[data-velin-theme=sunset],[data-velin-theme=sunset]{--velin-radius-none:0;--velin-radius-xs:.25rem;--velin-radius-sm:.5rem;--velin-radius-md:.75rem;--velin-radius-lg:1rem;--velin-radius-xl:1.5rem;--velin-radius-2xl:2rem;--velin-radius-full:9999px;--velin-radius-pill:9999px;--velin-color-primary:oklch(40% .18 50);--velin-color-primary-hover:oklch(63% .2 50);--velin-color-primary-active:oklch(57% .2 50);--velin-color-primary-subtle:oklch(95% .04 50);--velin-color-on-primary:oklch(100% 0 0);--velin-color-secondary:oklch(60% .2 350);--velin-color-secondary-hover:oklch(53% .2 350);--velin-color-secondary-subtle:oklch(94% .04 350);--velin-color-on-secondary:oklch(100% 0 0);--velin-color-surface:oklch(97% .01 60);--velin-color-surface-dim:oklch(93% .015 60);--velin-color-surface-bright:oklch(100% .005 60);--velin-color-text:oklch(18% .02 40);--velin-color-text-muted:oklch(42% .04 40);--velin-color-border:oklch(85% .04 55);--velin-color-border-strong:oklch(65% .08 50);--velin-shadow-sm:0 1px 4px oklch(50% .05 50/.1);--velin-shadow-md:0 4px 10px oklch(50% .05 50/.14);--velin-shadow-lg:0 8px 20px oklch(50% .05 50/.16);--velin-shadow-xl:0 12px 28px oklch(50% .05 50/.2);--velin-shadow-2xl:0 20px 44px oklch(50% .05 50/.25);--velin-font-heading:"Outfit", sans-serif;--velin-font-body:"Inter", sans-serif;--velin-weight-normal:400;--velin-weight-medium:500;--velin-weight-semibold:600;--velin-weight-bold:700;--velin-weight-extrabold:800;--velin-tracking-normal:0;--velin-tracking-wide:.03em;--velin-tracking-wider:.06em;--velin-leading-tight:1.2;--velin-leading-normal:1.55;--velin-duration-normal:.2s;--velin-duration-slow:.35s}}