@beam-ui/design-tokens 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +394 -0
  3. package/USAGE.md +286 -0
  4. package/build/base/tokens.es6.js +106 -0
  5. package/build/base/tokens.json +144 -0
  6. package/build/base/variables.css +108 -0
  7. package/build/globals/tokens.es6.js +9 -0
  8. package/build/globals/tokens.json +11 -0
  9. package/build/globals/variables.css +11 -0
  10. package/build/semantic/tokens.es6.js +316 -0
  11. package/build/semantic/tokens.json +431 -0
  12. package/build/semantic/variables.css +315 -0
  13. package/package.json +52 -0
package/build/semantic/tokens.es6.js ADDED
@@ -0,0 +1,316 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ export const buttonPrimaryBackground = "hsl(0, 0%, 0%)";
6
+ export const buttonPrimaryBackgroundHover = "hsl(222, 11%, 36%)";
7
+ export const buttonPrimaryBackgroundActive = "hsl(218, 8%, 55%)";
8
+ export const buttonPrimaryBackgroundDisabled = "hsl(219, 8%, 65%)";
9
+ export const buttonPrimaryText = "hsl(0, 0%, 100%)";
10
+ export const buttonPrimaryTextHover = "hsl(0, 0%, 100%)";
11
+ export const buttonPrimaryTextActive = "hsl(0, 0%, 100%)";
12
+ export const buttonPrimaryTextDisabled = "hsl(0, 0%, 100%)";
13
+ export const buttonPrimaryBorder = "hsl(0, 0%, 0%)";
14
+ export const buttonPrimaryBorderHover = "hsl(222, 11%, 36%)";
15
+ export const buttonPrimaryBorderActive = "hsl(218, 8%, 55%)";
16
+ export const buttonPrimaryBorderDisabled = "hsl(219, 8%, 65%)";
17
+ export const buttonPrimaryFontSize = "1.6rem";
18
+ export const buttonPrimaryLineHeight = "1.3";
19
+ export const buttonPrimaryBorderRadius = "0.4rem";
20
+ export const buttonPrimaryBorderWidth = "0.1rem";
21
+ export const buttonSecondaryBackground = "hsl(0, 0%, 100%)";
22
+ export const buttonSecondaryBackgroundHover = "hsl(210, 7%, 95%)";
23
+ export const buttonSecondaryBackgroundActive = "hsl(228, 8%, 88%)";
24
+ export const buttonSecondaryBackgroundDisabled = "hsl(222, 8%, 77%)";
25
+ export const buttonSecondaryText = "hsl(0, 0%, 0%)";
26
+ export const buttonSecondaryTextHover = "hsl(0, 0%, 0%)";
27
+ export const buttonSecondaryTextActive = "hsl(0, 0%, 0%)";
28
+ export const buttonSecondaryTextDisabled = "hsl(0, 0%, 0%)";
29
+ export const buttonSecondaryBorder = "hsl(228, 8%, 88%)";
30
+ export const buttonSecondaryBorderHover = "hsl(219, 8%, 65%)";
31
+ export const buttonSecondaryBorderActive = "hsl(0, 0%, 0%)";
32
+ export const buttonSecondaryBorderDisabled = "hsl(219, 8%, 65%)";
33
+ export const buttonSecondaryFontSize = "1.6rem";
34
+ export const buttonSecondaryLineHeight = "1.3";
35
+ export const buttonSecondaryBorderRadius = "0.4rem";
36
+ export const buttonSecondaryBorderWidth = "0.1rem";
37
+ export const buttonTertiaryBackground = "hsl(0, 0%, 100%)";
38
+ export const buttonTertiaryBackgroundHover = "hsl(210, 7%, 95%)";
39
+ export const buttonTertiaryBackgroundActive = "hsl(228, 8%, 88%)";
40
+ export const buttonTertiaryBackgroundDisabled = "hsl(222, 8%, 77%)";
41
+ export const buttonTertiaryText = "hsl(0, 0%, 0%)";
42
+ export const buttonTertiaryTextHover = "hsl(0, 0%, 0%)";
43
+ export const buttonTertiaryTextActive = "hsl(0, 0%, 0%)";
44
+ export const buttonTertiaryTextDisabled = "hsl(0, 0%, 0%)";
45
+ export const buttonTertiaryBorder = "hsla(0, 0%, 0%, 0)";
46
+ export const buttonTertiaryBorderHover = "hsl(228, 8%, 88%)";
47
+ export const buttonTertiaryBorderActive = "hsl(0, 0%, 0%)";
48
+ export const buttonTertiaryBorderDisabled = "hsla(0, 0%, 0%, 0)";
49
+ export const buttonTertiaryFontSize = "1.6rem";
50
+ export const buttonTertiaryLineHeight = "1.3";
51
+ export const buttonTertiaryBorderRadius = "0.4rem";
52
+ export const buttonTertiaryBorderWidth = "0.1rem";
53
+ export const buttonDangerPrimaryBackground = "hsl(9, 79%, 34%)";
54
+ export const buttonDangerPrimaryBackgroundHover = "hsl(2, 72%, 29%)";
55
+ export const buttonDangerPrimaryBackgroundActive = "hsl(9, 79%, 34%)";
56
+ export const buttonDangerPrimaryBackgroundDisabled = "hsl(0, 78%, 63%)";
57
+ export const buttonDangerPrimaryText = "hsl(0, 0%, 100%)";
58
+ export const buttonDangerPrimaryTextHover = "hsl(0, 0%, 100%)";
59
+ export const buttonDangerPrimaryTextActive = "hsl(0, 0%, 100%)";
60
+ export const buttonDangerPrimaryTextDisabled = "hsl(0, 0%, 100%)";
61
+ export const buttonDangerPrimaryBorder = "hsl(9, 79%, 34%)";
62
+ export const buttonDangerPrimaryBorderHover = "hsl(2, 72%, 29%)";
63
+ export const buttonDangerPrimaryBorderActive = "hsl(9, 79%, 34%)";
64
+ export const buttonDangerPrimaryBorderDisabled = "hsl(0, 78%, 63%)";
65
+ export const buttonDangerPrimaryFontSize = "1.6rem";
66
+ export const buttonDangerPrimaryLineHeight = "1.3";
67
+ export const buttonDangerPrimaryBorderRadius = "0.4rem";
68
+ export const buttonDangerPrimaryBorderWidth = "0.1rem";
69
+ export const buttonDangerSecondaryBackground = "hsl(0, 0%, 100%)";
70
+ export const buttonDangerSecondaryBackgroundHover = "hsl(210, 7%, 95%)";
71
+ export const buttonDangerSecondaryBackgroundActive = "hsl(228, 8%, 88%)";
72
+ export const buttonDangerSecondaryBackgroundDisabled = "hsl(222, 8%, 77%)";
73
+ export const buttonDangerSecondaryText = "hsl(9, 79%, 34%)";
74
+ export const buttonDangerSecondaryTextHover = "hsl(9, 79%, 34%)";
75
+ export const buttonDangerSecondaryTextActive = "hsl(9, 79%, 34%)";
76
+ export const buttonDangerSecondaryTextDisabled = "hsl(9, 79%, 34%)";
77
+ export const buttonDangerSecondaryBorder = "hsl(0, 0%, 100%)";
78
+ export const buttonDangerSecondaryBorderHover = "hsl(210, 7%, 95%)";
79
+ export const buttonDangerSecondaryBorderActive = "hsl(228, 8%, 88%)";
80
+ export const buttonDangerSecondaryBorderDisabled = "hsl(222, 8%, 77%)";
81
+ export const buttonDangerSecondaryFontSize = "1.6rem";
82
+ export const buttonDangerSecondaryLineHeight = "1.3";
83
+ export const buttonDangerSecondaryBorderRadius = "0.4rem";
84
+ export const buttonDangerSecondaryBorderWidth = "0.1rem";
85
+ export const buttonSizeSmPaddingInline = "0.4rem";
86
+ export const buttonSizeSmPaddingBlock = "0.4rem";
87
+ export const buttonSizeSmMinWidth = "48px";
88
+ export const buttonSizeMdPaddingInline = "0.8rem";
89
+ export const buttonSizeMdPaddingBlock = "0.8rem";
90
+ export const buttonSizeMdMinWidth = "48px";
91
+ export const buttonSizeLgPaddingInline = "1.6rem";
92
+ export const buttonSizeLgPaddingBlock = "1.6rem";
93
+ export const buttonSizeLgMinWidth = "48px";
94
+ export const colorBackgroundPrimary = "hsl(0, 0%, 100%)";
95
+ export const colorBackgroundSecondary = "hsl(0, 0%, 98%)";
96
+ export const colorBackgroundTertiary = "hsl(210, 7%, 95%)";
97
+ export const colorBackgroundInverse = "hsl(0, 0%, 0%)";
98
+ export const colorBackgroundOverlay = "hsla(0, 0%, 0%, 0.3)";
99
+ export const colorBackgroundBackdrop = "hsla(0, 0%, 0%, 0.05)";
100
+ export const colorBackgroundElevated = "hsl(0, 0%, 100%)";
101
+ export const colorBackgroundSunken = "hsl(0, 0%, 98%)";
102
+ export const colorSurfacePrimary = "hsl(0, 0%, 100%)";
103
+ export const colorSurfaceSecondary = "hsl(0, 0%, 98%)";
104
+ export const colorSurfaceTertiary = "hsl(210, 7%, 95%)";
105
+ export const colorSurfaceHover = "hsl(210, 7%, 95%)";
106
+ export const colorSurfaceActive = "hsl(228, 8%, 88%)";
107
+ export const colorSurfaceDisabled = "hsl(219, 8%, 65%)";
108
+ export const colorSurfaceSelected = "hsl(0, 0%, 100%)";
109
+ export const colorSurfaceInverse = "hsl(0, 0%, 0%)";
110
+ export const colorBorderPrimary = "hsl(210, 7%, 95%)";
111
+ export const colorBorderSecondary = "hsl(228, 8%, 88%)";
112
+ export const colorBorderTertiary = "hsl(218, 8%, 55%)";
113
+ export const colorBorderInteractive = "hsl(228, 8%, 88%)";
114
+ export const colorBorderHover = "hsl(219, 8%, 65%)";
115
+ export const colorBorderFocus = "hsl(0, 0%, 0%)";
116
+ export const colorBorderError = "hsl(9, 79%, 34%)";
117
+ export const colorBorderSuccess = "hsl(145, 81%, 35%)";
118
+ export const colorBorderWarning = "hsl(29, 100%, 38%)";
119
+ export const colorBorderInfo = "hsl(209, 82%, 49%)";
120
+ export const colorBorderDisabled = "hsl(219, 8%, 65%)";
121
+ export const colorBorderInverse = "hsl(0, 0%, 0%)";
122
+ export const colorTextPrimary = "hsl(0, 0%, 0%)";
123
+ export const colorTextSecondary = "hsl(222, 11%, 36%)";
124
+ export const colorTextTertiary = "hsl(221, 11%, 45%)";
125
+ export const colorTextQuaternary = "hsl(218, 8%, 55%)";
126
+ export const colorTextPlaceholder = "hsl(218, 8%, 55%)";
127
+ export const colorTextDisabled = "hsl(219, 8%, 65%)";
128
+ export const colorTextInverse = "hsl(0, 0%, 100%)";
129
+ export const colorTextLink = "hsl(0, 0%, 0%)";
130
+ export const colorTextLinkHover = "hsl(222, 11%, 36%)";
131
+ export const colorTextLinkVisited = "hsl(221, 11%, 45%)";
132
+ export const colorTextError = "hsl(9, 79%, 34%)";
133
+ export const colorTextSuccess = "hsl(145, 81%, 35%)";
134
+ export const colorTextWarning = "hsl(29, 100%, 38%)";
135
+ export const colorTextInfo = "hsl(209, 82%, 49%)";
136
+ export const colorIconPrimary = "hsl(0, 0%, 0%)";
137
+ export const colorIconSecondary = "hsl(221, 11%, 45%)";
138
+ export const colorIconTertiary = "hsl(218, 8%, 55%)";
139
+ export const colorIconInteractive = "hsl(0, 0%, 0%)";
140
+ export const colorIconHover = "hsl(222, 11%, 36%)";
141
+ export const colorIconActive = "hsl(0, 0%, 0%)";
142
+ export const colorIconDisabled = "hsl(219, 8%, 65%)";
143
+ export const colorIconInverse = "hsl(0, 0%, 100%)";
144
+ export const colorIconError = "hsl(9, 79%, 34%)";
145
+ export const colorIconSuccess = "hsl(145, 81%, 35%)";
146
+ export const colorIconWarning = "hsl(29, 100%, 38%)";
147
+ export const colorIconInfo = "hsl(209, 82%, 49%)";
148
+ export const colorInteractivePrimaryDefault = "hsl(0, 0%, 0%)";
149
+ export const colorInteractivePrimaryHover = "hsl(222, 11%, 36%)";
150
+ export const colorInteractivePrimaryActive = "hsl(218, 8%, 55%)";
151
+ export const colorInteractivePrimaryDisabled = "hsl(219, 8%, 65%)";
152
+ export const colorInteractiveInverseDefault = "hsl(0, 0%, 100%)";
153
+ export const colorInteractiveInverseHover = "hsl(210, 7%, 95%)";
154
+ export const colorInteractiveInverseActive = "hsl(228, 8%, 88%)";
155
+ export const colorInteractiveInverseDisabled = "hsl(222, 8%, 77%)";
156
+ export const colorInteractiveSuccessDefault = "hsl(145, 81%, 35%)";
157
+ export const colorInteractiveSuccessHover = "hsl(145, 81%, 25%)";
158
+ export const colorInteractiveSuccessActive = "hsl(145, 81%, 35%)";
159
+ export const colorInteractiveSuccessDisabled = "hsl(131, 67%, 76%)";
160
+ export const colorInteractiveWarningDefault = "hsl(29, 100%, 38%)";
161
+ export const colorInteractiveWarningHover = "hsl(29, 100%, 27%)";
162
+ export const colorInteractiveWarningActive = "hsl(29, 100%, 38%)";
163
+ export const colorInteractiveWarningDisabled = "hsl(26, 100%, 64%)";
164
+ export const colorInteractiveInfoDefault = "hsl(209, 82%, 37%)";
165
+ export const colorInteractiveInfoHover = "hsl(209, 79%, 31%)";
166
+ export const colorInteractiveInfoActive = "hsl(209, 82%, 37%)";
167
+ export const colorInteractiveInfoDisabled = "hsl(217, 75%, 66%)";
168
+ export const colorInteractiveErrorDefault = "hsl(9, 79%, 34%)";
169
+ export const colorInteractiveErrorHover = "hsl(2, 72%, 29%)";
170
+ export const colorInteractiveErrorActive = "hsl(9, 79%, 34%)";
171
+ export const colorInteractiveErrorDisabled = "hsl(0, 78%, 63%)";
172
+ export const colorStatusSuccessBase = "hsl(145, 81%, 35%)";
173
+ export const colorStatusSuccessLight = "hsl(128, 68%, 85%)";
174
+ export const colorStatusSuccessDark = "hsl(145, 81%, 25%)";
175
+ export const colorStatusSuccessContrast = "hsl(126, 71%, 95%)";
176
+ export const colorStatusWarningBase = "hsl(29, 100%, 38%)";
177
+ export const colorStatusWarningLight = "hsl(27, 100%, 84%)";
178
+ export const colorStatusWarningDark = "hsl(29, 100%, 27%)";
179
+ export const colorStatusWarningContrast = "hsl(27, 100%, 94%)";
180
+ export const colorStatusInfoBase = "hsl(209, 82%, 49%)";
181
+ export const colorStatusInfoLight = "hsl(222, 76%, 85%)";
182
+ export const colorStatusInfoDark = "hsl(209, 79%, 31%)";
183
+ export const colorStatusInfoContrast = "hsl(224, 79%, 95%)";
184
+ export const colorStatusErrorBase = "hsl(9, 79%, 34%)";
185
+ export const colorStatusErrorLight = "hsl(351, 93%, 83%)";
186
+ export const colorStatusErrorDark = "hsl(2, 72%, 29%)";
187
+ export const colorStatusErrorContrast = "hsl(7, 94%, 93%)";
188
+ export const colorPrimaryBase = "hsl(54, 100%, 44%)";
189
+ export const colorPrimaryLight = "hsl(58, 100%, 92%)";
190
+ export const colorPrimaryLighter = "hsl(60, 100%, 81%)";
191
+ export const colorPrimaryDark = "hsl(49, 87%, 37%)";
192
+ export const colorPrimaryContrast = "hsl(60, 100%, 97%)";
193
+ export const colorSecondaryBase = "hsl(209, 82%, 49%)";
194
+ export const colorSecondaryLight = "hsl(222, 76%, 85%)";
195
+ export const colorSecondaryLighter = "hsl(220, 75%, 76%)";
196
+ export const colorSecondaryDark = "hsl(209, 79%, 31%)";
197
+ export const colorSecondaryContrast = "hsl(224, 79%, 95%)";
198
+ export const colorAccentBase = "hsl(263, 50%, 43%)";
199
+ export const colorAccentLight = "hsl(267, 69%, 85%)";
200
+ export const colorAccentLighter = "hsl(266, 67%, 75%)";
201
+ export const colorAccentDark = "hsl(263, 51%, 35%)";
202
+ export const colorAccentContrast = "hsl(269, 100%, 96%)";
203
+ export const typographyDisplay100FontFamily = "FavoritStd-MediumExtended";
204
+ export const typographyDisplay100FontSize = "5.2rem";
205
+ export const typographyDisplay100LineHeight = "1.2";
206
+ export const typographyDisplay100LetterSpacing = "-0.02em";
207
+ export const typographyDisplay100Color = "hsl(0, 0%, 0%)";
208
+ export const typographyDisplay100Inverse = "hsl(0, 0%, 100%)";
209
+ export const typographyDisplay200FontFamily = "FavoritStd-MediumExtended";
210
+ export const typographyDisplay200FontSize = "4rem";
211
+ export const typographyDisplay200LineHeight = "1.2";
212
+ export const typographyDisplay200LetterSpacing = "-0.02em";
213
+ export const typographyDisplay200Color = "hsl(0, 0%, 0%)";
214
+ export const typographyDisplay200Inverse = "hsl(0, 0%, 100%)";
215
+ export const typographyDisplay300FontFamily = "FavoritStd-MediumExtended";
216
+ export const typographyDisplay300FontSize = "3.2rem";
217
+ export const typographyDisplay300LineHeight = "1.2";
218
+ export const typographyDisplay300LetterSpacing = "-0.02em";
219
+ export const typographyDisplay300Color = "hsl(0, 0%, 0%)";
220
+ export const typographyDisplay300Inverse = "hsl(0, 0%, 100%)";
221
+ export const typographyDisplay400FontFamily = "FavoritStd-MediumExtended";
222
+ export const typographyDisplay400FontSize = "2.4rem";
223
+ export const typographyDisplay400LineHeight = "1.2";
224
+ export const typographyDisplay400LetterSpacing = "-0.02em";
225
+ export const typographyDisplay400Color = "hsl(0, 0%, 0%)";
226
+ export const typographyDisplay400Inverse = "hsl(0, 0%, 100%)";
227
+ export const typographyDisplay500FontFamily = "FavoritStd-MediumExtended";
228
+ export const typographyDisplay500FontSize = "2rem";
229
+ export const typographyDisplay500LineHeight = "1.2";
230
+ export const typographyDisplay500LetterSpacing = "-0.02em";
231
+ export const typographyDisplay500Color = "hsl(0, 0%, 0%)";
232
+ export const typographyDisplay500Inverse = "hsl(0, 0%, 100%)";
233
+ export const typographyHeading100FontFamily = "HelveticaNeueeTextPro-Md";
234
+ export const typographyHeading100FontSize = "5.2rem";
235
+ export const typographyHeading100LineHeight = "1.3";
236
+ export const typographyHeading100LetterSpacing = "-0.01em";
237
+ export const typographyHeading100Color = "hsl(0, 0%, 0%)";
238
+ export const typographyHeading100Inverse = "hsl(0, 0%, 100%)";
239
+ export const typographyHeading200FontFamily = "HelveticaNeueeTextPro-Md";
240
+ export const typographyHeading200FontSize = "4rem";
241
+ export const typographyHeading200LineHeight = "1.3";
242
+ export const typographyHeading200LetterSpacing = "-0.01em";
243
+ export const typographyHeading200Color = "hsl(0, 0%, 0%)";
244
+ export const typographyHeading200Inverse = "hsl(0, 0%, 100%)";
245
+ export const typographyHeading300FontFamily = "HelveticaNeueeTextPro-Md";
246
+ export const typographyHeading300FontSize = "3.2rem";
247
+ export const typographyHeading300LineHeight = "1.3";
248
+ export const typographyHeading300LetterSpacing = "-0.01em";
249
+ export const typographyHeading300Color = "hsl(0, 0%, 0%)";
250
+ export const typographyHeading300Inverse = "hsl(0, 0%, 100%)";
251
+ export const typographyHeading400FontFamily = "HelveticaNeueeTextPro-Md";
252
+ export const typographyHeading400FontSize = "2.4rem";
253
+ export const typographyHeading400LineHeight = "1.3";
254
+ export const typographyHeading400LetterSpacing = "-0.01em";
255
+ export const typographyHeading400Color = "hsl(0, 0%, 0%)";
256
+ export const typographyHeading400Inverse = "hsl(0, 0%, 100%)";
257
+ export const typographyHeading500FontFamily = "HelveticaNeueeTextPro-Md";
258
+ export const typographyHeading500FontSize = "2rem";
259
+ export const typographyHeading500LineHeight = "1.3";
260
+ export const typographyHeading500LetterSpacing = "-0.01em";
261
+ export const typographyHeading500Color = "hsl(0, 0%, 0%)";
262
+ export const typographyHeading500Inverse = "hsl(0, 0%, 100%)";
263
+ export const typographyBodyLargeDefaultFontFamily =
264
+ "HelveticaNeueeTextPro-Roman";
265
+ export const typographyBodyLargeDefaultFontSize = "2rem";
266
+ export const typographyBodyLargeDefaultLineHeight = "1.3";
267
+ export const typographyBodyLargeDefaultLetterSpacing = 0;
268
+ export const typographyBodyLargeDefaultColor = "hsl(0, 0%, 0%)";
269
+ export const typographyBodyLargeDefaultInverse = "hsl(0, 0%, 100%)";
270
+ export const typographyBodyLargeMediumFontFamily = "HelveticaNeueeTextPro-Md";
271
+ export const typographyBodyLargeMediumFontSize = "2rem";
272
+ export const typographyBodyLargeMediumLineHeight = "1.3";
273
+ export const typographyBodyLargeMediumLetterSpacing = 0;
274
+ export const typographyBodyLargeMediumColor = "hsl(0, 0%, 0%)";
275
+ export const typographyBodyLargeMediumInverse = "hsl(0, 0%, 100%)";
276
+ export const typographyBodyBaseDefaultFontFamily =
277
+ "HelveticaNeueeTextPro-Roman";
278
+ export const typographyBodyBaseDefaultFontSize = "1.6rem";
279
+ export const typographyBodyBaseDefaultLineHeight = "1.3";
280
+ export const typographyBodyBaseDefaultLetterSpacing = 0;
281
+ export const typographyBodyBaseDefaultColor = "hsl(0, 0%, 0%)";
282
+ export const typographyBodyBaseDefaultInverse = "hsl(0, 0%, 100%)";
283
+ export const typographyBodyBaseMediumFontFamily = "HelveticaNeueeTextPro-Md";
284
+ export const typographyBodyBaseMediumFontSize = "1.6rem";
285
+ export const typographyBodyBaseMediumLineHeight = "1.3";
286
+ export const typographyBodyBaseMediumLetterSpacing = 0;
287
+ export const typographyBodyBaseMediumColor = "hsl(0, 0%, 0%)";
288
+ export const typographyBodyBaseMediumInverse = "hsl(0, 0%, 100%)";
289
+ export const typographyBodySmallDefaultFontFamily =
290
+ "HelveticaNeueeTextPro-Roman";
291
+ export const typographyBodySmallDefaultFontSize = "1.4rem";
292
+ export const typographyBodySmallDefaultLineHeight = "1.3";
293
+ export const typographyBodySmallDefaultLetterSpacing = 0;
294
+ export const typographyBodySmallDefaultColor = "hsl(0, 0%, 0%)";
295
+ export const typographyBodySmallDefaultInverse = "hsl(0, 0%, 100%)";
296
+ export const typographyBodySmallMediumFontFamily = "HelveticaNeueeTextPro-Md";
297
+ export const typographyBodySmallMediumFontSize = "1.4rem";
298
+ export const typographyBodySmallMediumLineHeight = "1.3";
299
+ export const typographyBodySmallMediumLetterSpacing = 0;
300
+ export const typographyBodySmallMediumColor = "hsl(0, 0%, 0%)";
301
+ export const typographyBodySmallMediumInverse = "hsl(0, 0%, 100%)";
302
+ export const typographyLabelBaseFontSize = "1.2rem";
303
+ export const typographyLabelBaseLineHeight = "1.3";
304
+ export const typographyLabelBaseLetterSpacing = "0.01em";
305
+ export const typographyLabelBaseColor = "hsl(0, 0%, 0%)";
306
+ export const typographyLabelBaseInverse = "hsl(0, 0%, 100%)";
307
+ export const typographyCaptionFontSize = "1.2rem";
308
+ export const typographyCaptionLineHeight = "1.3";
309
+ export const typographyCaptionLetterSpacing = "0.01em";
310
+ export const typographyCaptionColor = "hsl(222, 11%, 36%)";
311
+ export const typographyCaptionInverse = "hsl(0, 0%, 100%)";
312
+ export const typographyOverlineFontSize = "1.2rem";
313
+ export const typographyOverlineLineHeight = "1.3";
314
+ export const typographyOverlineLetterSpacing = "0.01em";
315
+ export const typographyOverlineColor = "hsl(0, 0%, 0%)";
316
+ export const typographyOverlineInverse = "hsl(0, 0%, 100%)";