@sage/design-tokens 4.22.0 → 4.24.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 +4 -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 +4 -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 +14 -0
- package/docs/tokens/base/colors/index.html +42 -0
- package/docs/tokens/base/index.html +63 -0
- package/docs/tokens/base/spacing/index.html +21 -0
- package/docs/tokens/index.html +63 -0
- package/ios/base.h +4 -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 +3 -0
- package/js/base/common.js +4 -1
- package/js/base/es6.d.ts +3 -0
- package/js/base/es6.js +3 -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.24.0.tgz +0 -0
- package/scss/base.scss +4 -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.22.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, 21 Sep 2023 08:11:39 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -22,11 +22,13 @@
|
|
|
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>
|
|
25
26
|
<string name="colorsUtilityYin030">#0000004d</string>
|
|
26
27
|
<string name="colorsUtilityYin055">#0000008c</string>
|
|
27
28
|
<string name="colorsUtilityYin065">#000000a6</string>
|
|
28
29
|
<string name="colorsUtilityYin090">#000000e6</string>
|
|
29
30
|
<string name="colorsUtilityYang100">#ffffffff</string>
|
|
31
|
+
<string name="colorsUtilityYang030">#ffffff4d</string>
|
|
30
32
|
<string name="colorsUtilityYang080">#ffffffcc</string>
|
|
31
33
|
<string name="colorsUtilityDisabled400">#f2f5f6ff</string>
|
|
32
34
|
<string name="colorsUtilityDisabled500">#e6ebedff</string>
|
|
@@ -278,6 +280,7 @@
|
|
|
278
280
|
<string name="spacing000">0</string>
|
|
279
281
|
<string name="spacing010">1px</string>
|
|
280
282
|
<string name="spacing025">2px</string>
|
|
283
|
+
<string name="spacing035">3px</string>
|
|
281
284
|
<string name="spacing050">4px</string>
|
|
282
285
|
<string name="spacing060">5px</string>
|
|
283
286
|
<string name="spacing075">6px</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 Thu, 21 Sep 2023 08:11:39 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -25,11 +25,13 @@ 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;
|
|
28
29
|
--colorsUtilityYin030: #0000004d;
|
|
29
30
|
--colorsUtilityYin055: #0000008c;
|
|
30
31
|
--colorsUtilityYin065: #000000a6;
|
|
31
32
|
--colorsUtilityYin090: #000000e6;
|
|
32
33
|
--colorsUtilityYang100: #ffffffff;
|
|
34
|
+
--colorsUtilityYang030: #ffffff4d;
|
|
33
35
|
--colorsUtilityYang080: #ffffffcc;
|
|
34
36
|
--colorsUtilityDisabled400: #f2f5f6ff;
|
|
35
37
|
--colorsUtilityDisabled500: #e6ebedff;
|
|
@@ -281,6 +283,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
281
283
|
--spacing000: 0;
|
|
282
284
|
--spacing010: 1px;
|
|
283
285
|
--spacing025: 2px;
|
|
286
|
+
--spacing035: 3px;
|
|
284
287
|
--spacing050: 4px;
|
|
285
288
|
--spacing060: 5px;
|
|
286
289
|
--spacing075: 6px;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -704,6 +704,11 @@
|
|
|
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
|
+
},
|
|
707
712
|
"030": {
|
|
708
713
|
"value": "#0000004d",
|
|
709
714
|
"type": "color"
|
|
@@ -726,6 +731,11 @@
|
|
|
726
731
|
"value": "#ffffffff",
|
|
727
732
|
"type": "color"
|
|
728
733
|
},
|
|
734
|
+
"030": {
|
|
735
|
+
"value": "#ffffff4d",
|
|
736
|
+
"type": "color",
|
|
737
|
+
"description": "subtle outline element divider on dark surface"
|
|
738
|
+
},
|
|
729
739
|
"080": {
|
|
730
740
|
"value": "#ffffffcc",
|
|
731
741
|
"type": "color",
|
|
@@ -1975,6 +1985,10 @@
|
|
|
1975
1985
|
"value": "2px",
|
|
1976
1986
|
"type": "spacing"
|
|
1977
1987
|
},
|
|
1988
|
+
"035": {
|
|
1989
|
+
"value": "3px",
|
|
1990
|
+
"type": "spacing"
|
|
1991
|
+
},
|
|
1978
1992
|
"050": {
|
|
1979
1993
|
"value": "4px",
|
|
1980
1994
|
"type": "spacing"
|
|
@@ -612,6 +612,27 @@
|
|
|
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>
|
|
615
636
|
<tr>
|
|
616
637
|
<td class="with-icons is-vcentered"
|
|
617
638
|
id="base-colorsUtilityYin030"
|
|
@@ -717,6 +738,27 @@
|
|
|
717
738
|
|
|
718
739
|
</td>
|
|
719
740
|
</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>
|
|
720
762
|
<tr>
|
|
721
763
|
<td class="with-icons is-vcentered"
|
|
722
764
|
id="base-colorsUtilityYang080"
|
|
@@ -608,6 +608,27 @@
|
|
|
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>
|
|
611
632
|
<tr>
|
|
612
633
|
<td class="with-icons is-vcentered"
|
|
613
634
|
id="base-colorsUtilityYin030"
|
|
@@ -713,6 +734,27 @@
|
|
|
713
734
|
|
|
714
735
|
</td>
|
|
715
736
|
</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>
|
|
716
758
|
<tr>
|
|
717
759
|
<td class="with-icons is-vcentered"
|
|
718
760
|
id="base-colorsUtilityYang080"
|
|
@@ -6018,6 +6060,27 @@
|
|
|
6018
6060
|
|
|
6019
6061
|
</td>
|
|
6020
6062
|
</tr>
|
|
6063
|
+
<tr>
|
|
6064
|
+
<td class="with-icons is-vcentered"
|
|
6065
|
+
id="base-spacing035"
|
|
6066
|
+
title="theme: base; category: spacing; variant: 035; ">
|
|
6067
|
+
spacing035
|
|
6068
|
+
<a href="#base-spacing035"
|
|
6069
|
+
title="permalink"
|
|
6070
|
+
class="permalink">
|
|
6071
|
+
🔗
|
|
6072
|
+
</a>
|
|
6073
|
+
</td>
|
|
6074
|
+
<td class="is-vcentered">
|
|
6075
|
+
<pre>3px</pre>
|
|
6076
|
+
</td>
|
|
6077
|
+
<td class="is-vcentered">
|
|
6078
|
+
<div class="table__spacing-preview"
|
|
6079
|
+
style="width: 3px">
|
|
6080
|
+
</div>
|
|
6081
|
+
|
|
6082
|
+
</td>
|
|
6083
|
+
</tr>
|
|
6021
6084
|
<tr>
|
|
6022
6085
|
<td class="with-icons is-vcentered"
|
|
6023
6086
|
id="base-spacing050"
|
|
@@ -675,6 +675,27 @@
|
|
|
675
675
|
|
|
676
676
|
</td>
|
|
677
677
|
</tr>
|
|
678
|
+
<tr>
|
|
679
|
+
<td class="with-icons is-vcentered"
|
|
680
|
+
id="base-spacing035"
|
|
681
|
+
title="theme: base; category: spacing; variant: 035; ">
|
|
682
|
+
spacing035
|
|
683
|
+
<a href="#base-spacing035"
|
|
684
|
+
title="permalink"
|
|
685
|
+
class="permalink">
|
|
686
|
+
🔗
|
|
687
|
+
</a>
|
|
688
|
+
</td>
|
|
689
|
+
<td class="is-vcentered">
|
|
690
|
+
<pre>3px</pre>
|
|
691
|
+
</td>
|
|
692
|
+
<td class="is-vcentered">
|
|
693
|
+
<div class="table__spacing-preview"
|
|
694
|
+
style="width: 3px">
|
|
695
|
+
</div>
|
|
696
|
+
|
|
697
|
+
</td>
|
|
698
|
+
</tr>
|
|
678
699
|
<tr>
|
|
679
700
|
<td class="with-icons is-vcentered"
|
|
680
701
|
id="base-spacing050"
|
package/docs/tokens/index.html
CHANGED
|
@@ -3076,6 +3076,27 @@
|
|
|
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>
|
|
3079
3100
|
<tr>
|
|
3080
3101
|
<td class="with-icons is-vcentered"
|
|
3081
3102
|
id="base-colorsUtilityYin030"
|
|
@@ -3181,6 +3202,27 @@
|
|
|
3181
3202
|
|
|
3182
3203
|
</td>
|
|
3183
3204
|
</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>
|
|
3184
3226
|
<tr>
|
|
3185
3227
|
<td class="with-icons is-vcentered"
|
|
3186
3228
|
id="base-colorsUtilityYang080"
|
|
@@ -8496,6 +8538,27 @@
|
|
|
8496
8538
|
|
|
8497
8539
|
</td>
|
|
8498
8540
|
</tr>
|
|
8541
|
+
<tr>
|
|
8542
|
+
<td class="with-icons is-vcentered"
|
|
8543
|
+
id="base-spacing035"
|
|
8544
|
+
title="theme: base; category: spacing; variant: 035; ">
|
|
8545
|
+
spacing035
|
|
8546
|
+
<a href="#base-spacing035"
|
|
8547
|
+
title="permalink"
|
|
8548
|
+
class="permalink">
|
|
8549
|
+
🔗
|
|
8550
|
+
</a>
|
|
8551
|
+
</td>
|
|
8552
|
+
<td class="is-vcentered">
|
|
8553
|
+
<pre>3px</pre>
|
|
8554
|
+
</td>
|
|
8555
|
+
<td class="is-vcentered">
|
|
8556
|
+
<div class="table__spacing-preview"
|
|
8557
|
+
style="width: 3px">
|
|
8558
|
+
</div>
|
|
8559
|
+
|
|
8560
|
+
</td>
|
|
8561
|
+
</tr>
|
|
8499
8562
|
<tr>
|
|
8500
8563
|
<td class="with-icons is-vcentered"
|
|
8501
8564
|
id="base-spacing050"
|
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, 21 Sep 2023 08:11:39 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -27,11 +27,13 @@
|
|
|
27
27
|
#define colorsUtilityMajor075 #d9e0e4ff
|
|
28
28
|
#define colorsUtilityMajorTransparent #00000000
|
|
29
29
|
#define colorsUtilityYin100 #000000ff
|
|
30
|
+
#define colorsUtilityYin010 #0000001a
|
|
30
31
|
#define colorsUtilityYin030 #0000004d
|
|
31
32
|
#define colorsUtilityYin055 #0000008c
|
|
32
33
|
#define colorsUtilityYin065 #000000a6
|
|
33
34
|
#define colorsUtilityYin090 #000000e6
|
|
34
35
|
#define colorsUtilityYang100 #ffffffff
|
|
36
|
+
#define colorsUtilityYang030 #ffffff4d
|
|
35
37
|
#define colorsUtilityYang080 #ffffffcc
|
|
36
38
|
#define colorsUtilityDisabled400 #f2f5f6ff
|
|
37
39
|
#define colorsUtilityDisabled500 #e6ebedff
|
|
@@ -283,6 +285,7 @@
|
|
|
283
285
|
#define spacing000 0
|
|
284
286
|
#define spacing010 1px
|
|
285
287
|
#define spacing025 2px
|
|
288
|
+
#define spacing035 3px
|
|
286
289
|
#define spacing050 4px
|
|
287
290
|
#define spacing060 5px
|
|
288
291
|
#define spacing075 6px
|
package/ios/dashboard/darkMode.h
CHANGED
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -15,11 +15,13 @@ 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;
|
|
18
19
|
export const colorsUtilityYin030: string;
|
|
19
20
|
export const colorsUtilityYin055: string;
|
|
20
21
|
export const colorsUtilityYin065: string;
|
|
21
22
|
export const colorsUtilityYin090: string;
|
|
22
23
|
export const colorsUtilityYang100: string;
|
|
24
|
+
export const colorsUtilityYang030: string;
|
|
23
25
|
export const colorsUtilityYang080: string;
|
|
24
26
|
export const colorsUtilityDisabled400: string;
|
|
25
27
|
export const colorsUtilityDisabled500: string;
|
|
@@ -271,6 +273,7 @@ export const spacing1000: string;
|
|
|
271
273
|
export const spacing000: string;
|
|
272
274
|
export const spacing010: string;
|
|
273
275
|
export const spacing025: string;
|
|
276
|
+
export const spacing035: string;
|
|
274
277
|
export const spacing050: string;
|
|
275
278
|
export const spacing060: string;
|
|
276
279
|
export const spacing075: 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, 21 Sep 2023 08:11:38 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -25,11 +25,13 @@ module.exports = {
|
|
|
25
25
|
colorsUtilityMajor075: '#d9e0e4ff',
|
|
26
26
|
colorsUtilityMajorTransparent: '#00000000',
|
|
27
27
|
colorsUtilityYin100: '#000000ff',
|
|
28
|
+
colorsUtilityYin010: '#0000001a',
|
|
28
29
|
colorsUtilityYin030: '#0000004d',
|
|
29
30
|
colorsUtilityYin055: '#0000008c',
|
|
30
31
|
colorsUtilityYin065: '#000000a6',
|
|
31
32
|
colorsUtilityYin090: '#000000e6',
|
|
32
33
|
colorsUtilityYang100: '#ffffffff',
|
|
34
|
+
colorsUtilityYang030: '#ffffff4d',
|
|
33
35
|
colorsUtilityYang080: '#ffffffcc',
|
|
34
36
|
colorsUtilityDisabled400: '#f2f5f6ff',
|
|
35
37
|
colorsUtilityDisabled500: '#e6ebedff',
|
|
@@ -281,6 +283,7 @@ module.exports = {
|
|
|
281
283
|
spacing000: '0',
|
|
282
284
|
spacing010: '1px',
|
|
283
285
|
spacing025: '2px',
|
|
286
|
+
spacing035: '3px',
|
|
284
287
|
spacing050: '4px',
|
|
285
288
|
spacing060: '5px',
|
|
286
289
|
spacing075: '6px',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -16,11 +16,13 @@ declare namespace _default {
|
|
|
16
16
|
const colorsUtilityMajor075: string;
|
|
17
17
|
const colorsUtilityMajorTransparent: string;
|
|
18
18
|
const colorsUtilityYin100: string;
|
|
19
|
+
const colorsUtilityYin010: string;
|
|
19
20
|
const colorsUtilityYin030: string;
|
|
20
21
|
const colorsUtilityYin055: string;
|
|
21
22
|
const colorsUtilityYin065: string;
|
|
22
23
|
const colorsUtilityYin090: string;
|
|
23
24
|
const colorsUtilityYang100: string;
|
|
25
|
+
const colorsUtilityYang030: string;
|
|
24
26
|
const colorsUtilityYang080: string;
|
|
25
27
|
const colorsUtilityDisabled400: string;
|
|
26
28
|
const colorsUtilityDisabled500: string;
|
|
@@ -272,6 +274,7 @@ declare namespace _default {
|
|
|
272
274
|
const spacing000: string;
|
|
273
275
|
const spacing010: string;
|
|
274
276
|
const spacing025: string;
|
|
277
|
+
const spacing035: string;
|
|
275
278
|
const spacing050: string;
|
|
276
279
|
const spacing060: string;
|
|
277
280
|
const spacing075: string;
|
package/js/base/es6.js
CHANGED
|
@@ -20,11 +20,13 @@ export default {
|
|
|
20
20
|
colorsUtilityMajor075: '#d9e0e4ff',
|
|
21
21
|
colorsUtilityMajorTransparent: '#00000000',
|
|
22
22
|
colorsUtilityYin100: '#000000ff',
|
|
23
|
+
colorsUtilityYin010: '#0000001a',
|
|
23
24
|
colorsUtilityYin030: '#0000004d',
|
|
24
25
|
colorsUtilityYin055: '#0000008c',
|
|
25
26
|
colorsUtilityYin065: '#000000a6',
|
|
26
27
|
colorsUtilityYin090: '#000000e6',
|
|
27
28
|
colorsUtilityYang100: '#ffffffff',
|
|
29
|
+
colorsUtilityYang030: '#ffffff4d',
|
|
28
30
|
colorsUtilityYang080: '#ffffffcc',
|
|
29
31
|
colorsUtilityDisabled400: '#f2f5f6ff',
|
|
30
32
|
colorsUtilityDisabled500: '#e6ebedff',
|
|
@@ -276,6 +278,7 @@ export default {
|
|
|
276
278
|
spacing000: '0',
|
|
277
279
|
spacing010: '1px',
|
|
278
280
|
spacing025: '2px',
|
|
281
|
+
spacing035: '3px',
|
|
279
282
|
spacing050: '4px',
|
|
280
283
|
spacing060: '5px',
|
|
281
284
|
spacing075: '6px',
|
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.24.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, 21 Sep 2023 08:11:39 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -23,11 +23,13 @@ $colorsUtilityMajor050: #e6ebedff;
|
|
|
23
23
|
$colorsUtilityMajor075: #d9e0e4ff;
|
|
24
24
|
$colorsUtilityMajorTransparent: #00000000;
|
|
25
25
|
$colorsUtilityYin100: #000000ff;
|
|
26
|
+
$colorsUtilityYin010: #0000001a;
|
|
26
27
|
$colorsUtilityYin030: #0000004d;
|
|
27
28
|
$colorsUtilityYin055: #0000008c;
|
|
28
29
|
$colorsUtilityYin065: #000000a6;
|
|
29
30
|
$colorsUtilityYin090: #000000e6;
|
|
30
31
|
$colorsUtilityYang100: #ffffffff;
|
|
32
|
+
$colorsUtilityYang030: #ffffff4d;
|
|
31
33
|
$colorsUtilityYang080: #ffffffcc;
|
|
32
34
|
$colorsUtilityDisabled400: #f2f5f6ff;
|
|
33
35
|
$colorsUtilityDisabled500: #e6ebedff;
|
|
@@ -279,6 +281,7 @@ $spacing1000: 80px;
|
|
|
279
281
|
$spacing000: 0;
|
|
280
282
|
$spacing010: 1px;
|
|
281
283
|
$spacing025: 2px;
|
|
284
|
+
$spacing035: 3px;
|
|
282
285
|
$spacing050: 4px;
|
|
283
286
|
$spacing060: 5px;
|
|
284
287
|
$spacing075: 6px;
|
|
@@ -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, 21 Sep 2023 08:11:39 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, 21 Sep 2023 08:11:39 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Light-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
package/scss/origin.scss
CHANGED
|
Binary file
|