@handled-ai/design-system 0.18.20 → 0.18.21
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.
|
@@ -42,12 +42,12 @@ const RISK_SCORE_CLASSES = {
|
|
|
42
42
|
open: "bg-red-100"
|
|
43
43
|
},
|
|
44
44
|
"Medium Risk": {
|
|
45
|
-
solid: "bg-
|
|
46
|
-
outline: "border-
|
|
47
|
-
dot: "bg-
|
|
48
|
-
trigger: "border-
|
|
49
|
-
hover: "hover:bg-
|
|
50
|
-
open: "bg-
|
|
45
|
+
solid: "bg-amber-500 text-white",
|
|
46
|
+
outline: "border-amber-300 bg-amber-50 text-amber-800",
|
|
47
|
+
dot: "bg-amber-500",
|
|
48
|
+
trigger: "border-amber-300 bg-amber-50 text-amber-800",
|
|
49
|
+
hover: "hover:bg-amber-100",
|
|
50
|
+
open: "bg-amber-100"
|
|
51
51
|
},
|
|
52
52
|
"Low Risk": {
|
|
53
53
|
solid: "bg-neutral-300 text-neutral-900",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/score-semantics.ts"],"sourcesContent":["export type ScoreIntent = \"urgency\" | \"risk\" | \"positive\"\n\nexport type UrgencyLevel = \"Low\" | \"Medium\" | \"High\" | \"Urgent\"\nexport type RiskLevel = \"Low Risk\" | \"Medium Risk\" | \"High Risk\"\nexport type PositiveLevel = \"Low\" | \"Medium\" | \"High\"\n\nexport type ScoreSemanticClasses = {\n solid: string\n outline: string\n dot: string\n trigger: string\n hover: string\n open: string\n}\n\nexport const URGENCY_SCORE_CLASSES: Record<UrgencyLevel, ScoreSemanticClasses> = {\n Urgent: {\n solid: \"bg-red-600 text-white\",\n outline: \"border-red-300 bg-red-50 text-red-800\",\n dot: \"bg-red-600\",\n trigger: \"border-red-300 bg-red-50 text-red-800\",\n hover: \"hover:bg-red-100\",\n open: \"bg-red-100\",\n },\n High: {\n solid: \"bg-orange-500 text-white\",\n outline: \"border-orange-300 bg-orange-50 text-orange-800\",\n dot: \"bg-orange-500\",\n trigger: \"border-orange-300 bg-orange-50 text-orange-800\",\n hover: \"hover:bg-orange-100\",\n open: \"bg-orange-100\",\n },\n Medium: {\n solid: \"bg-amber-500 text-white\",\n outline: \"border-amber-300 bg-amber-50 text-amber-800\",\n dot: \"bg-amber-500\",\n trigger: \"border-amber-300 bg-amber-50 text-amber-800\",\n hover: \"hover:bg-amber-100\",\n open: \"bg-amber-100\",\n },\n Low: {\n solid: \"bg-neutral-300 text-neutral-900\",\n outline: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n dot: \"bg-neutral-400\",\n trigger: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n hover: \"hover:bg-neutral-100\",\n open: \"bg-neutral-100\",\n },\n}\n\nexport const RISK_SCORE_CLASSES: Record<RiskLevel, ScoreSemanticClasses> = {\n \"High Risk\": {\n solid: \"bg-red-600 text-white\",\n outline: \"border-red-300 bg-red-50 text-red-800\",\n dot: \"bg-red-600\",\n trigger: \"border-red-300 bg-red-50 text-red-800\",\n hover: \"hover:bg-red-100\",\n open: \"bg-red-100\",\n },\n \"Medium Risk\": {\n solid: \"bg-
|
|
1
|
+
{"version":3,"sources":["../../src/components/score-semantics.ts"],"sourcesContent":["export type ScoreIntent = \"urgency\" | \"risk\" | \"positive\"\n\nexport type UrgencyLevel = \"Low\" | \"Medium\" | \"High\" | \"Urgent\"\nexport type RiskLevel = \"Low Risk\" | \"Medium Risk\" | \"High Risk\"\nexport type PositiveLevel = \"Low\" | \"Medium\" | \"High\"\n\nexport type ScoreSemanticClasses = {\n solid: string\n outline: string\n dot: string\n trigger: string\n hover: string\n open: string\n}\n\nexport const URGENCY_SCORE_CLASSES: Record<UrgencyLevel, ScoreSemanticClasses> = {\n Urgent: {\n solid: \"bg-red-600 text-white\",\n outline: \"border-red-300 bg-red-50 text-red-800\",\n dot: \"bg-red-600\",\n trigger: \"border-red-300 bg-red-50 text-red-800\",\n hover: \"hover:bg-red-100\",\n open: \"bg-red-100\",\n },\n High: {\n solid: \"bg-orange-500 text-white\",\n outline: \"border-orange-300 bg-orange-50 text-orange-800\",\n dot: \"bg-orange-500\",\n trigger: \"border-orange-300 bg-orange-50 text-orange-800\",\n hover: \"hover:bg-orange-100\",\n open: \"bg-orange-100\",\n },\n Medium: {\n solid: \"bg-amber-500 text-white\",\n outline: \"border-amber-300 bg-amber-50 text-amber-800\",\n dot: \"bg-amber-500\",\n trigger: \"border-amber-300 bg-amber-50 text-amber-800\",\n hover: \"hover:bg-amber-100\",\n open: \"bg-amber-100\",\n },\n Low: {\n solid: \"bg-neutral-300 text-neutral-900\",\n outline: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n dot: \"bg-neutral-400\",\n trigger: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n hover: \"hover:bg-neutral-100\",\n open: \"bg-neutral-100\",\n },\n}\n\nexport const RISK_SCORE_CLASSES: Record<RiskLevel, ScoreSemanticClasses> = {\n \"High Risk\": {\n solid: \"bg-red-600 text-white\",\n outline: \"border-red-300 bg-red-50 text-red-800\",\n dot: \"bg-red-600\",\n trigger: \"border-red-300 bg-red-50 text-red-800\",\n hover: \"hover:bg-red-100\",\n open: \"bg-red-100\",\n },\n \"Medium Risk\": {\n solid: \"bg-amber-500 text-white\",\n outline: \"border-amber-300 bg-amber-50 text-amber-800\",\n dot: \"bg-amber-500\",\n trigger: \"border-amber-300 bg-amber-50 text-amber-800\",\n hover: \"hover:bg-amber-100\",\n open: \"bg-amber-100\",\n },\n \"Low Risk\": {\n solid: \"bg-neutral-300 text-neutral-900\",\n outline: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n dot: \"bg-neutral-400\",\n trigger: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n hover: \"hover:bg-neutral-100\",\n open: \"bg-neutral-100\",\n },\n}\n\nexport const POSITIVE_SCORE_CLASSES: Record<PositiveLevel, ScoreSemanticClasses> = {\n High: {\n solid: \"bg-emerald-500 text-white\",\n outline: \"border-emerald-300 bg-emerald-50 text-emerald-800\",\n dot: \"bg-emerald-500\",\n trigger: \"border-emerald-300 bg-emerald-50 text-emerald-800\",\n hover: \"hover:bg-emerald-100\",\n open: \"bg-emerald-100\",\n },\n Medium: {\n solid: \"bg-amber-500 text-white\",\n outline: \"border-amber-300 bg-amber-50 text-amber-800\",\n dot: \"bg-amber-500\",\n trigger: \"border-amber-300 bg-amber-50 text-amber-800\",\n hover: \"hover:bg-amber-100\",\n open: \"bg-amber-100\",\n },\n Low: {\n solid: \"bg-red-500 text-white\",\n outline: \"border-red-300 bg-red-50 text-red-800\",\n dot: \"bg-red-500\",\n trigger: \"border-red-300 bg-red-50 text-red-800\",\n hover: \"hover:bg-red-100\",\n open: \"bg-red-100\",\n },\n}\n\nexport const SCORE_TONE_CLASSES: Record<string, string> = {\n alert: \"bg-red-50 text-red-600\",\n warn: \"bg-amber-50 text-amber-600\",\n info: \"bg-blue-50 text-blue-600\",\n}\n\nexport const DEFAULT_SCORE_TONE_CLASS = \"bg-muted text-muted-foreground\"\n\nexport function getUrgencyLevel(score: number): UrgencyLevel {\n if (score >= 80) return \"Urgent\"\n if (score >= 60) return \"High\"\n if (score >= 35) return \"Medium\"\n return \"Low\"\n}\n\nexport function getUrgencyRange(label: UrgencyLevel): string {\n switch (label) {\n case \"Urgent\":\n return \"80-100\"\n case \"High\":\n return \"60-79\"\n case \"Medium\":\n return \"35-59\"\n case \"Low\":\n return \"0-34\"\n }\n}\n\nexport function getRiskLevel(score: number): RiskLevel {\n if (score >= 70) return \"High Risk\"\n if (score >= 40) return \"Medium Risk\"\n return \"Low Risk\"\n}\n\nexport function getPositiveLevel(score: number): PositiveLevel {\n if (score >= 70) return \"High\"\n if (score >= 40) return \"Medium\"\n return \"Low\"\n}\n\nexport function getScoreToneClasses(score: number, intent: ScoreIntent): ScoreSemanticClasses {\n switch (intent) {\n case \"urgency\":\n return URGENCY_SCORE_CLASSES[getUrgencyLevel(score)]\n case \"risk\":\n return RISK_SCORE_CLASSES[getRiskLevel(score)]\n case \"positive\":\n return POSITIVE_SCORE_CLASSES[getPositiveLevel(score)]\n }\n}\n"],"mappings":"AAeO,MAAM,wBAAoE;AAAA,EAC/E,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,KAAK;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,MAAM,qBAA8D;AAAA,EACzE,aAAa;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,MAAM,yBAAsE;AAAA,EACjF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,KAAK;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,MAAM,qBAA6C;AAAA,EACxD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,2BAA2B;AAEjC,SAAS,gBAAgB,OAA6B;AAC3D,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA6B;AAC3D,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;AAEO,SAAS,aAAa,OAA0B;AACrD,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,SAAO;AACT;AAEO,SAAS,iBAAiB,OAA8B;AAC7D,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,SAAO;AACT;AAEO,SAAS,oBAAoB,OAAe,QAA2C;AAC5F,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,sBAAsB,gBAAgB,KAAK,CAAC;AAAA,IACrD,KAAK;AACH,aAAO,mBAAmB,aAAa,KAAK,CAAC;AAAA,IAC/C,KAAK;AACH,aAAO,uBAAuB,iBAAiB,KAAK,CAAC;AAAA,EACzD;AACF;","names":[]}
|
package/package.json
CHANGED
|
@@ -59,7 +59,7 @@ describe("score semantics", () => {
|
|
|
59
59
|
expect(getRiskLevel(69)).toBe("Medium Risk")
|
|
60
60
|
expect(getRiskLevel(70)).toBe("High Risk")
|
|
61
61
|
expect(RISK_SCORE_CLASSES["High Risk"].solid).toBe("bg-red-600 text-white")
|
|
62
|
-
expect(RISK_SCORE_CLASSES["Medium Risk"].dot).toBe("bg-
|
|
62
|
+
expect(RISK_SCORE_CLASSES["Medium Risk"].dot).toBe("bg-amber-500")
|
|
63
63
|
expect(RISK_SCORE_CLASSES["Low Risk"].trigger).toBe("border-neutral-200 bg-neutral-50 text-neutral-700")
|
|
64
64
|
})
|
|
65
65
|
|
|
@@ -58,12 +58,12 @@ export const RISK_SCORE_CLASSES: Record<RiskLevel, ScoreSemanticClasses> = {
|
|
|
58
58
|
open: "bg-red-100",
|
|
59
59
|
},
|
|
60
60
|
"Medium Risk": {
|
|
61
|
-
solid: "bg-
|
|
62
|
-
outline: "border-
|
|
63
|
-
dot: "bg-
|
|
64
|
-
trigger: "border-
|
|
65
|
-
hover: "hover:bg-
|
|
66
|
-
open: "bg-
|
|
61
|
+
solid: "bg-amber-500 text-white",
|
|
62
|
+
outline: "border-amber-300 bg-amber-50 text-amber-800",
|
|
63
|
+
dot: "bg-amber-500",
|
|
64
|
+
trigger: "border-amber-300 bg-amber-50 text-amber-800",
|
|
65
|
+
hover: "hover:bg-amber-100",
|
|
66
|
+
open: "bg-amber-100",
|
|
67
67
|
},
|
|
68
68
|
"Low Risk": {
|
|
69
69
|
solid: "bg-neutral-300 text-neutral-900",
|