@common-origin/design-system 2.0.1 → 2.3.0

package/dist/styles/tokens.json

@@ -167,6 +167,51 @@
         "1100": "#004491",
         "1200": "#003571",
         "1300": "#002754"
+      },
+      "purple": {
+        "100": "#F9F0FF",
+        "200": "#F4E1FF",
+        "300": "#EDD0FF",
+        "400": "#E3B8FF",
+        "500": "#D59DFF",
+        "600": "#C27EF7",
+        "700": "#AD5FE8",
+        "800": "#9644D4",
+        "900": "#7E2EBD",
+        "1000": "#67229F",
+        "1100": "#511882",
+        "1200": "#3D1066",
+        "1300": "#2B0A4D"
+      },
+      "pink": {
+        "100": "#FFEFF9",
+        "200": "#FFDFF4",
+        "300": "#FFCBED",
+        "400": "#FFB0E3",
+        "500": "#FF8ED4",
+        "600": "#FF69C1",
+        "700": "#FF42AB",
+        "800": "#F31A93",
+        "900": "#DC007B",
+        "1000": "#B90064",
+        "1100": "#97004E",
+        "1200": "#78003A",
+        "1300": "#5C0029"
+      },
+      "yellow": {
+        "100": "#FFF3D6",
+        "200": "#FFE9B3",
+        "300": "#FFDE8F",
+        "400": "#FFD162",
+        "500": "#FFC233",
+        "600": "#EDAD0A",
+        "700": "#D39700",
+        "800": "#B88100",
+        "900": "#9D6C00",
+        "1000": "#825800",
+        "1100": "#694600",
+        "1200": "#523600",
+        "1300": "#3D2800"
       }
     },
     "spacing": {
@@ -637,6 +682,54 @@
         "error": "#D31510",
         "success": "#007A4D",
         "warning": "#B14C00"
+      },
+      "financial": {
+        "credit": "#15A46E",
+        "credit-hover": "#008F5D",
+        "debit": "#D31510",
+        "debit-hover": "#B40000",
+        "pending": "#F68511",
+        "neutral": "#6c757d"
+      },
+      "category": {
+        "blue": "#3892F3",
+        "blue-emphasis": "#0265DC",
+        "blue-subtle": "#E0F2FF",
+        "purple": "#AD5FE8",
+        "purple-emphasis": "#7E2EBD",
+        "purple-subtle": "#F9F0FF",
+        "pink": "#FF42AB",
+        "pink-emphasis": "#DC007B",
+        "pink-subtle": "#FFEFF9",
+        "yellow": "#D39700",
+        "yellow-emphasis": "#9D6C00",
+        "yellow-subtle": "#FFF3D6",
+        "green": "#15A46E",
+        "green-emphasis": "#007A4D",
+        "green-subtle": "#CEF8E0",
+        "red": "#F75C46",
+        "red-emphasis": "#D31510",
+        "red-subtle": "#FFEBE7",
+        "orange": "#E46F00",
+        "orange-emphasis": "#B14C00",
+        "orange-subtle": "#FFECCC",
+        "gray": "#495057",
+        "gray-emphasis": "#212529",
+        "gray-subtle": "#e9ecef"
+      },
+      "status": {
+        "pending": "#D39700",
+        "pending-bg": "#FFF3D6",
+        "completed": "#007A4D",
+        "completed-bg": "#CEF8E0",
+        "failed": "#D31510",
+        "failed-bg": "#FFEBE7",
+        "cancelled": "#495057",
+        "cancelled-bg": "#e9ecef",
+        "processing": "#0265DC",
+        "processing-bg": "#E0F2FF",
+        "scheduled": "#7E2EBD",
+        "scheduled-bg": "#F9F0FF"
       }
     },
     "typography": {

package/dist/tokens/index.esm.js

@@ -166,6 +166,51 @@ var base = {
 			"1100": "#004491",
 			"1200": "#003571",
 			"1300": "#002754"
+		},
+		purple: {
+			"100": "#F9F0FF",
+			"200": "#F4E1FF",
+			"300": "#EDD0FF",
+			"400": "#E3B8FF",
+			"500": "#D59DFF",
+			"600": "#C27EF7",
+			"700": "#AD5FE8",
+			"800": "#9644D4",
+			"900": "#7E2EBD",
+			"1000": "#67229F",
+			"1100": "#511882",
+			"1200": "#3D1066",
+			"1300": "#2B0A4D"
+		},
+		pink: {
+			"100": "#FFEFF9",
+			"200": "#FFDFF4",
+			"300": "#FFCBED",
+			"400": "#FFB0E3",
+			"500": "#FF8ED4",
+			"600": "#FF69C1",
+			"700": "#FF42AB",
+			"800": "#F31A93",
+			"900": "#DC007B",
+			"1000": "#B90064",
+			"1100": "#97004E",
+			"1200": "#78003A",
+			"1300": "#5C0029"
+		},
+		yellow: {
+			"100": "#FFF3D6",
+			"200": "#FFE9B3",
+			"300": "#FFDE8F",
+			"400": "#FFD162",
+			"500": "#FFC233",
+			"600": "#EDAD0A",
+			"700": "#D39700",
+			"800": "#B88100",
+			"900": "#9D6C00",
+			"1000": "#825800",
+			"1100": "#694600",
+			"1200": "#523600",
+			"1300": "#3D2800"
 		}
 	},
 	spacing: {
@@ -636,6 +681,54 @@ var semantic = {
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
+		},
+		financial: {
+			credit: "#15A46E",
+			"credit-hover": "#008F5D",
+			debit: "#D31510",
+			"debit-hover": "#B40000",
+			pending: "#F68511",
+			neutral: "#6c757d"
+		},
+		category: {
+			blue: "#3892F3",
+			"blue-emphasis": "#0265DC",
+			"blue-subtle": "#E0F2FF",
+			purple: "#AD5FE8",
+			"purple-emphasis": "#7E2EBD",
+			"purple-subtle": "#F9F0FF",
+			pink: "#FF42AB",
+			"pink-emphasis": "#DC007B",
+			"pink-subtle": "#FFEFF9",
+			yellow: "#D39700",
+			"yellow-emphasis": "#9D6C00",
+			"yellow-subtle": "#FFF3D6",
+			green: "#15A46E",
+			"green-emphasis": "#007A4D",
+			"green-subtle": "#CEF8E0",
+			red: "#F75C46",
+			"red-emphasis": "#D31510",
+			"red-subtle": "#FFEBE7",
+			orange: "#E46F00",
+			"orange-emphasis": "#B14C00",
+			"orange-subtle": "#FFECCC",
+			gray: "#495057",
+			"gray-emphasis": "#212529",
+			"gray-subtle": "#e9ecef"
+		},
+		status: {
+			pending: "#D39700",
+			"pending-bg": "#FFF3D6",
+			completed: "#007A4D",
+			"completed-bg": "#CEF8E0",
+			failed: "#D31510",
+			"failed-bg": "#FFEBE7",
+			cancelled: "#495057",
+			"cancelled-bg": "#e9ecef",
+			processing: "#0265DC",
+			"processing-bg": "#E0F2FF",
+			scheduled: "#7E2EBD",
+			"scheduled-bg": "#F9F0FF"
 		}
 	},
 	typography: {

package/dist/tokens/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;"}

package/dist/tokens/index.js

@@ -170,6 +170,51 @@ var base = {
 			"1100": "#004491",
 			"1200": "#003571",
 			"1300": "#002754"
+		},
+		purple: {
+			"100": "#F9F0FF",
+			"200": "#F4E1FF",
+			"300": "#EDD0FF",
+			"400": "#E3B8FF",
+			"500": "#D59DFF",
+			"600": "#C27EF7",
+			"700": "#AD5FE8",
+			"800": "#9644D4",
+			"900": "#7E2EBD",
+			"1000": "#67229F",
+			"1100": "#511882",
+			"1200": "#3D1066",
+			"1300": "#2B0A4D"
+		},
+		pink: {
+			"100": "#FFEFF9",
+			"200": "#FFDFF4",
+			"300": "#FFCBED",
+			"400": "#FFB0E3",
+			"500": "#FF8ED4",
+			"600": "#FF69C1",
+			"700": "#FF42AB",
+			"800": "#F31A93",
+			"900": "#DC007B",
+			"1000": "#B90064",
+			"1100": "#97004E",
+			"1200": "#78003A",
+			"1300": "#5C0029"
+		},
+		yellow: {
+			"100": "#FFF3D6",
+			"200": "#FFE9B3",
+			"300": "#FFDE8F",
+			"400": "#FFD162",
+			"500": "#FFC233",
+			"600": "#EDAD0A",
+			"700": "#D39700",
+			"800": "#B88100",
+			"900": "#9D6C00",
+			"1000": "#825800",
+			"1100": "#694600",
+			"1200": "#523600",
+			"1300": "#3D2800"
 		}
 	},
 	spacing: {
@@ -640,6 +685,54 @@ var semantic = {
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
+		},
+		financial: {
+			credit: "#15A46E",
+			"credit-hover": "#008F5D",
+			debit: "#D31510",
+			"debit-hover": "#B40000",
+			pending: "#F68511",
+			neutral: "#6c757d"
+		},
+		category: {
+			blue: "#3892F3",
+			"blue-emphasis": "#0265DC",
+			"blue-subtle": "#E0F2FF",
+			purple: "#AD5FE8",
+			"purple-emphasis": "#7E2EBD",
+			"purple-subtle": "#F9F0FF",
+			pink: "#FF42AB",
+			"pink-emphasis": "#DC007B",
+			"pink-subtle": "#FFEFF9",
+			yellow: "#D39700",
+			"yellow-emphasis": "#9D6C00",
+			"yellow-subtle": "#FFF3D6",
+			green: "#15A46E",
+			"green-emphasis": "#007A4D",
+			"green-subtle": "#CEF8E0",
+			red: "#F75C46",
+			"red-emphasis": "#D31510",
+			"red-subtle": "#FFEBE7",
+			orange: "#E46F00",
+			"orange-emphasis": "#B14C00",
+			"orange-subtle": "#FFECCC",
+			gray: "#495057",
+			"gray-emphasis": "#212529",
+			"gray-subtle": "#e9ecef"
+		},
+		status: {
+			pending: "#D39700",
+			"pending-bg": "#FFF3D6",
+			completed: "#007A4D",
+			"completed-bg": "#CEF8E0",
+			failed: "#D31510",
+			"failed-bg": "#FFEBE7",
+			cancelled: "#495057",
+			"cancelled-bg": "#e9ecef",
+			processing: "#0265DC",
+			"processing-bg": "#E0F2FF",
+			scheduled: "#7E2EBD",
+			"scheduled-bg": "#F9F0FF"
 		}
 	},
 	typography: {

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;;"}

package/dist/tokens/tokens.d.ts

@@ -169,6 +169,51 @@ export declare const tokens: {
                 "1200": string;
                 "1300": string;
             };
+            purple: {
+                "100": string;
+                "200": string;
+                "300": string;
+                "400": string;
+                "500": string;
+                "600": string;
+                "700": string;
+                "800": string;
+                "900": string;
+                "1000": string;
+                "1100": string;
+                "1200": string;
+                "1300": string;
+            };
+            pink: {
+                "100": string;
+                "200": string;
+                "300": string;
+                "400": string;
+                "500": string;
+                "600": string;
+                "700": string;
+                "800": string;
+                "900": string;
+                "1000": string;
+                "1100": string;
+                "1200": string;
+                "1300": string;
+            };
+            yellow: {
+                "100": string;
+                "200": string;
+                "300": string;
+                "400": string;
+                "500": string;
+                "600": string;
+                "700": string;
+                "800": string;
+                "900": string;
+                "1000": string;
+                "1100": string;
+                "1200": string;
+                "1300": string;
+            };
         };
         spacing: {
             "0": string;
@@ -639,6 +684,54 @@ export declare const tokens: {
                 success: string;
                 warning: string;
             };
+            financial: {
+                credit: string;
+                "credit-hover": string;
+                debit: string;
+                "debit-hover": string;
+                pending: string;
+                neutral: string;
+            };
+            category: {
+                blue: string;
+                "blue-emphasis": string;
+                "blue-subtle": string;
+                purple: string;
+                "purple-emphasis": string;
+                "purple-subtle": string;
+                pink: string;
+                "pink-emphasis": string;
+                "pink-subtle": string;
+                yellow: string;
+                "yellow-emphasis": string;
+                "yellow-subtle": string;
+                green: string;
+                "green-emphasis": string;
+                "green-subtle": string;
+                red: string;
+                "red-emphasis": string;
+                "red-subtle": string;
+                orange: string;
+                "orange-emphasis": string;
+                "orange-subtle": string;
+                gray: string;
+                "gray-emphasis": string;
+                "gray-subtle": string;
+            };
+            status: {
+                pending: string;
+                "pending-bg": string;
+                completed: string;
+                "completed-bg": string;
+                failed: string;
+                "failed-bg": string;
+                cancelled: string;
+                "cancelled-bg": string;
+                processing: string;
+                "processing-bg": string;
+                scheduled: string;
+                "scheduled-bg": string;
+            };
         };
         typography: {
             display: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@common-origin/design-system",
-  "version": "2.0.1",
+  "version": "2.3.0",
   "description": "Common Origin Design System - Framework-agnostic atomic design components with comprehensive WCAG 2.2 AA testing",
   "private": false,
   "main": "dist/index.js",
@@ -49,11 +49,11 @@
     "@hotjar/browser": "^1.0.9",
     "date-fns": "^4.1.0",
     "gray-matter": "^4.0.3",
-    "next": "latest",
+    "next": "^16.0.10",
     "remark": "^15.0.1",
     "remark-html": "^16.0.1",
     "ts-morph": "^27.0.2",
-    "typescript": "^4.7.4"
+    "typescript": "^5.7.3"
   },
   "devDependencies": {
     "@babel/core": "^7.28.4",