@sage/design-tokens 2.2.0 → 2.3.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/android/base.xml +385 -0
- package/assets/fonts/sageui.css +18 -18
- package/css/base.css +387 -0
- package/data/tokens.json +1450 -257
- package/docs/tokens/{no-theme → base}/border-radius/index.html +25 -20
- package/docs/tokens/{no-theme → base}/border-width/index.html +35 -30
- package/docs/tokens/base/box-shadow/index.html +451 -0
- package/docs/tokens/base/colors/index.html +4063 -0
- package/docs/tokens/{no-theme → base}/font-families/index.html +33 -28
- package/docs/tokens/{no-theme → base}/font-sizes/index.html +65 -60
- package/docs/tokens/{no-theme → base}/font-weights/index.html +29 -24
- package/docs/tokens/base/index.html +8353 -0
- package/docs/tokens/{no-theme → base}/line-heights/index.html +47 -21
- package/docs/tokens/{no-theme/box-shadow → base/opacity}/index.html +42 -58
- package/docs/tokens/{no-theme → base}/sizing/index.html +167 -78
- package/docs/tokens/{no-theme → base}/spacing/index.html +71 -66
- package/docs/tokens/base/typography/index.html +2698 -0
- package/docs/tokens/index.html +4318 -1771
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/ios/base.h +389 -0
- package/js/{no-theme → base}/common.d.ts +136 -16
- package/js/base/common.js +387 -0
- package/js/{no-theme → base}/es6.d.ts +136 -16
- package/js/base/es6.js +382 -0
- package/package.json +1 -1
- package/sage-design-tokens-2.3.0.tgz +0 -0
- package/scss/base.scss +384 -0
- package/android/no-theme.xml +0 -265
- package/css/no-theme.css +0 -267
- package/docs/tokens/no-theme/colors/index.html +0 -2903
- package/docs/tokens/no-theme/index.html +0 -5811
- package/docs/tokens/no-theme/typography/index.html +0 -1559
- package/ios/no-theme.h +0 -269
- package/js/no-theme/common.js +0 -267
- package/js/no-theme/es6.js +0 -262
- package/sage-design-tokens-2.2.0.tgz +0 -0
- package/scss/no-theme.scss +0 -264
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
7
7
|
<meta http-equiv="Expires" content="0" />
|
|
8
8
|
|
|
9
|
-
<title>Sage Design Tokens /
|
|
9
|
+
<title>Sage Design Tokens / base / fontFamilies</title>
|
|
10
10
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
|
|
11
11
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
12
12
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
@@ -190,66 +190,71 @@
|
|
|
190
190
|
<aside class="hide-on-embedded navigation menu py-0">
|
|
191
191
|
<section class="my-6">
|
|
192
192
|
<p class="menu-label">
|
|
193
|
-
<a href="../../
|
|
194
|
-
|
|
193
|
+
<a href="../../base/index.html">
|
|
194
|
+
base
|
|
195
195
|
</a>
|
|
196
196
|
</p>
|
|
197
197
|
<ul class="menu-list">
|
|
198
198
|
<li>
|
|
199
|
-
<a href="../../
|
|
199
|
+
<a href="../../base/colors/index.html">
|
|
200
200
|
colors
|
|
201
201
|
</a>
|
|
202
202
|
</li>
|
|
203
203
|
<li>
|
|
204
|
-
<a href="../../
|
|
204
|
+
<a href="../../base/sizing/index.html">
|
|
205
205
|
sizing
|
|
206
206
|
</a>
|
|
207
207
|
</li>
|
|
208
208
|
<li>
|
|
209
|
-
<a href="../../
|
|
209
|
+
<a href="../../base/spacing/index.html">
|
|
210
210
|
spacing
|
|
211
211
|
</a>
|
|
212
212
|
</li>
|
|
213
213
|
<li>
|
|
214
|
-
<a href="../../
|
|
214
|
+
<a href="../../base/border-width/index.html">
|
|
215
215
|
borderWidth
|
|
216
216
|
</a>
|
|
217
217
|
</li>
|
|
218
218
|
<li>
|
|
219
|
-
<a href="../../
|
|
219
|
+
<a href="../../base/font-sizes/index.html">
|
|
220
220
|
fontSizes
|
|
221
221
|
</a>
|
|
222
222
|
</li>
|
|
223
223
|
<li>
|
|
224
|
-
<a href="../../
|
|
224
|
+
<a href="../../base/box-shadow/index.html">
|
|
225
225
|
boxShadow
|
|
226
226
|
</a>
|
|
227
227
|
</li>
|
|
228
228
|
<li>
|
|
229
|
-
<a href="../../
|
|
229
|
+
<a href="../../base/font-weights/index.html">
|
|
230
230
|
fontWeights
|
|
231
231
|
</a>
|
|
232
232
|
</li>
|
|
233
233
|
<li>
|
|
234
|
-
<a href="../../
|
|
234
|
+
<a href="../../base/line-heights/index.html">
|
|
235
235
|
lineHeights
|
|
236
236
|
</a>
|
|
237
237
|
</li>
|
|
238
238
|
<li>
|
|
239
|
-
<a href="../../
|
|
239
|
+
<a href="../../base/font-families/index.html">
|
|
240
240
|
fontFamilies
|
|
241
241
|
</a>
|
|
242
242
|
</li>
|
|
243
243
|
<li>
|
|
244
|
-
<a href="../../
|
|
244
|
+
<a href="../../base/border-radius/index.html">
|
|
245
245
|
borderRadius
|
|
246
246
|
</a>
|
|
247
247
|
</li>
|
|
248
248
|
<li>
|
|
249
|
-
<a href="../../
|
|
249
|
+
<a href="../../base/typography/index.html">
|
|
250
250
|
typography
|
|
251
251
|
</a>
|
|
252
252
|
</li>
|
|
253
|
+
<li>
|
|
254
|
+
<a href="../../base/opacity/index.html">
|
|
255
|
+
opacity
|
|
256
|
+
</a>
|
|
257
|
+
</li>
|
|
253
258
|
</ul>
|
|
254
259
|
</section>
|
|
255
260
|
</aside>
|
|
@@ -260,7 +265,7 @@
|
|
|
260
265
|
</a>
|
|
261
266
|
/
|
|
262
267
|
<a href="../index.html">
|
|
263
|
-
|
|
268
|
+
base
|
|
264
269
|
</a>
|
|
265
270
|
/
|
|
266
271
|
fontFamilies
|
|
@@ -282,17 +287,17 @@
|
|
|
282
287
|
</thead>
|
|
283
288
|
<tr>
|
|
284
289
|
<td class="with-icons is-vcentered"
|
|
285
|
-
id="
|
|
286
|
-
title="theme:
|
|
290
|
+
id="base-fontFamiliesDefault"
|
|
291
|
+
title="theme: base; category: fontFamilies; variant: default; ">
|
|
287
292
|
fontFamiliesDefault
|
|
288
|
-
<a href="#
|
|
293
|
+
<a href="#base-fontFamiliesDefault"
|
|
289
294
|
title="permalink"
|
|
290
295
|
class="permalink">
|
|
291
296
|
🔗
|
|
292
297
|
</a>
|
|
293
298
|
</td>
|
|
294
299
|
<td class="is-vcentered">
|
|
295
|
-
<pre>
|
|
300
|
+
<pre>Sage UI</pre>
|
|
296
301
|
</td>
|
|
297
302
|
<td class="is-vcentered">
|
|
298
303
|
<div class="table__font-family-preview">
|
|
@@ -303,10 +308,10 @@
|
|
|
303
308
|
</tr>
|
|
304
309
|
<tr>
|
|
305
310
|
<td class="with-icons is-vcentered"
|
|
306
|
-
id="
|
|
307
|
-
title="theme:
|
|
311
|
+
id="base-fontFamiliesIos"
|
|
312
|
+
title="theme: base; category: fontFamilies; variant: ios; ">
|
|
308
313
|
fontFamiliesIos
|
|
309
|
-
<a href="#
|
|
314
|
+
<a href="#base-fontFamiliesIos"
|
|
310
315
|
title="permalink"
|
|
311
316
|
class="permalink">
|
|
312
317
|
🔗
|
|
@@ -324,10 +329,10 @@
|
|
|
324
329
|
</tr>
|
|
325
330
|
<tr>
|
|
326
331
|
<td class="with-icons is-vcentered"
|
|
327
|
-
id="
|
|
328
|
-
title="theme:
|
|
332
|
+
id="base-fontFamiliesAndroid"
|
|
333
|
+
title="theme: base; category: fontFamilies; variant: android; ">
|
|
329
334
|
fontFamiliesAndroid
|
|
330
|
-
<a href="#
|
|
335
|
+
<a href="#base-fontFamiliesAndroid"
|
|
331
336
|
title="permalink"
|
|
332
337
|
class="permalink">
|
|
333
338
|
🔗
|
|
@@ -345,10 +350,10 @@
|
|
|
345
350
|
</tr>
|
|
346
351
|
<tr>
|
|
347
352
|
<td class="with-icons is-vcentered"
|
|
348
|
-
id="
|
|
349
|
-
title="theme:
|
|
353
|
+
id="base-fontFamiliesOther"
|
|
354
|
+
title="theme: base; category: fontFamilies; variant: other; ">
|
|
350
355
|
fontFamiliesOther
|
|
351
|
-
<a href="#
|
|
356
|
+
<a href="#base-fontFamiliesOther"
|
|
352
357
|
title="permalink"
|
|
353
358
|
class="permalink">
|
|
354
359
|
🔗
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
7
7
|
<meta http-equiv="Expires" content="0" />
|
|
8
8
|
|
|
9
|
-
<title>Sage Design Tokens /
|
|
9
|
+
<title>Sage Design Tokens / base / fontSizes</title>
|
|
10
10
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
|
|
11
11
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
12
12
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
@@ -190,66 +190,71 @@
|
|
|
190
190
|
<aside class="hide-on-embedded navigation menu py-0">
|
|
191
191
|
<section class="my-6">
|
|
192
192
|
<p class="menu-label">
|
|
193
|
-
<a href="../../
|
|
194
|
-
|
|
193
|
+
<a href="../../base/index.html">
|
|
194
|
+
base
|
|
195
195
|
</a>
|
|
196
196
|
</p>
|
|
197
197
|
<ul class="menu-list">
|
|
198
198
|
<li>
|
|
199
|
-
<a href="../../
|
|
199
|
+
<a href="../../base/colors/index.html">
|
|
200
200
|
colors
|
|
201
201
|
</a>
|
|
202
202
|
</li>
|
|
203
203
|
<li>
|
|
204
|
-
<a href="../../
|
|
204
|
+
<a href="../../base/sizing/index.html">
|
|
205
205
|
sizing
|
|
206
206
|
</a>
|
|
207
207
|
</li>
|
|
208
208
|
<li>
|
|
209
|
-
<a href="../../
|
|
209
|
+
<a href="../../base/spacing/index.html">
|
|
210
210
|
spacing
|
|
211
211
|
</a>
|
|
212
212
|
</li>
|
|
213
213
|
<li>
|
|
214
|
-
<a href="../../
|
|
214
|
+
<a href="../../base/border-width/index.html">
|
|
215
215
|
borderWidth
|
|
216
216
|
</a>
|
|
217
217
|
</li>
|
|
218
218
|
<li>
|
|
219
|
-
<a href="../../
|
|
219
|
+
<a href="../../base/font-sizes/index.html">
|
|
220
220
|
fontSizes
|
|
221
221
|
</a>
|
|
222
222
|
</li>
|
|
223
223
|
<li>
|
|
224
|
-
<a href="../../
|
|
224
|
+
<a href="../../base/box-shadow/index.html">
|
|
225
225
|
boxShadow
|
|
226
226
|
</a>
|
|
227
227
|
</li>
|
|
228
228
|
<li>
|
|
229
|
-
<a href="../../
|
|
229
|
+
<a href="../../base/font-weights/index.html">
|
|
230
230
|
fontWeights
|
|
231
231
|
</a>
|
|
232
232
|
</li>
|
|
233
233
|
<li>
|
|
234
|
-
<a href="../../
|
|
234
|
+
<a href="../../base/line-heights/index.html">
|
|
235
235
|
lineHeights
|
|
236
236
|
</a>
|
|
237
237
|
</li>
|
|
238
238
|
<li>
|
|
239
|
-
<a href="../../
|
|
239
|
+
<a href="../../base/font-families/index.html">
|
|
240
240
|
fontFamilies
|
|
241
241
|
</a>
|
|
242
242
|
</li>
|
|
243
243
|
<li>
|
|
244
|
-
<a href="../../
|
|
244
|
+
<a href="../../base/border-radius/index.html">
|
|
245
245
|
borderRadius
|
|
246
246
|
</a>
|
|
247
247
|
</li>
|
|
248
248
|
<li>
|
|
249
|
-
<a href="../../
|
|
249
|
+
<a href="../../base/typography/index.html">
|
|
250
250
|
typography
|
|
251
251
|
</a>
|
|
252
252
|
</li>
|
|
253
|
+
<li>
|
|
254
|
+
<a href="../../base/opacity/index.html">
|
|
255
|
+
opacity
|
|
256
|
+
</a>
|
|
257
|
+
</li>
|
|
253
258
|
</ul>
|
|
254
259
|
</section>
|
|
255
260
|
</aside>
|
|
@@ -260,7 +265,7 @@
|
|
|
260
265
|
</a>
|
|
261
266
|
/
|
|
262
267
|
<a href="../index.html">
|
|
263
|
-
|
|
268
|
+
base
|
|
264
269
|
</a>
|
|
265
270
|
/
|
|
266
271
|
fontSizes
|
|
@@ -282,10 +287,10 @@
|
|
|
282
287
|
</thead>
|
|
283
288
|
<tr>
|
|
284
289
|
<td class="with-icons is-vcentered"
|
|
285
|
-
id="
|
|
286
|
-
title="theme:
|
|
290
|
+
id="base-fontSizes100"
|
|
291
|
+
title="theme: base; category: fontSizes; variant: 100; ">
|
|
287
292
|
fontSizes100
|
|
288
|
-
<a href="#
|
|
293
|
+
<a href="#base-fontSizes100"
|
|
289
294
|
title="permalink"
|
|
290
295
|
class="permalink">
|
|
291
296
|
🔗
|
|
@@ -304,10 +309,10 @@
|
|
|
304
309
|
</tr>
|
|
305
310
|
<tr>
|
|
306
311
|
<td class="with-icons is-vcentered"
|
|
307
|
-
id="
|
|
308
|
-
title="theme:
|
|
312
|
+
id="base-fontSizes200"
|
|
313
|
+
title="theme: base; category: fontSizes; variant: 200; ">
|
|
309
314
|
fontSizes200
|
|
310
|
-
<a href="#
|
|
315
|
+
<a href="#base-fontSizes200"
|
|
311
316
|
title="permalink"
|
|
312
317
|
class="permalink">
|
|
313
318
|
🔗
|
|
@@ -326,10 +331,10 @@
|
|
|
326
331
|
</tr>
|
|
327
332
|
<tr>
|
|
328
333
|
<td class="with-icons is-vcentered"
|
|
329
|
-
id="
|
|
330
|
-
title="theme:
|
|
334
|
+
id="base-fontSizes300"
|
|
335
|
+
title="theme: base; category: fontSizes; variant: 300; ">
|
|
331
336
|
fontSizes300
|
|
332
|
-
<a href="#
|
|
337
|
+
<a href="#base-fontSizes300"
|
|
333
338
|
title="permalink"
|
|
334
339
|
class="permalink">
|
|
335
340
|
🔗
|
|
@@ -348,10 +353,10 @@
|
|
|
348
353
|
</tr>
|
|
349
354
|
<tr>
|
|
350
355
|
<td class="with-icons is-vcentered"
|
|
351
|
-
id="
|
|
352
|
-
title="theme:
|
|
356
|
+
id="base-fontSizes400"
|
|
357
|
+
title="theme: base; category: fontSizes; variant: 400; ">
|
|
353
358
|
fontSizes400
|
|
354
|
-
<a href="#
|
|
359
|
+
<a href="#base-fontSizes400"
|
|
355
360
|
title="permalink"
|
|
356
361
|
class="permalink">
|
|
357
362
|
🔗
|
|
@@ -370,10 +375,10 @@
|
|
|
370
375
|
</tr>
|
|
371
376
|
<tr>
|
|
372
377
|
<td class="with-icons is-vcentered"
|
|
373
|
-
id="
|
|
374
|
-
title="theme:
|
|
378
|
+
id="base-fontSizes500"
|
|
379
|
+
title="theme: base; category: fontSizes; variant: 500; ">
|
|
375
380
|
fontSizes500
|
|
376
|
-
<a href="#
|
|
381
|
+
<a href="#base-fontSizes500"
|
|
377
382
|
title="permalink"
|
|
378
383
|
class="permalink">
|
|
379
384
|
🔗
|
|
@@ -392,10 +397,10 @@
|
|
|
392
397
|
</tr>
|
|
393
398
|
<tr>
|
|
394
399
|
<td class="with-icons is-vcentered"
|
|
395
|
-
id="
|
|
396
|
-
title="theme:
|
|
400
|
+
id="base-fontSizes600"
|
|
401
|
+
title="theme: base; category: fontSizes; variant: 600; ">
|
|
397
402
|
fontSizes600
|
|
398
|
-
<a href="#
|
|
403
|
+
<a href="#base-fontSizes600"
|
|
399
404
|
title="permalink"
|
|
400
405
|
class="permalink">
|
|
401
406
|
🔗
|
|
@@ -414,10 +419,10 @@
|
|
|
414
419
|
</tr>
|
|
415
420
|
<tr>
|
|
416
421
|
<td class="with-icons is-vcentered"
|
|
417
|
-
id="
|
|
418
|
-
title="theme:
|
|
422
|
+
id="base-fontSizes700"
|
|
423
|
+
title="theme: base; category: fontSizes; variant: 700; ">
|
|
419
424
|
fontSizes700
|
|
420
|
-
<a href="#
|
|
425
|
+
<a href="#base-fontSizes700"
|
|
421
426
|
title="permalink"
|
|
422
427
|
class="permalink">
|
|
423
428
|
🔗
|
|
@@ -436,21 +441,21 @@
|
|
|
436
441
|
</tr>
|
|
437
442
|
<tr>
|
|
438
443
|
<td class="with-icons is-vcentered"
|
|
439
|
-
id="
|
|
440
|
-
title="theme:
|
|
444
|
+
id="base-fontSizes800"
|
|
445
|
+
title="theme: base; category: fontSizes; variant: 800; ">
|
|
441
446
|
fontSizes800
|
|
442
|
-
<a href="#
|
|
447
|
+
<a href="#base-fontSizes800"
|
|
443
448
|
title="permalink"
|
|
444
449
|
class="permalink">
|
|
445
450
|
🔗
|
|
446
451
|
</a>
|
|
447
452
|
</td>
|
|
448
453
|
<td class="is-vcentered">
|
|
449
|
-
<pre>
|
|
454
|
+
<pre>40px</pre>
|
|
450
455
|
</td>
|
|
451
456
|
<td class="is-vcentered">
|
|
452
457
|
<div class="table__font-size-preview"
|
|
453
|
-
style="font-size:
|
|
458
|
+
style="font-size: 40px; line-height: 40px">
|
|
454
459
|
Aa
|
|
455
460
|
</div>
|
|
456
461
|
|
|
@@ -458,21 +463,21 @@
|
|
|
458
463
|
</tr>
|
|
459
464
|
<tr>
|
|
460
465
|
<td class="with-icons is-vcentered"
|
|
461
|
-
id="
|
|
462
|
-
title="theme:
|
|
466
|
+
id="base-fontSizes900"
|
|
467
|
+
title="theme: base; category: fontSizes; variant: 900; ">
|
|
463
468
|
fontSizes900
|
|
464
|
-
<a href="#
|
|
469
|
+
<a href="#base-fontSizes900"
|
|
465
470
|
title="permalink"
|
|
466
471
|
class="permalink">
|
|
467
472
|
🔗
|
|
468
473
|
</a>
|
|
469
474
|
</td>
|
|
470
475
|
<td class="is-vcentered">
|
|
471
|
-
<pre>
|
|
476
|
+
<pre>48px</pre>
|
|
472
477
|
</td>
|
|
473
478
|
<td class="is-vcentered">
|
|
474
479
|
<div class="table__font-size-preview"
|
|
475
|
-
style="font-size:
|
|
480
|
+
style="font-size: 48px; line-height: 48px">
|
|
476
481
|
Aa
|
|
477
482
|
</div>
|
|
478
483
|
|
|
@@ -480,21 +485,21 @@
|
|
|
480
485
|
</tr>
|
|
481
486
|
<tr>
|
|
482
487
|
<td class="with-icons is-vcentered"
|
|
483
|
-
id="
|
|
484
|
-
title="theme:
|
|
488
|
+
id="base-fontSizes1000"
|
|
489
|
+
title="theme: base; category: fontSizes; variant: 1000; ">
|
|
485
490
|
fontSizes1000
|
|
486
|
-
<a href="#
|
|
491
|
+
<a href="#base-fontSizes1000"
|
|
487
492
|
title="permalink"
|
|
488
493
|
class="permalink">
|
|
489
494
|
🔗
|
|
490
495
|
</a>
|
|
491
496
|
</td>
|
|
492
497
|
<td class="is-vcentered">
|
|
493
|
-
<pre>
|
|
498
|
+
<pre>56px</pre>
|
|
494
499
|
</td>
|
|
495
500
|
<td class="is-vcentered">
|
|
496
501
|
<div class="table__font-size-preview"
|
|
497
|
-
style="font-size:
|
|
502
|
+
style="font-size: 56px; line-height: 56px">
|
|
498
503
|
Aa
|
|
499
504
|
</div>
|
|
500
505
|
|
|
@@ -502,10 +507,10 @@
|
|
|
502
507
|
</tr>
|
|
503
508
|
<tr>
|
|
504
509
|
<td class="with-icons is-vcentered"
|
|
505
|
-
id="
|
|
506
|
-
title="theme:
|
|
510
|
+
id="base-fontSizes010"
|
|
511
|
+
title="theme: base; category: fontSizes; variant: 010; ">
|
|
507
512
|
fontSizes010
|
|
508
|
-
<a href="#
|
|
513
|
+
<a href="#base-fontSizes010"
|
|
509
514
|
title="permalink"
|
|
510
515
|
class="permalink">
|
|
511
516
|
🔗
|
|
@@ -524,10 +529,10 @@
|
|
|
524
529
|
</tr>
|
|
525
530
|
<tr>
|
|
526
531
|
<td class="with-icons is-vcentered"
|
|
527
|
-
id="
|
|
528
|
-
title="theme:
|
|
532
|
+
id="base-fontSizes025"
|
|
533
|
+
title="theme: base; category: fontSizes; variant: 025; ">
|
|
529
534
|
fontSizes025
|
|
530
|
-
<a href="#
|
|
535
|
+
<a href="#base-fontSizes025"
|
|
531
536
|
title="permalink"
|
|
532
537
|
class="permalink">
|
|
533
538
|
🔗
|
|
@@ -546,10 +551,10 @@
|
|
|
546
551
|
</tr>
|
|
547
552
|
<tr>
|
|
548
553
|
<td class="with-icons is-vcentered"
|
|
549
|
-
id="
|
|
550
|
-
title="theme:
|
|
554
|
+
id="base-fontSizes050"
|
|
555
|
+
title="theme: base; category: fontSizes; variant: 050; ">
|
|
551
556
|
fontSizes050
|
|
552
|
-
<a href="#
|
|
557
|
+
<a href="#base-fontSizes050"
|
|
553
558
|
title="permalink"
|
|
554
559
|
class="permalink">
|
|
555
560
|
🔗
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
7
7
|
<meta http-equiv="Expires" content="0" />
|
|
8
8
|
|
|
9
|
-
<title>Sage Design Tokens /
|
|
9
|
+
<title>Sage Design Tokens / base / fontWeights</title>
|
|
10
10
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
|
|
11
11
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
12
12
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
@@ -190,66 +190,71 @@
|
|
|
190
190
|
<aside class="hide-on-embedded navigation menu py-0">
|
|
191
191
|
<section class="my-6">
|
|
192
192
|
<p class="menu-label">
|
|
193
|
-
<a href="../../
|
|
194
|
-
|
|
193
|
+
<a href="../../base/index.html">
|
|
194
|
+
base
|
|
195
195
|
</a>
|
|
196
196
|
</p>
|
|
197
197
|
<ul class="menu-list">
|
|
198
198
|
<li>
|
|
199
|
-
<a href="../../
|
|
199
|
+
<a href="../../base/colors/index.html">
|
|
200
200
|
colors
|
|
201
201
|
</a>
|
|
202
202
|
</li>
|
|
203
203
|
<li>
|
|
204
|
-
<a href="../../
|
|
204
|
+
<a href="../../base/sizing/index.html">
|
|
205
205
|
sizing
|
|
206
206
|
</a>
|
|
207
207
|
</li>
|
|
208
208
|
<li>
|
|
209
|
-
<a href="../../
|
|
209
|
+
<a href="../../base/spacing/index.html">
|
|
210
210
|
spacing
|
|
211
211
|
</a>
|
|
212
212
|
</li>
|
|
213
213
|
<li>
|
|
214
|
-
<a href="../../
|
|
214
|
+
<a href="../../base/border-width/index.html">
|
|
215
215
|
borderWidth
|
|
216
216
|
</a>
|
|
217
217
|
</li>
|
|
218
218
|
<li>
|
|
219
|
-
<a href="../../
|
|
219
|
+
<a href="../../base/font-sizes/index.html">
|
|
220
220
|
fontSizes
|
|
221
221
|
</a>
|
|
222
222
|
</li>
|
|
223
223
|
<li>
|
|
224
|
-
<a href="../../
|
|
224
|
+
<a href="../../base/box-shadow/index.html">
|
|
225
225
|
boxShadow
|
|
226
226
|
</a>
|
|
227
227
|
</li>
|
|
228
228
|
<li>
|
|
229
|
-
<a href="../../
|
|
229
|
+
<a href="../../base/font-weights/index.html">
|
|
230
230
|
fontWeights
|
|
231
231
|
</a>
|
|
232
232
|
</li>
|
|
233
233
|
<li>
|
|
234
|
-
<a href="../../
|
|
234
|
+
<a href="../../base/line-heights/index.html">
|
|
235
235
|
lineHeights
|
|
236
236
|
</a>
|
|
237
237
|
</li>
|
|
238
238
|
<li>
|
|
239
|
-
<a href="../../
|
|
239
|
+
<a href="../../base/font-families/index.html">
|
|
240
240
|
fontFamilies
|
|
241
241
|
</a>
|
|
242
242
|
</li>
|
|
243
243
|
<li>
|
|
244
|
-
<a href="../../
|
|
244
|
+
<a href="../../base/border-radius/index.html">
|
|
245
245
|
borderRadius
|
|
246
246
|
</a>
|
|
247
247
|
</li>
|
|
248
248
|
<li>
|
|
249
|
-
<a href="../../
|
|
249
|
+
<a href="../../base/typography/index.html">
|
|
250
250
|
typography
|
|
251
251
|
</a>
|
|
252
252
|
</li>
|
|
253
|
+
<li>
|
|
254
|
+
<a href="../../base/opacity/index.html">
|
|
255
|
+
opacity
|
|
256
|
+
</a>
|
|
257
|
+
</li>
|
|
253
258
|
</ul>
|
|
254
259
|
</section>
|
|
255
260
|
</aside>
|
|
@@ -260,7 +265,7 @@
|
|
|
260
265
|
</a>
|
|
261
266
|
/
|
|
262
267
|
<a href="../index.html">
|
|
263
|
-
|
|
268
|
+
base
|
|
264
269
|
</a>
|
|
265
270
|
/
|
|
266
271
|
fontWeights
|
|
@@ -282,10 +287,10 @@
|
|
|
282
287
|
</thead>
|
|
283
288
|
<tr>
|
|
284
289
|
<td class="with-icons is-vcentered"
|
|
285
|
-
id="
|
|
286
|
-
title="theme:
|
|
290
|
+
id="base-fontWeights400"
|
|
291
|
+
title="theme: base; category: fontWeights; variant: 400; ">
|
|
287
292
|
fontWeights400
|
|
288
|
-
<a href="#
|
|
293
|
+
<a href="#base-fontWeights400"
|
|
289
294
|
title="permalink"
|
|
290
295
|
class="permalink">
|
|
291
296
|
🔗
|
|
@@ -303,10 +308,10 @@
|
|
|
303
308
|
</tr>
|
|
304
309
|
<tr>
|
|
305
310
|
<td class="with-icons is-vcentered"
|
|
306
|
-
id="
|
|
307
|
-
title="theme:
|
|
311
|
+
id="base-fontWeights500"
|
|
312
|
+
title="theme: base; category: fontWeights; variant: 500; ">
|
|
308
313
|
fontWeights500
|
|
309
|
-
<a href="#
|
|
314
|
+
<a href="#base-fontWeights500"
|
|
310
315
|
title="permalink"
|
|
311
316
|
class="permalink">
|
|
312
317
|
🔗
|
|
@@ -324,10 +329,10 @@
|
|
|
324
329
|
</tr>
|
|
325
330
|
<tr>
|
|
326
331
|
<td class="with-icons is-vcentered"
|
|
327
|
-
id="
|
|
328
|
-
title="theme:
|
|
332
|
+
id="base-fontWeights700"
|
|
333
|
+
title="theme: base; category: fontWeights; variant: 700; ">
|
|
329
334
|
fontWeights700
|
|
330
|
-
<a href="#
|
|
335
|
+
<a href="#base-fontWeights700"
|
|
331
336
|
title="permalink"
|
|
332
337
|
class="permalink">
|
|
333
338
|
🔗
|