@sage/design-tokens 2.1.0 → 2.4.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 (51) hide show
  1. package/android/base.xml +9 -3
  2. package/assets/fonts/sageui.css +18 -18
  3. package/css/base.css +9 -3
  4. package/data/tokens.json +60 -1677
  5. package/docs/tokens/base/border-radius/index.html +0 -74
  6. package/docs/tokens/base/border-width/index.html +0 -74
  7. package/docs/tokens/base/box-shadow/index.html +0 -74
  8. package/docs/tokens/base/colors/index.html +0 -74
  9. package/docs/tokens/base/font-families/index.html +0 -74
  10. package/docs/tokens/base/font-sizes/index.html +0 -74
  11. package/docs/tokens/base/font-weights/index.html +0 -74
  12. package/docs/tokens/base/index.html +148 -96
  13. package/docs/tokens/base/line-heights/index.html +0 -74
  14. package/docs/tokens/base/opacity/index.html +0 -74
  15. package/docs/tokens/base/sizing/index.html +21 -95
  16. package/docs/tokens/base/spacing/index.html +63 -74
  17. package/docs/tokens/base/typography/index.html +64 -75
  18. package/docs/tokens/index.html +148 -5736
  19. package/index.d.ts +0 -2
  20. package/index.js +0 -2
  21. package/ios/base.h +9 -3
  22. package/js/base/common.d.ts +7 -1
  23. package/js/base/common.js +9 -3
  24. package/js/base/es6.d.ts +7 -1
  25. package/js/base/es6.js +8 -2
  26. package/package.json +1 -1
  27. package/sage-design-tokens-2.4.0.tgz +0 -0
  28. package/scss/base.scss +9 -3
  29. package/android/no-theme.xml +0 -265
  30. package/css/no-theme.css +0 -267
  31. package/docs/tokens/figma-only/index.html +0 -394
  32. package/docs/tokens/figma-only/sizing/index.html +0 -399
  33. package/docs/tokens/no-theme/border-radius/index.html +0 -399
  34. package/docs/tokens/no-theme/border-width/index.html +0 -483
  35. package/docs/tokens/no-theme/box-shadow/index.html +0 -462
  36. package/docs/tokens/no-theme/colors/index.html +0 -2982
  37. package/docs/tokens/no-theme/font-families/index.html +0 -462
  38. package/docs/tokens/no-theme/font-sizes/index.html +0 -664
  39. package/docs/tokens/no-theme/font-weights/index.html +0 -441
  40. package/docs/tokens/no-theme/index.html +0 -5890
  41. package/docs/tokens/no-theme/line-heights/index.html +0 -420
  42. package/docs/tokens/no-theme/sizing/index.html +0 -819
  43. package/docs/tokens/no-theme/spacing/index.html +0 -735
  44. package/docs/tokens/no-theme/typography/index.html +0 -1638
  45. package/ios/no-theme.h +0 -269
  46. package/js/no-theme/common.d.ts +0 -256
  47. package/js/no-theme/common.js +0 -267
  48. package/js/no-theme/es6.d.ts +0 -259
  49. package/js/no-theme/es6.js +0 -262
  50. package/sage-design-tokens-2.1.0.tgz +0 -0
  51. package/scss/no-theme.scss +0 -264
package/docs/tokens/base/spacing/index.html CHANGED
@@ -256,80 +256,6 @@
256
256
  </a>
257
257
  </li>
258
258
  </ul>
259
- <p class="menu-label">
260
- <a href="../../no-theme/index.html">
261
- no-theme
262
- </a>
263
- </p>
264
- <ul class="menu-list">
265
- <li>
266
- <a href="../../no-theme/colors/index.html">
267
- colors
268
- </a>
269
- </li>
270
- <li>
271
- <a href="../../no-theme/sizing/index.html">
272
- sizing
273
- </a>
274
- </li>
275
- <li>
276
- <a href="../../no-theme/spacing/index.html">
277
- spacing
278
- </a>
279
- </li>
280
- <li>
281
- <a href="../../no-theme/border-width/index.html">
282
- borderWidth
283
- </a>
284
- </li>
285
- <li>
286
- <a href="../../no-theme/font-sizes/index.html">
287
- fontSizes
288
- </a>
289
- </li>
290
- <li>
291
- <a href="../../no-theme/box-shadow/index.html">
292
- boxShadow
293
- </a>
294
- </li>
295
- <li>
296
- <a href="../../no-theme/font-weights/index.html">
297
- fontWeights
298
- </a>
299
- </li>
300
- <li>
301
- <a href="../../no-theme/line-heights/index.html">
302
- lineHeights
303
- </a>
304
- </li>
305
- <li>
306
- <a href="../../no-theme/font-families/index.html">
307
- fontFamilies
308
- </a>
309
- </li>
310
- <li>
311
- <a href="../../no-theme/border-radius/index.html">
312
- borderRadius
313
- </a>
314
- </li>
315
- <li>
316
- <a href="../../no-theme/typography/index.html">
317
- typography
318
- </a>
319
- </li>
320
- </ul>
321
- <p class="menu-label">
322
- <a href="../../figma-only/index.html">
323
- figma-only
324
- </a>
325
- </p>
326
- <ul class="menu-list">
327
- <li>
328
- <a href="../../figma-only/sizing/index.html">
329
- sizing
330
- </a>
331
- </li>
332
- </ul>
333
259
  </section>
334
260
  </aside>
335
261
  <main class="content">
@@ -380,6 +306,27 @@
380
306
 
381
307
  </td>
382
308
  </tr>
309
+ <tr>
310
+ <td class="with-icons is-vcentered"
311
+ id="base-spacing110"
312
+ title="theme: base; category: spacing; variant: 110; ">
313
+ spacing110
314
+ <a href="#base-spacing110"
315
+ title="permalink"
316
+ class="permalink">
317
+ 🔗
318
+ </a>
319
+ </td>
320
+ <td class="is-vcentered">
321
+ <pre>9px</pre>
322
+ </td>
323
+ <td class="is-vcentered">
324
+ <div class="table__spacing-preview"
325
+ style="width: 9px">
326
+ </div>
327
+
328
+ </td>
329
+ </tr>
383
330
  <tr>
384
331
  <td class="with-icons is-vcentered"
385
332
  id="base-spacing125"
@@ -653,6 +600,27 @@
653
600
 
654
601
  </td>
655
602
  </tr>
603
+ <tr>
604
+ <td class="with-icons is-vcentered"
605
+ id="base-spacing010"
606
+ title="theme: base; category: spacing; variant: 010; ">
607
+ spacing010
608
+ <a href="#base-spacing010"
609
+ title="permalink"
610
+ class="permalink">
611
+ 🔗
612
+ </a>
613
+ </td>
614
+ <td class="is-vcentered">
615
+ <pre>1px</pre>
616
+ </td>
617
+ <td class="is-vcentered">
618
+ <div class="table__spacing-preview"
619
+ style="width: 1px">
620
+ </div>
621
+
622
+ </td>
623
+ </tr>
656
624
  <tr>
657
625
  <td class="with-icons is-vcentered"
658
626
  id="base-spacing025"
@@ -695,6 +663,27 @@
695
663
 
696
664
  </td>
697
665
  </tr>
666
+ <tr>
667
+ <td class="with-icons is-vcentered"
668
+ id="base-spacing060"
669
+ title="theme: base; category: spacing; variant: 060; ">
670
+ spacing060
671
+ <a href="#base-spacing060"
672
+ title="permalink"
673
+ class="permalink">
674
+ 🔗
675
+ </a>
676
+ </td>
677
+ <td class="is-vcentered">
678
+ <pre>5px</pre>
679
+ </td>
680
+ <td class="is-vcentered">
681
+ <div class="table__spacing-preview"
682
+ style="width: 5px">
683
+ </div>
684
+
685
+ </td>
686
+ </tr>
698
687
  <tr>
699
688
  <td class="with-icons is-vcentered"
700
689
  id="base-spacing075"
package/docs/tokens/base/typography/index.html CHANGED
@@ -256,80 +256,6 @@
256
256
  </a>
257
257
  </li>
258
258
  </ul>
259
- <p class="menu-label">
260
- <a href="../../no-theme/index.html">
261
- no-theme
262
- </a>
263
- </p>
264
- <ul class="menu-list">
265
- <li>
266
- <a href="../../no-theme/colors/index.html">
267
- colors
268
- </a>
269
- </li>
270
- <li>
271
- <a href="../../no-theme/sizing/index.html">
272
- sizing
273
- </a>
274
- </li>
275
- <li>
276
- <a href="../../no-theme/spacing/index.html">
277
- spacing
278
- </a>
279
- </li>
280
- <li>
281
- <a href="../../no-theme/border-width/index.html">
282
- borderWidth
283
- </a>
284
- </li>
285
- <li>
286
- <a href="../../no-theme/font-sizes/index.html">
287
- fontSizes
288
- </a>
289
- </li>
290
- <li>
291
- <a href="../../no-theme/box-shadow/index.html">
292
- boxShadow
293
- </a>
294
- </li>
295
- <li>
296
- <a href="../../no-theme/font-weights/index.html">
297
- fontWeights
298
- </a>
299
- </li>
300
- <li>
301
- <a href="../../no-theme/line-heights/index.html">
302
- lineHeights
303
- </a>
304
- </li>
305
- <li>
306
- <a href="../../no-theme/font-families/index.html">
307
- fontFamilies
308
- </a>
309
- </li>
310
- <li>
311
- <a href="../../no-theme/border-radius/index.html">
312
- borderRadius
313
- </a>
314
- </li>
315
- <li>
316
- <a href="../../no-theme/typography/index.html">
317
- typography
318
- </a>
319
- </li>
320
- </ul>
321
- <p class="menu-label">
322
- <a href="../../figma-only/index.html">
323
- figma-only
324
- </a>
325
- </p>
326
- <ul class="menu-list">
327
- <li>
328
- <a href="../../figma-only/sizing/index.html">
329
- sizing
330
- </a>
331
- </li>
332
- </ul>
333
259
  </section>
334
260
  </aside>
335
261
  <main class="content">
@@ -1472,6 +1398,69 @@
1472
1398
 
1473
1399
  </td>
1474
1400
  </tr>
1401
+ <tr>
1402
+ <td class="with-icons is-vcentered"
1403
+ id="base-typographyLinkOlDtextS"
1404
+ title="theme: base; category: typography; group: link; name: OLDtext; variant: s; ">
1405
+ typographyLinkOlDtextS
1406
+ <a href="#base-typographyLinkOlDtextS"
1407
+ title="permalink"
1408
+ class="permalink">
1409
+ 🔗
1410
+ </a>
1411
+ </td>
1412
+ <td class="is-vcentered">
1413
+ <pre>400 12px/150% Sage UI</pre>
1414
+ </td>
1415
+ <td class="is-vcentered">
1416
+ <div class="table__typography-preview">
1417
+ n/a
1418
+ </div>
1419
+
1420
+ </td>
1421
+ </tr>
1422
+ <tr>
1423
+ <td class="with-icons is-vcentered"
1424
+ id="base-typographyLinkOlDtextM"
1425
+ title="theme: base; category: typography; group: link; name: OLDtext; variant: m; ">
1426
+ typographyLinkOlDtextM
1427
+ <a href="#base-typographyLinkOlDtextM"
1428
+ title="permalink"
1429
+ class="permalink">
1430
+ 🔗
1431
+ </a>
1432
+ </td>
1433
+ <td class="is-vcentered">
1434
+ <pre>400 14px/150% Sage UI</pre>
1435
+ </td>
1436
+ <td class="is-vcentered">
1437
+ <div class="table__typography-preview">
1438
+ n/a
1439
+ </div>
1440
+
1441
+ </td>
1442
+ </tr>
1443
+ <tr>
1444
+ <td class="with-icons is-vcentered"
1445
+ id="base-typographyLinkOlDtextL"
1446
+ title="theme: base; category: typography; group: link; name: OLDtext; variant: l; ">
1447
+ typographyLinkOlDtextL
1448
+ <a href="#base-typographyLinkOlDtextL"
1449
+ title="permalink"
1450
+ class="permalink">
1451
+ 🔗
1452
+ </a>
1453
+ </td>
1454
+ <td class="is-vcentered">
1455
+ <pre>400 16px/150% Sage UI</pre>
1456
+ </td>
1457
+ <td class="is-vcentered">
1458
+ <div class="table__typography-preview">
1459
+ n/a
1460
+ </div>
1461
+
1462
+ </td>
1463
+ </tr>
1475
1464
  <tr>
1476
1465
  <td class="with-icons is-vcentered"
1477
1466
  id="base-typographyLinkTextS"
@@ -1526,7 +1515,7 @@
1526
1515
  </a>
1527
1516
  </td>
1528
1517
  <td class="is-vcentered">
1529
- <pre>400 16px/150% Sage UI</pre>
1518
+ <pre>undefined 16px/150% Sage UI</pre>
1530
1519
  </td>
1531
1520
  <td class="is-vcentered">
1532
1521
  <div class="table__typography-preview">