vanilla-breeze 0.1.3 → 0.2.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 (282) hide show
  1. package/custom-elements.json +25084 -6649
  2. package/dist/cdn/components/accessibility-specimen.js +11 -0
  3. package/dist/cdn/components/accordion-wc.js +1 -1
  4. package/dist/cdn/components/activity-feed.js +2 -0
  5. package/dist/cdn/components/adr-wc.js +17 -17
  6. package/dist/cdn/components/ai-chat.js +28 -0
  7. package/dist/cdn/components/ai-summary.js +10 -0
  8. package/dist/cdn/components/analytics-panel.js +5 -5
  9. package/dist/cdn/components/audio-player.js +3 -3
  10. package/dist/cdn/components/audio-visualizer.js +2 -2
  11. package/dist/cdn/components/author-index.js +2 -2
  12. package/dist/cdn/components/brand-mark.js +1 -1
  13. package/dist/cdn/components/bread-crumb.js +2 -0
  14. package/dist/cdn/components/breakpoint-specimen.js +26 -0
  15. package/dist/cdn/components/burndown-chart.js +2 -0
  16. package/dist/cdn/components/calendar-wc.js +2 -2
  17. package/dist/cdn/components/capacity-plan.js +25 -0
  18. package/dist/cdn/components/card-list.js +1 -1
  19. package/dist/cdn/components/carousel-wc.js +1 -1
  20. package/dist/cdn/components/change-set.js +2 -2
  21. package/dist/cdn/components/chart-wc.js +58 -36
  22. package/dist/cdn/components/chat-input.js +1 -1
  23. package/dist/cdn/components/chat-window.js +1 -1
  24. package/dist/cdn/components/color-palette.js +9 -9
  25. package/dist/cdn/components/color-picker.js +1 -1
  26. package/dist/cdn/components/combo-box.js +1 -1
  27. package/dist/cdn/components/command-palette.js +1 -1
  28. package/dist/cdn/components/comment-box.js +60 -0
  29. package/dist/cdn/components/comment-thread.js +60 -0
  30. package/dist/cdn/components/comment-wc.js +1 -1
  31. package/dist/cdn/components/compare-surface.js +1 -1
  32. package/dist/cdn/components/component-sampler.js +2 -2
  33. package/dist/cdn/components/consent-banner.js +1 -1
  34. package/dist/cdn/components/content-lens.js +1 -1
  35. package/dist/cdn/components/content-swap.js +1 -1
  36. package/dist/cdn/components/context-menu.js +1 -1
  37. package/dist/cdn/components/data-table.js +1 -1
  38. package/dist/cdn/components/date-picker.js +1 -1
  39. package/dist/cdn/components/day-view.js +1 -1
  40. package/dist/cdn/components/diagram-wc.js +3 -0
  41. package/dist/cdn/components/drag-surface.js +1 -1
  42. package/dist/cdn/components/drop-down.js +1 -1
  43. package/dist/cdn/components/emoji-picker.js +1 -1
  44. package/dist/cdn/components/empathy-map.js +41 -43
  45. package/dist/cdn/components/flow-diagram.js +1 -1
  46. package/dist/cdn/components/font-pairer.js +81 -81
  47. package/dist/cdn/components/foot-notes.js +1 -1
  48. package/dist/cdn/components/form-field.js +1 -1
  49. package/dist/cdn/components/gantt-chart.js +1 -1
  50. package/dist/cdn/components/geo-map.js +25 -23
  51. package/dist/cdn/components/glossary-index.js +1 -1
  52. package/dist/cdn/components/glossary-wc.js +1 -1
  53. package/dist/cdn/components/gradient-builder.js +29 -29
  54. package/dist/cdn/components/heading-links.js +1 -1
  55. package/dist/cdn/components/highlight-wc.js +2 -2
  56. package/dist/cdn/components/icon-wc.js +4 -4
  57. package/dist/cdn/components/image-gallery.js +1 -1
  58. package/dist/cdn/components/image-map.js +1 -1
  59. package/dist/cdn/components/impact-effort.js +1 -1
  60. package/dist/cdn/components/include-file.js +1 -1
  61. package/dist/cdn/components/iron-triangle.js +2 -0
  62. package/dist/cdn/components/kanban-board.js +1 -1
  63. package/dist/cdn/components/layout-specimen.js +35 -0
  64. package/dist/cdn/components/manifest.json +227 -103
  65. package/dist/cdn/components/markdown-editor.js +1 -1
  66. package/dist/cdn/components/markdown-viewer.js +12 -12
  67. package/dist/cdn/components/motion-specimen.js +12 -12
  68. package/dist/cdn/components/nav-bar.js +2 -0
  69. package/dist/cdn/components/note-wc.js +2 -2
  70. package/dist/cdn/components/notification-wc.js +4 -4
  71. package/dist/cdn/components/page-info.js +4 -4
  72. package/dist/cdn/components/page-stats.js +1 -1
  73. package/dist/cdn/components/page-toc.js +1 -1
  74. package/dist/cdn/components/page-tools.js +1 -1
  75. package/dist/cdn/components/page-tour.js +6 -6
  76. package/dist/cdn/components/pager-wc.js +2 -0
  77. package/dist/cdn/components/palette-generator.js +11 -11
  78. package/dist/cdn/components/poll-wc.js +2 -0
  79. package/dist/cdn/components/pop-over.js +2 -0
  80. package/dist/cdn/components/popularity-index.js +2 -2
  81. package/dist/cdn/components/print-page.js +1 -1
  82. package/dist/cdn/components/product-roadmap.js +3 -0
  83. package/dist/cdn/components/progress-tracker.js +2 -0
  84. package/dist/cdn/components/qr-code.js +1 -1
  85. package/dist/cdn/components/quadrant-grid.js +3 -0
  86. package/dist/cdn/components/quality-target.js +12 -0
  87. package/dist/cdn/components/reaction-bar.js +2 -0
  88. package/dist/cdn/components/reader-view.js +3 -3
  89. package/dist/cdn/components/reading-progress.js +2 -0
  90. package/dist/cdn/components/recently-visited.js +10 -10
  91. package/dist/cdn/components/requirement-card.js +122 -0
  92. package/dist/cdn/components/review-surface.js +34 -40
  93. package/dist/cdn/components/risk-register.js +25 -0
  94. package/dist/cdn/components/roadmap.js +3 -0
  95. package/dist/cdn/components/score-card.js +197 -0
  96. package/dist/cdn/components/selection-menu.js +1 -1
  97. package/dist/cdn/components/semantic-palette.js +15 -15
  98. package/dist/cdn/components/settings-panel.js +12 -12
  99. package/dist/cdn/components/share-wc.js +2 -2
  100. package/dist/cdn/components/short-cuts.js +1 -1
  101. package/dist/cdn/components/site-index.js +4 -4
  102. package/dist/cdn/components/site-map-wc.js +1 -1
  103. package/dist/cdn/components/site-map.js +1 -1
  104. package/dist/cdn/components/site-search.js +9 -9
  105. package/dist/cdn/components/slide-accept.js +1 -1
  106. package/dist/cdn/components/social-embed.js +1 -1
  107. package/dist/cdn/components/spacing-specimen.js +5 -5
  108. package/dist/cdn/components/split-surface.js +1 -1
  109. package/dist/cdn/components/star-rating.js +1 -1
  110. package/dist/cdn/components/status-wc.js +2 -0
  111. package/dist/cdn/components/stepper-wc.js +2 -0
  112. package/dist/cdn/components/story-map.js +1 -1
  113. package/dist/cdn/components/tab-set.js +1 -1
  114. package/dist/cdn/components/text-reader.js +2 -2
  115. package/dist/cdn/components/theme-catalog.js +28 -0
  116. package/dist/cdn/components/theme-export.js +20 -12
  117. package/dist/cdn/components/theme-import.js +44 -0
  118. package/dist/cdn/components/theme-picker.js +29 -26
  119. package/dist/cdn/components/time-index.js +2 -2
  120. package/dist/cdn/components/time-picker.js +1 -1
  121. package/dist/cdn/components/toast-msg.js +3 -3
  122. package/dist/cdn/components/token-specimen.js +14 -14
  123. package/dist/cdn/components/tool-tip.js +1 -1
  124. package/dist/cdn/components/topic-map.js +3 -3
  125. package/dist/cdn/components/traceability-matrix.js +3 -0
  126. package/dist/cdn/components/trust-filter.js +3 -3
  127. package/dist/cdn/components/type-specimen.js +15 -15
  128. package/dist/cdn/components/user-journey.js +63 -70
  129. package/dist/cdn/components/user-persona.js +75 -13
  130. package/dist/cdn/components/user-story.js +12 -11
  131. package/dist/cdn/components/version-switcher.js +17 -0
  132. package/dist/cdn/components/video-player.js +3 -3
  133. package/dist/cdn/components/watch-wc.js +2 -2
  134. package/dist/cdn/components/week-view.js +1 -1
  135. package/dist/cdn/components/work-item.js +29 -28
  136. package/dist/cdn/components/youtube-player.js +1 -1
  137. package/dist/cdn/icons/bold.css +17 -0
  138. package/dist/cdn/icons/bold.json +1 -0
  139. package/dist/cdn/icons/custom.css +6 -0
  140. package/dist/cdn/icons/custom.json +1 -0
  141. package/dist/cdn/icons/lucide.css +1914 -0
  142. package/dist/cdn/icons/lucide.json +1 -0
  143. package/dist/cdn/icons/mage.css +17 -0
  144. package/dist/cdn/icons/mage.json +1 -0
  145. package/dist/cdn/icons/phosphor.css +17 -0
  146. package/dist/cdn/icons/phosphor.json +1 -0
  147. package/dist/cdn/icons/tabler.css +17 -0
  148. package/dist/cdn/icons/tabler.json +1 -0
  149. package/dist/cdn/packs/design-system.full.js +59 -51
  150. package/dist/cdn/packs/effects.full.js +1 -1
  151. package/dist/cdn/packs/icons.effects.js +1 -1
  152. package/dist/cdn/packs/icons.full.js +1 -1
  153. package/dist/cdn/packs/kawaii.full.css +1 -1
  154. package/dist/cdn/packs/kawaii.full.js +6 -6
  155. package/dist/cdn/packs/kawaii.theme.css +1 -1
  156. package/dist/cdn/packs/manifest.json +11 -11
  157. package/dist/cdn/packs/ui.full.css +1 -1
  158. package/dist/cdn/packs/ui.full.js +54 -51
  159. package/dist/cdn/packs/ux-planning.full.css +1 -1
  160. package/dist/cdn/packs/ux-planning.full.js +318 -243
  161. package/dist/cdn/themes/8bit.css +1 -1
  162. package/dist/cdn/themes/8bit.tokens.json +662 -0
  163. package/dist/cdn/themes/alpha1999-dark.tokens.json +693 -0
  164. package/dist/cdn/themes/alpha1999.css +1 -1
  165. package/dist/cdn/themes/alpha1999.tokens.json +869 -0
  166. package/dist/cdn/themes/anthropic.css +2 -0
  167. package/dist/cdn/themes/anthropic.tokens.json +564 -0
  168. package/dist/cdn/themes/art-deco-dark.tokens.json +407 -0
  169. package/dist/cdn/themes/art-deco.css +1 -1
  170. package/dist/cdn/themes/art-deco.tokens.json +581 -0
  171. package/dist/cdn/themes/bauhaus-dark.tokens.json +260 -0
  172. package/dist/cdn/themes/bauhaus.css +1 -1
  173. package/dist/cdn/themes/bauhaus.tokens.json +589 -0
  174. package/dist/cdn/themes/brutalist-dark.tokens.json +503 -0
  175. package/dist/cdn/themes/brutalist.tokens.json +677 -0
  176. package/dist/cdn/themes/catalog/atlassian.tokens.json +303 -0
  177. package/dist/cdn/themes/catalog/bootstrap.tokens.json +304 -0
  178. package/dist/cdn/themes/catalog/carbon.tokens.json +301 -0
  179. package/dist/cdn/themes/catalog/catppuccin-mocha.tokens.json +301 -0
  180. package/dist/cdn/themes/catalog/govuk.tokens.json +301 -0
  181. package/dist/cdn/themes/catalog/manifest.json +132 -0
  182. package/dist/cdn/themes/catalog/material.tokens.json +289 -0
  183. package/dist/cdn/themes/catalog/salesforce.tokens.json +301 -0
  184. package/dist/cdn/themes/catalog/tailwind.tokens.json +302 -0
  185. package/dist/cdn/themes/catppuccin-frappe.css +1 -1
  186. package/dist/cdn/themes/catppuccin-frappe.tokens.json +608 -0
  187. package/dist/cdn/themes/catppuccin-latte-dark.tokens.json +472 -0
  188. package/dist/cdn/themes/catppuccin-latte.css +1 -1
  189. package/dist/cdn/themes/catppuccin-latte.tokens.json +608 -0
  190. package/dist/cdn/themes/catppuccin-macchiato.css +1 -1
  191. package/dist/cdn/themes/catppuccin-macchiato.tokens.json +608 -0
  192. package/dist/cdn/themes/catppuccin-mocha.tokens.json +608 -0
  193. package/dist/cdn/themes/classic-dark.tokens.json +503 -0
  194. package/dist/cdn/themes/classic.tokens.json +640 -0
  195. package/dist/cdn/themes/claymorphism-dark.tokens.json +493 -0
  196. package/dist/cdn/themes/claymorphism.css +1 -1
  197. package/dist/cdn/themes/claymorphism.tokens.json +626 -0
  198. package/dist/cdn/themes/clinical-dark.tokens.json +472 -0
  199. package/dist/cdn/themes/clinical.tokens.json +608 -0
  200. package/dist/cdn/themes/cottagecore-dark.tokens.json +412 -0
  201. package/dist/cdn/themes/cottagecore.css +1 -1
  202. package/dist/cdn/themes/cottagecore.tokens.json +544 -0
  203. package/dist/cdn/themes/cyber.tokens.json +668 -0
  204. package/dist/cdn/themes/dawn-dark.tokens.json +472 -0
  205. package/dist/cdn/themes/dawn.css +1 -1
  206. package/dist/cdn/themes/dawn.tokens.json +608 -0
  207. package/dist/cdn/themes/dracula.tokens.json +534 -0
  208. package/dist/cdn/themes/dusk.tokens.json +533 -0
  209. package/dist/cdn/themes/editorial-dark.tokens.json +400 -0
  210. package/dist/cdn/themes/editorial.tokens.json +690 -0
  211. package/dist/cdn/themes/financial-dark.tokens.json +472 -0
  212. package/dist/cdn/themes/financial.css +1 -1
  213. package/dist/cdn/themes/financial.tokens.json +607 -0
  214. package/dist/cdn/themes/genai.tokens.json +534 -0
  215. package/dist/cdn/themes/glassmorphism-dark.tokens.json +489 -0
  216. package/dist/cdn/themes/glassmorphism.css +1 -1
  217. package/dist/cdn/themes/glassmorphism.tokens.json +632 -0
  218. package/dist/cdn/themes/government-dark.tokens.json +472 -0
  219. package/dist/cdn/themes/government.tokens.json +608 -0
  220. package/dist/cdn/themes/gruvbox-dark.tokens.json +472 -0
  221. package/dist/cdn/themes/gruvbox.tokens.json +608 -0
  222. package/dist/cdn/themes/high-noon-dark.tokens.json +397 -0
  223. package/dist/cdn/themes/high-noon.tokens.json +533 -0
  224. package/dist/cdn/themes/ibm.css +2 -0
  225. package/dist/cdn/themes/ibm.tokens.json +568 -0
  226. package/dist/cdn/themes/kawaii-dark.tokens.json +549 -0
  227. package/dist/cdn/themes/kawaii.css +1 -1
  228. package/dist/cdn/themes/kawaii.tokens.json +641 -0
  229. package/dist/cdn/themes/magna-dark.tokens.json +482 -0
  230. package/dist/cdn/themes/magna.css +1 -1
  231. package/dist/cdn/themes/magna.tokens.json +632 -0
  232. package/dist/cdn/themes/manifest.json +162 -62
  233. package/dist/cdn/themes/mcdonalds.css +2 -0
  234. package/dist/cdn/themes/mcdonalds.tokens.json +533 -0
  235. package/dist/cdn/themes/midnight.tokens.json +534 -0
  236. package/dist/cdn/themes/minimal-dark.tokens.json +294 -0
  237. package/dist/cdn/themes/minimal.tokens.json +494 -0
  238. package/dist/cdn/themes/modern-dark.tokens.json +490 -0
  239. package/dist/cdn/themes/modern.tokens.json +573 -0
  240. package/dist/cdn/themes/nes-dark.tokens.json +564 -0
  241. package/dist/cdn/themes/nes.css +1 -1
  242. package/dist/cdn/themes/nes.tokens.json +687 -0
  243. package/dist/cdn/themes/neumorphism-dark.tokens.json +471 -0
  244. package/dist/cdn/themes/neumorphism.css +1 -1
  245. package/dist/cdn/themes/neumorphism.tokens.json +589 -0
  246. package/dist/cdn/themes/nord-dark.tokens.json +484 -0
  247. package/dist/cdn/themes/nord.tokens.json +619 -0
  248. package/dist/cdn/themes/organic-dark.tokens.json +532 -0
  249. package/dist/cdn/themes/organic.tokens.json +685 -0
  250. package/dist/cdn/themes/rose-pine-dark.tokens.json +472 -0
  251. package/dist/cdn/themes/rose-pine.tokens.json +608 -0
  252. package/dist/cdn/themes/rough-dark.tokens.json +515 -0
  253. package/dist/cdn/themes/rough.css +1 -1
  254. package/dist/cdn/themes/rough.tokens.json +650 -0
  255. package/dist/cdn/themes/solarized-dark.tokens.json +397 -0
  256. package/dist/cdn/themes/solarized.tokens.json +532 -0
  257. package/dist/cdn/themes/starbucks.css +2 -0
  258. package/dist/cdn/themes/starbucks.tokens.json +593 -0
  259. package/dist/cdn/themes/startup-dark.tokens.json +522 -0
  260. package/dist/cdn/themes/startup.css +1 -1
  261. package/dist/cdn/themes/startup.tokens.json +607 -0
  262. package/dist/cdn/themes/super2026-dark.tokens.json +667 -0
  263. package/dist/cdn/themes/super2026.tokens.json +863 -0
  264. package/dist/cdn/themes/swiss-dark.tokens.json +390 -0
  265. package/dist/cdn/themes/swiss.tokens.json +750 -0
  266. package/dist/cdn/themes/terminal.css +1 -1
  267. package/dist/cdn/themes/terminal.tokens.json +689 -0
  268. package/dist/cdn/themes/tokyo-night-dark.tokens.json +472 -0
  269. package/dist/cdn/themes/tokyo-night.tokens.json +608 -0
  270. package/dist/cdn/themes/vaporwave-dark.tokens.json +413 -0
  271. package/dist/cdn/themes/vaporwave.tokens.json +549 -0
  272. package/dist/cdn/themes/win9x-dark.tokens.json +563 -0
  273. package/dist/cdn/themes/win9x.tokens.json +700 -0
  274. package/dist/cdn/vanilla-breeze-charts.css +1 -1
  275. package/dist/cdn/vanilla-breeze-charts.js +58 -36
  276. package/dist/cdn/vanilla-breeze-core.css +1 -1
  277. package/dist/cdn/vanilla-breeze-core.js +246 -51
  278. package/dist/cdn/vanilla-breeze-dev.js +1 -1
  279. package/dist/cdn/vanilla-breeze-extras.js +90 -80
  280. package/dist/cdn/vanilla-breeze.css +1 -1
  281. package/dist/cdn/vanilla-breeze.js +1370 -405
  282. package/package.json +12 -4
package/dist/cdn/themes/terminal.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2isfFJXUdVNF.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: var(--_terminal-glow-green);--shadow-lg: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500 TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .08);--shadow-md: 0 2px 6px oklch(0% 0 0 / .1);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}
1
+ @import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: var(--_terminal-glow-green);--shadow-lg: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500 TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .08);--shadow-md: 0 2px 6px oklch(0% 0 0 / .1);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}
2
2
  /*# sourceMappingURL=terminal.css.map */