vanilla-breeze 0.1.4 → 0.3.0

package/dist/cdn/themes/journal.tokens.json

@@ -0,0 +1,583 @@
+{
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--_journal-paper)"
+        }
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--_journal-paper-edge)"
+        }
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.95,
+          0.015,
+          88
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          1,
+          0.004,
+          88
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.93,
+          0.012,
+          250
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--_journal-ink)"
+        }
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--_journal-pencil)"
+        }
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.58,
+          0.012,
+          270
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.1,
+          165
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.48,
+          0.1,
+          165
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.93,
+          0.03,
+          160
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.16,
+          36
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.16,
+          36
+        ]
+      }
+    },
+    "accent-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.93,
+          0.04,
+          36
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.58,
+          0.12,
+          150
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.74,
+          0.12,
+          85
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.58,
+          0.16,
+          25
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.1,
+          232
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--_journal-dot)"
+        }
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.88,
+          0.012,
+          250
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.02,
+          250
+        ]
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "sans": {
+        "$type": "fontFamily",
+        "$value": [
+          "Newsreader",
+          "Georgia",
+          "serif"
+        ]
+      },
+      "mono": {
+        "$type": "fontFamily",
+        "$value": [
+          "JetBrains Mono",
+          "ui-monospace",
+          "monospace"
+        ]
+      }
+    },
+    "lineHeight": {
+      "normal": {
+        "$type": "number",
+        "$value": 1.5
+      },
+      "tight": {
+        "$type": "number",
+        "$value": 1.25
+      }
+    }
+  },
+  "border": {
+    "radius": {
+      "xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2,
+          "unit": "px"
+        }
+      },
+      "s": {
+        "$type": "dimension",
+        "$value": {
+          "value": 3,
+          "unit": "px"
+        }
+      },
+      "m": {
+        "$type": "dimension",
+        "$value": {
+          "value": 5,
+          "unit": "px"
+        }
+      },
+      "l": {
+        "$type": "dimension",
+        "$value": {
+          "value": 8,
+          "unit": "px"
+        }
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 12,
+          "unit": "px"
+        }
+      },
+      "2xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 16,
+          "unit": "px"
+        }
+      },
+      "full": {
+        "$type": "dimension",
+        "$value": {
+          "value": 9999,
+          "unit": "px"
+        }
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 2,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.4,
+              0.04,
+              60
+            ],
+            "alpha": 0.1
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 2,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 5,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.4,
+              0.04,
+              60
+            ],
+            "alpha": 0.12
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 12,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.4,
+              0.04,
+              60
+            ],
+            "alpha": 0.16
+          }
+        }
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 10,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 24,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.4,
+              0.04,
+              60
+            ],
+            "alpha": 0.2
+          }
+        }
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 16,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 36,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.4,
+              0.04,
+              60
+            ],
+            "alpha": 0.24
+          }
+        }
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 22,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 48,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.4,
+              0.04,
+              60
+            ],
+            "alpha": 0.28
+          }
+        }
+      }
+    }
+  },
+  "motion": {
+    "duration": {
+      "instant": {
+        "$type": "duration",
+        "$value": {
+          "value": 60,
+          "unit": "ms"
+        }
+      },
+      "fast": {
+        "$type": "duration",
+        "$value": {
+          "value": 110,
+          "unit": "ms"
+        }
+      },
+      "normal": {
+        "$type": "duration",
+        "$value": {
+          "value": 220,
+          "unit": "ms"
+        }
+      },
+      "slow": {
+        "$type": "duration",
+        "$value": {
+          "value": 330,
+          "unit": "ms"
+        }
+      }
+    },
+    "easing": {
+      "default": {
+        "$type": "cubicBezier",
+        "$value": [
+          0.4,
+          0,
+          0.2,
+          1
+        ]
+      },
+      "out": {
+        "$type": "cubicBezier",
+        "$value": [
+          0.22,
+          1,
+          0.36,
+          1
+        ]
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.3.0",
+      "unmapped": [
+        "--theme-border-style",
+        "--theme-icon-set",
+        "--_journal-paper",
+        "--_journal-paper-edge",
+        "--_journal-kraft",
+        "--_journal-ink",
+        "--_journal-pencil",
+        "--_journal-dot",
+        "--_journal-margin",
+        "--_journal-mint",
+        "--_journal-blush",
+        "--_journal-butter",
+        "--_journal-sky",
+        "--_journal-lilac",
+        "--_journal-coral",
+        "--caret-color",
+        "--_journal-hand",
+        "--page-bg-color",
+        "--page-bg-image",
+        "--page-bg-size"
+      ]
+    }
+  }
+}

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

@@ -516,7 +516,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "unmapped": [
         "--_kawaii-color-lavender",
         "--_kawaii-color-peach",

package/dist/cdn/themes/kawaii.tokens.json

@@ -628,7 +628,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "unmapped": [
         "--theme-border-style",
         "--caret-color",

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

@@ -466,7 +466,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "unmapped": [
         "--_mg-overlay",
         "--_mg-primary-strong",

package/dist/cdn/themes/magna.tokens.json

@@ -587,7 +587,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "seedDerivation": true,
       "unmapped": [
         "--theme-border-style",

package/dist/cdn/themes/manifest.json

@@ -197,6 +197,13 @@
     "dtcg": "high-noon.tokens.json",
     "dtcgDark": "high-noon-dark.tokens.json"
   },
+  "journal": {
+    "file": "journal.css",
+    "size": 5410,
+    "tier": "showcase",
+    "dtcg": "journal.tokens.json",
+    "dtcgDark": "journal-dark.tokens.json"
+  },
   "kawaii": {
     "file": "kawaii.css",
     "size": 12484,

package/dist/cdn/themes/mcdonalds.tokens.json

@@ -518,7 +518,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "unmapped": [
         "--focus-ring-width",
         "--focus-ring-offset",

package/dist/cdn/themes/midnight.tokens.json

@@ -523,7 +523,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

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

@@ -287,7 +287,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "seedDerivation": true
     }
   }

package/dist/cdn/themes/minimal.tokens.json

@@ -487,7 +487,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "seedDerivation": true
     }
   }

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

@@ -483,7 +483,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "seedDerivation": true
     }
   }

package/dist/cdn/themes/modern.tokens.json

@@ -566,7 +566,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "seedDerivation": true
     }
   }

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

@@ -523,7 +523,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.1.4",
+      "vbVersion": "0.3.0",
       "unmapped": [
         "--_nes-color-black",
         "--_nes-color-dark",