@sage/design-tokens 4.16.0 → 4.17.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 +6 -1
- package/android/dashboard/darkMode.xml +1 -1
- package/android/dashboard/lightMode.xml +1 -1
- package/android/origin.xml +1 -1
- package/css/base.css +6 -1
- package/css/dashboard/darkMode.css +1 -1
- package/css/dashboard/lightMode.css +1 -1
- package/css/origin.css +1 -1
- package/data/tokens.json +69 -2
- package/docs/tokens/base/index.html +105 -0
- package/docs/tokens/base/typography/index.html +105 -0
- package/docs/tokens/index.html +105 -0
- package/ios/base.h +6 -1
- package/ios/dashboard/darkMode.h +1 -1
- package/ios/dashboard/lightMode.h +1 -1
- package/ios/origin.h +1 -1
- package/js/base/common.d.ts +5 -0
- package/js/base/common.js +6 -1
- package/js/base/es6.d.ts +5 -0
- package/js/base/es6.js +5 -0
- package/js/dashboard/darkMode/common.js +1 -1
- package/js/dashboard/lightMode/common.js +1 -1
- package/js/origin/common.js +1 -1
- package/package.json +1 -1
- package/sage-design-tokens-4.17.0.tgz +0 -0
- package/scss/base.scss +6 -1
- package/scss/dashboard/darkMode.scss +1 -1
- package/scss/dashboard/lightMode.scss +1 -1
- package/scss/origin.scss +1 -1
- package/sage-design-tokens-4.16.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
|
|
5
|
+
Generated on Fri, 31 Mar 2023 12:52:16 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -486,6 +486,11 @@
|
|
|
486
486
|
<string name="typographyTileSubscriptionPriceM">Medium 16px/150% Sage UI</string>
|
|
487
487
|
<string name="typographyTooltipTextM">Regular 14px/150% Sage UI</string>
|
|
488
488
|
<string name="typographyTooltipTextL">Regular 16px/150% Sage UI</string>
|
|
489
|
+
<string name="typographyNoteEditorNameM">Medium 14px/150% Sage UI</string>
|
|
490
|
+
<string name="typographyNoteDateM">Regular 14px/150% Sage UI</string>
|
|
491
|
+
<string name="typographyNoteParagraphM">Regular 14px/150% Sage UI</string>
|
|
492
|
+
<string name="typographyNoteParagraphListM">Regular 14px/150% Sage UI</string>
|
|
493
|
+
<string name="typographyNoteTitleM">Bold 24px/125% Sage UI</string>
|
|
489
494
|
<string name="opacity300">0.3</string>
|
|
490
495
|
<string name="opacity600">0.6</string>
|
|
491
496
|
<string name="opacity800">0.8</string>
|
package/android/origin.xml
CHANGED
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
|
|
7
|
+
* Generated on Fri, 31 Mar 2023 12:52:16 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -489,6 +489,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
489
489
|
--typographyTileSubscriptionPriceM: 500 16px/150% Sage UI;
|
|
490
490
|
--typographyTooltipTextM: 400 14px/150% Sage UI;
|
|
491
491
|
--typographyTooltipTextL: 400 16px/150% Sage UI;
|
|
492
|
+
--typographyNoteEditorNameM: 500 14px/150% Sage UI;
|
|
493
|
+
--typographyNoteDateM: 400 14px/150% Sage UI;
|
|
494
|
+
--typographyNoteParagraphM: 400 14px/150% Sage UI;
|
|
495
|
+
--typographyNoteParagraphListM: 400 14px/150% Sage UI;
|
|
496
|
+
--typographyNoteTitleM: 700 24px/125% Sage UI;
|
|
492
497
|
--opacity300: 0.3;
|
|
493
498
|
--opacity600: 0.6;
|
|
494
499
|
--opacity800: 0.8;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -2277,7 +2277,7 @@
|
|
|
2277
2277
|
"100": {
|
|
2278
2278
|
"value": "8px",
|
|
2279
2279
|
"type": "borderRadius",
|
|
2280
|
-
"description": "Action popover (menu), Anchor navigation, Button: minor (including button bar),
|
|
2280
|
+
"description": "Action popover (menu), Anchor navigation, Button: minor (including button bar), Card (less rounded), Card select (single), Card select group (outer corners), Carousel (slides), Color picker standard (container), Menu (bottom corners), Message, Navigation: top (menu bottom corners), Navigation: left (selected menu), Pagination, Tab, Table, Tile (less rounded), Toast."
|
|
2281
2281
|
},
|
|
2282
2282
|
"200": {
|
|
2283
2283
|
"value": "16px",
|
|
@@ -2312,7 +2312,7 @@
|
|
|
2312
2312
|
"050": {
|
|
2313
2313
|
"value": "4px",
|
|
2314
2314
|
"type": "borderRadius",
|
|
2315
|
-
"description": "Checkbox (large), Color picker advanced (inner container), Date picker, Date range, Dropdown: select (trigger & menu), File input, Search, Text area, Text input, Tooltip."
|
|
2315
|
+
"description": "Button: minor (including button bar), Button: multi-action & split (menu), Button toggle: minor, Checkbox (large), Color picker advanced (inner container), Date picker, Date range, Dropdown: select (trigger & menu), File input, Link (focus), Search, Text area, Text input, Tooltip."
|
|
2316
2316
|
}
|
|
2317
2317
|
},
|
|
2318
2318
|
"typography": {
|
|
@@ -4439,6 +4439,73 @@
|
|
|
4439
4439
|
"type": "typography"
|
|
4440
4440
|
}
|
|
4441
4441
|
}
|
|
4442
|
+
},
|
|
4443
|
+
"note": {
|
|
4444
|
+
"editorName": {
|
|
4445
|
+
"m": {
|
|
4446
|
+
"value": {
|
|
4447
|
+
"fontFamily": "Sage UI",
|
|
4448
|
+
"fontWeight": "Medium",
|
|
4449
|
+
"lineHeight": "150%",
|
|
4450
|
+
"fontSize": "14px",
|
|
4451
|
+
"letterSpacing": "0%",
|
|
4452
|
+
"paragraphSpacing": "0%"
|
|
4453
|
+
},
|
|
4454
|
+
"type": "typography"
|
|
4455
|
+
}
|
|
4456
|
+
},
|
|
4457
|
+
"date": {
|
|
4458
|
+
"m": {
|
|
4459
|
+
"value": {
|
|
4460
|
+
"fontFamily": "Sage UI",
|
|
4461
|
+
"fontWeight": "Regular",
|
|
4462
|
+
"lineHeight": "150%",
|
|
4463
|
+
"fontSize": "14px",
|
|
4464
|
+
"letterSpacing": "0%",
|
|
4465
|
+
"paragraphSpacing": "0px"
|
|
4466
|
+
},
|
|
4467
|
+
"type": "typography"
|
|
4468
|
+
}
|
|
4469
|
+
},
|
|
4470
|
+
"paragraph": {
|
|
4471
|
+
"m": {
|
|
4472
|
+
"value": {
|
|
4473
|
+
"fontFamily": "Sage UI",
|
|
4474
|
+
"fontWeight": "Regular",
|
|
4475
|
+
"lineHeight": "150%",
|
|
4476
|
+
"fontSize": "14px",
|
|
4477
|
+
"letterSpacing": "0%",
|
|
4478
|
+
"paragraphSpacing": "0px"
|
|
4479
|
+
},
|
|
4480
|
+
"type": "typography"
|
|
4481
|
+
}
|
|
4482
|
+
},
|
|
4483
|
+
"paragraphList": {
|
|
4484
|
+
"m": {
|
|
4485
|
+
"value": {
|
|
4486
|
+
"fontFamily": "Sage UI",
|
|
4487
|
+
"fontWeight": "Regular",
|
|
4488
|
+
"lineHeight": "150%",
|
|
4489
|
+
"fontSize": "14px",
|
|
4490
|
+
"letterSpacing": "0%",
|
|
4491
|
+
"paragraphSpacing": "0px"
|
|
4492
|
+
},
|
|
4493
|
+
"type": "typography"
|
|
4494
|
+
}
|
|
4495
|
+
},
|
|
4496
|
+
"title": {
|
|
4497
|
+
"m": {
|
|
4498
|
+
"value": {
|
|
4499
|
+
"fontFamily": "Sage UI",
|
|
4500
|
+
"fontWeight": "Bold",
|
|
4501
|
+
"lineHeight": "125%",
|
|
4502
|
+
"fontSize": "24px",
|
|
4503
|
+
"letterSpacing": "0%",
|
|
4504
|
+
"paragraphSpacing": "0px"
|
|
4505
|
+
},
|
|
4506
|
+
"type": "typography"
|
|
4507
|
+
}
|
|
4508
|
+
}
|
|
4442
4509
|
}
|
|
4443
4510
|
},
|
|
4444
4511
|
"opacity": {
|
|
@@ -10533,6 +10533,111 @@
|
|
|
10533
10533
|
n/a
|
|
10534
10534
|
</div>
|
|
10535
10535
|
|
|
10536
|
+
</td>
|
|
10537
|
+
</tr>
|
|
10538
|
+
<tr>
|
|
10539
|
+
<td class="with-icons is-vcentered"
|
|
10540
|
+
id="base-typographyNoteEditorNameM"
|
|
10541
|
+
title="theme: base; category: typography; group: note; name: editorName; variant: m; ">
|
|
10542
|
+
typographyNoteEditorNameM
|
|
10543
|
+
<a href="#base-typographyNoteEditorNameM"
|
|
10544
|
+
title="permalink"
|
|
10545
|
+
class="permalink">
|
|
10546
|
+
🔗
|
|
10547
|
+
</a>
|
|
10548
|
+
</td>
|
|
10549
|
+
<td class="is-vcentered">
|
|
10550
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
10551
|
+
</td>
|
|
10552
|
+
<td class="is-vcentered">
|
|
10553
|
+
<div class="table__typography-preview">
|
|
10554
|
+
n/a
|
|
10555
|
+
</div>
|
|
10556
|
+
|
|
10557
|
+
</td>
|
|
10558
|
+
</tr>
|
|
10559
|
+
<tr>
|
|
10560
|
+
<td class="with-icons is-vcentered"
|
|
10561
|
+
id="base-typographyNoteDateM"
|
|
10562
|
+
title="theme: base; category: typography; group: note; name: date; variant: m; ">
|
|
10563
|
+
typographyNoteDateM
|
|
10564
|
+
<a href="#base-typographyNoteDateM"
|
|
10565
|
+
title="permalink"
|
|
10566
|
+
class="permalink">
|
|
10567
|
+
🔗
|
|
10568
|
+
</a>
|
|
10569
|
+
</td>
|
|
10570
|
+
<td class="is-vcentered">
|
|
10571
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
10572
|
+
</td>
|
|
10573
|
+
<td class="is-vcentered">
|
|
10574
|
+
<div class="table__typography-preview">
|
|
10575
|
+
n/a
|
|
10576
|
+
</div>
|
|
10577
|
+
|
|
10578
|
+
</td>
|
|
10579
|
+
</tr>
|
|
10580
|
+
<tr>
|
|
10581
|
+
<td class="with-icons is-vcentered"
|
|
10582
|
+
id="base-typographyNoteParagraphM"
|
|
10583
|
+
title="theme: base; category: typography; group: note; name: paragraph; variant: m; ">
|
|
10584
|
+
typographyNoteParagraphM
|
|
10585
|
+
<a href="#base-typographyNoteParagraphM"
|
|
10586
|
+
title="permalink"
|
|
10587
|
+
class="permalink">
|
|
10588
|
+
🔗
|
|
10589
|
+
</a>
|
|
10590
|
+
</td>
|
|
10591
|
+
<td class="is-vcentered">
|
|
10592
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
10593
|
+
</td>
|
|
10594
|
+
<td class="is-vcentered">
|
|
10595
|
+
<div class="table__typography-preview">
|
|
10596
|
+
n/a
|
|
10597
|
+
</div>
|
|
10598
|
+
|
|
10599
|
+
</td>
|
|
10600
|
+
</tr>
|
|
10601
|
+
<tr>
|
|
10602
|
+
<td class="with-icons is-vcentered"
|
|
10603
|
+
id="base-typographyNoteParagraphListM"
|
|
10604
|
+
title="theme: base; category: typography; group: note; name: paragraphList; variant: m; ">
|
|
10605
|
+
typographyNoteParagraphListM
|
|
10606
|
+
<a href="#base-typographyNoteParagraphListM"
|
|
10607
|
+
title="permalink"
|
|
10608
|
+
class="permalink">
|
|
10609
|
+
🔗
|
|
10610
|
+
</a>
|
|
10611
|
+
</td>
|
|
10612
|
+
<td class="is-vcentered">
|
|
10613
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
10614
|
+
</td>
|
|
10615
|
+
<td class="is-vcentered">
|
|
10616
|
+
<div class="table__typography-preview">
|
|
10617
|
+
n/a
|
|
10618
|
+
</div>
|
|
10619
|
+
|
|
10620
|
+
</td>
|
|
10621
|
+
</tr>
|
|
10622
|
+
<tr>
|
|
10623
|
+
<td class="with-icons is-vcentered"
|
|
10624
|
+
id="base-typographyNoteTitleM"
|
|
10625
|
+
title="theme: base; category: typography; group: note; name: title; variant: m; ">
|
|
10626
|
+
typographyNoteTitleM
|
|
10627
|
+
<a href="#base-typographyNoteTitleM"
|
|
10628
|
+
title="permalink"
|
|
10629
|
+
class="permalink">
|
|
10630
|
+
🔗
|
|
10631
|
+
</a>
|
|
10632
|
+
</td>
|
|
10633
|
+
<td class="is-vcentered">
|
|
10634
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
10635
|
+
</td>
|
|
10636
|
+
<td class="is-vcentered">
|
|
10637
|
+
<div class="table__typography-preview">
|
|
10638
|
+
n/a
|
|
10639
|
+
</div>
|
|
10640
|
+
|
|
10536
10641
|
</td>
|
|
10537
10642
|
</tr>
|
|
10538
10643
|
</table>
|
|
@@ -3634,6 +3634,111 @@
|
|
|
3634
3634
|
n/a
|
|
3635
3635
|
</div>
|
|
3636
3636
|
|
|
3637
|
+
</td>
|
|
3638
|
+
</tr>
|
|
3639
|
+
<tr>
|
|
3640
|
+
<td class="with-icons is-vcentered"
|
|
3641
|
+
id="base-typographyNoteEditorNameM"
|
|
3642
|
+
title="theme: base; category: typography; group: note; name: editorName; variant: m; ">
|
|
3643
|
+
typographyNoteEditorNameM
|
|
3644
|
+
<a href="#base-typographyNoteEditorNameM"
|
|
3645
|
+
title="permalink"
|
|
3646
|
+
class="permalink">
|
|
3647
|
+
🔗
|
|
3648
|
+
</a>
|
|
3649
|
+
</td>
|
|
3650
|
+
<td class="is-vcentered">
|
|
3651
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
3652
|
+
</td>
|
|
3653
|
+
<td class="is-vcentered">
|
|
3654
|
+
<div class="table__typography-preview">
|
|
3655
|
+
n/a
|
|
3656
|
+
</div>
|
|
3657
|
+
|
|
3658
|
+
</td>
|
|
3659
|
+
</tr>
|
|
3660
|
+
<tr>
|
|
3661
|
+
<td class="with-icons is-vcentered"
|
|
3662
|
+
id="base-typographyNoteDateM"
|
|
3663
|
+
title="theme: base; category: typography; group: note; name: date; variant: m; ">
|
|
3664
|
+
typographyNoteDateM
|
|
3665
|
+
<a href="#base-typographyNoteDateM"
|
|
3666
|
+
title="permalink"
|
|
3667
|
+
class="permalink">
|
|
3668
|
+
🔗
|
|
3669
|
+
</a>
|
|
3670
|
+
</td>
|
|
3671
|
+
<td class="is-vcentered">
|
|
3672
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
3673
|
+
</td>
|
|
3674
|
+
<td class="is-vcentered">
|
|
3675
|
+
<div class="table__typography-preview">
|
|
3676
|
+
n/a
|
|
3677
|
+
</div>
|
|
3678
|
+
|
|
3679
|
+
</td>
|
|
3680
|
+
</tr>
|
|
3681
|
+
<tr>
|
|
3682
|
+
<td class="with-icons is-vcentered"
|
|
3683
|
+
id="base-typographyNoteParagraphM"
|
|
3684
|
+
title="theme: base; category: typography; group: note; name: paragraph; variant: m; ">
|
|
3685
|
+
typographyNoteParagraphM
|
|
3686
|
+
<a href="#base-typographyNoteParagraphM"
|
|
3687
|
+
title="permalink"
|
|
3688
|
+
class="permalink">
|
|
3689
|
+
🔗
|
|
3690
|
+
</a>
|
|
3691
|
+
</td>
|
|
3692
|
+
<td class="is-vcentered">
|
|
3693
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
3694
|
+
</td>
|
|
3695
|
+
<td class="is-vcentered">
|
|
3696
|
+
<div class="table__typography-preview">
|
|
3697
|
+
n/a
|
|
3698
|
+
</div>
|
|
3699
|
+
|
|
3700
|
+
</td>
|
|
3701
|
+
</tr>
|
|
3702
|
+
<tr>
|
|
3703
|
+
<td class="with-icons is-vcentered"
|
|
3704
|
+
id="base-typographyNoteParagraphListM"
|
|
3705
|
+
title="theme: base; category: typography; group: note; name: paragraphList; variant: m; ">
|
|
3706
|
+
typographyNoteParagraphListM
|
|
3707
|
+
<a href="#base-typographyNoteParagraphListM"
|
|
3708
|
+
title="permalink"
|
|
3709
|
+
class="permalink">
|
|
3710
|
+
🔗
|
|
3711
|
+
</a>
|
|
3712
|
+
</td>
|
|
3713
|
+
<td class="is-vcentered">
|
|
3714
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
3715
|
+
</td>
|
|
3716
|
+
<td class="is-vcentered">
|
|
3717
|
+
<div class="table__typography-preview">
|
|
3718
|
+
n/a
|
|
3719
|
+
</div>
|
|
3720
|
+
|
|
3721
|
+
</td>
|
|
3722
|
+
</tr>
|
|
3723
|
+
<tr>
|
|
3724
|
+
<td class="with-icons is-vcentered"
|
|
3725
|
+
id="base-typographyNoteTitleM"
|
|
3726
|
+
title="theme: base; category: typography; group: note; name: title; variant: m; ">
|
|
3727
|
+
typographyNoteTitleM
|
|
3728
|
+
<a href="#base-typographyNoteTitleM"
|
|
3729
|
+
title="permalink"
|
|
3730
|
+
class="permalink">
|
|
3731
|
+
🔗
|
|
3732
|
+
</a>
|
|
3733
|
+
</td>
|
|
3734
|
+
<td class="is-vcentered">
|
|
3735
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
3736
|
+
</td>
|
|
3737
|
+
<td class="is-vcentered">
|
|
3738
|
+
<div class="table__typography-preview">
|
|
3739
|
+
n/a
|
|
3740
|
+
</div>
|
|
3741
|
+
|
|
3637
3742
|
</td>
|
|
3638
3743
|
</tr>
|
|
3639
3744
|
</table>
|
package/docs/tokens/index.html
CHANGED
|
@@ -13051,6 +13051,111 @@
|
|
|
13051
13051
|
n/a
|
|
13052
13052
|
</div>
|
|
13053
13053
|
|
|
13054
|
+
</td>
|
|
13055
|
+
</tr>
|
|
13056
|
+
<tr>
|
|
13057
|
+
<td class="with-icons is-vcentered"
|
|
13058
|
+
id="base-typographyNoteEditorNameM"
|
|
13059
|
+
title="theme: base; category: typography; group: note; name: editorName; variant: m; ">
|
|
13060
|
+
typographyNoteEditorNameM
|
|
13061
|
+
<a href="#base-typographyNoteEditorNameM"
|
|
13062
|
+
title="permalink"
|
|
13063
|
+
class="permalink">
|
|
13064
|
+
🔗
|
|
13065
|
+
</a>
|
|
13066
|
+
</td>
|
|
13067
|
+
<td class="is-vcentered">
|
|
13068
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
13069
|
+
</td>
|
|
13070
|
+
<td class="is-vcentered">
|
|
13071
|
+
<div class="table__typography-preview">
|
|
13072
|
+
n/a
|
|
13073
|
+
</div>
|
|
13074
|
+
|
|
13075
|
+
</td>
|
|
13076
|
+
</tr>
|
|
13077
|
+
<tr>
|
|
13078
|
+
<td class="with-icons is-vcentered"
|
|
13079
|
+
id="base-typographyNoteDateM"
|
|
13080
|
+
title="theme: base; category: typography; group: note; name: date; variant: m; ">
|
|
13081
|
+
typographyNoteDateM
|
|
13082
|
+
<a href="#base-typographyNoteDateM"
|
|
13083
|
+
title="permalink"
|
|
13084
|
+
class="permalink">
|
|
13085
|
+
🔗
|
|
13086
|
+
</a>
|
|
13087
|
+
</td>
|
|
13088
|
+
<td class="is-vcentered">
|
|
13089
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
13090
|
+
</td>
|
|
13091
|
+
<td class="is-vcentered">
|
|
13092
|
+
<div class="table__typography-preview">
|
|
13093
|
+
n/a
|
|
13094
|
+
</div>
|
|
13095
|
+
|
|
13096
|
+
</td>
|
|
13097
|
+
</tr>
|
|
13098
|
+
<tr>
|
|
13099
|
+
<td class="with-icons is-vcentered"
|
|
13100
|
+
id="base-typographyNoteParagraphM"
|
|
13101
|
+
title="theme: base; category: typography; group: note; name: paragraph; variant: m; ">
|
|
13102
|
+
typographyNoteParagraphM
|
|
13103
|
+
<a href="#base-typographyNoteParagraphM"
|
|
13104
|
+
title="permalink"
|
|
13105
|
+
class="permalink">
|
|
13106
|
+
🔗
|
|
13107
|
+
</a>
|
|
13108
|
+
</td>
|
|
13109
|
+
<td class="is-vcentered">
|
|
13110
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
13111
|
+
</td>
|
|
13112
|
+
<td class="is-vcentered">
|
|
13113
|
+
<div class="table__typography-preview">
|
|
13114
|
+
n/a
|
|
13115
|
+
</div>
|
|
13116
|
+
|
|
13117
|
+
</td>
|
|
13118
|
+
</tr>
|
|
13119
|
+
<tr>
|
|
13120
|
+
<td class="with-icons is-vcentered"
|
|
13121
|
+
id="base-typographyNoteParagraphListM"
|
|
13122
|
+
title="theme: base; category: typography; group: note; name: paragraphList; variant: m; ">
|
|
13123
|
+
typographyNoteParagraphListM
|
|
13124
|
+
<a href="#base-typographyNoteParagraphListM"
|
|
13125
|
+
title="permalink"
|
|
13126
|
+
class="permalink">
|
|
13127
|
+
🔗
|
|
13128
|
+
</a>
|
|
13129
|
+
</td>
|
|
13130
|
+
<td class="is-vcentered">
|
|
13131
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
13132
|
+
</td>
|
|
13133
|
+
<td class="is-vcentered">
|
|
13134
|
+
<div class="table__typography-preview">
|
|
13135
|
+
n/a
|
|
13136
|
+
</div>
|
|
13137
|
+
|
|
13138
|
+
</td>
|
|
13139
|
+
</tr>
|
|
13140
|
+
<tr>
|
|
13141
|
+
<td class="with-icons is-vcentered"
|
|
13142
|
+
id="base-typographyNoteTitleM"
|
|
13143
|
+
title="theme: base; category: typography; group: note; name: title; variant: m; ">
|
|
13144
|
+
typographyNoteTitleM
|
|
13145
|
+
<a href="#base-typographyNoteTitleM"
|
|
13146
|
+
title="permalink"
|
|
13147
|
+
class="permalink">
|
|
13148
|
+
🔗
|
|
13149
|
+
</a>
|
|
13150
|
+
</td>
|
|
13151
|
+
<td class="is-vcentered">
|
|
13152
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
13153
|
+
</td>
|
|
13154
|
+
<td class="is-vcentered">
|
|
13155
|
+
<div class="table__typography-preview">
|
|
13156
|
+
n/a
|
|
13157
|
+
</div>
|
|
13158
|
+
|
|
13054
13159
|
</td>
|
|
13055
13160
|
</tr>
|
|
13056
13161
|
</table>
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Fri, 31 Mar 2023 12:52:16 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -491,6 +491,11 @@
|
|
|
491
491
|
#define typographyTileSubscriptionPriceM Medium 16px/150% Sage UI
|
|
492
492
|
#define typographyTooltipTextM Regular 14px/150% Sage UI
|
|
493
493
|
#define typographyTooltipTextL Regular 16px/150% Sage UI
|
|
494
|
+
#define typographyNoteEditorNameM Medium 14px/150% Sage UI
|
|
495
|
+
#define typographyNoteDateM Regular 14px/150% Sage UI
|
|
496
|
+
#define typographyNoteParagraphM Regular 14px/150% Sage UI
|
|
497
|
+
#define typographyNoteParagraphListM Regular 14px/150% Sage UI
|
|
498
|
+
#define typographyNoteTitleM Bold 24px/125% Sage UI
|
|
494
499
|
#define opacity300 0.3
|
|
495
500
|
#define opacity600 0.6
|
|
496
501
|
#define opacity800 0.8
|
package/ios/dashboard/darkMode.h
CHANGED
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -479,6 +479,11 @@ export const typographyTileSubscriptionParagraphBoldM: string;
|
|
|
479
479
|
export const typographyTileSubscriptionPriceM: string;
|
|
480
480
|
export const typographyTooltipTextM: string;
|
|
481
481
|
export const typographyTooltipTextL: string;
|
|
482
|
+
export const typographyNoteEditorNameM: string;
|
|
483
|
+
export const typographyNoteDateM: string;
|
|
484
|
+
export const typographyNoteParagraphM: string;
|
|
485
|
+
export const typographyNoteParagraphListM: string;
|
|
486
|
+
export const typographyNoteTitleM: string;
|
|
482
487
|
export const opacity300: string;
|
|
483
488
|
export const opacity600: string;
|
|
484
489
|
export const opacity800: 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
|
|
7
|
+
* Generated on Fri, 31 Mar 2023 12:52:15 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -489,6 +489,11 @@ module.exports = {
|
|
|
489
489
|
typographyTileSubscriptionPriceM: '500 16px/150% Sage UI',
|
|
490
490
|
typographyTooltipTextM: '400 14px/150% Sage UI',
|
|
491
491
|
typographyTooltipTextL: '400 16px/150% Sage UI',
|
|
492
|
+
typographyNoteEditorNameM: '500 14px/150% Sage UI',
|
|
493
|
+
typographyNoteDateM: '400 14px/150% Sage UI',
|
|
494
|
+
typographyNoteParagraphM: '400 14px/150% Sage UI',
|
|
495
|
+
typographyNoteParagraphListM: '400 14px/150% Sage UI',
|
|
496
|
+
typographyNoteTitleM: '700 24px/125% Sage UI',
|
|
492
497
|
opacity300: '0.3',
|
|
493
498
|
opacity600: '0.6',
|
|
494
499
|
opacity800: '0.8'
|
package/js/base/es6.d.ts
CHANGED
|
@@ -480,6 +480,11 @@ declare namespace _default {
|
|
|
480
480
|
const typographyTileSubscriptionPriceM: string;
|
|
481
481
|
const typographyTooltipTextM: string;
|
|
482
482
|
const typographyTooltipTextL: string;
|
|
483
|
+
const typographyNoteEditorNameM: string;
|
|
484
|
+
const typographyNoteDateM: string;
|
|
485
|
+
const typographyNoteParagraphM: string;
|
|
486
|
+
const typographyNoteParagraphListM: string;
|
|
487
|
+
const typographyNoteTitleM: string;
|
|
483
488
|
const opacity300: string;
|
|
484
489
|
const opacity600: string;
|
|
485
490
|
const opacity800: string;
|
package/js/base/es6.js
CHANGED
|
@@ -484,6 +484,11 @@ export default {
|
|
|
484
484
|
typographyTileSubscriptionPriceM: '500 16px/150% Sage UI',
|
|
485
485
|
typographyTooltipTextM: '400 14px/150% Sage UI',
|
|
486
486
|
typographyTooltipTextL: '400 16px/150% Sage UI',
|
|
487
|
+
typographyNoteEditorNameM: '500 14px/150% Sage UI',
|
|
488
|
+
typographyNoteDateM: '400 14px/150% Sage UI',
|
|
489
|
+
typographyNoteParagraphM: '400 14px/150% Sage UI',
|
|
490
|
+
typographyNoteParagraphListM: '400 14px/150% Sage UI',
|
|
491
|
+
typographyNoteTitleM: '700 24px/125% Sage UI',
|
|
487
492
|
opacity300: '0.3',
|
|
488
493
|
opacity600: '0.6',
|
|
489
494
|
opacity800: '0.8'
|
package/js/origin/common.js
CHANGED
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": "4.
|
|
9
|
+
"version": "4.17.0",
|
|
10
10
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
11
11
|
"tags": [
|
|
12
12
|
"design tokens",
|
|
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
|
|
7
|
+
// Generated on Fri, 31 Mar 2023 12:52:16 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -487,6 +487,11 @@ $typographyTileSubscriptionParagraphBoldM: 500 14px/150% Sage UI;
|
|
|
487
487
|
$typographyTileSubscriptionPriceM: 500 16px/150% Sage UI;
|
|
488
488
|
$typographyTooltipTextM: 400 14px/150% Sage UI;
|
|
489
489
|
$typographyTooltipTextL: 400 16px/150% Sage UI;
|
|
490
|
+
$typographyNoteEditorNameM: 500 14px/150% Sage UI;
|
|
491
|
+
$typographyNoteDateM: 400 14px/150% Sage UI;
|
|
492
|
+
$typographyNoteParagraphM: 400 14px/150% Sage UI;
|
|
493
|
+
$typographyNoteParagraphListM: 400 14px/150% Sage UI;
|
|
494
|
+
$typographyNoteTitleM: 700 24px/125% Sage UI;
|
|
490
495
|
$opacity300: 0.3;
|
|
491
496
|
$opacity600: 0.6;
|
|
492
497
|
$opacity800: 0.8;
|
|
@@ -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
|
|
7
|
+
// Generated on Fri, 31 Mar 2023 12:52:16 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Dark-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -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
|
|
7
|
+
// Generated on Fri, 31 Mar 2023 12:52:16 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Light-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
package/scss/origin.scss
CHANGED
|
Binary file
|