UNPKG

@finbertmds/fuselage-tokens

Version:

Design tokens for Fuselage, Rocket.Chat's design system

rocketchat.github.io/Rocket.Chat.Fuselage/

RocketChat/fuselage

122 lines • 6.8 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
export default { "buttonLightBackgroundPrimaryDefault": "{colors.b500}", "buttonLightBackgroundPrimaryHover": "{colors.b600}", "buttonLightBackgroundPrimaryPress": "{colors.b700}", "buttonLightBackgroundPrimaryFocus": "{colors.b500}", "buttonLightBackgroundPrimaryKeyfocus": "{colors.b500}", "buttonLightBackgroundPrimaryDisabled": "{colors.b200}", "buttonLightFontOnPrimary": "{colors.white}", "buttonLightFontOnPrimaryDisabled": "{colors.white}", "buttonLightBackgroundSecondaryDefault": "{colors.n400}", "buttonLightBackgroundSecondaryHover": "{colors.n500}", "buttonLightBackgroundSecondaryPress": "{colors.n600}", "buttonLightBackgroundSecondaryFocus": "{colors.n400}", "buttonLightBackgroundSecondaryKeyfocus": "{colors.n400}", "buttonLightBackgroundSecondaryDisabled": "{colors.n300}", "buttonLightFontOnSecondary": "{colors.n900}", "buttonLightFontOnSecondaryDisabled": "{colors.n500}", "buttonLightBackgroundSecondaryDangerDefault": "{colors.n400}", "buttonLightBackgroundSecondaryDangerHover": "{colors.n500}", "buttonLightBackgroundSecondaryDangerPress": "{colors.n600}", "buttonLightBackgroundSecondaryDangerFocus": "{colors.n400}", "buttonLightBackgroundSecondaryDangerKeyfocus": "{colors.n400}", "buttonLightBackgroundSecondaryDangerDisabled": "{colors.n300}", "buttonLightFontOnSecondaryDanger": "{colors.r700}", "buttonLightOnSecondaryDangerDisabled": "{colors.r300}", "buttonLightBackgroundDangerDefault": "{colors.r500}", "buttonLightBackgroundDangerHover": "{colors.r600}", "buttonLightBackgroundDangerPress": "{colors.r700}", "buttonLightBackgroundDangerFocus": "{colors.r500}", "buttonLightBackgroundDangerKeyfocus": "{colors.r500}", "buttonLightBackgroundDangerDisabled": "{colors.r200}", "buttonLightFontOnDanger": "{colors.white}", "buttonLightFontOnDangerDisabled": "{colors.white}", "buttonLightBackgroundSuccessDefault": "{colors.g800}", "buttonLightBackgroundSuccessHover": "{colors.g900}", "buttonLightBackgroundSuccessPress": "{colors.g1000}", "buttonLightBackgroundSuccessFocus": "{colors.g800}", "buttonLightBackgroundSuccessKeyfocus": "{colors.g800}", "buttonLightBackgroundSuccessDisabled": "{colors.g200}", "buttonLightFontOnSuccess": "{colors.white}", "buttonLightFontOnSuccessDisabled": "{colors.white}", "buttonHighContrastBackgroundPrimaryDefault": "{colors.b700}", "buttonHighContrastBackgroundPrimaryHover": "{colors.b800}", "buttonHighContrastBackgroundPrimaryPress": "{colors.b900}", "buttonHighContrastBackgroundPrimaryFocus": "{colors.b700}", "buttonHighContrastBackgroundPrimaryKeyfocus": "{colors.b700}", "buttonHighContrastBackgroundPrimaryDisabled": "{colors.b200}", "buttonHighContrastFontOnPrimary": "{colors.white}", "buttonHighContrastFontOnPrimaryDisabled": "{colors.white}", "buttonHighContrastBackgroundSecondaryDefault": "{colors.n400}", "buttonHighContrastBackgroundSecondaryHover": "{colors.n500}", "buttonHighContrastBackgroundSecondaryPress": "{colors.n600}", "buttonHighContrastBackgroundSecondaryFocus": "{colors.n400}", "buttonHighContrastBackgroundSecondaryKeyfocus": "{colors.n400}", "buttonHighContrastBackgroundSecondaryDisabled": "{colors.n300}", "buttonHighContrastFontOnSecondary": "{colors.n900}", "buttonHighContrastFontOnSecondaryDisabled": "{colors.n500}", "buttonHighContrastBackgroundSecondaryDangerDefault": "{colors.n400}", "buttonHighContrastBackgroundSecondaryDangerHover": "{colors.n500}", "buttonHighContrastBackgroundSecondaryDangerPress": "{colors.n600}", "buttonHighContrastBackgroundSecondaryDangerFocus": "{colors.n400}", "buttonHighContrastBackgroundSecondaryDangerKeyfocus": "{colors.n400}", "buttonHighContrastBackgroundSecondaryDangerDisabled": "{colors.n300}", "buttonHighContrastFontOnSecondaryDanger": "{colors.r900}", "buttonHighContrastOnSecondaryDangerDisabled": "{colors.r300}", "buttonHighContrastBackgroundDangerDefault": "{colors.r800}", "buttonHighContrastBackgroundDangerHover": "{colors.r900}", "buttonHighContrastBackgroundDangerPress": "{colors.r900}", "buttonHighContrastBackgroundDangerFocus": "{colors.r800}", "buttonHighContrastBackgroundDangerKeyfocus": "{colors.r800}", "buttonHighContrastBackgroundDangerDisabled": "{colors.r200}", "buttonHighContrastFontOnDanger": "{colors.white}", "buttonHighContrastFontOnDangerDisabled": "{colors.white}", "buttonHighContrastBackgroundSuccessDefault": "{colors.g500}", "buttonHighContrastBackgroundSuccessHover": "{colors.g600}", "buttonHighContrastBackgroundSuccessPress": "{colors.g700}", "buttonHighContrastBackgroundSuccessFocus": "{colors.g500}", "buttonHighContrastBackgroundSuccessKeyfocus": "{colors.g500}", "buttonHighContrastBackgroundSuccessDisabled": "{colors.g200}", "buttonHighContrastFontOnSuccess": "{colors.n900}", "buttonHighContrastFontOnSuccessDisabled": "{colors.white}", "buttonDarkBackgroundPrimaryDefault": "#095AD2", "buttonDarkBackgroundPrimaryHover": "#10529E", "buttonDarkBackgroundPrimaryPress": "#01336B", "buttonDarkBackgroundPrimaryFocus": "#095AD2", "buttonDarkBackgroundPrimaryKeyfocus": "#095AD2", "buttonDarkBackgroundPrimaryDisabled": "#012247", "buttonDarkFontOnPrimary": "#FFFFFF", "buttonDarkFontOnPrimaryDisabled": "#6C727A", "buttonDarkBackgroundSecondaryDefault": "#353B45", "buttonDarkBackgroundSecondaryHover": "#404754", "buttonDarkBackgroundSecondaryPress": "#4C5362", "buttonDarkBackgroundSecondaryFocus": "#353B45", "buttonDarkBackgroundSecondaryKeyfocus": "#353B45", "buttonDarkBackgroundSecondaryDisabled": "#353B45", "buttonDarkFontOnSecondary": "#E4E7EA", "buttonDarkFontOnSecondaryDisabled": "#6C727A", "buttonDarkBackgroundSecondaryDangerDefault": "#353B45", "buttonDarkBackgroundSecondaryDangerHover": "#404754", "buttonDarkBackgroundSecondaryDangerPress": "#4C5362", "buttonDarkBackgroundSecondaryDangerFocus": "#353B45", "buttonDarkBackgroundSecondaryDangerKeyfocus": "#353B45", "buttonDarkBackgroundSecondaryDangerDisabled": "#353B45", "buttonDarkFontOnSecondaryDanger": "#FFC1C9", "buttonDarkOnSecondaryDangerDisabled": "#6B0513", "buttonDarkBackgroundDangerDefault": "#BB3E4E", "buttonDarkBackgroundDangerHover": "#95323F", "buttonDarkBackgroundDangerPress": "#822C37", "buttonDarkBackgroundDangerFocus": "#BB3E4E", "buttonDarkBackgroundDangerKeyfocus": "#BB3E4E", "buttonDarkBackgroundDangerDisabled": "#3D2126", "buttonDarkFontOnDanger": "#FFFFFF", "buttonDarkFontOnDangerDisabled": "#757575", "buttonDarkBackgroundSuccessDefault": "#1D7256", "buttonDarkBackgroundSuccessHover": "#175943", "buttonDarkBackgroundSuccessPress": "#134937", "buttonDarkBackgroundSuccessFocus": "#1D7256", "buttonDarkBackgroundSuccessKeyfocus": "#1D7256", "buttonDarkBackgroundSuccessDisabled": "#1E4B40", "buttonDarkFontOnSuccess": "#FFFFFF", "buttonDarkFontOnSuccessDisabled": "#757575" };