@sage/design-tokens 18.9.1 → 18.11.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 (9) hide show
  1. package/css/global.css +84 -76
  2. package/css/light-all.css +84 -76
  3. package/js/common/global.d.ts +10 -0
  4. package/js/common/global.js +84 -76
  5. package/js/es6/global.d.ts +20 -2
  6. package/js/es6/global.js +84 -76
  7. package/json/global.json +526 -76
  8. package/package.json +1 -1
  9. package/scss/global.scss +84 -76
package/json/global.json CHANGED
@@ -12,80 +12,528 @@
12
12
  "globalBreakpointL": "1260px",
13
13
  "globalBreakpointXl": "1600px",
14
14
  "globalBreakpointXxl": "1920px",
15
- "globalFontFluidHeadingS": "500 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem) Sage UI",
16
- "globalFontFluidHeadingM": "700 clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem) Sage UI",
17
- "globalFontFluidHeadingL": "700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem) Sage UI",
18
- "globalFontFluidSubheadingM": "500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
19
- "globalFontFluidSubheadingL": "500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem) Sage UI",
20
- "globalFontFluidSectionHeadingS": "700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
21
- "globalFontFluidSectionHeadingM": "700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem) Sage UI",
22
- "globalFontFluidBodyRegularS": "400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
23
- "globalFontFluidBodyRegularM": "400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
24
- "globalFontFluidBodyRegularL": "400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem) Sage UI",
25
- "globalFontFluidBodyMediumS": "500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
26
- "globalFontFluidBodyMediumM": "500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
27
- "globalFontFluidBodyMediumL": "500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem) Sage UI",
28
- "globalFontFluidCompMediumXs": "500 clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem) Sage UI",
29
- "globalFontFluidCompMediumS": "500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
30
- "globalFontFluidCompMediumM": "500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
31
- "globalFontFluidCompMediumL": "500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
32
- "globalFontFluidCompRegularXs": "400 clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem) Sage UI",
33
- "globalFontFluidCompRegularS": "400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
34
- "globalFontFluidCompRegularM": "400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
35
- "globalFontFluidCompRegularL": "400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
36
- "globalFontFluidCompIconS": "20px sage-icons",
37
- "globalFontFluidCompIconM": "20px sage-icons",
38
- "globalFontFluidCompIconL": "20px sage-icons",
39
- "globalFontFluidCompLinedRegularS": "400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
40
- "globalFontFluidCompLinedRegularM": "400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
41
- "globalFontFluidCompLinedRegularL": "400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
42
- "globalFontFluidCompLinedMediumS": "500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
43
- "globalFontFluidCompLinedMediumM": "500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
44
- "globalFontFluidCompLinedMediumL": "500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem) Sage UI",
45
- "globalFontFluidCompPlaceholderXs": "500 clamp(0.6733rem, 0.7398rem + -0.0831vw, 0.7231rem) Sage UI",
46
- "globalFontFluidCompPlaceholderS": "500 clamp(0.875rem, 0.875rem + 0vw, 0.875rem) Sage UI",
47
- "globalFontFluidCompPlaceholderM": "500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem) Sage UI",
48
- "globalFontFluidCompPlaceholderMl": "500 clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem) Sage UI",
49
- "globalFontFluidCompPlaceholderL": "500 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem) Sage UI",
50
- "globalFontFluidCompPlaceholderXl": "500 clamp(1.8756rem, 1.6688rem + 1.034vw, 2.496rem) Sage UI",
51
- "globalFontFluidCompPlaceholderXxl": "500 clamp(2.2695rem, 1.9448rem + 1.6238vw, 3.2438rem) Sage UI",
52
- "globalFontStaticHeadingS": "500 21px Sage UI",
53
- "globalFontStaticHeadingM": "700 24px Sage UI",
54
- "globalFontStaticHeadingL": "700 30px Sage UI",
55
- "globalFontStaticSubheadingM": "500 16px Sage UI",
56
- "globalFontStaticSubheadingL": "500 18px Sage UI",
57
- "globalFontStaticSectionHeadingS": "700 16px Sage UI",
58
- "globalFontStaticSectionHeadingM": "700 21px Sage UI",
59
- "globalFontStaticBodyRegularS": "400 14px Sage UI",
60
- "globalFontStaticBodyRegularM": "400 14px Sage UI",
61
- "globalFontStaticBodyRegularL": "400 16px Sage UI",
62
- "globalFontStaticBodyMediumS": "500 14px Sage UI",
63
- "globalFontStaticBodyMediumM": "500 14px Sage UI",
64
- "globalFontStaticBodyMediumL": "500 16px Sage UI",
65
- "globalFontStaticCompMediumXs": "500 13px Sage UI",
66
- "globalFontStaticCompMediumS": "500 14px Sage UI",
67
- "globalFontStaticCompMediumM": "500 14px Sage UI",
68
- "globalFontStaticCompMediumL": "500 16px Sage UI",
69
- "globalFontStaticCompRegularXs": "400 13px Sage UI",
70
- "globalFontStaticCompRegularS": "400 14px Sage UI",
71
- "globalFontStaticCompRegularM": "400 14px Sage UI",
72
- "globalFontStaticCompRegularL": "400 16px Sage UI",
73
- "globalFontStaticCompIconS": "20px sage-icons",
74
- "globalFontStaticCompIconM": "20px sage-icons",
75
- "globalFontStaticCompIconL": "20px sage-icons",
76
- "globalFontStaticCompLinedRegularS": "400 14px Sage UI",
77
- "globalFontStaticCompLinedRegularM": "400 14px Sage UI",
78
- "globalFontStaticCompLinedRegularL": "400 16px Sage UI",
79
- "globalFontStaticCompLinedMediumS": "500 14px Sage UI",
80
- "globalFontStaticCompLinedMediumM": "500 14px Sage UI",
81
- "globalFontStaticCompLinedMediumL": "500 16px Sage UI",
82
- "globalFontStaticCompPlaceholderXs": "500 12px Sage UI",
83
- "globalFontStaticCompPlaceholderS": "500 14px Sage UI",
84
- "globalFontStaticCompPlaceholderM": "500 18px Sage UI",
85
- "globalFontStaticCompPlaceholderMl": "500 24px Sage UI",
86
- "globalFontStaticCompPlaceholderL": "500 30px Sage UI",
87
- "globalFontStaticCompPlaceholderXl": "500 40px Sage UI",
88
- "globalFontStaticCompPlaceholderXxl": "500 52px Sage UI",
15
+ "globalFontFluidHeadingS": {
16
+ "fontFamily": "var(--global-font-families-heading)",
17
+ "fontWeight": "500",
18
+ "lineHeight": 1.25,
19
+ "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
20
+ },
21
+ "globalFontFluidHeadingM": {
22
+ "fontFamily": "var(--global-font-families-heading)",
23
+ "fontWeight": "700",
24
+ "lineHeight": 1.25,
25
+ "fontSize": "clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)"
26
+ },
27
+ "globalFontFluidHeadingL": {
28
+ "fontFamily": "var(--global-font-families-heading)",
29
+ "fontWeight": "700",
30
+ "lineHeight": 1.25,
31
+ "fontSize": "clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)"
32
+ },
33
+ "globalFontFluidSubheadingM": {
34
+ "fontFamily": "var(--global-font-families-subheading)",
35
+ "fontWeight": "500",
36
+ "lineHeight": 1.25,
37
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
38
+ },
39
+ "globalFontFluidSubheadingL": {
40
+ "fontFamily": "var(--global-font-families-subheading)",
41
+ "fontWeight": "500",
42
+ "lineHeight": 1.25,
43
+ "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)"
44
+ },
45
+ "globalFontFluidSectionHeadingS": {
46
+ "fontFamily": "var(--global-font-families-subheading)",
47
+ "fontWeight": "700",
48
+ "lineHeight": 1.25,
49
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
50
+ },
51
+ "globalFontFluidSectionHeadingM": {
52
+ "fontFamily": "var(--global-font-families-subheading)",
53
+ "fontWeight": "700",
54
+ "lineHeight": 1.25,
55
+ "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
56
+ },
57
+ "globalFontFluidBodyRegularS": {
58
+ "fontFamily": "var(--global-font-families-body)",
59
+ "fontWeight": "400",
60
+ "lineHeight": 1.5,
61
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
62
+ "paragraphSpacing": "16px"
63
+ },
64
+ "globalFontFluidBodyRegularM": {
65
+ "fontFamily": "var(--global-font-families-body)",
66
+ "fontWeight": "400",
67
+ "lineHeight": 1.5,
68
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
69
+ "paragraphSpacing": "24px"
70
+ },
71
+ "globalFontFluidBodyRegularL": {
72
+ "fontFamily": "var(--global-font-families-body)",
73
+ "fontWeight": "400",
74
+ "lineHeight": 1.5,
75
+ "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
76
+ "paragraphSpacing": "24px"
77
+ },
78
+ "globalFontFluidBodyMediumS": {
79
+ "fontFamily": "var(--global-font-families-body)",
80
+ "fontWeight": "500",
81
+ "lineHeight": 1.5,
82
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
83
+ "paragraphSpacing": "16px"
84
+ },
85
+ "globalFontFluidBodyMediumM": {
86
+ "fontFamily": "var(--global-font-families-body)",
87
+ "fontWeight": "500",
88
+ "lineHeight": 1.5,
89
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
90
+ "paragraphSpacing": "24px"
91
+ },
92
+ "globalFontFluidBodyMediumL": {
93
+ "fontFamily": "var(--global-font-families-body)",
94
+ "fontWeight": "500",
95
+ "lineHeight": 1.5,
96
+ "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
97
+ "paragraphSpacing": "24px"
98
+ },
99
+ "globalFontFluidCompMediumXs": {
100
+ "fontFamily": "var(--global-font-families-component)",
101
+ "fontWeight": "500",
102
+ "lineHeight": 1.5,
103
+ "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
104
+ "paragraphSpacing": "0"
105
+ },
106
+ "globalFontFluidCompMediumS": {
107
+ "fontFamily": "var(--global-font-families-component)",
108
+ "fontWeight": "500",
109
+ "lineHeight": 1.5,
110
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
111
+ "paragraphSpacing": "0"
112
+ },
113
+ "globalFontFluidCompMediumM": {
114
+ "fontFamily": "var(--global-font-families-component)",
115
+ "fontWeight": "500",
116
+ "lineHeight": 1.5,
117
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
118
+ "paragraphSpacing": "0"
119
+ },
120
+ "globalFontFluidCompMediumL": {
121
+ "fontFamily": "var(--global-font-families-component)",
122
+ "fontWeight": "500",
123
+ "lineHeight": 1.5,
124
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
125
+ "paragraphSpacing": "0"
126
+ },
127
+ "globalFontFluidCompRegularXs": {
128
+ "fontFamily": "var(--global-font-families-component)",
129
+ "fontWeight": "400",
130
+ "lineHeight": 1.5,
131
+ "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
132
+ "paragraphSpacing": "0"
133
+ },
134
+ "globalFontFluidCompRegularS": {
135
+ "fontFamily": "var(--global-font-families-component)",
136
+ "fontWeight": "400",
137
+ "lineHeight": 1.5,
138
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
139
+ "paragraphSpacing": "0"
140
+ },
141
+ "globalFontFluidCompRegularM": {
142
+ "fontFamily": "var(--global-font-families-component)",
143
+ "fontWeight": "400",
144
+ "lineHeight": 1.5,
145
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
146
+ "paragraphSpacing": "0"
147
+ },
148
+ "globalFontFluidCompRegularL": {
149
+ "fontFamily": "var(--global-font-families-component)",
150
+ "fontWeight": "400",
151
+ "lineHeight": 1.5,
152
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
153
+ "paragraphSpacing": "0"
154
+ },
155
+ "globalFontFluidCompIconS": {
156
+ "fontSize": "20px",
157
+ "fontFamily": "var(--global-font-families-sage-icons)",
158
+ "paragraphSpacing": "0"
159
+ },
160
+ "globalFontFluidCompIconM": {
161
+ "fontSize": "20px",
162
+ "fontFamily": "var(--global-font-families-sage-icons)",
163
+ "paragraphSpacing": "0"
164
+ },
165
+ "globalFontFluidCompIconL": {
166
+ "fontSize": "20px",
167
+ "fontFamily": "var(--global-font-families-sage-icons)",
168
+ "paragraphSpacing": "0"
169
+ },
170
+ "globalFontFluidCompLinedRegularS": {
171
+ "fontFamily": "var(--global-font-families-component)",
172
+ "fontWeight": "400",
173
+ "lineHeight": 1.5,
174
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
175
+ "txtDecoration": "underline",
176
+ "paragraphSpacing": "0",
177
+ "textDecoration": "underline"
178
+ },
179
+ "globalFontFluidCompLinedRegularM": {
180
+ "fontFamily": "var(--global-font-families-component)",
181
+ "fontWeight": "400",
182
+ "lineHeight": 1.5,
183
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
184
+ "txtDecoration": "underline",
185
+ "paragraphSpacing": "0",
186
+ "textDecoration": "underline"
187
+ },
188
+ "globalFontFluidCompLinedRegularL": {
189
+ "fontFamily": "var(--global-font-families-component)",
190
+ "fontWeight": "400",
191
+ "lineHeight": 1.5,
192
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
193
+ "txtDecoration": "underline",
194
+ "paragraphSpacing": "0",
195
+ "textDecoration": "underline"
196
+ },
197
+ "globalFontFluidCompLinedMediumS": {
198
+ "fontFamily": "var(--global-font-families-component)",
199
+ "fontWeight": "500",
200
+ "lineHeight": 1.5,
201
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
202
+ "txtDecoration": "underline",
203
+ "paragraphSpacing": "0",
204
+ "textDecoration": "underline"
205
+ },
206
+ "globalFontFluidCompLinedMediumM": {
207
+ "fontFamily": "var(--global-font-families-component)",
208
+ "fontWeight": "500",
209
+ "lineHeight": 1.5,
210
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
211
+ "txtDecoration": "underline",
212
+ "paragraphSpacing": "0",
213
+ "textDecoration": "underline"
214
+ },
215
+ "globalFontFluidCompLinedMediumL": {
216
+ "fontFamily": "var(--global-font-families-component)",
217
+ "fontWeight": "500",
218
+ "lineHeight": 1.5,
219
+ "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
220
+ "txtDecoration": "underline",
221
+ "paragraphSpacing": "0",
222
+ "textDecoration": "underline"
223
+ },
224
+ "globalFontFluidCompPlaceholderXs": {
225
+ "fontFamily": "var(--global-font-families-component)",
226
+ "fontWeight": "500",
227
+ "lineHeight": 1.5,
228
+ "fontSize": "clamp(0.6733rem, 0.7398rem + -0.0831vw, 0.7231rem)",
229
+ "paragraphSpacing": "0"
230
+ },
231
+ "globalFontFluidCompPlaceholderS": {
232
+ "fontFamily": "var(--global-font-families-component)",
233
+ "fontWeight": "500",
234
+ "lineHeight": 1.5,
235
+ "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
236
+ "paragraphSpacing": "0"
237
+ },
238
+ "globalFontFluidCompPlaceholderM": {
239
+ "fontFamily": "var(--global-font-families-component)",
240
+ "fontWeight": "500",
241
+ "lineHeight": 1.5,
242
+ "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
243
+ "paragraphSpacing": "0"
244
+ },
245
+ "globalFontFluidCompPlaceholderMl": {
246
+ "fontFamily": "var(--global-font-families-component)",
247
+ "fontWeight": "500",
248
+ "lineHeight": 1.5,
249
+ "fontSize": "clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)",
250
+ "paragraphSpacing": "0"
251
+ },
252
+ "globalFontFluidCompPlaceholderL": {
253
+ "fontFamily": "var(--global-font-families-component)",
254
+ "fontWeight": "500",
255
+ "lineHeight": 1.5,
256
+ "fontSize": "clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)",
257
+ "paragraphSpacing": "0"
258
+ },
259
+ "globalFontFluidCompPlaceholderXl": {
260
+ "fontFamily": "var(--global-font-families-component)",
261
+ "fontWeight": "500",
262
+ "lineHeight": 1.5,
263
+ "fontSize": "clamp(1.8756rem, 1.6688rem + 1.034vw, 2.496rem)",
264
+ "paragraphSpacing": "0"
265
+ },
266
+ "globalFontFluidCompPlaceholderXxl": {
267
+ "fontFamily": "var(--global-font-families-component)",
268
+ "fontWeight": "500",
269
+ "lineHeight": 1.5,
270
+ "fontSize": "clamp(2.2695rem, 1.9448rem + 1.6238vw, 3.2438rem)",
271
+ "paragraphSpacing": "0"
272
+ },
273
+ "globalFontStaticHeadingS": {
274
+ "fontFamily": "var(--global-font-families-heading)",
275
+ "fontWeight": "500",
276
+ "lineHeight": 1.25,
277
+ "fontSize": "21px"
278
+ },
279
+ "globalFontStaticHeadingM": {
280
+ "fontFamily": "var(--global-font-families-heading)",
281
+ "fontWeight": "700",
282
+ "lineHeight": 1.25,
283
+ "fontSize": "24px"
284
+ },
285
+ "globalFontStaticHeadingL": {
286
+ "fontFamily": "var(--global-font-families-heading)",
287
+ "fontWeight": "700",
288
+ "lineHeight": 1.25,
289
+ "fontSize": "30px"
290
+ },
291
+ "globalFontStaticSubheadingM": {
292
+ "fontFamily": "var(--global-font-families-subheading)",
293
+ "fontWeight": "500",
294
+ "lineHeight": 1.25,
295
+ "fontSize": "16px"
296
+ },
297
+ "globalFontStaticSubheadingL": {
298
+ "fontFamily": "var(--global-font-families-subheading)",
299
+ "fontWeight": "500",
300
+ "lineHeight": 1.25,
301
+ "fontSize": "18px"
302
+ },
303
+ "globalFontStaticSectionHeadingS": {
304
+ "fontFamily": "var(--global-font-families-subheading)",
305
+ "fontWeight": "700",
306
+ "lineHeight": 1.25,
307
+ "fontSize": "16px"
308
+ },
309
+ "globalFontStaticSectionHeadingM": {
310
+ "fontFamily": "var(--global-font-families-subheading)",
311
+ "fontWeight": "700",
312
+ "lineHeight": 1.25,
313
+ "fontSize": "21px"
314
+ },
315
+ "globalFontStaticBodyRegularS": {
316
+ "fontFamily": "var(--global-font-families-body)",
317
+ "fontWeight": "400",
318
+ "lineHeight": 1.5,
319
+ "fontSize": "14px",
320
+ "paragraphSpacing": "16px"
321
+ },
322
+ "globalFontStaticBodyRegularM": {
323
+ "fontFamily": "var(--global-font-families-body)",
324
+ "fontWeight": "400",
325
+ "lineHeight": 1.5,
326
+ "fontSize": "14px",
327
+ "paragraphSpacing": "24px"
328
+ },
329
+ "globalFontStaticBodyRegularL": {
330
+ "fontFamily": "var(--global-font-families-body)",
331
+ "fontWeight": "400",
332
+ "lineHeight": 1.5,
333
+ "fontSize": "16px",
334
+ "paragraphSpacing": "24px"
335
+ },
336
+ "globalFontStaticBodyMediumS": {
337
+ "fontFamily": "var(--global-font-families-body)",
338
+ "fontWeight": "500",
339
+ "lineHeight": 1.5,
340
+ "fontSize": "14px",
341
+ "paragraphSpacing": "16px"
342
+ },
343
+ "globalFontStaticBodyMediumM": {
344
+ "fontFamily": "var(--global-font-families-body)",
345
+ "fontWeight": "500",
346
+ "lineHeight": 1.5,
347
+ "fontSize": "14px",
348
+ "paragraphSpacing": "24px"
349
+ },
350
+ "globalFontStaticBodyMediumL": {
351
+ "fontFamily": "var(--global-font-families-body)",
352
+ "fontWeight": "500",
353
+ "lineHeight": 1.5,
354
+ "fontSize": "16px",
355
+ "paragraphSpacing": "24px"
356
+ },
357
+ "globalFontStaticCompMediumXs": {
358
+ "fontFamily": "var(--global-font-families-component)",
359
+ "fontWeight": "500",
360
+ "lineHeight": 1.5,
361
+ "fontSize": "13px",
362
+ "paragraphSpacing": "0"
363
+ },
364
+ "globalFontStaticCompMediumS": {
365
+ "fontFamily": "var(--global-font-families-component)",
366
+ "fontWeight": "500",
367
+ "lineHeight": 1.5,
368
+ "fontSize": "14px",
369
+ "paragraphSpacing": "0"
370
+ },
371
+ "globalFontStaticCompMediumM": {
372
+ "fontFamily": "var(--global-font-families-component)",
373
+ "fontWeight": "500",
374
+ "lineHeight": 1.5,
375
+ "fontSize": "14px",
376
+ "paragraphSpacing": "0"
377
+ },
378
+ "globalFontStaticCompMediumL": {
379
+ "fontFamily": "var(--global-font-families-component)",
380
+ "fontWeight": "500",
381
+ "lineHeight": 1.5,
382
+ "fontSize": "16px",
383
+ "paragraphSpacing": "0"
384
+ },
385
+ "globalFontStaticCompRegularXs": {
386
+ "fontFamily": "var(--global-font-families-component)",
387
+ "fontWeight": "400",
388
+ "lineHeight": 1.5,
389
+ "fontSize": "13px",
390
+ "paragraphSpacing": "0"
391
+ },
392
+ "globalFontStaticCompRegularS": {
393
+ "fontFamily": "var(--global-font-families-component)",
394
+ "fontWeight": "400",
395
+ "lineHeight": 1.5,
396
+ "fontSize": "14px",
397
+ "paragraphSpacing": "0"
398
+ },
399
+ "globalFontStaticCompRegularM": {
400
+ "fontFamily": "var(--global-font-families-component)",
401
+ "fontWeight": "400",
402
+ "lineHeight": 1.5,
403
+ "fontSize": "14px",
404
+ "paragraphSpacing": "0"
405
+ },
406
+ "globalFontStaticCompRegularL": {
407
+ "fontFamily": "var(--global-font-families-component)",
408
+ "fontWeight": "400",
409
+ "lineHeight": 1.5,
410
+ "fontSize": "16px",
411
+ "paragraphSpacing": "0"
412
+ },
413
+ "globalFontStaticCompIconS": {
414
+ "fontSize": "20px",
415
+ "fontFamily": "var(--global-font-families-sage-icons)",
416
+ "paragraphSpacing": "0"
417
+ },
418
+ "globalFontStaticCompIconM": {
419
+ "fontSize": "20px",
420
+ "fontFamily": "var(--global-font-families-sage-icons)",
421
+ "paragraphSpacing": "0"
422
+ },
423
+ "globalFontStaticCompIconL": {
424
+ "fontSize": "20px",
425
+ "fontFamily": "var(--global-font-families-sage-icons)",
426
+ "paragraphSpacing": "0"
427
+ },
428
+ "globalFontStaticCompLinedRegularS": {
429
+ "fontFamily": "var(--global-font-families-component)",
430
+ "fontWeight": "400",
431
+ "lineHeight": 1.5,
432
+ "fontSize": "14px",
433
+ "txtDecoration": "underline",
434
+ "paragraphSpacing": "0",
435
+ "textDecoration": "underline"
436
+ },
437
+ "globalFontStaticCompLinedRegularM": {
438
+ "fontFamily": "var(--global-font-families-component)",
439
+ "fontWeight": "400",
440
+ "lineHeight": 1.5,
441
+ "fontSize": "14px",
442
+ "txtDecoration": "underline",
443
+ "paragraphSpacing": "0",
444
+ "textDecoration": "underline"
445
+ },
446
+ "globalFontStaticCompLinedRegularL": {
447
+ "fontFamily": "var(--global-font-families-component)",
448
+ "fontWeight": "400",
449
+ "lineHeight": 1.5,
450
+ "fontSize": "16px",
451
+ "txtDecoration": "underline",
452
+ "paragraphSpacing": "0",
453
+ "textDecoration": "underline"
454
+ },
455
+ "globalFontStaticCompLinedMediumS": {
456
+ "fontFamily": "var(--global-font-families-component)",
457
+ "fontWeight": "500",
458
+ "lineHeight": 1.5,
459
+ "fontSize": "14px",
460
+ "txtDecoration": "underline",
461
+ "paragraphSpacing": "0",
462
+ "textDecoration": "underline"
463
+ },
464
+ "globalFontStaticCompLinedMediumM": {
465
+ "fontFamily": "var(--global-font-families-component)",
466
+ "fontWeight": "500",
467
+ "lineHeight": 1.5,
468
+ "fontSize": "14px",
469
+ "txtDecoration": "underline",
470
+ "paragraphSpacing": "0",
471
+ "textDecoration": "underline"
472
+ },
473
+ "globalFontStaticCompLinedMediumL": {
474
+ "fontFamily": "var(--global-font-families-component)",
475
+ "fontWeight": "500",
476
+ "lineHeight": 1.5,
477
+ "fontSize": "16px",
478
+ "txtDecoration": "underline",
479
+ "paragraphSpacing": "0",
480
+ "textDecoration": "underline"
481
+ },
482
+ "globalFontStaticCompPlaceholderXs": {
483
+ "fontFamily": "var(--global-font-families-component)",
484
+ "fontWeight": "500",
485
+ "lineHeight": 1.5,
486
+ "fontSize": "12px",
487
+ "paragraphSpacing": "0"
488
+ },
489
+ "globalFontStaticCompPlaceholderS": {
490
+ "fontFamily": "var(--global-font-families-component)",
491
+ "fontWeight": "500",
492
+ "lineHeight": 1.5,
493
+ "fontSize": "14px",
494
+ "paragraphSpacing": "0"
495
+ },
496
+ "globalFontStaticCompPlaceholderM": {
497
+ "fontFamily": "var(--global-font-families-component)",
498
+ "fontWeight": "500",
499
+ "lineHeight": 1.5,
500
+ "fontSize": "18px",
501
+ "paragraphSpacing": "0"
502
+ },
503
+ "globalFontStaticCompPlaceholderMl": {
504
+ "fontFamily": "var(--global-font-families-component)",
505
+ "fontWeight": "500",
506
+ "lineHeight": 1.5,
507
+ "fontSize": "24px",
508
+ "paragraphSpacing": "0"
509
+ },
510
+ "globalFontStaticCompPlaceholderL": {
511
+ "fontFamily": "var(--global-font-families-component)",
512
+ "fontWeight": "500",
513
+ "lineHeight": 1.5,
514
+ "fontSize": "30px",
515
+ "paragraphSpacing": "0"
516
+ },
517
+ "globalFontStaticCompPlaceholderXl": {
518
+ "fontFamily": "var(--global-font-families-component)",
519
+ "fontWeight": "500",
520
+ "lineHeight": 1.5,
521
+ "fontSize": "40px",
522
+ "paragraphSpacing": "0"
523
+ },
524
+ "globalFontStaticCompPlaceholderXxl": {
525
+ "fontFamily": "var(--global-font-families-component)",
526
+ "fontWeight": "500",
527
+ "lineHeight": 1.5,
528
+ "fontSize": "52px",
529
+ "paragraphSpacing": "0"
530
+ },
531
+ "globalFontFamiliesHeading": "Sage UI",
532
+ "globalFontFamiliesSubheading": "Sage UI",
533
+ "globalFontFamiliesBody": "Sage UI",
534
+ "globalFontFamiliesComponent": "Sage UI",
535
+ "globalFontFamiliesSageIcons": "sage-icons",
536
+ "globalFontFamiliesOther": "Open Sans",
89
537
  "globalModifierButtonActive": "0.30",
90
538
  "globalModifierButtonActiveAlt": "0.15",
91
539
  "globalModifierButtonHover": "0.15",
@@ -93,6 +541,7 @@
93
541
  "globalModifierInputDisabledFg": "0.3",
94
542
  "globalModifierInputDisabledBg": "0.05",
95
543
  "globalRadiusNone": "0",
544
+ "globalRadiusScale": "1px",
96
545
  "globalRadiusContainer3Xs": "1px",
97
546
  "globalRadiusContainer2Xs": "2px",
98
547
  "globalRadiusContainerXs": "4px",
@@ -118,8 +567,9 @@
118
567
  "globalDepthLvl2": "0 2px 3px 0 var(--mode-color-generic-depth-faint), 6px 6px 30px 0 var(--mode-color-generic-depth-delicate)",
119
568
  "globalDepthLvl3": "0 3px 4px 0 var(--mode-color-generic-depth-faint), 10px 10px 60px 0 var(--mode-color-generic-depth-faint)",
120
569
  "globalDepthStickyB": "0 -1px 2px 0 var(--mode-color-generic-depth-faint), 2px -2px 10px 0 var(--mode-color-generic-depth-soft)",
121
- "globalDepthStickyL": "-2px 0 2px 0 var(--mode-color-generic-depth-faint), -5px 0 5px 0 var(--mode-color-generic-depth-faint)",
122
- "globalDepthStickyR": "2px 0 2px 0 var(--mode-color-generic-depth-faint), 5px 0 5px 0 var(--mode-color-generic-depth-faint)",
570
+ "globalDepthStickyL": "2px 0 2px 0 var(--mode-color-generic-depth-faint), 5px 0 5px 0 var(--mode-color-generic-depth-faint)",
571
+ "globalDepthStickyR": "-2px 0 2px 0 var(--mode-color-generic-depth-faint), -5px 0 5px 0 var(--mode-color-generic-depth-faint)",
572
+ "globalDepthStickyT": "inset 0 8px 4px -4px var(--mode-color-generic-depth-faint)",
123
573
  "globalSizeNone": "0px",
124
574
  "globalSize6Xs": "2px",
125
575
  "globalSize5Xs": "4px",
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "description": "Design tokens for the Sage Design System.",
8
8
  "author": "The Sage Group plc",
9
- "version": "18.9.1",
9
+ "version": "18.11.0",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",