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