@common-origin/design-system 2.14.0 → 2.16.0

package/dist/tokens/index.esm.js

@@ -106,6 +106,7 @@ var base = {
 		fit: "fit-content"
 	},
 	color: {
+		transparent: "transparent",
 		neutral: {
 			"100": "#f8f9fa",
 			"200": "#e9ecef",
@@ -326,8 +327,7 @@ var base = {
 		easeInBack: "cubic-bezier(0.36, 0, 0.66, -0.56)",
 		easeOutBack: "cubic-bezier(0.34, 1.56, 0.64, 1)",
 		easeInOutBack: "cubic-bezier(0.68, -0.6, 0.32, 1.6)"
-	},
-	$ref: "./base/index.json"
+	}
 };
 var component = {
 	button: {
@@ -381,6 +381,20 @@ var component = {
 					textColor: "#adb5bd"
 				}
 			},
+			accent: {
+				backgroundColor: "#0265DC",
+				textColor: "#ffffff",
+				hover: {
+					backgroundColor: "#0054B6"
+				},
+				active: {
+					backgroundColor: "#004491"
+				},
+				disabled: {
+					backgroundColor: "#dee2e6",
+					textColor: "#adb5bd"
+				}
+			},
 			emphasis: {
 				backgroundColor: "#0265DC",
 				textColor: "#ffffff",
@@ -426,6 +440,9 @@ var component = {
 		}
 	},
 	chip: {
+		closeButton: {
+			size: "1.25rem"
+		},
 		"default": {
 			backgroundColor: "#e9ecef",
 			textColor: "#212529",
@@ -627,7 +644,7 @@ var component = {
 		"default": {
 			backgroundColor: "#ffffff",
 			textColor: "#212529",
-			borderColor: "#dee2e6",
+			borderColor: "#6c757d",
 			borderRadius: "0.25rem",
 			borderWidth: "0.0625rem",
 			paddingY: "11px",
@@ -635,7 +652,7 @@ var component = {
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
 		placeholder: {
-			textColor: "#adb5bd"
+			textColor: "#495057"
 		},
 		hover: {
 			borderColor: "#343a40"
@@ -707,6 +724,42 @@ var component = {
 		}
 	},
 	alert: {
+		severity: {
+			error: {
+				background: "#FFEBE7",
+				text: "#D31510"
+			},
+			warning: {
+				background: "#FFECCC",
+				text: "#B14C00"
+			},
+			info: {
+				background: "#E0F2FF",
+				text: "#0265DC"
+			},
+			success: {
+				background: "#CEF8E0",
+				text: "#007A4D"
+			}
+		},
+		appearance: {
+			outlined: {
+				borderColor: {
+					error: "#D31510",
+					warning: "#B14C00",
+					info: "#0265DC",
+					success: "#007A4D"
+				}
+			},
+			borderless: {
+				borderColor: {
+					error: "transparent",
+					warning: "transparent",
+					info: "transparent",
+					success: "transparent"
+				}
+			}
+		},
 		title: {
 			typography: "500 1.125rem/1.5rem 'Inter', sans-serif",
 			fontWeight: "600",
@@ -805,8 +858,7 @@ var component = {
 	},
 	transactionListItem: {
 		minHeight: "4.5rem"
-	},
-	$ref: "./component/index.json"
+	}
 };
 var semantic = {
 	elevation: {
@@ -893,12 +945,20 @@ var semantic = {
 			md: "35rem",
 			lg: "45rem"
 		},
+		label: {
+			small: "1.25rem",
+			medium: "1.5rem",
+			large: "2rem"
+		},
 		menu: {
 			maxHeight: "18.75rem"
 		},
 		dimension: {
 			"1": "0.25rem",
+			"2": "0.5rem",
+			"4": "1rem",
 			"5": "1.25rem",
+			"6": "1.5rem",
 			"8": "2rem",
 			"12": "3rem",
 			"15": "3.75rem",
@@ -971,6 +1031,8 @@ var semantic = {
 			inverse: "#ffffff",
 			disabled: "#adb5bd",
 			interactive: "#0265DC",
+			"interactive-hover": "#0054B6",
+			"interactive-active": "#004491",
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
@@ -979,33 +1041,46 @@ var semantic = {
 			"default": "#f8f9fa",
 			subtle: "#ffffff",
 			emphasis: "#212529",
+			"emphasis-hover": "#343a40",
+			"emphasis-active": "#16191C",
 			surface: "#e9ecef",
 			inverse: "#343a40",
 			interactive: "#0265DC",
 			"interactive-subtle": "#E0F2FF",
+			"interactive-subtle-hover": "#CAE8FF",
+			"interactive-subtle-active": "#B5DEFF",
 			"interactive-hover": "#0054B6",
 			"interactive-active": "#004491",
 			error: "#D31510",
+			"error-hover": "#B40000",
+			"error-active": "#930000",
 			"error-subtle": "#FFEBE7",
 			success: "#007A4D",
 			"success-subtle": "#CEF8E0",
 			warning: "#B14C00",
 			"warning-subtle": "#FFECCC",
 			disabled: "#dee2e6",
+			neutral: "#dee2e6",
+			"neutral-hover": "#ced4da",
+			"neutral-active": "#adb5bd",
+			transparent: "transparent",
 			progressTrack: "#dee2e6",
 			page: "#f8f9fa",
 			overlay: "rgba(33, 37, 41, 0.5)",
 			"hover-overlay": "rgba(33, 37, 41, 0.1)",
-			"active-overlay": "rgba(33, 37, 41, 0.15)"
+			"active-overlay": "rgba(33, 37, 41, 0.15)",
+			"inverse-overlay": "rgba(255, 255, 255, 0.2)"
 		},
 		border: {
 			"default": "#e9ecef",
 			subtle: "#dee2e6",
+			control: "#6c757d",
 			strong: "#343a40",
 			interactive: "#0265DC",
 			error: "#D31510",
 			success: "#007A4D",
-			warning: "#B14C00"
+			warning: "#B14C00",
+			none: "transparent"
 		},
 		icon: {
 			"default": "#212529",
@@ -1052,10 +1127,18 @@ var semantic = {
 			"orange-subtle": "#FFECCC",
 			gray: "#495057",
 			"gray-emphasis": "#212529",
-			"gray-subtle": "#e9ecef"
+			"gray-subtle": "#e9ecef",
+			"blue-text": "#0265DC",
+			"purple-text": "#7E2EBD",
+			"pink-text": "#B90064",
+			"yellow-text": "#825800",
+			"green-text": "#007A4D",
+			"red-text": "#D31510",
+			"orange-text": "#B14C00",
+			"gray-text": "#212529"
 		},
 		status: {
-			pending: "#D39700",
+			pending: "#825800",
 			"pending-bg": "#FFF3D6",
 			completed: "#007A4D",
 			"completed-bg": "#CEF8E0",
@@ -1106,8 +1189,7 @@ var semantic = {
 		hover: "background-color 150ms ease-out, color 150ms ease-out",
 		focus: "outline 150ms ease-out, outline-offset 150ms ease-out",
 		interactive: "transform 150ms ease-out, opacity 150ms ease-out"
-	},
-	$ref: "./semantic/index.json"
+	}
 };
 var tokensJson = {
 	base: base,

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;"}

package/dist/tokens/index.js

@@ -110,6 +110,7 @@ var base = {
 		fit: "fit-content"
 	},
 	color: {
+		transparent: "transparent",
 		neutral: {
 			"100": "#f8f9fa",
 			"200": "#e9ecef",
@@ -330,8 +331,7 @@ var base = {
 		easeInBack: "cubic-bezier(0.36, 0, 0.66, -0.56)",
 		easeOutBack: "cubic-bezier(0.34, 1.56, 0.64, 1)",
 		easeInOutBack: "cubic-bezier(0.68, -0.6, 0.32, 1.6)"
-	},
-	$ref: "./base/index.json"
+	}
 };
 var component = {
 	button: {
@@ -385,6 +385,20 @@ var component = {
 					textColor: "#adb5bd"
 				}
 			},
+			accent: {
+				backgroundColor: "#0265DC",
+				textColor: "#ffffff",
+				hover: {
+					backgroundColor: "#0054B6"
+				},
+				active: {
+					backgroundColor: "#004491"
+				},
+				disabled: {
+					backgroundColor: "#dee2e6",
+					textColor: "#adb5bd"
+				}
+			},
 			emphasis: {
 				backgroundColor: "#0265DC",
 				textColor: "#ffffff",
@@ -430,6 +444,9 @@ var component = {
 		}
 	},
 	chip: {
+		closeButton: {
+			size: "1.25rem"
+		},
 		"default": {
 			backgroundColor: "#e9ecef",
 			textColor: "#212529",
@@ -631,7 +648,7 @@ var component = {
 		"default": {
 			backgroundColor: "#ffffff",
 			textColor: "#212529",
-			borderColor: "#dee2e6",
+			borderColor: "#6c757d",
 			borderRadius: "0.25rem",
 			borderWidth: "0.0625rem",
 			paddingY: "11px",
@@ -639,7 +656,7 @@ var component = {
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
 		placeholder: {
-			textColor: "#adb5bd"
+			textColor: "#495057"
 		},
 		hover: {
 			borderColor: "#343a40"
@@ -711,6 +728,42 @@ var component = {
 		}
 	},
 	alert: {
+		severity: {
+			error: {
+				background: "#FFEBE7",
+				text: "#D31510"
+			},
+			warning: {
+				background: "#FFECCC",
+				text: "#B14C00"
+			},
+			info: {
+				background: "#E0F2FF",
+				text: "#0265DC"
+			},
+			success: {
+				background: "#CEF8E0",
+				text: "#007A4D"
+			}
+		},
+		appearance: {
+			outlined: {
+				borderColor: {
+					error: "#D31510",
+					warning: "#B14C00",
+					info: "#0265DC",
+					success: "#007A4D"
+				}
+			},
+			borderless: {
+				borderColor: {
+					error: "transparent",
+					warning: "transparent",
+					info: "transparent",
+					success: "transparent"
+				}
+			}
+		},
 		title: {
 			typography: "500 1.125rem/1.5rem 'Inter', sans-serif",
 			fontWeight: "600",
@@ -809,8 +862,7 @@ var component = {
 	},
 	transactionListItem: {
 		minHeight: "4.5rem"
-	},
-	$ref: "./component/index.json"
+	}
 };
 var semantic = {
 	elevation: {
@@ -897,12 +949,20 @@ var semantic = {
 			md: "35rem",
 			lg: "45rem"
 		},
+		label: {
+			small: "1.25rem",
+			medium: "1.5rem",
+			large: "2rem"
+		},
 		menu: {
 			maxHeight: "18.75rem"
 		},
 		dimension: {
 			"1": "0.25rem",
+			"2": "0.5rem",
+			"4": "1rem",
 			"5": "1.25rem",
+			"6": "1.5rem",
 			"8": "2rem",
 			"12": "3rem",
 			"15": "3.75rem",
@@ -975,6 +1035,8 @@ var semantic = {
 			inverse: "#ffffff",
 			disabled: "#adb5bd",
 			interactive: "#0265DC",
+			"interactive-hover": "#0054B6",
+			"interactive-active": "#004491",
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
@@ -983,33 +1045,46 @@ var semantic = {
 			"default": "#f8f9fa",
 			subtle: "#ffffff",
 			emphasis: "#212529",
+			"emphasis-hover": "#343a40",
+			"emphasis-active": "#16191C",
 			surface: "#e9ecef",
 			inverse: "#343a40",
 			interactive: "#0265DC",
 			"interactive-subtle": "#E0F2FF",
+			"interactive-subtle-hover": "#CAE8FF",
+			"interactive-subtle-active": "#B5DEFF",
 			"interactive-hover": "#0054B6",
 			"interactive-active": "#004491",
 			error: "#D31510",
+			"error-hover": "#B40000",
+			"error-active": "#930000",
 			"error-subtle": "#FFEBE7",
 			success: "#007A4D",
 			"success-subtle": "#CEF8E0",
 			warning: "#B14C00",
 			"warning-subtle": "#FFECCC",
 			disabled: "#dee2e6",
+			neutral: "#dee2e6",
+			"neutral-hover": "#ced4da",
+			"neutral-active": "#adb5bd",
+			transparent: "transparent",
 			progressTrack: "#dee2e6",
 			page: "#f8f9fa",
 			overlay: "rgba(33, 37, 41, 0.5)",
 			"hover-overlay": "rgba(33, 37, 41, 0.1)",
-			"active-overlay": "rgba(33, 37, 41, 0.15)"
+			"active-overlay": "rgba(33, 37, 41, 0.15)",
+			"inverse-overlay": "rgba(255, 255, 255, 0.2)"
 		},
 		border: {
 			"default": "#e9ecef",
 			subtle: "#dee2e6",
+			control: "#6c757d",
 			strong: "#343a40",
 			interactive: "#0265DC",
 			error: "#D31510",
 			success: "#007A4D",
-			warning: "#B14C00"
+			warning: "#B14C00",
+			none: "transparent"
 		},
 		icon: {
 			"default": "#212529",
@@ -1056,10 +1131,18 @@ var semantic = {
 			"orange-subtle": "#FFECCC",
 			gray: "#495057",
 			"gray-emphasis": "#212529",
-			"gray-subtle": "#e9ecef"
+			"gray-subtle": "#e9ecef",
+			"blue-text": "#0265DC",
+			"purple-text": "#7E2EBD",
+			"pink-text": "#B90064",
+			"yellow-text": "#825800",
+			"green-text": "#007A4D",
+			"red-text": "#D31510",
+			"orange-text": "#B14C00",
+			"gray-text": "#212529"
 		},
 		status: {
-			pending: "#D39700",
+			pending: "#825800",
 			"pending-bg": "#FFF3D6",
 			completed: "#007A4D",
 			"completed-bg": "#CEF8E0",
@@ -1110,8 +1193,7 @@ var semantic = {
 		hover: "background-color 150ms ease-out, color 150ms ease-out",
 		focus: "outline 150ms ease-out, outline-offset 150ms ease-out",
 		interactive: "transform 150ms ease-out, opacity 150ms ease-out"
-	},
-	$ref: "./semantic/index.json"
+	}
 };
 var tokensJson = {
 	base: base,

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n  Tokens,\n  TokensBase,\n  TokensSemantic,\n  TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;;"}

package/dist/tokens/types/tokens.d.ts

@@ -107,6 +107,7 @@ export declare const tokens: {
             fit: string;
         };
         color: {
+            transparent: string;
             neutral: {
                 "100": string;
                 "200": string;
@@ -328,7 +329,6 @@ export declare const tokens: {
             easeOutBack: string;
             easeInOutBack: string;
         };
-        $ref: string;
     };
     component: {
         button: {
@@ -382,6 +382,20 @@ export declare const tokens: {
                         textColor: string;
                     };
                 };
+                accent: {
+                    backgroundColor: string;
+                    textColor: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    active: {
+                        backgroundColor: string;
+                    };
+                    disabled: {
+                        backgroundColor: string;
+                        textColor: string;
+                    };
+                };
                 emphasis: {
                     backgroundColor: string;
                     textColor: string;
@@ -427,6 +441,9 @@ export declare const tokens: {
             };
         };
         chip: {
+            closeButton: {
+                size: string;
+            };
             default: {
                 backgroundColor: string;
                 textColor: string;
@@ -708,6 +725,42 @@ export declare const tokens: {
             };
         };
         alert: {
+            severity: {
+                error: {
+                    background: string;
+                    text: string;
+                };
+                warning: {
+                    background: string;
+                    text: string;
+                };
+                info: {
+                    background: string;
+                    text: string;
+                };
+                success: {
+                    background: string;
+                    text: string;
+                };
+            };
+            appearance: {
+                outlined: {
+                    borderColor: {
+                        error: string;
+                        warning: string;
+                        info: string;
+                        success: string;
+                    };
+                };
+                borderless: {
+                    borderColor: {
+                        error: string;
+                        warning: string;
+                        info: string;
+                        success: string;
+                    };
+                };
+            };
             title: {
                 typography: string;
                 fontWeight: string;
@@ -807,7 +860,6 @@ export declare const tokens: {
         transactionListItem: {
             minHeight: string;
         };
-        $ref: string;
     };
     semantic: {
         elevation: {
@@ -894,12 +946,20 @@ export declare const tokens: {
                 md: string;
                 lg: string;
             };
+            label: {
+                small: string;
+                medium: string;
+                large: string;
+            };
             menu: {
                 maxHeight: string;
             };
             dimension: {
                 "1": string;
+                "2": string;
+                "4": string;
                 "5": string;
+                "6": string;
                 "8": string;
                 "12": string;
                 "15": string;
@@ -972,6 +1032,8 @@ export declare const tokens: {
                 inverse: string;
                 disabled: string;
                 interactive: string;
+                "interactive-hover": string;
+                "interactive-active": string;
                 error: string;
                 success: string;
                 warning: string;
@@ -980,33 +1042,46 @@ export declare const tokens: {
                 default: string;
                 subtle: string;
                 emphasis: string;
+                "emphasis-hover": string;
+                "emphasis-active": string;
                 surface: string;
                 inverse: string;
                 interactive: string;
                 "interactive-subtle": string;
+                "interactive-subtle-hover": string;
+                "interactive-subtle-active": string;
                 "interactive-hover": string;
                 "interactive-active": string;
                 error: string;
+                "error-hover": string;
+                "error-active": string;
                 "error-subtle": string;
                 success: string;
                 "success-subtle": string;
                 warning: string;
                 "warning-subtle": string;
                 disabled: string;
+                neutral: string;
+                "neutral-hover": string;
+                "neutral-active": string;
+                transparent: string;
                 progressTrack: string;
                 page: string;
                 overlay: string;
                 "hover-overlay": string;
                 "active-overlay": string;
+                "inverse-overlay": string;
             };
             border: {
                 default: string;
                 subtle: string;
+                control: string;
                 strong: string;
                 interactive: string;
                 error: string;
                 success: string;
                 warning: string;
+                none: string;
             };
             icon: {
                 default: string;
@@ -1054,6 +1129,14 @@ export declare const tokens: {
                 gray: string;
                 "gray-emphasis": string;
                 "gray-subtle": string;
+                "blue-text": string;
+                "purple-text": string;
+                "pink-text": string;
+                "yellow-text": string;
+                "green-text": string;
+                "red-text": string;
+                "orange-text": string;
+                "gray-text": string;
             };
             status: {
                 pending: string;
@@ -1108,7 +1191,6 @@ export declare const tokens: {
             focus: string;
             interactive: string;
         };
-        $ref: string;
     };
 };
 export type Tokens = typeof tokens;