@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.
Files changed (38) hide show
  1. package/android/base.xml +385 -0
  2. package/assets/fonts/sageui.css +18 -18
  3. package/css/base.css +387 -0
  4. package/data/tokens.json +1450 -257
  5. package/docs/tokens/{no-theme → base}/border-radius/index.html +25 -20
  6. package/docs/tokens/{no-theme → base}/border-width/index.html +35 -30
  7. package/docs/tokens/base/box-shadow/index.html +451 -0
  8. package/docs/tokens/base/colors/index.html +4063 -0
  9. package/docs/tokens/{no-theme → base}/font-families/index.html +33 -28
  10. package/docs/tokens/{no-theme → base}/font-sizes/index.html +65 -60
  11. package/docs/tokens/{no-theme → base}/font-weights/index.html +29 -24
  12. package/docs/tokens/base/index.html +8353 -0
  13. package/docs/tokens/{no-theme → base}/line-heights/index.html +47 -21
  14. package/docs/tokens/{no-theme/box-shadow → base/opacity}/index.html +42 -58
  15. package/docs/tokens/{no-theme → base}/sizing/index.html +167 -78
  16. package/docs/tokens/{no-theme → base}/spacing/index.html +71 -66
  17. package/docs/tokens/base/typography/index.html +2698 -0
  18. package/docs/tokens/index.html +4318 -1771
  19. package/index.d.ts +2 -2
  20. package/index.js +2 -2
  21. package/ios/base.h +389 -0
  22. package/js/{no-theme → base}/common.d.ts +136 -16
  23. package/js/base/common.js +387 -0
  24. package/js/{no-theme → base}/es6.d.ts +136 -16
  25. package/js/base/es6.js +382 -0
  26. package/package.json +1 -1
  27. package/sage-design-tokens-2.3.0.tgz +0 -0
  28. package/scss/base.scss +384 -0
  29. package/android/no-theme.xml +0 -265
  30. package/css/no-theme.css +0 -267
  31. package/docs/tokens/no-theme/colors/index.html +0 -2903
  32. package/docs/tokens/no-theme/index.html +0 -5811
  33. package/docs/tokens/no-theme/typography/index.html +0 -1559
  34. package/ios/no-theme.h +0 -269
  35. package/js/no-theme/common.js +0 -267
  36. package/js/no-theme/es6.js +0 -262
  37. package/sage-design-tokens-2.2.0.tgz +0 -0
  38. package/scss/no-theme.scss +0 -264
package/docs/tokens/{no-theme → base}/spacing/index.html RENAMED
@@ -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 / no-theme / spacing</title>
9
+ <title>Sage Design Tokens / base / spacing</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="../../no-theme/index.html">
194
- no-theme
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="../../no-theme/colors/index.html">
199
+ <a href="../../base/colors/index.html">
200
200
  colors
201
201
  </a>
202
202
  </li>
203
203
  <li>
204
- <a href="../../no-theme/sizing/index.html">
204
+ <a href="../../base/sizing/index.html">
205
205
  sizing
206
206
  </a>
207
207
  </li>
208
208
  <li>
209
- <a href="../../no-theme/spacing/index.html">
209
+ <a href="../../base/spacing/index.html">
210
210
  spacing
211
211
  </a>
212
212
  </li>
213
213
  <li>
214
- <a href="../../no-theme/border-width/index.html">
214
+ <a href="../../base/border-width/index.html">
215
215
  borderWidth
216
216
  </a>
217
217
  </li>
218
218
  <li>
219
- <a href="../../no-theme/font-sizes/index.html">
219
+ <a href="../../base/font-sizes/index.html">
220
220
  fontSizes
221
221
  </a>
222
222
  </li>
223
223
  <li>
224
- <a href="../../no-theme/box-shadow/index.html">
224
+ <a href="../../base/box-shadow/index.html">
225
225
  boxShadow
226
226
  </a>
227
227
  </li>
228
228
  <li>
229
- <a href="../../no-theme/font-weights/index.html">
229
+ <a href="../../base/font-weights/index.html">
230
230
  fontWeights
231
231
  </a>
232
232
  </li>
233
233
  <li>
234
- <a href="../../no-theme/line-heights/index.html">
234
+ <a href="../../base/line-heights/index.html">
235
235
  lineHeights
236
236
  </a>
237
237
  </li>
238
238
  <li>
239
- <a href="../../no-theme/font-families/index.html">
239
+ <a href="../../base/font-families/index.html">
240
240
  fontFamilies
241
241
  </a>
242
242
  </li>
243
243
  <li>
244
- <a href="../../no-theme/border-radius/index.html">
244
+ <a href="../../base/border-radius/index.html">
245
245
  borderRadius
246
246
  </a>
247
247
  </li>
248
248
  <li>
249
- <a href="../../no-theme/typography/index.html">
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
- no-theme
268
+ base
264
269
  </a>
265
270
  /
266
271
  spacing
@@ -282,10 +287,10 @@
282
287
  </thead>
283
288
  <tr>
284
289
  <td class="with-icons is-vcentered"
285
- id="no-theme-spacing100"
286
- title="theme: no-theme; category: spacing; variant: 100; ">
290
+ id="base-spacing100"
291
+ title="theme: base; category: spacing; variant: 100; ">
287
292
  spacing100
288
- <a href="#no-theme-spacing100"
293
+ <a href="#base-spacing100"
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="no-theme-spacing125"
307
- title="theme: no-theme; category: spacing; variant: 125; ">
311
+ id="base-spacing125"
312
+ title="theme: base; category: spacing; variant: 125; ">
308
313
  spacing125
309
- <a href="#no-theme-spacing125"
314
+ <a href="#base-spacing125"
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="no-theme-spacing150"
328
- title="theme: no-theme; category: spacing; variant: 150; ">
332
+ id="base-spacing150"
333
+ title="theme: base; category: spacing; variant: 150; ">
329
334
  spacing150
330
- <a href="#no-theme-spacing150"
335
+ <a href="#base-spacing150"
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="no-theme-spacing200"
349
- title="theme: no-theme; category: spacing; variant: 200; ">
353
+ id="base-spacing200"
354
+ title="theme: base; category: spacing; variant: 200; ">
350
355
  spacing200
351
- <a href="#no-theme-spacing200"
356
+ <a href="#base-spacing200"
352
357
  title="permalink"
353
358
  class="permalink">
354
359
  🔗
@@ -366,10 +371,10 @@
366
371
  </tr>
367
372
  <tr>
368
373
  <td class="with-icons is-vcentered"
369
- id="no-theme-spacing250"
370
- title="theme: no-theme; category: spacing; variant: 250; ">
374
+ id="base-spacing250"
375
+ title="theme: base; category: spacing; variant: 250; ">
371
376
  spacing250
372
- <a href="#no-theme-spacing250"
377
+ <a href="#base-spacing250"
373
378
  title="permalink"
374
379
  class="permalink">
375
380
  🔗
@@ -387,10 +392,10 @@
387
392
  </tr>
388
393
  <tr>
389
394
  <td class="with-icons is-vcentered"
390
- id="no-theme-spacing300"
391
- title="theme: no-theme; category: spacing; variant: 300; ">
395
+ id="base-spacing300"
396
+ title="theme: base; category: spacing; variant: 300; ">
392
397
  spacing300
393
- <a href="#no-theme-spacing300"
398
+ <a href="#base-spacing300"
394
399
  title="permalink"
395
400
  class="permalink">
396
401
  🔗
@@ -408,10 +413,10 @@
408
413
  </tr>
409
414
  <tr>
410
415
  <td class="with-icons is-vcentered"
411
- id="no-theme-spacing400"
412
- title="theme: no-theme; category: spacing; variant: 400; ">
416
+ id="base-spacing400"
417
+ title="theme: base; category: spacing; variant: 400; ">
413
418
  spacing400
414
- <a href="#no-theme-spacing400"
419
+ <a href="#base-spacing400"
415
420
  title="permalink"
416
421
  class="permalink">
417
422
  🔗
@@ -429,10 +434,10 @@
429
434
  </tr>
430
435
  <tr>
431
436
  <td class="with-icons is-vcentered"
432
- id="no-theme-spacing500"
433
- title="theme: no-theme; category: spacing; variant: 500; ">
437
+ id="base-spacing500"
438
+ title="theme: base; category: spacing; variant: 500; ">
434
439
  spacing500
435
- <a href="#no-theme-spacing500"
440
+ <a href="#base-spacing500"
436
441
  title="permalink"
437
442
  class="permalink">
438
443
  🔗
@@ -450,10 +455,10 @@
450
455
  </tr>
451
456
  <tr>
452
457
  <td class="with-icons is-vcentered"
453
- id="no-theme-spacing600"
454
- title="theme: no-theme; category: spacing; variant: 600; ">
458
+ id="base-spacing600"
459
+ title="theme: base; category: spacing; variant: 600; ">
455
460
  spacing600
456
- <a href="#no-theme-spacing600"
461
+ <a href="#base-spacing600"
457
462
  title="permalink"
458
463
  class="permalink">
459
464
  🔗
@@ -471,10 +476,10 @@
471
476
  </tr>
472
477
  <tr>
473
478
  <td class="with-icons is-vcentered"
474
- id="no-theme-spacing700"
475
- title="theme: no-theme; category: spacing; variant: 700; ">
479
+ id="base-spacing700"
480
+ title="theme: base; category: spacing; variant: 700; ">
476
481
  spacing700
477
- <a href="#no-theme-spacing700"
482
+ <a href="#base-spacing700"
478
483
  title="permalink"
479
484
  class="permalink">
480
485
  🔗
@@ -492,10 +497,10 @@
492
497
  </tr>
493
498
  <tr>
494
499
  <td class="with-icons is-vcentered"
495
- id="no-theme-spacing800"
496
- title="theme: no-theme; category: spacing; variant: 800; ">
500
+ id="base-spacing800"
501
+ title="theme: base; category: spacing; variant: 800; ">
497
502
  spacing800
498
- <a href="#no-theme-spacing800"
503
+ <a href="#base-spacing800"
499
504
  title="permalink"
500
505
  class="permalink">
501
506
  🔗
@@ -513,10 +518,10 @@
513
518
  </tr>
514
519
  <tr>
515
520
  <td class="with-icons is-vcentered"
516
- id="no-theme-spacing900"
517
- title="theme: no-theme; category: spacing; variant: 900; ">
521
+ id="base-spacing900"
522
+ title="theme: base; category: spacing; variant: 900; ">
518
523
  spacing900
519
- <a href="#no-theme-spacing900"
524
+ <a href="#base-spacing900"
520
525
  title="permalink"
521
526
  class="permalink">
522
527
  🔗
@@ -534,10 +539,10 @@
534
539
  </tr>
535
540
  <tr>
536
541
  <td class="with-icons is-vcentered"
537
- id="no-theme-spacing1000"
538
- title="theme: no-theme; category: spacing; variant: 1000; ">
542
+ id="base-spacing1000"
543
+ title="theme: base; category: spacing; variant: 1000; ">
539
544
  spacing1000
540
- <a href="#no-theme-spacing1000"
545
+ <a href="#base-spacing1000"
541
546
  title="permalink"
542
547
  class="permalink">
543
548
  🔗
@@ -555,10 +560,10 @@
555
560
  </tr>
556
561
  <tr>
557
562
  <td class="with-icons is-vcentered"
558
- id="no-theme-spacing000"
559
- title="theme: no-theme; category: spacing; variant: 000; ">
563
+ id="base-spacing000"
564
+ title="theme: base; category: spacing; variant: 000; ">
560
565
  spacing000
561
- <a href="#no-theme-spacing000"
566
+ <a href="#base-spacing000"
562
567
  title="permalink"
563
568
  class="permalink">
564
569
  🔗
@@ -576,10 +581,10 @@
576
581
  </tr>
577
582
  <tr>
578
583
  <td class="with-icons is-vcentered"
579
- id="no-theme-spacing025"
580
- title="theme: no-theme; category: spacing; variant: 025; ">
584
+ id="base-spacing025"
585
+ title="theme: base; category: spacing; variant: 025; ">
581
586
  spacing025
582
- <a href="#no-theme-spacing025"
587
+ <a href="#base-spacing025"
583
588
  title="permalink"
584
589
  class="permalink">
585
590
  🔗
@@ -597,10 +602,10 @@
597
602
  </tr>
598
603
  <tr>
599
604
  <td class="with-icons is-vcentered"
600
- id="no-theme-spacing050"
601
- title="theme: no-theme; category: spacing; variant: 050; ">
605
+ id="base-spacing050"
606
+ title="theme: base; category: spacing; variant: 050; ">
602
607
  spacing050
603
- <a href="#no-theme-spacing050"
608
+ <a href="#base-spacing050"
604
609
  title="permalink"
605
610
  class="permalink">
606
611
  🔗
@@ -618,10 +623,10 @@
618
623
  </tr>
619
624
  <tr>
620
625
  <td class="with-icons is-vcentered"
621
- id="no-theme-spacing075"
622
- title="theme: no-theme; category: spacing; variant: 075; ">
626
+ id="base-spacing075"
627
+ title="theme: base; category: spacing; variant: 075; ">
623
628
  spacing075
624
- <a href="#no-theme-spacing075"
629
+ <a href="#base-spacing075"
625
630
  title="permalink"
626
631
  class="permalink">
627
632
  🔗