@common-origin/design-system 2.21.0 → 2.23.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 (79) hide show
  1. package/dist/client.js +261 -208
  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/Box/Box.d.mts +25 -1
  9. package/dist/components/atoms/Box/Box.d.ts +25 -1
  10. package/dist/components/atoms/Box/Box.mjs +5 -2
  11. package/dist/components/atoms/Button/Button.mjs +1 -1
  12. package/dist/components/atoms/CategoryLabel/CategoryLabel.d.mts +23 -8
  13. package/dist/components/atoms/CategoryLabel/CategoryLabel.d.ts +23 -8
  14. package/dist/components/atoms/CategoryLabel/CategoryLabel.mjs +31 -18
  15. package/dist/components/atoms/CategoryLabel/index.d.mts +1 -1
  16. package/dist/components/atoms/CategoryLabel/index.d.ts +1 -1
  17. package/dist/components/atoms/Chip/SuggestionChip.mjs +1 -1
  18. package/dist/components/atoms/Chip/shared/utils.mjs +1 -1
  19. package/dist/components/atoms/Chip/shared/utils.mjs.map +1 -1
  20. package/dist/components/atoms/Icon/Icon.mjs +1 -1
  21. package/dist/components/atoms/MoneyDisplay/MoneyDisplay.mjs +14 -60
  22. package/dist/components/atoms/StatusBadge/StatusBadge.d.mts +3 -2
  23. package/dist/components/atoms/StatusBadge/StatusBadge.d.ts +3 -2
  24. package/dist/components/atoms/StatusBadge/StatusBadge.mjs +1 -1
  25. package/dist/components/atoms/StatusBadge/StatusBadge.mjs.map +1 -1
  26. package/dist/components/atoms/StatusLabel/StatusLabel.d.mts +5 -2
  27. package/dist/components/atoms/StatusLabel/StatusLabel.d.ts +5 -2
  28. package/dist/components/atoms/StatusLabel/StatusLabel.mjs +5 -2
  29. package/dist/components/atoms/StatusLabel/StatusLabel.mjs.map +1 -1
  30. package/dist/components/atoms/StatusLabel/StatusLabelBase.d.mts +2 -2
  31. package/dist/components/atoms/StatusLabel/StatusLabelBase.d.ts +2 -2
  32. package/dist/components/atoms/StatusLabel/StatusLabelBase.mjs +19 -13
  33. package/dist/components/atoms/StatusLabel/StatusShape.d.mts +4 -0
  34. package/dist/components/atoms/StatusLabel/StatusShape.d.ts +4 -0
  35. package/dist/components/atoms/StatusLabel/StatusShape.mjs +31 -0
  36. package/dist/components/atoms/StatusLabel/StatusShape.mjs.map +1 -0
  37. package/dist/components/atoms/Typography/Typography.mjs +2 -2
  38. package/dist/components/molecules/AccountCard/AccountCard.mjs +22 -14
  39. package/dist/components/molecules/Alert/Alert.d.mts +4 -4
  40. package/dist/components/molecules/Alert/Alert.d.ts +4 -4
  41. package/dist/components/molecules/Alert/Alert.mjs +5 -4
  42. package/dist/components/molecules/CodeBlock/CodeBlock.mjs +1 -1
  43. package/dist/components/molecules/Dropdown/Dropdown.mjs +2 -2
  44. package/dist/components/molecules/InlineAlert/InlineAlert.mjs +15 -5
  45. package/dist/components/molecules/TabBar/TabBar.mjs +3 -3
  46. package/dist/components/molecules/TransactionListItem/TransactionListItem.d.mts +1 -1
  47. package/dist/components/molecules/TransactionListItem/TransactionListItem.d.ts +1 -1
  48. package/dist/components/molecules/TransactionListItem/TransactionListItem.mjs +15 -31
  49. package/dist/data.js +514 -303
  50. package/dist/data.js.map +1 -1
  51. package/dist/lib/statusShapes.d.mts +2 -0
  52. package/dist/lib/statusShapes.d.ts +2 -0
  53. package/dist/lib/statusShapes.mjs +16 -0
  54. package/dist/lib/statusShapes.mjs.map +1 -0
  55. package/dist/lib/styleUtils.mjs +2 -2
  56. package/dist/lib/styleUtils.mjs.map +1 -1
  57. package/dist/lib/tokenAliases.d.mts +9 -0
  58. package/dist/lib/tokenAliases.d.ts +9 -0
  59. package/dist/lib/tokenAliases.mjs +50 -11
  60. package/dist/lib/tokenAliases.mjs.map +1 -1
  61. package/dist/styles/icons.json +141 -0
  62. package/dist/styles/icons.json.mjs +153 -2
  63. package/dist/styles/icons.json.mjs.map +1 -1
  64. package/dist/styles/tokens.d.mts +721 -123
  65. package/dist/styles/tokens.d.ts +721 -123
  66. package/dist/styles/tokens.json +362 -302
  67. package/dist/styles/tokens.json.mjs +362 -302
  68. package/dist/styles/tokens.json.mjs.map +1 -1
  69. package/dist/tokens/index.js +362 -302
  70. package/dist/tokens/index.js.map +1 -1
  71. package/dist/tokens/index.mjs +362 -302
  72. package/dist/tokens/index.mjs.map +1 -1
  73. package/dist/tokens/styles/tokens.d.mts +721 -123
  74. package/dist/tokens/styles/tokens.d.ts +721 -123
  75. package/dist/tokens.css +363 -317
  76. package/dist/types/icons.d.mts +1 -1
  77. package/dist/types/icons.d.ts +1 -1
  78. package/dist/types/icons.mjs.map +1 -1
  79. package/package.json +1 -1
@@ -753,6 +753,147 @@ var move = {
753
753
  decorativeDefault: false,
754
754
  ariaLabelDefault: "Move"
755
755
  };
756
+ var statusError = {
757
+ path: "M22.5 12L17.25 21.0933L6.75 21.0933L1.5 12L6.75 2.9067L17.25 2.9067ZM16.0953 4.9067L7.9047 4.9067L3.8094 12L7.9047 19.0933L16.0953 19.0933L20.1906 12ZM9.2071 7.7929L16.2071 14.7929L14.7929 16.2071L7.7929 9.2071ZM16.2071 9.2071L9.2071 16.2071L7.7929 14.7929L14.7929 7.7929Z",
758
+ name: "statusError",
759
+ description: "X inside a hexagon with a flat top edge",
760
+ category: "status",
761
+ aliases: [
762
+ "error",
763
+ "failed",
764
+ "blocked",
765
+ "danger"
766
+ ],
767
+ intent: "Use for the error status: failed or blocked, needs action now (decision 0045). Shows in the danger colour with a label",
768
+ decorativeDefault: false,
769
+ ariaLabelDefault: "Error"
770
+ };
771
+ var statusSerious = {
772
+ path: "M12 2L22 12L12 22L2 12ZM4.8284 12L12 19.1716L19.1716 12L12 4.8284ZM13 7.5L13 13.75L11 13.75L11 7.5ZM12 15.25A1 1 0 1 1 12 17.25A1 1 0 1 1 12 15.25Z",
773
+ name: "statusSerious",
774
+ description: "Exclamation mark inside a diamond",
775
+ category: "status",
776
+ aliases: [
777
+ "serious",
778
+ "severe",
779
+ "critical-warning"
780
+ ],
781
+ intent: "Use for the serious status: will fail or cause harm without action (decision 0045). Shows in the serious colour with a label",
782
+ decorativeDefault: false,
783
+ ariaLabelDefault: "Serious"
784
+ };
785
+ var statusWarning = {
786
+ path: "M12 2.5L22 20.5L2 20.5ZM5.399 18.5L18.601 18.5L12 6.6183ZM13 10.5L13 14.5L11 14.5L11 10.5ZM12 16A1 1 0 1 1 12 18A1 1 0 1 1 12 16Z",
787
+ name: "statusWarning",
788
+ description: "Exclamation mark inside a triangle",
789
+ category: "status",
790
+ aliases: [
791
+ "warning",
792
+ "caution",
793
+ "attention"
794
+ ],
795
+ intent: "Use for the warning status: needs attention, not blocking (decision 0045). Shows in the warning colour with a label",
796
+ decorativeDefault: false,
797
+ ariaLabelDefault: "Warning"
798
+ };
799
+ var statusSuccess = {
800
+ path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM11.0674 16.4814L7.29297 12.707L8.70703 11.293L10.9326 13.5176L15.2314 8.35937L16.7686 9.64062L11.0674 16.4814Z",
801
+ name: "statusSuccess",
802
+ description: "Checkmark inside a circle",
803
+ category: "status",
804
+ aliases: [
805
+ "success",
806
+ "completed",
807
+ "done"
808
+ ],
809
+ intent: "Use for the success status: done as intended (decision 0045). Shows in the success colour with a label",
810
+ decorativeDefault: false,
811
+ ariaLabelDefault: "Success"
812
+ };
813
+ var statusInfo = {
814
+ path: "M7 2H17A5 5 0 0 1 22 7V17A5 5 0 0 1 17 22H7A5 5 0 0 1 2 17V7A5 5 0 0 1 7 2ZM7 4A3 3 0 0 0 4 7V17A3 3 0 0 0 7 20H17A3 3 0 0 0 20 17V7A3 3 0 0 0 17 4ZM13 10L13 17L11 17L11 10ZM12 6.5A1 1 0 1 1 12 8.5A1 1 0 1 1 12 6.5Z",
815
+ name: "statusInfo",
816
+ description: "Letter i inside a rounded square",
817
+ category: "status",
818
+ aliases: [
819
+ "info",
820
+ "information",
821
+ "notice"
822
+ ],
823
+ intent: "Use for the info status: neutral information (decision 0045). Shows in the accent colour with a label",
824
+ decorativeDefault: false,
825
+ ariaLabelDefault: "Information"
826
+ };
827
+ var statusInProgress = {
828
+ path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM12 6A6 6 0 0 1 12 18Z",
829
+ name: "statusInProgress",
830
+ description: "Circle with its right half filled",
831
+ category: "status",
832
+ aliases: [
833
+ "in progress",
834
+ "processing",
835
+ "running"
836
+ ],
837
+ intent: "Use for the in-progress status: running now (decision 0045). Shows in the accent colour with a label",
838
+ decorativeDefault: false,
839
+ ariaLabelDefault: "In progress"
840
+ };
841
+ var statusPending = {
842
+ path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM13 6.5L13 13L11 13L11 6.5ZM11.8318 11.4531L16.1318 14.1531L15.0682 15.8469L10.7682 13.1469Z",
843
+ name: "statusPending",
844
+ description: "Clock face",
845
+ category: "status",
846
+ aliases: [
847
+ "pending",
848
+ "waiting",
849
+ "clock"
850
+ ],
851
+ intent: "Use for the pending status: waiting on someone or something else (decision 0045). Neutral colour, with a label",
852
+ decorativeDefault: false,
853
+ ariaLabelDefault: "Pending"
854
+ };
855
+ var statusScheduled = {
856
+ path: "M6 4H18A3 3 0 0 1 21 7V18A3 3 0 0 1 18 21H6A3 3 0 0 1 3 18V7A3 3 0 0 1 6 4ZM6 6A1 1 0 0 0 5 7V18A1 1 0 0 0 6 19H18A1 1 0 0 0 19 18V7A1 1 0 0 0 18 6ZM4 9L20 9L20 11L4 11ZM9 2L9 6.5L7 6.5L7 2ZM17 2L17 6.5L15 6.5L15 2Z",
857
+ name: "statusScheduled",
858
+ description: "Calendar page",
859
+ category: "status",
860
+ aliases: [
861
+ "scheduled",
862
+ "calendar",
863
+ "planned"
864
+ ],
865
+ intent: "Use for the scheduled status: starts at a set time (decision 0045). Neutral colour, with a label",
866
+ decorativeDefault: false,
867
+ ariaLabelDefault: "Scheduled"
868
+ };
869
+ var statusNotStarted = {
870
+ path: "M13.4781 2.1098A10 10 0 0 1 17.9482 3.9614L16.7586 5.5691A8 8 0 0 0 13.1825 4.0879ZM20.0386 6.0518A10 10 0 0 1 21.8902 10.5219L19.9121 10.8175A8 8 0 0 0 18.4309 7.2414ZM21.8902 13.4781A10 10 0 0 1 20.0386 17.9482L18.4309 16.7586A8 8 0 0 0 19.9121 13.1825ZM17.9482 20.0386A10 10 0 0 1 13.4781 21.8902L13.1825 19.9121A8 8 0 0 0 16.7586 18.4309ZM10.5219 21.8902A10 10 0 0 1 6.0518 20.0386L7.2414 18.4309A8 8 0 0 0 10.8175 19.9121ZM3.9614 17.9482A10 10 0 0 1 2.1098 13.4781L4.0879 13.1825A8 8 0 0 0 5.5691 16.7586ZM2.1098 10.5219A10 10 0 0 1 3.9614 6.0518L5.5691 7.2414A8 8 0 0 0 4.0879 10.8175ZM6.0518 3.9614A10 10 0 0 1 10.5219 2.1098L10.8175 4.0879A8 8 0 0 0 7.2414 5.5691Z",
871
+ name: "statusNotStarted",
872
+ description: "Dashed circle",
873
+ category: "status",
874
+ aliases: [
875
+ "not started",
876
+ "draft",
877
+ "to do"
878
+ ],
879
+ intent: "Use for the not-started status: exists but not begun or submitted, such as a draft (decision 0045). Neutral colour, with a label",
880
+ decorativeDefault: false,
881
+ ariaLabelDefault: "Not started"
882
+ };
883
+ var statusCancelled = {
884
+ path: "M12 2A10 10 0 1 1 12 22A10 10 0 1 1 12 2ZM12 4A8 8 0 1 0 12 20A8 8 0 1 0 12 4ZM6.3071 4.8929L19.1071 17.6929L17.6929 19.1071L4.8929 6.3071Z",
885
+ name: "statusCancelled",
886
+ description: "Circle with a diagonal line through it",
887
+ category: "status",
888
+ aliases: [
889
+ "cancelled",
890
+ "canceled",
891
+ "stopped"
892
+ ],
893
+ intent: "Use for the cancelled status: stopped on purpose (decision 0045). Neutral colour, with a label",
894
+ decorativeDefault: false,
895
+ ariaLabelDefault: "Cancelled"
896
+ };
756
897
  var iconsJson = {
757
898
  ai: ai,
758
899
  add: add,
@@ -818,8 +959,18 @@ var iconsJson = {
818
959
  meatballs: meatballs,
819
960
  creditCard: creditCard,
820
961
  wallet: wallet,
821
- move: move
962
+ move: move,
963
+ statusError: statusError,
964
+ statusSerious: statusSerious,
965
+ statusWarning: statusWarning,
966
+ statusSuccess: statusSuccess,
967
+ statusInfo: statusInfo,
968
+ statusInProgress: statusInProgress,
969
+ statusPending: statusPending,
970
+ statusScheduled: statusScheduled,
971
+ statusNotStarted: statusNotStarted,
972
+ statusCancelled: statusCancelled
822
973
  };
823
974
 
824
- export { add, addRing, ai, arrowDown, arrowLeft, arrowRight, arrowUp, back, bell, cancel, caret, caretDown, caretUp, check, checkRing, close, copy, creditCard, crossCircle, iconsJson as default, directionRight, directionUp, edit, fileDocSearch, filter, info, kebab, lamp, lineOut, link, meatballs, menu, message, mic, move, order, paper, pause, play, playBack, refresh, remove, search, star, starFilled, stop, table, trash, userBox, view, viewHide, wallet };
975
+ export { add, addRing, ai, arrowDown, arrowLeft, arrowRight, arrowUp, back, bell, cancel, caret, caretDown, caretUp, check, checkRing, close, copy, creditCard, crossCircle, iconsJson as default, directionRight, directionUp, edit, fileDocSearch, filter, info, kebab, lamp, lineOut, link, meatballs, menu, message, mic, move, 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 };
825
976
  //# sourceMappingURL=icons.json.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"icons.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"icons.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}