@common-origin/design-system 2.14.0 → 2.16.0

package/dist/data.js

@@ -108,6 +108,7 @@ var base = {
 		fit: "fit-content"
 	},
 	color: {
+		transparent: "transparent",
 		neutral: {
 			"100": "#f8f9fa",
 			"200": "#e9ecef",
@@ -328,8 +329,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: {
@@ -383,6 +383,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",
@@ -428,6 +442,9 @@ var component = {
 		}
 	},
 	chip: {
+		closeButton: {
+			size: "1.25rem"
+		},
 		"default": {
 			backgroundColor: "#e9ecef",
 			textColor: "#212529",
@@ -629,7 +646,7 @@ var component = {
 		"default": {
 			backgroundColor: "#ffffff",
 			textColor: "#212529",
-			borderColor: "#dee2e6",
+			borderColor: "#6c757d",
 			borderRadius: "0.25rem",
 			borderWidth: "0.0625rem",
 			paddingY: "11px",
@@ -637,7 +654,7 @@ var component = {
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
 		placeholder: {
-			textColor: "#adb5bd"
+			textColor: "#495057"
 		},
 		hover: {
 			borderColor: "#343a40"
@@ -709,6 +726,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",
@@ -807,8 +860,7 @@ var component = {
 	},
 	transactionListItem: {
 		minHeight: "4.5rem"
-	},
-	$ref: "./component/index.json"
+	}
 };
 var semantic = {
 	elevation: {
@@ -895,12 +947,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",
@@ -973,6 +1033,8 @@ var semantic = {
 			inverse: "#ffffff",
 			disabled: "#adb5bd",
 			interactive: "#0265DC",
+			"interactive-hover": "#0054B6",
+			"interactive-active": "#004491",
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
@@ -981,33 +1043,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",
@@ -1054,10 +1129,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",
@@ -1108,8 +1191,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/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'\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","// 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  | '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  | '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;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'\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","// 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  | '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  | '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { l as AccountCard, m as ActionSheet, n as AgentInput, o as Alert, A as Avatar, B as Badge, e as BooleanChip, b as Box, p as Breadcrumbs, c as Button, r as CardLarge, q as CardSmall, C as CategoryBadge, s as Checkbox, d as Chip, t as ChipGroup, u as CodeBlock, f as Container, D as DateFormatter, v as DateGroup, i as Divider, x as Dropdown, E as EmptyState, w as FeatureBlock, F as FilterChip, a as Grid, G as GridCol, I as Icon, g as IconButton, L as LegacyChip, y as List, z as ListItem, H as Modal, M as MoneyDisplay, N as NumberInput, J as PageTitle, K as PasswordField, P as Picture, h as ProgressBar, R as ResponsiveGrid, O as SearchField, Q as Sheet, U as Slider, S as Stack, j as StatusBadge, X as StyledInputBase, Y as StyledTextAreaBase, V as TabBar, T as Tag, W as TextField, Z as TransactionListItem, k as Typography } from './client.esm.js';
+export { o as AccountCard, p as ActionSheet, q as AgentInput, r as Alert, A as Avatar, B as Badge, f as BooleanChip, b as Box, t as Breadcrumbs, c as Button, v as CardLarge, u as CardSmall, C as CategoryBadge, d as CategoryLabel, w as Checkbox, e as Chip, x as ChipGroup, y as CodeBlock, g as Container, D as DateFormatter, z as DateGroup, k as Divider, J as Dropdown, E as EmptyState, H as FeatureBlock, F as FilterChip, a as Grid, G as GridCol, h as Icon, i as IconButton, s as InlineAlert, I as InputChip, L as LegacyChip, K as List, N as ListItem, O as Modal, M as MoneyDisplay, Q as NumberInput, U as PageTitle, V as PasswordField, P as Picture, j as ProgressBar, R as ResponsiveGrid, W as SearchField, X as Sheet, Y as Slider, S as Stack, l as StatusBadge, m as StatusLabel, $ as StyledInputBase, a0 as StyledTextAreaBase, Z as TabBar, T as Tag, _ as TextField, a1 as TransactionListItem, n as Typography } from './client.esm.js';
 export { b as iconsData, a as tokens } from './data.esm.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.js

@@ -23,6 +23,7 @@ exports.Button = client.Button;
 exports.CardLarge = client.CardLarge;
 exports.CardSmall = client.CardSmall;
 exports.CategoryBadge = client.CategoryBadge;
+exports.CategoryLabel = client.CategoryLabel;
 exports.Checkbox = client.Checkbox;
 exports.Chip = client.Chip;
 exports.ChipGroup = client.ChipGroup;
@@ -39,6 +40,8 @@ exports.Grid = client.Grid;
 exports.GridCol = client.GridCol;
 exports.Icon = client.Icon;
 exports.IconButton = client.IconButton;
+exports.InlineAlert = client.InlineAlert;
+exports.InputChip = client.InputChip;
 exports.LegacyChip = client.LegacyChip;
 exports.List = client.List;
 exports.ListItem = client.ListItem;
@@ -55,6 +58,7 @@ exports.Sheet = client.Sheet;
 exports.Slider = client.Slider;
 exports.Stack = client.Stack;
 exports.StatusBadge = client.StatusBadge;
+exports.StatusLabel = client.StatusLabel;
 exports.StyledInputBase = client.StyledInputBase;
 exports.StyledTextAreaBase = client.StyledTextAreaBase;
 exports.TabBar = client.TabBar;

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/styles/tokens.json

@@ -107,6 +107,7 @@
       "fit": "fit-content"
     },
     "color": {
+      "transparent": "transparent",
       "neutral": {
         "100": "#f8f9fa",
         "200": "#e9ecef",
@@ -327,8 +328,7 @@
       "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"
+    }
   },
   "component": {
     "button": {
@@ -382,6 +382,20 @@
             "textColor": "#adb5bd"
           }
         },
+        "accent": {
+          "backgroundColor": "#0265DC",
+          "textColor": "#ffffff",
+          "hover": {
+            "backgroundColor": "#0054B6"
+          },
+          "active": {
+            "backgroundColor": "#004491"
+          },
+          "disabled": {
+            "backgroundColor": "#dee2e6",
+            "textColor": "#adb5bd"
+          }
+        },
         "emphasis": {
           "backgroundColor": "#0265DC",
           "textColor": "#ffffff",
@@ -427,6 +441,9 @@
       }
     },
     "chip": {
+      "closeButton": {
+        "size": "1.25rem"
+      },
       "default": {
         "backgroundColor": "#e9ecef",
         "textColor": "#212529",
@@ -628,7 +645,7 @@
       "default": {
         "backgroundColor": "#ffffff",
         "textColor": "#212529",
-        "borderColor": "#dee2e6",
+        "borderColor": "#6c757d",
         "borderRadius": "0.25rem",
         "borderWidth": "0.0625rem",
         "paddingY": "11px",
@@ -636,7 +653,7 @@
         "font": "400 1rem/1.5rem 'Inter', sans-serif"
       },
       "placeholder": {
-        "textColor": "#adb5bd"
+        "textColor": "#495057"
       },
       "hover": {
         "borderColor": "#343a40"
@@ -708,6 +725,42 @@
       }
     },
     "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",
@@ -806,8 +859,7 @@
     },
     "transactionListItem": {
       "minHeight": "4.5rem"
-    },
-    "$ref": "./component/index.json"
+    }
   },
   "semantic": {
     "elevation": {
@@ -894,12 +946,20 @@
         "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",
@@ -972,6 +1032,8 @@
         "inverse": "#ffffff",
         "disabled": "#adb5bd",
         "interactive": "#0265DC",
+        "interactive-hover": "#0054B6",
+        "interactive-active": "#004491",
         "error": "#D31510",
         "success": "#007A4D",
         "warning": "#B14C00"
@@ -980,33 +1042,46 @@
         "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",
@@ -1053,10 +1128,18 @@
         "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",
@@ -1107,7 +1190,6 @@
       "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"
+    }
   }
 }