@sage/design-tokens 4.25.0 → 4.26.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 +8 -7
- package/android/dashboard/darkMode.xml +1 -1
- package/android/dashboard/lightMode.xml +1 -1
- package/android/origin.xml +1 -1
- package/css/base.css +8 -7
- package/css/dashboard/darkMode.css +1 -1
- package/css/dashboard/lightMode.css +1 -1
- package/css/origin.css +1 -1
- package/data/tokens.json +26 -15
- package/docs/tokens/base/colors/index.html +0 -42
- package/docs/tokens/base/index.html +67 -46
- package/docs/tokens/base/sizing/index.html +42 -0
- package/docs/tokens/base/typography/index.html +25 -4
- package/docs/tokens/index.html +67 -46
- package/ios/base.h +8 -7
- 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 +3 -2
- package/js/base/common.js +8 -7
- package/js/base/es6.d.ts +3 -2
- package/js/base/es6.js +7 -6
- 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.26.0.tgz +0 -0
- package/scss/base.scss +8 -7
- 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.25.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 Tue, 24 Oct 2023 12:00:54 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -22,13 +22,11 @@
|
|
|
22
22
|
<string name="colorsUtilityMajor075">#d9e0e4ff</string>
|
|
23
23
|
<string name="colorsUtilityMajorTransparent">#00000000</string>
|
|
24
24
|
<string name="colorsUtilityYin100">#000000ff</string>
|
|
25
|
-
<string name="colorsUtilityYin010">#0000001a</string>
|
|
26
25
|
<string name="colorsUtilityYin030">#0000004d</string>
|
|
27
26
|
<string name="colorsUtilityYin055">#0000008c</string>
|
|
28
27
|
<string name="colorsUtilityYin065">#000000a6</string>
|
|
29
28
|
<string name="colorsUtilityYin090">#000000e6</string>
|
|
30
29
|
<string name="colorsUtilityYang100">#ffffffff</string>
|
|
31
|
-
<string name="colorsUtilityYang030">#ffffff4d</string>
|
|
32
30
|
<string name="colorsUtilityYang080">#ffffffcc</string>
|
|
33
31
|
<string name="colorsUtilityDisabled400">#f2f5f6ff</string>
|
|
34
32
|
<string name="colorsUtilityDisabled500">#e6ebedff</string>
|
|
@@ -254,8 +252,10 @@
|
|
|
254
252
|
<string name="sizing800">64px</string>
|
|
255
253
|
<string name="sizing900">72px</string>
|
|
256
254
|
<string name="sizing1000">80px</string>
|
|
255
|
+
<string name="sizing1100">88px</string>
|
|
257
256
|
<string name="sizing1200">96px</string>
|
|
258
257
|
<string name="sizing1300">104px</string>
|
|
258
|
+
<string name="sizing1500">120px</string>
|
|
259
259
|
<string name="sizing1600">128px</string>
|
|
260
260
|
<string name="sizing010">1px</string>
|
|
261
261
|
<string name="sizing025">2px</string>
|
|
@@ -417,10 +417,11 @@
|
|
|
417
417
|
<string name="typographyLinkTextFocusS">Regular 12px/150% Sage UI</string>
|
|
418
418
|
<string name="typographyLinkTextFocusM">Regular 14px/150% Sage UI</string>
|
|
419
419
|
<string name="typographyLinkTextFocusL">Regular 16px/150% Sage UI</string>
|
|
420
|
-
<string name="
|
|
421
|
-
<string name="
|
|
422
|
-
<string name="
|
|
423
|
-
<string name="
|
|
420
|
+
<string name="typographyLoaderMessageXs">Medium 14px/150% Sage UI</string>
|
|
421
|
+
<string name="typographyLoaderMessageS">Medium 14px/150% Sage UI</string>
|
|
422
|
+
<string name="typographyLoaderMessageM">Medium 14px/150% Sage UI</string>
|
|
423
|
+
<string name="typographyLoaderMessageL">Medium 14px/150% Sage UI</string>
|
|
424
|
+
<string name="typographyLoaderMessageXl">Medium 16px/150% Sage UI</string>
|
|
424
425
|
<string name="typographyMenuLabelM">Medium 14px/150% Sage UI</string>
|
|
425
426
|
<string name="typographyMenuLabelL">Medium 16px/150% Sage UI</string>
|
|
426
427
|
<string name="typographyMenuSegmentTitleM">Medium 14px/150% Sage UI</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 Tue, 24 Oct 2023 12:00:54 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -25,13 +25,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
25
25
|
--colorsUtilityMajor075: #d9e0e4ff;
|
|
26
26
|
--colorsUtilityMajorTransparent: #00000000;
|
|
27
27
|
--colorsUtilityYin100: #000000ff;
|
|
28
|
-
--colorsUtilityYin010: #0000001a;
|
|
29
28
|
--colorsUtilityYin030: #0000004d;
|
|
30
29
|
--colorsUtilityYin055: #0000008c;
|
|
31
30
|
--colorsUtilityYin065: #000000a6;
|
|
32
31
|
--colorsUtilityYin090: #000000e6;
|
|
33
32
|
--colorsUtilityYang100: #ffffffff;
|
|
34
|
-
--colorsUtilityYang030: #ffffff4d;
|
|
35
33
|
--colorsUtilityYang080: #ffffffcc;
|
|
36
34
|
--colorsUtilityDisabled400: #f2f5f6ff;
|
|
37
35
|
--colorsUtilityDisabled500: #e6ebedff;
|
|
@@ -257,8 +255,10 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
257
255
|
--sizing800: 64px;
|
|
258
256
|
--sizing900: 72px;
|
|
259
257
|
--sizing1000: 80px;
|
|
258
|
+
--sizing1100: 88px;
|
|
260
259
|
--sizing1200: 96px;
|
|
261
260
|
--sizing1300: 104px;
|
|
261
|
+
--sizing1500: 120px;
|
|
262
262
|
--sizing1600: 128px;
|
|
263
263
|
--sizing010: 1px;
|
|
264
264
|
--sizing025: 2px;
|
|
@@ -420,10 +420,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
420
420
|
--typographyLinkTextFocusS: 400 12px/150% Sage UI;
|
|
421
421
|
--typographyLinkTextFocusM: 400 14px/150% Sage UI;
|
|
422
422
|
--typographyLinkTextFocusL: 400 16px/150% Sage UI;
|
|
423
|
-
--
|
|
424
|
-
--
|
|
425
|
-
--
|
|
426
|
-
--
|
|
423
|
+
--typographyLoaderMessageXs: 500 14px/150% Sage UI;
|
|
424
|
+
--typographyLoaderMessageS: 500 14px/150% Sage UI;
|
|
425
|
+
--typographyLoaderMessageM: 500 14px/150% Sage UI;
|
|
426
|
+
--typographyLoaderMessageL: 500 14px/150% Sage UI;
|
|
427
|
+
--typographyLoaderMessageXl: 500 16px/150% Sage UI;
|
|
427
428
|
--typographyMenuLabelM: 500 14px/150% Sage UI;
|
|
428
429
|
--typographyMenuLabelL: 500 16px/150% Sage UI;
|
|
429
430
|
--typographyMenuSegmentTitleM: 500 14px/150% Sage UI;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -704,11 +704,6 @@
|
|
|
704
704
|
"type": "color",
|
|
705
705
|
"description": "NOT for text"
|
|
706
706
|
},
|
|
707
|
-
"010": {
|
|
708
|
-
"value": "#0000001a",
|
|
709
|
-
"type": "color",
|
|
710
|
-
"description": "subtle outline element divider on light surface"
|
|
711
|
-
},
|
|
712
707
|
"030": {
|
|
713
708
|
"value": "#0000004d",
|
|
714
709
|
"type": "color"
|
|
@@ -731,11 +726,6 @@
|
|
|
731
726
|
"value": "#ffffffff",
|
|
732
727
|
"type": "color"
|
|
733
728
|
},
|
|
734
|
-
"030": {
|
|
735
|
-
"value": "#ffffff4d",
|
|
736
|
-
"type": "color",
|
|
737
|
-
"description": "subtle outline element divider on dark surface"
|
|
738
|
-
},
|
|
739
729
|
"080": {
|
|
740
730
|
"value": "#ffffffcc",
|
|
741
731
|
"type": "color",
|
|
@@ -1879,6 +1869,10 @@
|
|
|
1879
1869
|
"value": "80px",
|
|
1880
1870
|
"type": "sizing"
|
|
1881
1871
|
},
|
|
1872
|
+
"1100": {
|
|
1873
|
+
"value": "88px",
|
|
1874
|
+
"type": "sizing"
|
|
1875
|
+
},
|
|
1882
1876
|
"1200": {
|
|
1883
1877
|
"value": "96px",
|
|
1884
1878
|
"type": "sizing"
|
|
@@ -1887,6 +1881,10 @@
|
|
|
1887
1881
|
"value": "104px",
|
|
1888
1882
|
"type": "sizing"
|
|
1889
1883
|
},
|
|
1884
|
+
"1500": {
|
|
1885
|
+
"value": "120px",
|
|
1886
|
+
"type": "sizing"
|
|
1887
|
+
},
|
|
1890
1888
|
"1600": {
|
|
1891
1889
|
"value": "128px",
|
|
1892
1890
|
"type": "sizing"
|
|
@@ -3423,10 +3421,23 @@
|
|
|
3423
3421
|
},
|
|
3424
3422
|
"loader": {
|
|
3425
3423
|
"message": {
|
|
3424
|
+
"xs": {
|
|
3425
|
+
"value": {
|
|
3426
|
+
"fontFamily": "Sage UI",
|
|
3427
|
+
"fontWeight": "Medium",
|
|
3428
|
+
"lineHeight": "150%",
|
|
3429
|
+
"fontSize": "14px",
|
|
3430
|
+
"letterSpacing": "0%",
|
|
3431
|
+
"paragraphSpacing": "0",
|
|
3432
|
+
"textDecoration": "none",
|
|
3433
|
+
"textCase": "none"
|
|
3434
|
+
},
|
|
3435
|
+
"type": "typography"
|
|
3436
|
+
},
|
|
3426
3437
|
"s": {
|
|
3427
3438
|
"value": {
|
|
3428
3439
|
"fontFamily": "Sage UI",
|
|
3429
|
-
"fontWeight": "
|
|
3440
|
+
"fontWeight": "Medium",
|
|
3430
3441
|
"lineHeight": "150%",
|
|
3431
3442
|
"fontSize": "14px",
|
|
3432
3443
|
"letterSpacing": "0%",
|
|
@@ -3439,7 +3450,7 @@
|
|
|
3439
3450
|
"m": {
|
|
3440
3451
|
"value": {
|
|
3441
3452
|
"fontFamily": "Sage UI",
|
|
3442
|
-
"fontWeight": "
|
|
3453
|
+
"fontWeight": "Medium",
|
|
3443
3454
|
"lineHeight": "150%",
|
|
3444
3455
|
"fontSize": "14px",
|
|
3445
3456
|
"letterSpacing": "0%",
|
|
@@ -3452,7 +3463,7 @@
|
|
|
3452
3463
|
"l": {
|
|
3453
3464
|
"value": {
|
|
3454
3465
|
"fontFamily": "Sage UI",
|
|
3455
|
-
"fontWeight": "
|
|
3466
|
+
"fontWeight": "Medium",
|
|
3456
3467
|
"lineHeight": "150%",
|
|
3457
3468
|
"fontSize": "14px",
|
|
3458
3469
|
"letterSpacing": "0%",
|
|
@@ -3465,9 +3476,9 @@
|
|
|
3465
3476
|
"xl": {
|
|
3466
3477
|
"value": {
|
|
3467
3478
|
"fontFamily": "Sage UI",
|
|
3468
|
-
"fontWeight": "
|
|
3479
|
+
"fontWeight": "Medium",
|
|
3469
3480
|
"lineHeight": "150%",
|
|
3470
|
-
"fontSize": "
|
|
3481
|
+
"fontSize": "16px",
|
|
3471
3482
|
"letterSpacing": "0%",
|
|
3472
3483
|
"paragraphSpacing": "0",
|
|
3473
3484
|
"textDecoration": "none",
|
|
@@ -612,27 +612,6 @@
|
|
|
612
612
|
|
|
613
613
|
</td>
|
|
614
614
|
</tr>
|
|
615
|
-
<tr>
|
|
616
|
-
<td class="with-icons is-vcentered"
|
|
617
|
-
id="base-colorsUtilityYin010"
|
|
618
|
-
title="theme: base; category: colors; group: utility; name: yin; variant: 010; ">
|
|
619
|
-
colorsUtilityYin010
|
|
620
|
-
<a href="#base-colorsUtilityYin010"
|
|
621
|
-
title="permalink"
|
|
622
|
-
class="permalink">
|
|
623
|
-
🔗
|
|
624
|
-
</a>
|
|
625
|
-
</td>
|
|
626
|
-
<td class="is-vcentered">
|
|
627
|
-
<pre>#0000001a</pre>
|
|
628
|
-
</td>
|
|
629
|
-
<td class="is-vcentered">
|
|
630
|
-
<div class="table__color-preview"
|
|
631
|
-
style="background-color: #0000001a;">
|
|
632
|
-
</div>
|
|
633
|
-
|
|
634
|
-
</td>
|
|
635
|
-
</tr>
|
|
636
615
|
<tr>
|
|
637
616
|
<td class="with-icons is-vcentered"
|
|
638
617
|
id="base-colorsUtilityYin030"
|
|
@@ -738,27 +717,6 @@
|
|
|
738
717
|
|
|
739
718
|
</td>
|
|
740
719
|
</tr>
|
|
741
|
-
<tr>
|
|
742
|
-
<td class="with-icons is-vcentered"
|
|
743
|
-
id="base-colorsUtilityYang030"
|
|
744
|
-
title="theme: base; category: colors; group: utility; name: yang; variant: 030; ">
|
|
745
|
-
colorsUtilityYang030
|
|
746
|
-
<a href="#base-colorsUtilityYang030"
|
|
747
|
-
title="permalink"
|
|
748
|
-
class="permalink">
|
|
749
|
-
🔗
|
|
750
|
-
</a>
|
|
751
|
-
</td>
|
|
752
|
-
<td class="is-vcentered">
|
|
753
|
-
<pre>#ffffff4d</pre>
|
|
754
|
-
</td>
|
|
755
|
-
<td class="is-vcentered">
|
|
756
|
-
<div class="table__color-preview"
|
|
757
|
-
style="background-color: #ffffff4d;">
|
|
758
|
-
</div>
|
|
759
|
-
|
|
760
|
-
</td>
|
|
761
|
-
</tr>
|
|
762
720
|
<tr>
|
|
763
721
|
<td class="with-icons is-vcentered"
|
|
764
722
|
id="base-colorsUtilityYang080"
|
|
@@ -608,27 +608,6 @@
|
|
|
608
608
|
|
|
609
609
|
</td>
|
|
610
610
|
</tr>
|
|
611
|
-
<tr>
|
|
612
|
-
<td class="with-icons is-vcentered"
|
|
613
|
-
id="base-colorsUtilityYin010"
|
|
614
|
-
title="theme: base; category: colors; group: utility; name: yin; variant: 010; ">
|
|
615
|
-
colorsUtilityYin010
|
|
616
|
-
<a href="#base-colorsUtilityYin010"
|
|
617
|
-
title="permalink"
|
|
618
|
-
class="permalink">
|
|
619
|
-
🔗
|
|
620
|
-
</a>
|
|
621
|
-
</td>
|
|
622
|
-
<td class="is-vcentered">
|
|
623
|
-
<pre>#0000001a</pre>
|
|
624
|
-
</td>
|
|
625
|
-
<td class="is-vcentered">
|
|
626
|
-
<div class="table__color-preview"
|
|
627
|
-
style="background-color: #0000001a;">
|
|
628
|
-
</div>
|
|
629
|
-
|
|
630
|
-
</td>
|
|
631
|
-
</tr>
|
|
632
611
|
<tr>
|
|
633
612
|
<td class="with-icons is-vcentered"
|
|
634
613
|
id="base-colorsUtilityYin030"
|
|
@@ -734,27 +713,6 @@
|
|
|
734
713
|
|
|
735
714
|
</td>
|
|
736
715
|
</tr>
|
|
737
|
-
<tr>
|
|
738
|
-
<td class="with-icons is-vcentered"
|
|
739
|
-
id="base-colorsUtilityYang030"
|
|
740
|
-
title="theme: base; category: colors; group: utility; name: yang; variant: 030; ">
|
|
741
|
-
colorsUtilityYang030
|
|
742
|
-
<a href="#base-colorsUtilityYang030"
|
|
743
|
-
title="permalink"
|
|
744
|
-
class="permalink">
|
|
745
|
-
🔗
|
|
746
|
-
</a>
|
|
747
|
-
</td>
|
|
748
|
-
<td class="is-vcentered">
|
|
749
|
-
<pre>#ffffff4d</pre>
|
|
750
|
-
</td>
|
|
751
|
-
<td class="is-vcentered">
|
|
752
|
-
<div class="table__color-preview"
|
|
753
|
-
style="background-color: #ffffff4d;">
|
|
754
|
-
</div>
|
|
755
|
-
|
|
756
|
-
</td>
|
|
757
|
-
</tr>
|
|
758
716
|
<tr>
|
|
759
717
|
<td class="with-icons is-vcentered"
|
|
760
718
|
id="base-colorsUtilityYang080"
|
|
@@ -5497,6 +5455,27 @@
|
|
|
5497
5455
|
|
|
5498
5456
|
</td>
|
|
5499
5457
|
</tr>
|
|
5458
|
+
<tr>
|
|
5459
|
+
<td class="with-icons is-vcentered"
|
|
5460
|
+
id="base-sizing1100"
|
|
5461
|
+
title="theme: base; category: sizing; variant: 1100; ">
|
|
5462
|
+
sizing1100
|
|
5463
|
+
<a href="#base-sizing1100"
|
|
5464
|
+
title="permalink"
|
|
5465
|
+
class="permalink">
|
|
5466
|
+
🔗
|
|
5467
|
+
</a>
|
|
5468
|
+
</td>
|
|
5469
|
+
<td class="is-vcentered">
|
|
5470
|
+
<pre>88px</pre>
|
|
5471
|
+
</td>
|
|
5472
|
+
<td class="is-vcentered">
|
|
5473
|
+
<div class="table__sizing-preview"
|
|
5474
|
+
style="width: 88px; height: 88px">
|
|
5475
|
+
</div>
|
|
5476
|
+
|
|
5477
|
+
</td>
|
|
5478
|
+
</tr>
|
|
5500
5479
|
<tr>
|
|
5501
5480
|
<td class="with-icons is-vcentered"
|
|
5502
5481
|
id="base-sizing1200"
|
|
@@ -5539,6 +5518,27 @@
|
|
|
5539
5518
|
|
|
5540
5519
|
</td>
|
|
5541
5520
|
</tr>
|
|
5521
|
+
<tr>
|
|
5522
|
+
<td class="with-icons is-vcentered"
|
|
5523
|
+
id="base-sizing1500"
|
|
5524
|
+
title="theme: base; category: sizing; variant: 1500; ">
|
|
5525
|
+
sizing1500
|
|
5526
|
+
<a href="#base-sizing1500"
|
|
5527
|
+
title="permalink"
|
|
5528
|
+
class="permalink">
|
|
5529
|
+
🔗
|
|
5530
|
+
</a>
|
|
5531
|
+
</td>
|
|
5532
|
+
<td class="is-vcentered">
|
|
5533
|
+
<pre>120px</pre>
|
|
5534
|
+
</td>
|
|
5535
|
+
<td class="is-vcentered">
|
|
5536
|
+
<div class="table__sizing-preview"
|
|
5537
|
+
style="width: 120px; height: 120px">
|
|
5538
|
+
</div>
|
|
5539
|
+
|
|
5540
|
+
</td>
|
|
5541
|
+
</tr>
|
|
5542
5542
|
<tr>
|
|
5543
5543
|
<td class="with-icons is-vcentered"
|
|
5544
5544
|
id="base-sizing1600"
|
|
@@ -9086,6 +9086,27 @@
|
|
|
9086
9086
|
|
|
9087
9087
|
</td>
|
|
9088
9088
|
</tr>
|
|
9089
|
+
<tr>
|
|
9090
|
+
<td class="with-icons is-vcentered"
|
|
9091
|
+
id="base-typographyLoaderMessageXs"
|
|
9092
|
+
title="theme: base; category: typography; group: loader; name: message; variant: xs; ">
|
|
9093
|
+
typographyLoaderMessageXs
|
|
9094
|
+
<a href="#base-typographyLoaderMessageXs"
|
|
9095
|
+
title="permalink"
|
|
9096
|
+
class="permalink">
|
|
9097
|
+
🔗
|
|
9098
|
+
</a>
|
|
9099
|
+
</td>
|
|
9100
|
+
<td class="is-vcentered">
|
|
9101
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
9102
|
+
</td>
|
|
9103
|
+
<td class="is-vcentered">
|
|
9104
|
+
<div class="table__typography-preview">
|
|
9105
|
+
n/a
|
|
9106
|
+
</div>
|
|
9107
|
+
|
|
9108
|
+
</td>
|
|
9109
|
+
</tr>
|
|
9089
9110
|
<tr>
|
|
9090
9111
|
<td class="with-icons is-vcentered"
|
|
9091
9112
|
id="base-typographyLoaderMessageS"
|
|
@@ -9098,7 +9119,7 @@
|
|
|
9098
9119
|
</a>
|
|
9099
9120
|
</td>
|
|
9100
9121
|
<td class="is-vcentered">
|
|
9101
|
-
<pre>
|
|
9122
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
9102
9123
|
</td>
|
|
9103
9124
|
<td class="is-vcentered">
|
|
9104
9125
|
<div class="table__typography-preview">
|
|
@@ -9119,7 +9140,7 @@
|
|
|
9119
9140
|
</a>
|
|
9120
9141
|
</td>
|
|
9121
9142
|
<td class="is-vcentered">
|
|
9122
|
-
<pre>
|
|
9143
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
9123
9144
|
</td>
|
|
9124
9145
|
<td class="is-vcentered">
|
|
9125
9146
|
<div class="table__typography-preview">
|
|
@@ -9140,7 +9161,7 @@
|
|
|
9140
9161
|
</a>
|
|
9141
9162
|
</td>
|
|
9142
9163
|
<td class="is-vcentered">
|
|
9143
|
-
<pre>
|
|
9164
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
9144
9165
|
</td>
|
|
9145
9166
|
<td class="is-vcentered">
|
|
9146
9167
|
<div class="table__typography-preview">
|
|
@@ -9161,7 +9182,7 @@
|
|
|
9161
9182
|
</a>
|
|
9162
9183
|
</td>
|
|
9163
9184
|
<td class="is-vcentered">
|
|
9164
|
-
<pre>
|
|
9185
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
9165
9186
|
</td>
|
|
9166
9187
|
<td class="is-vcentered">
|
|
9167
9188
|
<div class="table__typography-preview">
|
|
@@ -738,6 +738,27 @@
|
|
|
738
738
|
|
|
739
739
|
</td>
|
|
740
740
|
</tr>
|
|
741
|
+
<tr>
|
|
742
|
+
<td class="with-icons is-vcentered"
|
|
743
|
+
id="base-sizing1100"
|
|
744
|
+
title="theme: base; category: sizing; variant: 1100; ">
|
|
745
|
+
sizing1100
|
|
746
|
+
<a href="#base-sizing1100"
|
|
747
|
+
title="permalink"
|
|
748
|
+
class="permalink">
|
|
749
|
+
🔗
|
|
750
|
+
</a>
|
|
751
|
+
</td>
|
|
752
|
+
<td class="is-vcentered">
|
|
753
|
+
<pre>88px</pre>
|
|
754
|
+
</td>
|
|
755
|
+
<td class="is-vcentered">
|
|
756
|
+
<div class="table__sizing-preview"
|
|
757
|
+
style="width: 88px; height: 88px">
|
|
758
|
+
</div>
|
|
759
|
+
|
|
760
|
+
</td>
|
|
761
|
+
</tr>
|
|
741
762
|
<tr>
|
|
742
763
|
<td class="with-icons is-vcentered"
|
|
743
764
|
id="base-sizing1200"
|
|
@@ -780,6 +801,27 @@
|
|
|
780
801
|
|
|
781
802
|
</td>
|
|
782
803
|
</tr>
|
|
804
|
+
<tr>
|
|
805
|
+
<td class="with-icons is-vcentered"
|
|
806
|
+
id="base-sizing1500"
|
|
807
|
+
title="theme: base; category: sizing; variant: 1500; ">
|
|
808
|
+
sizing1500
|
|
809
|
+
<a href="#base-sizing1500"
|
|
810
|
+
title="permalink"
|
|
811
|
+
class="permalink">
|
|
812
|
+
🔗
|
|
813
|
+
</a>
|
|
814
|
+
</td>
|
|
815
|
+
<td class="is-vcentered">
|
|
816
|
+
<pre>120px</pre>
|
|
817
|
+
</td>
|
|
818
|
+
<td class="is-vcentered">
|
|
819
|
+
<div class="table__sizing-preview"
|
|
820
|
+
style="width: 120px; height: 120px">
|
|
821
|
+
</div>
|
|
822
|
+
|
|
823
|
+
</td>
|
|
824
|
+
</tr>
|
|
783
825
|
<tr>
|
|
784
826
|
<td class="with-icons is-vcentered"
|
|
785
827
|
id="base-sizing1600"
|
|
@@ -1998,6 +1998,27 @@
|
|
|
1998
1998
|
|
|
1999
1999
|
</td>
|
|
2000
2000
|
</tr>
|
|
2001
|
+
<tr>
|
|
2002
|
+
<td class="with-icons is-vcentered"
|
|
2003
|
+
id="base-typographyLoaderMessageXs"
|
|
2004
|
+
title="theme: base; category: typography; group: loader; name: message; variant: xs; ">
|
|
2005
|
+
typographyLoaderMessageXs
|
|
2006
|
+
<a href="#base-typographyLoaderMessageXs"
|
|
2007
|
+
title="permalink"
|
|
2008
|
+
class="permalink">
|
|
2009
|
+
🔗
|
|
2010
|
+
</a>
|
|
2011
|
+
</td>
|
|
2012
|
+
<td class="is-vcentered">
|
|
2013
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
2014
|
+
</td>
|
|
2015
|
+
<td class="is-vcentered">
|
|
2016
|
+
<div class="table__typography-preview">
|
|
2017
|
+
n/a
|
|
2018
|
+
</div>
|
|
2019
|
+
|
|
2020
|
+
</td>
|
|
2021
|
+
</tr>
|
|
2001
2022
|
<tr>
|
|
2002
2023
|
<td class="with-icons is-vcentered"
|
|
2003
2024
|
id="base-typographyLoaderMessageS"
|
|
@@ -2010,7 +2031,7 @@
|
|
|
2010
2031
|
</a>
|
|
2011
2032
|
</td>
|
|
2012
2033
|
<td class="is-vcentered">
|
|
2013
|
-
<pre>
|
|
2034
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
2014
2035
|
</td>
|
|
2015
2036
|
<td class="is-vcentered">
|
|
2016
2037
|
<div class="table__typography-preview">
|
|
@@ -2031,7 +2052,7 @@
|
|
|
2031
2052
|
</a>
|
|
2032
2053
|
</td>
|
|
2033
2054
|
<td class="is-vcentered">
|
|
2034
|
-
<pre>
|
|
2055
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
2035
2056
|
</td>
|
|
2036
2057
|
<td class="is-vcentered">
|
|
2037
2058
|
<div class="table__typography-preview">
|
|
@@ -2052,7 +2073,7 @@
|
|
|
2052
2073
|
</a>
|
|
2053
2074
|
</td>
|
|
2054
2075
|
<td class="is-vcentered">
|
|
2055
|
-
<pre>
|
|
2076
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
2056
2077
|
</td>
|
|
2057
2078
|
<td class="is-vcentered">
|
|
2058
2079
|
<div class="table__typography-preview">
|
|
@@ -2073,7 +2094,7 @@
|
|
|
2073
2094
|
</a>
|
|
2074
2095
|
</td>
|
|
2075
2096
|
<td class="is-vcentered">
|
|
2076
|
-
<pre>
|
|
2097
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
2077
2098
|
</td>
|
|
2078
2099
|
<td class="is-vcentered">
|
|
2079
2100
|
<div class="table__typography-preview">
|
package/docs/tokens/index.html
CHANGED
|
@@ -3076,27 +3076,6 @@
|
|
|
3076
3076
|
|
|
3077
3077
|
</td>
|
|
3078
3078
|
</tr>
|
|
3079
|
-
<tr>
|
|
3080
|
-
<td class="with-icons is-vcentered"
|
|
3081
|
-
id="base-colorsUtilityYin010"
|
|
3082
|
-
title="theme: base; category: colors; group: utility; name: yin; variant: 010; ">
|
|
3083
|
-
colorsUtilityYin010
|
|
3084
|
-
<a href="#base-colorsUtilityYin010"
|
|
3085
|
-
title="permalink"
|
|
3086
|
-
class="permalink">
|
|
3087
|
-
🔗
|
|
3088
|
-
</a>
|
|
3089
|
-
</td>
|
|
3090
|
-
<td class="is-vcentered">
|
|
3091
|
-
<pre>#0000001a</pre>
|
|
3092
|
-
</td>
|
|
3093
|
-
<td class="is-vcentered">
|
|
3094
|
-
<div class="table__color-preview"
|
|
3095
|
-
style="background-color: #0000001a;">
|
|
3096
|
-
</div>
|
|
3097
|
-
|
|
3098
|
-
</td>
|
|
3099
|
-
</tr>
|
|
3100
3079
|
<tr>
|
|
3101
3080
|
<td class="with-icons is-vcentered"
|
|
3102
3081
|
id="base-colorsUtilityYin030"
|
|
@@ -3202,27 +3181,6 @@
|
|
|
3202
3181
|
|
|
3203
3182
|
</td>
|
|
3204
3183
|
</tr>
|
|
3205
|
-
<tr>
|
|
3206
|
-
<td class="with-icons is-vcentered"
|
|
3207
|
-
id="base-colorsUtilityYang030"
|
|
3208
|
-
title="theme: base; category: colors; group: utility; name: yang; variant: 030; ">
|
|
3209
|
-
colorsUtilityYang030
|
|
3210
|
-
<a href="#base-colorsUtilityYang030"
|
|
3211
|
-
title="permalink"
|
|
3212
|
-
class="permalink">
|
|
3213
|
-
🔗
|
|
3214
|
-
</a>
|
|
3215
|
-
</td>
|
|
3216
|
-
<td class="is-vcentered">
|
|
3217
|
-
<pre>#ffffff4d</pre>
|
|
3218
|
-
</td>
|
|
3219
|
-
<td class="is-vcentered">
|
|
3220
|
-
<div class="table__color-preview"
|
|
3221
|
-
style="background-color: #ffffff4d;">
|
|
3222
|
-
</div>
|
|
3223
|
-
|
|
3224
|
-
</td>
|
|
3225
|
-
</tr>
|
|
3226
3184
|
<tr>
|
|
3227
3185
|
<td class="with-icons is-vcentered"
|
|
3228
3186
|
id="base-colorsUtilityYang080"
|
|
@@ -7970,6 +7928,27 @@
|
|
|
7970
7928
|
|
|
7971
7929
|
</td>
|
|
7972
7930
|
</tr>
|
|
7931
|
+
<tr>
|
|
7932
|
+
<td class="with-icons is-vcentered"
|
|
7933
|
+
id="base-sizing1100"
|
|
7934
|
+
title="theme: base; category: sizing; variant: 1100; ">
|
|
7935
|
+
sizing1100
|
|
7936
|
+
<a href="#base-sizing1100"
|
|
7937
|
+
title="permalink"
|
|
7938
|
+
class="permalink">
|
|
7939
|
+
🔗
|
|
7940
|
+
</a>
|
|
7941
|
+
</td>
|
|
7942
|
+
<td class="is-vcentered">
|
|
7943
|
+
<pre>88px</pre>
|
|
7944
|
+
</td>
|
|
7945
|
+
<td class="is-vcentered">
|
|
7946
|
+
<div class="table__sizing-preview"
|
|
7947
|
+
style="width: 88px; height: 88px">
|
|
7948
|
+
</div>
|
|
7949
|
+
|
|
7950
|
+
</td>
|
|
7951
|
+
</tr>
|
|
7973
7952
|
<tr>
|
|
7974
7953
|
<td class="with-icons is-vcentered"
|
|
7975
7954
|
id="base-sizing1200"
|
|
@@ -8012,6 +7991,27 @@
|
|
|
8012
7991
|
|
|
8013
7992
|
</td>
|
|
8014
7993
|
</tr>
|
|
7994
|
+
<tr>
|
|
7995
|
+
<td class="with-icons is-vcentered"
|
|
7996
|
+
id="base-sizing1500"
|
|
7997
|
+
title="theme: base; category: sizing; variant: 1500; ">
|
|
7998
|
+
sizing1500
|
|
7999
|
+
<a href="#base-sizing1500"
|
|
8000
|
+
title="permalink"
|
|
8001
|
+
class="permalink">
|
|
8002
|
+
🔗
|
|
8003
|
+
</a>
|
|
8004
|
+
</td>
|
|
8005
|
+
<td class="is-vcentered">
|
|
8006
|
+
<pre>120px</pre>
|
|
8007
|
+
</td>
|
|
8008
|
+
<td class="is-vcentered">
|
|
8009
|
+
<div class="table__sizing-preview"
|
|
8010
|
+
style="width: 120px; height: 120px">
|
|
8011
|
+
</div>
|
|
8012
|
+
|
|
8013
|
+
</td>
|
|
8014
|
+
</tr>
|
|
8015
8015
|
<tr>
|
|
8016
8016
|
<td class="with-icons is-vcentered"
|
|
8017
8017
|
id="base-sizing1600"
|
|
@@ -11604,6 +11604,27 @@
|
|
|
11604
11604
|
|
|
11605
11605
|
</td>
|
|
11606
11606
|
</tr>
|
|
11607
|
+
<tr>
|
|
11608
|
+
<td class="with-icons is-vcentered"
|
|
11609
|
+
id="base-typographyLoaderMessageXs"
|
|
11610
|
+
title="theme: base; category: typography; group: loader; name: message; variant: xs; ">
|
|
11611
|
+
typographyLoaderMessageXs
|
|
11612
|
+
<a href="#base-typographyLoaderMessageXs"
|
|
11613
|
+
title="permalink"
|
|
11614
|
+
class="permalink">
|
|
11615
|
+
🔗
|
|
11616
|
+
</a>
|
|
11617
|
+
</td>
|
|
11618
|
+
<td class="is-vcentered">
|
|
11619
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
11620
|
+
</td>
|
|
11621
|
+
<td class="is-vcentered">
|
|
11622
|
+
<div class="table__typography-preview">
|
|
11623
|
+
n/a
|
|
11624
|
+
</div>
|
|
11625
|
+
|
|
11626
|
+
</td>
|
|
11627
|
+
</tr>
|
|
11607
11628
|
<tr>
|
|
11608
11629
|
<td class="with-icons is-vcentered"
|
|
11609
11630
|
id="base-typographyLoaderMessageS"
|
|
@@ -11616,7 +11637,7 @@
|
|
|
11616
11637
|
</a>
|
|
11617
11638
|
</td>
|
|
11618
11639
|
<td class="is-vcentered">
|
|
11619
|
-
<pre>
|
|
11640
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
11620
11641
|
</td>
|
|
11621
11642
|
<td class="is-vcentered">
|
|
11622
11643
|
<div class="table__typography-preview">
|
|
@@ -11637,7 +11658,7 @@
|
|
|
11637
11658
|
</a>
|
|
11638
11659
|
</td>
|
|
11639
11660
|
<td class="is-vcentered">
|
|
11640
|
-
<pre>
|
|
11661
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
11641
11662
|
</td>
|
|
11642
11663
|
<td class="is-vcentered">
|
|
11643
11664
|
<div class="table__typography-preview">
|
|
@@ -11658,7 +11679,7 @@
|
|
|
11658
11679
|
</a>
|
|
11659
11680
|
</td>
|
|
11660
11681
|
<td class="is-vcentered">
|
|
11661
|
-
<pre>
|
|
11682
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
11662
11683
|
</td>
|
|
11663
11684
|
<td class="is-vcentered">
|
|
11664
11685
|
<div class="table__typography-preview">
|
|
@@ -11679,7 +11700,7 @@
|
|
|
11679
11700
|
</a>
|
|
11680
11701
|
</td>
|
|
11681
11702
|
<td class="is-vcentered">
|
|
11682
|
-
<pre>
|
|
11703
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
11683
11704
|
</td>
|
|
11684
11705
|
<td class="is-vcentered">
|
|
11685
11706
|
<div class="table__typography-preview">
|
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 Tue, 24 Oct 2023 12:00:54 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -27,13 +27,11 @@
|
|
|
27
27
|
#define colorsUtilityMajor075 #d9e0e4ff
|
|
28
28
|
#define colorsUtilityMajorTransparent #00000000
|
|
29
29
|
#define colorsUtilityYin100 #000000ff
|
|
30
|
-
#define colorsUtilityYin010 #0000001a
|
|
31
30
|
#define colorsUtilityYin030 #0000004d
|
|
32
31
|
#define colorsUtilityYin055 #0000008c
|
|
33
32
|
#define colorsUtilityYin065 #000000a6
|
|
34
33
|
#define colorsUtilityYin090 #000000e6
|
|
35
34
|
#define colorsUtilityYang100 #ffffffff
|
|
36
|
-
#define colorsUtilityYang030 #ffffff4d
|
|
37
35
|
#define colorsUtilityYang080 #ffffffcc
|
|
38
36
|
#define colorsUtilityDisabled400 #f2f5f6ff
|
|
39
37
|
#define colorsUtilityDisabled500 #e6ebedff
|
|
@@ -259,8 +257,10 @@
|
|
|
259
257
|
#define sizing800 64px
|
|
260
258
|
#define sizing900 72px
|
|
261
259
|
#define sizing1000 80px
|
|
260
|
+
#define sizing1100 88px
|
|
262
261
|
#define sizing1200 96px
|
|
263
262
|
#define sizing1300 104px
|
|
263
|
+
#define sizing1500 120px
|
|
264
264
|
#define sizing1600 128px
|
|
265
265
|
#define sizing010 1px
|
|
266
266
|
#define sizing025 2px
|
|
@@ -422,10 +422,11 @@
|
|
|
422
422
|
#define typographyLinkTextFocusS Regular 12px/150% Sage UI
|
|
423
423
|
#define typographyLinkTextFocusM Regular 14px/150% Sage UI
|
|
424
424
|
#define typographyLinkTextFocusL Regular 16px/150% Sage UI
|
|
425
|
-
#define
|
|
426
|
-
#define
|
|
427
|
-
#define
|
|
428
|
-
#define
|
|
425
|
+
#define typographyLoaderMessageXs Medium 14px/150% Sage UI
|
|
426
|
+
#define typographyLoaderMessageS Medium 14px/150% Sage UI
|
|
427
|
+
#define typographyLoaderMessageM Medium 14px/150% Sage UI
|
|
428
|
+
#define typographyLoaderMessageL Medium 14px/150% Sage UI
|
|
429
|
+
#define typographyLoaderMessageXl Medium 16px/150% Sage UI
|
|
429
430
|
#define typographyMenuLabelM Medium 14px/150% Sage UI
|
|
430
431
|
#define typographyMenuLabelL Medium 16px/150% Sage UI
|
|
431
432
|
#define typographyMenuSegmentTitleM Medium 14px/150% Sage UI
|
package/ios/dashboard/darkMode.h
CHANGED
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -15,13 +15,11 @@ export const colorsUtilityMajor050: string;
|
|
|
15
15
|
export const colorsUtilityMajor075: string;
|
|
16
16
|
export const colorsUtilityMajorTransparent: string;
|
|
17
17
|
export const colorsUtilityYin100: string;
|
|
18
|
-
export const colorsUtilityYin010: string;
|
|
19
18
|
export const colorsUtilityYin030: string;
|
|
20
19
|
export const colorsUtilityYin055: string;
|
|
21
20
|
export const colorsUtilityYin065: string;
|
|
22
21
|
export const colorsUtilityYin090: string;
|
|
23
22
|
export const colorsUtilityYang100: string;
|
|
24
|
-
export const colorsUtilityYang030: string;
|
|
25
23
|
export const colorsUtilityYang080: string;
|
|
26
24
|
export const colorsUtilityDisabled400: string;
|
|
27
25
|
export const colorsUtilityDisabled500: string;
|
|
@@ -247,8 +245,10 @@ export const sizing700: string;
|
|
|
247
245
|
export const sizing800: string;
|
|
248
246
|
export const sizing900: string;
|
|
249
247
|
export const sizing1000: string;
|
|
248
|
+
export const sizing1100: string;
|
|
250
249
|
export const sizing1200: string;
|
|
251
250
|
export const sizing1300: string;
|
|
251
|
+
export const sizing1500: string;
|
|
252
252
|
export const sizing1600: string;
|
|
253
253
|
export const sizing010: string;
|
|
254
254
|
export const sizing025: string;
|
|
@@ -410,6 +410,7 @@ export const typographyLinkTextL: string;
|
|
|
410
410
|
export const typographyLinkTextFocusS: string;
|
|
411
411
|
export const typographyLinkTextFocusM: string;
|
|
412
412
|
export const typographyLinkTextFocusL: string;
|
|
413
|
+
export const typographyLoaderMessageXs: string;
|
|
413
414
|
export const typographyLoaderMessageS: string;
|
|
414
415
|
export const typographyLoaderMessageM: string;
|
|
415
416
|
export const typographyLoaderMessageL: 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 Tue, 24 Oct 2023 12:00:54 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -25,13 +25,11 @@ module.exports = {
|
|
|
25
25
|
colorsUtilityMajor075: '#d9e0e4ff',
|
|
26
26
|
colorsUtilityMajorTransparent: '#00000000',
|
|
27
27
|
colorsUtilityYin100: '#000000ff',
|
|
28
|
-
colorsUtilityYin010: '#0000001a',
|
|
29
28
|
colorsUtilityYin030: '#0000004d',
|
|
30
29
|
colorsUtilityYin055: '#0000008c',
|
|
31
30
|
colorsUtilityYin065: '#000000a6',
|
|
32
31
|
colorsUtilityYin090: '#000000e6',
|
|
33
32
|
colorsUtilityYang100: '#ffffffff',
|
|
34
|
-
colorsUtilityYang030: '#ffffff4d',
|
|
35
33
|
colorsUtilityYang080: '#ffffffcc',
|
|
36
34
|
colorsUtilityDisabled400: '#f2f5f6ff',
|
|
37
35
|
colorsUtilityDisabled500: '#e6ebedff',
|
|
@@ -257,8 +255,10 @@ module.exports = {
|
|
|
257
255
|
sizing800: '64px',
|
|
258
256
|
sizing900: '72px',
|
|
259
257
|
sizing1000: '80px',
|
|
258
|
+
sizing1100: '88px',
|
|
260
259
|
sizing1200: '96px',
|
|
261
260
|
sizing1300: '104px',
|
|
261
|
+
sizing1500: '120px',
|
|
262
262
|
sizing1600: '128px',
|
|
263
263
|
sizing010: '1px',
|
|
264
264
|
sizing025: '2px',
|
|
@@ -420,10 +420,11 @@ module.exports = {
|
|
|
420
420
|
typographyLinkTextFocusS: '400 12px/150% Sage UI',
|
|
421
421
|
typographyLinkTextFocusM: '400 14px/150% Sage UI',
|
|
422
422
|
typographyLinkTextFocusL: '400 16px/150% Sage UI',
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
423
|
+
typographyLoaderMessageXs: '500 14px/150% Sage UI',
|
|
424
|
+
typographyLoaderMessageS: '500 14px/150% Sage UI',
|
|
425
|
+
typographyLoaderMessageM: '500 14px/150% Sage UI',
|
|
426
|
+
typographyLoaderMessageL: '500 14px/150% Sage UI',
|
|
427
|
+
typographyLoaderMessageXl: '500 16px/150% Sage UI',
|
|
427
428
|
typographyMenuLabelM: '500 14px/150% Sage UI',
|
|
428
429
|
typographyMenuLabelL: '500 16px/150% Sage UI',
|
|
429
430
|
typographyMenuSegmentTitleM: '500 14px/150% Sage UI',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -16,13 +16,11 @@ declare namespace _default {
|
|
|
16
16
|
const colorsUtilityMajor075: string;
|
|
17
17
|
const colorsUtilityMajorTransparent: string;
|
|
18
18
|
const colorsUtilityYin100: string;
|
|
19
|
-
const colorsUtilityYin010: string;
|
|
20
19
|
const colorsUtilityYin030: string;
|
|
21
20
|
const colorsUtilityYin055: string;
|
|
22
21
|
const colorsUtilityYin065: string;
|
|
23
22
|
const colorsUtilityYin090: string;
|
|
24
23
|
const colorsUtilityYang100: string;
|
|
25
|
-
const colorsUtilityYang030: string;
|
|
26
24
|
const colorsUtilityYang080: string;
|
|
27
25
|
const colorsUtilityDisabled400: string;
|
|
28
26
|
const colorsUtilityDisabled500: string;
|
|
@@ -248,8 +246,10 @@ declare namespace _default {
|
|
|
248
246
|
const sizing800: string;
|
|
249
247
|
const sizing900: string;
|
|
250
248
|
const sizing1000: string;
|
|
249
|
+
const sizing1100: string;
|
|
251
250
|
const sizing1200: string;
|
|
252
251
|
const sizing1300: string;
|
|
252
|
+
const sizing1500: string;
|
|
253
253
|
const sizing1600: string;
|
|
254
254
|
const sizing010: string;
|
|
255
255
|
const sizing025: string;
|
|
@@ -411,6 +411,7 @@ declare namespace _default {
|
|
|
411
411
|
const typographyLinkTextFocusS: string;
|
|
412
412
|
const typographyLinkTextFocusM: string;
|
|
413
413
|
const typographyLinkTextFocusL: string;
|
|
414
|
+
const typographyLoaderMessageXs: string;
|
|
414
415
|
const typographyLoaderMessageS: string;
|
|
415
416
|
const typographyLoaderMessageM: string;
|
|
416
417
|
const typographyLoaderMessageL: string;
|
package/js/base/es6.js
CHANGED
|
@@ -20,13 +20,11 @@ export default {
|
|
|
20
20
|
colorsUtilityMajor075: '#d9e0e4ff',
|
|
21
21
|
colorsUtilityMajorTransparent: '#00000000',
|
|
22
22
|
colorsUtilityYin100: '#000000ff',
|
|
23
|
-
colorsUtilityYin010: '#0000001a',
|
|
24
23
|
colorsUtilityYin030: '#0000004d',
|
|
25
24
|
colorsUtilityYin055: '#0000008c',
|
|
26
25
|
colorsUtilityYin065: '#000000a6',
|
|
27
26
|
colorsUtilityYin090: '#000000e6',
|
|
28
27
|
colorsUtilityYang100: '#ffffffff',
|
|
29
|
-
colorsUtilityYang030: '#ffffff4d',
|
|
30
28
|
colorsUtilityYang080: '#ffffffcc',
|
|
31
29
|
colorsUtilityDisabled400: '#f2f5f6ff',
|
|
32
30
|
colorsUtilityDisabled500: '#e6ebedff',
|
|
@@ -252,8 +250,10 @@ export default {
|
|
|
252
250
|
sizing800: '64px',
|
|
253
251
|
sizing900: '72px',
|
|
254
252
|
sizing1000: '80px',
|
|
253
|
+
sizing1100: '88px',
|
|
255
254
|
sizing1200: '96px',
|
|
256
255
|
sizing1300: '104px',
|
|
256
|
+
sizing1500: '120px',
|
|
257
257
|
sizing1600: '128px',
|
|
258
258
|
sizing010: '1px',
|
|
259
259
|
sizing025: '2px',
|
|
@@ -415,10 +415,11 @@ export default {
|
|
|
415
415
|
typographyLinkTextFocusS: '400 12px/150% Sage UI',
|
|
416
416
|
typographyLinkTextFocusM: '400 14px/150% Sage UI',
|
|
417
417
|
typographyLinkTextFocusL: '400 16px/150% Sage UI',
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
418
|
+
typographyLoaderMessageXs: '500 14px/150% Sage UI',
|
|
419
|
+
typographyLoaderMessageS: '500 14px/150% Sage UI',
|
|
420
|
+
typographyLoaderMessageM: '500 14px/150% Sage UI',
|
|
421
|
+
typographyLoaderMessageL: '500 14px/150% Sage UI',
|
|
422
|
+
typographyLoaderMessageXl: '500 16px/150% Sage UI',
|
|
422
423
|
typographyMenuLabelM: '500 14px/150% Sage UI',
|
|
423
424
|
typographyMenuLabelL: '500 16px/150% Sage UI',
|
|
424
425
|
typographyMenuSegmentTitleM: '500 14px/150% Sage UI',
|
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.26.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 Tue, 24 Oct 2023 12:00:54 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -23,13 +23,11 @@ $colorsUtilityMajor050: #e6ebedff;
|
|
|
23
23
|
$colorsUtilityMajor075: #d9e0e4ff;
|
|
24
24
|
$colorsUtilityMajorTransparent: #00000000;
|
|
25
25
|
$colorsUtilityYin100: #000000ff;
|
|
26
|
-
$colorsUtilityYin010: #0000001a;
|
|
27
26
|
$colorsUtilityYin030: #0000004d;
|
|
28
27
|
$colorsUtilityYin055: #0000008c;
|
|
29
28
|
$colorsUtilityYin065: #000000a6;
|
|
30
29
|
$colorsUtilityYin090: #000000e6;
|
|
31
30
|
$colorsUtilityYang100: #ffffffff;
|
|
32
|
-
$colorsUtilityYang030: #ffffff4d;
|
|
33
31
|
$colorsUtilityYang080: #ffffffcc;
|
|
34
32
|
$colorsUtilityDisabled400: #f2f5f6ff;
|
|
35
33
|
$colorsUtilityDisabled500: #e6ebedff;
|
|
@@ -255,8 +253,10 @@ $sizing700: 56px;
|
|
|
255
253
|
$sizing800: 64px;
|
|
256
254
|
$sizing900: 72px;
|
|
257
255
|
$sizing1000: 80px;
|
|
256
|
+
$sizing1100: 88px;
|
|
258
257
|
$sizing1200: 96px;
|
|
259
258
|
$sizing1300: 104px;
|
|
259
|
+
$sizing1500: 120px;
|
|
260
260
|
$sizing1600: 128px;
|
|
261
261
|
$sizing010: 1px;
|
|
262
262
|
$sizing025: 2px;
|
|
@@ -418,10 +418,11 @@ $typographyLinkTextL: 400 16px/150% Sage UI;
|
|
|
418
418
|
$typographyLinkTextFocusS: 400 12px/150% Sage UI;
|
|
419
419
|
$typographyLinkTextFocusM: 400 14px/150% Sage UI;
|
|
420
420
|
$typographyLinkTextFocusL: 400 16px/150% Sage UI;
|
|
421
|
-
$
|
|
422
|
-
$
|
|
423
|
-
$
|
|
424
|
-
$
|
|
421
|
+
$typographyLoaderMessageXs: 500 14px/150% Sage UI;
|
|
422
|
+
$typographyLoaderMessageS: 500 14px/150% Sage UI;
|
|
423
|
+
$typographyLoaderMessageM: 500 14px/150% Sage UI;
|
|
424
|
+
$typographyLoaderMessageL: 500 14px/150% Sage UI;
|
|
425
|
+
$typographyLoaderMessageXl: 500 16px/150% Sage UI;
|
|
425
426
|
$typographyMenuLabelM: 500 14px/150% Sage UI;
|
|
426
427
|
$typographyMenuLabelL: 500 16px/150% Sage UI;
|
|
427
428
|
$typographyMenuSegmentTitleM: 500 14px/150% Sage UI;
|
|
@@ -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 Tue, 24 Oct 2023 12:00:54 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 Tue, 24 Oct 2023 12:00:54 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Light-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
package/scss/origin.scss
CHANGED
|
Binary file
|