@sage/design-tokens 2.7.0 → 2.10.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 (15) hide show
  1. package/android/base.xml +15 -8
  2. package/css/base.css +15 -8
  3. package/data/tokens.json +94 -1
  4. package/docs/tokens/base/index.html +175 -28
  5. package/docs/tokens/base/typography/index.html +175 -28
  6. package/docs/tokens/index.html +175 -28
  7. package/ios/base.h +15 -8
  8. package/js/base/common.d.ts +14 -7
  9. package/js/base/common.js +15 -8
  10. package/js/base/es6.d.ts +14 -7
  11. package/js/base/es6.js +14 -7
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.10.0.tgz +0 -0
  14. package/scss/base.scss +15 -8
  15. package/sage-design-tokens-2.7.0.tgz +0 -0
package/android/base.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Wed, 23 Mar 2022 16:20:31 GMT
5
+ Generated on Thu, 24 Mar 2022 14:56:51 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -335,13 +335,20 @@
335
335
  <string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
336
336
  <string name="typographyPillLabelL">Medium 14px/150% Sage UI</string>
337
337
  <string name="typographyPillLabelXl">Medium 16px/150% Sage UI</string>
338
- <string name="typographyProfileEmailXs">Regular 12px/100% Sage UI</string>
339
- <string name="typographyProfileEmailS">Regular 14px/100% Sage UI</string>
340
- <string name="typographyProfileEmailM">Regular 14px/125% Sage UI</string>
341
- <string name="typographyProfileEmailMl">Regular 14px/125% Sage UI</string>
342
- <string name="typographyProfileEmailL">Regular 14px/125% Sage UI</string>
343
- <string name="typographyProfileEmailXl">Regular 18px/125% Sage UI</string>
344
- <string name="typographyProfileEmailXxl">Regular 24px/125% Sage UI</string>
338
+ <string name="typographyProfileEmailTextXs">Regular 12px/100% Sage UI</string>
339
+ <string name="typographyProfileEmailTextS">Regular 14px/100% Sage UI</string>
340
+ <string name="typographyProfileEmailTextM">Regular 14px/125% Sage UI</string>
341
+ <string name="typographyProfileEmailTextMl">Regular 14px/125% Sage UI</string>
342
+ <string name="typographyProfileEmailTextL">Regular 14px/125% Sage UI</string>
343
+ <string name="typographyProfileEmailTextXl">Regular 18px/125% Sage UI</string>
344
+ <string name="typographyProfileEmailTextXxl">Regular 24px/125% Sage UI</string>
345
+ <string name="typographyProfileEmailLinkXs">Regular 12px/100% Sage UI</string>
346
+ <string name="typographyProfileEmailLinkS">Regular 14px/100% Sage UI</string>
347
+ <string name="typographyProfileEmailLinkM">Regular 14px/125% Sage UI</string>
348
+ <string name="typographyProfileEmailLinkMl">Regular 14px/125% Sage UI</string>
349
+ <string name="typographyProfileEmailLinkL">Regular 14px/125% Sage UI</string>
350
+ <string name="typographyProfileEmailLinkXl">Regular 18px/125% Sage UI</string>
351
+ <string name="typographyProfileEmailLinkXxl">Regular 24px/125% Sage UI</string>
345
352
  <string name="typographyProfileInitialsXs">Medium 10px/150% Sage UI</string>
346
353
  <string name="typographyProfileInitialsS">Medium 14px/150% Sage UI</string>
347
354
  <string name="typographyProfileInitialsM">Medium 18px/150% Sage UI</string>
package/css/base.css CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Wed, 23 Mar 2022 16:20:31 GMT
7
+ * Generated on Thu, 24 Mar 2022 14:56:51 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -338,13 +338,20 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
338
338
  --typographyPillLabelM: 500 12px/150% Sage UI;
339
339
  --typographyPillLabelL: 500 14px/150% Sage UI;
340
340
  --typographyPillLabelXl: 500 16px/150% Sage UI;
341
- --typographyProfileEmailXs: 400 12px/100% Sage UI;
342
- --typographyProfileEmailS: 400 14px/100% Sage UI;
343
- --typographyProfileEmailM: 400 14px/125% Sage UI;
344
- --typographyProfileEmailMl: 400 14px/125% Sage UI;
345
- --typographyProfileEmailL: 400 14px/125% Sage UI;
346
- --typographyProfileEmailXl: 400 18px/125% Sage UI;
347
- --typographyProfileEmailXxl: 400 24px/125% Sage UI;
341
+ --typographyProfileEmailTextXs: 400 12px/100% Sage UI;
342
+ --typographyProfileEmailTextS: 400 14px/100% Sage UI;
343
+ --typographyProfileEmailTextM: 400 14px/125% Sage UI;
344
+ --typographyProfileEmailTextMl: 400 14px/125% Sage UI;
345
+ --typographyProfileEmailTextL: 400 14px/125% Sage UI;
346
+ --typographyProfileEmailTextXl: 400 18px/125% Sage UI;
347
+ --typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
348
+ --typographyProfileEmailLinkXs: 400 12px/100% Sage UI;
349
+ --typographyProfileEmailLinkS: 400 14px/100% Sage UI;
350
+ --typographyProfileEmailLinkM: 400 14px/125% Sage UI;
351
+ --typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
352
+ --typographyProfileEmailLinkL: 400 14px/125% Sage UI;
353
+ --typographyProfileEmailLinkXl: 400 18px/125% Sage UI;
354
+ --typographyProfileEmailLinkXxl: 400 24px/125% Sage UI;
348
355
  --typographyProfileInitialsXs: 500 10px/150% Sage UI;
349
356
  --typographyProfileInitialsS: 500 14px/150% Sage UI;
350
357
  --typographyProfileInitialsM: 500 18px/150% Sage UI;
package/data/tokens.json CHANGED
@@ -2222,7 +2222,7 @@
2222
2222
  }
2223
2223
  },
2224
2224
  "profile": {
2225
- "email": {
2225
+ "emailText": {
2226
2226
  "xs": {
2227
2227
  "value": {
2228
2228
  "fontFamily": "Sage UI",
@@ -2315,6 +2315,99 @@
2315
2315
  "type": "typography"
2316
2316
  }
2317
2317
  },
2318
+ "emailLink": {
2319
+ "xs": {
2320
+ "value": {
2321
+ "fontFamily": "Sage UI",
2322
+ "fontWeight": "Regular",
2323
+ "lineHeight": "100%",
2324
+ "fontSize": "12px",
2325
+ "letterSpacing": "0%",
2326
+ "paragraphSpacing": "0",
2327
+ "textDecoration": "underline",
2328
+ "textCase": "none"
2329
+ },
2330
+ "type": "typography"
2331
+ },
2332
+ "s": {
2333
+ "value": {
2334
+ "fontFamily": "Sage UI",
2335
+ "fontWeight": "Regular",
2336
+ "lineHeight": "100%",
2337
+ "fontSize": "14px",
2338
+ "letterSpacing": "0%",
2339
+ "paragraphSpacing": "0",
2340
+ "textDecoration": "underline",
2341
+ "textCase": "none"
2342
+ },
2343
+ "type": "typography"
2344
+ },
2345
+ "m": {
2346
+ "value": {
2347
+ "fontFamily": "Sage UI",
2348
+ "fontWeight": "Regular",
2349
+ "lineHeight": "125%",
2350
+ "fontSize": "14px",
2351
+ "letterSpacing": "0%",
2352
+ "paragraphSpacing": "0",
2353
+ "textDecoration": "underline",
2354
+ "textCase": "none"
2355
+ },
2356
+ "type": "typography"
2357
+ },
2358
+ "ml": {
2359
+ "value": {
2360
+ "fontFamily": "Sage UI",
2361
+ "fontWeight": "Regular",
2362
+ "lineHeight": "125%",
2363
+ "fontSize": "14px",
2364
+ "letterSpacing": "0%",
2365
+ "paragraphSpacing": "0",
2366
+ "textDecoration": "underline",
2367
+ "textCase": "none"
2368
+ },
2369
+ "type": "typography"
2370
+ },
2371
+ "l": {
2372
+ "value": {
2373
+ "fontFamily": "Sage UI",
2374
+ "fontWeight": "Regular",
2375
+ "lineHeight": "125%",
2376
+ "fontSize": "14px",
2377
+ "letterSpacing": "0%",
2378
+ "paragraphSpacing": "0",
2379
+ "textDecoration": "underline",
2380
+ "textCase": "none"
2381
+ },
2382
+ "type": "typography"
2383
+ },
2384
+ "xl": {
2385
+ "value": {
2386
+ "fontFamily": "Sage UI",
2387
+ "fontWeight": "Regular",
2388
+ "lineHeight": "125%",
2389
+ "fontSize": "18px",
2390
+ "letterSpacing": "0%",
2391
+ "paragraphSpacing": "0",
2392
+ "textDecoration": "underline",
2393
+ "textCase": "none"
2394
+ },
2395
+ "type": "typography"
2396
+ },
2397
+ "xxl": {
2398
+ "value": {
2399
+ "fontFamily": "Sage UI",
2400
+ "fontWeight": "Regular",
2401
+ "lineHeight": "125%",
2402
+ "fontSize": "24px",
2403
+ "letterSpacing": "0%",
2404
+ "paragraphSpacing": "0",
2405
+ "textDecoration": "underline",
2406
+ "textCase": "none"
2407
+ },
2408
+ "type": "typography"
2409
+ }
2410
+ },
2318
2411
  "initials": {
2319
2412
  "xs": {
2320
2413
  "value": {
package/docs/tokens/base/index.html CHANGED
@@ -7354,10 +7354,10 @@
7354
7354
  </tr>
7355
7355
  <tr>
7356
7356
  <td class="with-icons is-vcentered"
7357
- id="base-typographyProfileEmailXs"
7358
- title="theme: base; category: typography; group: profile; name: email; variant: xs; ">
7359
- typographyProfileEmailXs
7360
- <a href="#base-typographyProfileEmailXs"
7357
+ id="base-typographyProfileEmailTextXs"
7358
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xs; ">
7359
+ typographyProfileEmailTextXs
7360
+ <a href="#base-typographyProfileEmailTextXs"
7361
7361
  title="permalink"
7362
7362
  class="permalink">
7363
7363
  🔗
@@ -7375,10 +7375,10 @@
7375
7375
  </tr>
7376
7376
  <tr>
7377
7377
  <td class="with-icons is-vcentered"
7378
- id="base-typographyProfileEmailS"
7379
- title="theme: base; category: typography; group: profile; name: email; variant: s; ">
7380
- typographyProfileEmailS
7381
- <a href="#base-typographyProfileEmailS"
7378
+ id="base-typographyProfileEmailTextS"
7379
+ title="theme: base; category: typography; group: profile; name: emailText; variant: s; ">
7380
+ typographyProfileEmailTextS
7381
+ <a href="#base-typographyProfileEmailTextS"
7382
7382
  title="permalink"
7383
7383
  class="permalink">
7384
7384
  🔗
@@ -7396,10 +7396,10 @@
7396
7396
  </tr>
7397
7397
  <tr>
7398
7398
  <td class="with-icons is-vcentered"
7399
- id="base-typographyProfileEmailM"
7400
- title="theme: base; category: typography; group: profile; name: email; variant: m; ">
7401
- typographyProfileEmailM
7402
- <a href="#base-typographyProfileEmailM"
7399
+ id="base-typographyProfileEmailTextM"
7400
+ title="theme: base; category: typography; group: profile; name: emailText; variant: m; ">
7401
+ typographyProfileEmailTextM
7402
+ <a href="#base-typographyProfileEmailTextM"
7403
7403
  title="permalink"
7404
7404
  class="permalink">
7405
7405
  🔗
@@ -7417,10 +7417,10 @@
7417
7417
  </tr>
7418
7418
  <tr>
7419
7419
  <td class="with-icons is-vcentered"
7420
- id="base-typographyProfileEmailMl"
7421
- title="theme: base; category: typography; group: profile; name: email; variant: ml; ">
7422
- typographyProfileEmailMl
7423
- <a href="#base-typographyProfileEmailMl"
7420
+ id="base-typographyProfileEmailTextMl"
7421
+ title="theme: base; category: typography; group: profile; name: emailText; variant: ml; ">
7422
+ typographyProfileEmailTextMl
7423
+ <a href="#base-typographyProfileEmailTextMl"
7424
7424
  title="permalink"
7425
7425
  class="permalink">
7426
7426
  🔗
@@ -7438,10 +7438,10 @@
7438
7438
  </tr>
7439
7439
  <tr>
7440
7440
  <td class="with-icons is-vcentered"
7441
- id="base-typographyProfileEmailL"
7442
- title="theme: base; category: typography; group: profile; name: email; variant: l; ">
7443
- typographyProfileEmailL
7444
- <a href="#base-typographyProfileEmailL"
7441
+ id="base-typographyProfileEmailTextL"
7442
+ title="theme: base; category: typography; group: profile; name: emailText; variant: l; ">
7443
+ typographyProfileEmailTextL
7444
+ <a href="#base-typographyProfileEmailTextL"
7445
7445
  title="permalink"
7446
7446
  class="permalink">
7447
7447
  🔗
@@ -7459,10 +7459,10 @@
7459
7459
  </tr>
7460
7460
  <tr>
7461
7461
  <td class="with-icons is-vcentered"
7462
- id="base-typographyProfileEmailXl"
7463
- title="theme: base; category: typography; group: profile; name: email; variant: xl; ">
7464
- typographyProfileEmailXl
7465
- <a href="#base-typographyProfileEmailXl"
7462
+ id="base-typographyProfileEmailTextXl"
7463
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xl; ">
7464
+ typographyProfileEmailTextXl
7465
+ <a href="#base-typographyProfileEmailTextXl"
7466
7466
  title="permalink"
7467
7467
  class="permalink">
7468
7468
  🔗
@@ -7480,10 +7480,157 @@
7480
7480
  </tr>
7481
7481
  <tr>
7482
7482
  <td class="with-icons is-vcentered"
7483
- id="base-typographyProfileEmailXxl"
7484
- title="theme: base; category: typography; group: profile; name: email; variant: xxl; ">
7485
- typographyProfileEmailXxl
7486
- <a href="#base-typographyProfileEmailXxl"
7483
+ id="base-typographyProfileEmailTextXxl"
7484
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xxl; ">
7485
+ typographyProfileEmailTextXxl
7486
+ <a href="#base-typographyProfileEmailTextXxl"
7487
+ title="permalink"
7488
+ class="permalink">
7489
+ 🔗
7490
+ </a>
7491
+ </td>
7492
+ <td class="is-vcentered">
7493
+ <pre>400 24px/125% Sage UI</pre>
7494
+ </td>
7495
+ <td class="is-vcentered">
7496
+ <div class="table__typography-preview">
7497
+ n/a
7498
+ </div>
7499
+
7500
+ </td>
7501
+ </tr>
7502
+ <tr>
7503
+ <td class="with-icons is-vcentered"
7504
+ id="base-typographyProfileEmailLinkXs"
7505
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xs; ">
7506
+ typographyProfileEmailLinkXs
7507
+ <a href="#base-typographyProfileEmailLinkXs"
7508
+ title="permalink"
7509
+ class="permalink">
7510
+ 🔗
7511
+ </a>
7512
+ </td>
7513
+ <td class="is-vcentered">
7514
+ <pre>400 12px/100% Sage UI</pre>
7515
+ </td>
7516
+ <td class="is-vcentered">
7517
+ <div class="table__typography-preview">
7518
+ n/a
7519
+ </div>
7520
+
7521
+ </td>
7522
+ </tr>
7523
+ <tr>
7524
+ <td class="with-icons is-vcentered"
7525
+ id="base-typographyProfileEmailLinkS"
7526
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: s; ">
7527
+ typographyProfileEmailLinkS
7528
+ <a href="#base-typographyProfileEmailLinkS"
7529
+ title="permalink"
7530
+ class="permalink">
7531
+ 🔗
7532
+ </a>
7533
+ </td>
7534
+ <td class="is-vcentered">
7535
+ <pre>400 14px/100% Sage UI</pre>
7536
+ </td>
7537
+ <td class="is-vcentered">
7538
+ <div class="table__typography-preview">
7539
+ n/a
7540
+ </div>
7541
+
7542
+ </td>
7543
+ </tr>
7544
+ <tr>
7545
+ <td class="with-icons is-vcentered"
7546
+ id="base-typographyProfileEmailLinkM"
7547
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: m; ">
7548
+ typographyProfileEmailLinkM
7549
+ <a href="#base-typographyProfileEmailLinkM"
7550
+ title="permalink"
7551
+ class="permalink">
7552
+ 🔗
7553
+ </a>
7554
+ </td>
7555
+ <td class="is-vcentered">
7556
+ <pre>400 14px/125% Sage UI</pre>
7557
+ </td>
7558
+ <td class="is-vcentered">
7559
+ <div class="table__typography-preview">
7560
+ n/a
7561
+ </div>
7562
+
7563
+ </td>
7564
+ </tr>
7565
+ <tr>
7566
+ <td class="with-icons is-vcentered"
7567
+ id="base-typographyProfileEmailLinkMl"
7568
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: ml; ">
7569
+ typographyProfileEmailLinkMl
7570
+ <a href="#base-typographyProfileEmailLinkMl"
7571
+ title="permalink"
7572
+ class="permalink">
7573
+ 🔗
7574
+ </a>
7575
+ </td>
7576
+ <td class="is-vcentered">
7577
+ <pre>400 14px/125% Sage UI</pre>
7578
+ </td>
7579
+ <td class="is-vcentered">
7580
+ <div class="table__typography-preview">
7581
+ n/a
7582
+ </div>
7583
+
7584
+ </td>
7585
+ </tr>
7586
+ <tr>
7587
+ <td class="with-icons is-vcentered"
7588
+ id="base-typographyProfileEmailLinkL"
7589
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: l; ">
7590
+ typographyProfileEmailLinkL
7591
+ <a href="#base-typographyProfileEmailLinkL"
7592
+ title="permalink"
7593
+ class="permalink">
7594
+ 🔗
7595
+ </a>
7596
+ </td>
7597
+ <td class="is-vcentered">
7598
+ <pre>400 14px/125% Sage UI</pre>
7599
+ </td>
7600
+ <td class="is-vcentered">
7601
+ <div class="table__typography-preview">
7602
+ n/a
7603
+ </div>
7604
+
7605
+ </td>
7606
+ </tr>
7607
+ <tr>
7608
+ <td class="with-icons is-vcentered"
7609
+ id="base-typographyProfileEmailLinkXl"
7610
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xl; ">
7611
+ typographyProfileEmailLinkXl
7612
+ <a href="#base-typographyProfileEmailLinkXl"
7613
+ title="permalink"
7614
+ class="permalink">
7615
+ 🔗
7616
+ </a>
7617
+ </td>
7618
+ <td class="is-vcentered">
7619
+ <pre>400 18px/125% Sage UI</pre>
7620
+ </td>
7621
+ <td class="is-vcentered">
7622
+ <div class="table__typography-preview">
7623
+ n/a
7624
+ </div>
7625
+
7626
+ </td>
7627
+ </tr>
7628
+ <tr>
7629
+ <td class="with-icons is-vcentered"
7630
+ id="base-typographyProfileEmailLinkXxl"
7631
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xxl; ">
7632
+ typographyProfileEmailLinkXxl
7633
+ <a href="#base-typographyProfileEmailLinkXxl"
7487
7634
  title="permalink"
7488
7635
  class="permalink">
7489
7636
  🔗
package/docs/tokens/base/typography/index.html CHANGED
@@ -1715,10 +1715,10 @@
1715
1715
  </tr>
1716
1716
  <tr>
1717
1717
  <td class="with-icons is-vcentered"
1718
- id="base-typographyProfileEmailXs"
1719
- title="theme: base; category: typography; group: profile; name: email; variant: xs; ">
1720
- typographyProfileEmailXs
1721
- <a href="#base-typographyProfileEmailXs"
1718
+ id="base-typographyProfileEmailTextXs"
1719
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xs; ">
1720
+ typographyProfileEmailTextXs
1721
+ <a href="#base-typographyProfileEmailTextXs"
1722
1722
  title="permalink"
1723
1723
  class="permalink">
1724
1724
  🔗
@@ -1736,10 +1736,10 @@
1736
1736
  </tr>
1737
1737
  <tr>
1738
1738
  <td class="with-icons is-vcentered"
1739
- id="base-typographyProfileEmailS"
1740
- title="theme: base; category: typography; group: profile; name: email; variant: s; ">
1741
- typographyProfileEmailS
1742
- <a href="#base-typographyProfileEmailS"
1739
+ id="base-typographyProfileEmailTextS"
1740
+ title="theme: base; category: typography; group: profile; name: emailText; variant: s; ">
1741
+ typographyProfileEmailTextS
1742
+ <a href="#base-typographyProfileEmailTextS"
1743
1743
  title="permalink"
1744
1744
  class="permalink">
1745
1745
  🔗
@@ -1757,10 +1757,10 @@
1757
1757
  </tr>
1758
1758
  <tr>
1759
1759
  <td class="with-icons is-vcentered"
1760
- id="base-typographyProfileEmailM"
1761
- title="theme: base; category: typography; group: profile; name: email; variant: m; ">
1762
- typographyProfileEmailM
1763
- <a href="#base-typographyProfileEmailM"
1760
+ id="base-typographyProfileEmailTextM"
1761
+ title="theme: base; category: typography; group: profile; name: emailText; variant: m; ">
1762
+ typographyProfileEmailTextM
1763
+ <a href="#base-typographyProfileEmailTextM"
1764
1764
  title="permalink"
1765
1765
  class="permalink">
1766
1766
  🔗
@@ -1778,10 +1778,10 @@
1778
1778
  </tr>
1779
1779
  <tr>
1780
1780
  <td class="with-icons is-vcentered"
1781
- id="base-typographyProfileEmailMl"
1782
- title="theme: base; category: typography; group: profile; name: email; variant: ml; ">
1783
- typographyProfileEmailMl
1784
- <a href="#base-typographyProfileEmailMl"
1781
+ id="base-typographyProfileEmailTextMl"
1782
+ title="theme: base; category: typography; group: profile; name: emailText; variant: ml; ">
1783
+ typographyProfileEmailTextMl
1784
+ <a href="#base-typographyProfileEmailTextMl"
1785
1785
  title="permalink"
1786
1786
  class="permalink">
1787
1787
  🔗
@@ -1799,10 +1799,10 @@
1799
1799
  </tr>
1800
1800
  <tr>
1801
1801
  <td class="with-icons is-vcentered"
1802
- id="base-typographyProfileEmailL"
1803
- title="theme: base; category: typography; group: profile; name: email; variant: l; ">
1804
- typographyProfileEmailL
1805
- <a href="#base-typographyProfileEmailL"
1802
+ id="base-typographyProfileEmailTextL"
1803
+ title="theme: base; category: typography; group: profile; name: emailText; variant: l; ">
1804
+ typographyProfileEmailTextL
1805
+ <a href="#base-typographyProfileEmailTextL"
1806
1806
  title="permalink"
1807
1807
  class="permalink">
1808
1808
  🔗
@@ -1820,10 +1820,10 @@
1820
1820
  </tr>
1821
1821
  <tr>
1822
1822
  <td class="with-icons is-vcentered"
1823
- id="base-typographyProfileEmailXl"
1824
- title="theme: base; category: typography; group: profile; name: email; variant: xl; ">
1825
- typographyProfileEmailXl
1826
- <a href="#base-typographyProfileEmailXl"
1823
+ id="base-typographyProfileEmailTextXl"
1824
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xl; ">
1825
+ typographyProfileEmailTextXl
1826
+ <a href="#base-typographyProfileEmailTextXl"
1827
1827
  title="permalink"
1828
1828
  class="permalink">
1829
1829
  🔗
@@ -1841,10 +1841,157 @@
1841
1841
  </tr>
1842
1842
  <tr>
1843
1843
  <td class="with-icons is-vcentered"
1844
- id="base-typographyProfileEmailXxl"
1845
- title="theme: base; category: typography; group: profile; name: email; variant: xxl; ">
1846
- typographyProfileEmailXxl
1847
- <a href="#base-typographyProfileEmailXxl"
1844
+ id="base-typographyProfileEmailTextXxl"
1845
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xxl; ">
1846
+ typographyProfileEmailTextXxl
1847
+ <a href="#base-typographyProfileEmailTextXxl"
1848
+ title="permalink"
1849
+ class="permalink">
1850
+ 🔗
1851
+ </a>
1852
+ </td>
1853
+ <td class="is-vcentered">
1854
+ <pre>400 24px/125% Sage UI</pre>
1855
+ </td>
1856
+ <td class="is-vcentered">
1857
+ <div class="table__typography-preview">
1858
+ n/a
1859
+ </div>
1860
+
1861
+ </td>
1862
+ </tr>
1863
+ <tr>
1864
+ <td class="with-icons is-vcentered"
1865
+ id="base-typographyProfileEmailLinkXs"
1866
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xs; ">
1867
+ typographyProfileEmailLinkXs
1868
+ <a href="#base-typographyProfileEmailLinkXs"
1869
+ title="permalink"
1870
+ class="permalink">
1871
+ 🔗
1872
+ </a>
1873
+ </td>
1874
+ <td class="is-vcentered">
1875
+ <pre>400 12px/100% Sage UI</pre>
1876
+ </td>
1877
+ <td class="is-vcentered">
1878
+ <div class="table__typography-preview">
1879
+ n/a
1880
+ </div>
1881
+
1882
+ </td>
1883
+ </tr>
1884
+ <tr>
1885
+ <td class="with-icons is-vcentered"
1886
+ id="base-typographyProfileEmailLinkS"
1887
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: s; ">
1888
+ typographyProfileEmailLinkS
1889
+ <a href="#base-typographyProfileEmailLinkS"
1890
+ title="permalink"
1891
+ class="permalink">
1892
+ 🔗
1893
+ </a>
1894
+ </td>
1895
+ <td class="is-vcentered">
1896
+ <pre>400 14px/100% Sage UI</pre>
1897
+ </td>
1898
+ <td class="is-vcentered">
1899
+ <div class="table__typography-preview">
1900
+ n/a
1901
+ </div>
1902
+
1903
+ </td>
1904
+ </tr>
1905
+ <tr>
1906
+ <td class="with-icons is-vcentered"
1907
+ id="base-typographyProfileEmailLinkM"
1908
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: m; ">
1909
+ typographyProfileEmailLinkM
1910
+ <a href="#base-typographyProfileEmailLinkM"
1911
+ title="permalink"
1912
+ class="permalink">
1913
+ 🔗
1914
+ </a>
1915
+ </td>
1916
+ <td class="is-vcentered">
1917
+ <pre>400 14px/125% Sage UI</pre>
1918
+ </td>
1919
+ <td class="is-vcentered">
1920
+ <div class="table__typography-preview">
1921
+ n/a
1922
+ </div>
1923
+
1924
+ </td>
1925
+ </tr>
1926
+ <tr>
1927
+ <td class="with-icons is-vcentered"
1928
+ id="base-typographyProfileEmailLinkMl"
1929
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: ml; ">
1930
+ typographyProfileEmailLinkMl
1931
+ <a href="#base-typographyProfileEmailLinkMl"
1932
+ title="permalink"
1933
+ class="permalink">
1934
+ 🔗
1935
+ </a>
1936
+ </td>
1937
+ <td class="is-vcentered">
1938
+ <pre>400 14px/125% Sage UI</pre>
1939
+ </td>
1940
+ <td class="is-vcentered">
1941
+ <div class="table__typography-preview">
1942
+ n/a
1943
+ </div>
1944
+
1945
+ </td>
1946
+ </tr>
1947
+ <tr>
1948
+ <td class="with-icons is-vcentered"
1949
+ id="base-typographyProfileEmailLinkL"
1950
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: l; ">
1951
+ typographyProfileEmailLinkL
1952
+ <a href="#base-typographyProfileEmailLinkL"
1953
+ title="permalink"
1954
+ class="permalink">
1955
+ 🔗
1956
+ </a>
1957
+ </td>
1958
+ <td class="is-vcentered">
1959
+ <pre>400 14px/125% Sage UI</pre>
1960
+ </td>
1961
+ <td class="is-vcentered">
1962
+ <div class="table__typography-preview">
1963
+ n/a
1964
+ </div>
1965
+
1966
+ </td>
1967
+ </tr>
1968
+ <tr>
1969
+ <td class="with-icons is-vcentered"
1970
+ id="base-typographyProfileEmailLinkXl"
1971
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xl; ">
1972
+ typographyProfileEmailLinkXl
1973
+ <a href="#base-typographyProfileEmailLinkXl"
1974
+ title="permalink"
1975
+ class="permalink">
1976
+ 🔗
1977
+ </a>
1978
+ </td>
1979
+ <td class="is-vcentered">
1980
+ <pre>400 18px/125% Sage UI</pre>
1981
+ </td>
1982
+ <td class="is-vcentered">
1983
+ <div class="table__typography-preview">
1984
+ n/a
1985
+ </div>
1986
+
1987
+ </td>
1988
+ </tr>
1989
+ <tr>
1990
+ <td class="with-icons is-vcentered"
1991
+ id="base-typographyProfileEmailLinkXxl"
1992
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xxl; ">
1993
+ typographyProfileEmailLinkXxl
1994
+ <a href="#base-typographyProfileEmailLinkXxl"
1848
1995
  title="permalink"
1849
1996
  class="permalink">
1850
1997
  🔗
package/docs/tokens/index.html CHANGED
@@ -7410,10 +7410,10 @@
7410
7410
  </tr>
7411
7411
  <tr>
7412
7412
  <td class="with-icons is-vcentered"
7413
- id="base-typographyProfileEmailXs"
7414
- title="theme: base; category: typography; group: profile; name: email; variant: xs; ">
7415
- typographyProfileEmailXs
7416
- <a href="#base-typographyProfileEmailXs"
7413
+ id="base-typographyProfileEmailTextXs"
7414
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xs; ">
7415
+ typographyProfileEmailTextXs
7416
+ <a href="#base-typographyProfileEmailTextXs"
7417
7417
  title="permalink"
7418
7418
  class="permalink">
7419
7419
  🔗
@@ -7431,10 +7431,10 @@
7431
7431
  </tr>
7432
7432
  <tr>
7433
7433
  <td class="with-icons is-vcentered"
7434
- id="base-typographyProfileEmailS"
7435
- title="theme: base; category: typography; group: profile; name: email; variant: s; ">
7436
- typographyProfileEmailS
7437
- <a href="#base-typographyProfileEmailS"
7434
+ id="base-typographyProfileEmailTextS"
7435
+ title="theme: base; category: typography; group: profile; name: emailText; variant: s; ">
7436
+ typographyProfileEmailTextS
7437
+ <a href="#base-typographyProfileEmailTextS"
7438
7438
  title="permalink"
7439
7439
  class="permalink">
7440
7440
  🔗
@@ -7452,10 +7452,10 @@
7452
7452
  </tr>
7453
7453
  <tr>
7454
7454
  <td class="with-icons is-vcentered"
7455
- id="base-typographyProfileEmailM"
7456
- title="theme: base; category: typography; group: profile; name: email; variant: m; ">
7457
- typographyProfileEmailM
7458
- <a href="#base-typographyProfileEmailM"
7455
+ id="base-typographyProfileEmailTextM"
7456
+ title="theme: base; category: typography; group: profile; name: emailText; variant: m; ">
7457
+ typographyProfileEmailTextM
7458
+ <a href="#base-typographyProfileEmailTextM"
7459
7459
  title="permalink"
7460
7460
  class="permalink">
7461
7461
  🔗
@@ -7473,10 +7473,10 @@
7473
7473
  </tr>
7474
7474
  <tr>
7475
7475
  <td class="with-icons is-vcentered"
7476
- id="base-typographyProfileEmailMl"
7477
- title="theme: base; category: typography; group: profile; name: email; variant: ml; ">
7478
- typographyProfileEmailMl
7479
- <a href="#base-typographyProfileEmailMl"
7476
+ id="base-typographyProfileEmailTextMl"
7477
+ title="theme: base; category: typography; group: profile; name: emailText; variant: ml; ">
7478
+ typographyProfileEmailTextMl
7479
+ <a href="#base-typographyProfileEmailTextMl"
7480
7480
  title="permalink"
7481
7481
  class="permalink">
7482
7482
  🔗
@@ -7494,10 +7494,10 @@
7494
7494
  </tr>
7495
7495
  <tr>
7496
7496
  <td class="with-icons is-vcentered"
7497
- id="base-typographyProfileEmailL"
7498
- title="theme: base; category: typography; group: profile; name: email; variant: l; ">
7499
- typographyProfileEmailL
7500
- <a href="#base-typographyProfileEmailL"
7497
+ id="base-typographyProfileEmailTextL"
7498
+ title="theme: base; category: typography; group: profile; name: emailText; variant: l; ">
7499
+ typographyProfileEmailTextL
7500
+ <a href="#base-typographyProfileEmailTextL"
7501
7501
  title="permalink"
7502
7502
  class="permalink">
7503
7503
  🔗
@@ -7515,10 +7515,10 @@
7515
7515
  </tr>
7516
7516
  <tr>
7517
7517
  <td class="with-icons is-vcentered"
7518
- id="base-typographyProfileEmailXl"
7519
- title="theme: base; category: typography; group: profile; name: email; variant: xl; ">
7520
- typographyProfileEmailXl
7521
- <a href="#base-typographyProfileEmailXl"
7518
+ id="base-typographyProfileEmailTextXl"
7519
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xl; ">
7520
+ typographyProfileEmailTextXl
7521
+ <a href="#base-typographyProfileEmailTextXl"
7522
7522
  title="permalink"
7523
7523
  class="permalink">
7524
7524
  🔗
@@ -7536,10 +7536,157 @@
7536
7536
  </tr>
7537
7537
  <tr>
7538
7538
  <td class="with-icons is-vcentered"
7539
- id="base-typographyProfileEmailXxl"
7540
- title="theme: base; category: typography; group: profile; name: email; variant: xxl; ">
7541
- typographyProfileEmailXxl
7542
- <a href="#base-typographyProfileEmailXxl"
7539
+ id="base-typographyProfileEmailTextXxl"
7540
+ title="theme: base; category: typography; group: profile; name: emailText; variant: xxl; ">
7541
+ typographyProfileEmailTextXxl
7542
+ <a href="#base-typographyProfileEmailTextXxl"
7543
+ title="permalink"
7544
+ class="permalink">
7545
+ 🔗
7546
+ </a>
7547
+ </td>
7548
+ <td class="is-vcentered">
7549
+ <pre>400 24px/125% Sage UI</pre>
7550
+ </td>
7551
+ <td class="is-vcentered">
7552
+ <div class="table__typography-preview">
7553
+ n/a
7554
+ </div>
7555
+
7556
+ </td>
7557
+ </tr>
7558
+ <tr>
7559
+ <td class="with-icons is-vcentered"
7560
+ id="base-typographyProfileEmailLinkXs"
7561
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xs; ">
7562
+ typographyProfileEmailLinkXs
7563
+ <a href="#base-typographyProfileEmailLinkXs"
7564
+ title="permalink"
7565
+ class="permalink">
7566
+ 🔗
7567
+ </a>
7568
+ </td>
7569
+ <td class="is-vcentered">
7570
+ <pre>400 12px/100% Sage UI</pre>
7571
+ </td>
7572
+ <td class="is-vcentered">
7573
+ <div class="table__typography-preview">
7574
+ n/a
7575
+ </div>
7576
+
7577
+ </td>
7578
+ </tr>
7579
+ <tr>
7580
+ <td class="with-icons is-vcentered"
7581
+ id="base-typographyProfileEmailLinkS"
7582
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: s; ">
7583
+ typographyProfileEmailLinkS
7584
+ <a href="#base-typographyProfileEmailLinkS"
7585
+ title="permalink"
7586
+ class="permalink">
7587
+ 🔗
7588
+ </a>
7589
+ </td>
7590
+ <td class="is-vcentered">
7591
+ <pre>400 14px/100% Sage UI</pre>
7592
+ </td>
7593
+ <td class="is-vcentered">
7594
+ <div class="table__typography-preview">
7595
+ n/a
7596
+ </div>
7597
+
7598
+ </td>
7599
+ </tr>
7600
+ <tr>
7601
+ <td class="with-icons is-vcentered"
7602
+ id="base-typographyProfileEmailLinkM"
7603
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: m; ">
7604
+ typographyProfileEmailLinkM
7605
+ <a href="#base-typographyProfileEmailLinkM"
7606
+ title="permalink"
7607
+ class="permalink">
7608
+ 🔗
7609
+ </a>
7610
+ </td>
7611
+ <td class="is-vcentered">
7612
+ <pre>400 14px/125% Sage UI</pre>
7613
+ </td>
7614
+ <td class="is-vcentered">
7615
+ <div class="table__typography-preview">
7616
+ n/a
7617
+ </div>
7618
+
7619
+ </td>
7620
+ </tr>
7621
+ <tr>
7622
+ <td class="with-icons is-vcentered"
7623
+ id="base-typographyProfileEmailLinkMl"
7624
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: ml; ">
7625
+ typographyProfileEmailLinkMl
7626
+ <a href="#base-typographyProfileEmailLinkMl"
7627
+ title="permalink"
7628
+ class="permalink">
7629
+ 🔗
7630
+ </a>
7631
+ </td>
7632
+ <td class="is-vcentered">
7633
+ <pre>400 14px/125% Sage UI</pre>
7634
+ </td>
7635
+ <td class="is-vcentered">
7636
+ <div class="table__typography-preview">
7637
+ n/a
7638
+ </div>
7639
+
7640
+ </td>
7641
+ </tr>
7642
+ <tr>
7643
+ <td class="with-icons is-vcentered"
7644
+ id="base-typographyProfileEmailLinkL"
7645
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: l; ">
7646
+ typographyProfileEmailLinkL
7647
+ <a href="#base-typographyProfileEmailLinkL"
7648
+ title="permalink"
7649
+ class="permalink">
7650
+ 🔗
7651
+ </a>
7652
+ </td>
7653
+ <td class="is-vcentered">
7654
+ <pre>400 14px/125% Sage UI</pre>
7655
+ </td>
7656
+ <td class="is-vcentered">
7657
+ <div class="table__typography-preview">
7658
+ n/a
7659
+ </div>
7660
+
7661
+ </td>
7662
+ </tr>
7663
+ <tr>
7664
+ <td class="with-icons is-vcentered"
7665
+ id="base-typographyProfileEmailLinkXl"
7666
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xl; ">
7667
+ typographyProfileEmailLinkXl
7668
+ <a href="#base-typographyProfileEmailLinkXl"
7669
+ title="permalink"
7670
+ class="permalink">
7671
+ 🔗
7672
+ </a>
7673
+ </td>
7674
+ <td class="is-vcentered">
7675
+ <pre>400 18px/125% Sage UI</pre>
7676
+ </td>
7677
+ <td class="is-vcentered">
7678
+ <div class="table__typography-preview">
7679
+ n/a
7680
+ </div>
7681
+
7682
+ </td>
7683
+ </tr>
7684
+ <tr>
7685
+ <td class="with-icons is-vcentered"
7686
+ id="base-typographyProfileEmailLinkXxl"
7687
+ title="theme: base; category: typography; group: profile; name: emailLink; variant: xxl; ">
7688
+ typographyProfileEmailLinkXxl
7689
+ <a href="#base-typographyProfileEmailLinkXxl"
7543
7690
  title="permalink"
7544
7691
  class="permalink">
7545
7692
  🔗
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 23 Mar 2022 16:20:31 GMT
7
+ // Generated on Thu, 24 Mar 2022 14:56:51 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -340,13 +340,20 @@
340
340
  #define typographyPillLabelM Medium 12px/150% Sage UI
341
341
  #define typographyPillLabelL Medium 14px/150% Sage UI
342
342
  #define typographyPillLabelXl Medium 16px/150% Sage UI
343
- #define typographyProfileEmailXs Regular 12px/100% Sage UI
344
- #define typographyProfileEmailS Regular 14px/100% Sage UI
345
- #define typographyProfileEmailM Regular 14px/125% Sage UI
346
- #define typographyProfileEmailMl Regular 14px/125% Sage UI
347
- #define typographyProfileEmailL Regular 14px/125% Sage UI
348
- #define typographyProfileEmailXl Regular 18px/125% Sage UI
349
- #define typographyProfileEmailXxl Regular 24px/125% Sage UI
343
+ #define typographyProfileEmailTextXs Regular 12px/100% Sage UI
344
+ #define typographyProfileEmailTextS Regular 14px/100% Sage UI
345
+ #define typographyProfileEmailTextM Regular 14px/125% Sage UI
346
+ #define typographyProfileEmailTextMl Regular 14px/125% Sage UI
347
+ #define typographyProfileEmailTextL Regular 14px/125% Sage UI
348
+ #define typographyProfileEmailTextXl Regular 18px/125% Sage UI
349
+ #define typographyProfileEmailTextXxl Regular 24px/125% Sage UI
350
+ #define typographyProfileEmailLinkXs Regular 12px/100% Sage UI
351
+ #define typographyProfileEmailLinkS Regular 14px/100% Sage UI
352
+ #define typographyProfileEmailLinkM Regular 14px/125% Sage UI
353
+ #define typographyProfileEmailLinkMl Regular 14px/125% Sage UI
354
+ #define typographyProfileEmailLinkL Regular 14px/125% Sage UI
355
+ #define typographyProfileEmailLinkXl Regular 18px/125% Sage UI
356
+ #define typographyProfileEmailLinkXxl Regular 24px/125% Sage UI
350
357
  #define typographyProfileInitialsXs Medium 10px/150% Sage UI
351
358
  #define typographyProfileInitialsS Medium 14px/150% Sage UI
352
359
  #define typographyProfileInitialsM Medium 18px/150% Sage UI
package/js/base/common.d.ts CHANGED
@@ -328,13 +328,20 @@ export const typographyPillLabelS: string;
328
328
  export const typographyPillLabelM: string;
329
329
  export const typographyPillLabelL: string;
330
330
  export const typographyPillLabelXl: string;
331
- export const typographyProfileEmailXs: string;
332
- export const typographyProfileEmailS: string;
333
- export const typographyProfileEmailM: string;
334
- export const typographyProfileEmailMl: string;
335
- export const typographyProfileEmailL: string;
336
- export const typographyProfileEmailXl: string;
337
- export const typographyProfileEmailXxl: string;
331
+ export const typographyProfileEmailTextXs: string;
332
+ export const typographyProfileEmailTextS: string;
333
+ export const typographyProfileEmailTextM: string;
334
+ export const typographyProfileEmailTextMl: string;
335
+ export const typographyProfileEmailTextL: string;
336
+ export const typographyProfileEmailTextXl: string;
337
+ export const typographyProfileEmailTextXxl: string;
338
+ export const typographyProfileEmailLinkXs: string;
339
+ export const typographyProfileEmailLinkS: string;
340
+ export const typographyProfileEmailLinkM: string;
341
+ export const typographyProfileEmailLinkMl: string;
342
+ export const typographyProfileEmailLinkL: string;
343
+ export const typographyProfileEmailLinkXl: string;
344
+ export const typographyProfileEmailLinkXxl: string;
338
345
  export const typographyProfileInitialsXs: string;
339
346
  export const typographyProfileInitialsS: string;
340
347
  export const typographyProfileInitialsM: string;
package/js/base/common.js CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Wed, 23 Mar 2022 16:20:31 GMT
7
+ * Generated on Thu, 24 Mar 2022 14:56:51 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -338,13 +338,20 @@ module.exports = {
338
338
  typographyPillLabelM: '500 12px/150% Sage UI',
339
339
  typographyPillLabelL: '500 14px/150% Sage UI',
340
340
  typographyPillLabelXl: '500 16px/150% Sage UI',
341
- typographyProfileEmailXs: '400 12px/100% Sage UI',
342
- typographyProfileEmailS: '400 14px/100% Sage UI',
343
- typographyProfileEmailM: '400 14px/125% Sage UI',
344
- typographyProfileEmailMl: '400 14px/125% Sage UI',
345
- typographyProfileEmailL: '400 14px/125% Sage UI',
346
- typographyProfileEmailXl: '400 18px/125% Sage UI',
347
- typographyProfileEmailXxl: '400 24px/125% Sage UI',
341
+ typographyProfileEmailTextXs: '400 12px/100% Sage UI',
342
+ typographyProfileEmailTextS: '400 14px/100% Sage UI',
343
+ typographyProfileEmailTextM: '400 14px/125% Sage UI',
344
+ typographyProfileEmailTextMl: '400 14px/125% Sage UI',
345
+ typographyProfileEmailTextL: '400 14px/125% Sage UI',
346
+ typographyProfileEmailTextXl: '400 18px/125% Sage UI',
347
+ typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
348
+ typographyProfileEmailLinkXs: '400 12px/100% Sage UI',
349
+ typographyProfileEmailLinkS: '400 14px/100% Sage UI',
350
+ typographyProfileEmailLinkM: '400 14px/125% Sage UI',
351
+ typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
352
+ typographyProfileEmailLinkL: '400 14px/125% Sage UI',
353
+ typographyProfileEmailLinkXl: '400 18px/125% Sage UI',
354
+ typographyProfileEmailLinkXxl: '400 24px/125% Sage UI',
348
355
  typographyProfileInitialsXs: '500 10px/150% Sage UI',
349
356
  typographyProfileInitialsS: '500 14px/150% Sage UI',
350
357
  typographyProfileInitialsM: '500 18px/150% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -329,13 +329,20 @@ declare namespace _default {
329
329
  const typographyPillLabelM: string;
330
330
  const typographyPillLabelL: string;
331
331
  const typographyPillLabelXl: string;
332
- const typographyProfileEmailXs: string;
333
- const typographyProfileEmailS: string;
334
- const typographyProfileEmailM: string;
335
- const typographyProfileEmailMl: string;
336
- const typographyProfileEmailL: string;
337
- const typographyProfileEmailXl: string;
338
- const typographyProfileEmailXxl: string;
332
+ const typographyProfileEmailTextXs: string;
333
+ const typographyProfileEmailTextS: string;
334
+ const typographyProfileEmailTextM: string;
335
+ const typographyProfileEmailTextMl: string;
336
+ const typographyProfileEmailTextL: string;
337
+ const typographyProfileEmailTextXl: string;
338
+ const typographyProfileEmailTextXxl: string;
339
+ const typographyProfileEmailLinkXs: string;
340
+ const typographyProfileEmailLinkS: string;
341
+ const typographyProfileEmailLinkM: string;
342
+ const typographyProfileEmailLinkMl: string;
343
+ const typographyProfileEmailLinkL: string;
344
+ const typographyProfileEmailLinkXl: string;
345
+ const typographyProfileEmailLinkXxl: string;
339
346
  const typographyProfileInitialsXs: string;
340
347
  const typographyProfileInitialsS: string;
341
348
  const typographyProfileInitialsM: string;
package/js/base/es6.js CHANGED
@@ -333,13 +333,20 @@ export default {
333
333
  typographyPillLabelM: '500 12px/150% Sage UI',
334
334
  typographyPillLabelL: '500 14px/150% Sage UI',
335
335
  typographyPillLabelXl: '500 16px/150% Sage UI',
336
- typographyProfileEmailXs: '400 12px/100% Sage UI',
337
- typographyProfileEmailS: '400 14px/100% Sage UI',
338
- typographyProfileEmailM: '400 14px/125% Sage UI',
339
- typographyProfileEmailMl: '400 14px/125% Sage UI',
340
- typographyProfileEmailL: '400 14px/125% Sage UI',
341
- typographyProfileEmailXl: '400 18px/125% Sage UI',
342
- typographyProfileEmailXxl: '400 24px/125% Sage UI',
336
+ typographyProfileEmailTextXs: '400 12px/100% Sage UI',
337
+ typographyProfileEmailTextS: '400 14px/100% Sage UI',
338
+ typographyProfileEmailTextM: '400 14px/125% Sage UI',
339
+ typographyProfileEmailTextMl: '400 14px/125% Sage UI',
340
+ typographyProfileEmailTextL: '400 14px/125% Sage UI',
341
+ typographyProfileEmailTextXl: '400 18px/125% Sage UI',
342
+ typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
343
+ typographyProfileEmailLinkXs: '400 12px/100% Sage UI',
344
+ typographyProfileEmailLinkS: '400 14px/100% Sage UI',
345
+ typographyProfileEmailLinkM: '400 14px/125% Sage UI',
346
+ typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
347
+ typographyProfileEmailLinkL: '400 14px/125% Sage UI',
348
+ typographyProfileEmailLinkXl: '400 18px/125% Sage UI',
349
+ typographyProfileEmailLinkXxl: '400 24px/125% Sage UI',
343
350
  typographyProfileInitialsXs: '500 10px/150% Sage UI',
344
351
  typographyProfileInitialsS: '500 14px/150% Sage UI',
345
352
  typographyProfileInitialsM: '500 18px/150% Sage UI',
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  },
11
11
  "description": "Design tokens for the Sage Design System.",
12
12
  "author": "The Sage Group plc",
13
- "version": "2.7.0",
13
+ "version": "2.10.0",
14
14
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
15
15
  "tags": [
16
16
  "design tokens",
package/sage-design-tokens-2.10.0.tgz ADDED
Binary file
package/scss/base.scss CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 23 Mar 2022 16:20:31 GMT
7
+ // Generated on Thu, 24 Mar 2022 14:56:51 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -336,13 +336,20 @@ $typographyPillLabelS: 500 10px/150% Sage UI;
336
336
  $typographyPillLabelM: 500 12px/150% Sage UI;
337
337
  $typographyPillLabelL: 500 14px/150% Sage UI;
338
338
  $typographyPillLabelXl: 500 16px/150% Sage UI;
339
- $typographyProfileEmailXs: 400 12px/100% Sage UI;
340
- $typographyProfileEmailS: 400 14px/100% Sage UI;
341
- $typographyProfileEmailM: 400 14px/125% Sage UI;
342
- $typographyProfileEmailMl: 400 14px/125% Sage UI;
343
- $typographyProfileEmailL: 400 14px/125% Sage UI;
344
- $typographyProfileEmailXl: 400 18px/125% Sage UI;
345
- $typographyProfileEmailXxl: 400 24px/125% Sage UI;
339
+ $typographyProfileEmailTextXs: 400 12px/100% Sage UI;
340
+ $typographyProfileEmailTextS: 400 14px/100% Sage UI;
341
+ $typographyProfileEmailTextM: 400 14px/125% Sage UI;
342
+ $typographyProfileEmailTextMl: 400 14px/125% Sage UI;
343
+ $typographyProfileEmailTextL: 400 14px/125% Sage UI;
344
+ $typographyProfileEmailTextXl: 400 18px/125% Sage UI;
345
+ $typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
346
+ $typographyProfileEmailLinkXs: 400 12px/100% Sage UI;
347
+ $typographyProfileEmailLinkS: 400 14px/100% Sage UI;
348
+ $typographyProfileEmailLinkM: 400 14px/125% Sage UI;
349
+ $typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
350
+ $typographyProfileEmailLinkL: 400 14px/125% Sage UI;
351
+ $typographyProfileEmailLinkXl: 400 18px/125% Sage UI;
352
+ $typographyProfileEmailLinkXxl: 400 24px/125% Sage UI;
346
353
  $typographyProfileInitialsXs: 500 10px/150% Sage UI;
347
354
  $typographyProfileInitialsS: 500 14px/150% Sage UI;
348
355
  $typographyProfileInitialsM: 500 18px/150% Sage UI;
package/sage-design-tokens-2.7.0.tgz DELETED
Binary file