vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/catalog/salesforce.tokens.json

@@ -0,0 +1,301 @@
+{
+  "color": {
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.4392,
+          0.8235
+        ],
+        "hex": "#0070d2"
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.3725,
+          0.698
+        ],
+        "hex": "#005fb2"
+      }
+    },
+    "primary-active": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.3098,
+          0.5608
+        ],
+        "hex": "#004f8f"
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0863,
+          0.1961,
+          0.3608
+        ],
+        "hex": "#16325c"
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0824,
+          0.5373,
+          0.9333
+        ],
+        "hex": "#1589ee"
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9529,
+          0.949,
+          0.949
+        ],
+        "hex": "#f3f2f2"
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9804,
+          0.9804,
+          0.9804
+        ],
+        "hex": "#fafafa"
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9255,
+          0.9216,
+          0.9176
+        ],
+        "hex": "#ecebea"
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7882,
+          0.7804,
+          0.7725
+        ],
+        "hex": "#c9c7c5"
+      }
+    },
+    "border-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8667,
+          0.8588,
+          0.8549
+        ],
+        "hex": "#dddbda"
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0314,
+          0.0275,
+          0.0275
+        ],
+        "hex": "#080707"
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2431,
+          0.2431,
+          0.2353
+        ],
+        "hex": "#3e3e3c"
+      }
+    },
+    "text-on-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7608,
+          0.2235,
+          0.2039
+        ],
+        "hex": "#c23934"
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0157,
+          0.5176,
+          0.2941
+        ],
+        "hex": "#04844b"
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.7176,
+          0.3647
+        ],
+        "hex": "#ffb75d"
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0824,
+          0.5373,
+          0.9333
+        ],
+        "hex": "#1589ee"
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "sans": {
+        "$type": "fontFamily",
+        "$value": [
+          "Salesforce Sans",
+          "Arial",
+          "sans-serif"
+        ]
+      }
+    },
+    "size": {
+      "md": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.8125,
+          "unit": "rem"
+        }
+      }
+    },
+    "lineHeight": {
+      "normal": {
+        "$type": "number",
+        "$value": 1.5
+      }
+    }
+  },
+  "border": {
+    "radius": {
+      "xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.125,
+          "unit": "rem"
+        }
+      },
+      "s": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.25,
+          "unit": "rem"
+        }
+      },
+      "m": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.25,
+          "unit": "rem"
+        }
+      },
+      "l": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.5,
+          "unit": "rem"
+        }
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.5,
+          "unit": "rem"
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "catalog-2026-05-15",
+      "catalog": true,
+      "source": {
+        "name": "Salesforce Lightning",
+        "homepage": "https://www.lightningdesignsystem.com/",
+        "tokenSource": "https://www.lightningdesignsystem.com/design-tokens/",
+        "license": "BSD-3-Clause",
+        "attribution": "© Salesforce, Inc. Lightning Design System.",
+        "syncedAt": "2026-05-15"
+      }
+    }
+  }
+}

package/dist/cdn/themes/catalog/tailwind.tokens.json

@@ -0,0 +1,302 @@
+{
+  "color": {
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2314,
+          0.5098,
+          0.9647
+        ],
+        "hex": "#3b82f6"
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1451,
+          0.3882,
+          0.9216
+        ],
+        "hex": "#2563eb"
+      }
+    },
+    "primary-active": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1137,
+          0.3059,
+          0.8471
+        ],
+        "hex": "#1d4ed8"
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3922,
+          0.4549,
+          0.5451
+        ],
+        "hex": "#64748b"
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5451,
+          0.3608,
+          0.9647
+        ],
+        "hex": "#8b5cf6"
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9725,
+          0.9804,
+          0.9882
+        ],
+        "hex": "#f8fafc"
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.9608,
+          0.9765
+        ],
+        "hex": "#f1f5f9"
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7961,
+          0.8353,
+          0.8824
+        ],
+        "hex": "#cbd5e1"
+      }
+    },
+    "border-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8863,
+          0.9098,
+          0.9412
+        ],
+        "hex": "#e2e8f0"
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0588,
+          0.0902,
+          0.1647
+        ],
+        "hex": "#0f172a"
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2784,
+          0.3333,
+          0.4118
+        ],
+        "hex": "#475569"
+      }
+    },
+    "text-on-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9373,
+          0.2667,
+          0.2667
+        ],
+        "hex": "#ef4444"
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1333,
+          0.7725,
+          0.3686
+        ],
+        "hex": "#22c55e"
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9608,
+          0.6196,
+          0.0431
+        ],
+        "hex": "#f59e0b"
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2314,
+          0.5098,
+          0.9647
+        ],
+        "hex": "#3b82f6"
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "sans": {
+        "$type": "fontFamily",
+        "$value": [
+          "Inter",
+          "system-ui",
+          "sans-serif"
+        ]
+      }
+    },
+    "size": {
+      "md": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1,
+          "unit": "rem"
+        }
+      }
+    },
+    "lineHeight": {
+      "normal": {
+        "$type": "number",
+        "$value": 1.5
+      }
+    }
+  },
+  "border": {
+    "radius": {
+      "xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.125,
+          "unit": "rem"
+        }
+      },
+      "s": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.25,
+          "unit": "rem"
+        }
+      },
+      "m": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.375,
+          "unit": "rem"
+        }
+      },
+      "l": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.5,
+          "unit": "rem"
+        }
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.75,
+          "unit": "rem"
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "catalog-2026-05-15",
+      "catalog": true,
+      "source": {
+        "name": "Tailwind defaults",
+        "homepage": "https://tailwindcss.com/",
+        "tokenSource": "https://tailwindcss.com/docs/customizing-colors",
+        "license": "MIT",
+        "attribution": "Tailwind CSS — © Tailwind Labs Inc.",
+        "syncedAt": "2026-05-15",
+        "note": "Tailwind does not publish DTCG natively; this entry is hand-synthesized from default-theme JS."
+      }
+    }
+  }
+}

package/dist/cdn/themes/catppuccin-frappe.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.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~=catppuccin-frappe],[data-theme~=catppuccin-frappe]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(27% .025 255);--color-surface: oklch(23% .02 255);--color-surface-alt: oklch(33% .025 255);--color-surface-raised: oklch(38% .025 255);--color-surface-sunken: oklch(19% .02 255);--color-text: oklch(86% .02 260);--color-text-muted: oklch(80% .02 260);--color-text-subtle: oklch(73% .02 260);--color-primary: oklch(75% .13 300);--color-primary-hover: oklch(80% .14 300);--color-primary-subtle: oklch(30% .05 300);--color-accent: oklch(75% .1 55);--color-accent-hover: oklch(80% .11 55);--color-border: oklch(38% .025 255);--color-border-muted: oklch(33% .025 255);--color-border-strong: oklch(50% .025 255);--color-success: oklch(80% .13 145);--color-warning: oklch(85% .08 80);--color-error: oklch(72% .12 18);--color-info: oklch(75% .1 255);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(15% .02 255 / .2);--shadow-sm: 0 2px 4px oklch(15% .02 255 / .2), 0 1px 2px oklch(15% .02 255 / .15);--shadow-md: 0 4px 8px oklch(15% .02 255 / .2), 0 2px 4px oklch(15% .02 255 / .12);--shadow-lg: 0 8px 16px oklch(15% .02 255 / .25), 0 4px 8px oklch(15% .02 255 / .12);--shadow-xl: 0 16px 32px oklch(15% .02 255 / .25);--shadow-2xl: 0 24px 48px oklch(15% .02 255 / .3);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-frappe],[data-theme~=catppuccin-frappe]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(38% .025 255);margin-block:2rem}& h1,h2{font-weight:600;color:#c9d2de}& a:not([class]){color:#82b1ed;text-decoration-color:#82b1ed66;text-underline-offset:.15em;&:hover{color:#bb9af4;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .13 300);padding-inline-start:1.25rem;color:#b6becb}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .13 300);--cb-string: oklch(80% .13 145);--cb-function: oklch(75% .1 255);--cb-number: oklch(85% .08 80);--cb-button-bg: var(--color-surface)}::selection{background:#bb9af440;color:#c9d2de}}:root[data-theme~=catppuccin-frappe][data-mode=light],[data-theme~=catppuccin-frappe][data-mode=light]{color-scheme:light;--color-background: oklch(97% .01 255);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 255);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 255);--color-text: oklch(30% .025 255);--color-text-muted: oklch(42% .02 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .16 300);--color-primary-hover: oklch(50% .17 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(65% .12 55);--color-accent-hover: oklch(60% .13 55);--color-border: oklch(88% .01 255);--color-border-muted: oklch(92% .008 255);--color-border-strong: oklch(55% .02 255);--color-success: oklch(52% .15 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .16 18);--color-info: oklch(50% .12 255);--shadow-xs: 0 1px 2px oklch(30% .025 255 / .06);--shadow-sm: 0 2px 4px oklch(30% .025 255 / .08);--shadow-md: 0 4px 8px oklch(30% .025 255 / .08);--shadow-lg: 0 8px 16px oklch(30% .025 255 / .1);--shadow-xl: 0 16px 32px oklch(30% .025 255 / .1);--shadow-2xl: 0 24px 48px oklch(30% .025 255 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#d3d8de}& h1,h2{color:#252f3a}& a:not([class]){color:#8156c0;&:hover{color:#8156c0}}& blockquote{color:#464e58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .16 300);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 255);--cb-number: oklch(58% .12 80)}::selection{background:#8156c033;color:#252f3a}}
+@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";:root[data-theme~=catppuccin-frappe],[data-theme~=catppuccin-frappe]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(27% .025 255);--color-surface: oklch(23% .02 255);--color-surface-alt: oklch(33% .025 255);--color-surface-raised: oklch(38% .025 255);--color-surface-sunken: oklch(19% .02 255);--color-text: oklch(86% .02 260);--color-text-muted: oklch(80% .02 260);--color-text-subtle: oklch(73% .02 260);--color-primary: oklch(75% .13 300);--color-primary-hover: oklch(80% .14 300);--color-primary-subtle: oklch(30% .05 300);--color-accent: oklch(75% .1 55);--color-accent-hover: oklch(80% .11 55);--color-border: oklch(38% .025 255);--color-border-muted: oklch(33% .025 255);--color-border-strong: oklch(50% .025 255);--color-success: oklch(80% .13 145);--color-warning: oklch(85% .08 80);--color-error: oklch(72% .12 18);--color-info: oklch(75% .1 255);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(15% .02 255 / .2);--shadow-sm: 0 2px 4px oklch(15% .02 255 / .2), 0 1px 2px oklch(15% .02 255 / .15);--shadow-md: 0 4px 8px oklch(15% .02 255 / .2), 0 2px 4px oklch(15% .02 255 / .12);--shadow-lg: 0 8px 16px oklch(15% .02 255 / .25), 0 4px 8px oklch(15% .02 255 / .12);--shadow-xl: 0 16px 32px oklch(15% .02 255 / .25);--shadow-2xl: 0 24px 48px oklch(15% .02 255 / .3);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-frappe],[data-theme~=catppuccin-frappe]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(38% .025 255);margin-block:2rem}& h1,h2{font-weight:600;color:#c9d2de}& a:not([class]){color:#82b1ed;text-decoration-color:#82b1ed66;text-underline-offset:.15em;&:hover{color:#bb9af4;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .13 300);padding-inline-start:1.25rem;color:#b6becb}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .13 300);--cb-string: oklch(80% .13 145);--cb-function: oklch(75% .1 255);--cb-number: oklch(85% .08 80);--cb-button-bg: var(--color-surface)}::selection{background:#bb9af440;color:#c9d2de}}:root[data-theme~=catppuccin-frappe][data-mode=light],[data-theme~=catppuccin-frappe][data-mode=light]{color-scheme:light;--color-background: oklch(97% .01 255);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 255);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 255);--color-text: oklch(30% .025 255);--color-text-muted: oklch(42% .02 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .16 300);--color-primary-hover: oklch(50% .17 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(65% .12 55);--color-accent-hover: oklch(60% .13 55);--color-border: oklch(88% .01 255);--color-border-muted: oklch(92% .008 255);--color-border-strong: oklch(55% .02 255);--color-success: oklch(52% .15 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .16 18);--color-info: oklch(50% .12 255);--shadow-xs: 0 1px 2px oklch(30% .025 255 / .06);--shadow-sm: 0 2px 4px oklch(30% .025 255 / .08);--shadow-md: 0 4px 8px oklch(30% .025 255 / .08);--shadow-lg: 0 8px 16px oklch(30% .025 255 / .1);--shadow-xl: 0 16px 32px oklch(30% .025 255 / .1);--shadow-2xl: 0 24px 48px oklch(30% .025 255 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#d3d8de}& h1,h2{color:#252f3a}& a:not([class]){color:#8156c0;&:hover{color:#8156c0}}& blockquote{color:#464e58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .16 300);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 255);--cb-number: oklch(58% .12 80)}::selection{background:#8156c033;color:#252f3a}}
 /*# sourceMappingURL=catppuccin-frappe.css.map */