@cloudflare/kumo 1.17.0 → 1.19.0

package/dist/scripts/theme-generator/config.js

@@ -38,7 +38,7 @@ const o = {
       theme: {
         kumo: {
           light: "var(--color-neutral-500, oklch(55.6% 0 0))",
-          dark: "var(--color-kumo-neutral-50, oklch(97.5% 0 0))"
+          dark: "var(--color-neutral-400, oklch(70.8% 0 0))"
         }
       }
     },
@@ -82,7 +82,7 @@ const o = {
       newName: "",
       theme: {
         kumo: {
-          light: "var(--color-blue-700, oklch(48.8% 0.243 264.376))",
+          light: "var(--color-blue-800, oklch(42.4% 0.199 265.638))",
           dark: "var(--color-blue-400, oklch(70.7% 0.165 254.624))"
         }
       }
@@ -91,8 +91,8 @@ const o = {
       newName: "",
       theme: {
         kumo: {
-          light: "var(--color-green-500, oklch(72.3% 0.219 149.579))",
-          dark: "var(--color-green-400, oklch(79.2% 0.209 151.711))"
+          light: "var(--color-emerald-800, oklch(43.2% 0.095 166.913))",
+          dark: "var(--color-emerald-200, oklch(90.5% 0.093 164.15))"
         }
       }
     },
@@ -118,16 +118,6 @@ const o = {
      * Badge text color tokens
      * Subtle variants need colored text; inverted needs flipping text
      */
-    "kumo-badge-red-subtle": {
-      newName: "",
-      description: "Text color for subtle red badge",
-      theme: {
-        kumo: {
-          light: "var(--color-red-800, oklch(44.4% 0.177 26.899))",
-          dark: "var(--color-red-200, oklch(88.5% 0.062 18.334))"
-        }
-      }
-    },
     "kumo-badge-orange-subtle": {
       newName: "",
       description: "Text color for subtle orange badge",
@@ -138,26 +128,6 @@ const o = {
         }
       }
     },
-    "kumo-badge-yellow-subtle": {
-      newName: "",
-      description: "Text color for subtle yellow badge",
-      theme: {
-        kumo: {
-          light: "var(--color-yellow-800, oklch(47.6% 0.114 61.907))",
-          dark: "var(--color-yellow-200, oklch(94.5% 0.129 101.54))"
-        }
-      }
-    },
-    "kumo-badge-green-subtle": {
-      newName: "",
-      description: "Text color for subtle green badge",
-      theme: {
-        kumo: {
-          light: "var(--color-emerald-800, oklch(43.2% 0.095 166.913))",
-          dark: "var(--color-emerald-200, oklch(90.5% 0.093 164.15))"
-        }
-      }
-    },
     "kumo-badge-teal-subtle": {
       newName: "",
       description: "Text color for subtle teal badge",
@@ -168,16 +138,6 @@ const o = {
         }
       }
     },
-    "kumo-badge-blue-subtle": {
-      newName: "",
-      description: "Text color for subtle blue badge",
-      theme: {
-        kumo: {
-          light: "var(--color-blue-800, oklch(42.4% 0.199 265.638))",
-          dark: "var(--color-blue-200, oklch(88.2% 0.059 254.128))"
-        }
-      }
-    },
     "kumo-badge-neutral-subtle": {
       newName: "",
       description: "Text color for subtle neutral badge",
@@ -232,7 +192,7 @@ const o = {
       theme: {
         kumo: {
           light: "var(--color-kumo-neutral-125, oklch(96% 0 0))",
-          dark: "var(--color-kumo-neutral-950, oklch(12% 0 0))"
+          dark: "var(--color-kumo-neutral-950, oklch(15% 0 0))"
         }
       }
     },
@@ -335,16 +295,16 @@ const o = {
       theme: {
         kumo: {
           light: "oklch(14.5% 0 0 / 0.1)",
-          dark: "var(--color-neutral-800, oklch(26.9% 0 0))"
+          dark: "var(--color-kumo-neutral-750, oklch(32% 0 0))"
         }
       }
     },
-    "kumo-ring": {
+    "kumo-hairline": {
       newName: "",
       theme: {
         kumo: {
           light: "var(--color-kumo-neutral-150, oklch(93.5% 0 0))",
-          dark: "var(--color-neutral-700, oklch(37.1% 0 0))"
+          dark: "var(--color-neutral-800, oklch(26.9% 0 0))"
         },
         fedramp: {
           light: "#c8d4e5",
@@ -390,16 +350,16 @@ const o = {
         }
       }
     },
-    "kumo-info": {
+    "kumo-info-tint": {
       newName: "",
       theme: {
         kumo: {
-          light: "var(--color-blue-500, oklch(62.3% 0.214 259.815))",
-          dark: "var(--color-blue-400, oklch(70.7% 0.165 254.624))"
+          light: "var(--color-blue-100, oklch(93.2% 0.032 255.585))",
+          dark: "var(--color-blue-900, oklch(37.9% 0.146 265.522))"
         }
       }
     },
-    "kumo-info-tint": {
+    "kumo-info": {
       newName: "",
       theme: {
         kumo: {
@@ -408,16 +368,16 @@ const o = {
         }
       }
     },
-    "kumo-warning": {
+    "kumo-warning-tint": {
       newName: "",
       theme: {
         kumo: {
-          light: "var(--color-yellow-500, oklch(79.5% 0.184 86.047))",
+          light: "var(--color-yellow-100, oklch(97.3% 0.071 103.193))",
           dark: "var(--color-yellow-700, oklch(55.4% 0.135 66.442))"
         }
       }
     },
-    "kumo-warning-tint": {
+    "kumo-warning": {
       newName: "",
       theme: {
         kumo: {
@@ -426,34 +386,34 @@ const o = {
         }
       }
     },
-    "kumo-danger": {
+    "kumo-danger-tint": {
       newName: "",
       theme: {
         kumo: {
-          light: "var(--color-red-500, oklch(63.7% 0.237 25.331))",
-          dark: "var(--color-red-700, oklch(50.5% 0.213 27.518))"
+          light: "var(--color-red-100, oklch(93.6% 0.032 17.717))",
+          dark: "var(--color-red-900, oklch(39.6% 0.141 25.723))"
         }
       }
     },
-    "kumo-danger-tint": {
+    "kumo-danger": {
       newName: "",
       theme: {
         kumo: {
-          light: "var(--color-red-300, oklch(80.8% 0.114 19.571))",
+          light: "var(--color-red-500, oklch(63.7% 0.237 25.331))",
           dark: "var(--color-red-900, oklch(39.6% 0.141 25.723))"
         }
       }
     },
-    "kumo-success": {
+    "kumo-success-tint": {
       newName: "",
       theme: {
         kumo: {
-          light: "var(--color-green-500, oklch(72.3% 0.219 149.579))",
-          dark: "var(--color-green-700, oklch(52.7% 0.154 150.069))"
+          light: "var(--color-emerald-100, oklch(95% 0.052 163.051))",
+          dark: "var(--color-emerald-900, oklch(37.8% 0.077 168.94))"
         }
       }
     },
-    "kumo-success-tint": {
+    "kumo-success": {
       newName: "",
       theme: {
         kumo: {
@@ -478,24 +438,14 @@ const o = {
         }
       }
     },
-    "kumo-badge-red-subtle": {
-      newName: "",
-      description: "Subtle red badge background",
-      theme: {
-        kumo: {
-          light: "var(--color-red-100, oklch(93.6% 0.032 17.717))",
-          dark: "var(--color-red-900, oklch(39.6% 0.141 25.723))"
-        }
-      }
-    },
     // Orange
     "kumo-badge-orange": {
       newName: "",
       description: "Orange badge background",
       theme: {
         kumo: {
-          light: "var(--color-orange-600, oklch(64.6% 0.222 41.116))",
-          dark: "var(--color-orange-700, oklch(55.3% 0.195 38.402))"
+          light: "var(--color-orange-650, oklch(81.5% 0.197 76))",
+          dark: "var(--color-orange-650, oklch(81.5% 0.197 76))"
         }
       }
     },
@@ -509,24 +459,13 @@ const o = {
         }
       }
     },
-    // Yellow
-    "kumo-badge-yellow": {
-      newName: "",
-      description: "Yellow badge background",
-      theme: {
-        kumo: {
-          light: "var(--color-yellow-600, oklch(68.1% 0.162 75.834))",
-          dark: "var(--color-yellow-700, oklch(55.4% 0.135 66.442))"
-        }
-      }
-    },
-    "kumo-badge-yellow-subtle": {
+    "kumo-badge-purple": {
       newName: "",
-      description: "Subtle yellow badge background",
+      description: "Purple badge background",
       theme: {
         kumo: {
-          light: "var(--color-yellow-100, oklch(97.3% 0.071 103.193))",
-          dark: "var(--color-yellow-900, oklch(42.1% 0.095 57.708))"
+          light: "var(--color-purple-600, oklch(60% 0.118 184.704))",
+          dark: "var(--color-purple-700, oklch(50.8% 0.118 165.612))"
         }
       }
     },
@@ -536,28 +475,18 @@ const o = {
       description: "Green badge background",
       theme: {
         kumo: {
-          light: "var(--color-emerald-600, oklch(59.6% 0.145 163.225))",
+          light: "var(--color-emerald-700, oklch(50.8% 0.118 165.612))",
           dark: "var(--color-emerald-700, oklch(50.8% 0.118 165.612))"
         }
       }
     },
-    "kumo-badge-green-subtle": {
-      newName: "",
-      description: "Subtle green badge background",
-      theme: {
-        kumo: {
-          light: "var(--color-emerald-100, oklch(95% 0.052 163.051))",
-          dark: "var(--color-emerald-900, oklch(37.8% 0.077 168.94))"
-        }
-      }
-    },
     // Teal
     "kumo-badge-teal": {
       newName: "",
       description: "Teal badge background",
       theme: {
         kumo: {
-          light: "var(--color-teal-600, oklch(60% 0.118 184.704))",
+          light: "var(--color-teal-650, oklch(54.9% 0.096 184.565))",
           dark: "var(--color-teal-700, oklch(51.1% 0.096 186.391))"
         }
       }
@@ -583,16 +512,6 @@ const o = {
         }
       }
     },
-    "kumo-badge-blue-subtle": {
-      newName: "",
-      description: "Subtle blue badge background",
-      theme: {
-        kumo: {
-          light: "var(--color-blue-100, oklch(93.2% 0.032 255.585))",
-          dark: "var(--color-blue-900, oklch(37.9% 0.146 265.522))"
-        }
-      }
-    },
     // Neutral
     "kumo-badge-neutral": {
       newName: "",

package/dist/scripts/theme-generator/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../scripts/theme-generator/config.ts"],"sourcesContent":["/**\n * Kumo Theme Configuration\n *\n * Single source of truth for all semantic color tokens and typography.\n * This config is used to generate:\n * - theme-kumo.css (base theme)\n * - theme-fedramp.css (fedramp overrides)\n * - Any future theme files\n *\n * Token naming:\n * - Key = current token name used in codebase\n * - newName = future name (empty string = no migration planned)\n */\n\nimport type { ThemeConfig } from \"./types.js\";\n\nexport const THEME_CONFIG: ThemeConfig = {\n  /**\n   * Text color tokens\n   * Used with: text-{token}\n   * CSS variable: --text-color-{token}\n   */\n  text: {\n    \"kumo-default\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-900, oklch(21% 0.006 285.885))\",\n          dark: \"var(--color-neutral-100, oklch(97% 0 0))\",\n        },\n      },\n    },\n    \"kumo-inverse\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-100, oklch(97% 0 0))\",\n          dark: \"var(--color-neutral-900, oklch(20.5% 0 0))\",\n        },\n      },\n    },\n    \"kumo-strong\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-600, oklch(43.9% 0 0))\",\n          dark: \"var(--color-neutral-400, oklch(70.8% 0 0))\",\n        },\n      },\n    },\n    \"kumo-subtle\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-500, oklch(55.6% 0 0))\",\n          dark: \"var(--color-kumo-neutral-50, oklch(97.5% 0 0))\",\n        },\n      },\n    },\n    \"kumo-inactive\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-400, oklch(70.8% 0 0))\",\n          dark: \"var(--color-neutral-600, oklch(70.8% 0 0))\",\n        },\n      },\n    },\n    \"kumo-placeholder\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-400, oklch(70.8% 0 0))\",\n          dark: \"var(--color-neutral-500, oklch(55.6% 0 0))\",\n        },\n      },\n    },\n    \"kumo-brand\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"#f6821f\",\n          dark: \"#f6821f\",\n        },\n      },\n    },\n    \"kumo-link\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-800, oklch(42.4% 0.199 265.638))\",\n          dark: \"var(--color-blue-400, oklch(70.7% 0.165 254.624))\",\n        },\n      },\n    },\n    \"kumo-info\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-700, oklch(48.8% 0.243 264.376))\",\n          dark: \"var(--color-blue-400, oklch(70.7% 0.165 254.624))\",\n        },\n      },\n    },\n    \"kumo-success\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-green-500, oklch(72.3% 0.219 149.579))\",\n          dark: \"var(--color-green-400, oklch(79.2% 0.209 151.711))\",\n        },\n      },\n    },\n    \"kumo-danger\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-700, oklch(50.5% 0.213 27.518))\",\n          dark: \"var(--color-red-400, oklch(70.4% 0.191 22.216))\",\n        },\n      },\n    },\n    \"kumo-warning\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-800, oklch(47.6% 0.114 61.907))\",\n          dark: \"var(--color-yellow-400, oklch(85.2% 0.199 91.936))\",\n        },\n      },\n    },\n\n    /*\n     * Badge text color tokens\n     * Subtle variants need colored text; inverted needs flipping text\n     */\n    \"kumo-badge-red-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle red badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-800, oklch(44.4% 0.177 26.899))\",\n          dark: \"var(--color-red-200, oklch(88.5% 0.062 18.334))\",\n        },\n      },\n    },\n    \"kumo-badge-orange-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle orange badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-orange-800, oklch(47% 0.157 37.304))\",\n          dark: \"var(--color-orange-200, oklch(90.1% 0.076 70.697))\",\n        },\n      },\n    },\n    \"kumo-badge-yellow-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle yellow badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-800, oklch(47.6% 0.114 61.907))\",\n          dark: \"var(--color-yellow-200, oklch(94.5% 0.129 101.54))\",\n        },\n      },\n    },\n    \"kumo-badge-green-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle green badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-emerald-800, oklch(43.2% 0.095 166.913))\",\n          dark: \"var(--color-emerald-200, oklch(90.5% 0.093 164.15))\",\n        },\n      },\n    },\n    \"kumo-badge-teal-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle teal badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-teal-800, oklch(43.7% 0.078 188.216))\",\n          dark: \"var(--color-teal-200, oklch(91% 0.096 180.426))\",\n        },\n      },\n    },\n    \"kumo-badge-blue-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle blue badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-800, oklch(42.4% 0.199 265.638))\",\n          dark: \"var(--color-blue-200, oklch(88.2% 0.059 254.128))\",\n        },\n      },\n    },\n    \"kumo-badge-neutral-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle neutral badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n          dark: \"var(--color-neutral-200, oklch(92.2% 0 0))\",\n        },\n      },\n    },\n    \"kumo-badge-inverted\": {\n      newName: \"\",\n      description: \"Text color for inverted badge (white in light, black in dark)\",\n      theme: {\n        kumo: {\n          light: \"var(--color-white, #fff)\",\n          dark: \"var(--color-black, #000)\",\n        },\n      },\n    },\n  },\n\n  /**\n   * Color tokens\n   * Used with: bg-{token}, border-{token}, ring-{token}, etc.\n   * CSS variable: --color-{token}\n   */\n  color: {\n    \"kumo-canvas\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-25, oklch(98.75% 0 0))\",\n          dark: \"var(--color-kumo-neutral-1000, oklch(10% 0 0))\",\n        },\n        fedramp: {\n          light: \"#5b697c\",\n          dark: \"#5b697c\",\n        },\n      },\n    }, \n    \"kumo-elevated\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-75, oklch(98% 0 0))\",\n          dark: \"var(--color-kumo-neutral-975, oklch(12% 0 0))\",\n        },\n      },\n    },\n    \"kumo-recessed\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-125, oklch(96% 0 0))\",\n          dark: \"var(--color-kumo-neutral-950, oklch(12% 0 0))\",\n        },\n      },\n    },\n    \"kumo-base\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-white, #fff)\",\n          dark: \"var(--color-kumo-neutral-925, oklch(17% 0 0))\",\n        },\n        fedramp: {\n          light: \"#5b697c\",\n          dark: \"#5b697c\",\n        },\n      },\n    },\n    \"kumo-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-100, oklch(97% 0 0))\",\n          dark: \"var(--color-kumo-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-contrast\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-975, oklch(8.5% 0 0))\",\n          dark: \"var(--color-kumo-neutral-25, oklch(98.5% 0 0))\",\n        },\n      },\n    },\n    \"kumo-overlay\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-50, oklch(97.5% 0 0))\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-control\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-white, #fff)\",\n          dark: \"var(--color-neutral-900, oklch(21% 0.006 285.885))\",\n        },\n      },\n    },\n    \"kumo-interact\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-300, oklch(87% 0 0))\",\n          dark: \"var(--color-neutral-700, oklch(37.1% 0 0))\",\n        },\n      },\n    },\n    \"kumo-fill\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-200, oklch(92.2% 0 0))\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-fill-hover\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-125, oklch(96.5% 0 0))\",\n          dark: \"var(--color-neutral-800, oklch(37.1% 0 0))\",\n        },\n      },\n    },\n    \"kumo-brand\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"oklch(0.5772 0.2324 260)\",\n          dark: \"oklch(0.5772 0.2324 260)\",\n        },\n      },\n    },\n    \"kumo-brand-hover\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-700, oklch(48.8% 0.243 264.376))\",\n          dark: \"var(--color-blue-700, oklch(48.8% 0.243 264.376))\",\n        },\n      },\n    },\n    \"kumo-line\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"oklch(14.5% 0 0 / 0.1)\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-ring\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-150, oklch(93.5% 0 0))\",\n          dark: \"var(--color-neutral-700, oklch(37.1% 0 0))\",\n        },\n        fedramp: {\n          light: \"#c8d4e5\",\n          dark: \"#c8d4e5\",\n        },\n      },\n    },\n    \"kumo-shadow-edge\": {\n      newName: \"\",\n      description: \"Tight spread shadow color for control thumbs/knobs\",\n      theme: {\n        kumo: {\n          light: \"oklch(0% 0 0 / 0.12)\",\n          dark: \"oklch(100% 0 0 / 0.1)\",\n        },\n      },\n    },\n    \"kumo-shadow-drop\": {\n      newName: \"\",\n      description: \"Drop shadow color for control thumbs/knobs\",\n      theme: {\n        kumo: {\n          light: \"oklch(0% 0 0 / 0.08)\",\n          dark: \"oklch(0% 0 0 / 0.3)\",\n        },\n      },\n    },\n    \"kumo-tip-shadow\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-gray-200, oklch(92.8% 0.006 264.531))\",\n          dark: \"transparent\",\n        },\n      },\n    },\n    \"kumo-tip-stroke\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"transparent\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-info\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-500, oklch(62.3% 0.214 259.815))\",\n          dark: \"var(--color-blue-400, oklch(70.7% 0.165 254.624))\",\n        },\n      },\n    },\n    \"kumo-info-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-300, oklch(80.9% 0.105 251.813))\",\n          dark: \"var(--color-blue-900, oklch(37.9% 0.146 265.522))\",\n        },\n      },\n    },\n    \"kumo-warning\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-500, oklch(79.5% 0.184 86.047))\",\n          dark: \"var(--color-yellow-700, oklch(55.4% 0.135 66.442))\",\n        },\n      },\n    },\n    \"kumo-warning-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-300, oklch(90.5% 0.182 98.111))\",\n          dark: \"var(--color-yellow-900, oklch(42.1% 0.095 57.708))\",\n        },\n      },\n    },\n    \"kumo-danger\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-500, oklch(63.7% 0.237 25.331))\",\n          dark: \"var(--color-red-700, oklch(50.5% 0.213 27.518))\",\n        },\n      },\n    },\n    \"kumo-danger-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-300, oklch(80.8% 0.114 19.571))\",\n          dark: \"var(--color-red-900, oklch(39.6% 0.141 25.723))\",\n        },\n      },\n    },\n    \"kumo-success\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-green-500, oklch(72.3% 0.219 149.579))\",\n          dark: \"var(--color-green-700, oklch(52.7% 0.154 150.069))\",\n        },\n      },\n    },\n    \"kumo-success-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-green-300, oklch(87.1% 0.15 154.449))\",\n          dark: \"var(--color-green-900, oklch(39.3% 0.095 152.535))\",\n        },\n      },\n    },\n\n    /*\n     * Badge color tokens\n     * Solid variants: vivid background, white text\n     * Subtle variants: tinted background, darker text (flips in dark mode)\n     */\n\n    // Red\n    \"kumo-badge-red\": {\n      newName: \"\",\n      description: \"Red badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-600, oklch(57.7% 0.245 27.325))\",\n          dark: \"var(--color-red-700, oklch(50.5% 0.213 27.518))\",\n        },\n      },\n    },\n    \"kumo-badge-red-subtle\": {\n      newName: \"\",\n      description: \"Subtle red badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-100, oklch(93.6% 0.032 17.717))\",\n          dark: \"var(--color-red-900, oklch(39.6% 0.141 25.723))\",\n        },\n      },\n    },\n\n    // Orange\n    \"kumo-badge-orange\": {\n      newName: \"\",\n      description: \"Orange badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-orange-600, oklch(64.6% 0.222 41.116))\",\n          dark: \"var(--color-orange-700, oklch(55.3% 0.195 38.402))\",\n        },\n      },\n    },\n    \"kumo-badge-orange-subtle\": {\n      newName: \"\",\n      description: \"Subtle orange badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-orange-100, oklch(95.4% 0.038 75.164))\",\n          dark: \"var(--color-orange-900, oklch(40.8% 0.123 38.172))\",\n        },\n      },\n    },\n\n    // Yellow\n    \"kumo-badge-yellow\": {\n      newName: \"\",\n      description: \"Yellow badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-600, oklch(68.1% 0.162 75.834))\",\n          dark: \"var(--color-yellow-700, oklch(55.4% 0.135 66.442))\",\n        },\n      },\n    },\n    \"kumo-badge-yellow-subtle\": {\n      newName: \"\",\n      description: \"Subtle yellow badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-100, oklch(97.3% 0.071 103.193))\",\n          dark: \"var(--color-yellow-900, oklch(42.1% 0.095 57.708))\",\n        },\n      },\n    },\n\n    // Green (emerald scale)\n    \"kumo-badge-green\": {\n      newName: \"\",\n      description: \"Green badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-emerald-600, oklch(59.6% 0.145 163.225))\",\n          dark: \"var(--color-emerald-700, oklch(50.8% 0.118 165.612))\",\n        },\n      },\n    },\n    \"kumo-badge-green-subtle\": {\n      newName: \"\",\n      description: \"Subtle green badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-emerald-100, oklch(95% 0.052 163.051))\",\n          dark: \"var(--color-emerald-900, oklch(37.8% 0.077 168.94))\",\n        },\n      },\n    },\n\n    // Teal\n    \"kumo-badge-teal\": {\n      newName: \"\",\n      description: \"Teal badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-teal-600, oklch(60% 0.118 184.704))\",\n          dark: \"var(--color-teal-700, oklch(51.1% 0.096 186.391))\",\n        },\n      },\n    },\n    \"kumo-badge-teal-subtle\": {\n      newName: \"\",\n      description: \"Subtle teal badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-teal-100, oklch(95.3% 0.051 180.801))\",\n          dark: \"var(--color-teal-900, oklch(38.6% 0.063 188.416))\",\n        },\n      },\n    },\n\n    // Blue\n    \"kumo-badge-blue\": {\n      newName: \"\",\n      description: \"Blue badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-600, oklch(54.6% 0.245 262.881))\",\n          dark: \"var(--color-blue-700, oklch(48.8% 0.243 264.376))\",\n        },\n      },\n    },\n    \"kumo-badge-blue-subtle\": {\n      newName: \"\",\n      description: \"Subtle blue badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-100, oklch(93.2% 0.032 255.585))\",\n          dark: \"var(--color-blue-900, oklch(37.9% 0.146 265.522))\",\n        },\n      },\n    },\n\n    // Neutral\n    \"kumo-badge-neutral\": {\n      newName: \"\",\n      description: \"Neutral badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-600, oklch(43.9% 0 0))\",\n          dark: \"var(--color-neutral-600, oklch(43.9% 0 0))\",\n        },\n      },\n    },\n    // NOTE: kumo-badge-neutral-subtle omitted — same pair as kumo-fill.\n    // Badge uses bg-kumo-fill instead.\n\n    // Inverted\n    \"kumo-badge-inverted\": {\n      newName: \"\",\n      description: \"Inverted badge background (near-black in light, white in dark)\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-950, oklch(14.5% 0 0))\",\n          dark: \"var(--color-white, #fff)\",\n        },\n      },\n    },\n  },\n\n  /**\n   * Typography tokens\n   * Used with: text-{size} utilities\n   * CSS variables: --text-{size}, --text-{size}--line-height\n   *\n   * Note: Typography is NOT theme-dependent (no light/dark mode).\n   * Values are the same across color modes but may differ per theme.\n   */\n  typography: {\n    xs: {\n      newName: \"\",\n      theme: {\n        kumo: \"12px\",\n      },\n    },\n    \"xs--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1 / 0.75)\",\n      },\n    },\n    sm: {\n      newName: \"\",\n      theme: {\n        kumo: \"13px\",\n      },\n    },\n    \"sm--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1 / 0.85)\",\n      },\n    },\n    base: {\n      newName: \"\",\n      theme: {\n        kumo: \"14px\",\n      },\n    },\n    \"base--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1.25 / 0.875)\",\n      },\n    },\n    lg: {\n      newName: \"\",\n      theme: {\n        kumo: \"16px\",\n      },\n    },\n    \"lg--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1.25 / 1)\",\n      },\n    },\n  },\n};\n\n/** List of all available themes */\nexport const AVAILABLE_THEMES = [\"kumo\", \"fedramp\"] as const;\nexport type AvailableTheme = (typeof AVAILABLE_THEMES)[number];\n"],"names":["THEME_CONFIG","AVAILABLE_THEMES"],"mappings":"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"}
+{"version":3,"file":"config.js","sources":["../../../scripts/theme-generator/config.ts"],"sourcesContent":["/**\n * Kumo Theme Configuration\n *\n * Single source of truth for all semantic color tokens and typography.\n * This config is used to generate:\n * - theme-kumo.css (base theme)\n * - theme-fedramp.css (fedramp overrides)\n * - Any future theme files\n *\n * Token naming:\n * - Key = current token name used in codebase\n * - newName = future name (empty string = no migration planned)\n */\n\nimport type { ThemeConfig } from \"./types.js\";\n\nexport const THEME_CONFIG: ThemeConfig = {\n  /**\n   * Text color tokens\n   * Used with: text-{token}\n   * CSS variable: --text-color-{token}\n   */\n  text: {\n    \"kumo-default\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-900, oklch(21% 0.006 285.885))\",\n          dark: \"var(--color-neutral-100, oklch(97% 0 0))\",\n        },\n      },\n    },\n    \"kumo-inverse\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-100, oklch(97% 0 0))\",\n          dark: \"var(--color-neutral-900, oklch(20.5% 0 0))\",\n        },\n      },\n    },\n    \"kumo-strong\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-600, oklch(43.9% 0 0))\",\n          dark: \"var(--color-neutral-400, oklch(70.8% 0 0))\",\n        },\n      },\n    },\n    \"kumo-subtle\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-500, oklch(55.6% 0 0))\",\n          dark: \"var(--color-neutral-400, oklch(70.8% 0 0))\",\n        },\n      },\n    },\n    \"kumo-inactive\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-400, oklch(70.8% 0 0))\",\n          dark: \"var(--color-neutral-600, oklch(70.8% 0 0))\",\n        },\n      },\n    },\n    \"kumo-placeholder\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-400, oklch(70.8% 0 0))\",\n          dark: \"var(--color-neutral-500, oklch(55.6% 0 0))\",\n        },\n      },\n    },\n    \"kumo-brand\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"#f6821f\",\n          dark: \"#f6821f\",\n        },\n      },\n    },\n    \"kumo-link\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-800, oklch(42.4% 0.199 265.638))\",\n          dark: \"var(--color-blue-400, oklch(70.7% 0.165 254.624))\",\n        },\n      },\n    },\n    \"kumo-info\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-800, oklch(42.4% 0.199 265.638))\",\n          dark: \"var(--color-blue-400, oklch(70.7% 0.165 254.624))\",\n        },\n      },\n    },\n    \"kumo-success\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-emerald-800, oklch(43.2% 0.095 166.913))\",\n          dark: \"var(--color-emerald-200, oklch(90.5% 0.093 164.15))\",\n        },\n      },\n    },\n    \"kumo-danger\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-700, oklch(50.5% 0.213 27.518))\",\n          dark: \"var(--color-red-400, oklch(70.4% 0.191 22.216))\",\n        },\n      },\n    },\n    \"kumo-warning\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-800, oklch(47.6% 0.114 61.907))\",\n          dark: \"var(--color-yellow-400, oklch(85.2% 0.199 91.936))\",\n        },\n      },\n    },\n\n    /*\n     * Badge text color tokens\n     * Subtle variants need colored text; inverted needs flipping text\n     */\n    \"kumo-badge-orange-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle orange badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-orange-800, oklch(47% 0.157 37.304))\",\n          dark: \"var(--color-orange-200, oklch(90.1% 0.076 70.697))\",\n        },\n      },\n    },\n    \"kumo-badge-teal-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle teal badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-teal-800, oklch(43.7% 0.078 188.216))\",\n          dark: \"var(--color-teal-200, oklch(91% 0.096 180.426))\",\n        },\n      },\n    },\n    \"kumo-badge-neutral-subtle\": {\n      newName: \"\",\n      description: \"Text color for subtle neutral badge\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n          dark: \"var(--color-neutral-200, oklch(92.2% 0 0))\",\n        },\n      },\n    },\n    \"kumo-badge-inverted\": {\n      newName: \"\",\n      description:\n        \"Text color for inverted badge (white in light, black in dark)\",\n      theme: {\n        kumo: {\n          light: \"var(--color-white, #fff)\",\n          dark: \"var(--color-black, #000)\",\n        },\n      },\n    },\n  },\n\n  /**\n   * Color tokens\n   * Used with: bg-{token}, border-{token}, ring-{token}, etc.\n   * CSS variable: --color-{token}\n   */\n  color: {\n    \"kumo-canvas\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-25, oklch(98.75% 0 0))\",\n          dark: \"var(--color-kumo-neutral-1000, oklch(10% 0 0))\",\n        },\n        fedramp: {\n          light: \"#5b697c\",\n          dark: \"#5b697c\",\n        },\n      },\n    },\n    \"kumo-elevated\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-75, oklch(98% 0 0))\",\n          dark: \"var(--color-kumo-neutral-975, oklch(12% 0 0))\",\n        },\n      },\n    },\n    \"kumo-recessed\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-125, oklch(96% 0 0))\",\n          dark: \"var(--color-kumo-neutral-950, oklch(15% 0 0))\",\n        },\n      },\n    },\n    \"kumo-base\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-white, #fff)\",\n          dark: \"var(--color-kumo-neutral-925, oklch(17% 0 0))\",\n        },\n        fedramp: {\n          light: \"#5b697c\",\n          dark: \"#5b697c\",\n        },\n      },\n    },\n    \"kumo-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-100, oklch(97% 0 0))\",\n          dark: \"var(--color-kumo-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-contrast\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-975, oklch(8.5% 0 0))\",\n          dark: \"var(--color-kumo-neutral-25, oklch(98.5% 0 0))\",\n        },\n      },\n    },\n    \"kumo-overlay\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-50, oklch(97.5% 0 0))\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-control\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-white, #fff)\",\n          dark: \"var(--color-neutral-900, oklch(21% 0.006 285.885))\",\n        },\n      },\n    },\n    \"kumo-interact\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-300, oklch(87% 0 0))\",\n          dark: \"var(--color-neutral-700, oklch(37.1% 0 0))\",\n        },\n      },\n    },\n    \"kumo-fill\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-200, oklch(92.2% 0 0))\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-fill-hover\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-125, oklch(96.5% 0 0))\",\n          dark: \"var(--color-neutral-800, oklch(37.1% 0 0))\",\n        },\n      },\n    },\n    \"kumo-brand\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"oklch(0.5772 0.2324 260)\",\n          dark: \"oklch(0.5772 0.2324 260)\",\n        },\n      },\n    },\n    \"kumo-brand-hover\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-700, oklch(48.8% 0.243 264.376))\",\n          dark: \"var(--color-blue-700, oklch(48.8% 0.243 264.376))\",\n        },\n      },\n    },\n    \"kumo-line\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"oklch(14.5% 0 0 / 0.1)\",\n          dark: \"var(--color-kumo-neutral-750, oklch(32% 0 0))\",\n        },\n      },\n    },\n    \"kumo-hairline\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-kumo-neutral-150, oklch(93.5% 0 0))\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n        fedramp: {\n          light: \"#c8d4e5\",\n          dark: \"#c8d4e5\",\n        },\n      },\n    },\n    \"kumo-shadow-edge\": {\n      newName: \"\",\n      description: \"Tight spread shadow color for control thumbs/knobs\",\n      theme: {\n        kumo: {\n          light: \"oklch(0% 0 0 / 0.12)\",\n          dark: \"oklch(100% 0 0 / 0.1)\",\n        },\n      },\n    },\n    \"kumo-shadow-drop\": {\n      newName: \"\",\n      description: \"Drop shadow color for control thumbs/knobs\",\n      theme: {\n        kumo: {\n          light: \"oklch(0% 0 0 / 0.08)\",\n          dark: \"oklch(0% 0 0 / 0.3)\",\n        },\n      },\n    },\n    \"kumo-tip-shadow\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-gray-200, oklch(92.8% 0.006 264.531))\",\n          dark: \"transparent\",\n        },\n      },\n    },\n    \"kumo-tip-stroke\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"transparent\",\n          dark: \"var(--color-neutral-800, oklch(26.9% 0 0))\",\n        },\n      },\n    },\n    \"kumo-info-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-100, oklch(93.2% 0.032 255.585))\",\n          dark: \"var(--color-blue-900, oklch(37.9% 0.146 265.522))\",\n        },\n      },\n    },\n    \"kumo-info\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-300, oklch(80.9% 0.105 251.813))\",\n          dark: \"var(--color-blue-900, oklch(37.9% 0.146 265.522))\",\n        },\n      },\n    },\n    \"kumo-warning-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-100, oklch(97.3% 0.071 103.193))\",\n          dark: \"var(--color-yellow-700, oklch(55.4% 0.135 66.442))\",\n        },\n      },\n    },\n    \"kumo-warning\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-yellow-300, oklch(90.5% 0.182 98.111))\",\n          dark: \"var(--color-yellow-900, oklch(42.1% 0.095 57.708))\",\n        },\n      },\n    },\n    \"kumo-danger-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-100, oklch(93.6% 0.032 17.717))\",\n          dark: \"var(--color-red-900, oklch(39.6% 0.141 25.723))\",\n        },\n      },\n    },\n    \"kumo-danger\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-500, oklch(63.7% 0.237 25.331))\",\n          dark: \"var(--color-red-900, oklch(39.6% 0.141 25.723))\",\n        },\n      },\n    },\n    \"kumo-success-tint\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-emerald-100, oklch(95% 0.052 163.051))\",\n          dark: \"var(--color-emerald-900, oklch(37.8% 0.077 168.94))\",\n        },\n      },\n    },\n    \"kumo-success\": {\n      newName: \"\",\n      theme: {\n        kumo: {\n          light: \"var(--color-green-300, oklch(87.1% 0.15 154.449))\",\n          dark: \"var(--color-green-900, oklch(39.3% 0.095 152.535))\",\n        },\n      },\n    },\n\n    /*\n     * Badge color tokens\n     * Solid variants: vivid background, white text\n     * Subtle variants: tinted background, darker text (flips in dark mode)\n     */\n\n    // Red\n    \"kumo-badge-red\": {\n      newName: \"\",\n      description: \"Red badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-red-600, oklch(57.7% 0.245 27.325))\",\n          dark: \"var(--color-red-700, oklch(50.5% 0.213 27.518))\",\n        },\n      },\n    },\n\n    // Orange\n    \"kumo-badge-orange\": {\n      newName: \"\",\n      description: \"Orange badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-orange-650, oklch(81.5% 0.197 76))\",\n          dark: \"var(--color-orange-650, oklch(81.5% 0.197 76))\",\n        },\n      },\n    },\n    \"kumo-badge-orange-subtle\": {\n      newName: \"\",\n      description: \"Subtle orange badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-orange-100, oklch(95.4% 0.038 75.164))\",\n          dark: \"var(--color-orange-900, oklch(40.8% 0.123 38.172))\",\n        },\n      },\n    },\n\n    \"kumo-badge-purple\": {\n      newName: \"\",\n      description: \"Purple badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-purple-600, oklch(60% 0.118 184.704))\",\n          dark: \"var(--color-purple-700, oklch(50.8% 0.118 165.612))\",\n        },\n      },\n    },\n\n    // Green (emerald scale)\n    \"kumo-badge-green\": {\n      newName: \"\",\n      description: \"Green badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-emerald-700, oklch(50.8% 0.118 165.612))\",\n          dark: \"var(--color-emerald-700, oklch(50.8% 0.118 165.612))\",\n        },\n      },\n    },\n\n    // Teal\n    \"kumo-badge-teal\": {\n      newName: \"\",\n      description: \"Teal badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-teal-650, oklch(54.9% 0.096 184.565))\",\n          dark: \"var(--color-teal-700, oklch(51.1% 0.096 186.391))\",\n        },\n      },\n    },\n    \"kumo-badge-teal-subtle\": {\n      newName: \"\",\n      description: \"Subtle teal badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-teal-100, oklch(95.3% 0.051 180.801))\",\n          dark: \"var(--color-teal-900, oklch(38.6% 0.063 188.416))\",\n        },\n      },\n    },\n\n    // Blue\n    \"kumo-badge-blue\": {\n      newName: \"\",\n      description: \"Blue badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-blue-600, oklch(54.6% 0.245 262.881))\",\n          dark: \"var(--color-blue-700, oklch(48.8% 0.243 264.376))\",\n        },\n      },\n    },\n\n    // Neutral\n    \"kumo-badge-neutral\": {\n      newName: \"\",\n      description: \"Neutral badge background\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-600, oklch(43.9% 0 0))\",\n          dark: \"var(--color-neutral-600, oklch(43.9% 0 0))\",\n        },\n      },\n    },\n    // NOTE: kumo-badge-neutral-subtle omitted — same pair as kumo-fill.\n    // Badge uses bg-kumo-fill instead.\n\n    // Inverted\n    \"kumo-badge-inverted\": {\n      newName: \"\",\n      description:\n        \"Inverted badge background (near-black in light, white in dark)\",\n      theme: {\n        kumo: {\n          light: \"var(--color-neutral-950, oklch(14.5% 0 0))\",\n          dark: \"var(--color-white, #fff)\",\n        },\n      },\n    },\n  },\n\n  /**\n   * Typography tokens\n   * Used with: text-{size} utilities\n   * CSS variables: --text-{size}, --text-{size}--line-height\n   *\n   * Note: Typography is NOT theme-dependent (no light/dark mode).\n   * Values are the same across color modes but may differ per theme.\n   */\n  typography: {\n    xs: {\n      newName: \"\",\n      theme: {\n        kumo: \"12px\",\n      },\n    },\n    \"xs--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1 / 0.75)\",\n      },\n    },\n    sm: {\n      newName: \"\",\n      theme: {\n        kumo: \"13px\",\n      },\n    },\n    \"sm--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1 / 0.85)\",\n      },\n    },\n    base: {\n      newName: \"\",\n      theme: {\n        kumo: \"14px\",\n      },\n    },\n    \"base--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1.25 / 0.875)\",\n      },\n    },\n    lg: {\n      newName: \"\",\n      theme: {\n        kumo: \"16px\",\n      },\n    },\n    \"lg--line-height\": {\n      newName: \"\",\n      theme: {\n        kumo: \"calc(1.25 / 1)\",\n      },\n    },\n  },\n};\n\n/** List of all available themes */\nexport const AVAILABLE_THEMES = [\"kumo\", \"fedramp\"] as const;\nexport type AvailableTheme = (typeof AVAILABLE_THEMES)[number];\n"],"names":["THEME_CONFIG","AVAILABLE_THEMES"],"mappings":"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"}

package/dist/src/components/badge/badge.d.ts

@@ -4,37 +4,63 @@ export declare const KUMO_BADGE_BASE_STYLES = "inline-flex w-fit flex-none shrin
 /** Badge variant definitions mapping variant names to their Tailwind classes and descriptions. */
 export declare const KUMO_BADGE_VARIANTS: {
     readonly variant: {
-        readonly red: {
-            readonly classes: "bg-kumo-badge-red text-white";
-            readonly description: "Red badge";
+        /** Semantic token badges */
+        readonly primary: {
+            readonly classes: "bg-kumo-badge-inverted text-kumo-badge-inverted";
+            readonly description: "Primary badge";
         };
-        readonly "red-subtle": {
-            readonly classes: "bg-kumo-badge-red-subtle text-kumo-badge-red-subtle";
-            readonly description: "Subtle red badge";
+        readonly secondary: {
+            readonly classes: "bg-kumo-fill text-kumo-badge-neutral-subtle";
+            readonly description: "Secondary badge";
         };
-        readonly orange: {
-            readonly classes: "bg-kumo-badge-orange text-white";
-            readonly description: "Orange badge";
+        readonly error: {
+            readonly classes: "bg-kumo-danger-tint/60 text-kumo-danger";
+            readonly description: "Error badge";
+        };
+        readonly warning: {
+            readonly classes: "bg-kumo-warning-tint/70 text-kumo-warning";
+            readonly description: "Warning badge";
+        };
+        readonly success: {
+            readonly classes: "bg-kumo-success-tint/70 text-kumo-success";
+            readonly description: "Success badge";
+        };
+        readonly destructive: {
+            readonly classes: "bg-kumo-badge-red text-white";
+            readonly description: "Deprecated. Use red instead.";
         };
-        readonly "orange-subtle": {
-            readonly classes: "bg-kumo-badge-orange-subtle text-kumo-badge-orange-subtle";
-            readonly description: "Subtle orange badge";
+        readonly info: {
+            readonly classes: "bg-kumo-info-tint/70 text-kumo-info";
+            readonly description: "Info badge";
         };
-        readonly yellow: {
-            readonly classes: "bg-kumo-badge-yellow text-white";
-            readonly description: "Yellow badge";
+        readonly beta: {
+            readonly classes: "border border-dashed border-kumo-brand bg-transparent text-kumo-link";
+            readonly description: "Indicates beta or experimental features";
+        };
+        readonly outline: {
+            readonly classes: "border border-kumo-fill bg-transparent text-kumo-default";
+            readonly description: "Bordered badge with transparent background";
         };
-        readonly "yellow-subtle": {
-            readonly classes: "bg-kumo-badge-yellow-subtle text-kumo-badge-yellow-subtle";
-            readonly description: "Subtle yellow badge";
+        /** Other color token variants */
+        readonly red: {
+            readonly classes: "bg-kumo-badge-red text-white";
+            readonly description: "Red badge";
         };
         readonly green: {
             readonly classes: "bg-kumo-badge-green text-white";
             readonly description: "Green badge";
         };
-        readonly "green-subtle": {
-            readonly classes: "bg-kumo-badge-green-subtle text-kumo-badge-green-subtle";
-            readonly description: "Subtle green badge";
+        readonly neutral: {
+            readonly classes: "bg-kumo-badge-neutral text-white";
+            readonly description: "Neutral badge";
+        };
+        readonly orange: {
+            readonly classes: "bg-kumo-badge-orange text-black";
+            readonly description: "Orange badge";
+        };
+        readonly purple: {
+            readonly classes: "bg-kumo-badge-purple text-white";
+            readonly description: "Purple badge";
         };
         readonly teal: {
             readonly classes: "bg-kumo-badge-teal text-white";
@@ -48,54 +74,10 @@ export declare const KUMO_BADGE_VARIANTS: {
             readonly classes: "bg-kumo-badge-blue text-white";
             readonly description: "Blue badge";
         };
-        readonly "blue-subtle": {
-            readonly classes: "bg-kumo-badge-blue-subtle text-kumo-badge-blue-subtle";
-            readonly description: "Subtle blue badge";
-        };
-        readonly neutral: {
-            readonly classes: "bg-kumo-badge-neutral text-white";
-            readonly description: "Neutral badge";
-        };
-        readonly "neutral-subtle": {
-            readonly classes: "bg-kumo-fill text-kumo-badge-neutral-subtle";
-            readonly description: "Subtle neutral badge";
-        };
-        readonly inverted: {
-            readonly classes: "bg-kumo-badge-inverted text-kumo-badge-inverted";
-            readonly description: "Inverted badge";
-        };
-        readonly outline: {
-            readonly classes: "border border-kumo-fill bg-transparent text-kumo-default";
-            readonly description: "Bordered badge with transparent background";
-        };
-        readonly beta: {
-            readonly classes: "border border-dashed border-kumo-brand bg-transparent text-kumo-link";
-            readonly description: "Indicates beta or experimental features";
-        };
-        /** @deprecated Use `"inverted"` instead. */
-        readonly primary: {
-            readonly classes: "bg-kumo-badge-inverted text-kumo-badge-inverted";
-            readonly description: "Deprecated. Use inverted instead.";
-        };
-        /** @deprecated Use `"neutral"` instead. */
-        readonly secondary: {
-            readonly classes: "bg-kumo-badge-neutral text-white";
-            readonly description: "Deprecated. Use neutral instead.";
-        };
-        /** @deprecated Use `"red"` instead. */
-        readonly destructive: {
-            readonly classes: "bg-kumo-badge-red text-white";
-            readonly description: "Deprecated. Use red instead.";
-        };
-        /** @deprecated Use `"green"` instead. */
-        readonly success: {
-            readonly classes: "bg-kumo-badge-green text-white";
-            readonly description: "Deprecated. Use green instead.";
-        };
     };
 };
 export declare const KUMO_BADGE_DEFAULT_VARIANTS: {
-    readonly variant: "neutral";
+    readonly variant: "primary";
 };
 export type KumoBadgeVariant = keyof typeof KUMO_BADGE_VARIANTS.variant;
 export interface KumoBadgeVariantsProps {
@@ -116,21 +98,21 @@ export type BadgeVariant = KumoBadgeVariant;
 export interface BadgeProps {
     /**
      * Color variant of the badge.
-     * - `"red"` / `"red-subtle"` — Red badge
-     * - `"orange"` / `"orange-subtle"` — Orange badge
-     * - `"yellow"` / `"yellow-subtle"` — Yellow badge
-     * - `"green"` / `"green-subtle"` — Green badge (emerald scale)
-     * - `"teal"` / `"teal-subtle"` — Teal badge
-     * - `"blue"` / `"blue-subtle"` — Blue badge
-     * - `"neutral"` / `"neutral-subtle"` — Neutral badge
-     * - `"inverted"` — Inverted badge (near-black, white in dark mode)
+     * Recommended semantic variants:
+     * - `"primary"` — Primary badge
+     * - `"secondary"` — Secondary badge
+     * - `"error"` — Error badge
+     * - `"warning"` — Warning badge
+     * - `"success"` — Success badge
+     * - `"info"` — Info badge
+     *
+     * Additional token variants:
+     * - `"red"`, `"orange"`, `"green"`, `"teal"`, `"blue"`, `"purple"`, `"neutral"`
+     * - `"teal-subtle"`, `"neutral-subtle"`
+     * - `"inverted"`
      * - `"outline"` — Bordered badge with transparent background
      * - `"beta"` — Dashed-border badge for beta/experimental features
-     * - `"primary"` — **Deprecated.** Use `"inverted"` instead.
-     * - `"secondary"` — **Deprecated.** Use `"neutral"` instead.
-     * - `"destructive"` — **Deprecated.** Use `"red"` instead.
-     * - `"success"` — **Deprecated.** Use `"green"` instead.
-     * @default "neutral"
+     * @default "secondary"
      */
     variant?: KumoBadgeVariant;
     /** Additional CSS classes merged via `cn()`. */

package/dist/src/components/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,iDAAiD;AACjD,eAAO,MAAM,sBAAsB,wIACoG,CAAC;AAExI,kGAAkG;AAClG,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuE5B,4CAA4C;;;;;QAK5C,2CAA2C;;;;;QAK3C,uCAAuC;;;;;QAKvC,yCAAyC;;;;;;CAMnC,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAGX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAExE,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAA6C,GAC9C,GAAE,sBAA2B,UAS7B;AAGD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAA6C,EAC7C,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAMZ"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,iDAAiD;AACjD,eAAO,MAAM,sBAAsB,wIACoG,CAAC;AAExI,kGAAkG;AAClG,eAAO,MAAM,mBAAmB;;QAE5B,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuC5B,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC3B,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAGX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAExE,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAA6C,GAC9C,GAAE,sBAA2B,UAS7B;AAGD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAA6C,EAC7C,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAMZ"}

package/dist/src/components/banner/banner.d.ts

@@ -5,17 +5,17 @@ export declare const KUMO_BANNER_BASE_STYLES = "flex w-full items-start gap-3 ro
 export declare const KUMO_BANNER_VARIANTS: {
     readonly variant: {
         readonly default: {
-            readonly classes: "bg-kumo-info/10 border-kumo-info/30 text-kumo-info selection:bg-kumo-info-tint";
+            readonly classes: "bg-kumo-info-tint/30 border-kumo-info/50 text-kumo-info selection:bg-kumo-info";
             readonly iconClasses: "text-kumo-info";
             readonly description: "Informational banner for general messages";
         };
         readonly alert: {
-            readonly classes: "bg-kumo-warning/10 border-kumo-warning/30 text-kumo-warning selection:bg-kumo-warning-tint";
+            readonly classes: "bg-kumo-warning-tint/15 border-kumo-warning/50 text-kumo-warning selection:bg-kumo-warning";
             readonly iconClasses: "text-kumo-warning";
             readonly description: "Warning banner for cautionary messages";
         };
         readonly error: {
-            readonly classes: "bg-kumo-danger/10 border-kumo-danger/30 text-kumo-danger selection:bg-kumo-danger-tint";
+            readonly classes: "bg-kumo-danger-tint/15 border-kumo-danger/50 text-kumo-danger selection:bg-kumo-danger";
             readonly iconClasses: "text-kumo-danger";
             readonly description: "Error banner for critical issues";
         };