@lmb-it/kitsconcerto-native 0.1.292 → 0.1.294
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/apps/mobile/src/Core/Dropdown/index.cjs +30 -1
- package/apps/mobile/src/Core/Dropdown/index.cjs.map +1 -1
- package/apps/mobile/src/Core/Dropdown/index.js +30 -1
- package/apps/mobile/src/Core/Dropdown/index.js.map +1 -1
- package/hooks/useSeverityColors.cjs +40 -20
- package/hooks/useSeverityColors.cjs.map +1 -1
- package/hooks/useSeverityColors.js +40 -20
- package/hooks/useSeverityColors.js.map +1 -1
- package/index.d.ts +1007 -915
- package/package.json +1 -1
- package/packages/types/src/Theme/defaultSeverityTheme.cjs +17 -0
- package/packages/types/src/Theme/defaultSeverityTheme.cjs.map +1 -1
- package/packages/types/src/Theme/defaultSeverityTheme.js +17 -0
- package/packages/types/src/Theme/defaultSeverityTheme.js.map +1 -1
- package/packages/types/src/Theme/defaultTheme.cjs +17 -0
- package/packages/types/src/Theme/defaultTheme.cjs.map +1 -1
- package/packages/types/src/Theme/defaultTheme.js +17 -0
- package/packages/types/src/Theme/defaultTheme.js.map +1 -1
package/package.json
CHANGED
|
@@ -56,6 +56,23 @@ const defaultSeverityTheme = {
|
|
|
56
56
|
iconBg: "brand-accent",
|
|
57
57
|
text: "brand",
|
|
58
58
|
border: "brand"
|
|
59
|
+
},
|
|
60
|
+
/*
|
|
61
|
+
* ⚠️ PRESENT FOR THE TYPE, NOT READ AT RENDER. `ISeverityThemeMap` requires
|
|
62
|
+
* an entry per severity, and `useSeverityColors` resolves THIS severity
|
|
63
|
+
* from the `primary-interactive` / `on-primary-interactive` tokens
|
|
64
|
+
* before it ever looks at slots — so these values are the honest
|
|
65
|
+
* fallback a product gets if that branch is ever removed, not the values
|
|
66
|
+
* it renders today. They name the interactive tokens rather than
|
|
67
|
+
* `brand`, so even the fallback points at the right colour.
|
|
68
|
+
*/
|
|
69
|
+
"primary-interactive": {
|
|
70
|
+
solid: "primary-interactive",
|
|
71
|
+
bgTint: "brand-tint",
|
|
72
|
+
iconFg: "on-primary-interactive",
|
|
73
|
+
iconBg: "brand-accent",
|
|
74
|
+
text: "primary-interactive",
|
|
75
|
+
border: "primary-interactive"
|
|
59
76
|
}
|
|
60
77
|
};
|
|
61
78
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultSeverityTheme.cjs","sources":["../../../../../../../types/src/Theme/defaultSeverityTheme.ts"],"sourcesContent":["import type {ISeverityThemeMap} from './severity';\n\n/**\n * Severity colour map — drives `useSeverityColors(severity)`, which is\n * consumed by Badge, Button (severity prop), and any other component\n * that wants severity-aware colouring.\n *\n * Each lane points to a **semantic token** (e.g. `'danger'`, `'success'`)\n * so the muted gold-spec hexes set in `defaultTheme.semanticTokens` flow\n * through automatically. Changing a single token (e.g. `danger` from\n * `#C95B4A` to a different brand red) rolls through to:\n * - Soft chip backgrounds (`bgTint` = `*-tint` semantic token)\n * - Soft chip text colour (`text` = the lane semantic token itself)\n * - Button severity backgrounds / borders (`solid` / `border`)\n * - Icon colours\n *\n * This keeps the severity system in sync with the rest of the theme;\n * before, every lane referenced a fixed palette (`red.500`, `green.700`\n * etc.) so the spec colours were ignored.\n *\n * To re-skin a lane independent of the semantic token, override\n * `kitsTheme.severity.<lane>.<role>` in your theme overlay — same shape\n * as below.\n */\nexport const defaultSeverityTheme: ISeverityThemeMap = {\n success: {\n solid: 'success',\n bgTint: 'success-tint',\n iconFg: 'text-on-primary',\n iconBg: 'success',\n text: 'success',\n border: 'success',\n },\n info: {\n solid: 'info',\n bgTint: 'info-tint',\n iconFg: 'text-on-primary',\n iconBg: 'info',\n text: 'info',\n border: 'info',\n },\n warning: {\n solid: 'warning',\n bgTint: 'warning-tint',\n iconFg: 'text-on-primary',\n iconBg: 'warning',\n text: 'warning',\n border: 'warning',\n },\n danger: {\n solid: 'danger',\n bgTint: 'danger-tint',\n iconFg: 'text-on-primary',\n iconBg: 'danger',\n text: 'danger',\n border: 'danger',\n },\n help: {\n solid: 'help',\n bgTint: 'ai-tint',\n iconFg: 'text-on-primary',\n iconBg: 'ai-accent',\n text: 'help',\n border: 'help',\n },\n secondary: {\n solid: 'text-secondary',\n bgTint: 'bg-subtle',\n iconFg: 'text-on-primary',\n iconBg: 'secondary',\n text: 'text-secondary',\n border: 'border-strong',\n },\n brand: {\n solid: 'brand',\n bgTint: 'brand-tint',\n iconFg: 'text-on-primary',\n iconBg: 'brand-accent',\n text: 'brand',\n border: 'brand',\n },\n};\n"],"names":[],"mappings":";;AAwBO,MAAM,oBAAA,GAA0C;AAAA,EACnD,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,aAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,QAAA;AAAA,IACR,IAAA,EAAM,QAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,SAAA,EAAW;AAAA,IACP,KAAA,EAAO,gBAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,gBAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACH,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,cAAA;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEhB;;;;"}
|
|
1
|
+
{"version":3,"file":"defaultSeverityTheme.cjs","sources":["../../../../../../../types/src/Theme/defaultSeverityTheme.ts"],"sourcesContent":["import type {ISeverityThemeMap} from './severity';\n\n/**\n * Severity colour map — drives `useSeverityColors(severity)`, which is\n * consumed by Badge, Button (severity prop), and any other component\n * that wants severity-aware colouring.\n *\n * Each lane points to a **semantic token** (e.g. `'danger'`, `'success'`)\n * so the muted gold-spec hexes set in `defaultTheme.semanticTokens` flow\n * through automatically. Changing a single token (e.g. `danger` from\n * `#C95B4A` to a different brand red) rolls through to:\n * - Soft chip backgrounds (`bgTint` = `*-tint` semantic token)\n * - Soft chip text colour (`text` = the lane semantic token itself)\n * - Button severity backgrounds / borders (`solid` / `border`)\n * - Icon colours\n *\n * This keeps the severity system in sync with the rest of the theme;\n * before, every lane referenced a fixed palette (`red.500`, `green.700`\n * etc.) so the spec colours were ignored.\n *\n * To re-skin a lane independent of the semantic token, override\n * `kitsTheme.severity.<lane>.<role>` in your theme overlay — same shape\n * as below.\n */\nexport const defaultSeverityTheme: ISeverityThemeMap = {\n success: {\n solid: 'success',\n bgTint: 'success-tint',\n iconFg: 'text-on-primary',\n iconBg: 'success',\n text: 'success',\n border: 'success',\n },\n info: {\n solid: 'info',\n bgTint: 'info-tint',\n iconFg: 'text-on-primary',\n iconBg: 'info',\n text: 'info',\n border: 'info',\n },\n warning: {\n solid: 'warning',\n bgTint: 'warning-tint',\n iconFg: 'text-on-primary',\n iconBg: 'warning',\n text: 'warning',\n border: 'warning',\n },\n danger: {\n solid: 'danger',\n bgTint: 'danger-tint',\n iconFg: 'text-on-primary',\n iconBg: 'danger',\n text: 'danger',\n border: 'danger',\n },\n help: {\n solid: 'help',\n bgTint: 'ai-tint',\n iconFg: 'text-on-primary',\n iconBg: 'ai-accent',\n text: 'help',\n border: 'help',\n },\n secondary: {\n solid: 'text-secondary',\n bgTint: 'bg-subtle',\n iconFg: 'text-on-primary',\n iconBg: 'secondary',\n text: 'text-secondary',\n border: 'border-strong',\n },\n brand: {\n solid: 'brand',\n bgTint: 'brand-tint',\n iconFg: 'text-on-primary',\n iconBg: 'brand-accent',\n text: 'brand',\n border: 'brand',\n },\n /*\n * ⚠️ PRESENT FOR THE TYPE, NOT READ AT RENDER. `ISeverityThemeMap` requires\n * an entry per severity, and `useSeverityColors` resolves THIS severity\n * from the `primary-interactive` / `on-primary-interactive` tokens\n * before it ever looks at slots — so these values are the honest\n * fallback a product gets if that branch is ever removed, not the values\n * it renders today. They name the interactive tokens rather than\n * `brand`, so even the fallback points at the right colour.\n */\n 'primary-interactive': {\n solid: 'primary-interactive',\n bgTint: 'brand-tint',\n iconFg: 'on-primary-interactive',\n iconBg: 'brand-accent',\n text: 'primary-interactive',\n border: 'primary-interactive',\n },\n};\n"],"names":[],"mappings":";;AAwBO,MAAM,oBAAA,GAA0C;AAAA,EACnD,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,aAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,QAAA;AAAA,IACR,IAAA,EAAM,QAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,SAAA,EAAW;AAAA,IACP,KAAA,EAAO,gBAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,gBAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACH,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,cAAA;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,qBAAA,EAAuB;AAAA,IACnB,KAAA,EAAO,qBAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ,wBAAA;AAAA,IACR,MAAA,EAAQ,cAAA;AAAA,IACR,IAAA,EAAM,qBAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEhB;;;;"}
|
|
@@ -54,6 +54,23 @@ const defaultSeverityTheme = {
|
|
|
54
54
|
iconBg: "brand-accent",
|
|
55
55
|
text: "brand",
|
|
56
56
|
border: "brand"
|
|
57
|
+
},
|
|
58
|
+
/*
|
|
59
|
+
* ⚠️ PRESENT FOR THE TYPE, NOT READ AT RENDER. `ISeverityThemeMap` requires
|
|
60
|
+
* an entry per severity, and `useSeverityColors` resolves THIS severity
|
|
61
|
+
* from the `primary-interactive` / `on-primary-interactive` tokens
|
|
62
|
+
* before it ever looks at slots — so these values are the honest
|
|
63
|
+
* fallback a product gets if that branch is ever removed, not the values
|
|
64
|
+
* it renders today. They name the interactive tokens rather than
|
|
65
|
+
* `brand`, so even the fallback points at the right colour.
|
|
66
|
+
*/
|
|
67
|
+
"primary-interactive": {
|
|
68
|
+
solid: "primary-interactive",
|
|
69
|
+
bgTint: "brand-tint",
|
|
70
|
+
iconFg: "on-primary-interactive",
|
|
71
|
+
iconBg: "brand-accent",
|
|
72
|
+
text: "primary-interactive",
|
|
73
|
+
border: "primary-interactive"
|
|
57
74
|
}
|
|
58
75
|
};
|
|
59
76
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultSeverityTheme.js","sources":["../../../../../../../types/src/Theme/defaultSeverityTheme.ts"],"sourcesContent":["import type {ISeverityThemeMap} from './severity';\n\n/**\n * Severity colour map — drives `useSeverityColors(severity)`, which is\n * consumed by Badge, Button (severity prop), and any other component\n * that wants severity-aware colouring.\n *\n * Each lane points to a **semantic token** (e.g. `'danger'`, `'success'`)\n * so the muted gold-spec hexes set in `defaultTheme.semanticTokens` flow\n * through automatically. Changing a single token (e.g. `danger` from\n * `#C95B4A` to a different brand red) rolls through to:\n * - Soft chip backgrounds (`bgTint` = `*-tint` semantic token)\n * - Soft chip text colour (`text` = the lane semantic token itself)\n * - Button severity backgrounds / borders (`solid` / `border`)\n * - Icon colours\n *\n * This keeps the severity system in sync with the rest of the theme;\n * before, every lane referenced a fixed palette (`red.500`, `green.700`\n * etc.) so the spec colours were ignored.\n *\n * To re-skin a lane independent of the semantic token, override\n * `kitsTheme.severity.<lane>.<role>` in your theme overlay — same shape\n * as below.\n */\nexport const defaultSeverityTheme: ISeverityThemeMap = {\n success: {\n solid: 'success',\n bgTint: 'success-tint',\n iconFg: 'text-on-primary',\n iconBg: 'success',\n text: 'success',\n border: 'success',\n },\n info: {\n solid: 'info',\n bgTint: 'info-tint',\n iconFg: 'text-on-primary',\n iconBg: 'info',\n text: 'info',\n border: 'info',\n },\n warning: {\n solid: 'warning',\n bgTint: 'warning-tint',\n iconFg: 'text-on-primary',\n iconBg: 'warning',\n text: 'warning',\n border: 'warning',\n },\n danger: {\n solid: 'danger',\n bgTint: 'danger-tint',\n iconFg: 'text-on-primary',\n iconBg: 'danger',\n text: 'danger',\n border: 'danger',\n },\n help: {\n solid: 'help',\n bgTint: 'ai-tint',\n iconFg: 'text-on-primary',\n iconBg: 'ai-accent',\n text: 'help',\n border: 'help',\n },\n secondary: {\n solid: 'text-secondary',\n bgTint: 'bg-subtle',\n iconFg: 'text-on-primary',\n iconBg: 'secondary',\n text: 'text-secondary',\n border: 'border-strong',\n },\n brand: {\n solid: 'brand',\n bgTint: 'brand-tint',\n iconFg: 'text-on-primary',\n iconBg: 'brand-accent',\n text: 'brand',\n border: 'brand',\n },\n};\n"],"names":[],"mappings":"AAwBO,MAAM,oBAAA,GAA0C;AAAA,EACnD,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,aAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,QAAA;AAAA,IACR,IAAA,EAAM,QAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,SAAA,EAAW;AAAA,IACP,KAAA,EAAO,gBAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,gBAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACH,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,cAAA;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEhB;;;;"}
|
|
1
|
+
{"version":3,"file":"defaultSeverityTheme.js","sources":["../../../../../../../types/src/Theme/defaultSeverityTheme.ts"],"sourcesContent":["import type {ISeverityThemeMap} from './severity';\n\n/**\n * Severity colour map — drives `useSeverityColors(severity)`, which is\n * consumed by Badge, Button (severity prop), and any other component\n * that wants severity-aware colouring.\n *\n * Each lane points to a **semantic token** (e.g. `'danger'`, `'success'`)\n * so the muted gold-spec hexes set in `defaultTheme.semanticTokens` flow\n * through automatically. Changing a single token (e.g. `danger` from\n * `#C95B4A` to a different brand red) rolls through to:\n * - Soft chip backgrounds (`bgTint` = `*-tint` semantic token)\n * - Soft chip text colour (`text` = the lane semantic token itself)\n * - Button severity backgrounds / borders (`solid` / `border`)\n * - Icon colours\n *\n * This keeps the severity system in sync with the rest of the theme;\n * before, every lane referenced a fixed palette (`red.500`, `green.700`\n * etc.) so the spec colours were ignored.\n *\n * To re-skin a lane independent of the semantic token, override\n * `kitsTheme.severity.<lane>.<role>` in your theme overlay — same shape\n * as below.\n */\nexport const defaultSeverityTheme: ISeverityThemeMap = {\n success: {\n solid: 'success',\n bgTint: 'success-tint',\n iconFg: 'text-on-primary',\n iconBg: 'success',\n text: 'success',\n border: 'success',\n },\n info: {\n solid: 'info',\n bgTint: 'info-tint',\n iconFg: 'text-on-primary',\n iconBg: 'info',\n text: 'info',\n border: 'info',\n },\n warning: {\n solid: 'warning',\n bgTint: 'warning-tint',\n iconFg: 'text-on-primary',\n iconBg: 'warning',\n text: 'warning',\n border: 'warning',\n },\n danger: {\n solid: 'danger',\n bgTint: 'danger-tint',\n iconFg: 'text-on-primary',\n iconBg: 'danger',\n text: 'danger',\n border: 'danger',\n },\n help: {\n solid: 'help',\n bgTint: 'ai-tint',\n iconFg: 'text-on-primary',\n iconBg: 'ai-accent',\n text: 'help',\n border: 'help',\n },\n secondary: {\n solid: 'text-secondary',\n bgTint: 'bg-subtle',\n iconFg: 'text-on-primary',\n iconBg: 'secondary',\n text: 'text-secondary',\n border: 'border-strong',\n },\n brand: {\n solid: 'brand',\n bgTint: 'brand-tint',\n iconFg: 'text-on-primary',\n iconBg: 'brand-accent',\n text: 'brand',\n border: 'brand',\n },\n /*\n * ⚠️ PRESENT FOR THE TYPE, NOT READ AT RENDER. `ISeverityThemeMap` requires\n * an entry per severity, and `useSeverityColors` resolves THIS severity\n * from the `primary-interactive` / `on-primary-interactive` tokens\n * before it ever looks at slots — so these values are the honest\n * fallback a product gets if that branch is ever removed, not the values\n * it renders today. They name the interactive tokens rather than\n * `brand`, so even the fallback points at the right colour.\n */\n 'primary-interactive': {\n solid: 'primary-interactive',\n bgTint: 'brand-tint',\n iconFg: 'on-primary-interactive',\n iconBg: 'brand-accent',\n text: 'primary-interactive',\n border: 'primary-interactive',\n },\n};\n"],"names":[],"mappings":"AAwBO,MAAM,oBAAA,GAA0C;AAAA,EACnD,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,aAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,QAAA;AAAA,IACR,IAAA,EAAM,QAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACF,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,SAAA,EAAW;AAAA,IACP,KAAA,EAAO,gBAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM,gBAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACH,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ,iBAAA;AAAA,IACR,MAAA,EAAQ,cAAA;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,qBAAA,EAAuB;AAAA,IACnB,KAAA,EAAO,qBAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,MAAA,EAAQ,wBAAA;AAAA,IACR,MAAA,EAAQ,cAAA;AAAA,IACR,IAAA,EAAM,qBAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEhB;;;;"}
|
|
@@ -407,6 +407,23 @@ const defaultTheme = {
|
|
|
407
407
|
text: "brand.700",
|
|
408
408
|
border: "brand.500"
|
|
409
409
|
},
|
|
410
|
+
/*
|
|
411
|
+
* ⚠️ PRESENT FOR THE TYPE, NOT READ AT RENDER. `ISeverityThemeMap` requires
|
|
412
|
+
* one entry per severity, and `useSeverityColors` resolves THIS one from
|
|
413
|
+
* the `primary-interactive` / `on-primary-interactive` tokens before it
|
|
414
|
+
* looks at slots. These values are the honest fallback if that branch is
|
|
415
|
+
* ever removed — not what renders today. The shape mirrors `brand` so the
|
|
416
|
+
* dark-mode shade swap still has a shaded token to work on.
|
|
417
|
+
*/
|
|
418
|
+
"primary-interactive": {
|
|
419
|
+
solid: "brand.600",
|
|
420
|
+
solidText: "#FFFFFF",
|
|
421
|
+
bgTint: "brand.50",
|
|
422
|
+
iconFg: "brand.700",
|
|
423
|
+
iconBg: "brand.100",
|
|
424
|
+
text: "brand.700",
|
|
425
|
+
border: "brand.600"
|
|
426
|
+
},
|
|
410
427
|
success: {
|
|
411
428
|
solid: "green.500",
|
|
412
429
|
solidText: "#FFFFFF",
|