vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/art-deco-dark.tokens.json

@@ -0,0 +1,407 @@
+{
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.12,
+          0.005,
+          80
+        ]
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.005,
+          80
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.15,
+          0.005,
+          80
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.005,
+          80
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.08,
+          0.005,
+          80
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.97,
+          0.01,
+          80
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.01,
+          80
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.01,
+          80
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.14,
+          85
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.77,
+          0.15,
+          85
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.04,
+          85
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.08,
+          185
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.6,
+          0.09,
+          185
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.14,
+          85
+        ],
+        "alpha": 0.25
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.3,
+          0.005,
+          80
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.14,
+          85
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.14,
+          150
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.14,
+          85
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.18,
+          20
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.08,
+          185
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 2,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 2,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.72,
+              0.14,
+              85
+            ],
+            "alpha": 0.08
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 3,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 3,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.72,
+              0.14,
+              85
+            ],
+            "alpha": 0.1
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 4,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.72,
+              0.14,
+              85
+            ],
+            "alpha": 0.12
+          }
+        }
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 6,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 6,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.72,
+              0.14,
+              85
+            ],
+            "alpha": 0.12
+          }
+        }
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 8,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 8,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.72,
+              0.14,
+              85
+            ],
+            "alpha": 0.15
+          }
+        }
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 12,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 12,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.72,
+              0.14,
+              85
+            ],
+            "alpha": 0.18
+          }
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.2.0",
+      "unmapped": [
+        "--input-bg",
+        "--input-border",
+        "--input-border-focus",
+        "--control-border",
+        "--control-checked-bg",
+        "--control-checked-border",
+        "--range-track-fill",
+        "--range-thumb-border",
+        "--progress-fill",
+        "--cb-header-bg",
+        "--cb-keyword",
+        "--cb-string",
+        "--cb-function",
+        "--cb-number"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/art-deco.css

@@ -1,2 +1,2 @@
-@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmserifdisplay/v15/-nFnOHM81r4j6k0gjAW3mujVU2B2K_d709jy92k.woff2) format("woff2")}:root[data-theme~=art-deco],[data-theme~=art-deco]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .005 80);--color-surface-alt: oklch(95% .012 80);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(18% .01 80);--color-text-muted: oklch(35% .01 80);--color-text-subtle: oklch(50% .01 80);--color-primary: oklch(62% .12 85);--color-primary-hover: oklch(57% .13 85);--color-primary-subtle: oklch(95% .03 85);--color-accent: oklch(40% .08 185);--color-accent-hover: oklch(45% .09 185);--color-border: oklch(62% .12 85 / .3);--color-border-muted: oklch(85% .015 80);--color-border-strong: oklch(62% .12 85);--color-success: oklch(55% .12 150);--color-warning: oklch(62% .12 85);--color-error: oklch(50% .16 20);--color-info: oklch(40% .08 185);--font-sans: "DM Serif Display", Georgia, "Times New Roman", serif;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-tight: 0;--letter-spacing-normal: .02em;--letter-spacing-wide: .15em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(62% .12 85 / .1);--shadow-sm: 3px 3px 0 oklch(62% .12 85 / .12);--shadow-md: 4px 4px 0 oklch(62% .12 85 / .15);--shadow-lg: 6px 6px 0 oklch(62% .12 85 / .15);--shadow-xl: 8px 8px 0 oklch(62% .12 85 / .18);--shadow-2xl: 12px 12px 0 oklch(62% .12 85 / .2);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--control-border: oklch(62% .12 85);--control-checked-bg: oklch(62% .12 85);--control-checked-border: oklch(62% .12 85);--input-border: oklch(62% .12 85 / .5);--input-border-focus: oklch(62% .12 85);--range-track-fill: oklch(62% .12 85);--range-thumb-border: oklch(62% .12 85);--progress-fill: oklch(62% .12 85)}:root[data-theme~=art-deco],[data-theme~=art-deco]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(62% .12 85);margin-block:2.5rem;position:relative;&:after{content:"\25c6";position:absolute;top:-.6em;left:50%;transform:translate(-50%);background:var(--color-background);padding-inline:.75rem;color:#a77f19;font-size:.75rem}}& h1,h2{text-transform:uppercase;letter-spacing:.1em;font-weight:400;color:#14110d;border-block-end:2px solid oklch(62% .12 85);padding-block-end:.5rem}& h3,h4{letter-spacing:.05em}& a:not([class]){color:#a77f19;text-decoration:none;border-block-end:1px solid oklch(62% .12 85 / .3);&:hover{border-block-end-color:#a77f19}}& blockquote{border-inline-start:3px solid oklch(62% .12 85);padding-inline-start:1.5rem;font-style:italic}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;border:2px solid oklch(62% .12 85);font-family:system-ui,sans-serif}.card{border:1px solid oklch(62% .12 85 / .3);border-block-start:3px solid oklch(62% .12 85)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 85);--cb-string: oklch(40% .08 185);--cb-function: oklch(40% .1 280);--cb-number: oklch(50% .16 20);--cb-button-bg: var(--color-surface)}::selection{background:#a77f1933;color:#14110d}}:root[data-theme~=art-deco][data-mode=dark],[data-theme~=art-deco][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .005 80);--color-surface: oklch(18% .005 80);--color-surface-alt: oklch(15% .005 80);--color-surface-raised: oklch(22% .005 80);--color-surface-sunken: oklch(8% .005 80);--color-text: oklch(97% .01 80);--color-text-muted: oklch(75% .01 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(72% .14 85);--color-primary-hover: oklch(77% .15 85);--color-primary-subtle: oklch(22% .04 85);--color-accent: oklch(55% .08 185);--color-accent-hover: oklch(60% .09 185);--color-border: oklch(72% .14 85 / .25);--color-border-muted: oklch(30% .005 80);--color-border-strong: oklch(72% .14 85);--color-success: oklch(68% .14 150);--color-warning: oklch(72% .14 85);--color-error: oklch(65% .18 20);--color-info: oklch(55% .08 185);--input-bg: oklch(18% .005 80);--input-border: oklch(72% .14 85 / .4);--input-border-focus: oklch(72% .14 85);--control-border: oklch(72% .14 85);--control-checked-bg: oklch(72% .14 85);--control-checked-border: oklch(72% .14 85);--range-track-fill: oklch(72% .14 85);--range-thumb-border: oklch(72% .14 85);--progress-fill: oklch(72% .14 85);--shadow-xs: 2px 2px 0 oklch(72% .14 85 / .08);--shadow-sm: 3px 3px 0 oklch(72% .14 85 / .1);--shadow-md: 4px 4px 0 oklch(72% .14 85 / .12);--shadow-lg: 6px 6px 0 oklch(72% .14 85 / .12);--shadow-xl: 8px 8px 0 oklch(72% .14 85 / .15);--shadow-2xl: 12px 12px 0 oklch(72% .14 85 / .18);:is(main,article){& hr:not([data-ornament]){border-color:#cd9c1f;&:after{color:#cd9c1f;background:var(--color-background)}}& h1,h2{color:#f9f4ee;border-block-end-color:#cd9c1f}& a:not([class]){color:#cd9c1f;border-block-end-color:#cd9c1f4d;&:hover{border-block-end-color:#cd9c1f}}& blockquote{border-inline-start-color:#cd9c1f;color:#b1ada7}.button,button{border-color:#cd9c1f}.card{border-color:#cd9c1f40;border-block-start-color:#cd9c1f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 85);--cb-string: oklch(55% .08 185);--cb-function: oklch(62% .1 280);--cb-number: oklch(65% .14 20)}::selection{background:#cd9c1f40;color:#f9f4ee}}
+@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";:root[data-theme~=art-deco],[data-theme~=art-deco]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .005 80);--color-surface-alt: oklch(95% .012 80);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(18% .01 80);--color-text-muted: oklch(35% .01 80);--color-text-subtle: oklch(50% .01 80);--color-primary: oklch(62% .12 85);--color-primary-hover: oklch(57% .13 85);--color-primary-subtle: oklch(95% .03 85);--color-accent: oklch(40% .08 185);--color-accent-hover: oklch(45% .09 185);--color-border: oklch(62% .12 85 / .3);--color-border-muted: oklch(85% .015 80);--color-border-strong: oklch(62% .12 85);--color-success: oklch(55% .12 150);--color-warning: oklch(62% .12 85);--color-error: oklch(50% .16 20);--color-info: oklch(40% .08 185);--font-sans: "DM Serif Display", Georgia, "Times New Roman", serif;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-tight: 0;--letter-spacing-normal: .02em;--letter-spacing-wide: .15em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(62% .12 85 / .1);--shadow-sm: 3px 3px 0 oklch(62% .12 85 / .12);--shadow-md: 4px 4px 0 oklch(62% .12 85 / .15);--shadow-lg: 6px 6px 0 oklch(62% .12 85 / .15);--shadow-xl: 8px 8px 0 oklch(62% .12 85 / .18);--shadow-2xl: 12px 12px 0 oklch(62% .12 85 / .2);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--control-border: oklch(62% .12 85);--control-checked-bg: oklch(62% .12 85);--control-checked-border: oklch(62% .12 85);--input-border: oklch(62% .12 85 / .5);--input-border-focus: oklch(62% .12 85);--range-track-fill: oklch(62% .12 85);--range-thumb-border: oklch(62% .12 85);--progress-fill: oklch(62% .12 85)}:root[data-theme~=art-deco],[data-theme~=art-deco]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(62% .12 85);margin-block:2.5rem;position:relative;&:after{content:"\25c6";position:absolute;top:-.6em;left:50%;transform:translate(-50%);background:var(--color-background);padding-inline:.75rem;color:#a77f19;font-size:.75rem}}& h1,h2{text-transform:uppercase;letter-spacing:.1em;font-weight:400;color:#14110d;border-block-end:2px solid oklch(62% .12 85);padding-block-end:.5rem}& h3,h4{letter-spacing:.05em}& a:not([class]){color:#a77f19;text-decoration:none;border-block-end:1px solid oklch(62% .12 85 / .3);&:hover{border-block-end-color:#a77f19}}& blockquote{border-inline-start:3px solid oklch(62% .12 85);padding-inline-start:1.5rem;font-style:italic}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;border:2px solid oklch(62% .12 85);font-family:system-ui,sans-serif}.card{border:1px solid oklch(62% .12 85 / .3);border-block-start:3px solid oklch(62% .12 85)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 85);--cb-string: oklch(40% .08 185);--cb-function: oklch(40% .1 280);--cb-number: oklch(50% .16 20);--cb-button-bg: var(--color-surface)}::selection{background:#a77f1933;color:#14110d}}:root[data-theme~=art-deco][data-mode=dark],[data-theme~=art-deco][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .005 80);--color-surface: oklch(18% .005 80);--color-surface-alt: oklch(15% .005 80);--color-surface-raised: oklch(22% .005 80);--color-surface-sunken: oklch(8% .005 80);--color-text: oklch(97% .01 80);--color-text-muted: oklch(75% .01 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(72% .14 85);--color-primary-hover: oklch(77% .15 85);--color-primary-subtle: oklch(22% .04 85);--color-accent: oklch(55% .08 185);--color-accent-hover: oklch(60% .09 185);--color-border: oklch(72% .14 85 / .25);--color-border-muted: oklch(30% .005 80);--color-border-strong: oklch(72% .14 85);--color-success: oklch(68% .14 150);--color-warning: oklch(72% .14 85);--color-error: oklch(65% .18 20);--color-info: oklch(55% .08 185);--input-bg: oklch(18% .005 80);--input-border: oklch(72% .14 85 / .4);--input-border-focus: oklch(72% .14 85);--control-border: oklch(72% .14 85);--control-checked-bg: oklch(72% .14 85);--control-checked-border: oklch(72% .14 85);--range-track-fill: oklch(72% .14 85);--range-thumb-border: oklch(72% .14 85);--progress-fill: oklch(72% .14 85);--shadow-xs: 2px 2px 0 oklch(72% .14 85 / .08);--shadow-sm: 3px 3px 0 oklch(72% .14 85 / .1);--shadow-md: 4px 4px 0 oklch(72% .14 85 / .12);--shadow-lg: 6px 6px 0 oklch(72% .14 85 / .12);--shadow-xl: 8px 8px 0 oklch(72% .14 85 / .15);--shadow-2xl: 12px 12px 0 oklch(72% .14 85 / .18);:is(main,article){& hr:not([data-ornament]){border-color:#cd9c1f;&:after{color:#cd9c1f;background:var(--color-background)}}& h1,h2{color:#f9f4ee;border-block-end-color:#cd9c1f}& a:not([class]){color:#cd9c1f;border-block-end-color:#cd9c1f4d;&:hover{border-block-end-color:#cd9c1f}}& blockquote{border-inline-start-color:#cd9c1f;color:#b1ada7}.button,button{border-color:#cd9c1f}.card{border-color:#cd9c1f40;border-block-start-color:#cd9c1f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 85);--cb-string: oklch(55% .08 185);--cb-function: oklch(62% .1 280);--cb-number: oklch(65% .14 20)}::selection{background:#cd9c1f40;color:#f9f4ee}}
 /*# sourceMappingURL=art-deco.css.map */