@common-origin/design-system 2.23.0 → 3.0.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 (116) hide show
  1. package/README.md +2 -2
  2. package/dist/client.js +184 -479
  3. package/dist/client.js.map +1 -1
  4. package/dist/components/atoms/Badge/Badge.d.mts +5 -12
  5. package/dist/components/atoms/Badge/Badge.d.ts +5 -12
  6. package/dist/components/atoms/Badge/Badge.mjs +0 -7
  7. package/dist/components/atoms/Badge/index.d.mts +1 -1
  8. package/dist/components/atoms/Badge/index.d.ts +1 -1
  9. package/dist/components/atoms/Box/Box.d.mts +22 -34
  10. package/dist/components/atoms/Box/Box.d.ts +22 -34
  11. package/dist/components/atoms/Box/Box.mjs +8 -11
  12. package/dist/components/atoms/Button/Button.d.mts +1 -4
  13. package/dist/components/atoms/Button/Button.d.ts +1 -4
  14. package/dist/components/atoms/Button/Button.mjs +3 -10
  15. package/dist/components/atoms/CategoryLabel/CategoryLabel.d.mts +4 -12
  16. package/dist/components/atoms/CategoryLabel/CategoryLabel.d.ts +4 -12
  17. package/dist/components/atoms/CategoryLabel/CategoryLabel.mjs +5 -16
  18. package/dist/components/atoms/Chip/Chip.d.mts +8 -20
  19. package/dist/components/atoms/Chip/Chip.d.ts +8 -20
  20. package/dist/components/atoms/Chip/Chip.mjs +20 -46
  21. package/dist/components/atoms/Chip/Chip.mjs.map +1 -1
  22. package/dist/components/atoms/Chip/FilterChip.d.mts +22 -10
  23. package/dist/components/atoms/Chip/FilterChip.d.ts +22 -10
  24. package/dist/components/atoms/Chip/FilterChip.mjs +66 -6
  25. package/dist/components/atoms/Chip/FilterChip.mjs.map +1 -1
  26. package/dist/components/atoms/Chip/InputChip.mjs +4 -6
  27. package/dist/components/atoms/Chip/InputChip.mjs.map +1 -1
  28. package/dist/components/atoms/Chip/index.d.mts +0 -1
  29. package/dist/components/atoms/Chip/index.d.ts +0 -1
  30. package/dist/components/atoms/Chip/shared/types.d.mts +9 -19
  31. package/dist/components/atoms/Chip/shared/types.d.ts +9 -19
  32. package/dist/components/atoms/Chip/shared/utils.d.mts +3 -3
  33. package/dist/components/atoms/Chip/shared/utils.d.ts +3 -3
  34. package/dist/components/atoms/Chip/shared/utils.mjs +4 -8
  35. package/dist/components/atoms/Chip/shared/utils.mjs.map +1 -1
  36. package/dist/components/atoms/DateFormatter/DateFormatter.d.mts +2 -5
  37. package/dist/components/atoms/DateFormatter/DateFormatter.d.ts +2 -5
  38. package/dist/components/atoms/DateFormatter/DateFormatter.mjs +0 -1
  39. package/dist/components/atoms/StatusLabel/StatusLabel.mjs +1 -4
  40. package/dist/components/atoms/StatusLabel/StatusLabel.mjs.map +1 -1
  41. package/dist/components/atoms/StatusLabel/StatusLabelBase.d.mts +5 -7
  42. package/dist/components/atoms/StatusLabel/StatusLabelBase.d.ts +5 -7
  43. package/dist/components/atoms/StatusLabel/StatusLabelBase.mjs +10 -12
  44. package/dist/components/atoms/Tag/Tag.d.mts +2 -4
  45. package/dist/components/atoms/Tag/Tag.d.ts +2 -4
  46. package/dist/components/atoms/Tag/Tag.mjs +0 -24
  47. package/dist/components/atoms/index.d.mts +0 -2
  48. package/dist/components/atoms/index.d.ts +0 -2
  49. package/dist/components/layout/GridSystem/GridSystem.d.mts +23 -18
  50. package/dist/components/layout/GridSystem/GridSystem.d.ts +23 -18
  51. package/dist/components/layout/GridSystem/GridSystem.mjs +7 -5
  52. package/dist/components/molecules/AgentInput/AgentInput.d.mts +5 -0
  53. package/dist/components/molecules/AgentInput/AgentInput.d.ts +5 -0
  54. package/dist/components/molecules/AgentInput/AgentInput.mjs +1 -1
  55. package/dist/components/molecules/Alert/Alert.d.mts +1 -9
  56. package/dist/components/molecules/Alert/Alert.d.ts +1 -9
  57. package/dist/components/molecules/Alert/Alert.mjs +13 -26
  58. package/dist/components/molecules/ChipGroup/ChipGroup.d.mts +0 -1
  59. package/dist/components/molecules/ChipGroup/ChipGroup.d.ts +0 -1
  60. package/dist/components/molecules/ChipGroup/ChipGroup.mjs +1 -6
  61. package/dist/components/molecules/DateGroup/DateGroup.d.mts +1 -2
  62. package/dist/components/molecules/DateGroup/DateGroup.d.ts +1 -2
  63. package/dist/components/molecules/Modal/Modal.d.mts +0 -1
  64. package/dist/components/molecules/Modal/Modal.d.ts +0 -1
  65. package/dist/components/molecules/TabBar/TabBar.d.mts +0 -13
  66. package/dist/components/molecules/TabBar/TabBar.d.ts +0 -13
  67. package/dist/components/molecules/TabBar/TabBar.mjs +2 -4
  68. package/dist/components/molecules/TabBar/index.d.mts +1 -1
  69. package/dist/components/molecules/TabBar/index.d.ts +1 -1
  70. package/dist/components/molecules/index.d.mts +0 -1
  71. package/dist/components/molecules/index.d.ts +0 -1
  72. package/dist/data.js +13 -556
  73. package/dist/data.js.map +1 -1
  74. package/dist/index.js +0 -5
  75. package/dist/index.js.map +1 -1
  76. package/dist/index.mjs +1 -5
  77. package/dist/index.mjs.map +1 -1
  78. package/dist/lib/tokenAliases.d.mts +11 -11
  79. package/dist/lib/tokenAliases.d.ts +11 -11
  80. package/dist/lib/tokenAliases.mjs +13 -88
  81. package/dist/lib/tokenAliases.mjs.map +1 -1
  82. package/dist/styles/tokens.d.mts +3 -2347
  83. package/dist/styles/tokens.d.ts +3 -2347
  84. package/dist/styles/tokens.json +13 -556
  85. package/dist/styles/tokens.json.mjs +13 -556
  86. package/dist/styles/tokens.json.mjs.map +1 -1
  87. package/dist/tokens/index.js +13 -556
  88. package/dist/tokens/index.js.map +1 -1
  89. package/dist/tokens/index.mjs +13 -556
  90. package/dist/tokens/index.mjs.map +1 -1
  91. package/dist/tokens/styles/tokens.d.mts +3 -2347
  92. package/dist/tokens/styles/tokens.d.ts +3 -2347
  93. package/dist/tokens.css +6 -478
  94. package/package.json +2 -2
  95. package/dist/components/atoms/CategoryBadge/CategoryBadge.d.mts +0 -29
  96. package/dist/components/atoms/CategoryBadge/CategoryBadge.d.ts +0 -29
  97. package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs +0 -29
  98. package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs.map +0 -1
  99. package/dist/components/atoms/CategoryBadge/index.d.mts +0 -2
  100. package/dist/components/atoms/CategoryBadge/index.d.ts +0 -2
  101. package/dist/components/atoms/Chip/BooleanChip.d.mts +0 -28
  102. package/dist/components/atoms/Chip/BooleanChip.d.ts +0 -28
  103. package/dist/components/atoms/Chip/BooleanChip.mjs +0 -76
  104. package/dist/components/atoms/Chip/BooleanChip.mjs.map +0 -1
  105. package/dist/components/atoms/StatusBadge/StatusBadge.d.mts +0 -24
  106. package/dist/components/atoms/StatusBadge/StatusBadge.d.ts +0 -24
  107. package/dist/components/atoms/StatusBadge/StatusBadge.mjs +0 -18
  108. package/dist/components/atoms/StatusBadge/StatusBadge.mjs.map +0 -1
  109. package/dist/components/atoms/StatusBadge/index.d.mts +0 -2
  110. package/dist/components/atoms/StatusBadge/index.d.ts +0 -2
  111. package/dist/components/molecules/PageTitle/PageTitle.d.mts +0 -21
  112. package/dist/components/molecules/PageTitle/PageTitle.d.ts +0 -21
  113. package/dist/components/molecules/PageTitle/PageTitle.mjs +0 -77
  114. package/dist/components/molecules/PageTitle/PageTitle.mjs.map +0 -1
  115. package/dist/components/molecules/PageTitle/index.d.mts +0 -1
  116. package/dist/components/molecules/PageTitle/index.d.ts +0 -1
@@ -115,142 +115,6 @@ export type Tokens = {
115
115
  };
116
116
  /** Size keywords (auto, full, screen, min, max, fit). The numbered steps are deprecated aliases of base.dimension. */
117
117
  size: {
118
- /**
119
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.0`.
120
- */
121
- '0': string;
122
- /**
123
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.1`.
124
- */
125
- '1': string;
126
- /**
127
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.2`.
128
- */
129
- '2': string;
130
- /**
131
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.3`.
132
- */
133
- '3': string;
134
- /**
135
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.4`.
136
- */
137
- '4': string;
138
- /**
139
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.5`.
140
- */
141
- '5': string;
142
- /**
143
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.6`.
144
- */
145
- '6': string;
146
- /**
147
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.7`.
148
- */
149
- '7': string;
150
- /**
151
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.8`.
152
- */
153
- '8': string;
154
- /**
155
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.9`.
156
- */
157
- '9': string;
158
- /**
159
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.10`.
160
- */
161
- '10': string;
162
- /**
163
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.11`.
164
- */
165
- '11': string;
166
- /**
167
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.12`.
168
- */
169
- '12': string;
170
- /**
171
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.14`.
172
- */
173
- '14': string;
174
- /**
175
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.15`.
176
- */
177
- '15': string;
178
- /**
179
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.16`.
180
- */
181
- '16': string;
182
- /**
183
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.18`.
184
- */
185
- '18': string;
186
- /**
187
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.20`.
188
- */
189
- '20': string;
190
- /**
191
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.24`.
192
- */
193
- '24': string;
194
- /**
195
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.28`.
196
- */
197
- '28': string;
198
- /**
199
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.30`.
200
- */
201
- '30': string;
202
- /**
203
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.32`.
204
- */
205
- '32': string;
206
- /**
207
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.40`.
208
- */
209
- '40': string;
210
- /**
211
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.45`.
212
- */
213
- '45': string;
214
- /**
215
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.48`.
216
- */
217
- '48': string;
218
- /**
219
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.50`.
220
- */
221
- '50': string;
222
- /**
223
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.56`.
224
- */
225
- '56': string;
226
- /**
227
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.64`.
228
- */
229
- '64': string;
230
- /**
231
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.75`.
232
- */
233
- '75': string;
234
- /**
235
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.90`.
236
- */
237
- '90': string;
238
- /**
239
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.100`.
240
- */
241
- '100': string;
242
- /**
243
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.140`.
244
- */
245
- '140': string;
246
- /**
247
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.180`.
248
- */
249
- '180': string;
250
- /**
251
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.192`.
252
- */
253
- '192': string;
254
118
  auto: string;
255
119
  full: string;
256
120
  screen: string;
@@ -858,529 +722,9 @@ export type Tokens = {
858
722
  /** Primary text, and the darkest step. Composites to magenta.1200 over white. */
859
723
  '1200': string;
860
724
  };
861
- /** Neutral grey ramp: 000 is white, then 100 (lightest grey) to 1000 (near-black). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
906
- '000': string;
907
- };
908
- /** Green ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
961
- '1300': string;
962
- };
963
- /** Orange ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
1016
- '1300': string;
1017
- };
1018
- /** Red ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
1071
- '1300': string;
1072
- };
1073
- /** Blue ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
1126
- '1300': string;
1127
- };
1128
- /** Purple ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
1181
- '1300': string;
1182
- };
1183
- /** Pink ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
1236
- '1300': string;
1237
- };
1238
- /** Yellow ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
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
- */
1291
- '1300': string;
1292
- };
1293
725
  };
1294
726
  /** Spacing keyword auto. The numbered steps are deprecated aliases of base.dimension. */
1295
727
  spacing: {
1296
- /**
1297
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.0`.
1298
- */
1299
- '0': string;
1300
- /**
1301
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.1`.
1302
- */
1303
- '1': string;
1304
- /**
1305
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.2`.
1306
- */
1307
- '2': string;
1308
- /**
1309
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.3`.
1310
- */
1311
- '3': string;
1312
- /**
1313
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.4`.
1314
- */
1315
- '4': string;
1316
- /**
1317
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.5`.
1318
- */
1319
- '5': string;
1320
- /**
1321
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.6`.
1322
- */
1323
- '6': string;
1324
- /**
1325
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.7`.
1326
- */
1327
- '7': string;
1328
- /**
1329
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.8`.
1330
- */
1331
- '8': string;
1332
- /**
1333
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.9`.
1334
- */
1335
- '9': string;
1336
- /**
1337
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.10`.
1338
- */
1339
- '10': string;
1340
- /**
1341
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.12`.
1342
- */
1343
- '12': string;
1344
- /**
1345
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.14`.
1346
- */
1347
- '14': string;
1348
- /**
1349
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.16`.
1350
- */
1351
- '16': string;
1352
- /**
1353
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.20`.
1354
- */
1355
- '20': string;
1356
- /**
1357
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.24`.
1358
- */
1359
- '24': string;
1360
- /**
1361
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.28`.
1362
- */
1363
- '28': string;
1364
- /**
1365
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.32`.
1366
- */
1367
- '32': string;
1368
- /**
1369
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.40`.
1370
- */
1371
- '40': string;
1372
- /**
1373
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.48`.
1374
- */
1375
- '48': string;
1376
- /**
1377
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.56`.
1378
- */
1379
- '56': string;
1380
- /**
1381
- * @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.64`.
1382
- */
1383
- '64': string;
1384
728
  auto: string;
1385
729
  };
1386
730
  /** Font stacks keyed by role: heading, body and monospace. */
@@ -1480,12 +824,6 @@ export type Tokens = {
1480
824
  textColor: string;
1481
825
  /** Corner radius of every Button (visual language: Button uses sm). */
1482
826
  borderRadius: string;
1483
- /**
1484
- * Padding of the primary Button.
1485
- *
1486
- * @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0.
1487
- */
1488
- padding: string;
1489
827
  /** Button label typography, the same as sizes.large.font. */
1490
828
  font: string;
1491
829
  };
@@ -1500,12 +838,6 @@ export type Tokens = {
1500
838
  focus: {
1501
839
  /** Focus ring on every Button. */
1502
840
  outline: string;
1503
- /**
1504
- * Gap between a Button and its focus outline.
1505
- *
1506
- * @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
1507
- */
1508
- outlineOffset: string;
1509
841
  };
1510
842
  disabled: {
1511
843
  /** Disabled primary Button fill. */
@@ -1574,50 +906,6 @@ export type Tokens = {
1574
906
  textColor: string;
1575
907
  };
1576
908
  };
1577
- emphasis: {
1578
- /**
1579
- * Fill of the accent Button: the blue call to action above primary, at most one per view (decision 0016).
1580
- *
1581
- * @deprecated Use component.button.variants.accent.backgroundColor. Alias kept until 3.0 (decision 0016).
1582
- */
1583
- backgroundColor: string;
1584
- /**
1585
- * Text and icon colour on the accent Button.
1586
- *
1587
- * @deprecated Use component.button.variants.accent.textColor. Alias kept until 3.0 (decision 0016).
1588
- */
1589
- textColor: string;
1590
- hover: {
1591
- /**
1592
- * Accent Button fill on hover.
1593
- *
1594
- * @deprecated Use component.button.variants.accent.hover.backgroundColor. Alias kept until 3.0 (decision 0016).
1595
- */
1596
- backgroundColor: string;
1597
- };
1598
- active: {
1599
- /**
1600
- * Accent Button fill while pressed.
1601
- *
1602
- * @deprecated Use component.button.variants.accent.active.backgroundColor. Alias kept until 3.0 (decision 0016).
1603
- */
1604
- backgroundColor: string;
1605
- };
1606
- disabled: {
1607
- /**
1608
- * Disabled accent Button fill.
1609
- *
1610
- * @deprecated Use component.button.variants.accent.disabled.backgroundColor. Alias kept until 3.0 (decision 0016).
1611
- */
1612
- backgroundColor: string;
1613
- /**
1614
- * Disabled accent Button text and icon colour.
1615
- *
1616
- * @deprecated Use component.button.variants.accent.disabled.textColor. Alias kept until 3.0 (decision 0016).
1617
- */
1618
- textColor: string;
1619
- };
1620
- };
1621
909
  danger: {
1622
910
  /** Danger Button fill at rest, for destructive actions. */
1623
911
  backgroundColor: string;
@@ -1641,34 +929,16 @@ export type Tokens = {
1641
929
  };
1642
930
  sizes: {
1643
931
  small: {
1644
- /**
1645
- * Padding of the small Button.
1646
- *
1647
- * @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0.
1648
- */
1649
- padding: string;
1650
932
  /** Small Button text: the caption style, with button.sizes.small.fontWeight after it. */
1651
933
  font: string;
1652
934
  /** Weight of small Button text, set after the font: medium, as the other sizes. */
1653
935
  fontWeight: string;
1654
936
  };
1655
937
  medium: {
1656
- /**
1657
- * Padding of the medium Button.
1658
- *
1659
- * @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .lg. Removed in 3.0.
1660
- */
1661
- padding: string;
1662
938
  /** Medium Button label typography. */
1663
939
  font: string;
1664
940
  };
1665
941
  large: {
1666
- /**
1667
- * Padding of the large Button.
1668
- *
1669
- * @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0.
1670
- */
1671
- padding: string;
1672
942
  /** Large Button label typography. */
1673
943
  font: string;
1674
944
  };
@@ -1686,32 +956,12 @@ export type Tokens = {
1686
956
  textColor: string;
1687
957
  /** Corner radius of every chip: rounder than Button, to signal a different job (decision 0016). */
1688
958
  borderRadius: string;
1689
- /**
1690
- * Padding of a chip before chips took padding per size.
1691
- *
1692
- * @deprecated No component spacing tokens (decision 0022). No chip reads it; chips take padding per size. Removed in 3.0.
1693
- */
1694
- padding: string;
1695
959
  /** Chip label typography, the same as sizes.large.font. */
1696
960
  font: string;
1697
961
  };
1698
- hover: {
1699
- /** Default chip fill on hover, when it's clickable. */
1700
- backgroundColor: string;
1701
- };
1702
- active: {
1703
- /** Default chip fill while pressed, when it's clickable. */
1704
- backgroundColor: string;
1705
- };
1706
962
  focus: {
1707
963
  /** Focus ring on every chip and its close button. */
1708
964
  outline: string;
1709
- /**
1710
- * Gap between a chip and its focus outline.
1711
- *
1712
- * @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
1713
- */
1714
- outlineOffset: string;
1715
965
  };
1716
966
  disabled: {
1717
967
  /** Disabled default chip fill. */
@@ -1720,26 +970,6 @@ export type Tokens = {
1720
970
  textColor: string;
1721
971
  };
1722
972
  variants: {
1723
- emphasis: {
1724
- /** Emphasis chip fill at rest. */
1725
- backgroundColor: string;
1726
- /** Emphasis chip text and icon colour. */
1727
- textColor: string;
1728
- hover: {
1729
- /** Emphasis chip fill on hover, when it's clickable. */
1730
- backgroundColor: string;
1731
- };
1732
- active: {
1733
- /** Emphasis chip fill while pressed, when it's clickable. */
1734
- backgroundColor: string;
1735
- };
1736
- disabled: {
1737
- /** Disabled emphasis chip fill. */
1738
- backgroundColor: string;
1739
- /** Disabled emphasis chip text and icon colour. */
1740
- textColor: string;
1741
- };
1742
- };
1743
973
  subtle: {
1744
974
  /** Subtle chip fill at rest. */
1745
975
  backgroundColor: string;
@@ -1760,357 +990,45 @@ export type Tokens = {
1760
990
  textColor: string;
1761
991
  };
1762
992
  };
1763
- interactive: {
1764
- /** Interactive chip fill at rest. */
1765
- backgroundColor: string;
1766
- /** Interactive chip text and icon colour. */
1767
- textColor: string;
1768
- hover: {
1769
- /** Interactive chip fill on hover, when it's clickable. */
1770
- backgroundColor: string;
1771
- };
1772
- active: {
1773
- /** Interactive chip fill while pressed, when it's clickable. */
1774
- backgroundColor: string;
1775
- };
1776
- disabled: {
1777
- /** Disabled interactive chip fill. */
1778
- backgroundColor: string;
1779
- /** Disabled interactive chip text and icon colour. */
1780
- textColor: string;
1781
- };
1782
- };
1783
993
  };
1784
994
  sizes: {
1785
- small: {
1786
- /**
1787
- * Padding of the small chip.
1788
- *
1789
- * @deprecated Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0.
1790
- */
1791
- padding: string;
1792
- /**
1793
- * Label typography of the small chip.
1794
- *
1795
- * @deprecated Chips have one size (decision 0035). Use component.chip.sizes.medium.font. Removed in 3.0.
1796
- */
1797
- font: string;
1798
- };
1799
995
  medium: {
1800
- /**
1801
- * Padding of the medium chip.
1802
- *
1803
- * @deprecated Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0.
1804
- */
1805
- padding: string;
1806
996
  /** Chip label typography. Every chip uses it: chips have one size (decision 0035). */
1807
997
  font: string;
1808
998
  };
1809
- large: {
1810
- /**
1811
- * Padding of the large chip, which no chip used.
1812
- *
1813
- * @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0.
1814
- */
1815
- padding: string;
1816
- /**
1817
- * Label typography of the large chip, which no chip used.
1818
- *
1819
- * @deprecated Chips have one size (decision 0035). Use component.chip.sizes.medium.font. Removed in 3.0.
1820
- */
1821
- font: string;
1822
- };
1823
999
  };
1824
1000
  };
1825
1001
  iconButton: {
1826
1002
  primary: {
1827
- /**
1828
- * Fill of the primary IconButton at rest.
1829
- *
1830
- * @deprecated IconButton reads component.button.primary.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1831
- */
1832
- backgroundColor: string;
1833
1003
  /** Corner radius of every IconButton, matching Button. */
1834
1004
  borderRadius: string;
1835
- /**
1836
- * Minimum width of the medium IconButton, duplicated from its sizes.
1837
- *
1838
- * @deprecated No IconButton reads it: sizes take their minimum width from semantic.size.control (decision 0034). Removed in 3.0. Use `semantic.size.control.md`.
1839
- */
1840
- minWidth: string;
1841
- /**
1842
- * Minimum height of the medium IconButton, duplicated from its sizes.
1843
- *
1844
- * @deprecated No IconButton reads it: sizes take their minimum height from semantic.size.control (decision 0034). Removed in 3.0. Use `semantic.size.control.md`.
1845
- */
1846
- minHeight: string;
1847
- /**
1848
- * Display of IconButton's content box.
1849
- *
1850
- * @deprecated Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets display: flex itself. Removed in 3.0.
1851
- */
1852
- display: string;
1853
- /**
1854
- * Vertical alignment of IconButton's icon.
1855
- *
1856
- * @deprecated Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets align-items: center itself. Removed in 3.0.
1857
- */
1858
- alignItems: string;
1859
- /**
1860
- * Horizontal alignment of IconButton's icon.
1861
- *
1862
- * @deprecated Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets justify-content: center itself. Removed in 3.0.
1863
- */
1864
- justifyContent: string;
1865
- };
1866
- hover: {
1867
- /**
1868
- * Fill of the primary IconButton on hover.
1869
- *
1870
- * @deprecated IconButton reads component.button.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1871
- */
1872
- backgroundColor: string;
1873
- };
1874
- active: {
1875
- /**
1876
- * Fill of the primary IconButton while pressed.
1877
- *
1878
- * @deprecated IconButton reads component.button.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1879
- */
1880
- backgroundColor: string;
1881
1005
  };
1882
1006
  focus: {
1883
1007
  /** Focus ring on every IconButton. */
1884
1008
  outline: string;
1885
- /**
1886
- * Gap between an IconButton and its focus outline.
1887
- *
1888
- * @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
1889
- */
1890
- outlineOffset: string;
1891
- };
1892
- disabled: {
1893
- /**
1894
- * Fill of the primary IconButton when disabled.
1895
- *
1896
- * @deprecated IconButton reads component.button.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1897
- */
1898
- backgroundColor: string;
1899
- };
1900
- variants: {
1901
- secondary: {
1902
- /**
1903
- * Fill of the secondary IconButton at rest.
1904
- *
1905
- * @deprecated IconButton reads component.button.variants.secondary.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1906
- */
1907
- backgroundColor: string;
1908
- hover: {
1909
- /**
1910
- * Fill of the secondary IconButton on hover.
1911
- *
1912
- * @deprecated IconButton reads component.button.variants.secondary.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1913
- */
1914
- backgroundColor: string;
1915
- };
1916
- active: {
1917
- /**
1918
- * Fill of the secondary IconButton while pressed.
1919
- *
1920
- * @deprecated IconButton reads component.button.variants.secondary.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1921
- */
1922
- backgroundColor: string;
1923
- };
1924
- disabled: {
1925
- /**
1926
- * Fill of the secondary IconButton when disabled.
1927
- *
1928
- * @deprecated IconButton reads component.button.variants.secondary.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1929
- */
1930
- backgroundColor: string;
1931
- };
1932
- };
1933
- naked: {
1934
- /**
1935
- * Fill of the naked IconButton at rest.
1936
- *
1937
- * @deprecated IconButton reads component.button.variants.naked.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1938
- */
1939
- backgroundColor: string;
1940
- hover: {
1941
- /**
1942
- * Fill of the naked IconButton on hover.
1943
- *
1944
- * @deprecated IconButton reads component.button.variants.naked.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1945
- */
1946
- backgroundColor: string;
1947
- };
1948
- active: {
1949
- /**
1950
- * Fill of the naked IconButton while pressed.
1951
- *
1952
- * @deprecated IconButton reads component.button.variants.naked.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1953
- */
1954
- backgroundColor: string;
1955
- };
1956
- disabled: {
1957
- /**
1958
- * Fill of the naked IconButton when disabled.
1959
- *
1960
- * @deprecated IconButton reads component.button.variants.naked.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
1961
- */
1962
- backgroundColor: string;
1963
- };
1964
- };
1965
- };
1966
- sizes: {
1967
- small: {
1968
- /**
1969
- * Minimum width of the small IconButton.
1970
- *
1971
- * @deprecated IconButton takes its minimum width from semantic.size.control.sm (decision 0034). Removed in 3.0.
1972
- */
1973
- minWidth: string;
1974
- /**
1975
- * Minimum height of the small IconButton.
1976
- *
1977
- * @deprecated IconButton takes its minimum height from semantic.size.control.sm (decision 0034). Removed in 3.0.
1978
- */
1979
- minHeight: string;
1980
- /**
1981
- * Padding of the small IconButton.
1982
- *
1983
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0.
1984
- */
1985
- padding: string;
1986
- };
1987
- medium: {
1988
- /**
1989
- * Minimum width of the medium IconButton.
1990
- *
1991
- * @deprecated IconButton takes its minimum width from semantic.size.control.md (decision 0034). Removed in 3.0.
1992
- */
1993
- minWidth: string;
1994
- /**
1995
- * Minimum height of the medium IconButton.
1996
- *
1997
- * @deprecated IconButton takes its minimum height from semantic.size.control.md (decision 0034). Removed in 3.0.
1998
- */
1999
- minHeight: string;
2000
- /**
2001
- * Padding of the medium IconButton.
2002
- *
2003
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.sm. Removed in 3.0.
2004
- */
2005
- padding: string;
2006
- };
2007
- large: {
2008
- /**
2009
- * Minimum width of the large IconButton.
2010
- *
2011
- * @deprecated IconButton takes its minimum width from semantic.size.control.lg (decision 0034). Removed in 3.0.
2012
- */
2013
- minWidth: string;
2014
- /**
2015
- * Minimum height of the large IconButton.
2016
- *
2017
- * @deprecated IconButton takes its minimum height from semantic.size.control.lg (decision 0034). Removed in 3.0.
2018
- */
2019
- minHeight: string;
2020
- /**
2021
- * Padding of the large IconButton.
2022
- *
2023
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.md. Removed in 3.0.
2024
- */
2025
- padding: string;
2026
- };
2027
1009
  };
2028
1010
  };
2029
1011
  separator: {
2030
1012
  /** Divider line, the same as variants.default.border. */
2031
1013
  border: string;
2032
- /**
2033
- * Space around a Divider.
2034
- *
2035
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
2036
- */
2037
- margin: string;
2038
1014
  variants: {
2039
1015
  default: {
2040
1016
  /** Default Divider line. */
2041
1017
  border: string;
2042
- /**
2043
- * Space around the default Divider variant.
2044
- *
2045
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
2046
- */
2047
- margin: string;
2048
1018
  };
2049
1019
  strong: {
2050
1020
  /** Strong Divider line, for a firmer break. */
2051
1021
  border: string;
2052
- /**
2053
- * Space around a strong Divider.
2054
- *
2055
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
2056
- */
2057
- margin: string;
2058
1022
  };
2059
1023
  minimal: {
2060
1024
  /** Minimal Divider line. */
2061
1025
  border: string;
2062
- /**
2063
- * Space around a minimal Divider.
2064
- *
2065
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.600 (vertical margin). Removed in 3.0.
2066
- */
2067
- margin: string;
2068
- };
2069
- };
2070
- sizes: {
2071
- small: {
2072
- /**
2073
- * Space around a small Divider.
2074
- *
2075
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.400 (vertical margin). Removed in 3.0.
2076
- */
2077
- margin: string;
2078
- };
2079
- medium: {
2080
- /**
2081
- * Space around a medium Divider.
2082
- *
2083
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.600 (vertical margin). Removed in 3.0.
2084
- */
2085
- margin: string;
2086
- };
2087
- large: {
2088
- /**
2089
- * Space around a large Divider.
2090
- *
2091
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
2092
- */
2093
- margin: string;
2094
- };
2095
- xlarge: {
2096
- /**
2097
- * Space around an extra-large Divider.
2098
- *
2099
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.1200 (vertical margin). Removed in 3.0.
2100
- */
2101
- margin: string;
2102
1026
  };
2103
1027
  };
2104
1028
  };
2105
1029
  progressBar: {
2106
1030
  /** ProgressBar track, behind the filled part. */
2107
1031
  backgroundColor: string;
2108
- /**
2109
- * Corner radius of the ProgressBar track and fill.
2110
- *
2111
- * @deprecated ProgressBar never read it; its track and fill use semantic.radius.xs. Removed in 3.0.
2112
- */
2113
- borderRadius: string;
2114
1032
  sizes: {
2115
1033
  sm: {
2116
1034
  /** Thickness of the small ProgressBar, the thinnest size. */
@@ -2142,18 +1060,6 @@ export type Tokens = {
2142
1060
  borderRadius: string;
2143
1061
  /** Border width of text inputs and the Checkbox box. */
2144
1062
  borderWidth: string;
2145
- /**
2146
- * Vertical padding of single-line text inputs.
2147
- *
2148
- * @deprecated Single-line fields take their min-height from semantic.size.control.lg with no vertical padding (decisions 0022 and 0034). Removed in 3.0.
2149
- */
2150
- paddingY: string;
2151
- /**
2152
- * Horizontal padding of text inputs.
2153
- *
2154
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.lg. Removed in 3.0.
2155
- */
2156
- paddingX: string;
2157
1063
  /** Text input value typography. */
2158
1064
  font: string;
2159
1065
  };
@@ -2170,12 +1076,6 @@ export type Tokens = {
2170
1076
  borderColor: string;
2171
1077
  /** Focus ring on text inputs and the Checkbox box. */
2172
1078
  outline: string;
2173
- /**
2174
- * Gap between a text input and its focus outline.
2175
- *
2176
- * @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
2177
- */
2178
- outlineOffset: string;
2179
1079
  };
2180
1080
  error: {
2181
1081
  /** Text input border when invalid. */
@@ -2185,12 +1085,6 @@ export type Tokens = {
2185
1085
  borderColor: string;
2186
1086
  /** Focus ring on an invalid text input. */
2187
1087
  outline: string;
2188
- /**
2189
- * Gap between a text input in its error state and its focus outline.
2190
- *
2191
- * @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
2192
- */
2193
- outlineOffset: string;
2194
1088
  };
2195
1089
  hover: {
2196
1090
  /** Invalid text input border on hover. */
@@ -2204,12 +1098,6 @@ export type Tokens = {
2204
1098
  textColor: string;
2205
1099
  /** Disabled text input, Dropdown and Checkbox border. Stays light: WCAG 1.4.11 exempts inactive controls (decision 0025). */
2206
1100
  borderColor: string;
2207
- /**
2208
- * Cursor over a disabled text input.
2209
- *
2210
- * @deprecated Behaviour, not a design decision, stays in component code (decision 0014, rule 5); inputs set cursor: not-allowed themselves. Removed in 3.0.
2211
- */
2212
- cursor: string;
2213
1101
  };
2214
1102
  textarea: {
2215
1103
  /** Minimum height of TextArea, tall enough for a few lines of entry (decision 0034). */
@@ -2226,12 +1114,6 @@ export type Tokens = {
2226
1114
  minWidth: string;
2227
1115
  /** Height of the count Badge indicator on a button, tab or icon. */
2228
1116
  height: string;
2229
- /**
2230
- * Horizontal padding of a count Badge.
2231
- *
2232
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0.
2233
- */
2234
- paddingX: string;
2235
1117
  /** Line height of the count text, so the digits centre in the indicator. */
2236
1118
  lineHeight: string;
2237
1119
  };
@@ -2242,23 +1124,17 @@ export type Tokens = {
2242
1124
  /** Badge indicators are always fully circular. */
2243
1125
  borderRadius: string;
2244
1126
  label: {
2245
- /** Text weight for the badge-like label family: StatusBadge, CategoryBadge and Tag (decision 0014). Declare it after the typography shorthand, which would otherwise reset it. */
1127
+ /** Text weight for the badge-like label family: StatusLabel, CategoryLabel and Tag (decision 0014). Declare it after the typography shorthand, which would otherwise reset it. */
2246
1128
  fontWeight: string;
2247
1129
  typography: {
2248
- /** Typography for small labels in the badge-like family (StatusBadge, CategoryBadge small; Tag). Combine with label.fontWeight. */
1130
+ /** Typography for small labels in the badge-like family (StatusLabel small, CategoryLabel medium, Tag). Combine with label.fontWeight. */
2249
1131
  small: string;
2250
- /** Typography for medium labels in the badge-like family (StatusBadge, CategoryBadge medium). Combine with label.fontWeight. */
1132
+ /** Typography for medium labels in the badge-like family (StatusLabel medium, CategoryLabel large). Combine with label.fontWeight. */
2251
1133
  medium: string;
2252
1134
  };
2253
1135
  };
2254
1136
  };
2255
1137
  field: {
2256
- /**
2257
- * Vertical gap between a field's label, control and helper text.
2258
- *
2259
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.200. Removed in 3.0.
2260
- */
2261
- gap: string;
2262
1138
  label: {
2263
1139
  /** Field label text. */
2264
1140
  typography: string;
@@ -2266,12 +1142,6 @@ export type Tokens = {
2266
1142
  color: string;
2267
1143
  /** Field label colour when the field is disabled. */
2268
1144
  colorDisabled: string;
2269
- /**
2270
- * Gap between a label and its required indicator.
2271
- *
2272
- * @deprecated No component spacing tokens (decision 0022). Use semantic.space.100. Removed in 3.0.
2273
- */
2274
- gap: string;
2275
1145
  };
2276
1146
  requiredIndicator: {
2277
1147
  /** Colour of the required-field asterisk. */
@@ -2435,12 +1305,6 @@ export type Tokens = {
2435
1305
  /** Width at which a long Breadcrumbs label truncates with an ellipsis. */
2436
1306
  maxWidth: string;
2437
1307
  };
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
- */
2443
- font: string;
2444
1308
  };
2445
1309
  cardLarge: {
2446
1310
  /** Widest a CardLarge grows, so its text keeps a readable measure. */
@@ -2526,56 +1390,10 @@ export type Tokens = {
2526
1390
  background: string;
2527
1391
  };
2528
1392
  };
2529
- transaction: {
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
- */
2535
- credit: string;
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
- */
2541
- 'credit-hover': string;
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
- */
2547
- debit: string;
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
- */
2553
- 'debit-hover': string;
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
- */
2559
- pending: string;
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
- */
2565
- neutral: string;
2566
- };
2567
1393
  track: {
2568
1394
  /** 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. */
2569
1395
  background: string;
2570
1396
  };
2571
- 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
- */
2577
- border: string;
2578
- };
2579
1397
  };
2580
1398
  semantic: {
2581
1399
  elevation: {
@@ -2668,55 +1486,11 @@ export type Tokens = {
2668
1486
  /** 700. Headings (display to h4), overline, strong indicators such as the required-field asterisk. */
2669
1487
  bold: string;
2670
1488
  };
2671
- zIndex: {
2672
- /**
2673
- * Sticky and fixed chrome that stays visible while scrolling: sticky headers, section headers, navigation bars. Pair with elevation.sticky. Sits below dropdowns, overlays and modals.
2674
- *
2675
- * @deprecated Renamed to semantic.layer.sticky by the semantic grammar (decision 0031). Removed in 3.0.
2676
- */
2677
- sticky: string;
2678
- /**
2679
- * Floating menus anchored to a control: dropdown menus, select and autocomplete lists (Dropdown, SearchField). Pair with elevation.floating. Sits above sticky, below overlays.
2680
- *
2681
- * @deprecated Renamed to semantic.layer.dropdown by the semantic grammar (decision 0031). Removed in 3.0.
2682
- */
2683
- dropdown: string;
2684
- /**
2685
- * Panels that slide over the page and their backdrop: sheets, drawers (Sheet). The backdrop uses the same value and comes before the panel in the DOM. Pair with elevation.overlay. Sits below modals.
2686
- *
2687
- * @deprecated Renamed to semantic.layer.overlay by the semantic grammar (decision 0031). Removed in 3.0.
2688
- */
2689
- overlay: string;
2690
- /**
2691
- * Blocking dialogs and their backdrop: modals, action sheets (Modal, ActionSheet). The backdrop uses the same value and comes before the dialog in the DOM. Pair with elevation.overlay. Topmost layer in the system.
2692
- *
2693
- * @deprecated Renamed to semantic.layer.modal by the semantic grammar (decision 0031). Removed in 3.0.
2694
- */
2695
- modal: string;
2696
- };
2697
1489
  border: {
2698
1490
  /** 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). */
2699
1491
  default: string;
2700
- /**
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).
2702
- *
2703
- * @deprecated Renamed to semantic.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.border.default`.
2704
- */
2705
- subtle: string;
2706
- /**
2707
- * Hairline in near-black: a firm outline that must read as a boundary, such as a hovered or focused text input. 11.51:1 on white.
2708
- *
2709
- * @deprecated Renamed to semantic.border.input-hover by the semantic grammar (decision 0031). Removed in 3.0.
2710
- */
2711
- strong: string;
2712
1492
  /** The focus ring every component draws, with border.focusOffset; never blue (decision 0029). */
2713
1493
  focus: string;
2714
- /**
2715
- * Dotted underline marking text that has a tooltip.
2716
- *
2717
- * @deprecated Moved to the component tier as component.tooltip.border (decision 0031 §6). Removed in 3.0. Use `semantic.border.default`.
2718
- */
2719
- tooltip: string;
2720
1494
  width: {
2721
1495
  /** Hairline border: dividers, control edges and rings. */
2722
1496
  thin: string;
@@ -2725,68 +1499,6 @@ export type Tokens = {
2725
1499
  };
2726
1500
  /** Gap between an element and its focus ring; negate it to inset the ring inside the element. */
2727
1501
  focusOffset: string;
2728
- radius: {
2729
- /**
2730
- * No rounding - tables, dividers, inline code blocks, sharp-edged containers
2731
- *
2732
- * @deprecated Renamed to semantic.radius.none by the semantic grammar (decision 0031). Removed in 3.0.
2733
- */
2734
- none: string;
2735
- /**
2736
- * Minimal rounding - small badges, compact tags, inline buttons, checkboxes
2737
- *
2738
- * @deprecated Renamed to semantic.radius.xs by the semantic grammar (decision 0031). Removed in 3.0.
2739
- */
2740
- xs: string;
2741
- /**
2742
- * Subtle rounding - buttons, inputs, chips, form controls, list items
2743
- *
2744
- * @deprecated Renamed to semantic.radius.sm by the semantic grammar (decision 0031). Removed in 3.0.
2745
- */
2746
- sm: string;
2747
- /**
2748
- * Standard rounding - cards, containers, dropdowns, popovers, menus
2749
- *
2750
- * @deprecated Renamed to semantic.radius.md by the semantic grammar (decision 0031). Removed in 3.0.
2751
- */
2752
- md: string;
2753
- /**
2754
- * Generous rounding - modals, action sheets, dialogs, feature cards, panels
2755
- *
2756
- * @deprecated Renamed to semantic.radius.lg by the semantic grammar (decision 0031). Removed in 3.0.
2757
- */
2758
- lg: string;
2759
- /**
2760
- * Large rounding - pills, pill buttons, prominent CTAs, search bars
2761
- *
2762
- * @deprecated Renamed to semantic.radius.xl by the semantic grammar (decision 0031). Removed in 3.0.
2763
- */
2764
- xl: string;
2765
- /**
2766
- * Extra large rounding - hero elements, decorative containers, large pills
2767
- *
2768
- * @deprecated Renamed to semantic.radius.2xl by the semantic grammar (decision 0031). Removed in 3.0.
2769
- */
2770
- '2xl': string;
2771
- /**
2772
- * Maximum rounding - decorative elements, marketing components, large decorative cards
2773
- *
2774
- * @deprecated Renamed to semantic.radius.3xl by the semantic grammar (decision 0031). Removed in 3.0.
2775
- */
2776
- '3xl': string;
2777
- /**
2778
- * Fully circular - avatars, round icon buttons, status indicators, FABs
2779
- *
2780
- * @deprecated Renamed to semantic.radius.full by the semantic grammar (decision 0031). Removed in 3.0.
2781
- */
2782
- circle: string;
2783
- };
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
- */
2789
- emphasis: string;
2790
1502
  /** Firm hairline that must read as a boundary, such as a hovered text input. */
2791
1503
  'input-hover': string;
2792
1504
  };
@@ -2857,110 +1569,6 @@ export type Tokens = {
2857
1569
  /** Tallest a floating menu grows before it scrolls: Dropdown, SearchField. */
2858
1570
  maxHeight: string;
2859
1571
  };
2860
- dimension: {
2861
- /**
2862
- * 0.25rem (4px): TabBar scrollbar height; small ProgressBar height (via component tokens).
2863
- *
2864
- * @deprecated Renamed to semantic.size.100 by the semantic grammar (decision 0031). Removed in 3.0.
2865
- */
2866
- '1': string;
2867
- /**
2868
- * 0.5rem (8px): medium ProgressBar height; Badge dot (via component tokens). Approved under decision 0022.
2869
- *
2870
- * @deprecated Renamed to semantic.size.200 by the semantic grammar (decision 0031). Removed in 3.0.
2871
- */
2872
- '2': string;
2873
- /**
2874
- * 1rem (16px): large ProgressBar height; Badge count minimum width and height (via component tokens). Approved under decision 0022.
2875
- *
2876
- * @deprecated Renamed to semantic.size.400 by the semantic grammar (decision 0031). Removed in 3.0.
2877
- */
2878
- '4': string;
2879
- /**
2880
- * 1.25rem (20px): checkbox box; TabBar count badge; extra-large ProgressBar height (via component tokens); small label height (via size.label.small).
2881
- *
2882
- * @deprecated Renamed to semantic.size.500 by the semantic grammar (decision 0031). Removed in 3.0.
2883
- */
2884
- '5': string;
2885
- /**
2886
- * 1.5rem (24px): medium label height (via size.label.medium).
2887
- *
2888
- * @deprecated Renamed to semantic.size.600 by the semantic grammar (decision 0031). Removed in 3.0.
2889
- */
2890
- '6': string;
2891
- /**
2892
- * 2rem (32px): checkbox row minimum height (via component tokens); large label height (via size.label.large).
2893
- *
2894
- * @deprecated Renamed to semantic.size.800 by the semantic grammar (decision 0031). Removed in 3.0.
2895
- */
2896
- '8': string;
2897
- /**
2898
- * 3rem (48px): AccountCard header minimum height; compact ListItem expanded indent (via component tokens).
2899
- *
2900
- * @deprecated Renamed to semantic.size.1200 by the semantic grammar (decision 0031). Removed in 3.0.
2901
- */
2902
- '12': string;
2903
- /**
2904
- * 3.75rem (60px): comfortable ListItem expanded indent (via component tokens).
2905
- *
2906
- * @deprecated Renamed to semantic.size.1500 by the semantic grammar (decision 0031). Removed in 3.0.
2907
- */
2908
- '15': string;
2909
- /**
2910
- * 4.5rem (72px): TransactionListItem minimum height (via component tokens).
2911
- *
2912
- * @deprecated Renamed to semantic.size.1800 by the semantic grammar (decision 0031). Removed in 3.0.
2913
- */
2914
- '18': string;
2915
- /**
2916
- * 5rem (80px): small EmptyState illustration (via component tokens).
2917
- *
2918
- * @deprecated Renamed to semantic.size.2000 by the semantic grammar (decision 0031). Removed in 3.0.
2919
- */
2920
- '20': string;
2921
- /**
2922
- * 7.5rem (120px): medium EmptyState illustration; TextArea minimum height (via component tokens).
2923
- *
2924
- * @deprecated Renamed to semantic.size.3000 by the semantic grammar (decision 0031). Removed in 3.0.
2925
- */
2926
- '30': string;
2927
- /**
2928
- * 11.25rem (180px): Breadcrumbs label truncation width (via component tokens).
2929
- *
2930
- * @deprecated Renamed to semantic.size.4500 by the semantic grammar (decision 0031). Removed in 3.0.
2931
- */
2932
- '45': string;
2933
- /**
2934
- * 12.5rem (200px): large EmptyState illustration (via component tokens).
2935
- *
2936
- * @deprecated Renamed to semantic.size.5000 by the semantic grammar (decision 0031). Removed in 3.0.
2937
- */
2938
- '50': string;
2939
- /**
2940
- * 18.75rem (300px): AccountCard minimum width; EmptyState actions maximum width (via component tokens).
2941
- *
2942
- * @deprecated Renamed to semantic.size.7500 by the semantic grammar (decision 0031). Removed in 3.0.
2943
- */
2944
- '75': string;
2945
- /**
2946
- * 22.5rem (360px): EmptyState text maximum width (via component tokens).
2947
- *
2948
- * @deprecated Renamed to semantic.size.9000 by the semantic grammar (decision 0031). Removed in 3.0.
2949
- */
2950
- '90': string;
2951
- /**
2952
- * 25rem (400px): EmptyState maximum width (via component tokens).
2953
- *
2954
- * @deprecated Renamed to semantic.size.10000 by the semantic grammar (decision 0031). Removed in 3.0.
2955
- */
2956
- '100': string;
2957
- /**
2958
- * 48rem (768px): CardLarge maximum width (via component tokens).
2959
- *
2960
- * @deprecated Renamed to semantic.size.19200 by the semantic grammar (decision 0031). Removed in 3.0.
2961
- */
2962
- '192': string;
2963
- };
2964
1572
  icon: {
2965
1573
  /** The smallest icon size, for dense inline indicators. */
2966
1574
  xs: string;
@@ -2989,167 +1597,7 @@ export type Tokens = {
2989
1597
  };
2990
1598
  };
2991
1599
  spacing: {
2992
- separator: {
2993
- /**
2994
- * 1rem: space around a small Divider, above and below when horizontal, either side when vertical.
2995
- *
2996
- * @deprecated Renamed to semantic.space.400 by the semantic grammar (decision 0031). Removed in 3.0.
2997
- */
2998
- sm: string;
2999
- /**
3000
- * 1.5rem: space around a medium or minimal Divider, above and below when horizontal, either side when vertical.
3001
- *
3002
- * @deprecated Renamed to semantic.space.600 by the semantic grammar (decision 0031). Removed in 3.0.
3003
- */
3004
- md: string;
3005
- /**
3006
- * 2rem: space around a large (the default) Divider, above and below when horizontal, either side when vertical.
3007
- *
3008
- * @deprecated Renamed to semantic.space.800 by the semantic grammar (decision 0031). Removed in 3.0.
3009
- */
3010
- lg: string;
3011
- /**
3012
- * 3rem: space around an extra-large Divider, above and below when horizontal, either side when vertical.
3013
- *
3014
- * @deprecated Renamed to semantic.space.1200 by the semantic grammar (decision 0031). Removed in 3.0.
3015
- */
3016
- xl: string;
3017
- };
3018
- component: {
3019
- /**
3020
- * Extra-small component internal spacing (0.25rem / 4px). Use for tight gaps within compound elements, icon-to-label spacing in small chips.
3021
- *
3022
- * @deprecated Renamed to semantic.space.inset.xs by the semantic grammar (decision 0031). Removed in 3.0.
3023
- */
3024
- xs: string;
3025
- /**
3026
- * Small component internal spacing (0.5rem / 8px). Use for standard icon-to-label gaps, chip padding, compact button inner spacing.
3027
- *
3028
- * @deprecated Renamed to semantic.space.inset.sm by the semantic grammar (decision 0031). Removed in 3.0.
3029
- */
3030
- sm: string;
3031
- /**
3032
- * Medium component internal spacing (0.75rem / 12px). Use for standard button vertical padding, form field inner padding.
3033
- *
3034
- * @deprecated Renamed to semantic.space.inset.md by the semantic grammar (decision 0031). Removed in 3.0.
3035
- */
3036
- md: string;
3037
- /**
3038
- * Large component internal spacing (1rem / 16px). Use for button horizontal padding, input horizontal padding, card inner spacing.
3039
- *
3040
- * @deprecated Renamed to semantic.space.inset.lg by the semantic grammar (decision 0031). Removed in 3.0.
3041
- */
3042
- lg: string;
3043
- /**
3044
- * Extra-large component internal spacing (1.25rem / 20px). Use for generous button padding, prominent CTAs.
3045
- *
3046
- * @deprecated Renamed to semantic.space.inset.xl by the semantic grammar (decision 0031). Removed in 3.0.
3047
- */
3048
- xl: string;
3049
- /**
3050
- * 2x extra-large component internal spacing (1.5rem / 24px). Use for large card inner padding, spacious form sections.
3051
- *
3052
- * @deprecated Renamed to semantic.space.inset.2xl by the semantic grammar (decision 0031). Removed in 3.0.
3053
- */
3054
- '2xl': string;
3055
- };
3056
1600
  layout: {
3057
- /**
3058
- * 0: no space, for explicit resets.
3059
- *
3060
- * @deprecated Renamed to semantic.space.0 by the semantic grammar (decision 0031). Removed in 3.0.
3061
- */
3062
- none: string;
3063
- /**
3064
- * 0.25rem: the tightest gap, such as between a label and its required indicator.
3065
- *
3066
- * @deprecated Renamed to semantic.space.100 by the semantic grammar (decision 0031). Removed in 3.0.
3067
- */
3068
- xs: string;
3069
- /**
3070
- * 0.5rem: a small gap, such as between a field's label, control and helper text.
3071
- *
3072
- * @deprecated Renamed to semantic.space.200 by the semantic grammar (decision 0031). Removed in 3.0.
3073
- */
3074
- sm: string;
3075
- /**
3076
- * 0.75rem: the default gap between related elements.
3077
- *
3078
- * @deprecated Renamed to semantic.space.300 by the semantic grammar (decision 0031). Removed in 3.0.
3079
- */
3080
- md: string;
3081
- /**
3082
- * 1rem: space between groups of elements, and padding inside containers.
3083
- *
3084
- * @deprecated Renamed to semantic.space.400 by the semantic grammar (decision 0031). Removed in 3.0.
3085
- */
3086
- lg: string;
3087
- /**
3088
- * 1.25rem: generous padding inside larger containers.
3089
- *
3090
- * @deprecated Renamed to semantic.space.500 by the semantic grammar (decision 0031). Removed in 3.0.
3091
- */
3092
- xl: string;
3093
- /**
3094
- * 1.5rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3095
- *
3096
- * @deprecated Renamed to semantic.space.600 by the semantic grammar (decision 0031). Removed in 3.0.
3097
- */
3098
- '2xl': string;
3099
- /**
3100
- * 1.75rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3101
- *
3102
- * @deprecated Renamed to semantic.space.700 by the semantic grammar (decision 0031). Removed in 3.0.
3103
- */
3104
- '3xl': string;
3105
- /**
3106
- * 2rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3107
- *
3108
- * @deprecated Renamed to semantic.space.800 by the semantic grammar (decision 0031). Removed in 3.0.
3109
- */
3110
- '4xl': string;
3111
- /**
3112
- * 2.25rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3113
- *
3114
- * @deprecated Renamed to semantic.space.900 by the semantic grammar (decision 0031). Removed in 3.0.
3115
- */
3116
- '5xl': string;
3117
- /**
3118
- * 2.5rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3119
- *
3120
- * @deprecated Renamed to semantic.space.1000 by the semantic grammar (decision 0031). Removed in 3.0.
3121
- */
3122
- '6xl': string;
3123
- /**
3124
- * 3rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3125
- *
3126
- * @deprecated Renamed to semantic.space.1200 by the semantic grammar (decision 0031). Removed in 3.0.
3127
- */
3128
- '7xl': string;
3129
- /**
3130
- * 3.5rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3131
- *
3132
- * @deprecated Renamed to semantic.space.1400 by the semantic grammar (decision 0031). Removed in 3.0.
3133
- */
3134
- '8xl': string;
3135
- /**
3136
- * 4rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
3137
- *
3138
- * @deprecated Renamed to semantic.space.1600 by the semantic grammar (decision 0031). Removed in 3.0.
3139
- */
3140
- '9xl': string;
3141
- /**
3142
- * 5rem: a larger step on the layout spacing scale, for space between blocks and sections. Second-largest, after 11xl.
3143
- *
3144
- * @deprecated Renamed to semantic.space.2000 by the semantic grammar (decision 0031). Removed in 3.0.
3145
- */
3146
- '10xl': string;
3147
- /**
3148
- * 6rem: the largest layout gap (FeatureBlock at wide breakpoints).
3149
- *
3150
- * @deprecated Renamed to semantic.space.2400 by the semantic grammar (decision 0031). Removed in 3.0.
3151
- */
3152
- '11xl': string;
3153
1601
  /** auto: lets the browser compute the space, such as margin: auto to centre or push an element. */
3154
1602
  auto: string;
3155
1603
  };
@@ -3158,46 +1606,10 @@ export type Tokens = {
3158
1606
  text: {
3159
1607
  /** Primary text: body copy, labels and headings. 15.91:1 on white, 15.51:1 on the page. */
3160
1608
  default: string;
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
- */
3166
- emphasis: string;
3167
- /**
3168
- * Secondary text: helper text, metadata and supporting copy. 8.18:1 on white, 7.76:1 on the page.
3169
- *
3170
- * @deprecated Renamed to semantic.color.text.muted by the semantic grammar (decision 0031). Removed in 3.0.
3171
- */
3172
- subdued: string;
3173
1609
  /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.51:1 on fill.emphasis. */
3174
1610
  inverse: string;
3175
1611
  /** 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. */
3176
1612
  disabled: string;
3177
- /**
3178
- * Blue text for links and selected items (decision 0003). 5.39:1 on white, 5.11:1 on the page.
3179
- *
3180
- * @deprecated Renamed to semantic.color.text.accent by the semantic grammar (decision 0031). Removed in 3.0.
3181
- */
3182
- interactive: string;
3183
- /**
3184
- * Blue text on a hovered selected item (interactive-subtle-hover fill, 5.60:1). Decision 0016.
3185
- *
3186
- * @deprecated Renamed to semantic.color.text.accent-hover by the semantic grammar (decision 0031). Removed in 3.0.
3187
- */
3188
- 'interactive-hover': string;
3189
- /**
3190
- * Blue text on a pressed selected item (interactive-subtle-active fill, 6.65:1). Decision 0016.
3191
- *
3192
- * @deprecated Renamed to semantic.color.text.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3193
- */
3194
- 'interactive-active': string;
3195
- /**
3196
- * Error text, such as field error messages and InlineAlert errors. 5.41:1 on white, 5.13:1 on the page.
3197
- *
3198
- * @deprecated Renamed to semantic.color.text.danger by the semantic grammar (decision 0031). Removed in 3.0.
3199
- */
3200
- error: string;
3201
1613
  /** Success text, such as InlineAlert success messages. 5.99:1 on white. */
3202
1614
  success: string;
3203
1615
  /** Warning text, such as InlineAlert warnings (0043: warning is yellow). 6.01:1 on white. */
@@ -3206,18 +1618,6 @@ export type Tokens = {
3206
1618
  muted: string;
3207
1619
  /** Blue text for links and selected items, in every state: the fill shows hover and pressed. Never decoration (0003). 6.00:1 on white. */
3208
1620
  accent: string;
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
- */
3214
- 'accent-hover': string;
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
- */
3220
- 'accent-pressed': string;
3221
1621
  /** Error text: field error messages, InlineAlert errors. 6.03:1 on white. */
3222
1622
  danger: string;
3223
1623
  /** 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. */
@@ -3225,245 +1625,15 @@ export type Tokens = {
3225
1625
  /** Serious-warning text: between warning and danger (decisions 0043, 0045). 6.04:1 on white. */
3226
1626
  serious: string;
3227
1627
  };
3228
- background: {
3229
- /**
3230
- * Page background: a cool off-white (#f8f9fa), never pure white (decision 0006).
3231
- *
3232
- * @deprecated Renamed to semantic.surface.base by the semantic grammar (decision 0031). Removed in 3.0.
3233
- */
3234
- default: string;
3235
- /**
3236
- * White: inputs, sheets and other surfaces that sit on the page background.
3237
- *
3238
- * @deprecated Split by use (decision 0031): semantic.surface.raised for surfaces such as cards, inputs and sheets; component.slider.thumb.background for Slider's thumb. Removed in 3.0.
3239
- */
3240
- subtle: string;
3241
- /**
3242
- * Near-black fill for emphasis controls: the primary Button, IconButton and the emphasis Chip.
3243
- *
3244
- * @deprecated Renamed to semantic.color.fill.emphasis by the semantic grammar (decision 0031). Removed in 3.0.
3245
- */
3246
- emphasis: string;
3247
- /**
3248
- * Fill of a hovered emphasis control: the primary Button and IconButton, and the emphasis Chip. Approved under decision 0022.
3249
- *
3250
- * @deprecated Renamed to semantic.color.fill.emphasis-hover by the semantic grammar (decision 0031). Removed in 3.0.
3251
- */
3252
- 'emphasis-hover': string;
3253
- /**
3254
- * Fill of a pressed emphasis control. Approved under decision 0022.
3255
- *
3256
- * @deprecated Renamed to semantic.color.fill.emphasis-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3257
- */
3258
- 'emphasis-active': string;
3259
- /**
3260
- * Light grey fill for quiet surfaces and grouped content, such as the default Chip.
3261
- *
3262
- * @deprecated Renamed to semantic.color.fill.muted by the semantic grammar (decision 0031). Removed in 3.0.
3263
- */
3264
- surface: string;
3265
- /**
3266
- * Dark grey fill for inverse surfaces, such as a checked Checkbox box.
3267
- *
3268
- * @deprecated Renamed to semantic.color.fill.inverse by the semantic grammar (decision 0031). Removed in 3.0.
3269
- */
3270
- inverse: string;
3271
- /**
3272
- * Blue fill for the accent Button and other deliberate highlights (decision 0003). Pair with text.inverse (5.39:1).
3273
- *
3274
- * @deprecated Renamed to semantic.color.fill.accent by the semantic grammar (decision 0031). Removed in 3.0.
3275
- */
3276
- interactive: string;
3277
- /**
3278
- * Light blue fill for selected items, such as a selected filter chip or tab (decision 0016). Pair with text.interactive.
3279
- *
3280
- * @deprecated Renamed to semantic.color.fill.accent-muted by the semantic grammar (decision 0031). Removed in 3.0.
3281
- */
3282
- 'interactive-subtle': string;
3283
- /**
3284
- * Fill of a hovered selected item, such as a selected filter chip. Pair with text.interactive-hover. Decision 0016.
3285
- *
3286
- * @deprecated Renamed to semantic.color.fill.accent-muted-hover by the semantic grammar (decision 0031). Removed in 3.0.
3287
- */
3288
- 'interactive-subtle-hover': string;
3289
- /**
3290
- * Fill of a pressed selected item. Pair with text.interactive-active. Decision 0016.
3291
- *
3292
- * @deprecated Renamed to semantic.color.fill.accent-muted-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3293
- */
3294
- 'interactive-subtle-active': string;
3295
- /**
3296
- * Blue fill on hover, for controls that use background.interactive.
3297
- *
3298
- * @deprecated Renamed to semantic.color.fill.accent-hover by the semantic grammar (decision 0031). Removed in 3.0.
3299
- */
3300
- 'interactive-hover': string;
3301
- /**
3302
- * Blue fill while pressed, for controls that use background.interactive.
3303
- *
3304
- * @deprecated Renamed to semantic.color.fill.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3305
- */
3306
- 'interactive-active': string;
3307
- /**
3308
- * Strong red fill for destructive actions, such as the danger Button. Pair with text.inverse (5.41:1).
3309
- *
3310
- * @deprecated Renamed to semantic.color.fill.danger by the semantic grammar (decision 0031). Removed in 3.0.
3311
- */
3312
- error: string;
3313
- /**
3314
- * Fill of a hovered error control, such as the danger Button. Approved under decision 0022.
3315
- *
3316
- * @deprecated Renamed to semantic.color.fill.danger-hover by the semantic grammar (decision 0031). Removed in 3.0.
3317
- */
3318
- 'error-hover': string;
3319
- /**
3320
- * Fill of a pressed error control. Approved under decision 0022.
3321
- *
3322
- * @deprecated Renamed to semantic.color.fill.danger-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3323
- */
3324
- 'error-active': string;
3325
- /**
3326
- * Light red tint behind error messages, such as an error Alert.
3327
- *
3328
- * @deprecated Renamed to semantic.color.fill.danger-muted by the semantic grammar (decision 0031). Removed in 3.0.
3329
- */
3330
- 'error-subtle': string;
3331
- /**
3332
- * Strong green fill for success states.
3333
- *
3334
- * @deprecated Renamed to semantic.color.fill.success by the semantic grammar (decision 0031). Removed in 3.0.
3335
- */
3336
- success: string;
3337
- /**
3338
- * Light green tint behind success messages, such as a success Alert.
3339
- *
3340
- * @deprecated Renamed to semantic.color.fill.success-muted by the semantic grammar (decision 0031). Removed in 3.0.
3341
- */
3342
- 'success-subtle': string;
3343
- /**
3344
- * Strong orange fill for warning states.
3345
- *
3346
- * @deprecated Renamed to semantic.color.fill.warning by the semantic grammar (decision 0031). Removed in 3.0.
3347
- */
3348
- warning: string;
3349
- /**
3350
- * Light orange tint behind warning messages, such as a warning Alert.
3351
- *
3352
- * @deprecated Renamed to semantic.color.fill.warning-muted by the semantic grammar (decision 0031). Removed in 3.0.
3353
- */
3354
- 'warning-subtle': string;
3355
- /**
3356
- * Fill of disabled controls.
3357
- *
3358
- * @deprecated Renamed to semantic.color.fill.disabled by the semantic grammar (decision 0031). Removed in 3.0.
3359
- */
3360
- disabled: string;
3361
- /**
3362
- * Fill of a neutral control at rest, such as the secondary Button. Not the disabled fill, though the value matches today. Approved under decision 0022.
3363
- *
3364
- * @deprecated Renamed to semantic.color.fill.default by the semantic grammar (decision 0031). Removed in 3.0.
3365
- */
3366
- neutral: string;
3367
- /**
3368
- * Fill of a hovered neutral control. Approved under decision 0022.
3369
- *
3370
- * @deprecated Renamed to semantic.color.fill.default-hover by the semantic grammar (decision 0031). Removed in 3.0.
3371
- */
3372
- 'neutral-hover': string;
3373
- /**
3374
- * Fill of a pressed neutral control. Approved under decision 0022.
3375
- *
3376
- * @deprecated Renamed to semantic.color.fill.default-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3377
- */
3378
- 'neutral-active': string;
3379
- /**
3380
- * No fill, for controls without a background at rest, such as the naked Button and IconButton. Approved under decision 0022.
3381
- *
3382
- * @deprecated Renamed to semantic.color.fill.none by the semantic grammar (decision 0031). Removed in 3.0.
3383
- */
3384
- transparent: string;
3385
- /**
3386
- * Unfilled track of ProgressBar and Slider. 1.30:1 on white: the filled part and the thumb show the value, so the track doesn't need 3:1 (decision 0026).
3387
- *
3388
- * @deprecated Moved to the component tier as component.track.background (decision 0031 §6). Removed in 3.0.
3389
- */
3390
- progressTrack: string;
3391
- /**
3392
- * The same cool off-white as background.default (#f8f9fa). Decision 0006 makes background.default the page background token, so use that.
3393
- *
3394
- * @deprecated Renamed to semantic.surface.base by the semantic grammar (decision 0031). Removed in 3.0.
3395
- */
3396
- page: string;
3397
- /**
3398
- * Semi-transparent scrim for modal, sheet, drawer, and action-sheet backdrops. Uses brand near-black (#212529) at 50% opacity. Sits below the overlay surface and above page content.
3399
- *
3400
- * @deprecated Renamed to semantic.surface.scrim by the semantic grammar (decision 0031). Removed in 3.0.
3401
- */
3402
- overlay: string;
3403
- /**
3404
- * Subtle transparent dark overlay for hover states on components that sit over variable-colour backgrounds (e.g. chip close-button hover). Uses brand near-black (#212529) — never pure #000000 per VDL.
3405
- *
3406
- * @deprecated Renamed to semantic.color.fill.none-hover by the semantic grammar (decision 0031). Removed in 3.0.
3407
- */
3408
- 'hover-overlay': string;
3409
- /**
3410
- * Slightly stronger transparent dark overlay for active/pressed states on components over variable-colour backgrounds (e.g. chip close-button active). Uses brand near-black (#212529). Pair with hover-overlay for consistent press depth.
3411
- *
3412
- * @deprecated Renamed to semantic.color.fill.none-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3413
- */
3414
- 'active-overlay': string;
3415
- /**
3416
- * Subtle transparent light overlay for elements that sit on a strong or dark background (e.g. the count badge on an active pills tab in TabBar). The light counterpart of hover-overlay; pair with text.inverse.
3417
- *
3418
- * @deprecated Renamed to semantic.color.fill.inverse-none-hover by the semantic grammar (decision 0031). Removed in 3.0.
3419
- */
3420
- 'inverse-overlay': string;
3421
- };
3422
1628
  border: {
3423
1629
  /** 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). */
3424
1630
  default: string;
3425
- /**
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).
3427
- *
3428
- * @deprecated Renamed to semantic.color.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.border.default`.
3429
- */
3430
- subtle: string;
3431
- /**
3432
- * Resting border of a control whose edge shows where it is, such as a text input, Dropdown or the Checkbox box. 4.69:1 on white, 4.45:1 on the page, above the 3:1 WCAG 1.4.11 asks for (decision 0025).
3433
- *
3434
- * @deprecated Renamed to semantic.color.border.input by the semantic grammar (decision 0031). Removed in 3.0.
3435
- */
3436
- control: string;
3437
- /**
3438
- * Near-black border colour for firm boundaries, such as a hovered or focused input. 11.51:1 on white.
3439
- *
3440
- * @deprecated Split by use (decision 0031): semantic.color.border.input-hover for a hovered control, semantic.color.border.focus for the focus ring and CardSmall's ring, semantic.color.fill.inverse for drag handles. Removed in 3.0.
3441
- */
3442
- strong: string;
3443
- /**
3444
- * Blue border for selected and interactive states (decision 0003). 5.39:1 on white.
3445
- *
3446
- * @deprecated Renamed to semantic.color.border.accent by the semantic grammar (decision 0031). Removed in 3.0.
3447
- */
3448
- interactive: string;
3449
- /**
3450
- * Red border for invalid fields and error outlines. 5.41:1 on white.
3451
- *
3452
- * @deprecated Renamed to semantic.color.border.danger by the semantic grammar (decision 0031). Removed in 3.0.
3453
- */
3454
- error: string;
3455
1631
  /** Green border for success outlines, such as an outlined success Alert. 3.18:1 on white (decision 0025). */
3456
1632
  success: string;
3457
1633
  /** Yellow border for warning outlines, such as an outlined warning Alert. 3.19:1 on white (decision 0025). */
3458
1634
  warning: string;
3459
1635
  /** 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). */
3460
1636
  none: string;
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
- */
3466
- emphasis: string;
3467
1637
  /** 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). */
3468
1638
  input: string;
3469
1639
  /** 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. */
@@ -3482,46 +1652,10 @@ export type Tokens = {
3482
1652
  icon: {
3483
1653
  /** Default icon colour, matching text.default. 15.91:1 on white. */
3484
1654
  default: string;
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
- */
3490
- emphasis: string;
3491
- /**
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).
3493
- *
3494
- * @deprecated Renamed to semantic.color.icon.muted by the semantic grammar (decision 0031). Removed in 3.0.
3495
- */
3496
- subdued: string;
3497
1655
  /** Icons and other foreground marks in disabled controls, matching text.disabled. 1.53:1 on white. */
3498
1656
  disabled: string;
3499
1657
  /** Icons on dark or coloured fills, matching text.inverse. */
3500
1658
  inverse: string;
3501
- /**
3502
- * Blue icons in links and selected items, matching text.interactive. 5.39:1 on white.
3503
- *
3504
- * @deprecated Renamed to semantic.color.icon.accent by the semantic grammar (decision 0031). Removed in 3.0.
3505
- */
3506
- interactive: string;
3507
- /**
3508
- * Blue icon on hover, matching text.interactive-hover.
3509
- *
3510
- * @deprecated Renamed to semantic.color.icon.accent-hover by the semantic grammar (decision 0031). Removed in 3.0.
3511
- */
3512
- 'interactive-hover': string;
3513
- /**
3514
- * Blue icon while pressed, matching text.interactive-active.
3515
- *
3516
- * @deprecated Renamed to semantic.color.icon.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0.
3517
- */
3518
- 'interactive-active': string;
3519
- /**
3520
- * Error icons, such as in Alert and EmptyState. 5.41:1 on white. (InlineAlert's icon takes the text colour instead.)
3521
- *
3522
- * @deprecated Renamed to semantic.color.icon.danger by the semantic grammar (decision 0031). Removed in 3.0.
3523
- */
3524
- error: string;
3525
1659
  /** Success icons, such as in Alert and EmptyState. 5.99:1 on white. (InlineAlert’s icon takes the text colour instead.) */
3526
1660
  success: string;
3527
1661
  /** Warning icons, such as in Alert. 6.01:1 on white. (InlineAlert’s icon takes the text colour instead.) */
@@ -3530,18 +1664,6 @@ export type Tokens = {
3530
1664
  muted: string;
3531
1665
  /** Blue icons in links and selected items, in every state, matching color.text.accent. 6.00:1 on white. */
3532
1666
  accent: string;
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
- */
3538
- 'accent-hover': string;
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
- */
3544
- 'accent-pressed': string;
3545
1667
  /** Error icons, such as in Alert and EmptyState. 6.03:1 on white. */
3546
1668
  danger: string;
3547
1669
  /** 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. */
@@ -3549,315 +1671,13 @@ export type Tokens = {
3549
1671
  /** Serious-warning icons, matching color.text.serious. 6.04:1 on white. */
3550
1672
  serious: string;
3551
1673
  };
3552
- financial: {
3553
- /**
3554
- * Color for positive monetary values, credits, income
3555
- *
3556
- * @deprecated Moved to the component tier as component.transaction.credit (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.positive`.
3557
- */
3558
- credit: string;
3559
- /**
3560
- * Hover state for credit-colored interactive elements
3561
- *
3562
- * @deprecated Moved to the component tier as component.transaction.credit-hover (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.positive`.
3563
- */
3564
- 'credit-hover': string;
3565
- /**
3566
- * Color for negative monetary values, debits, expenses
3567
- *
3568
- * @deprecated Moved to the component tier as component.transaction.debit (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.negative`.
3569
- */
3570
- debit: string;
3571
- /**
3572
- * Hover state for debit-colored interactive elements
3573
- *
3574
- * @deprecated Moved to the component tier as component.transaction.debit-hover (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.negative`.
3575
- */
3576
- 'debit-hover': string;
3577
- /**
3578
- * Color for pending or processing financial transactions
3579
- *
3580
- * @deprecated Moved to the component tier as component.transaction.pending (decision 0031 §6). Removed in 3.0. Use `semantic.color.text.muted`.
3581
- */
3582
- pending: string;
3583
- /**
3584
- * Neutral color for informational monetary amounts
3585
- *
3586
- * @deprecated Moved to the component tier as component.transaction.neutral (decision 0031 §6). Removed in 3.0. Use `semantic.color.text.muted`.
3587
- */
3588
- neutral: string;
3589
- };
3590
1674
  category: {
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
- */
3596
- blue: string;
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
- */
3602
- 'blue-strong': string;
3603
- /**
3604
- * Strong step of the blue category: the fill of a filled CategoryLabel, with white text (decision 0029).
3605
- *
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`.
3607
- */
3608
- 'blue-emphasis': string;
3609
- /**
3610
- * Subtle blue background
3611
- *
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`.
3613
- */
3614
- 'blue-subtle': string;
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
- */
3620
- purple: string;
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
- */
3626
- 'purple-strong': string;
3627
- /**
3628
- * Strong step of the purple category: the fill of a filled CategoryLabel, with white text (decision 0029).
3629
- *
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`.
3631
- */
3632
- 'purple-emphasis': string;
3633
- /**
3634
- * Subtle purple background
3635
- *
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`.
3637
- */
3638
- 'purple-subtle': string;
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
- */
3644
- pink: string;
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
- */
3650
- 'pink-strong': string;
3651
- /**
3652
- * Strong step of the pink category: the fill of a filled CategoryLabel, with white text (decision 0029).
3653
- *
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`.
3655
- */
3656
- 'pink-emphasis': string;
3657
- /**
3658
- * Subtle pink background
3659
- *
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`.
3661
- */
3662
- 'pink-subtle': string;
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
- */
3668
- yellow: string;
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
- */
3674
- 'yellow-strong': string;
3675
- /**
3676
- * Strong step of the yellow category: the fill of a filled CategoryLabel, with white text (decision 0029).
3677
- *
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`.
3679
- */
3680
- 'yellow-emphasis': string;
3681
- /**
3682
- * Subtle yellow background
3683
- *
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`.
3685
- */
3686
- 'yellow-subtle': string;
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
- */
3692
- green: string;
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
- */
3698
- 'green-strong': string;
3699
- /**
3700
- * Strong step of the green category: the fill of a filled CategoryLabel, with white text (decision 0029).
3701
- *
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`.
3703
- */
3704
- 'green-emphasis': string;
3705
- /**
3706
- * Subtle green background
3707
- *
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`.
3709
- */
3710
- 'green-subtle': string;
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
- */
3716
- red: string;
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
- */
3722
- 'red-strong': string;
3723
- /**
3724
- * Strong step of the red category: the fill of a filled CategoryLabel, with white text (decision 0029).
3725
- *
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`.
3727
- */
3728
- 'red-emphasis': string;
3729
- /**
3730
- * Subtle red background
3731
- *
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`.
3733
- */
3734
- 'red-subtle': string;
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
- */
3740
- orange: string;
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
- */
3746
- 'orange-strong': string;
3747
- /**
3748
- * Strong step of the orange category: the fill of a filled CategoryLabel, with white text (decision 0029).
3749
- *
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`.
3751
- */
3752
- 'orange-emphasis': string;
3753
- /**
3754
- * Subtle orange background
3755
- *
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`.
3757
- */
3758
- 'orange-subtle': string;
3759
1675
  /** Gray category (decision 0043: neutral, for uncategorised or "other"): the outline of an outlined CategoryLabel. 3.19:1 on white. */
3760
1676
  gray: string;
3761
1677
  /** Strong step of the gray category: the fill of a filled CategoryLabel, with white text at 6.01:1. */
3762
1678
  'gray-strong': string;
3763
- /**
3764
- * Strong step of the gray category: the fill of a filled CategoryLabel, with white text (decision 0029).
3765
- *
3766
- * @deprecated "emphasis" means near-black, so use semantic.color.category.gray-strong (decision 0029). Removed in 3.0.
3767
- */
3768
- 'gray-emphasis': string;
3769
- /**
3770
- * Subtle gray background
3771
- *
3772
- * @deprecated Renamed to semantic.color.category.gray-muted by the semantic grammar (decision 0031). Removed in 3.0.
3773
- */
3774
- 'gray-subtle': string;
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
- */
3780
- 'blue-text': string;
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
- */
3786
- 'purple-text': string;
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
- */
3792
- 'pink-text': string;
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
- */
3798
- 'yellow-text': string;
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
- */
3804
- 'green-text': string;
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
- */
3810
- 'red-text': string;
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
- */
3816
- 'orange-text': string;
3817
1679
  /** Text and icons of an outlined or minimal gray CategoryLabel. 6.01:1 on white, 5.37:1 on gray-muted. */
3818
1680
  'gray-text': string;
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
- */
3824
- 'blue-muted': string;
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
- */
3830
- 'purple-muted': string;
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
- */
3836
- 'pink-muted': string;
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
- */
3842
- 'yellow-muted': string;
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
- */
3848
- 'green-muted': string;
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
- */
3854
- 'red-muted': string;
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
- */
3860
- 'orange-muted': string;
3861
1681
  /** Light gray fill of a minimal CategoryLabel, behind the gray-text colour. */
3862
1682
  'gray-muted': string;
3863
1683
  /** Olive category (decision 0043: no meaning): the outline of an outlined CategoryLabel. 3.18:1 on white. */
@@ -3893,95 +1713,9 @@ export type Tokens = {
3893
1713
  /** Light magenta fill of a minimal CategoryLabel, behind the magenta-text colour. */
3894
1714
  'magenta-muted': string;
3895
1715
  };
3896
- status: {
3897
- /**
3898
- * Text and icon of a pending StatusLabel, on its pending background.
3899
- *
3900
- * @deprecated Moved to the component tier as component.status.pending.text (decision 0031 §6). Removed in 3.0.
3901
- */
3902
- pending: string;
3903
- /**
3904
- * Background for pending status
3905
- *
3906
- * @deprecated Moved to the component tier as component.status.pending.background (decision 0031 §6). Removed in 3.0.
3907
- */
3908
- 'pending-bg': string;
3909
- /**
3910
- * Green color for completed status
3911
- *
3912
- * @deprecated Moved to the component tier as component.status.completed.text (decision 0031 §6). Removed in 3.0.
3913
- */
3914
- completed: string;
3915
- /**
3916
- * Background for completed status
3917
- *
3918
- * @deprecated Moved to the component tier as component.status.completed.background (decision 0031 §6). Removed in 3.0.
3919
- */
3920
- 'completed-bg': string;
3921
- /**
3922
- * Red color for failed/error status
3923
- *
3924
- * @deprecated Moved to the component tier as component.status.failed.text (decision 0031 §6). Removed in 3.0.
3925
- */
3926
- failed: string;
3927
- /**
3928
- * Background for failed status
3929
- *
3930
- * @deprecated Moved to the component tier as component.status.failed.background (decision 0031 §6). Removed in 3.0.
3931
- */
3932
- 'failed-bg': string;
3933
- /**
3934
- * Gray color for cancelled status
3935
- *
3936
- * @deprecated Moved to the component tier as component.status.cancelled.text (decision 0031 §6). Removed in 3.0.
3937
- */
3938
- cancelled: string;
3939
- /**
3940
- * Background for cancelled status
3941
- *
3942
- * @deprecated Moved to the component tier as component.status.cancelled.background (decision 0031 §6). Removed in 3.0.
3943
- */
3944
- 'cancelled-bg': string;
3945
- /**
3946
- * Blue color for processing status
3947
- *
3948
- * @deprecated Moved to the component tier as component.status.processing.text (decision 0031 §6). Removed in 3.0.
3949
- */
3950
- processing: string;
3951
- /**
3952
- * Background for processing status
3953
- *
3954
- * @deprecated Moved to the component tier as component.status.processing.background (decision 0031 §6). Removed in 3.0.
3955
- */
3956
- 'processing-bg': string;
3957
- /**
3958
- * Purple color for scheduled status
3959
- *
3960
- * @deprecated Moved to the component tier as component.status.scheduled.text (decision 0031 §6). Removed in 3.0.
3961
- */
3962
- scheduled: string;
3963
- /**
3964
- * Background for scheduled status
3965
- *
3966
- * @deprecated Moved to the component tier as component.status.scheduled.background (decision 0031 §6). Removed in 3.0.
3967
- */
3968
- 'scheduled-bg': string;
3969
- };
3970
1716
  fill: {
3971
1717
  /** 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). */
3972
1718
  emphasis: string;
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
- */
3978
- 'emphasis-hover': string;
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
- */
3984
- 'emphasis-pressed': string;
3985
1719
  /** Light grey fill for quiet grouped content, such as the default Chip. The resting fill step, so it shows on the page. */
3986
1720
  muted: string;
3987
1721
  /** Dark fill for inverse elements: a checked Checkbox, Modal and Sheet drag handles. */
@@ -4113,41 +1847,11 @@ export type Tokens = {
4113
1847
  overline: string;
4114
1848
  /** Captions: helper text, metadata and image captions. */
4115
1849
  caption: string;
4116
- /**
4117
- * Label of the large Button, the default size.
4118
- *
4119
- * @deprecated Moved to the component tier as component.button.sizes.large.font (decision 0031 §6). Removed in 3.0.
4120
- */
4121
- button1: string;
4122
- /**
4123
- * Label of the medium Button, and tab labels.
4124
- *
4125
- * @deprecated Moved to the component tier as component.button.sizes.medium.font (decision 0031 §6). Removed in 3.0.
4126
- */
4127
- button2: string;
4128
- /**
4129
- * Label of the small Button, for dense toolbars.
4130
- *
4131
- * @deprecated Moved to the component tier as component.button.sizes.small.font (decision 0031 §6). Removed in 3.0.
4132
- */
4133
- button3: string;
4134
1850
  /** Form labels for fields such as TextField and Slider. */
4135
1851
  label: string;
4136
- /**
4137
- * Breadcrumb-sized text; not used today, as Breadcrumbs uses typography.caption.
4138
- *
4139
- * @deprecated Moved to the component tier as component.breadcrumbs.font (decision 0031 §6). Removed in 3.0. Use `semantic.typography.caption`.
4140
- */
4141
- breadcrumb: string;
4142
1852
  };
4143
1853
  motion: {
4144
1854
  duration: {
4145
- /**
4146
- * 200ms: standard duration for property-specific transitions.
4147
- *
4148
- * @deprecated Renamed to semantic.motion.duration.moderate by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
4149
- */
4150
- normal: string;
4151
1855
  /** Quick responses to input: hover, press, focus and small indicators. */
4152
1856
  fast: string;
4153
1857
  /** The longest duration (P6): larger movements, such as a Sheet sliding in. */
@@ -4158,18 +1862,6 @@ export type Tokens = {
4158
1862
  moderate: string;
4159
1863
  };
4160
1864
  easing: {
4161
- /**
4162
- * ease-in-out: standard easing for property-specific transitions.
4163
- *
4164
- * @deprecated Renamed to semantic.motion.easing.standard by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
4165
- */
4166
- easeInOut: string;
4167
- /**
4168
- * ease-out: for elements responding to input or entering the page.
4169
- *
4170
- * @deprecated Renamed to semantic.motion.easing.decelerate by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
4171
- */
4172
- easeOut: string;
4173
1865
  /** Easing for change on screen: something moving or resizing in place. */
4174
1866
  standard: string;
4175
1867
  /** Easing for things arriving or responding: entrances, hover and press. */
@@ -4178,24 +1870,6 @@ export type Tokens = {
4178
1870
  accelerate: string;
4179
1871
  };
4180
1872
  transition: {
4181
- /**
4182
- * All properties over duration.fast (150ms), easing out: quick feedback, such as the Slider thumb.
4183
- *
4184
- * @deprecated It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0.
4185
- */
4186
- fast: string;
4187
- /**
4188
- * All properties over duration.normal (200ms), easing in and out: the default state transition.
4189
- *
4190
- * @deprecated It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0.
4191
- */
4192
- normal: string;
4193
- /**
4194
- * All properties over duration.slow (300ms), the motion maximum (P6), easing in and out: larger changes.
4195
- *
4196
- * @deprecated It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0.
4197
- */
4198
- slow: string;
4199
1873
  /** Fill and text colour responding to hover and press: buttons, chips, tabs and rows. */
4200
1874
  feedback: string;
4201
1875
  /** How the focus ring appears: outline and outline offset. */
@@ -4203,24 +1877,6 @@ export type Tokens = {
4203
1877
  /** Small movement or fade in response to input, such as a pressed control shifting. */
4204
1878
  press: string;
4205
1879
  };
4206
- /**
4207
- * Background and text colour over 150ms: the hover and press response of buttons, chips and tabs.
4208
- *
4209
- * @deprecated Renamed to semantic.motion.transition.feedback by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
4210
- */
4211
- hover: string;
4212
- /**
4213
- * Outline and outline offset over 150ms: how the focus ring appears.
4214
- *
4215
- * @deprecated Renamed to semantic.motion.transition.focus by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
4216
- */
4217
- focus: string;
4218
- /**
4219
- * Transform and opacity over 150ms: small movement or fade in response to input.
4220
- *
4221
- * @deprecated Renamed to semantic.motion.transition.press by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
4222
- */
4223
- interactive: string;
4224
1880
  distance: {
4225
1881
  /** How far a small element travels as it enters, such as a Dropdown menu dropping in. */
4226
1882
  sm: string;