@common-origin/design-system 3.0.0 → 3.2.0

package/dist/data.js

@@ -35,7 +35,8 @@ var base = {
 		"4": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
 		"5": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
 		"6": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
-		none: "none"
+		none: "none",
+		inset: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"
 	},
 	zIndex: {
 		"0": "0",
@@ -65,7 +66,8 @@ var base = {
 		"80": "0.8",
 		"90": "0.9",
 		"95": "0.95",
-		"100": "1"
+		"100": "1",
+		scrim: "0.5"
 	},
 	dimension: {
 		"0": "0",
@@ -114,6 +116,15 @@ var base = {
 	color: {
 		transparent: "transparent",
 		white: "#ffffff",
+		surface: {
+			page: "#fcfcfc",
+			raised: "#ffffff",
+			overlay: "#ffffff"
+		},
+		ink: {
+			light: "#fcfcfc",
+			dark: "#222222"
+		},
 		gray: {
 			"100": "#fcfcfc",
 			"200": "#f9f9f9",
@@ -142,6 +153,20 @@ var base = {
 			"1100": "rgba(34, 34, 34, 0.706)",
 			"1200": "rgba(34, 34, 34, 1)"
 		},
+		"gray-alpha-inverse": {
+			"100": "rgba(252, 252, 252, 0.014)",
+			"200": "rgba(252, 252, 252, 0.027)",
+			"300": "rgba(252, 252, 252, 0.059)",
+			"400": "rgba(252, 252, 252, 0.09)",
+			"500": "rgba(252, 252, 252, 0.122)",
+			"600": "rgba(252, 252, 252, 0.158)",
+			"700": "rgba(252, 252, 252, 0.208)",
+			"800": "rgba(252, 252, 252, 0.502)",
+			"900": "rgba(252, 252, 252, 0.557)",
+			"1000": "rgba(252, 252, 252, 0.606)",
+			"1100": "rgba(252, 252, 252, 0.706)",
+			"1200": "rgba(252, 252, 252, 1)"
+		},
 		accent: {
 			"100": "#fbfcfd",
 			"200": "#f7f9fc",
@@ -154,7 +179,8 @@ var base = {
 			"900": "#0082fc",
 			"1000": "#0278e7",
 			"1100": "#0162bf",
-			"1200": "#0f2339"
+			"1200": "#0f2339",
+			solid: "#0162bf"
 		},
 		"accent-alpha": {
 			"100": "rgba(5, 68, 130, 0.016)",
@@ -182,7 +208,8 @@ var base = {
 			"900": "#009762",
 			"1000": "#018b5a",
 			"1100": "#017249",
-			"1200": "#12261b"
+			"1200": "#12261b",
+			solid: "#017249"
 		},
 		"success-alpha": {
 			"100": "rgba(5, 172, 47, 0.024)",
@@ -210,7 +237,8 @@ var base = {
 			"900": "#ad7b00",
 			"1000": "#9f7102",
 			"1100": "#835c00",
-			"1200": "#292111"
+			"1200": "#292111",
+			solid: "#835c00"
 		},
 		"warning-alpha": {
 			"100": "rgba(155, 105, 5, 0.02)",
@@ -238,7 +266,8 @@ var base = {
 			"900": "#da5f00",
 			"1000": "#c85701",
 			"1100": "#a54703",
-			"1200": "#341c10"
+			"1200": "#341c10",
+			solid: "#a54703"
 		},
 		"serious-alpha": {
 			"100": "rgba(193, 68, 5, 0.016)",
@@ -266,7 +295,8 @@ var base = {
 			"900": "#ff2b21",
 			"1000": "#f30004",
 			"1100": "#c90002",
-			"1200": "#3d1611"
+			"1200": "#3d1611",
+			solid: "#c90002"
 		},
 		"danger-alpha": {
 			"100": "rgba(172, 5, 5, 0.012)",
@@ -509,7 +539,7 @@ var component = {
 		primary: {
 			backgroundColor: "#222222",
 			textColor: "#fcfcfc",
-			borderRadius: "0.25rem",
+			borderRadius: "0.5rem",
 			font: "500 1rem/1.5rem 'Inter', sans-serif"
 		},
 		hover: {
@@ -522,21 +552,21 @@ var component = {
 			outline: "0.125rem solid #222222"
 		},
 		disabled: {
-			backgroundColor: "#f2f2f2",
+			backgroundColor: "rgba(34, 34, 34, 0.059)",
 			textColor: "rgba(34, 34, 34, 0.208)"
 		},
 		variants: {
 			secondary: {
-				backgroundColor: "#f2f2f2",
+				backgroundColor: "rgba(34, 34, 34, 0.059)",
 				textColor: "#222222",
 				hover: {
-					backgroundColor: "#ebebeb"
+					backgroundColor: "rgba(34, 34, 34, 0.09)"
 				},
 				active: {
-					backgroundColor: "#e4e4e4"
+					backgroundColor: "rgba(34, 34, 34, 0.122)"
 				},
 				disabled: {
-					backgroundColor: "#f2f2f2",
+					backgroundColor: "rgba(34, 34, 34, 0.059)",
 					textColor: "rgba(34, 34, 34, 0.208)"
 				}
 			},
@@ -544,10 +574,10 @@ var component = {
 				backgroundColor: "transparent",
 				textColor: "#222222",
 				hover: {
-					backgroundColor: "#f2f2f2"
+					backgroundColor: "rgba(34, 34, 34, 0.059)"
 				},
 				active: {
-					backgroundColor: "#ebebeb"
+					backgroundColor: "rgba(34, 34, 34, 0.09)"
 				},
 				disabled: {
 					backgroundColor: "transparent",
@@ -564,7 +594,7 @@ var component = {
 					backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
 				},
 				disabled: {
-					backgroundColor: "#f2f2f2",
+					backgroundColor: "rgba(34, 34, 34, 0.059)",
 					textColor: "rgba(34, 34, 34, 0.208)"
 				}
 			},
@@ -578,7 +608,7 @@ var component = {
 					backgroundColor: "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))"
 				},
 				disabled: {
-					backgroundColor: "#f2f2f2",
+					backgroundColor: "rgba(34, 34, 34, 0.059)",
 					textColor: "rgba(34, 34, 34, 0.208)"
 				}
 			}
@@ -601,16 +631,16 @@ var component = {
 			size: "1.25rem"
 		},
 		"default": {
-			backgroundColor: "#f2f2f2",
+			backgroundColor: "rgba(34, 34, 34, 0.059)",
 			textColor: "#222222",
-			borderRadius: "0.75rem",
+			borderRadius: "10rem",
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
 		focus: {
 			outline: "0.125rem solid #222222"
 		},
 		disabled: {
-			backgroundColor: "#f2f2f2",
+			backgroundColor: "rgba(34, 34, 34, 0.059)",
 			textColor: "rgba(34, 34, 34, 0.208)"
 		},
 		variants: {
@@ -621,7 +651,7 @@ var component = {
 					backgroundColor: "#fcfcfc"
 				},
 				active: {
-					backgroundColor: "#f2f2f2"
+					backgroundColor: "rgba(34, 34, 34, 0.059)"
 				},
 				disabled: {
 					backgroundColor: "#ffffff",
@@ -637,7 +667,7 @@ var component = {
 	},
 	iconButton: {
 		primary: {
-			borderRadius: "0.25rem"
+			borderRadius: "0.5rem"
 		},
 		focus: {
 			outline: "0.125rem solid #222222"
@@ -658,7 +688,7 @@ var component = {
 		}
 	},
 	progressBar: {
-		backgroundColor: "#f2f2f2",
+		backgroundColor: "rgba(34, 34, 34, 0.059)",
 		sizes: {
 			sm: {
 				height: "0.25rem"
@@ -679,7 +709,7 @@ var component = {
 			backgroundColor: "#ffffff",
 			textColor: "#222222",
 			borderColor: "#909090",
-			borderRadius: "0.25rem",
+			borderRadius: "0.5rem",
 			borderWidth: "0.0625rem",
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
@@ -704,7 +734,7 @@ var component = {
 			}
 		},
 		disabled: {
-			backgroundColor: "#f2f2f2",
+			backgroundColor: "rgba(34, 34, 34, 0.059)",
 			textColor: "rgba(34, 34, 34, 0.208)",
 			borderColor: "#d1d1d1"
 		},
@@ -752,19 +782,19 @@ var component = {
 	alert: {
 		severity: {
 			error: {
-				background: "#faf0ee",
+				background: "rgba(180, 31, 1, 0.067)",
 				text: "#c90002"
 			},
 			warning: {
-				background: "#faf1e3",
+				background: "rgba(210, 128, 0, 0.11)",
 				text: "#835c00"
 			},
 			info: {
-				background: "#edf3fa",
+				background: "rgba(1, 86, 185, 0.071)",
 				text: "#0162bf"
 			},
 			success: {
-				background: "#dbf9e8",
+				background: "rgba(1, 213, 93, 0.142)",
 				text: "#017249"
 			}
 		},
@@ -787,7 +817,7 @@ var component = {
 			}
 		},
 		title: {
-			typography: "500 1.125rem/1.5rem 'Inter', sans-serif",
+			typography: "600 1.125rem/1.5rem 'Inter', sans-serif",
 			fontWeight: "600",
 			lineHeight: "1.25rem"
 		},
@@ -831,6 +861,14 @@ var component = {
 		fontSize: "0.75rem",
 		lineHeight: "1.25rem"
 	},
+	sidebarNav: {
+		width: {
+			rail: "3.5rem",
+			narrow: "14rem",
+			"default": "16rem",
+			wide: "18.75rem"
+		}
+	},
 	slider: {
 		thumb: {
 			shadow: {
@@ -857,7 +895,8 @@ var component = {
 	},
 	checkbox: {
 		box: {
-			size: "1.25rem"
+			size: "1.25rem",
+			borderRadius: "0.25rem"
 		},
 		row: {
 			minHeight: "2rem"
@@ -889,31 +928,34 @@ var component = {
 	status: {
 		pending: {
 			text: "#636363",
-			background: "#f2f2f2"
+			background: "rgba(34, 34, 34, 0.059)"
 		},
 		completed: {
 			text: "#017249",
-			background: "#dbf9e8"
+			background: "rgba(1, 213, 93, 0.142)"
 		},
 		failed: {
 			text: "#c90002",
-			background: "#faf0ee"
+			background: "rgba(180, 31, 1, 0.067)"
 		},
 		cancelled: {
 			text: "#636363",
-			background: "#f2f2f2"
+			background: "rgba(34, 34, 34, 0.059)"
 		},
 		processing: {
 			text: "#0162bf",
-			background: "#edf3fa"
+			background: "rgba(1, 86, 185, 0.071)"
 		},
 		scheduled: {
 			text: "#636363",
-			background: "#f2f2f2"
+			background: "rgba(34, 34, 34, 0.059)"
 		}
 	},
 	track: {
-		background: "#f2f2f2"
+		background: "rgba(34, 34, 34, 0.059)"
+	},
+	overlay: {
+		borderRadius: "1.5rem"
 	}
 };
 var semantic = {
@@ -989,12 +1031,15 @@ var semantic = {
 		"600": "1.5rem",
 		"800": "2rem",
 		"1200": "3rem",
+		"1400": "3.5rem",
 		"1500": "3.75rem",
 		"1800": "4.5rem",
 		"2000": "5rem",
 		"3000": "7.5rem",
 		"4500": "11.25rem",
 		"5000": "12.5rem",
+		"5600": "14rem",
+		"6400": "16rem",
 		"7500": "18.75rem",
 		"9000": "22.5rem",
 		"10000": "25rem",
@@ -1006,6 +1051,11 @@ var semantic = {
 			md: "2.5rem",
 			lg: "3rem"
 		},
+		row: {
+			sm: "2rem",
+			md: "3rem",
+			lg: "4.5rem"
+		},
 		overlay: {
 			sm: "25rem",
 			md: "35rem",
@@ -1044,6 +1094,7 @@ var semantic = {
 		text: {
 			"default": "#222222",
 			inverse: "#fcfcfc",
+			"on-fill": "#fcfcfc",
 			disabled: "rgba(34, 34, 34, 0.208)",
 			success: "#017249",
 			warning: "#835c00",
@@ -1070,6 +1121,7 @@ var semantic = {
 			"default": "#222222",
 			disabled: "rgba(34, 34, 34, 0.208)",
 			inverse: "#fcfcfc",
+			"on-fill": "#fcfcfc",
 			success: "#017249",
 			warning: "#835c00",
 			muted: "#636363",
@@ -1082,53 +1134,53 @@ var semantic = {
 			gray: "#909090",
 			"gray-strong": "#636363",
 			"gray-text": "#636363",
-			"gray-muted": "#f2f2f2",
+			"gray-muted": "rgba(34, 34, 34, 0.059)",
 			olive: "#889903",
 			"olive-strong": "#5d6900",
 			"olive-text": "#5d6900",
-			"olive-muted": "#eff6d4",
+			"olive-muted": "rgba(160, 202, 1, 0.169)",
 			periwinkle: "#7a84ff",
 			"periwinkle-strong": "#533eff",
 			"periwinkle-text": "#533eff",
-			"periwinkle-muted": "#f0f2fa",
+			"periwinkle-muted": "rgba(1, 35, 170, 0.059)",
 			rose: "#ff4989",
 			"rose-strong": "#c4005d",
 			"rose-text": "#c4005d",
-			"rose-muted": "#faeff1",
+			"rose-muted": "rgba(176, 1, 33, 0.063)",
 			magenta: "#fd00fa",
 			"magenta-strong": "#b100af",
 			"magenta-text": "#b100af",
-			"magenta-muted": "#faeff9"
+			"magenta-muted": "rgba(176, 1, 160, 0.063)"
 		},
 		fill: {
 			emphasis: "#222222",
-			muted: "#f2f2f2",
+			muted: "rgba(34, 34, 34, 0.059)",
 			inverse: "#222222",
 			accent: "#0162bf",
-			"accent-muted": "#edf3fa",
-			"accent-muted-hover": "#e3ecf8",
-			"accent-muted-pressed": "#d8e5f6",
+			"accent-muted": "rgba(1, 86, 185, 0.071)",
+			"accent-muted-hover": "rgba(0, 82, 191, 0.11)",
+			"accent-muted-pressed": "rgba(0, 85, 196, 0.153)",
 			"accent-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
 			"accent-pressed": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
 			danger: "#c90002",
 			"danger-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
 			"danger-pressed": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
-			"danger-muted": "#faf0ee",
+			"danger-muted": "rgba(180, 31, 1, 0.067)",
 			success: "#017249",
-			"success-muted": "#dbf9e8",
+			"success-muted": "rgba(1, 213, 93, 0.142)",
 			warning: "#835c00",
-			"warning-muted": "#faf1e3",
-			disabled: "#f2f2f2",
-			"default": "#f2f2f2",
-			"default-hover": "#ebebeb",
-			"default-pressed": "#e4e4e4",
+			"warning-muted": "rgba(210, 128, 0, 0.11)",
+			disabled: "rgba(34, 34, 34, 0.059)",
+			"default": "rgba(34, 34, 34, 0.059)",
+			"default-hover": "rgba(34, 34, 34, 0.09)",
+			"default-pressed": "rgba(34, 34, 34, 0.122)",
 			none: "transparent",
-			"none-hover": "rgba(34, 34, 34, 0.1)",
-			"none-pressed": "rgba(34, 34, 34, 0.15)",
-			"inverse-none-hover": "rgba(255, 255, 255, 0.2)",
+			"none-hover": "rgba(34, 34, 34, 0.09)",
+			"none-pressed": "rgba(34, 34, 34, 0.158)",
+			"inverse-none-hover": "rgba(252, 252, 252, 0.208)",
 			serious: "#a54703",
-			"serious-muted": "#faf0eb",
-			"ai-muted": "#f4f0fa"
+			"serious-muted": "rgba(192, 65, 2, 0.079)",
+			"ai-muted": "rgba(69, 1, 170, 0.059)"
 		},
 		data: {
 			positive: "#009762",
@@ -1162,12 +1214,12 @@ var semantic = {
 	},
 	typography: {
 		display: "700 5rem/4.5rem 'Inter', sans-serif",
-		h1: "700 3rem/3rem 'Inter', sans-serif",
-		h2: "700 2rem/2.5rem 'Inter', sans-serif",
-		h3: "700 1.75rem/2.25rem 'Inter', sans-serif",
-		h4: "700 1.5rem/2rem 'Inter', sans-serif",
-		h5: "500 1.25rem/1.75rem 'Inter', sans-serif",
-		h6: "500 1.125rem/1.5rem 'Inter', sans-serif",
+		h1: "600 3rem/3rem 'Inter', sans-serif",
+		h2: "600 2rem/2.5rem 'Inter', sans-serif",
+		h3: "600 1.75rem/2.25rem 'Inter', sans-serif",
+		h4: "600 1.5rem/2rem 'Inter', sans-serif",
+		h5: "600 1.25rem/1.75rem 'Inter', sans-serif",
+		h6: "600 1.125rem/1.5rem 'Inter', sans-serif",
 		subtitle: "500 1rem/1.5rem 'Inter', sans-serif",
 		body: "400 1rem/1.5rem 'Inter', sans-serif",
 		small: "400 0.875rem/1.25rem 'Inter', sans-serif",
@@ -1182,6 +1234,9 @@ var semantic = {
 			instant: "0ms",
 			moderate: "200ms"
 		},
+		delay: {
+			hint: "500ms"
+		},
 		easing: {
 			standard: "ease-in-out",
 			decelerate: "ease-out",
@@ -1242,7 +1297,8 @@ var semantic = {
 	surface: {
 		base: "#fcfcfc",
 		raised: "#ffffff",
-		scrim: "rgba(34, 34, 34, 0.5)"
+		overlay: "#ffffff",
+		scrim: "color-mix(in srgb, #222222 calc(0.5 * 100%), transparent)"
 	}
 };
 var tokensJson = {
@@ -1612,7 +1668,6 @@ var menu = {
 	aliases: [
 		"hamburger",
 		"nav",
-		"sidebar",
 		"navigation"
 	],
 	intent: "Use to open a navigation menu or sidebar",
@@ -2147,6 +2202,36 @@ var statusCancelled = {
 	decorativeDefault: false,
 	ariaLabelDefault: "Cancelled"
 };
+var home = {
+	path: "M12 2.7L21 10.3V21H3V10.3Z M12 5.32L5 11.23V19H19V11.23Z M9 13H15V19H13V15H11V19H9Z",
+	name: "home",
+	description: "House outline with a door",
+	category: "navigation",
+	aliases: [
+		"house",
+		"dashboard",
+		"main",
+		"homepage"
+	],
+	intent: "Use for a link to the product's home or start page",
+	decorativeDefault: false,
+	ariaLabelDefault: "Home"
+};
+var sidebar = {
+	path: "M14 2C17.7712 2 19.6566 2.0003 20.8281 3.17188C21.9997 4.34345 22 6.22876 22 10V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.803 21.8533 18.2315 21.982 15.3281 21.998L14 22H10L8.67188 21.998C5.8719 21.9826 4.31033 21.8625 3.2832 20.9346L3.17188 20.8281C2.14675 19.803 2.01797 18.2315 2.00195 15.3281L2 14V10C2 6.34627 2 4.46248 3.06543 3.2832L3.17188 3.17188C4.34345 2.0003 6.22876 2 10 2H14Z M10 4C8.05784 4 6.80197 4.00454 5.87695 4.12891C5.00986 4.24554 4.73816 4.43372 4.58594 4.58594C4.43372 4.73816 4.24554 5.00986 4.12891 5.87695C4.00454 6.80197 4 8.05784 4 10V14C4 15.9422 4.00454 17.198 4.12891 18.123C4.24554 18.9901 4.43372 19.2618 4.58594 19.4141C4.73816 19.5663 5.00986 19.7545 5.87695 19.8711C6.80197 19.9955 8.05784 20 10 20H14C15.9422 20 17.198 19.9955 18.123 19.8711C18.9901 19.7545 19.2618 19.5663 19.4141 19.4141C19.5663 19.2618 19.7545 18.9901 19.8711 18.123C19.9955 17.198 20 15.9422 20 14V10C20 8.05784 19.9955 6.80197 19.8711 5.87695C19.7545 5.00986 19.5663 4.73816 19.4141 4.58594C19.2618 4.43372 18.9901 4.24554 18.123 4.12891C17.198 4.00454 15.9422 4 14 4Z M8 4H10V20H8Z",
+	name: "sidebar",
+	description: "Rounded square with a narrow column on the left",
+	category: "navigation",
+	aliases: [
+		"panel",
+		"side-panel",
+		"drawer",
+		"rail"
+	],
+	intent: "Use for a button that collapses or expands a sidebar",
+	decorativeDefault: false,
+	ariaLabelDefault: "Toggle sidebar"
+};
 var iconsJson = {
 	ai: ai,
 	add: add,
@@ -2222,7 +2307,9 @@ var iconsJson = {
 	statusPending: statusPending,
 	statusScheduled: statusScheduled,
 	statusNotStarted: statusNotStarted,
-	statusCancelled: statusCancelled
+	statusCancelled: statusCancelled,
+	home: home,
+	sidebar: sidebar
 };
 
 // The published types come from the generated `src/styles/tokens.ts`, which carries each token's

package/dist/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'ai'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'star'\n  | 'starFilled'\n  | 'statusCancelled'\n  | 'statusError'\n  | 'statusInProgress'\n  | 'statusInfo'\n  | 'statusNotStarted'\n  | 'statusPending'\n  | 'statusScheduled'\n  | 'statusSerious'\n  | 'statusSuccess'\n  | 'statusWarning'\n  | 'stop'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAWC;;ACP9B;AACA;AACA;AAuGA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}
+{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'ai'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'home'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'sidebar'\n  | 'star'\n  | 'starFilled'\n  | 'statusCancelled'\n  | 'statusError'\n  | 'statusInProgress'\n  | 'statusInfo'\n  | 'statusNotStarted'\n  | 'statusPending'\n  | 'statusScheduled'\n  | 'statusSerious'\n  | 'statusSuccess'\n  | 'statusWarning'\n  | 'stop'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAWC;;ACP9B;AACA;AACA;AAyGA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}

package/dist/index.js

@@ -43,6 +43,12 @@ exports.InlineAlert = client.InlineAlert;
 exports.InputChip = client.InputChip;
 exports.List = client.List;
 exports.ListItem = client.ListItem;
+exports.Menu = client.Menu;
+exports.MenuDivider = client.MenuDivider;
+exports.MenuGroup = client.MenuGroup;
+exports.MenuItem = client.MenuItem;
+exports.MenuItemCheckbox = client.MenuItemCheckbox;
+exports.MenuItemRadio = client.MenuItemRadio;
 exports.Modal = client.Modal;
 exports.MoneyDisplay = client.MoneyDisplay;
 exports.NumberInput = client.NumberInput;
@@ -52,6 +58,9 @@ exports.ProgressBar = client.ProgressBar;
 exports.ResponsiveGrid = client.ResponsiveGrid;
 exports.SearchField = client.SearchField;
 exports.Sheet = client.Sheet;
+exports.SidebarNav = client.SidebarNav;
+exports.SidebarNavItem = client.SidebarNavItem;
+exports.SidebarNavSection = client.SidebarNavSection;
 exports.Slider = client.Slider;
 exports.Stack = client.Stack;
 exports.StatusLabel = client.StatusLabel;
@@ -61,8 +70,10 @@ exports.SuggestionChip = client.SuggestionChip;
 exports.TabBar = client.TabBar;
 exports.Tag = client.Tag;
 exports.TextField = client.TextField;
+exports.Tooltip = client.Tooltip;
 exports.TransactionListItem = client.TransactionListItem;
 exports.Typography = client.Typography;
+exports.WorkspaceSwitcher = client.WorkspaceSwitcher;
 exports.iconsData = data.iconsData;
 exports.tokens = data.tokens;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -18,6 +18,7 @@ export { Divider } from './components/atoms/Divider/Divider.mjs';
 export { Stack } from './components/atoms/Stack/Stack.mjs';
 export { StatusLabel } from './components/atoms/StatusLabel/StatusLabel.mjs';
 export { Tag } from './components/atoms/Tag/Tag.mjs';
+export { Tooltip } from './components/atoms/Tooltip/Tooltip.mjs';
 export { Typography } from './components/atoms/Typography/Typography.mjs';
 export { AILabel } from './components/atoms/AILabel/AILabel.mjs';
 export { AccountCard } from './components/molecules/AccountCard/AccountCard.mjs';
@@ -37,6 +38,9 @@ export { FeatureBlock } from './components/molecules/FeatureBlock/FeatureBlock.m
 export { Dropdown } from './components/molecules/Dropdown/Dropdown.mjs';
 export { List } from './components/molecules/List/List.mjs';
 export { ListItem } from './components/molecules/List/ListItem.mjs';
+export { Menu, MenuDivider, MenuGroup, MenuItem, MenuItemCheckbox, MenuItemRadio } from './components/molecules/Menu/Menu.mjs';
+export { SidebarNavItem } from './components/molecules/SidebarNavItem/SidebarNavItem.mjs';
+export { SidebarNavSection } from './components/molecules/SidebarNavSection/SidebarNavSection.mjs';
 export { Modal } from './components/molecules/Modal/Modal.mjs';
 export { NumberInput } from './components/molecules/NumberInput/NumberInput.mjs';
 export { PasswordField } from './components/molecules/PasswordField/PasswordField.mjs';
@@ -47,6 +51,8 @@ export { TabBar } from './components/molecules/TabBar/TabBar.mjs';
 export { TextField } from './components/molecules/TextField/TextField.mjs';
 export { StyledInputBase, StyledTextAreaBase } from './components/molecules/TextField/InputBase.mjs';
 export { TransactionListItem } from './components/molecules/TransactionListItem/TransactionListItem.mjs';
+export { WorkspaceSwitcher } from './components/molecules/WorkspaceSwitcher/WorkspaceSwitcher.mjs';
+export { SidebarNav } from './components/organisms/SidebarNav/SidebarNav.mjs';
 export { Grid, GridCol, ResponsiveGrid } from './components/layout/GridSystem/GridSystem.mjs';
 export { tokens } from './types/tokens.mjs';
 export { iconsData } from './types/icons.mjs';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}