@common-origin/design-system 2.21.0 → 2.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/client.js +222 -206
  2. package/dist/client.js.map +1 -1
  3. package/dist/components/atoms/Badge/Badge.d.mts +16 -4
  4. package/dist/components/atoms/Badge/Badge.d.ts +16 -4
  5. package/dist/components/atoms/Badge/Badge.mjs +4 -5
  6. package/dist/components/atoms/Badge/index.d.mts +1 -1
  7. package/dist/components/atoms/Badge/index.d.ts +1 -1
  8. package/dist/components/atoms/Button/Button.mjs +1 -1
  9. package/dist/components/atoms/CategoryLabel/CategoryLabel.d.mts +23 -8
  10. package/dist/components/atoms/CategoryLabel/CategoryLabel.d.ts +23 -8
  11. package/dist/components/atoms/CategoryLabel/CategoryLabel.mjs +31 -18
  12. package/dist/components/atoms/CategoryLabel/index.d.mts +1 -1
  13. package/dist/components/atoms/CategoryLabel/index.d.ts +1 -1
  14. package/dist/components/atoms/Chip/SuggestionChip.mjs +1 -1
  15. package/dist/components/atoms/Chip/shared/utils.mjs +1 -1
  16. package/dist/components/atoms/Chip/shared/utils.mjs.map +1 -1
  17. package/dist/components/atoms/Icon/Icon.mjs +1 -1
  18. package/dist/components/atoms/MoneyDisplay/MoneyDisplay.mjs +14 -60
  19. package/dist/components/atoms/StatusBadge/StatusBadge.d.mts +3 -2
  20. package/dist/components/atoms/StatusBadge/StatusBadge.d.ts +3 -2
  21. package/dist/components/atoms/StatusBadge/StatusBadge.mjs +1 -1
  22. package/dist/components/atoms/StatusBadge/StatusBadge.mjs.map +1 -1
  23. package/dist/components/atoms/StatusLabel/StatusLabel.d.mts +5 -2
  24. package/dist/components/atoms/StatusLabel/StatusLabel.d.ts +5 -2
  25. package/dist/components/atoms/StatusLabel/StatusLabel.mjs +5 -2
  26. package/dist/components/atoms/StatusLabel/StatusLabel.mjs.map +1 -1
  27. package/dist/components/atoms/StatusLabel/StatusLabelBase.d.mts +2 -2
  28. package/dist/components/atoms/StatusLabel/StatusLabelBase.d.ts +2 -2
  29. package/dist/components/atoms/StatusLabel/StatusLabelBase.mjs +19 -13
  30. package/dist/components/atoms/StatusLabel/StatusShape.d.mts +4 -0
  31. package/dist/components/atoms/StatusLabel/StatusShape.d.ts +4 -0
  32. package/dist/components/atoms/StatusLabel/StatusShape.mjs +31 -0
  33. package/dist/components/atoms/StatusLabel/StatusShape.mjs.map +1 -0
  34. package/dist/components/atoms/Typography/Typography.mjs +2 -2
  35. package/dist/components/molecules/AccountCard/AccountCard.mjs +21 -13
  36. package/dist/components/molecules/Alert/Alert.d.mts +4 -4
  37. package/dist/components/molecules/Alert/Alert.d.ts +4 -4
  38. package/dist/components/molecules/Alert/Alert.mjs +5 -4
  39. package/dist/components/molecules/CodeBlock/CodeBlock.mjs +1 -1
  40. package/dist/components/molecules/Dropdown/Dropdown.mjs +2 -2
  41. package/dist/components/molecules/InlineAlert/InlineAlert.mjs +15 -5
  42. package/dist/components/molecules/TabBar/TabBar.mjs +3 -3
  43. package/dist/components/molecules/TransactionListItem/TransactionListItem.d.mts +1 -1
  44. package/dist/components/molecules/TransactionListItem/TransactionListItem.d.ts +1 -1
  45. package/dist/components/molecules/TransactionListItem/TransactionListItem.mjs +15 -31
  46. package/dist/data.js +505 -295
  47. package/dist/data.js.map +1 -1
  48. package/dist/lib/statusShapes.d.mts +2 -0
  49. package/dist/lib/statusShapes.d.ts +2 -0
  50. package/dist/lib/statusShapes.mjs +16 -0
  51. package/dist/lib/statusShapes.mjs.map +1 -0
  52. package/dist/lib/styleUtils.mjs +2 -2
  53. package/dist/lib/styleUtils.mjs.map +1 -1
  54. package/dist/lib/tokenAliases.mjs +15 -10
  55. package/dist/lib/tokenAliases.mjs.map +1 -1
  56. package/dist/styles/icons.json +141 -0
  57. package/dist/styles/icons.json.mjs +153 -2
  58. package/dist/styles/icons.json.mjs.map +1 -1
  59. package/dist/styles/tokens.d.mts +412 -122
  60. package/dist/styles/tokens.d.ts +412 -122
  61. package/dist/styles/tokens.json +353 -294
  62. package/dist/styles/tokens.json.mjs +353 -294
  63. package/dist/styles/tokens.json.mjs.map +1 -1
  64. package/dist/tokens/index.js +353 -294
  65. package/dist/tokens/index.js.map +1 -1
  66. package/dist/tokens/index.mjs +353 -294
  67. package/dist/tokens/index.mjs.map +1 -1
  68. package/dist/tokens/styles/tokens.d.mts +412 -122
  69. package/dist/tokens/styles/tokens.d.ts +412 -122
  70. package/dist/tokens.css +257 -212
  71. package/dist/types/icons.d.mts +1 -1
  72. package/dist/types/icons.d.ts +1 -1
  73. package/dist/types/icons.mjs.map +1 -1
  74. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- export type IconName = 'add' | 'ai' | 'addRing' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'back' | 'bell' | 'cancel' | 'caret' | 'caretDown' | 'caretUp' | 'check' | 'checkRing' | 'close' | 'copy' | 'creditCard' | 'crossCircle' | 'directionRight' | 'directionUp' | 'edit' | 'export' | 'fileDocSearch' | 'filter' | 'info' | 'kebab' | 'lamp' | 'lineOut' | 'link' | 'meatballs' | 'menu' | 'message' | 'move' | 'mic' | 'order' | 'paper' | 'pause' | 'play' | 'playBack' | 'refresh' | 'remove' | 'search' | 'star' | 'starFilled' | 'stop' | 'table' | 'trash' | 'userBox' | 'view' | 'viewHide' | 'wallet';
1
+ export type IconName = 'add' | 'ai' | 'addRing' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'back' | 'bell' | 'cancel' | 'caret' | 'caretDown' | 'caretUp' | 'check' | 'checkRing' | 'close' | 'copy' | 'creditCard' | 'crossCircle' | 'directionRight' | 'directionUp' | 'edit' | 'export' | 'fileDocSearch' | 'filter' | 'info' | 'kebab' | 'lamp' | 'lineOut' | 'link' | 'meatballs' | 'menu' | 'message' | 'move' | 'mic' | 'order' | 'paper' | 'pause' | 'play' | 'playBack' | 'refresh' | 'remove' | 'search' | 'star' | 'starFilled' | 'statusCancelled' | 'statusError' | 'statusInProgress' | 'statusInfo' | 'statusNotStarted' | 'statusPending' | 'statusScheduled' | 'statusSerious' | 'statusSuccess' | 'statusWarning' | 'stop' | 'table' | 'trash' | 'userBox' | 'view' | 'viewHide' | 'wallet';
2
2
  /** Semantic category for grouping icons by purpose */
3
3
  export type IconCategory = 'action' | 'communication' | 'content' | 'feedback' | 'media' | 'navigation' | 'object' | 'status' | 'user';
4
4
  /** Enriched metadata for each icon entry in icons.json */
@@ -1,4 +1,4 @@
1
- export type IconName = 'add' | 'ai' | 'addRing' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'back' | 'bell' | 'cancel' | 'caret' | 'caretDown' | 'caretUp' | 'check' | 'checkRing' | 'close' | 'copy' | 'creditCard' | 'crossCircle' | 'directionRight' | 'directionUp' | 'edit' | 'export' | 'fileDocSearch' | 'filter' | 'info' | 'kebab' | 'lamp' | 'lineOut' | 'link' | 'meatballs' | 'menu' | 'message' | 'move' | 'mic' | 'order' | 'paper' | 'pause' | 'play' | 'playBack' | 'refresh' | 'remove' | 'search' | 'star' | 'starFilled' | 'stop' | 'table' | 'trash' | 'userBox' | 'view' | 'viewHide' | 'wallet';
1
+ export type IconName = 'add' | 'ai' | 'addRing' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'back' | 'bell' | 'cancel' | 'caret' | 'caretDown' | 'caretUp' | 'check' | 'checkRing' | 'close' | 'copy' | 'creditCard' | 'crossCircle' | 'directionRight' | 'directionUp' | 'edit' | 'export' | 'fileDocSearch' | 'filter' | 'info' | 'kebab' | 'lamp' | 'lineOut' | 'link' | 'meatballs' | 'menu' | 'message' | 'move' | 'mic' | 'order' | 'paper' | 'pause' | 'play' | 'playBack' | 'refresh' | 'remove' | 'search' | 'star' | 'starFilled' | 'statusCancelled' | 'statusError' | 'statusInProgress' | 'statusInfo' | 'statusNotStarted' | 'statusPending' | 'statusScheduled' | 'statusSerious' | 'statusSuccess' | 'statusWarning' | 'stop' | 'table' | 'trash' | 'userBox' | 'view' | 'viewHide' | 'wallet';
2
2
  /** Semantic category for grouping icons by purpose */
3
3
  export type IconCategory = 'action' | 'communication' | 'content' | 'feedback' | 'media' | 'navigation' | 'object' | 'status' | 'user';
4
4
  /** Enriched metadata for each icon entry in icons.json */
@@ -1 +1 @@
1
- {"version":3,"file":"icons.mjs","sources":["../../src/types/icons.ts"],"sourcesContent":["// 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 | '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":["iconsData","iconsJson"],"mappings":";;AAAA;AACA;AACA;AA6FA;AACO,IAAMA,SAAS,GAAGC;;;;"}
1
+ {"version":3,"file":"icons.mjs","sources":["../../src/types/icons.ts"],"sourcesContent":["// 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":["iconsData","iconsJson"],"mappings":";;AAAA;AACA;AACA;AAuGA;AACO,IAAMA,SAAS,GAAGC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@common-origin/design-system",
3
- "version": "2.21.0",
3
+ "version": "2.22.0",
4
4
  "description": "Common Origin Design System - Framework-agnostic atomic design components with comprehensive WCAG 2.2 AA testing",
5
5
  "private": false,
6
6
  "main": "dist/index.js",