@snksergio/design-system 0.30.3 → 0.31.0

package/dist-lib/src/hooks/useBrand.d.ts

@@ -5,7 +5,7 @@
  * Novas marcas: gere o overlay (`npm run tokens:brand:<x>`), importe no
  * globals.css e acrescente o id aqui.
  */
-export type Brand = "default" | "blue" | "green" | "pay";
+export type Brand = "default" | "blue" | "green" | "pay" | "vibrant";
 /**
  * Catálogo de marcas — fonte única p/ o seletor (dropdown) e swatches.
  * Nova marca: gere o overlay, importe no globals.css, acrescente aqui e no type.

package/dist-lib/src/hooks/useBrand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBrand.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBrand.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAKhE,CAAC;AAgBF;;;;;;;GAOG;AACH,wBAAgB,QAAQ;;8BAWc,KAAK;;EAoC1C"}
+{"version":3,"file":"useBrand.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBrand.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAMhE,CAAC;AAsBF;;;;;;;GAOG;AACH,wBAAgB,QAAQ;;8BAWc,KAAK;;EAoC1C"}

package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts

@@ -0,0 +1,281 @@
+/**
+ * color-palette.ts — Primitive color tokens — BRAND "vibrant" (iGreen Vibrant)
+ * Tier 1 de 3: valores raw. API privada.
+ *
+ * Marca = verde FLUORESCENTE #0fff00, âncora no shade 400 (não no 600 como a
+ * default). Escala gerada em uicolors.app/generate/0fff00.
+ *
+ * ⚠️ PROCEDÊNCIA: os 11 valores de brand vieram de um handoff externo (BRIEF.md +
+ * tokens.json) que era material de referência e **não está versionado** — foi
+ * descartado depois da implementação. Por isso este arquivo não cita seção dele:
+ * citação que ninguém pode conferir faz o leitor parar de investigar num lugar
+ * inalcançável. Toda medição que justifica um valor está inline, aqui e nos
+ * arquivos semantic; o que dá pra reconferir de fato é o gerador (a URL acima) e
+ * o round-trip OKLCH→sRGB dos hex nos comentários.
+ *
+ * ⚠️ OKLCH é a fonte canônica; o hex do comentário é o equivalente sRGB derivado,
+ * só pra conferência. NÃO re-arredondar: a precisão de cada valor é a mínima que
+ * faz round-trip exato — com 3 casas na croma os shades 400–800 erram até 3/255
+ * por canal.
+ *
+ * ── Escopo da marca ──────────────────────────────────────────────────────────
+ * Começou como "só a família brand" (gray e status verbatim da default, diff zero
+ * no overlay). NÃO é mais o caso: em rodadas seguintes o mantenedor pediu neutra
+ * própria e status re-medidos. Hoje divergem da default: `brand`/`brandContrast`,
+ * `gray` (neutra "graphite"), e os 4 status — `success` virou alias do próprio
+ * brand; `danger`/`warning`/`info` foram re-medidos por teto de gamut. O overlay
+ * resultante tem ~65 vars no light e ~62 no dark.
+ */
+export declare const brand: {
+    readonly 50: "oklch(0.9761 0.0429 141.03)";
+    readonly 100: "oklch(0.9493 0.0945 141.72)";
+    readonly 200: "oklch(0.9125 0.1746 142.08)";
+    readonly 300: "oklch(0.8818 0.2530 142.13)";
+    readonly 400: "oklch(0.866993 0.294055 142.3546)";
+    readonly 500: "oklch(0.8018 0.2721 142.38)";
+    readonly 600: "oklch(0.6783 0.2304 142.42)";
+    readonly 700: "oklch(0.5518 0.1876 142.46)";
+    readonly 800: "oklch(0.4645 0.1539 142.59)";
+    readonly 900: "oklch(0.4138 0.1317 142.94)";
+    readonly 950: "oklch(0.2820 0.0929 143.47)";
+};
+export declare const brandContrast: {
+    readonly 50: "oklch(0.9761 0.0429 141.03)";
+    readonly 100: "oklch(0.9493 0.0945 141.72)";
+    readonly 200: "oklch(0.9125 0.1746 142.08)";
+    readonly 300: "oklch(0.8818 0.2530 142.13)";
+    readonly 400: "oklch(0.866993 0.294055 142.3546)";
+    readonly 500: "oklch(0.8018 0.2721 142.38)";
+    readonly 600: "oklch(0.6783 0.2304 142.42)";
+    readonly 700: "oklch(0.5518 0.1876 142.46)";
+    readonly 800: "oklch(0.4645 0.1539 142.59)";
+    readonly 900: "oklch(0.4138 0.1317 142.94)";
+    readonly 950: "oklch(0.2820 0.0929 143.47)";
+};
+export declare const gray: {
+    readonly 50: "oklch(0.9851 0 0)";
+    readonly 100: "oklch(0.9674 0.0007 250)";
+    readonly 150: "oklch(0.9325 0.0016 250)";
+    readonly 200: "oklch(0.9197 0.0020 250)";
+    readonly 250: "oklch(0.906 0.0024 250)";
+    readonly 300: "oklch(0.8711 0.0028 250)";
+    readonly 400: "oklch(0.7118 0.0060 250)";
+    readonly 500: "oklch(0.5517 0.0062 250)";
+    readonly 600: "oklch(0.4419 0.0055 250)";
+    readonly 700: "oklch(0.3703 0.0038 250)";
+    readonly 800: "oklch(0.2739 0.0018 250)";
+    readonly 850: "oklch(0.259 0.0016 250)";
+    readonly 900: "oklch(0.2103 0.0012 250)";
+    readonly 950: "oklch(0.1652 0.0010 250)";
+};
+export declare const danger: {
+    readonly 50: "oklch(0.97 0.015 25)";
+    readonly 100: "oklch(0.94 0.030 25)";
+    readonly 150: "oklch(0.91 0.046 25)";
+    readonly 200: "oklch(0.86 0.075 25)";
+    readonly 300: "oklch(0.76 0.143 25)";
+    readonly 400: "oklch(0.68 0.208 25)";
+    readonly 500: "oklch(0.58 0.235 25)";
+    readonly 600: "oklch(0.52 0.210 25)";
+    readonly 700: "oklch(0.44 0.178 25)";
+    readonly 800: "oklch(0.35 0.142 25)";
+    readonly 900: "oklch(0.26 0.100 25)";
+    readonly 950: "oklch(0.18 0.070 25)";
+};
+export declare const success: {
+    readonly 50: "oklch(0.9761 0.0429 141.03)";
+    readonly 100: "oklch(0.9493 0.0945 141.72)";
+    readonly 200: "oklch(0.9125 0.1746 142.08)";
+    readonly 300: "oklch(0.8818 0.2530 142.13)";
+    readonly 400: "oklch(0.866993 0.294055 142.3546)";
+    readonly 500: "oklch(0.8018 0.2721 142.38)";
+    readonly 600: "oklch(0.6783 0.2304 142.42)";
+    readonly 700: "oklch(0.5518 0.1876 142.46)";
+    readonly 800: "oklch(0.4645 0.1539 142.59)";
+    readonly 900: "oklch(0.4138 0.1317 142.94)";
+    readonly 950: "oklch(0.2820 0.0929 143.47)";
+};
+export declare const warning: {
+    readonly 50: "oklch(0.97 0.028 81)";
+    readonly 100: "oklch(0.95 0.047 81)";
+    readonly 150: "oklch(0.93 0.066 81)";
+    readonly 200: "oklch(0.91 0.086 81)";
+    readonly 300: "oklch(0.87 0.127 81)";
+    readonly 400: "oklch(0.845 0.153 81)";
+    readonly 500: "oklch(0.825 0.170 81)";
+    readonly 600: "oklch(0.72 0.148 81)";
+    readonly 700: "oklch(0.60 0.124 81)";
+    readonly 800: "oklch(0.46 0.095 81)";
+    readonly 900: "oklch(0.34 0.070 81)";
+    readonly 950: "oklch(0.24 0.049 81)";
+};
+export declare const info: {
+    readonly 50: "oklch(0.97 0.016 300)";
+    readonly 100: "oklch(0.93 0.039 300)";
+    readonly 150: "oklch(0.89 0.063 300)";
+    readonly 200: "oklch(0.84 0.093 300)";
+    readonly 300: "oklch(0.72 0.172 300)";
+    readonly 400: "oklch(0.635 0.232 300)";
+    readonly 500: "oklch(0.55 0.293 300)";
+    readonly 600: "oklch(0.48 0.256 300)";
+    readonly 700: "oklch(0.40 0.213 300)";
+    readonly 800: "oklch(0.32 0.170 300)";
+    readonly 900: "oklch(0.24 0.128 300)";
+    readonly 950: "oklch(0.17 0.091 300)";
+};
+export declare const white = "oklch(1 0 0)";
+export declare const black = "oklch(0 0 0)";
+export declare const alpha: {
+    readonly black: {
+        readonly 4: "oklch(0 0 0 / 0.04)";
+        readonly 8: "oklch(0 0 0 / 0.08)";
+        readonly 12: "oklch(0 0 0 / 0.12)";
+        readonly 16: "oklch(0 0 0 / 0.16)";
+        readonly 24: "oklch(0 0 0 / 0.24)";
+        readonly 32: "oklch(0 0 0 / 0.32)";
+        readonly 40: "oklch(0 0 0 / 0.40)";
+        readonly 45: "oklch(0 0 0 / 0.45)";
+        readonly 48: "oklch(0 0 0 / 0.48)";
+        readonly 55: "oklch(0 0 0 / 0.55)";
+        readonly 64: "oklch(0 0 0 / 0.64)";
+    };
+    readonly white: {
+        readonly 1: "oklch(1 0 0 / 0.01)";
+        readonly 2: "oklch(1 0 0 / 0.02)";
+        readonly 3: "oklch(1 0 0 / 0.03)";
+        readonly 4: "oklch(1 0 0 / 0.04)";
+        readonly 8: "oklch(1 0 0 / 0.08)";
+        readonly 12: "oklch(1 0 0 / 0.12)";
+        readonly 16: "oklch(1 0 0 / 0.16)";
+        readonly 24: "oklch(1 0 0 / 0.24)";
+        readonly 32: "oklch(1 0 0 / 0.32)";
+    };
+};
+export declare const colorPalette: {
+    brand: {
+        readonly 50: "oklch(0.9761 0.0429 141.03)";
+        readonly 100: "oklch(0.9493 0.0945 141.72)";
+        readonly 200: "oklch(0.9125 0.1746 142.08)";
+        readonly 300: "oklch(0.8818 0.2530 142.13)";
+        readonly 400: "oklch(0.866993 0.294055 142.3546)";
+        readonly 500: "oklch(0.8018 0.2721 142.38)";
+        readonly 600: "oklch(0.6783 0.2304 142.42)";
+        readonly 700: "oklch(0.5518 0.1876 142.46)";
+        readonly 800: "oklch(0.4645 0.1539 142.59)";
+        readonly 900: "oklch(0.4138 0.1317 142.94)";
+        readonly 950: "oklch(0.2820 0.0929 143.47)";
+    };
+    brandContrast: {
+        readonly 50: "oklch(0.9761 0.0429 141.03)";
+        readonly 100: "oklch(0.9493 0.0945 141.72)";
+        readonly 200: "oklch(0.9125 0.1746 142.08)";
+        readonly 300: "oklch(0.8818 0.2530 142.13)";
+        readonly 400: "oklch(0.866993 0.294055 142.3546)";
+        readonly 500: "oklch(0.8018 0.2721 142.38)";
+        readonly 600: "oklch(0.6783 0.2304 142.42)";
+        readonly 700: "oklch(0.5518 0.1876 142.46)";
+        readonly 800: "oklch(0.4645 0.1539 142.59)";
+        readonly 900: "oklch(0.4138 0.1317 142.94)";
+        readonly 950: "oklch(0.2820 0.0929 143.47)";
+    };
+    gray: {
+        readonly 50: "oklch(0.9851 0 0)";
+        readonly 100: "oklch(0.9674 0.0007 250)";
+        readonly 150: "oklch(0.9325 0.0016 250)";
+        readonly 200: "oklch(0.9197 0.0020 250)";
+        readonly 250: "oklch(0.906 0.0024 250)";
+        readonly 300: "oklch(0.8711 0.0028 250)";
+        readonly 400: "oklch(0.7118 0.0060 250)";
+        readonly 500: "oklch(0.5517 0.0062 250)";
+        readonly 600: "oklch(0.4419 0.0055 250)";
+        readonly 700: "oklch(0.3703 0.0038 250)";
+        readonly 800: "oklch(0.2739 0.0018 250)";
+        readonly 850: "oklch(0.259 0.0016 250)";
+        readonly 900: "oklch(0.2103 0.0012 250)";
+        readonly 950: "oklch(0.1652 0.0010 250)";
+    };
+    success: {
+        readonly 50: "oklch(0.9761 0.0429 141.03)";
+        readonly 100: "oklch(0.9493 0.0945 141.72)";
+        readonly 200: "oklch(0.9125 0.1746 142.08)";
+        readonly 300: "oklch(0.8818 0.2530 142.13)";
+        readonly 400: "oklch(0.866993 0.294055 142.3546)";
+        readonly 500: "oklch(0.8018 0.2721 142.38)";
+        readonly 600: "oklch(0.6783 0.2304 142.42)";
+        readonly 700: "oklch(0.5518 0.1876 142.46)";
+        readonly 800: "oklch(0.4645 0.1539 142.59)";
+        readonly 900: "oklch(0.4138 0.1317 142.94)";
+        readonly 950: "oklch(0.2820 0.0929 143.47)";
+    };
+    warning: {
+        readonly 50: "oklch(0.97 0.028 81)";
+        readonly 100: "oklch(0.95 0.047 81)";
+        readonly 150: "oklch(0.93 0.066 81)";
+        readonly 200: "oklch(0.91 0.086 81)";
+        readonly 300: "oklch(0.87 0.127 81)";
+        readonly 400: "oklch(0.845 0.153 81)";
+        readonly 500: "oklch(0.825 0.170 81)";
+        readonly 600: "oklch(0.72 0.148 81)";
+        readonly 700: "oklch(0.60 0.124 81)";
+        readonly 800: "oklch(0.46 0.095 81)";
+        readonly 900: "oklch(0.34 0.070 81)";
+        readonly 950: "oklch(0.24 0.049 81)";
+    };
+    danger: {
+        readonly 50: "oklch(0.97 0.015 25)";
+        readonly 100: "oklch(0.94 0.030 25)";
+        readonly 150: "oklch(0.91 0.046 25)";
+        readonly 200: "oklch(0.86 0.075 25)";
+        readonly 300: "oklch(0.76 0.143 25)";
+        readonly 400: "oklch(0.68 0.208 25)";
+        readonly 500: "oklch(0.58 0.235 25)";
+        readonly 600: "oklch(0.52 0.210 25)";
+        readonly 700: "oklch(0.44 0.178 25)";
+        readonly 800: "oklch(0.35 0.142 25)";
+        readonly 900: "oklch(0.26 0.100 25)";
+        readonly 950: "oklch(0.18 0.070 25)";
+    };
+    info: {
+        readonly 50: "oklch(0.97 0.016 300)";
+        readonly 100: "oklch(0.93 0.039 300)";
+        readonly 150: "oklch(0.89 0.063 300)";
+        readonly 200: "oklch(0.84 0.093 300)";
+        readonly 300: "oklch(0.72 0.172 300)";
+        readonly 400: "oklch(0.635 0.232 300)";
+        readonly 500: "oklch(0.55 0.293 300)";
+        readonly 600: "oklch(0.48 0.256 300)";
+        readonly 700: "oklch(0.40 0.213 300)";
+        readonly 800: "oklch(0.32 0.170 300)";
+        readonly 900: "oklch(0.24 0.128 300)";
+        readonly 950: "oklch(0.17 0.091 300)";
+    };
+    white: string;
+    black: string;
+    alpha: {
+        readonly black: {
+            readonly 4: "oklch(0 0 0 / 0.04)";
+            readonly 8: "oklch(0 0 0 / 0.08)";
+            readonly 12: "oklch(0 0 0 / 0.12)";
+            readonly 16: "oklch(0 0 0 / 0.16)";
+            readonly 24: "oklch(0 0 0 / 0.24)";
+            readonly 32: "oklch(0 0 0 / 0.32)";
+            readonly 40: "oklch(0 0 0 / 0.40)";
+            readonly 45: "oklch(0 0 0 / 0.45)";
+            readonly 48: "oklch(0 0 0 / 0.48)";
+            readonly 55: "oklch(0 0 0 / 0.55)";
+            readonly 64: "oklch(0 0 0 / 0.64)";
+        };
+        readonly white: {
+            readonly 1: "oklch(1 0 0 / 0.01)";
+            readonly 2: "oklch(1 0 0 / 0.02)";
+            readonly 3: "oklch(1 0 0 / 0.03)";
+            readonly 4: "oklch(1 0 0 / 0.04)";
+            readonly 8: "oklch(1 0 0 / 0.08)";
+            readonly 12: "oklch(1 0 0 / 0.12)";
+            readonly 16: "oklch(1 0 0 / 0.16)";
+            readonly 24: "oklch(1 0 0 / 0.24)";
+            readonly 32: "oklch(1 0 0 / 0.32)";
+        };
+    };
+};
+//# sourceMappingURL=color-palette.d.ts.map

package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/vibrant/primitives/color-palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAOH,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYR,CAAC;AASX,eAAO,MAAM,aAAa;;;;;;;;;;;;CAAQ,CAAC;AA0DnC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;CAeP,CAAC;AAkCX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAOX,eAAO,MAAM,OAAO;;;;;;;;;;;;CAAQ,CAAC;AAM7B,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAQX,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAC;AAGX,eAAO,MAAM,KAAK,iBAAiB,CAAC;AACpC,eAAO,MAAM,KAAK,iBAAiB,CAAC;AAGpC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBR,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKxB,CAAC"}

package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts

@@ -0,0 +1,222 @@
+/**
+ * color-dark.ts — Semantic color tokens (dark) — BRAND "vibrant" (iGreen Vibrant)
+ * Tier 2 de 3: intenção. API pública.
+ *
+ * Mesmo contrato de nomes que color-light.ts.
+ *
+ * Escopo: brand + STATUS re-medidos + neutra própria "graphite".
+ *
+ * ⚠️ A neutra NÃO é mais a Zinc do handoff — é desenhada pra esta marca (hue 250,
+ * croma redistribuído por área de tela). Os shades vêm todos da rampa; os hex
+ * ficam SÓ em `primitives/color-palette.ts`, que é a fonte única. Não duplicar hex
+ * aqui: eles dessincronizam calado quando a rampa muda (já aconteceu).
+ *
+ * `brandContrast` aqui é ALIAS do próprio `brand` (ver primitives): o neon já
+ * está em L 0.867, no teto do gamut sRGB, então não existe variante mais clara
+ * pra usar no dark — ao contrário da default, cujo brand (L 0.52) precisa do
+ * ramp alternativo. O import mantém a estrutura idêntica à da default.
+ *
+ * ⚠️ Desvios da mecânica da default:
+ *   1. `bg.brand-hover` = brandContrast[500] em vez de color-mix(brand, black) —
+ *      estado desce a luminosidade pelo ramp, nunca sobe croma (
+ *      o 400 está no teto do gamut, saturar mais clipa pra #00ff00).
+ *   2. `border.brand` = brandContrast[500] (um shade acima do fundo 400) — regra de
+ *      pareamento (borda um shade acima do fundo), igual ao light.
+ *   3. `fg.danger`/`fg.info` NÃO usam o [500] — ver o bloco `fg` (como texto sobre
+ *      surface escura o [500] reprovava AA; foi medido no badge real).
+ *   4. `fg.on-brand`/`on-success` = `black`, não brand[950] como o handoff pedia — ver
+ *      o bloco `on-*` (irradiação sobre o neon; black é o que a iGreen default usa).
+ */
+export declare const bg: {
+    readonly canvas: "oklch(0.1652 0.0010 250)";
+    readonly surface: "oklch(0.2103 0.0012 250)";
+    readonly "surface-elevated": "oklch(0.2739 0.0018 250)";
+    readonly "surface-panels": "oklch(0.1652 0.0010 250)";
+    readonly sidebar: "oklch(0.2103 0.0012 250)";
+    readonly subtle: "oklch(1 0 0 / 0.01)";
+    readonly muted: "oklch(1 0 0 / 0.05)";
+    readonly emphasis: "color-mix(in oklch, oklch(1 0 0) 12%, transparent)";
+    readonly input: "oklch(1 0 0 / 0.04)";
+    readonly accent: "oklch(1 0 0 / 0.12)";
+    readonly brand: "oklch(0.866993 0.294055 142.3546)";
+    readonly "brand-subtle": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent)";
+    readonly "brand-hover": "oklch(0.8018 0.2721 142.38)";
+    readonly "brand-subtle-hover": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent)";
+    readonly danger: "oklch(0.58 0.235 25)";
+    readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 10%, transparent)";
+    readonly "danger-hover": "color-mix(in oklch, oklch(0.58 0.235 25) 90%, white)";
+    readonly "danger-muted-hover": "color-mix(in oklch, oklch(0.58 0.235 25) 16%, transparent)";
+    readonly success: "oklch(0.866993 0.294055 142.3546)";
+    readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent)";
+    readonly "success-hover": "oklch(0.8018 0.2721 142.38)";
+    readonly "success-muted-hover": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent)";
+    readonly warning: "oklch(0.825 0.170 81)";
+    readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 10%, transparent)";
+    readonly "warning-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 90%, white)";
+    readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 16%, transparent)";
+    readonly info: "oklch(0.55 0.293 300)";
+    readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 10%, transparent)";
+    readonly "info-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 90%, white)";
+    readonly "info-muted-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 16%, transparent)";
+    readonly "muted-hover": "oklch(1 0 0 / 0.08)";
+    readonly "input-hover": "oklch(1 0 0 / 0.08)";
+    readonly "accent-hover": "oklch(1 0 0 / 0.16)";
+    readonly "sidebar-accent": "oklch(1 0 0 / 0.08)";
+    readonly "sidebar-accent-hover": "oklch(1 0 0 / 0.12)";
+    readonly table: "oklch(0.2103 0.0012 250)";
+    readonly "table-head": "oklch(0.2739 0.0018 250)";
+    readonly "table-row-hover": "oklch(0.2739 0.0018 250)";
+    readonly "table-row-selected": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent)";
+    readonly "table-row-selected-hover": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent)";
+    readonly "table-row-selected-solid": "color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(0.2103 0.0012 250))";
+    readonly "table-row-selected-hover-solid": "color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 14%, oklch(0.2103 0.0012 250))";
+    readonly dropdown: "color-mix(in oklab, var(--color-bg-canvas) 70%, transparent)";
+};
+export declare const fg: {
+    readonly strong: "oklch(1 0 0)";
+    readonly default: "oklch(0.9674 0.0007 250)";
+    readonly muted: "oklch(0.7118 0.0060 250)";
+    readonly subtle: "oklch(0.5517 0.0062 250)";
+    readonly disabled: "oklch(0.4419 0.0055 250)";
+    readonly brand: "oklch(0.866993 0.294055 142.3546)";
+    readonly danger: "oklch(0.68 0.208 25)";
+    readonly success: "oklch(0.866993 0.294055 142.3546)";
+    readonly warning: "oklch(0.825 0.170 81)";
+    readonly info: "oklch(0.72 0.172 300)";
+    readonly "on-brand": "oklch(0 0 0)";
+    readonly "on-danger": "oklch(1 0 0)";
+    readonly "on-success": "oklch(0 0 0)";
+    readonly "on-warning": "oklch(0 0 0)";
+    readonly "on-info": "oklch(1 0 0)";
+};
+export declare const border: {
+    readonly default: "oklch(0.290 0.0024 250)";
+    readonly subtle: "oklch(0.259 0.0016 250)";
+    readonly input: "oklch(0.325 0.0030 250)";
+    readonly sidebar: "oklch(0.259 0.0016 250)";
+    readonly brand: "oklch(0.8018 0.2721 142.38)";
+    readonly "brand-subtle": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
+    readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent)";
+    readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
+    readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent)";
+    readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent)";
+    readonly table: "oklch(0.259 0.0016 250)";
+};
+export declare const ring: {
+    readonly brand: "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent)";
+    readonly danger: "color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent)";
+    readonly success: "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent)";
+    readonly warning: "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
+    readonly info: "color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent)";
+    readonly secondary: "color-mix(in oklch, oklch(0.5517 0.0062 250) 22%, transparent)";
+};
+export declare const overlay: {
+    readonly scrim: "oklch(0 0 0 / 0.55)";
+    readonly float: "oklch(1 0 0 / 0.08)";
+};
+export declare const chart: {
+    readonly "1": "oklch(0.866993 0.294055 142.3546)";
+    readonly "2": "oklch(0.72 0.13 195)";
+    readonly "3": "oklch(0.68 0.15 250)";
+    readonly "4": "oklch(0.80 0.15 80)";
+    readonly "5": "oklch(0.70 0.17 300)";
+    readonly grid: "oklch(1 0 0 / 0.12)";
+};
+export declare const colorDark: {
+    bg: {
+        readonly canvas: "oklch(0.1652 0.0010 250)";
+        readonly surface: "oklch(0.2103 0.0012 250)";
+        readonly "surface-elevated": "oklch(0.2739 0.0018 250)";
+        readonly "surface-panels": "oklch(0.1652 0.0010 250)";
+        readonly sidebar: "oklch(0.2103 0.0012 250)";
+        readonly subtle: "oklch(1 0 0 / 0.01)";
+        readonly muted: "oklch(1 0 0 / 0.05)";
+        readonly emphasis: "color-mix(in oklch, oklch(1 0 0) 12%, transparent)";
+        readonly input: "oklch(1 0 0 / 0.04)";
+        readonly accent: "oklch(1 0 0 / 0.12)";
+        readonly brand: "oklch(0.866993 0.294055 142.3546)";
+        readonly "brand-subtle": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent)";
+        readonly "brand-hover": "oklch(0.8018 0.2721 142.38)";
+        readonly "brand-subtle-hover": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent)";
+        readonly danger: "oklch(0.58 0.235 25)";
+        readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 10%, transparent)";
+        readonly "danger-hover": "color-mix(in oklch, oklch(0.58 0.235 25) 90%, white)";
+        readonly "danger-muted-hover": "color-mix(in oklch, oklch(0.58 0.235 25) 16%, transparent)";
+        readonly success: "oklch(0.866993 0.294055 142.3546)";
+        readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent)";
+        readonly "success-hover": "oklch(0.8018 0.2721 142.38)";
+        readonly "success-muted-hover": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent)";
+        readonly warning: "oklch(0.825 0.170 81)";
+        readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 10%, transparent)";
+        readonly "warning-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 90%, white)";
+        readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 16%, transparent)";
+        readonly info: "oklch(0.55 0.293 300)";
+        readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 10%, transparent)";
+        readonly "info-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 90%, white)";
+        readonly "info-muted-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 16%, transparent)";
+        readonly "muted-hover": "oklch(1 0 0 / 0.08)";
+        readonly "input-hover": "oklch(1 0 0 / 0.08)";
+        readonly "accent-hover": "oklch(1 0 0 / 0.16)";
+        readonly "sidebar-accent": "oklch(1 0 0 / 0.08)";
+        readonly "sidebar-accent-hover": "oklch(1 0 0 / 0.12)";
+        readonly table: "oklch(0.2103 0.0012 250)";
+        readonly "table-head": "oklch(0.2739 0.0018 250)";
+        readonly "table-row-hover": "oklch(0.2739 0.0018 250)";
+        readonly "table-row-selected": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent)";
+        readonly "table-row-selected-hover": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent)";
+        readonly "table-row-selected-solid": "color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(0.2103 0.0012 250))";
+        readonly "table-row-selected-hover-solid": "color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 14%, oklch(0.2103 0.0012 250))";
+        readonly dropdown: "color-mix(in oklab, var(--color-bg-canvas) 70%, transparent)";
+    };
+    fg: {
+        readonly strong: "oklch(1 0 0)";
+        readonly default: "oklch(0.9674 0.0007 250)";
+        readonly muted: "oklch(0.7118 0.0060 250)";
+        readonly subtle: "oklch(0.5517 0.0062 250)";
+        readonly disabled: "oklch(0.4419 0.0055 250)";
+        readonly brand: "oklch(0.866993 0.294055 142.3546)";
+        readonly danger: "oklch(0.68 0.208 25)";
+        readonly success: "oklch(0.866993 0.294055 142.3546)";
+        readonly warning: "oklch(0.825 0.170 81)";
+        readonly info: "oklch(0.72 0.172 300)";
+        readonly "on-brand": "oklch(0 0 0)";
+        readonly "on-danger": "oklch(1 0 0)";
+        readonly "on-success": "oklch(0 0 0)";
+        readonly "on-warning": "oklch(0 0 0)";
+        readonly "on-info": "oklch(1 0 0)";
+    };
+    border: {
+        readonly default: "oklch(0.290 0.0024 250)";
+        readonly subtle: "oklch(0.259 0.0016 250)";
+        readonly input: "oklch(0.325 0.0030 250)";
+        readonly sidebar: "oklch(0.259 0.0016 250)";
+        readonly brand: "oklch(0.8018 0.2721 142.38)";
+        readonly "brand-subtle": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
+        readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent)";
+        readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
+        readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent)";
+        readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent)";
+        readonly table: "oklch(0.259 0.0016 250)";
+    };
+    ring: {
+        readonly brand: "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent)";
+        readonly danger: "color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent)";
+        readonly success: "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent)";
+        readonly warning: "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
+        readonly info: "color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent)";
+        readonly secondary: "color-mix(in oklch, oklch(0.5517 0.0062 250) 22%, transparent)";
+    };
+    overlay: {
+        readonly scrim: "oklch(0 0 0 / 0.55)";
+        readonly float: "oklch(1 0 0 / 0.08)";
+    };
+    chart: {
+        readonly "1": "oklch(0.866993 0.294055 142.3546)";
+        readonly "2": "oklch(0.72 0.13 195)";
+        readonly "3": "oklch(0.68 0.15 250)";
+        readonly "4": "oklch(0.80 0.15 80)";
+        readonly "5": "oklch(0.70 0.17 300)";
+        readonly grid: "oklch(1 0 0 / 0.12)";
+    };
+};
+//# sourceMappingURL=color-dark.d.ts.map

package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/vibrant/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CA6DL,CAAC;AAaX,eAAO,MAAM,MAAM;;;;;;;;;;;;CA6BT,CAAC;AAMX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAKX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}