vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/bauhaus-dark.tokens.json

@@ -0,0 +1,260 @@
+{
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.1,
+          0.01,
+          250
+        ]
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.14,
+          0.01,
+          250
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.012,
+          250
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.01,
+          250
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.08,
+          0.01,
+          250
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.95,
+          0.005,
+          0
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.005,
+          0
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.005,
+          0
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.58,
+          0.22,
+          25
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.63,
+          0.24,
+          25
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.06,
+          25
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.1,
+          250
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.6,
+          0.11,
+          250
+        ]
+      }
+    },
+    "accent-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.04,
+          250
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.8,
+          0.005,
+          0
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.4,
+          0.005,
+          0
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.9,
+          0.005,
+          0
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.15,
+          145
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.85,
+          0.15,
+          85
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.58,
+          0.22,
+          25
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.1,
+          250
+        ]
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.2.0",
+      "unmapped": [
+        "--_bauhaus-color-yellow",
+        "--input-bg",
+        "--input-border",
+        "--input-border-focus",
+        "--control-border",
+        "--control-checked-bg",
+        "--control-checked-border",
+        "--range-track-bg",
+        "--range-track-fill",
+        "--range-thumb-bg",
+        "--range-thumb-border",
+        "--progress-track-bg",
+        "--progress-fill",
+        "--cb-header-bg",
+        "--cb-function",
+        "--cb-number",
+        "--cb-button-bg"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/bauhaus.css

@@ -1,2 +1,2 @@
-@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAop1hTmf3ZGMZpg.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~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding:1.25rem 1.5rem 1.25rem 2rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;top:-8px;left:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{border:2px solid var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400..700&display=swap";:root[data-theme~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding:1.25rem 1.5rem 1.25rem 2rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;top:-8px;left:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{border:2px solid var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}
 /*# sourceMappingURL=bauhaus.css.map */