@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
@@ -60,7 +60,9 @@ export type Tokens = {
60
60
  opacity: {
61
61
  '0': string;
62
62
  '5': string;
63
+ '8': string;
63
64
  '10': string;
65
+ '12': string;
64
66
  '20': string;
65
67
  '25': string;
66
68
  '30': string;
@@ -256,10 +258,12 @@ export type Tokens = {
256
258
  max: string;
257
259
  fit: string;
258
260
  };
259
- /** Colour palette: the grey ramp, six role ramps (accent, success, warning, serious, danger, ai) and four display ramps (olive, periwinkle, rose, magenta), each with alpha twins (decisions 0040, 0043 and 0044); the older neutral ramp and seven older hue ramps, removed in 3.0; and transparent. */
261
+ /** Colour palette: the grey ramp, six role ramps (accent, success, warning, serious, danger, ai) and four display ramps (olive, periwinkle, rose, magenta), each with alpha twins (decisions 0040, 0043 and 0044); the older neutral ramp and seven older hue ramps, removed in 3.0; white (decision 0049); and transparent. */
260
262
  color: {
261
263
  /** Fully transparent. For colour values that must not show, such as a border that keeps its width (semantic.color.border.none). */
262
264
  transparent: string;
265
+ /** Pure white, outside the ramps: raised surfaces (semantic.surface.raised) that sit on the gray.100 page. The ramps' contrast is measured against it (decision 0049). */
266
+ white: string;
263
267
  /** Pure-grey ramp, defined in OKLCH (chroma 0): 100 (lightest) to 1200 (primary text). Each step has one job, and its contrast against white is in its description (decision 0040). */
264
268
  gray: {
265
269
  /** Page background. oklch(0.991 0 0), 1.03:1 on white. */
@@ -856,128 +860,434 @@ export type Tokens = {
856
860
  };
857
861
  /** Neutral grey ramp: 000 is white, then 100 (lightest grey) to 1000 (near-black). */
858
862
  neutral: {
863
+ /**
864
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
865
+ */
859
866
  '100': string;
867
+ /**
868
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
869
+ */
860
870
  '200': string;
871
+ /**
872
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
873
+ */
861
874
  '300': string;
875
+ /**
876
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
877
+ */
862
878
  '400': string;
879
+ /**
880
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
881
+ */
863
882
  '500': string;
883
+ /**
884
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
885
+ */
864
886
  '600': string;
887
+ /**
888
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
889
+ */
865
890
  '700': string;
891
+ /**
892
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
893
+ */
866
894
  '800': string;
895
+ /**
896
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
897
+ */
867
898
  '900': string;
899
+ /**
900
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
901
+ */
868
902
  '1000': string;
903
+ /**
904
+ * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp (decision 0040); its white is base.color.white (decision 0049). Removed in 3.0.
905
+ */
869
906
  '000': string;
870
907
  };
871
908
  /** Green ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
872
909
  green: {
910
+ /**
911
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
912
+ */
873
913
  '100': string;
914
+ /**
915
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
916
+ */
874
917
  '200': string;
918
+ /**
919
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
920
+ */
875
921
  '300': string;
922
+ /**
923
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
924
+ */
876
925
  '400': string;
926
+ /**
927
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
928
+ */
877
929
  '500': string;
930
+ /**
931
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
932
+ */
878
933
  '600': string;
934
+ /**
935
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
936
+ */
879
937
  '700': string;
938
+ /**
939
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
940
+ */
880
941
  '800': string;
942
+ /**
943
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
944
+ */
881
945
  '900': string;
946
+ /**
947
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
948
+ */
882
949
  '1000': string;
950
+ /**
951
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
952
+ */
883
953
  '1100': string;
954
+ /**
955
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
956
+ */
884
957
  '1200': string;
958
+ /**
959
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
960
+ */
885
961
  '1300': string;
886
962
  };
887
963
  /** Orange ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
888
964
  orange: {
965
+ /**
966
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
967
+ */
889
968
  '100': string;
969
+ /**
970
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
971
+ */
890
972
  '200': string;
973
+ /**
974
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
975
+ */
891
976
  '300': string;
977
+ /**
978
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
979
+ */
892
980
  '400': string;
981
+ /**
982
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
983
+ */
893
984
  '500': string;
985
+ /**
986
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
987
+ */
894
988
  '600': string;
989
+ /**
990
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
991
+ */
895
992
  '700': string;
993
+ /**
994
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
995
+ */
896
996
  '800': string;
997
+ /**
998
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
999
+ */
897
1000
  '900': string;
1001
+ /**
1002
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1003
+ */
898
1004
  '1000': string;
1005
+ /**
1006
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1007
+ */
899
1008
  '1100': string;
1009
+ /**
1010
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1011
+ */
900
1012
  '1200': string;
1013
+ /**
1014
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1015
+ */
901
1016
  '1300': string;
902
1017
  };
903
1018
  /** Red ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
904
1019
  red: {
1020
+ /**
1021
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1022
+ */
905
1023
  '100': string;
1024
+ /**
1025
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1026
+ */
906
1027
  '200': string;
1028
+ /**
1029
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1030
+ */
907
1031
  '300': string;
1032
+ /**
1033
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1034
+ */
908
1035
  '400': string;
1036
+ /**
1037
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1038
+ */
909
1039
  '500': string;
1040
+ /**
1041
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1042
+ */
910
1043
  '600': string;
1044
+ /**
1045
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1046
+ */
911
1047
  '700': string;
1048
+ /**
1049
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1050
+ */
912
1051
  '800': string;
1052
+ /**
1053
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1054
+ */
913
1055
  '900': string;
1056
+ /**
1057
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1058
+ */
914
1059
  '1000': string;
1060
+ /**
1061
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1062
+ */
915
1063
  '1100': string;
1064
+ /**
1065
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1066
+ */
916
1067
  '1200': string;
1068
+ /**
1069
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1070
+ */
917
1071
  '1300': string;
918
1072
  };
919
1073
  /** Blue ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
920
1074
  blue: {
1075
+ /**
1076
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1077
+ */
921
1078
  '100': string;
1079
+ /**
1080
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1081
+ */
922
1082
  '200': string;
1083
+ /**
1084
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1085
+ */
923
1086
  '300': string;
1087
+ /**
1088
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1089
+ */
924
1090
  '400': string;
1091
+ /**
1092
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1093
+ */
925
1094
  '500': string;
1095
+ /**
1096
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1097
+ */
926
1098
  '600': string;
1099
+ /**
1100
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1101
+ */
927
1102
  '700': string;
1103
+ /**
1104
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1105
+ */
928
1106
  '800': string;
1107
+ /**
1108
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1109
+ */
929
1110
  '900': string;
1111
+ /**
1112
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1113
+ */
930
1114
  '1000': string;
1115
+ /**
1116
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1117
+ */
931
1118
  '1100': string;
1119
+ /**
1120
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1121
+ */
932
1122
  '1200': string;
1123
+ /**
1124
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1125
+ */
933
1126
  '1300': string;
934
1127
  };
935
1128
  /** Purple ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
936
1129
  purple: {
1130
+ /**
1131
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1132
+ */
937
1133
  '100': string;
1134
+ /**
1135
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1136
+ */
938
1137
  '200': string;
1138
+ /**
1139
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1140
+ */
939
1141
  '300': string;
1142
+ /**
1143
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1144
+ */
940
1145
  '400': string;
1146
+ /**
1147
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1148
+ */
941
1149
  '500': string;
1150
+ /**
1151
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1152
+ */
942
1153
  '600': string;
1154
+ /**
1155
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1156
+ */
943
1157
  '700': string;
1158
+ /**
1159
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1160
+ */
944
1161
  '800': string;
1162
+ /**
1163
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1164
+ */
945
1165
  '900': string;
1166
+ /**
1167
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1168
+ */
946
1169
  '1000': string;
1170
+ /**
1171
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1172
+ */
947
1173
  '1100': string;
1174
+ /**
1175
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1176
+ */
948
1177
  '1200': string;
1178
+ /**
1179
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1180
+ */
949
1181
  '1300': string;
950
1182
  };
951
1183
  /** Pink ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
952
1184
  pink: {
1185
+ /**
1186
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1187
+ */
953
1188
  '100': string;
1189
+ /**
1190
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1191
+ */
954
1192
  '200': string;
1193
+ /**
1194
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1195
+ */
955
1196
  '300': string;
1197
+ /**
1198
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1199
+ */
956
1200
  '400': string;
1201
+ /**
1202
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1203
+ */
957
1204
  '500': string;
1205
+ /**
1206
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1207
+ */
958
1208
  '600': string;
1209
+ /**
1210
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1211
+ */
959
1212
  '700': string;
1213
+ /**
1214
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1215
+ */
960
1216
  '800': string;
1217
+ /**
1218
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1219
+ */
961
1220
  '900': string;
1221
+ /**
1222
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1223
+ */
962
1224
  '1000': string;
1225
+ /**
1226
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1227
+ */
963
1228
  '1100': string;
1229
+ /**
1230
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1231
+ */
964
1232
  '1200': string;
1233
+ /**
1234
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1235
+ */
965
1236
  '1300': string;
966
1237
  };
967
1238
  /** Yellow ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
968
1239
  yellow: {
1240
+ /**
1241
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1242
+ */
969
1243
  '100': string;
1244
+ /**
1245
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1246
+ */
970
1247
  '200': string;
1248
+ /**
1249
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1250
+ */
971
1251
  '300': string;
1252
+ /**
1253
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1254
+ */
972
1255
  '400': string;
1256
+ /**
1257
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1258
+ */
973
1259
  '500': string;
1260
+ /**
1261
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1262
+ */
974
1263
  '600': string;
1264
+ /**
1265
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1266
+ */
975
1267
  '700': string;
1268
+ /**
1269
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1270
+ */
976
1271
  '800': string;
1272
+ /**
1273
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1274
+ */
977
1275
  '900': string;
1276
+ /**
1277
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1278
+ */
978
1279
  '1000': string;
1280
+ /**
1281
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1282
+ */
979
1283
  '1100': string;
1284
+ /**
1285
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1286
+ */
980
1287
  '1200': string;
1288
+ /**
1289
+ * @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
1290
+ */
981
1291
  '1300': string;
982
1292
  };
983
1293
  };
@@ -1337,8 +1647,10 @@ export type Tokens = {
1337
1647
  * @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0.
1338
1648
  */
1339
1649
  padding: string;
1340
- /** Small Button label typography. */
1650
+ /** Small Button text: the caption style, with button.sizes.small.fontWeight after it. */
1341
1651
  font: string;
1652
+ /** Weight of small Button text, set after the font: medium, as the other sizes. */
1653
+ fontWeight: string;
1342
1654
  };
1343
1655
  medium: {
1344
1656
  /**
@@ -2106,7 +2418,7 @@ export type Tokens = {
2106
2418
  /** Slider thumb while dragging: deepest. */
2107
2419
  active: string;
2108
2420
  };
2109
- /** Fill of Slider's thumb: white, so it reads on both the track and the fill. */
2421
+ /** Fill of the Slider thumb: the raised surface, white. */
2110
2422
  background: string;
2111
2423
  };
2112
2424
  };
@@ -2123,7 +2435,11 @@ export type Tokens = {
2123
2435
  /** Width at which a long Breadcrumbs label truncates with an ellipsis. */
2124
2436
  maxWidth: string;
2125
2437
  };
2126
- /** Breadcrumb-sized text; Breadcrumbs uses typography.caption for its links today. */
2438
+ /**
2439
+ * Breadcrumb-sized text; Breadcrumbs uses typography.caption for its links today.
2440
+ *
2441
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.typography.caption`.
2442
+ */
2127
2443
  font: string;
2128
2444
  };
2129
2445
  cardLarge: {
@@ -2174,9 +2490,9 @@ export type Tokens = {
2174
2490
  };
2175
2491
  status: {
2176
2492
  pending: {
2177
- /** Text and icon of a pending StatusLabel, on its pending background. */
2493
+ /** Text and icon of a pending StatusLabel: neutral, because waiting needs no attention (decision 0045). 6.01:1 on white. */
2178
2494
  text: string;
2179
- /** Fill of a pending StatusLabel, behind its pending text. */
2495
+ /** Fill of a pending StatusLabel (decision 0045). */
2180
2496
  background: string;
2181
2497
  };
2182
2498
  completed: {
@@ -2198,38 +2514,66 @@ export type Tokens = {
2198
2514
  background: string;
2199
2515
  };
2200
2516
  processing: {
2201
- /** Text and icon of a processing StatusLabel, on its processing background. */
2517
+ /** Text and icon of a processing StatusLabel: in progress is accent (decisions 0043, 0045). 6.00:1 on white. */
2202
2518
  text: string;
2203
- /** Fill of a processing StatusLabel, behind its processing text. */
2519
+ /** Fill of a processing StatusLabel (decision 0045). */
2204
2520
  background: string;
2205
2521
  };
2206
2522
  scheduled: {
2207
- /** Text and icon of a scheduled StatusLabel, on its scheduled background. */
2523
+ /** Text and icon of a scheduled StatusLabel: neutral, because a future item needs no attention (decision 0045). 6.01:1 on white. */
2208
2524
  text: string;
2209
- /** Fill of a scheduled StatusLabel, behind its scheduled text. */
2525
+ /** Fill of a scheduled StatusLabel (decision 0045). */
2210
2526
  background: string;
2211
2527
  };
2212
2528
  };
2213
2529
  transaction: {
2214
- /** Positive amounts and credits in MoneyDisplay and TransactionListItem. */
2530
+ /**
2531
+ * Positive amounts and credits in MoneyDisplay and TransactionListItem.
2532
+ *
2533
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.positive`.
2534
+ */
2215
2535
  credit: string;
2216
- /** A credit amount on a hovered interactive row. */
2536
+ /**
2537
+ * A credit amount on a hovered interactive row.
2538
+ *
2539
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.positive`.
2540
+ */
2217
2541
  'credit-hover': string;
2218
- /** Negative amounts and debits in MoneyDisplay and TransactionListItem. */
2542
+ /**
2543
+ * Negative amounts and debits in MoneyDisplay and TransactionListItem.
2544
+ *
2545
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.negative`.
2546
+ */
2219
2547
  debit: string;
2220
- /** A debit amount on a hovered interactive row. */
2548
+ /**
2549
+ * A debit amount on a hovered interactive row.
2550
+ *
2551
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.negative`.
2552
+ */
2221
2553
  'debit-hover': string;
2222
- /** Amounts of pending or processing transactions. */
2554
+ /**
2555
+ * Amounts of pending or processing transactions.
2556
+ *
2557
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.text.muted`.
2558
+ */
2223
2559
  pending: string;
2224
- /** Informational amounts that are neither credit nor debit. */
2560
+ /**
2561
+ * Informational amounts that are neither credit nor debit.
2562
+ *
2563
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.text.muted`.
2564
+ */
2225
2565
  neutral: string;
2226
2566
  };
2227
2567
  track: {
2228
- /** Unfilled track of ProgressBar and Slider; the fill and thumb show the value (decision 0026). */
2568
+ /** Unfilled track of ProgressBar and Slider: light, so the fill and thumb show the value (decision 0026). The resting fill step, 1.12:1 on white. */
2229
2569
  background: string;
2230
2570
  };
2231
2571
  tooltip: {
2232
- /** Dotted underline marking text that has a tooltip. */
2572
+ /**
2573
+ * Dotted underline marking text that has a tooltip.
2574
+ *
2575
+ * @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.border.default`.
2576
+ */
2233
2577
  border: string;
2234
2578
  };
2235
2579
  };
@@ -2271,6 +2615,12 @@ export type Tokens = {
2271
2615
  hover: string;
2272
2616
  /** Content that fades while pressed, one step further than hover. */
2273
2617
  pressed: string;
2618
+ state: {
2619
+ /** State layer for a hovered solid fill: its content colour mixed in at 8%, as in Material 3 (decision 0048). */
2620
+ hover: string;
2621
+ /** State layer for a pressed solid fill: its content colour mixed in at 12% (decision 0048). */
2622
+ pressed: string;
2623
+ };
2274
2624
  };
2275
2625
  fontFamily: {
2276
2626
  /** UI text (Inter). Use a typography style where one fits; this is for components that set the family on its own. */
@@ -2345,12 +2695,12 @@ export type Tokens = {
2345
2695
  modal: string;
2346
2696
  };
2347
2697
  border: {
2348
- /** Hairline in the default border colour: dividers that separate content, such as Breadcrumbs. 1.19:1 on white, so never a control's edge (decision 0025). */
2698
+ /** Hairline in the default border colour: dividers and decorative outlines, such as Breadcrumbs, CodeBlock and Divider. 1.53:1 on white, so never a control edge (decision 0025). */
2349
2699
  default: string;
2350
2700
  /**
2351
2701
  * Hairline in the subtle border colour: dividers and decorative outlines, such as CodeBlock and Separator. 1.30:1 on white, so never a control's edge (decision 0025).
2352
2702
  *
2353
- * @deprecated Renamed to semantic.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0.
2703
+ * @deprecated Renamed to semantic.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.border.default`.
2354
2704
  */
2355
2705
  subtle: string;
2356
2706
  /**
@@ -2364,7 +2714,7 @@ export type Tokens = {
2364
2714
  /**
2365
2715
  * Dotted underline marking text that has a tooltip.
2366
2716
  *
2367
- * @deprecated Moved to the component tier as component.tooltip.border (decision 0031 §6). Removed in 3.0.
2717
+ * @deprecated Moved to the component tier as component.tooltip.border (decision 0031 §6). Removed in 3.0. Use `semantic.border.default`.
2368
2718
  */
2369
2719
  tooltip: string;
2370
2720
  width: {
@@ -2431,7 +2781,11 @@ export type Tokens = {
2431
2781
  */
2432
2782
  circle: string;
2433
2783
  };
2434
- /** Hairline for dividers and decorative outlines, such as CodeBlock and Divider; never a control edge. */
2784
+ /**
2785
+ * Hairline for dividers and decorative outlines, such as CodeBlock and Divider; never a control edge.
2786
+ *
2787
+ * @deprecated Dividers have one border (decision 0048). Removed in 3.0. Use `semantic.border.default`.
2788
+ */
2435
2789
  emphasis: string;
2436
2790
  /** Firm hairline that must read as a boundary, such as a hovered text input. */
2437
2791
  'input-hover': string;
@@ -2802,9 +3156,13 @@ export type Tokens = {
2802
3156
  };
2803
3157
  color: {
2804
3158
  text: {
2805
- /** Primary text: body copy, labels and headings. 15.43:1 on white, 14.63:1 on the page. */
3159
+ /** Primary text: body copy, labels and headings. 15.91:1 on white, 15.51:1 on the page. */
2806
3160
  default: string;
2807
- /** Emphasised text: one step darker than text.default, so it reads stronger (decision 0029). 17.65:1 on white. */
3161
+ /**
3162
+ * Emphasised text.
3163
+ *
3164
+ * @deprecated Emphasis comes from weight and scale, not a darker colour (decision 0048). Removed in 3.0. Use `semantic.color.text.default`.
3165
+ */
2808
3166
  emphasis: string;
2809
3167
  /**
2810
3168
  * Secondary text: helper text, metadata and supporting copy. 8.18:1 on white, 7.76:1 on the page.
@@ -2812,9 +3170,9 @@ export type Tokens = {
2812
3170
  * @deprecated Renamed to semantic.color.text.muted by the semantic grammar (decision 0031). Removed in 3.0.
2813
3171
  */
2814
3172
  subdued: string;
2815
- /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.43:1 on background.emphasis, 5.39:1 on background.interactive. */
3173
+ /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.51:1 on fill.emphasis. */
2816
3174
  inverse: string;
2817
- /** Text of disabled controls. 2.07:1 on white: disabled text is exempt from the contrast minimum (WCAG 1.4.3), so never use it for text people need to read, including placeholders. */
3175
+ /** Text of disabled controls, translucent so it stays right on tinted surfaces. 1.53:1 on white: disabled text is exempt from the contrast minimum (WCAG 1.4.3), so never use it for text people need to read, including placeholders. */
2818
3176
  disabled: string;
2819
3177
  /**
2820
3178
  * Blue text for links and selected items (decision 0003). 5.39:1 on white, 5.11:1 on the page.
@@ -2840,22 +3198,32 @@ export type Tokens = {
2840
3198
  * @deprecated Renamed to semantic.color.text.danger by the semantic grammar (decision 0031). Removed in 3.0.
2841
3199
  */
2842
3200
  error: string;
2843
- /** Success text, such as InlineAlert success messages. 5.40:1 on white, 5.12:1 on the page. */
3201
+ /** Success text, such as InlineAlert success messages. 5.99:1 on white. */
2844
3202
  success: string;
2845
- /** Warning text, such as InlineAlert warnings. 5.38:1 on white, 5.10:1 on the page. */
3203
+ /** Warning text, such as InlineAlert warnings (0043: warning is yellow). 6.01:1 on white. */
2846
3204
  warning: string;
2847
- /** Secondary text: helper text, metadata, timestamps. */
3205
+ /** Secondary text: helper text, metadata, timestamps. 6.01:1 on white, and at least 4.5:1 on every background and fill step (decision 0040). */
2848
3206
  muted: string;
2849
- /** Blue text for links and selected items; never decoration, see 0003. */
3207
+ /** Blue text for links and selected items, in every state: the fill shows hover and pressed. Never decoration (0003). 6.00:1 on white. */
2850
3208
  accent: string;
2851
- /** Text of a hovered selected item, on the accent-muted-hover fill. */
3209
+ /**
3210
+ * Text of a hovered selected item, on the accent-muted-hover fill.
3211
+ *
3212
+ * @deprecated Accent text keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.text.accent`.
3213
+ */
2852
3214
  'accent-hover': string;
2853
- /** Text of a pressed selected item, on the accent-muted-pressed fill. */
3215
+ /**
3216
+ * Text of a pressed selected item, on the accent-muted-pressed fill.
3217
+ *
3218
+ * @deprecated Accent text keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.text.accent`.
3219
+ */
2854
3220
  'accent-pressed': string;
2855
- /** Error text: field error messages, InlineAlert errors. */
3221
+ /** Error text: field error messages, InlineAlert errors. 6.03:1 on white. */
2856
3222
  danger: string;
2857
3223
  /** AI-generated content and agent actions, such as the label on proposed content (0046); always with the AI icon and a label, never colour alone (0043). 5.99:1 on white, 5.68:1 on the page. */
2858
3224
  ai: string;
3225
+ /** Serious-warning text: between warning and danger (decisions 0043, 0045). 6.04:1 on white. */
3226
+ serious: string;
2859
3227
  };
2860
3228
  background: {
2861
3229
  /**
@@ -3052,12 +3420,12 @@ export type Tokens = {
3052
3420
  'inverse-overlay': string;
3053
3421
  };
3054
3422
  border: {
3055
- /** Default border colour for dividers and decorative outlines only. 1.19:1 on white, below the 3:1 a control's edge needs (WCAG 1.4.11); use color.border.control for that (decision 0025). */
3423
+ /** Default border colour for dividers and decorative outlines only (decision 0040). 1.53:1 on white, below the 3:1 a control edge needs; use color.border.input for that (decision 0025). */
3056
3424
  default: string;
3057
3425
  /**
3058
3426
  * Subtle border colour for dividers and decorative outlines, and for the borders of disabled controls, which WCAG 1.4.11 exempts. 1.30:1 on white, below the 3:1 a control's edge needs; use color.border.control for that (decision 0025).
3059
3427
  *
3060
- * @deprecated Renamed to semantic.color.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0.
3428
+ * @deprecated Renamed to semantic.color.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.border.default`.
3061
3429
  */
3062
3430
  subtle: string;
3063
3431
  /**
@@ -3084,29 +3452,41 @@ export type Tokens = {
3084
3452
  * @deprecated Renamed to semantic.color.border.danger by the semantic grammar (decision 0031). Removed in 3.0.
3085
3453
  */
3086
3454
  error: string;
3087
- /** Green border for success outlines, such as an outlined success Alert. */
3455
+ /** Green border for success outlines, such as an outlined success Alert. 3.18:1 on white (decision 0025). */
3088
3456
  success: string;
3089
- /** Orange border for warning outlines, such as an outlined warning Alert. */
3457
+ /** Yellow border for warning outlines, such as an outlined warning Alert. 3.19:1 on white (decision 0025). */
3090
3458
  warning: string;
3091
3459
  /** An invisible border that keeps its width, so a borderless state takes the same space as a bordered one (for example Alert's borderless appearance, decision 0019). */
3092
3460
  none: string;
3093
- /** Border for dividers, decorative outlines and disabled controls; never a resting control edge. */
3461
+ /**
3462
+ * Border for dividers, decorative outlines and disabled controls.
3463
+ *
3464
+ * @deprecated Dividers have one border colour (decision 0048). Removed in 3.0. Use `semantic.color.border.default`.
3465
+ */
3094
3466
  emphasis: string;
3095
- /** Resting edge of a control that must show where it is: text inputs, Dropdown, Checkbox. */
3467
+ /** Resting edge of a control that must show where it is: text inputs, Dropdown, Checkbox. 3.19:1 on white and the page (decision 0025). */
3096
3468
  input: string;
3097
- /** Edge of a hovered control, such as a hovered text input or Dropdown. */
3469
+ /** Edge of a hovered control, such as a hovered text input or Dropdown. 6.01:1 on white, a clear step from rest that stays apart from the focus ring. */
3098
3470
  'input-hover': string;
3099
- /** The focus ring, and rings that mark the current item, such as on CardSmall (0029). */
3471
+ /** The focus ring, and rings that mark the current item, such as on CardSmall (0029). 15.91:1 on white. */
3100
3472
  focus: string;
3101
- /** Blue border for selected items; never decoration, see 0003. */
3473
+ /** Blue border for selected items; never decoration (0003). 3.21:1 on white (decision 0025). */
3102
3474
  accent: string;
3103
- /** Border of an invalid field and other error outlines. */
3475
+ /** Border of an invalid field and other error outlines. 3.18:1 on white (decision 0025). */
3104
3476
  danger: string;
3477
+ /** Orange border for serious-warning outlines. 3.21:1 on white (decision 0025). */
3478
+ serious: string;
3479
+ /** Purple border for AI-generated content and agent actions, always with the AI icon and a label (0043). 3.20:1 on white. */
3480
+ ai: string;
3105
3481
  };
3106
3482
  icon: {
3107
- /** Default icon colour, matching text.default. 15.43:1 on white. */
3483
+ /** Default icon colour, matching text.default. 15.91:1 on white. */
3108
3484
  default: string;
3109
- /** Emphasised icons, matching text.emphasis: one step darker than icon.default (decision 0029). */
3485
+ /**
3486
+ * Emphasised icons.
3487
+ *
3488
+ * @deprecated Emphasis comes from weight and scale, not a darker colour (decision 0048). Removed in 3.0. Use `semantic.color.icon.default`.
3489
+ */
3110
3490
  emphasis: string;
3111
3491
  /**
3112
3492
  * Secondary icons, such as list item and empty-state icons. 4.69:1 on white, 4.45:1 on the page (icons need 3:1).
@@ -3114,7 +3494,7 @@ export type Tokens = {
3114
3494
  * @deprecated Renamed to semantic.color.icon.muted by the semantic grammar (decision 0031). Removed in 3.0.
3115
3495
  */
3116
3496
  subdued: string;
3117
- /** Icons and other foreground marks in disabled controls, such as a disabled Slider's fill and thumb ring. Exempt from the contrast minimum, like text.disabled. */
3497
+ /** Icons and other foreground marks in disabled controls, matching text.disabled. 1.53:1 on white. */
3118
3498
  disabled: string;
3119
3499
  /** Icons on dark or coloured fills, matching text.inverse. */
3120
3500
  inverse: string;
@@ -3142,177 +3522,243 @@ export type Tokens = {
3142
3522
  * @deprecated Renamed to semantic.color.icon.danger by the semantic grammar (decision 0031). Removed in 3.0.
3143
3523
  */
3144
3524
  error: string;
3145
- /** Success icons, such as in Alert and EmptyState. 5.40:1 on white. (InlineAlert's icon takes the text colour instead.) */
3525
+ /** Success icons, such as in Alert and EmptyState. 5.99:1 on white. (InlineAlert’s icon takes the text colour instead.) */
3146
3526
  success: string;
3147
- /** Warning icons, such as in Alert. 5.38:1 on white. (InlineAlert's icon takes the text colour instead.) */
3527
+ /** Warning icons, such as in Alert. 6.01:1 on white. (InlineAlert’s icon takes the text colour instead.) */
3148
3528
  warning: string;
3149
- /** Secondary icons, such as list item and empty-state icons. */
3529
+ /** Secondary icons, such as list item and empty-state icons, matching text.muted. 6.01:1 on white. */
3150
3530
  muted: string;
3151
- /** Blue icons in links and selected items, matching color.text.accent. */
3531
+ /** Blue icons in links and selected items, in every state, matching color.text.accent. 6.00:1 on white. */
3152
3532
  accent: string;
3153
- /** Icon of a hovered selected item, matching color.text.accent-hover. */
3533
+ /**
3534
+ * Icon of a hovered selected item, matching color.text.accent-hover.
3535
+ *
3536
+ * @deprecated Accent icons keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.icon.accent`.
3537
+ */
3154
3538
  'accent-hover': string;
3155
- /** Icon of a pressed selected item, matching color.text.accent-pressed. */
3539
+ /**
3540
+ * Icon of a pressed selected item, matching color.text.accent-pressed.
3541
+ *
3542
+ * @deprecated Accent icons keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.icon.accent`.
3543
+ */
3156
3544
  'accent-pressed': string;
3157
- /** Error icons, such as in Alert and EmptyState. */
3545
+ /** Error icons, such as in Alert and EmptyState. 6.03:1 on white. */
3158
3546
  danger: string;
3159
3547
  /** The AI icon on AI-generated content and agent actions (0043, 0046), next to its label. 5.99:1 on white, 5.68:1 on the page. */
3160
3548
  ai: string;
3549
+ /** Serious-warning icons, matching color.text.serious. 6.04:1 on white. */
3550
+ serious: string;
3161
3551
  };
3162
3552
  financial: {
3163
3553
  /**
3164
3554
  * Color for positive monetary values, credits, income
3165
3555
  *
3166
- * @deprecated Moved to the component tier as component.transaction.credit (decision 0031 §6). Removed in 3.0.
3556
+ * @deprecated Moved to the component tier as component.transaction.credit (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.positive`.
3167
3557
  */
3168
3558
  credit: string;
3169
3559
  /**
3170
3560
  * Hover state for credit-colored interactive elements
3171
3561
  *
3172
- * @deprecated Moved to the component tier as component.transaction.credit-hover (decision 0031 §6). Removed in 3.0.
3562
+ * @deprecated Moved to the component tier as component.transaction.credit-hover (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.positive`.
3173
3563
  */
3174
3564
  'credit-hover': string;
3175
3565
  /**
3176
3566
  * Color for negative monetary values, debits, expenses
3177
3567
  *
3178
- * @deprecated Moved to the component tier as component.transaction.debit (decision 0031 §6). Removed in 3.0.
3568
+ * @deprecated Moved to the component tier as component.transaction.debit (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.negative`.
3179
3569
  */
3180
3570
  debit: string;
3181
3571
  /**
3182
3572
  * Hover state for debit-colored interactive elements
3183
3573
  *
3184
- * @deprecated Moved to the component tier as component.transaction.debit-hover (decision 0031 §6). Removed in 3.0.
3574
+ * @deprecated Moved to the component tier as component.transaction.debit-hover (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.negative`.
3185
3575
  */
3186
3576
  'debit-hover': string;
3187
3577
  /**
3188
3578
  * Color for pending or processing financial transactions
3189
3579
  *
3190
- * @deprecated Moved to the component tier as component.transaction.pending (decision 0031 §6). Removed in 3.0.
3580
+ * @deprecated Moved to the component tier as component.transaction.pending (decision 0031 §6). Removed in 3.0. Use `semantic.color.text.muted`.
3191
3581
  */
3192
3582
  pending: string;
3193
3583
  /**
3194
3584
  * Neutral color for informational monetary amounts
3195
3585
  *
3196
- * @deprecated Moved to the component tier as component.transaction.neutral (decision 0031 §6). Removed in 3.0.
3586
+ * @deprecated Moved to the component tier as component.transaction.neutral (decision 0031 §6). Removed in 3.0. Use `semantic.color.text.muted`.
3197
3587
  */
3198
3588
  neutral: string;
3199
3589
  };
3200
3590
  category: {
3201
- /** Blue category color for general/miscellaneous */
3591
+ /**
3592
+ * Blue category color for general/miscellaneous
3593
+ *
3594
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle`.
3595
+ */
3202
3596
  blue: string;
3203
- /** Strong step of the blue category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3597
+ /**
3598
+ * Strong step of the blue category: the fill of a filled CategoryLabel, with white text (decision 0029).
3599
+ *
3600
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle-strong`.
3601
+ */
3204
3602
  'blue-strong': string;
3205
3603
  /**
3206
3604
  * Strong step of the blue category: the fill of a filled CategoryLabel, with white text (decision 0029).
3207
3605
  *
3208
- * @deprecated "emphasis" means near-black, so use semantic.color.category.blue-strong (decision 0029). Removed in 3.0.
3606
+ * @deprecated "emphasis" means near-black, so use semantic.color.category.blue-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.periwinkle-strong`.
3209
3607
  */
3210
3608
  'blue-emphasis': string;
3211
3609
  /**
3212
3610
  * Subtle blue background
3213
3611
  *
3214
- * @deprecated Renamed to semantic.color.category.blue-muted by the semantic grammar (decision 0031). Removed in 3.0.
3612
+ * @deprecated Renamed to semantic.color.category.blue-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.periwinkle-muted`.
3215
3613
  */
3216
3614
  'blue-subtle': string;
3217
- /** Purple category color for entertainment */
3615
+ /**
3616
+ * Purple category color for entertainment
3617
+ *
3618
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta`.
3619
+ */
3218
3620
  purple: string;
3219
- /** Strong step of the purple category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3621
+ /**
3622
+ * Strong step of the purple category: the fill of a filled CategoryLabel, with white text (decision 0029).
3623
+ *
3624
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta-strong`.
3625
+ */
3220
3626
  'purple-strong': string;
3221
3627
  /**
3222
3628
  * Strong step of the purple category: the fill of a filled CategoryLabel, with white text (decision 0029).
3223
3629
  *
3224
- * @deprecated "emphasis" means near-black, so use semantic.color.category.purple-strong (decision 0029). Removed in 3.0.
3630
+ * @deprecated "emphasis" means near-black, so use semantic.color.category.purple-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.magenta-strong`.
3225
3631
  */
3226
3632
  'purple-emphasis': string;
3227
3633
  /**
3228
3634
  * Subtle purple background
3229
3635
  *
3230
- * @deprecated Renamed to semantic.color.category.purple-muted by the semantic grammar (decision 0031). Removed in 3.0.
3636
+ * @deprecated Renamed to semantic.color.category.purple-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.magenta-muted`.
3231
3637
  */
3232
3638
  'purple-subtle': string;
3233
- /** Pink category color for health/wellness */
3639
+ /**
3640
+ * Pink category color for health/wellness
3641
+ *
3642
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose`.
3643
+ */
3234
3644
  pink: string;
3235
- /** Strong step of the pink category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3645
+ /**
3646
+ * Strong step of the pink category: the fill of a filled CategoryLabel, with white text (decision 0029).
3647
+ *
3648
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose-strong`.
3649
+ */
3236
3650
  'pink-strong': string;
3237
3651
  /**
3238
3652
  * Strong step of the pink category: the fill of a filled CategoryLabel, with white text (decision 0029).
3239
3653
  *
3240
- * @deprecated "emphasis" means near-black, so use semantic.color.category.pink-strong (decision 0029). Removed in 3.0.
3654
+ * @deprecated "emphasis" means near-black, so use semantic.color.category.pink-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.rose-strong`.
3241
3655
  */
3242
3656
  'pink-emphasis': string;
3243
3657
  /**
3244
3658
  * Subtle pink background
3245
3659
  *
3246
- * @deprecated Renamed to semantic.color.category.pink-muted by the semantic grammar (decision 0031). Removed in 3.0.
3660
+ * @deprecated Renamed to semantic.color.category.pink-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.rose-muted`.
3247
3661
  */
3248
3662
  'pink-subtle': string;
3249
- /** Yellow category color for utilities */
3663
+ /**
3664
+ * Yellow category color for utilities
3665
+ *
3666
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive`.
3667
+ */
3250
3668
  yellow: string;
3251
- /** Strong step of the yellow category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3669
+ /**
3670
+ * Strong step of the yellow category: the fill of a filled CategoryLabel, with white text (decision 0029).
3671
+ *
3672
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive-strong`.
3673
+ */
3252
3674
  'yellow-strong': string;
3253
3675
  /**
3254
3676
  * Strong step of the yellow category: the fill of a filled CategoryLabel, with white text (decision 0029).
3255
3677
  *
3256
- * @deprecated "emphasis" means near-black, so use semantic.color.category.yellow-strong (decision 0029). Removed in 3.0.
3678
+ * @deprecated "emphasis" means near-black, so use semantic.color.category.yellow-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.olive-strong`.
3257
3679
  */
3258
3680
  'yellow-emphasis': string;
3259
3681
  /**
3260
3682
  * Subtle yellow background
3261
3683
  *
3262
- * @deprecated Renamed to semantic.color.category.yellow-muted by the semantic grammar (decision 0031). Removed in 3.0.
3684
+ * @deprecated Renamed to semantic.color.category.yellow-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.olive-muted`.
3263
3685
  */
3264
3686
  'yellow-subtle': string;
3265
- /** Green category color for income */
3687
+ /**
3688
+ * Green category color for income
3689
+ *
3690
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive`.
3691
+ */
3266
3692
  green: string;
3267
- /** Strong step of the green category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3693
+ /**
3694
+ * Strong step of the green category: the fill of a filled CategoryLabel, with white text (decision 0029).
3695
+ *
3696
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive-strong`.
3697
+ */
3268
3698
  'green-strong': string;
3269
3699
  /**
3270
3700
  * Strong step of the green category: the fill of a filled CategoryLabel, with white text (decision 0029).
3271
3701
  *
3272
- * @deprecated "emphasis" means near-black, so use semantic.color.category.green-strong (decision 0029). Removed in 3.0.
3702
+ * @deprecated "emphasis" means near-black, so use semantic.color.category.green-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.olive-strong`.
3273
3703
  */
3274
3704
  'green-emphasis': string;
3275
3705
  /**
3276
3706
  * Subtle green background
3277
3707
  *
3278
- * @deprecated Renamed to semantic.color.category.green-muted by the semantic grammar (decision 0031). Removed in 3.0.
3708
+ * @deprecated Renamed to semantic.color.category.green-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.olive-muted`.
3279
3709
  */
3280
3710
  'green-subtle': string;
3281
- /** Red category color for expenses */
3711
+ /**
3712
+ * Red category color for expenses
3713
+ *
3714
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose`.
3715
+ */
3282
3716
  red: string;
3283
- /** Strong step of the red category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3717
+ /**
3718
+ * Strong step of the red category: the fill of a filled CategoryLabel, with white text (decision 0029).
3719
+ *
3720
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose-strong`.
3721
+ */
3284
3722
  'red-strong': string;
3285
3723
  /**
3286
3724
  * Strong step of the red category: the fill of a filled CategoryLabel, with white text (decision 0029).
3287
3725
  *
3288
- * @deprecated "emphasis" means near-black, so use semantic.color.category.red-strong (decision 0029). Removed in 3.0.
3726
+ * @deprecated "emphasis" means near-black, so use semantic.color.category.red-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.rose-strong`.
3289
3727
  */
3290
3728
  'red-emphasis': string;
3291
3729
  /**
3292
3730
  * Subtle red background
3293
3731
  *
3294
- * @deprecated Renamed to semantic.color.category.red-muted by the semantic grammar (decision 0031). Removed in 3.0.
3732
+ * @deprecated Renamed to semantic.color.category.red-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.rose-muted`.
3295
3733
  */
3296
3734
  'red-subtle': string;
3297
- /** Orange category color for food & dining */
3735
+ /**
3736
+ * Orange category color for food & dining
3737
+ *
3738
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose`.
3739
+ */
3298
3740
  orange: string;
3299
- /** Strong step of the orange category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3741
+ /**
3742
+ * Strong step of the orange category: the fill of a filled CategoryLabel, with white text (decision 0029).
3743
+ *
3744
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose-strong`.
3745
+ */
3300
3746
  'orange-strong': string;
3301
3747
  /**
3302
3748
  * Strong step of the orange category: the fill of a filled CategoryLabel, with white text (decision 0029).
3303
3749
  *
3304
- * @deprecated "emphasis" means near-black, so use semantic.color.category.orange-strong (decision 0029). Removed in 3.0.
3750
+ * @deprecated "emphasis" means near-black, so use semantic.color.category.orange-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.rose-strong`.
3305
3751
  */
3306
3752
  'orange-emphasis': string;
3307
3753
  /**
3308
3754
  * Subtle orange background
3309
3755
  *
3310
- * @deprecated Renamed to semantic.color.category.orange-muted by the semantic grammar (decision 0031). Removed in 3.0.
3756
+ * @deprecated Renamed to semantic.color.category.orange-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.rose-muted`.
3311
3757
  */
3312
3758
  'orange-subtle': string;
3313
- /** Gray category color for uncategorized */
3759
+ /** Gray category (decision 0043: neutral, for uncategorised or "other"): the outline of an outlined CategoryLabel. 3.19:1 on white. */
3314
3760
  gray: string;
3315
- /** Strong step of the gray category: the fill of a filled CategoryLabel, with white text (decision 0029). */
3761
+ /** Strong step of the gray category: the fill of a filled CategoryLabel, with white text at 6.01:1. */
3316
3762
  'gray-strong': string;
3317
3763
  /**
3318
3764
  * Strong step of the gray category: the fill of a filled CategoryLabel, with white text (decision 0029).
@@ -3326,38 +3772,126 @@ export type Tokens = {
3326
3772
  * @deprecated Renamed to semantic.color.category.gray-muted by the semantic grammar (decision 0031). Removed in 3.0.
3327
3773
  */
3328
3774
  'gray-subtle': string;
3329
- /** Text and icons of an outlined or minimal blue CategoryLabel, on white or blue-muted. */
3775
+ /**
3776
+ * Text and icons of an outlined or minimal blue CategoryLabel, on white or blue-muted.
3777
+ *
3778
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle-text`.
3779
+ */
3330
3780
  'blue-text': string;
3331
- /** Text and icons of an outlined or minimal purple CategoryLabel, on white or purple-muted. */
3781
+ /**
3782
+ * Text and icons of an outlined or minimal purple CategoryLabel, on white or purple-muted.
3783
+ *
3784
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta-text`.
3785
+ */
3332
3786
  'purple-text': string;
3333
- /** Text and icons of an outlined or minimal pink CategoryLabel, on white or pink-muted. */
3787
+ /**
3788
+ * Text and icons of an outlined or minimal pink CategoryLabel, on white or pink-muted.
3789
+ *
3790
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose-text`.
3791
+ */
3334
3792
  'pink-text': string;
3335
- /** Text and icons of an outlined or minimal yellow CategoryLabel, on white or yellow-muted. */
3793
+ /**
3794
+ * Text and icons of an outlined or minimal yellow CategoryLabel, on white or yellow-muted.
3795
+ *
3796
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive-text`.
3797
+ */
3336
3798
  'yellow-text': string;
3337
- /** Text and icons of an outlined or minimal green CategoryLabel, on white or green-muted. */
3799
+ /**
3800
+ * Text and icons of an outlined or minimal green CategoryLabel, on white or green-muted.
3801
+ *
3802
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive-text`.
3803
+ */
3338
3804
  'green-text': string;
3339
- /** Text and icons of an outlined or minimal red CategoryLabel, on white or red-muted. */
3805
+ /**
3806
+ * Text and icons of an outlined or minimal red CategoryLabel, on white or red-muted.
3807
+ *
3808
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose-text`.
3809
+ */
3340
3810
  'red-text': string;
3341
- /** Text and icons of an outlined or minimal orange CategoryLabel, on white or orange-muted. */
3811
+ /**
3812
+ * Text and icons of an outlined or minimal orange CategoryLabel, on white or orange-muted.
3813
+ *
3814
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose-text`.
3815
+ */
3342
3816
  'orange-text': string;
3343
- /** Text and icons of an outlined or minimal gray CategoryLabel, on white or gray-muted. */
3817
+ /** Text and icons of an outlined or minimal gray CategoryLabel. 6.01:1 on white, 5.37:1 on gray-muted. */
3344
3818
  'gray-text': string;
3345
- /** Light blue fill of a blue CategoryLabel, behind the blue-text colour. */
3819
+ /**
3820
+ * Light blue fill of a blue CategoryLabel, behind the blue-text colour.
3821
+ *
3822
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle-muted`.
3823
+ */
3346
3824
  'blue-muted': string;
3347
- /** Light purple fill of a purple CategoryLabel, behind the purple-text colour. */
3825
+ /**
3826
+ * Light purple fill of a purple CategoryLabel, behind the purple-text colour.
3827
+ *
3828
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta-muted`.
3829
+ */
3348
3830
  'purple-muted': string;
3349
- /** Light pink fill of a pink CategoryLabel, behind the pink-text colour. */
3831
+ /**
3832
+ * Light pink fill of a pink CategoryLabel, behind the pink-text colour.
3833
+ *
3834
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose-muted`.
3835
+ */
3350
3836
  'pink-muted': string;
3351
- /** Light yellow fill of a yellow CategoryLabel, behind the yellow-text colour. */
3837
+ /**
3838
+ * Light yellow fill of a yellow CategoryLabel, behind the yellow-text colour.
3839
+ *
3840
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive-muted`.
3841
+ */
3352
3842
  'yellow-muted': string;
3353
- /** Light green fill of a green CategoryLabel, behind the green-text colour. */
3843
+ /**
3844
+ * Light green fill of a green CategoryLabel, behind the green-text colour.
3845
+ *
3846
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive-muted`.
3847
+ */
3354
3848
  'green-muted': string;
3355
- /** Light red fill of a red CategoryLabel, behind the red-text colour. */
3849
+ /**
3850
+ * Light red fill of a red CategoryLabel, behind the red-text colour.
3851
+ *
3852
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose-muted`.
3853
+ */
3356
3854
  'red-muted': string;
3357
- /** Light orange fill of a orange CategoryLabel, behind the orange-text colour. */
3855
+ /**
3856
+ * Light orange fill of a orange CategoryLabel, behind the orange-text colour.
3857
+ *
3858
+ * @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose-muted`.
3859
+ */
3358
3860
  'orange-muted': string;
3359
- /** Light gray fill of a gray CategoryLabel, behind the gray-text colour. */
3861
+ /** Light gray fill of a minimal CategoryLabel, behind the gray-text colour. */
3360
3862
  'gray-muted': string;
3863
+ /** Olive category (decision 0043: no meaning): the outline of an outlined CategoryLabel. 3.18:1 on white. */
3864
+ olive: string;
3865
+ /** Strong step of the olive category: the fill of a filled CategoryLabel, with white text at 6.02:1. */
3866
+ 'olive-strong': string;
3867
+ /** Text and icons of an outlined or minimal olive CategoryLabel. 6.02:1 on white, 5.39:1 on olive-muted. */
3868
+ 'olive-text': string;
3869
+ /** Light olive fill of a minimal CategoryLabel, behind the olive-text colour. */
3870
+ 'olive-muted': string;
3871
+ /** Periwinkle category (decision 0043: no meaning): the outline of an outlined CategoryLabel. 3.20:1 on white. */
3872
+ periwinkle: string;
3873
+ /** Strong step of the periwinkle category: the fill of a filled CategoryLabel, with white text at 6.00:1. */
3874
+ 'periwinkle-strong': string;
3875
+ /** Text and icons of an outlined or minimal periwinkle CategoryLabel. 6.00:1 on white, 5.37:1 on periwinkle-muted. */
3876
+ 'periwinkle-text': string;
3877
+ /** Light periwinkle fill of a minimal CategoryLabel, behind the periwinkle-text colour. */
3878
+ 'periwinkle-muted': string;
3879
+ /** Rose category (decision 0043: no meaning): the outline of an outlined CategoryLabel. 3.20:1 on white. */
3880
+ rose: string;
3881
+ /** Strong step of the rose category: the fill of a filled CategoryLabel, with white text at 5.99:1. */
3882
+ 'rose-strong': string;
3883
+ /** Text and icons of an outlined or minimal rose CategoryLabel. 5.99:1 on white, 5.33:1 on rose-muted. */
3884
+ 'rose-text': string;
3885
+ /** Light rose fill of a minimal CategoryLabel, behind the rose-text colour. */
3886
+ 'rose-muted': string;
3887
+ /** Magenta category (decision 0043: no meaning): the outline of an outlined CategoryLabel. 3.20:1 on white. */
3888
+ magenta: string;
3889
+ /** Strong step of the magenta category: the fill of a filled CategoryLabel, with white text at 6.02:1. */
3890
+ 'magenta-strong': string;
3891
+ /** Text and icons of an outlined or minimal magenta CategoryLabel. 6.02:1 on white, 5.38:1 on magenta-muted. */
3892
+ 'magenta-text': string;
3893
+ /** Light magenta fill of a minimal CategoryLabel, behind the magenta-text colour. */
3894
+ 'magenta-muted': string;
3361
3895
  };
3362
3896
  status: {
3363
3897
  /**
@@ -3434,47 +3968,55 @@ export type Tokens = {
3434
3968
  'scheduled-bg': string;
3435
3969
  };
3436
3970
  fill: {
3437
- /** Near-black fill for emphasis controls, such as the primary Button and IconButton. */
3971
+ /** Strong near-black fill for the primary Button and IconButton and the emphasis Chip, with text.inverse on it (15.91:1). Hover and pressed mix in text.inverse at opacity.state (decision 0048). */
3438
3972
  emphasis: string;
3439
- /** Fill of a hovered emphasis control, such as the primary Button. */
3973
+ /**
3974
+ * Fill of a hovered emphasis control, such as the primary Button.
3975
+ *
3976
+ * @deprecated Strong-fill states mix text.inverse into fill.emphasis at opacity.state.hover and opacity.state.pressed (decision 0048). Removed in 3.0.
3977
+ */
3440
3978
  'emphasis-hover': string;
3441
- /** Fill of a pressed emphasis control, such as the primary Button. */
3979
+ /**
3980
+ * Fill of a pressed emphasis control, such as the primary Button.
3981
+ *
3982
+ * @deprecated Strong-fill states mix text.inverse into fill.emphasis at opacity.state.hover and opacity.state.pressed (decision 0048). Removed in 3.0.
3983
+ */
3442
3984
  'emphasis-pressed': string;
3443
- /** Light grey fill for quiet grouped content, such as the default Chip. */
3985
+ /** Light grey fill for quiet grouped content, such as the default Chip. The resting fill step, so it shows on the page. */
3444
3986
  muted: string;
3445
3987
  /** Dark fill for inverse elements: a checked Checkbox, Modal and Sheet drag handles. */
3446
3988
  inverse: string;
3447
- /** Blue fill for the accent Button and other deliberate highlights; see 0003. */
3989
+ /** Blue fill for the accent Button and other deliberate highlights (0003), with text.inverse on it at 6.00:1. */
3448
3990
  accent: string;
3449
- /** Light blue fill for selected items: a selected chip, tab or row; see 0016. */
3991
+ /** Light blue fill for selected items: a selected chip, tab or row (0016). Accent text on it is 5.37:1. */
3450
3992
  'accent-muted': string;
3451
3993
  /** Fill of a hovered selected item, such as a selected filter chip. */
3452
3994
  'accent-muted-hover': string;
3453
3995
  /** Fill of a pressed selected item, such as a selected filter chip. */
3454
3996
  'accent-muted-pressed': string;
3455
- /** Blue fill of a hovered accent control, such as the accent Button. */
3997
+ /** Blue fill of a hovered accent control: fill.accent with text.inverse mixed in at opacity.state.hover (decision 0048). */
3456
3998
  'accent-hover': string;
3457
- /** Blue fill of a pressed accent control, such as the accent Button. */
3999
+ /** Blue fill of a pressed accent control: fill.accent with text.inverse mixed in at opacity.state.pressed (decision 0048). */
3458
4000
  'accent-pressed': string;
3459
- /** Strong red fill for destructive actions, such as the danger Button. */
4001
+ /** Strong red fill for destructive actions, such as the danger Button, with text.inverse on it at 6.03:1. */
3460
4002
  danger: string;
3461
- /** Fill of a hovered destructive control, such as the danger Button. */
4003
+ /** Fill of a hovered destructive control: fill.danger with text.inverse mixed in at opacity.state.hover (decision 0048). */
3462
4004
  'danger-hover': string;
3463
- /** Fill of a pressed destructive control, such as the danger Button. */
4005
+ /** Fill of a pressed destructive control: fill.danger with text.inverse mixed in at opacity.state.pressed (decision 0048). */
3464
4006
  'danger-pressed': string;
3465
- /** Light red tint behind error messages, such as an error Alert. */
4007
+ /** Light red tint behind error messages, such as an error Alert. Danger text on it is 5.39:1. */
3466
4008
  'danger-muted': string;
3467
- /** Strong green fill for success states, such as a success indicator. */
4009
+ /** Strong green fill for success states, such as a success indicator, with text.inverse on it at 5.99:1. */
3468
4010
  success: string;
3469
- /** Light green tint behind success messages, such as a success Alert. */
4011
+ /** Light green tint behind success messages, such as a success Alert. Success text on it is 5.34:1. */
3470
4012
  'success-muted': string;
3471
- /** Strong orange fill for warning states, such as a warning indicator. */
4013
+ /** Strong yellow fill for warning states, such as a warning indicator, with text.inverse on it at 6.01:1. */
3472
4014
  warning: string;
3473
- /** Light orange tint behind warning messages, such as a warning Alert. */
4015
+ /** Light yellow tint behind warning messages, such as a warning Alert. Warning text on it is 5.37:1. */
3474
4016
  'warning-muted': string;
3475
4017
  /** Fill of a disabled control, such as a disabled Button or Switch. */
3476
4018
  disabled: string;
3477
- /** Fill of a neutral control at rest, such as the secondary Button. */
4019
+ /** Fill of a neutral control at rest, such as the secondary Button (decision 0040). */
3478
4020
  default: string;
3479
4021
  /** Fill of a hovered neutral control, such as the secondary Button. */
3480
4022
  'default-hover': string;
@@ -3488,6 +4030,62 @@ export type Tokens = {
3488
4030
  'none-pressed': string;
3489
4031
  /** Hover tint for a fill-less element on a dark background, such as a count on a dark tab. */
3490
4032
  'inverse-none-hover': string;
4033
+ /** Strong orange fill for serious-warning states, with text.inverse on it at 6.04:1. */
4034
+ serious: string;
4035
+ /** Light orange tint behind serious-warning messages. */
4036
+ 'serious-muted': string;
4037
+ /** Light purple tint behind AI-generated content and agent proposals, always with the AI icon and a label (0043). */
4038
+ 'ai-muted': string;
4039
+ };
4040
+ /** Colours for charts and other data display (decision 0043). Each chart type has its own set; a chart never mixes them, and every value or series also carries a label, sign or legend. */
4041
+ data: {
4042
+ /** Good values and money in: gains, rises, credits. Always with a sign or arrow. 3.75:1 on white, the same step as negative so neither looks heavier. */
4043
+ positive: string;
4044
+ /** Bad values and money out: losses, falls, debits. Always with a sign or arrow. 3.74:1 on white, 0.118 apart from positive under every kind of colour vision. */
4045
+ negative: string;
4046
+ /** Category series, in order, with no meaning; group more than four coloured series into other, or label them directly. */
4047
+ categorical: {
4048
+ /** Category series 1 (olive). 6.02:1 on white. */
4049
+ '1': string;
4050
+ /** Category series 2 (periwinkle). 3.20:1 on white. */
4051
+ '2': string;
4052
+ /** Category series 3 (rose). 3.20:1 on white. */
4053
+ '3': string;
4054
+ /** Category series 4 (magenta). 6.02:1 on white. */
4055
+ '4': string;
4056
+ /** The other or remaining series, always last and labelled. 3.19:1 on white. */
4057
+ other: string;
4058
+ };
4059
+ diverging: {
4060
+ /** A comparison with no good or bad, from olive through neutral grey to magenta. */
4061
+ balance: {
4062
+ /** Diverging step 1 of 5. The strongest olive end. 6.02:1 on white. */
4063
+ '1': string;
4064
+ /** Diverging step 2 of 5. The lighter olive side. 3.18:1 on white. */
4065
+ '2': string;
4066
+ /** Diverging step 3 of 5. The neutral centre: no difference. */
4067
+ '3': string;
4068
+ /** Diverging step 4 of 5. The lighter magenta side. 3.20:1 on white. */
4069
+ '4': string;
4070
+ /** Diverging step 5 of 5. The strongest magenta end. 6.02:1 on white. */
4071
+ '5': string;
4072
+ };
4073
+ };
4074
+ sequential: {
4075
+ /** Magnitude, from the lowest value (1) to the highest (5), in periwinkle. */
4076
+ periwinkle: {
4077
+ /** Sequential step 1 of 5. 1.12:1 on white. */
4078
+ '1': string;
4079
+ /** Sequential step 2 of 5. 1.37:1 on white. */
4080
+ '2': string;
4081
+ /** Sequential step 3 of 5. 3.20:1 on white. */
4082
+ '3': string;
4083
+ /** Sequential step 4 of 5. 4.37:1 on white. */
4084
+ '4': string;
4085
+ /** Sequential step 5 of 5. 15.91:1 on white. */
4086
+ '5': string;
4087
+ };
4088
+ };
3491
4089
  };
3492
4090
  };
3493
4091
  typography: {
@@ -3538,7 +4136,7 @@ export type Tokens = {
3538
4136
  /**
3539
4137
  * Breadcrumb-sized text; not used today, as Breadcrumbs uses typography.caption.
3540
4138
  *
3541
- * @deprecated Moved to the component tier as component.breadcrumbs.font (decision 0031 §6). Removed in 3.0.
4139
+ * @deprecated Moved to the component tier as component.breadcrumbs.font (decision 0031 §6). Removed in 3.0. Use `semantic.typography.caption`.
3542
4140
  */
3543
4141
  breadcrumb: string;
3544
4142
  };