@scattered-light/loomiere-mojave 0.2.0 → 0.4.0

package/dist/tokens.js

@@ -411,7 +411,27 @@ const tokens = {
       "17": "#e5e8ff",
       "18": "#b1d0b5",
       "19": "#d0fabd",
-      "20": "#fffce1"
+      "20": "#fffce1",
+      "violet": "#a04fdf",
+      "coral": "#ef7053",
+      "gold": "#c4b679",
+      "burgundy": "#612c3d",
+      "mint": "#86e6ca",
+      "navy": "#154975",
+      "periwinkle": "#bbc3fe",
+      "forest": "#0b5313",
+      "lime": "#74ce4b",
+      "yellow": "#dac925",
+      "lavender": "#b4a1e2",
+      "peach": "#ffc3b5",
+      "cream": "#f1e5af",
+      "mauve": "#a6838e",
+      "seafoam": "#bfecdf",
+      "sky": "#7fa8cb",
+      "ice": "#e5e8ff",
+      "sage": "#b1d0b5",
+      "chartreuse": "#d0fabd",
+      "ivory": "#fffce1"
     },
     "accent": {
       "50": "#fdfaff",
@@ -487,15 +507,6 @@ const tokens = {
     "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
     "inner": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
     "none": "none",
-    "flat": {
-      "xs": "0 0 0 1px rgba(0, 0, 0, 0.05)",
-      "sm": "0 0 0 1px rgba(0, 0, 0, 0.1)",
-      "base": "0 0 0 1px rgba(0, 0, 0, 0.15)",
-      "md": "0 0 0 1px rgba(0, 0, 0, 0.2)",
-      "lg": "0 0 0 1px rgba(0, 0, 0, 0.25)",
-      "xl": "0 0 0 1px rgba(0, 0, 0, 0.3)",
-      "2xl": "0 0 0 1px rgba(0, 0, 0, 0.35)"
-    },
     "outline": "0 0 0 3px color-mix(in oklab, #8838c4 60%, transparent)"
   },
   "stroke": {
@@ -785,7 +796,27 @@ const tokens = {
           "17": "#e5e8ff",
           "18": "#a4c8b1",
           "19": "#b4da84",
-          "20": "#fffce1"
+          "20": "#fffce1",
+          "violet": "#a04fdf",
+          "coral": "#f35d49",
+          "gold": "#c4b679",
+          "burgundy": "#612c3d",
+          "mint": "#86e6ca",
+          "navy": "#154975",
+          "periwinkle": "#bbc3fe",
+          "forest": "#0b5313",
+          "lime": "#56c047",
+          "yellow": "#dac925",
+          "lavender": "#b4a1e2",
+          "peach": "#e0b4b5",
+          "cream": "#f1e5af",
+          "mauve": "#a6838e",
+          "seafoam": "#a9d7c0",
+          "sky": "#7fa8cb",
+          "ice": "#e5e8ff",
+          "sage": "#a4c8b1",
+          "chartreuse": "#b4da84",
+          "ivory": "#fffce1"
         }
       }
     },
@@ -1035,7 +1066,27 @@ const tokens = {
           "17": "#e5e8ff",
           "18": "#9fbea3",
           "19": "#c4e289",
-          "20": "#fffce1"
+          "20": "#fffce1",
+          "violet": "#a04fdf",
+          "coral": "#ef7053",
+          "gold": "#c4b679",
+          "burgundy": "#5e293a",
+          "mint": "#86e6ca",
+          "navy": "#154975",
+          "periwinkle": "#bbc3fe",
+          "forest": "#0b5313",
+          "lime": "#63bb76",
+          "yellow": "#dac925",
+          "lavender": "#b4a1e2",
+          "peach": "#efb3ac",
+          "cream": "#f0e2a4",
+          "mauve": "#a6838e",
+          "seafoam": "#b1dccd",
+          "sky": "#7fa8cb",
+          "ice": "#e5e8ff",
+          "sage": "#9fbea3",
+          "chartreuse": "#c4e289",
+          "ivory": "#fffce1"
         }
       }
     },
@@ -1285,7 +1336,27 @@ const tokens = {
           "17": "#e9e5f8",
           "18": "#a5b898",
           "19": "#d0fabd",
-          "20": "#fffce1"
+          "20": "#fffce1",
+          "violet": "#a04fdf",
+          "coral": "#ef7053",
+          "gold": "#c4b679",
+          "burgundy": "#612c3d",
+          "mint": "#86e6ca",
+          "navy": "#3b4278",
+          "periwinkle": "#bbc3fe",
+          "forest": "#0b5313",
+          "lime": "#74ce4b",
+          "yellow": "#c3c729",
+          "lavender": "#b4a1e2",
+          "peach": "#f5b1a1",
+          "cream": "#f1e5af",
+          "mauve": "#a6838e",
+          "seafoam": "#b7ebdc",
+          "sky": "#6e9ec6",
+          "ice": "#e9e5f8",
+          "sage": "#a5b898",
+          "chartreuse": "#d0fabd",
+          "ivory": "#fffce1"
         }
       }
     },
@@ -1535,7 +1606,27 @@ const tokens = {
           "17": "#8d91a6",
           "18": "#4f7359",
           "19": "#06510f",
-          "20": "#fffce1"
+          "20": "#fffce1",
+          "violet": "#9947d7",
+          "coral": "#ef7053",
+          "gold": "#c4b679",
+          "burgundy": "#430025",
+          "mint": "#0da693",
+          "navy": "#154975",
+          "periwinkle": "#030b46",
+          "forest": "#0b5313",
+          "lime": "#12a232",
+          "yellow": "#dac925",
+          "lavender": "#684793",
+          "peach": "#56190c",
+          "cream": "#f1e5af",
+          "mauve": "#986c7a",
+          "seafoam": "#215b4e",
+          "sky": "#00243a",
+          "ice": "#8d91a6",
+          "sage": "#4f7359",
+          "chartreuse": "#06510f",
+          "ivory": "#fffce1"
         }
       }
     }
@@ -1879,7 +1970,7 @@ const tokens = {
     "radius": "0.5rem"
   },
   "font": {
-    "base": {
+    "body-base": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
       "font-weight": 400,
@@ -1887,7 +1978,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif"
     },
-    "base-selected": {
+    "selected-base": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
       "font-weight": 600,
@@ -1895,7 +1986,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "600 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif"
     },
-    "base-label": {
+    "label-base": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
       "font-weight": 500,
@@ -1903,7 +1994,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "500 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "base-link": {
+    "link-base": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
       "font-weight": 400,
@@ -1911,7 +2002,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif"
     },
-    "base-subtitle": {
+    "subtitle-base": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
       "font-weight": 700,
@@ -1919,7 +2010,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "700 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Barlow Semi Condensed', sans-serif"
     },
-    "base-trigger": {
+    "trigger-base": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
       "font-weight": 500,
@@ -1927,7 +2018,15 @@ const tokens = {
       "letter-spacing": "0",
       "font": "500 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "code": {
+    "title-base": {
+      "font-family": "'Funnel Display', sans-serif",
+      "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
+      "font-weight": 600,
+      "line-height": 1.35,
+      "letter-spacing": "0",
+      "font": "600 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Funnel Display', sans-serif"
+    },
+    "code-condense": {
       "font-family": "'Roboto Mono', monospace",
       "font-size": "0.75rem",
       "font-weight": 400,
@@ -1935,7 +2034,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 0.75rem / 1.428 'Roboto Mono', monospace"
     },
-    "condense": {
+    "body-condense": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
       "font-weight": 400,
@@ -1943,7 +2042,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "condense-trigger": {
+    "trigger-condense": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
       "font-weight": 500,
@@ -1951,7 +2050,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "500 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "condense-selected": {
+    "selected-condense": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
       "font-weight": 600,
@@ -1959,7 +2058,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "condense-link": {
+    "link-condense": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
       "font-weight": 400,
@@ -1967,7 +2066,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "condense-subtitle": {
+    "subtitle-condense": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
       "font-weight": 700,
@@ -1975,7 +2074,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "700 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "condense-subtitle-label": {
+    "eyebrow-condense": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
       "font-weight": 600,
@@ -1984,7 +2083,15 @@ const tokens = {
       "text-transform": "uppercase",
       "font": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "magnify": {
+    "title-condense": {
+      "font-family": "'Funnel Display', sans-serif",
+      "font-size": "0.75rem",
+      "font-weight": 600,
+      "line-height": 1.428,
+      "letter-spacing": "0",
+      "font": "600 0.75rem / 1.428 'Funnel Display', sans-serif"
+    },
+    "body-magnify": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem)",
       "font-weight": 400,
@@ -1992,7 +2099,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem) / 1.35 'Barlow Semi Condensed', sans-serif"
     },
-    "magnify-trigger": {
+    "trigger-magnify": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem)",
       "font-weight": 500,
@@ -2000,7 +2107,15 @@ const tokens = {
       "letter-spacing": "0",
       "font": "500 clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem) / 1.35 'Barlow Semi Condensed', sans-serif"
     },
-    "minimize": {
+    "title-magnify": {
+      "font-family": "'Funnel Display', sans-serif",
+      "font-size": "clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem)",
+      "font-weight": 600,
+      "line-height": 1.35,
+      "letter-spacing": "0",
+      "font": "600 clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem) / 1.35 'Funnel Display', sans-serif"
+    },
+    "body-minimize": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.625rem",
       "font-weight": 400,
@@ -2008,7 +2123,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "minimize-trigger": {
+    "trigger-minimize": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.625rem",
       "font-weight": 500,
@@ -2016,7 +2131,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "500 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "minimize-selected": {
+    "selected-minimize": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.625rem",
       "font-weight": 600,
@@ -2024,7 +2139,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "600 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "minimize-link": {
+    "link-minimize": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.625rem",
       "font-weight": 400,
@@ -2032,7 +2147,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "minimize-subtitle": {
+    "subtitle-minimize": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.625rem",
       "font-weight": 700,
@@ -2040,7 +2155,7 @@ const tokens = {
       "letter-spacing": "0",
       "font": "700 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "minimize-subtitle-label": {
+    "eyebrow-minimize": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.625rem",
       "font-weight": 600,
@@ -2049,7 +2164,7 @@ const tokens = {
       "text-transform": "uppercase",
       "font": "600 0.625rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
-    "maximize-2xl": {
+    "title-amplify": {
       "font-family": "'Funnel Display', sans-serif",
       "font-size": "clamp(1.44rem, 1.344rem + 0.48vw, 1.728rem)",
       "font-weight": 600,
@@ -2057,61 +2172,13 @@ const tokens = {
       "letter-spacing": "0",
       "font": "600 clamp(1.44rem, 1.344rem + 0.48vw, 1.728rem) / 1.253 'Funnel Display', sans-serif"
     },
-    "maximize-3xl": {
-      "font-family": "'Funnel Display', sans-serif",
-      "font-size": "clamp(1.728rem, 1.6128rem + 0.576vw, 2.0736rem)",
-      "font-weight": 600,
-      "line-height": 1.204,
-      "letter-spacing": "0",
-      "font": "600 clamp(1.728rem, 1.6128rem + 0.576vw, 2.0736rem) / 1.204 'Funnel Display', sans-serif"
-    },
-    "maximize-4xl": {
+    "title-maximize": {
       "font-family": "'Funnel Display', sans-serif",
       "font-size": "clamp(2.0736rem, 1.9354rem + 0.6912vw, 2.4883rem)",
       "font-weight": 600,
       "line-height": 1,
       "letter-spacing": "0",
       "font": "600 clamp(2.0736rem, 1.9354rem + 0.6912vw, 2.4883rem) / 1 'Funnel Display', sans-serif"
-    },
-    "maximize-lg": {
-      "font-family": "'Funnel Display', sans-serif",
-      "font-size": "clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem)",
-      "font-weight": 600,
-      "line-height": 1.35,
-      "letter-spacing": "0",
-      "font": "600 clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem) / 1.35 'Funnel Display', sans-serif"
-    },
-    "maximize-md": {
-      "font-family": "'Funnel Display', sans-serif",
-      "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
-      "font-weight": 600,
-      "line-height": 1.35,
-      "letter-spacing": "0",
-      "font": "600 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Funnel Display', sans-serif"
-    },
-    "maximize-sm": {
-      "font-family": "'Funnel Display', sans-serif",
-      "font-size": "0.75rem",
-      "font-weight": 600,
-      "line-height": 1.428,
-      "letter-spacing": "0",
-      "font": "600 0.75rem / 1.428 'Funnel Display', sans-serif"
-    },
-    "maximize-xl": {
-      "font-family": "'Funnel Display', sans-serif",
-      "font-size": "clamp(1.2rem, 1.12rem + 0.4vw, 1.44rem)",
-      "font-weight": 600,
-      "line-height": 1.35,
-      "letter-spacing": "0",
-      "font": "600 clamp(1.2rem, 1.12rem + 0.4vw, 1.44rem) / 1.35 'Funnel Display', sans-serif"
-    },
-    "maximize-xs": {
-      "font-family": "'Funnel Display', sans-serif",
-      "font-size": "0.625rem",
-      "font-weight": 600,
-      "line-height": 1.428,
-      "letter-spacing": "0",
-      "font": "600 0.625rem / 1.428 'Funnel Display', sans-serif"
     }
   },
   "emphasis": {
@@ -2157,7 +2224,9 @@ const tokens = {
       "active": "#fcfbf8",
       "subtle": "color-mix(in oklab, #fcfbf8 12%, #964d3c)",
       "emphasis": "color-mix(in oklab, #fcfbf8 12%, #964d3c)",
-      "muted": "color-mix(in oklab, #fcfbf8 6%, #964d3c)"
+      "muted": "color-mix(in oklab, #fcfbf8 6%, #964d3c)",
+      "bg-hover": "color-mix(in oklab, #fcfbf8 8%, #964d3c)",
+      "bg-active": "color-mix(in oklab, #fcfbf8 8%, #964d3c)"
     },
     "mirage-deep": {
       "bg": "#371e4a",
@@ -2167,7 +2236,9 @@ const tokens = {
       "active": "color-mix(in oklab, #dad3ad 70%, #f9f2ff)",
       "subtle": "color-mix(in oklab, #dad3ad 12%, #371e4a)",
       "emphasis": "color-mix(in oklab, #dad3ad 22%, #371e4a)",
-      "muted": "color-mix(in oklab, #f9f2ff 6%, #371e4a)"
+      "muted": "color-mix(in oklab, #f9f2ff 6%, #371e4a)",
+      "bg-hover": "color-mix(in oklab, #f9f2ff 8%, #371e4a)",
+      "bg-active": "color-mix(in oklab, #f9f2ff 15%, #371e4a)"
     },
     "stone-soft": {
       "bg": "#f6f9f6",
@@ -2177,7 +2248,9 @@ const tokens = {
       "active": "color-mix(in oklab, #8838c4 70%, #181e1a)",
       "subtle": "color-mix(in oklab, #8838c4 12%, #f6f9f6)",
       "emphasis": "color-mix(in oklab, #8838c4 12%, #f6f9f6)",
-      "muted": "color-mix(in oklab, #181e1a 6%, #f6f9f6)"
+      "muted": "color-mix(in oklab, #181e1a 6%, #f6f9f6)",
+      "bg-hover": "color-mix(in oklab, #181e1a 8%, #f6f9f6)",
+      "bg-active": "color-mix(in oklab, #181e1a 15%, #f6f9f6)"
     }
   },
   "scope": {
@@ -2199,6 +2272,7 @@ const tokens = {
       "fg": "#181e1a",
       "fg-secondary": "#4f5852",
       "fg-tertiary": "#667169",
+      "fg-disabled": "#bcccc1",
       "focus": "#7c8980",
       "canvas": "#ffffff",
       "raised": "#f8fbf9",
@@ -2380,6 +2454,7 @@ const tokens = {
       "fg": "#221928",
       "fg-secondary": "#4f5852",
       "fg-tertiary": "#667169",
+      "fg-disabled": "#bcccc1",
       "focus": "#7c8980",
       "canvas": "#ffffff",
       "raised": "#f8fbf9",
@@ -2391,12 +2466,189 @@ const tokens = {
       "track": "#eff3ee"
     }
   },
+  "status-level": {
+    "default": {
+      "bold": {
+        "bg": "#8838c4",
+        "bg-hover": "#7131a0",
+        "bg-active": "#542775",
+        "fg": "#fdfaff",
+        "border": "#8838c4",
+        "border-hover": "#7131a0"
+      },
+      "standard": {
+        "bg": "transparent",
+        "bg-hover": "#fdfaff",
+        "bg-active": "#f4e7ff",
+        "fg": "#7131a0",
+        "border": "#8838c4",
+        "border-hover": "#7131a0"
+      },
+      "subtle": {
+        "bg": "#eff3ee",
+        "bg-hover": "#e7ece4",
+        "bg-active": "#d1dbd1",
+        "fg": "#181e1a",
+        "border": "#eff3ee",
+        "border-hover": "#e7ece4"
+      },
+      "quiet": {
+        "bg": "transparent",
+        "bg-hover": "#eff3ee",
+        "bg-active": "#e7ece4",
+        "fg": "#221928",
+        "border": "#7c8980",
+        "border-hover": "#4f5852"
+      }
+    },
+    "info": {
+      "bold": {
+        "bg": "#295fb8",
+        "bg-hover": "#214f9a",
+        "bg-active": "#173b76",
+        "fg": "#f9fbff",
+        "border": "#295fb8",
+        "border-hover": "#214f9a"
+      },
+      "standard": {
+        "bg": "transparent",
+        "bg-hover": "#f9fbff",
+        "bg-active": "#e2edff",
+        "fg": "#214f9a",
+        "border": "#295fb8",
+        "border-hover": "#214f9a"
+      },
+      "subtle": {
+        "bg": "#f9fbff",
+        "bg-hover": "#e2edff",
+        "bg-active": "#b8d4ff",
+        "fg": "#173b76",
+        "border": "#f9fbff",
+        "border-hover": "#e2edff"
+      },
+      "quiet": {
+        "bg": "transparent",
+        "bg-hover": "#f9fbff",
+        "bg-active": "#e2edff",
+        "fg": "#214f9a",
+        "border": "#295fb8",
+        "border-hover": "#214f9a"
+      }
+    },
+    "success": {
+      "bold": {
+        "bg": "#0f7133",
+        "bg-hover": "#0b5e29",
+        "bg-active": "#06471e",
+        "fg": "#f7fdf8",
+        "border": "#0f7133",
+        "border-hover": "#0b5e29"
+      },
+      "standard": {
+        "bg": "transparent",
+        "bg-hover": "#f7fdf8",
+        "bg-active": "#d8f3dc",
+        "fg": "#0b5e29",
+        "border": "#0f7133",
+        "border-hover": "#0b5e29"
+      },
+      "subtle": {
+        "bg": "#f7fdf8",
+        "bg-hover": "#d8f3dc",
+        "bg-active": "#9de1aa",
+        "fg": "#06471e",
+        "border": "#f7fdf8",
+        "border-hover": "#d8f3dc"
+      },
+      "quiet": {
+        "bg": "transparent",
+        "bg-hover": "#f7fdf8",
+        "bg-active": "#d8f3dc",
+        "fg": "#0b5e29",
+        "border": "#0f7133",
+        "border-hover": "#0b5e29"
+      }
+    },
+    "warning": {
+      "bold": {
+        "bg": "#895703",
+        "bg-hover": "#734702",
+        "bg-active": "#583501",
+        "fg": "#fffbf6",
+        "border": "#895703",
+        "border-hover": "#734702"
+      },
+      "standard": {
+        "bg": "transparent",
+        "bg-hover": "#fffbf6",
+        "bg-active": "#fee9d1",
+        "fg": "#734702",
+        "border": "#895703",
+        "border-hover": "#734702"
+      },
+      "subtle": {
+        "bg": "#fffbf6",
+        "bg-hover": "#fee9d1",
+        "bg-active": "#fcc98f",
+        "fg": "#583501",
+        "border": "#fffbf6",
+        "border-hover": "#fee9d1"
+      },
+      "quiet": {
+        "bg": "transparent",
+        "bg-hover": "#fffbf6",
+        "bg-active": "#fee9d1",
+        "fg": "#734702",
+        "border": "#895703",
+        "border-hover": "#734702"
+      }
+    },
+    "error": {
+      "bold": {
+        "bg": "#b43131",
+        "bg-hover": "#972828",
+        "bg-active": "#741c1c",
+        "fg": "#fffafa",
+        "border": "#b43131",
+        "border-hover": "#972828"
+      },
+      "standard": {
+        "bg": "transparent",
+        "bg-hover": "#fffafa",
+        "bg-active": "#ffe6e4",
+        "fg": "#972828",
+        "border": "#b43131",
+        "border-hover": "#972828"
+      },
+      "subtle": {
+        "bg": "#fffafa",
+        "bg-hover": "#ffe6e4",
+        "bg-active": "#ffc4be",
+        "fg": "#741c1c",
+        "border": "#fffafa",
+        "border-hover": "#ffe6e4"
+      },
+      "quiet": {
+        "bg": "transparent",
+        "bg-hover": "#fffafa",
+        "bg-active": "#ffe6e4",
+        "fg": "#972828",
+        "border": "#b43131",
+        "border-hover": "#972828"
+      }
+    }
+  },
   "avatar": {
     "size-xs": "2rem",
     "size-sm": "2.5rem",
     "size-md": "3rem",
     "size-lg": "4rem",
-    "size-xl": "6rem"
+    "size-xl": "6rem",
+    "initials-font-size-xs": "0.625rem",
+    "initials-font-size-sm": "0.75rem",
+    "initials-font-size-md": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
+    "initials-font-size-lg": "clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem)",
+    "initials-font-size-xl": "clamp(1.44rem, 1.344rem + 0.48vw, 1.728rem)"
   },
   "button": {
     "radius": "9999px",
@@ -2414,7 +2666,7 @@ const tokens = {
     "column-width": "12rem"
   },
   "popover": {
-    "popup-max-width": "400px",
+    "text-max-width": "45ch",
     "popup-min-width": "200px"
   },
   "preview-card": {