@sage/design-tokens 4.1.0 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/base.xml +3 -1
- package/android/dashboard/darkMode.xml +1 -1
- package/android/dashboard/lightMode.xml +1 -1
- package/android/origin.xml +2 -2
- package/css/base.css +3 -1
- package/css/dashboard/darkMode.css +1 -1
- package/css/dashboard/lightMode.css +1 -1
- package/css/origin.css +2 -2
- package/data/tokens.json +12 -5
- package/docs/tokens/base/colors/index.html +42 -0
- package/docs/tokens/base/index.html +42 -0
- package/docs/tokens/index.html +60 -18
- package/docs/tokens/origin/index.html +18 -18
- package/docs/tokens/origin/origin-colors-reference-only/index.html +18 -18
- package/ios/base.h +3 -1
- package/ios/dashboard/darkMode.h +1 -1
- package/ios/dashboard/lightMode.h +1 -1
- package/ios/origin.h +2 -2
- package/js/base/common.d.ts +2 -0
- package/js/base/common.js +3 -1
- package/js/base/es6.d.ts +2 -0
- package/js/base/es6.js +2 -0
- package/js/dashboard/darkMode/common.js +1 -1
- package/js/dashboard/lightMode/common.js +1 -1
- package/js/origin/common.d.ts +1 -1
- package/js/origin/common.js +2 -2
- package/js/origin/es6.d.ts +1 -1
- package/js/origin/es6.js +1 -1
- package/package.json +1 -1
- package/sage-design-tokens-4.3.0.tgz +0 -0
- package/scss/base.scss +3 -1
- package/scss/dashboard/darkMode.scss +1 -1
- package/scss/dashboard/lightMode.scss +1 -1
- package/scss/origin.scss +2 -2
- package/sage-design-tokens-4.1.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 Thu, 19 Jan 2023 16:25:30 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -73,6 +73,7 @@
|
|
|
73
73
|
<string name="colorsActionReadOnly500">#e6ebedff</string>
|
|
74
74
|
<string name="colorsActionReadOnly600">#ccd6dbff</string>
|
|
75
75
|
<string name="colorsSemanticNeutral200">#ccd6dbff</string>
|
|
76
|
+
<string name="colorsSemanticNeutral400">#668494ff</string>
|
|
76
77
|
<string name="colorsSemanticNeutral500">#335b70ff</string>
|
|
77
78
|
<string name="colorsSemanticNeutral600">#00324cff</string>
|
|
78
79
|
<string name="colorsSemanticNeutralTransparent">#00000000</string>
|
|
@@ -113,6 +114,7 @@
|
|
|
113
114
|
<string name="colorsSemanticCautionYin090">#000000e6</string>
|
|
114
115
|
<string name="colorsSemanticCautionYang100">#ffffffff</string>
|
|
115
116
|
<string name="colorsSemanticInfo150">#b3cfe5ff</string>
|
|
117
|
+
<string name="colorsSemanticInfo400">#3380b9ff</string>
|
|
116
118
|
<string name="colorsSemanticInfo500">#0060a7ff</string>
|
|
117
119
|
<string name="colorsSemanticInfo600">#004d86ff</string>
|
|
118
120
|
<string name="colorsSemanticInfoTransparent">#00000000</string>
|
package/android/origin.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Thu, 19 Jan 2023 16:25:30 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Origin Token Set</string>
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
<string name="originColorsReferenceOnlyYin075">#000000bf</string>
|
|
17
17
|
<string name="originColorsReferenceOnlyYin090">#000000e6</string>
|
|
18
18
|
<string name="originColorsReferenceOnlyYang100">#ffffffff</string>
|
|
19
|
+
<string name="originColorsReferenceOnlyYang010">#ffffff1a</string>
|
|
19
20
|
<string name="originColorsReferenceOnlyYang030">#ffffff4d</string>
|
|
20
21
|
<string name="originColorsReferenceOnlyYang080">#ffffffcc</string>
|
|
21
|
-
<string name="originColorsReferenceOnlyYang010">#ffffff1a</string>
|
|
22
22
|
<string name="originColorsReferenceOnlyMalachite100">#8df79fff</string>
|
|
23
23
|
<string name="originColorsReferenceOnlyMalachite200">#42eb64ff</string>
|
|
24
24
|
<string name="originColorsReferenceOnlyMalachite300">#00d639ff</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
|
|
7
|
+
* Generated on Thu, 19 Jan 2023 16:25:29 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -76,6 +76,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
76
76
|
--colorsActionReadOnly500: #e6ebedff;
|
|
77
77
|
--colorsActionReadOnly600: #ccd6dbff;
|
|
78
78
|
--colorsSemanticNeutral200: #ccd6dbff;
|
|
79
|
+
--colorsSemanticNeutral400: #668494ff;
|
|
79
80
|
--colorsSemanticNeutral500: #335b70ff;
|
|
80
81
|
--colorsSemanticNeutral600: #00324cff;
|
|
81
82
|
--colorsSemanticNeutralTransparent: #00000000;
|
|
@@ -116,6 +117,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
116
117
|
--colorsSemanticCautionYin090: #000000e6;
|
|
117
118
|
--colorsSemanticCautionYang100: #ffffffff;
|
|
118
119
|
--colorsSemanticInfo150: #b3cfe5ff;
|
|
120
|
+
--colorsSemanticInfo400: #3380b9ff;
|
|
119
121
|
--colorsSemanticInfo500: #0060a7ff;
|
|
120
122
|
--colorsSemanticInfo600: #004d86ff;
|
|
121
123
|
--colorsSemanticInfoTransparent: #00000000;
|
package/css/origin.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 Thu, 19 Jan 2023 16:25:30 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -19,9 +19,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
19
19
|
--originColorsReferenceOnlyYin075: #000000bf;
|
|
20
20
|
--originColorsReferenceOnlyYin090: #000000e6;
|
|
21
21
|
--originColorsReferenceOnlyYang100: #ffffffff;
|
|
22
|
+
--originColorsReferenceOnlyYang010: #ffffff1a;
|
|
22
23
|
--originColorsReferenceOnlyYang030: #ffffff4d;
|
|
23
24
|
--originColorsReferenceOnlyYang080: #ffffffcc;
|
|
24
|
-
--originColorsReferenceOnlyYang010: #ffffff1a;
|
|
25
25
|
--originColorsReferenceOnlyMalachite100: #8df79fff;
|
|
26
26
|
--originColorsReferenceOnlyMalachite200: #42eb64ff;
|
|
27
27
|
--originColorsReferenceOnlyMalachite300: #00d639ff;
|
package/data/tokens.json
CHANGED
|
@@ -345,6 +345,10 @@
|
|
|
345
345
|
"value": "#ccd6dbff",
|
|
346
346
|
"type": "color"
|
|
347
347
|
},
|
|
348
|
+
"400": {
|
|
349
|
+
"value": "#668494ff",
|
|
350
|
+
"type": "color"
|
|
351
|
+
},
|
|
348
352
|
"500": {
|
|
349
353
|
"value": "#335b70ff",
|
|
350
354
|
"type": "color",
|
|
@@ -533,6 +537,10 @@
|
|
|
533
537
|
"value": "#b3cfe5ff",
|
|
534
538
|
"type": "color"
|
|
535
539
|
},
|
|
540
|
+
"400": {
|
|
541
|
+
"value": "#3380b9ff",
|
|
542
|
+
"type": "color"
|
|
543
|
+
},
|
|
536
544
|
"500": {
|
|
537
545
|
"value": "#0060a7ff",
|
|
538
546
|
"type": "color"
|
|
@@ -3769,6 +3777,10 @@
|
|
|
3769
3777
|
"type": "color",
|
|
3770
3778
|
"description": "Reference only. Do not use in components."
|
|
3771
3779
|
},
|
|
3780
|
+
"010": {
|
|
3781
|
+
"value": "#ffffff1a",
|
|
3782
|
+
"type": "color"
|
|
3783
|
+
},
|
|
3772
3784
|
"030": {
|
|
3773
3785
|
"value": "#ffffff4d",
|
|
3774
3786
|
"type": "color",
|
|
@@ -3778,11 +3790,6 @@
|
|
|
3778
3790
|
"value": "#ffffffcc",
|
|
3779
3791
|
"type": "color",
|
|
3780
3792
|
"description": "Reference only. Do not use in components."
|
|
3781
|
-
},
|
|
3782
|
-
"010": {
|
|
3783
|
-
"value": "#ffffff1a",
|
|
3784
|
-
"type": "color",
|
|
3785
|
-
"description": "Reference only. Do not use in components."
|
|
3786
3793
|
}
|
|
3787
3794
|
},
|
|
3788
3795
|
"malachite": {
|
|
@@ -1683,6 +1683,27 @@
|
|
|
1683
1683
|
|
|
1684
1684
|
</td>
|
|
1685
1685
|
</tr>
|
|
1686
|
+
<tr>
|
|
1687
|
+
<td class="with-icons is-vcentered"
|
|
1688
|
+
id="base-colorsSemanticNeutral400"
|
|
1689
|
+
title="theme: base; category: colors; group: semantic; name: neutral; variant: 400; ">
|
|
1690
|
+
colorsSemanticNeutral400
|
|
1691
|
+
<a href="#base-colorsSemanticNeutral400"
|
|
1692
|
+
title="permalink"
|
|
1693
|
+
class="permalink">
|
|
1694
|
+
🔗
|
|
1695
|
+
</a>
|
|
1696
|
+
</td>
|
|
1697
|
+
<td class="is-vcentered">
|
|
1698
|
+
<pre>#668494ff</pre>
|
|
1699
|
+
</td>
|
|
1700
|
+
<td class="is-vcentered">
|
|
1701
|
+
<div class="table__color-preview"
|
|
1702
|
+
style="background-color: #668494ff;">
|
|
1703
|
+
</div>
|
|
1704
|
+
|
|
1705
|
+
</td>
|
|
1706
|
+
</tr>
|
|
1686
1707
|
<tr>
|
|
1687
1708
|
<td class="with-icons is-vcentered"
|
|
1688
1709
|
id="base-colorsSemanticNeutral500"
|
|
@@ -2523,6 +2544,27 @@
|
|
|
2523
2544
|
|
|
2524
2545
|
</td>
|
|
2525
2546
|
</tr>
|
|
2547
|
+
<tr>
|
|
2548
|
+
<td class="with-icons is-vcentered"
|
|
2549
|
+
id="base-colorsSemanticInfo400"
|
|
2550
|
+
title="theme: base; category: colors; group: semantic; name: info; variant: 400; ">
|
|
2551
|
+
colorsSemanticInfo400
|
|
2552
|
+
<a href="#base-colorsSemanticInfo400"
|
|
2553
|
+
title="permalink"
|
|
2554
|
+
class="permalink">
|
|
2555
|
+
🔗
|
|
2556
|
+
</a>
|
|
2557
|
+
</td>
|
|
2558
|
+
<td class="is-vcentered">
|
|
2559
|
+
<pre>#3380b9ff</pre>
|
|
2560
|
+
</td>
|
|
2561
|
+
<td class="is-vcentered">
|
|
2562
|
+
<div class="table__color-preview"
|
|
2563
|
+
style="background-color: #3380b9ff;">
|
|
2564
|
+
</div>
|
|
2565
|
+
|
|
2566
|
+
</td>
|
|
2567
|
+
</tr>
|
|
2526
2568
|
<tr>
|
|
2527
2569
|
<td class="with-icons is-vcentered"
|
|
2528
2570
|
id="base-colorsSemanticInfo500"
|
|
@@ -1679,6 +1679,27 @@
|
|
|
1679
1679
|
|
|
1680
1680
|
</td>
|
|
1681
1681
|
</tr>
|
|
1682
|
+
<tr>
|
|
1683
|
+
<td class="with-icons is-vcentered"
|
|
1684
|
+
id="base-colorsSemanticNeutral400"
|
|
1685
|
+
title="theme: base; category: colors; group: semantic; name: neutral; variant: 400; ">
|
|
1686
|
+
colorsSemanticNeutral400
|
|
1687
|
+
<a href="#base-colorsSemanticNeutral400"
|
|
1688
|
+
title="permalink"
|
|
1689
|
+
class="permalink">
|
|
1690
|
+
🔗
|
|
1691
|
+
</a>
|
|
1692
|
+
</td>
|
|
1693
|
+
<td class="is-vcentered">
|
|
1694
|
+
<pre>#668494ff</pre>
|
|
1695
|
+
</td>
|
|
1696
|
+
<td class="is-vcentered">
|
|
1697
|
+
<div class="table__color-preview"
|
|
1698
|
+
style="background-color: #668494ff;">
|
|
1699
|
+
</div>
|
|
1700
|
+
|
|
1701
|
+
</td>
|
|
1702
|
+
</tr>
|
|
1682
1703
|
<tr>
|
|
1683
1704
|
<td class="with-icons is-vcentered"
|
|
1684
1705
|
id="base-colorsSemanticNeutral500"
|
|
@@ -2519,6 +2540,27 @@
|
|
|
2519
2540
|
|
|
2520
2541
|
</td>
|
|
2521
2542
|
</tr>
|
|
2543
|
+
<tr>
|
|
2544
|
+
<td class="with-icons is-vcentered"
|
|
2545
|
+
id="base-colorsSemanticInfo400"
|
|
2546
|
+
title="theme: base; category: colors; group: semantic; name: info; variant: 400; ">
|
|
2547
|
+
colorsSemanticInfo400
|
|
2548
|
+
<a href="#base-colorsSemanticInfo400"
|
|
2549
|
+
title="permalink"
|
|
2550
|
+
class="permalink">
|
|
2551
|
+
🔗
|
|
2552
|
+
</a>
|
|
2553
|
+
</td>
|
|
2554
|
+
<td class="is-vcentered">
|
|
2555
|
+
<pre>#3380b9ff</pre>
|
|
2556
|
+
</td>
|
|
2557
|
+
<td class="is-vcentered">
|
|
2558
|
+
<div class="table__color-preview"
|
|
2559
|
+
style="background-color: #3380b9ff;">
|
|
2560
|
+
</div>
|
|
2561
|
+
|
|
2562
|
+
</td>
|
|
2563
|
+
</tr>
|
|
2522
2564
|
<tr>
|
|
2523
2565
|
<td class="with-icons is-vcentered"
|
|
2524
2566
|
id="base-colorsSemanticInfo500"
|
package/docs/tokens/index.html
CHANGED
|
@@ -1685,6 +1685,27 @@
|
|
|
1685
1685
|
|
|
1686
1686
|
</td>
|
|
1687
1687
|
</tr>
|
|
1688
|
+
<tr>
|
|
1689
|
+
<td class="with-icons is-vcentered"
|
|
1690
|
+
id="base-colorsSemanticNeutral400"
|
|
1691
|
+
title="theme: base; category: colors; group: semantic; name: neutral; variant: 400; ">
|
|
1692
|
+
colorsSemanticNeutral400
|
|
1693
|
+
<a href="#base-colorsSemanticNeutral400"
|
|
1694
|
+
title="permalink"
|
|
1695
|
+
class="permalink">
|
|
1696
|
+
🔗
|
|
1697
|
+
</a>
|
|
1698
|
+
</td>
|
|
1699
|
+
<td class="is-vcentered">
|
|
1700
|
+
<pre>#668494ff</pre>
|
|
1701
|
+
</td>
|
|
1702
|
+
<td class="is-vcentered">
|
|
1703
|
+
<div class="table__color-preview"
|
|
1704
|
+
style="background-color: #668494ff;">
|
|
1705
|
+
</div>
|
|
1706
|
+
|
|
1707
|
+
</td>
|
|
1708
|
+
</tr>
|
|
1688
1709
|
<tr>
|
|
1689
1710
|
<td class="with-icons is-vcentered"
|
|
1690
1711
|
id="base-colorsSemanticNeutral500"
|
|
@@ -2525,6 +2546,27 @@
|
|
|
2525
2546
|
|
|
2526
2547
|
</td>
|
|
2527
2548
|
</tr>
|
|
2549
|
+
<tr>
|
|
2550
|
+
<td class="with-icons is-vcentered"
|
|
2551
|
+
id="base-colorsSemanticInfo400"
|
|
2552
|
+
title="theme: base; category: colors; group: semantic; name: info; variant: 400; ">
|
|
2553
|
+
colorsSemanticInfo400
|
|
2554
|
+
<a href="#base-colorsSemanticInfo400"
|
|
2555
|
+
title="permalink"
|
|
2556
|
+
class="permalink">
|
|
2557
|
+
🔗
|
|
2558
|
+
</a>
|
|
2559
|
+
</td>
|
|
2560
|
+
<td class="is-vcentered">
|
|
2561
|
+
<pre>#3380b9ff</pre>
|
|
2562
|
+
</td>
|
|
2563
|
+
<td class="is-vcentered">
|
|
2564
|
+
<div class="table__color-preview"
|
|
2565
|
+
style="background-color: #3380b9ff;">
|
|
2566
|
+
</div>
|
|
2567
|
+
|
|
2568
|
+
</td>
|
|
2569
|
+
</tr>
|
|
2528
2570
|
<tr>
|
|
2529
2571
|
<td class="with-icons is-vcentered"
|
|
2530
2572
|
id="base-colorsSemanticInfo500"
|
|
@@ -10662,63 +10704,63 @@
|
|
|
10662
10704
|
</tr>
|
|
10663
10705
|
<tr>
|
|
10664
10706
|
<td class="with-icons is-vcentered"
|
|
10665
|
-
id="origin-
|
|
10666
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
10667
|
-
|
|
10668
|
-
<a href="#origin-
|
|
10707
|
+
id="origin-originColorsReferenceOnlyYang010"
|
|
10708
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 010; ">
|
|
10709
|
+
originColorsReferenceOnlyYang010
|
|
10710
|
+
<a href="#origin-originColorsReferenceOnlyYang010"
|
|
10669
10711
|
title="permalink"
|
|
10670
10712
|
class="permalink">
|
|
10671
10713
|
🔗
|
|
10672
10714
|
</a>
|
|
10673
10715
|
</td>
|
|
10674
10716
|
<td class="is-vcentered">
|
|
10675
|
-
<pre>#
|
|
10717
|
+
<pre>#ffffff1a</pre>
|
|
10676
10718
|
</td>
|
|
10677
10719
|
<td class="is-vcentered">
|
|
10678
10720
|
<div class="table__color-preview"
|
|
10679
|
-
style="background-color: #
|
|
10721
|
+
style="background-color: #ffffff1a;">
|
|
10680
10722
|
</div>
|
|
10681
10723
|
|
|
10682
10724
|
</td>
|
|
10683
10725
|
</tr>
|
|
10684
10726
|
<tr>
|
|
10685
10727
|
<td class="with-icons is-vcentered"
|
|
10686
|
-
id="origin-
|
|
10687
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
10688
|
-
|
|
10689
|
-
<a href="#origin-
|
|
10728
|
+
id="origin-originColorsReferenceOnlyYang030"
|
|
10729
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 030; ">
|
|
10730
|
+
originColorsReferenceOnlyYang030
|
|
10731
|
+
<a href="#origin-originColorsReferenceOnlyYang030"
|
|
10690
10732
|
title="permalink"
|
|
10691
10733
|
class="permalink">
|
|
10692
10734
|
🔗
|
|
10693
10735
|
</a>
|
|
10694
10736
|
</td>
|
|
10695
10737
|
<td class="is-vcentered">
|
|
10696
|
-
<pre>#
|
|
10738
|
+
<pre>#ffffff4d</pre>
|
|
10697
10739
|
</td>
|
|
10698
10740
|
<td class="is-vcentered">
|
|
10699
10741
|
<div class="table__color-preview"
|
|
10700
|
-
style="background-color: #
|
|
10742
|
+
style="background-color: #ffffff4d;">
|
|
10701
10743
|
</div>
|
|
10702
10744
|
|
|
10703
10745
|
</td>
|
|
10704
10746
|
</tr>
|
|
10705
10747
|
<tr>
|
|
10706
10748
|
<td class="with-icons is-vcentered"
|
|
10707
|
-
id="origin-
|
|
10708
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
10709
|
-
|
|
10710
|
-
<a href="#origin-
|
|
10749
|
+
id="origin-originColorsReferenceOnlyYang080"
|
|
10750
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 080; ">
|
|
10751
|
+
originColorsReferenceOnlyYang080
|
|
10752
|
+
<a href="#origin-originColorsReferenceOnlyYang080"
|
|
10711
10753
|
title="permalink"
|
|
10712
10754
|
class="permalink">
|
|
10713
10755
|
🔗
|
|
10714
10756
|
</a>
|
|
10715
10757
|
</td>
|
|
10716
10758
|
<td class="is-vcentered">
|
|
10717
|
-
<pre>#
|
|
10759
|
+
<pre>#ffffffcc</pre>
|
|
10718
10760
|
</td>
|
|
10719
10761
|
<td class="is-vcentered">
|
|
10720
10762
|
<div class="table__color-preview"
|
|
10721
|
-
style="background-color: #
|
|
10763
|
+
style="background-color: #ffffffcc;">
|
|
10722
10764
|
</div>
|
|
10723
10765
|
|
|
10724
10766
|
</td>
|
|
@@ -484,63 +484,63 @@
|
|
|
484
484
|
</tr>
|
|
485
485
|
<tr>
|
|
486
486
|
<td class="with-icons is-vcentered"
|
|
487
|
-
id="origin-
|
|
488
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
489
|
-
|
|
490
|
-
<a href="#origin-
|
|
487
|
+
id="origin-originColorsReferenceOnlyYang010"
|
|
488
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 010; ">
|
|
489
|
+
originColorsReferenceOnlyYang010
|
|
490
|
+
<a href="#origin-originColorsReferenceOnlyYang010"
|
|
491
491
|
title="permalink"
|
|
492
492
|
class="permalink">
|
|
493
493
|
🔗
|
|
494
494
|
</a>
|
|
495
495
|
</td>
|
|
496
496
|
<td class="is-vcentered">
|
|
497
|
-
<pre>#
|
|
497
|
+
<pre>#ffffff1a</pre>
|
|
498
498
|
</td>
|
|
499
499
|
<td class="is-vcentered">
|
|
500
500
|
<div class="table__color-preview"
|
|
501
|
-
style="background-color: #
|
|
501
|
+
style="background-color: #ffffff1a;">
|
|
502
502
|
</div>
|
|
503
503
|
|
|
504
504
|
</td>
|
|
505
505
|
</tr>
|
|
506
506
|
<tr>
|
|
507
507
|
<td class="with-icons is-vcentered"
|
|
508
|
-
id="origin-
|
|
509
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
510
|
-
|
|
511
|
-
<a href="#origin-
|
|
508
|
+
id="origin-originColorsReferenceOnlyYang030"
|
|
509
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 030; ">
|
|
510
|
+
originColorsReferenceOnlyYang030
|
|
511
|
+
<a href="#origin-originColorsReferenceOnlyYang030"
|
|
512
512
|
title="permalink"
|
|
513
513
|
class="permalink">
|
|
514
514
|
🔗
|
|
515
515
|
</a>
|
|
516
516
|
</td>
|
|
517
517
|
<td class="is-vcentered">
|
|
518
|
-
<pre>#
|
|
518
|
+
<pre>#ffffff4d</pre>
|
|
519
519
|
</td>
|
|
520
520
|
<td class="is-vcentered">
|
|
521
521
|
<div class="table__color-preview"
|
|
522
|
-
style="background-color: #
|
|
522
|
+
style="background-color: #ffffff4d;">
|
|
523
523
|
</div>
|
|
524
524
|
|
|
525
525
|
</td>
|
|
526
526
|
</tr>
|
|
527
527
|
<tr>
|
|
528
528
|
<td class="with-icons is-vcentered"
|
|
529
|
-
id="origin-
|
|
530
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
531
|
-
|
|
532
|
-
<a href="#origin-
|
|
529
|
+
id="origin-originColorsReferenceOnlyYang080"
|
|
530
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 080; ">
|
|
531
|
+
originColorsReferenceOnlyYang080
|
|
532
|
+
<a href="#origin-originColorsReferenceOnlyYang080"
|
|
533
533
|
title="permalink"
|
|
534
534
|
class="permalink">
|
|
535
535
|
🔗
|
|
536
536
|
</a>
|
|
537
537
|
</td>
|
|
538
538
|
<td class="is-vcentered">
|
|
539
|
-
<pre>#
|
|
539
|
+
<pre>#ffffffcc</pre>
|
|
540
540
|
</td>
|
|
541
541
|
<td class="is-vcentered">
|
|
542
542
|
<div class="table__color-preview"
|
|
543
|
-
style="background-color: #
|
|
543
|
+
style="background-color: #ffffffcc;">
|
|
544
544
|
</div>
|
|
545
545
|
|
|
546
546
|
</td>
|
|
@@ -488,63 +488,63 @@
|
|
|
488
488
|
</tr>
|
|
489
489
|
<tr>
|
|
490
490
|
<td class="with-icons is-vcentered"
|
|
491
|
-
id="origin-
|
|
492
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
493
|
-
|
|
494
|
-
<a href="#origin-
|
|
491
|
+
id="origin-originColorsReferenceOnlyYang010"
|
|
492
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 010; ">
|
|
493
|
+
originColorsReferenceOnlyYang010
|
|
494
|
+
<a href="#origin-originColorsReferenceOnlyYang010"
|
|
495
495
|
title="permalink"
|
|
496
496
|
class="permalink">
|
|
497
497
|
🔗
|
|
498
498
|
</a>
|
|
499
499
|
</td>
|
|
500
500
|
<td class="is-vcentered">
|
|
501
|
-
<pre>#
|
|
501
|
+
<pre>#ffffff1a</pre>
|
|
502
502
|
</td>
|
|
503
503
|
<td class="is-vcentered">
|
|
504
504
|
<div class="table__color-preview"
|
|
505
|
-
style="background-color: #
|
|
505
|
+
style="background-color: #ffffff1a;">
|
|
506
506
|
</div>
|
|
507
507
|
|
|
508
508
|
</td>
|
|
509
509
|
</tr>
|
|
510
510
|
<tr>
|
|
511
511
|
<td class="with-icons is-vcentered"
|
|
512
|
-
id="origin-
|
|
513
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
514
|
-
|
|
515
|
-
<a href="#origin-
|
|
512
|
+
id="origin-originColorsReferenceOnlyYang030"
|
|
513
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 030; ">
|
|
514
|
+
originColorsReferenceOnlyYang030
|
|
515
|
+
<a href="#origin-originColorsReferenceOnlyYang030"
|
|
516
516
|
title="permalink"
|
|
517
517
|
class="permalink">
|
|
518
518
|
🔗
|
|
519
519
|
</a>
|
|
520
520
|
</td>
|
|
521
521
|
<td class="is-vcentered">
|
|
522
|
-
<pre>#
|
|
522
|
+
<pre>#ffffff4d</pre>
|
|
523
523
|
</td>
|
|
524
524
|
<td class="is-vcentered">
|
|
525
525
|
<div class="table__color-preview"
|
|
526
|
-
style="background-color: #
|
|
526
|
+
style="background-color: #ffffff4d;">
|
|
527
527
|
</div>
|
|
528
528
|
|
|
529
529
|
</td>
|
|
530
530
|
</tr>
|
|
531
531
|
<tr>
|
|
532
532
|
<td class="with-icons is-vcentered"
|
|
533
|
-
id="origin-
|
|
534
|
-
title="theme: origin; category: origin-colors (reference only); name: yang; variant:
|
|
535
|
-
|
|
536
|
-
<a href="#origin-
|
|
533
|
+
id="origin-originColorsReferenceOnlyYang080"
|
|
534
|
+
title="theme: origin; category: origin-colors (reference only); name: yang; variant: 080; ">
|
|
535
|
+
originColorsReferenceOnlyYang080
|
|
536
|
+
<a href="#origin-originColorsReferenceOnlyYang080"
|
|
537
537
|
title="permalink"
|
|
538
538
|
class="permalink">
|
|
539
539
|
🔗
|
|
540
540
|
</a>
|
|
541
541
|
</td>
|
|
542
542
|
<td class="is-vcentered">
|
|
543
|
-
<pre>#
|
|
543
|
+
<pre>#ffffffcc</pre>
|
|
544
544
|
</td>
|
|
545
545
|
<td class="is-vcentered">
|
|
546
546
|
<div class="table__color-preview"
|
|
547
|
-
style="background-color: #
|
|
547
|
+
style="background-color: #ffffffcc;">
|
|
548
548
|
</div>
|
|
549
549
|
|
|
550
550
|
</td>
|
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 Thu, 19 Jan 2023 16:25:30 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
#define colorsActionReadOnly500 #e6ebedff
|
|
79
79
|
#define colorsActionReadOnly600 #ccd6dbff
|
|
80
80
|
#define colorsSemanticNeutral200 #ccd6dbff
|
|
81
|
+
#define colorsSemanticNeutral400 #668494ff
|
|
81
82
|
#define colorsSemanticNeutral500 #335b70ff
|
|
82
83
|
#define colorsSemanticNeutral600 #00324cff
|
|
83
84
|
#define colorsSemanticNeutralTransparent #00000000
|
|
@@ -118,6 +119,7 @@
|
|
|
118
119
|
#define colorsSemanticCautionYin090 #000000e6
|
|
119
120
|
#define colorsSemanticCautionYang100 #ffffffff
|
|
120
121
|
#define colorsSemanticInfo150 #b3cfe5ff
|
|
122
|
+
#define colorsSemanticInfo400 #3380b9ff
|
|
121
123
|
#define colorsSemanticInfo500 #0060a7ff
|
|
122
124
|
#define colorsSemanticInfo600 #004d86ff
|
|
123
125
|
#define colorsSemanticInfoTransparent #00000000
|
package/ios/dashboard/darkMode.h
CHANGED
package/ios/origin.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 19 Jan 2023 16:25:30 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
#define originColorsReferenceOnlyYin075 #000000bf
|
|
22
22
|
#define originColorsReferenceOnlyYin090 #000000e6
|
|
23
23
|
#define originColorsReferenceOnlyYang100 #ffffffff
|
|
24
|
+
#define originColorsReferenceOnlyYang010 #ffffff1a
|
|
24
25
|
#define originColorsReferenceOnlyYang030 #ffffff4d
|
|
25
26
|
#define originColorsReferenceOnlyYang080 #ffffffcc
|
|
26
|
-
#define originColorsReferenceOnlyYang010 #ffffff1a
|
|
27
27
|
#define originColorsReferenceOnlyMalachite100 #8df79fff
|
|
28
28
|
#define originColorsReferenceOnlyMalachite200 #42eb64ff
|
|
29
29
|
#define originColorsReferenceOnlyMalachite300 #00d639ff
|
package/js/base/common.d.ts
CHANGED
|
@@ -66,6 +66,7 @@ export const colorsActionReadOnly400: string;
|
|
|
66
66
|
export const colorsActionReadOnly500: string;
|
|
67
67
|
export const colorsActionReadOnly600: string;
|
|
68
68
|
export const colorsSemanticNeutral200: string;
|
|
69
|
+
export const colorsSemanticNeutral400: string;
|
|
69
70
|
export const colorsSemanticNeutral500: string;
|
|
70
71
|
export const colorsSemanticNeutral600: string;
|
|
71
72
|
export const colorsSemanticNeutralTransparent: string;
|
|
@@ -106,6 +107,7 @@ export const colorsSemanticCautionYin065: string;
|
|
|
106
107
|
export const colorsSemanticCautionYin090: string;
|
|
107
108
|
export const colorsSemanticCautionYang100: string;
|
|
108
109
|
export const colorsSemanticInfo150: string;
|
|
110
|
+
export const colorsSemanticInfo400: string;
|
|
109
111
|
export const colorsSemanticInfo500: string;
|
|
110
112
|
export const colorsSemanticInfo600: string;
|
|
111
113
|
export const colorsSemanticInfoTransparent: 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 Thu, 19 Jan 2023 16:25:29 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -76,6 +76,7 @@ module.exports = {
|
|
|
76
76
|
colorsActionReadOnly500: '#e6ebedff',
|
|
77
77
|
colorsActionReadOnly600: '#ccd6dbff',
|
|
78
78
|
colorsSemanticNeutral200: '#ccd6dbff',
|
|
79
|
+
colorsSemanticNeutral400: '#668494ff',
|
|
79
80
|
colorsSemanticNeutral500: '#335b70ff',
|
|
80
81
|
colorsSemanticNeutral600: '#00324cff',
|
|
81
82
|
colorsSemanticNeutralTransparent: '#00000000',
|
|
@@ -116,6 +117,7 @@ module.exports = {
|
|
|
116
117
|
colorsSemanticCautionYin090: '#000000e6',
|
|
117
118
|
colorsSemanticCautionYang100: '#ffffffff',
|
|
118
119
|
colorsSemanticInfo150: '#b3cfe5ff',
|
|
120
|
+
colorsSemanticInfo400: '#3380b9ff',
|
|
119
121
|
colorsSemanticInfo500: '#0060a7ff',
|
|
120
122
|
colorsSemanticInfo600: '#004d86ff',
|
|
121
123
|
colorsSemanticInfoTransparent: '#00000000',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -67,6 +67,7 @@ declare namespace _default {
|
|
|
67
67
|
const colorsActionReadOnly500: string;
|
|
68
68
|
const colorsActionReadOnly600: string;
|
|
69
69
|
const colorsSemanticNeutral200: string;
|
|
70
|
+
const colorsSemanticNeutral400: string;
|
|
70
71
|
const colorsSemanticNeutral500: string;
|
|
71
72
|
const colorsSemanticNeutral600: string;
|
|
72
73
|
const colorsSemanticNeutralTransparent: string;
|
|
@@ -107,6 +108,7 @@ declare namespace _default {
|
|
|
107
108
|
const colorsSemanticCautionYin090: string;
|
|
108
109
|
const colorsSemanticCautionYang100: string;
|
|
109
110
|
const colorsSemanticInfo150: string;
|
|
111
|
+
const colorsSemanticInfo400: string;
|
|
110
112
|
const colorsSemanticInfo500: string;
|
|
111
113
|
const colorsSemanticInfo600: string;
|
|
112
114
|
const colorsSemanticInfoTransparent: string;
|
package/js/base/es6.js
CHANGED
|
@@ -71,6 +71,7 @@ export default {
|
|
|
71
71
|
colorsActionReadOnly500: '#e6ebedff',
|
|
72
72
|
colorsActionReadOnly600: '#ccd6dbff',
|
|
73
73
|
colorsSemanticNeutral200: '#ccd6dbff',
|
|
74
|
+
colorsSemanticNeutral400: '#668494ff',
|
|
74
75
|
colorsSemanticNeutral500: '#335b70ff',
|
|
75
76
|
colorsSemanticNeutral600: '#00324cff',
|
|
76
77
|
colorsSemanticNeutralTransparent: '#00000000',
|
|
@@ -111,6 +112,7 @@ export default {
|
|
|
111
112
|
colorsSemanticCautionYin090: '#000000e6',
|
|
112
113
|
colorsSemanticCautionYang100: '#ffffffff',
|
|
113
114
|
colorsSemanticInfo150: '#b3cfe5ff',
|
|
115
|
+
colorsSemanticInfo400: '#3380b9ff',
|
|
114
116
|
colorsSemanticInfo500: '#0060a7ff',
|
|
115
117
|
colorsSemanticInfo600: '#004d86ff',
|
|
116
118
|
colorsSemanticInfoTransparent: '#00000000',
|
package/js/origin/common.d.ts
CHANGED
|
@@ -9,9 +9,9 @@ export const originColorsReferenceOnlyYin065: string;
|
|
|
9
9
|
export const originColorsReferenceOnlyYin075: string;
|
|
10
10
|
export const originColorsReferenceOnlyYin090: string;
|
|
11
11
|
export const originColorsReferenceOnlyYang100: string;
|
|
12
|
+
export const originColorsReferenceOnlyYang010: string;
|
|
12
13
|
export const originColorsReferenceOnlyYang030: string;
|
|
13
14
|
export const originColorsReferenceOnlyYang080: string;
|
|
14
|
-
export const originColorsReferenceOnlyYang010: string;
|
|
15
15
|
export const originColorsReferenceOnlyMalachite100: string;
|
|
16
16
|
export const originColorsReferenceOnlyMalachite200: string;
|
|
17
17
|
export const originColorsReferenceOnlyMalachite300: string;
|
package/js/origin/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 Thu, 19 Jan 2023 16:25:30 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -19,9 +19,9 @@ module.exports = {
|
|
|
19
19
|
originColorsReferenceOnlyYin075: '#000000bf',
|
|
20
20
|
originColorsReferenceOnlyYin090: '#000000e6',
|
|
21
21
|
originColorsReferenceOnlyYang100: '#ffffffff',
|
|
22
|
+
originColorsReferenceOnlyYang010: '#ffffff1a',
|
|
22
23
|
originColorsReferenceOnlyYang030: '#ffffff4d',
|
|
23
24
|
originColorsReferenceOnlyYang080: '#ffffffcc',
|
|
24
|
-
originColorsReferenceOnlyYang010: '#ffffff1a',
|
|
25
25
|
originColorsReferenceOnlyMalachite100: '#8df79fff',
|
|
26
26
|
originColorsReferenceOnlyMalachite200: '#42eb64ff',
|
|
27
27
|
originColorsReferenceOnlyMalachite300: '#00d639ff',
|
package/js/origin/es6.d.ts
CHANGED
|
@@ -10,9 +10,9 @@ declare namespace _default {
|
|
|
10
10
|
const originColorsReferenceOnlyYin075: string;
|
|
11
11
|
const originColorsReferenceOnlyYin090: string;
|
|
12
12
|
const originColorsReferenceOnlyYang100: string;
|
|
13
|
+
const originColorsReferenceOnlyYang010: string;
|
|
13
14
|
const originColorsReferenceOnlyYang030: string;
|
|
14
15
|
const originColorsReferenceOnlyYang080: string;
|
|
15
|
-
const originColorsReferenceOnlyYang010: string;
|
|
16
16
|
const originColorsReferenceOnlyMalachite100: string;
|
|
17
17
|
const originColorsReferenceOnlyMalachite200: string;
|
|
18
18
|
const originColorsReferenceOnlyMalachite300: string;
|
package/js/origin/es6.js
CHANGED
|
@@ -14,9 +14,9 @@ export default {
|
|
|
14
14
|
originColorsReferenceOnlyYin075: '#000000bf',
|
|
15
15
|
originColorsReferenceOnlyYin090: '#000000e6',
|
|
16
16
|
originColorsReferenceOnlyYang100: '#ffffffff',
|
|
17
|
+
originColorsReferenceOnlyYang010: '#ffffff1a',
|
|
17
18
|
originColorsReferenceOnlyYang030: '#ffffff4d',
|
|
18
19
|
originColorsReferenceOnlyYang080: '#ffffffcc',
|
|
19
|
-
originColorsReferenceOnlyYang010: '#ffffff1a',
|
|
20
20
|
originColorsReferenceOnlyMalachite100: '#8df79fff',
|
|
21
21
|
originColorsReferenceOnlyMalachite200: '#42eb64ff',
|
|
22
22
|
originColorsReferenceOnlyMalachite300: '#00d639ff',
|
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.3.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 Thu, 19 Jan 2023 16:25:30 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -74,6 +74,7 @@ $colorsActionReadOnly400: #f2f5f6ff;
|
|
|
74
74
|
$colorsActionReadOnly500: #e6ebedff;
|
|
75
75
|
$colorsActionReadOnly600: #ccd6dbff;
|
|
76
76
|
$colorsSemanticNeutral200: #ccd6dbff;
|
|
77
|
+
$colorsSemanticNeutral400: #668494ff;
|
|
77
78
|
$colorsSemanticNeutral500: #335b70ff;
|
|
78
79
|
$colorsSemanticNeutral600: #00324cff;
|
|
79
80
|
$colorsSemanticNeutralTransparent: #00000000;
|
|
@@ -114,6 +115,7 @@ $colorsSemanticCautionYin065: #000000a6;
|
|
|
114
115
|
$colorsSemanticCautionYin090: #000000e6;
|
|
115
116
|
$colorsSemanticCautionYang100: #ffffffff;
|
|
116
117
|
$colorsSemanticInfo150: #b3cfe5ff;
|
|
118
|
+
$colorsSemanticInfo400: #3380b9ff;
|
|
117
119
|
$colorsSemanticInfo500: #0060a7ff;
|
|
118
120
|
$colorsSemanticInfo600: #004d86ff;
|
|
119
121
|
$colorsSemanticInfoTransparent: #00000000;
|
|
@@ -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 Thu, 19 Jan 2023 16:25:30 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 Thu, 19 Jan 2023 16:25:30 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Light-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
package/scss/origin.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 Thu, 19 Jan 2023 16:25:30 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Origin Token Set;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -17,9 +17,9 @@ $originColorsReferenceOnlyYin065: #000000a6;
|
|
|
17
17
|
$originColorsReferenceOnlyYin075: #000000bf;
|
|
18
18
|
$originColorsReferenceOnlyYin090: #000000e6;
|
|
19
19
|
$originColorsReferenceOnlyYang100: #ffffffff;
|
|
20
|
+
$originColorsReferenceOnlyYang010: #ffffff1a;
|
|
20
21
|
$originColorsReferenceOnlyYang030: #ffffff4d;
|
|
21
22
|
$originColorsReferenceOnlyYang080: #ffffffcc;
|
|
22
|
-
$originColorsReferenceOnlyYang010: #ffffff1a;
|
|
23
23
|
$originColorsReferenceOnlyMalachite100: #8df79fff;
|
|
24
24
|
$originColorsReferenceOnlyMalachite200: #42eb64ff;
|
|
25
25
|
$originColorsReferenceOnlyMalachite300: #00d639ff;
|
|
Binary file
|