@sage/design-tokens 2.52.0 → 2.54.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 +1 -2
- package/android/origin.xml +121 -0
- package/css/base.css +1 -2
- package/css/origin.css +123 -0
- package/data/tokens.json +598 -11
- package/docs/tokens/base/border-radius/index.html +12 -21
- package/docs/tokens/base/border-width/index.html +12 -0
- package/docs/tokens/base/box-shadow/index.html +12 -0
- package/docs/tokens/base/colors/index.html +12 -0
- package/docs/tokens/base/font-families/index.html +12 -0
- package/docs/tokens/base/font-sizes/index.html +12 -0
- package/docs/tokens/base/font-weights/index.html +12 -0
- package/docs/tokens/base/index.html +12 -21
- package/docs/tokens/base/line-heights/index.html +12 -0
- package/docs/tokens/base/opacity/index.html +12 -0
- package/docs/tokens/base/sizing/index.html +12 -0
- package/docs/tokens/base/spacing/index.html +12 -0
- package/docs/tokens/base/typography/index.html +12 -0
- package/docs/tokens/index.html +2348 -21
- package/docs/tokens/origin/index.html +2621 -0
- package/docs/tokens/origin/origin/index.html +2626 -0
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/ios/base.h +1 -2
- package/ios/origin.h +125 -0
- package/js/base/common.d.ts +0 -1
- package/js/base/common.js +1 -2
- package/js/base/es6.d.ts +0 -1
- package/js/base/es6.js +0 -1
- package/js/origin/common.d.ts +112 -0
- package/js/origin/common.js +123 -0
- package/js/origin/es6.d.ts +115 -0
- package/js/origin/es6.js +118 -0
- package/package.json +1 -1
- package/sage-design-tokens-2.54.0.tgz +0 -0
- package/scss/base.scss +1 -2
- package/scss/origin.scss +120 -0
- package/sage-design-tokens-2.52.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, 24 Nov 2022 15:11:34 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -310,7 +310,6 @@
|
|
|
310
310
|
<string name="fontFamiliesOther">Open Sans</string>
|
|
311
311
|
<string name="borderRadius100">8px</string>
|
|
312
312
|
<string name="borderRadius200">16px</string>
|
|
313
|
-
<string name="borderRadius300">24px</string>
|
|
314
313
|
<string name="borderRadius400">32px</string>
|
|
315
314
|
<string name="borderRadiusCircle">50%</string>
|
|
316
315
|
<string name="borderRadius025">2px</string>
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
|
|
3
|
+
<!--
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated on Thu, 24 Nov 2022 15:11:35 GMT
|
|
6
|
+
-->
|
|
7
|
+
<resources>
|
|
8
|
+
<string name="metaName">Origin Token Set</string>
|
|
9
|
+
<string name="metaPublic">true</string>
|
|
10
|
+
<string name="originJade100">#8ff8b7ff</string>
|
|
11
|
+
<string name="originJade200">#44ed90ff</string>
|
|
12
|
+
<string name="originJade300">#00ca71ff</string>
|
|
13
|
+
<string name="originJade400">#00a65cff</string>
|
|
14
|
+
<string name="originJade500">#00884aff</string>
|
|
15
|
+
<string name="originJade600">#006d3bff</string>
|
|
16
|
+
<string name="originJade700">#00522cff</string>
|
|
17
|
+
<string name="originJade800">#00361eff</string>
|
|
18
|
+
<string name="originJade900">#001b0fff</string>
|
|
19
|
+
<string name="originJade1000">#000000ff</string>
|
|
20
|
+
<string name="originJade000">#ffffffff</string>
|
|
21
|
+
<string name="originJade010">#f2fef7ff</string>
|
|
22
|
+
<string name="originJade050">#c4fcd8ff</string>
|
|
23
|
+
<string name="originNavy100">#89d7edff</string>
|
|
24
|
+
<string name="originNavy200">#65bedfff</string>
|
|
25
|
+
<string name="originNavy300">#41a5d1ff</string>
|
|
26
|
+
<string name="originNavy400">#1d8cc3ff</string>
|
|
27
|
+
<string name="originNavy500">#0e74a7ff</string>
|
|
28
|
+
<string name="originNavy600">#095b84ff</string>
|
|
29
|
+
<string name="originNavy700">#054262ff</string>
|
|
30
|
+
<string name="originNavy800">#00293fff</string>
|
|
31
|
+
<string name="originNavy900">#001520ff</string>
|
|
32
|
+
<string name="originNavy1000">#000000ff</string>
|
|
33
|
+
<string name="originNavy000">#ffffffff</string>
|
|
34
|
+
<string name="originNavy010">#f4fcfeff</string>
|
|
35
|
+
<string name="originNavy050">#caf1fcff</string>
|
|
36
|
+
<string name="originTeal100">#89edeaff</string>
|
|
37
|
+
<string name="originTeal200">#5bcfcdff</string>
|
|
38
|
+
<string name="originTeal300">#2eb2b1ff</string>
|
|
39
|
+
<string name="originTeal400">#009494ff</string>
|
|
40
|
+
<string name="originTeal500">#007776ff</string>
|
|
41
|
+
<string name="originTeal600">#006362ff</string>
|
|
42
|
+
<string name="originTeal700">#004a4aff</string>
|
|
43
|
+
<string name="originTeal800">#003231ff</string>
|
|
44
|
+
<string name="originTeal900">#001919ff</string>
|
|
45
|
+
<string name="originTeal1000">#000000ff</string>
|
|
46
|
+
<string name="originTeal000">#ffffffff</string>
|
|
47
|
+
<string name="originTeal010">#f4fefeff</string>
|
|
48
|
+
<string name="originTeal050">#c3faf8ff</string>
|
|
49
|
+
<string name="originCherry100">#f7b3c2ff</string>
|
|
50
|
+
<string name="originCherry200">#ed94aaff</string>
|
|
51
|
+
<string name="originCherry300">#e27491ff</string>
|
|
52
|
+
<string name="originCherry400">#d85579ff</string>
|
|
53
|
+
<string name="originCherry500">#ba3c63ff</string>
|
|
54
|
+
<string name="originCherry600">#95304fff</string>
|
|
55
|
+
<string name="originCherry700">#70243bff</string>
|
|
56
|
+
<string name="originCherry800">#4a1828ff</string>
|
|
57
|
+
<string name="originCherry900">#250c14ff</string>
|
|
58
|
+
<string name="originCherry1000">#000000ff</string>
|
|
59
|
+
<string name="originCherry000">#ffffffff</string>
|
|
60
|
+
<string name="originCherry010">#fef5f7ff</string>
|
|
61
|
+
<string name="originCherry050">#fad4deff</string>
|
|
62
|
+
<string name="originTerra100">#ffbca6ff</string>
|
|
63
|
+
<string name="originTerra200">#f59a83ff</string>
|
|
64
|
+
<string name="originTerra300">#ea7961ff</string>
|
|
65
|
+
<string name="originTerra400">#e0583eff</string>
|
|
66
|
+
<string name="originTerra500">#c94633ff</string>
|
|
67
|
+
<string name="originTerra600">#a13829ff</string>
|
|
68
|
+
<string name="originTerra700">#782a1eff</string>
|
|
69
|
+
<string name="originTerra800">#501c14ff</string>
|
|
70
|
+
<string name="originTerra900">#280e0aff</string>
|
|
71
|
+
<string name="originTerra1000">#000000ff</string>
|
|
72
|
+
<string name="originTerra000">#ffffffff</string>
|
|
73
|
+
<string name="originTerra010">#fff7f5ff</string>
|
|
74
|
+
<string name="originTerra050">#ffdcd1ff</string>
|
|
75
|
+
<string name="originAmber100">#ffe290ff</string>
|
|
76
|
+
<string name="originAmber200">#f5ce55ff</string>
|
|
77
|
+
<string name="originAmber300">#efab2fff</string>
|
|
78
|
+
<string name="originAmber400">#e98709ff</string>
|
|
79
|
+
<string name="originAmber500">#c15708ff</string>
|
|
80
|
+
<string name="originAmber600">#9b4609ff</string>
|
|
81
|
+
<string name="originAmber700">#75330aff</string>
|
|
82
|
+
<string name="originAmber800">#4f220bff</string>
|
|
83
|
+
<string name="originAmber900">#281106ff</string>
|
|
84
|
+
<string name="originAmber1000">#000000ff</string>
|
|
85
|
+
<string name="originAmber000">#ffffffff</string>
|
|
86
|
+
<string name="originAmber010">#fffcefff</string>
|
|
87
|
+
<string name="originAmber050">#fff0c3ff</string>
|
|
88
|
+
<string name="originSkin400">#ddb89eff</string>
|
|
89
|
+
<string name="originSkin500">#e84d4fff</string>
|
|
90
|
+
<string name="originSkin600">#b26e3dff</string>
|
|
91
|
+
<string name="originSkin700">#3a2417ff</string>
|
|
92
|
+
<string name="originGray100">#e6e6e6ff</string>
|
|
93
|
+
<string name="originGray200">#ccccccff</string>
|
|
94
|
+
<string name="originGray300">#b3b3b3ff</string>
|
|
95
|
+
<string name="originGray400">#999999ff</string>
|
|
96
|
+
<string name="originGray500">#808080ff</string>
|
|
97
|
+
<string name="originGray600">#666666ff</string>
|
|
98
|
+
<string name="originGray700">#4d4d4dff</string>
|
|
99
|
+
<string name="originGray800">#333333ff</string>
|
|
100
|
+
<string name="originGray900">#191919ff</string>
|
|
101
|
+
<string name="originGray1000">#000000ff</string>
|
|
102
|
+
<string name="originGray000">#ffffffff</string>
|
|
103
|
+
<string name="originGray010">#fcfcfcff</string>
|
|
104
|
+
<string name="originGray050">#f2f2f2ff</string>
|
|
105
|
+
<string name="originMalachite100">#8df79fff</string>
|
|
106
|
+
<string name="originMalachite200">#42eb64ff</string>
|
|
107
|
+
<string name="originMalachite300">#00d639ff</string>
|
|
108
|
+
<string name="originMalachite400">#00af2dff</string>
|
|
109
|
+
<string name="originMalachite500">#008a21ff</string>
|
|
110
|
+
<string name="originMalachite600">#006716ff</string>
|
|
111
|
+
<string name="originMalachite700">#00460cff</string>
|
|
112
|
+
<string name="originMalachite800">#002f08ff</string>
|
|
113
|
+
<string name="originMalachite900">#001704ff</string>
|
|
114
|
+
<string name="originMalachite1000">#000000ff</string>
|
|
115
|
+
<string name="originMalachite000">#ffffffff</string>
|
|
116
|
+
<string name="originMalachite010">#effcf0ff</string>
|
|
117
|
+
<string name="originMalachite050">#c1fac7ff</string>
|
|
118
|
+
<string name="originFuschia400">#bf47c3ff</string>
|
|
119
|
+
<string name="originFuschia500">#b832bcff</string>
|
|
120
|
+
|
|
121
|
+
</resources>
|
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, 24 Nov 2022 15:11:34 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -313,7 +313,6 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
313
313
|
--fontFamiliesOther: Open Sans;
|
|
314
314
|
--borderRadius100: 8px;
|
|
315
315
|
--borderRadius200: 16px;
|
|
316
|
-
--borderRadius300: 24px;
|
|
317
316
|
--borderRadius400: 32px;
|
|
318
317
|
--borderRadiusCircle: 50%;
|
|
319
318
|
--borderRadius025: 2px;
|
package/css/origin.css
ADDED
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Do not edit directly
|
|
7
|
+
* Generated on Thu, 24 Nov 2022 15:11:35 GMT
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
:root {
|
|
11
|
+
--metaName: Origin Token Set;
|
|
12
|
+
--metaPublic: true;
|
|
13
|
+
--originJade100: #8ff8b7ff;
|
|
14
|
+
--originJade200: #44ed90ff;
|
|
15
|
+
--originJade300: #00ca71ff;
|
|
16
|
+
--originJade400: #00a65cff;
|
|
17
|
+
--originJade500: #00884aff;
|
|
18
|
+
--originJade600: #006d3bff;
|
|
19
|
+
--originJade700: #00522cff;
|
|
20
|
+
--originJade800: #00361eff;
|
|
21
|
+
--originJade900: #001b0fff;
|
|
22
|
+
--originJade1000: #000000ff;
|
|
23
|
+
--originJade000: #ffffffff;
|
|
24
|
+
--originJade010: #f2fef7ff;
|
|
25
|
+
--originJade050: #c4fcd8ff;
|
|
26
|
+
--originNavy100: #89d7edff;
|
|
27
|
+
--originNavy200: #65bedfff;
|
|
28
|
+
--originNavy300: #41a5d1ff;
|
|
29
|
+
--originNavy400: #1d8cc3ff;
|
|
30
|
+
--originNavy500: #0e74a7ff;
|
|
31
|
+
--originNavy600: #095b84ff;
|
|
32
|
+
--originNavy700: #054262ff;
|
|
33
|
+
--originNavy800: #00293fff;
|
|
34
|
+
--originNavy900: #001520ff;
|
|
35
|
+
--originNavy1000: #000000ff;
|
|
36
|
+
--originNavy000: #ffffffff;
|
|
37
|
+
--originNavy010: #f4fcfeff;
|
|
38
|
+
--originNavy050: #caf1fcff;
|
|
39
|
+
--originTeal100: #89edeaff;
|
|
40
|
+
--originTeal200: #5bcfcdff;
|
|
41
|
+
--originTeal300: #2eb2b1ff;
|
|
42
|
+
--originTeal400: #009494ff;
|
|
43
|
+
--originTeal500: #007776ff;
|
|
44
|
+
--originTeal600: #006362ff;
|
|
45
|
+
--originTeal700: #004a4aff;
|
|
46
|
+
--originTeal800: #003231ff;
|
|
47
|
+
--originTeal900: #001919ff;
|
|
48
|
+
--originTeal1000: #000000ff;
|
|
49
|
+
--originTeal000: #ffffffff;
|
|
50
|
+
--originTeal010: #f4fefeff;
|
|
51
|
+
--originTeal050: #c3faf8ff;
|
|
52
|
+
--originCherry100: #f7b3c2ff;
|
|
53
|
+
--originCherry200: #ed94aaff;
|
|
54
|
+
--originCherry300: #e27491ff;
|
|
55
|
+
--originCherry400: #d85579ff;
|
|
56
|
+
--originCherry500: #ba3c63ff;
|
|
57
|
+
--originCherry600: #95304fff;
|
|
58
|
+
--originCherry700: #70243bff;
|
|
59
|
+
--originCherry800: #4a1828ff;
|
|
60
|
+
--originCherry900: #250c14ff;
|
|
61
|
+
--originCherry1000: #000000ff;
|
|
62
|
+
--originCherry000: #ffffffff;
|
|
63
|
+
--originCherry010: #fef5f7ff;
|
|
64
|
+
--originCherry050: #fad4deff;
|
|
65
|
+
--originTerra100: #ffbca6ff;
|
|
66
|
+
--originTerra200: #f59a83ff;
|
|
67
|
+
--originTerra300: #ea7961ff;
|
|
68
|
+
--originTerra400: #e0583eff;
|
|
69
|
+
--originTerra500: #c94633ff;
|
|
70
|
+
--originTerra600: #a13829ff;
|
|
71
|
+
--originTerra700: #782a1eff;
|
|
72
|
+
--originTerra800: #501c14ff;
|
|
73
|
+
--originTerra900: #280e0aff;
|
|
74
|
+
--originTerra1000: #000000ff;
|
|
75
|
+
--originTerra000: #ffffffff;
|
|
76
|
+
--originTerra010: #fff7f5ff;
|
|
77
|
+
--originTerra050: #ffdcd1ff;
|
|
78
|
+
--originAmber100: #ffe290ff;
|
|
79
|
+
--originAmber200: #f5ce55ff;
|
|
80
|
+
--originAmber300: #efab2fff;
|
|
81
|
+
--originAmber400: #e98709ff;
|
|
82
|
+
--originAmber500: #c15708ff;
|
|
83
|
+
--originAmber600: #9b4609ff;
|
|
84
|
+
--originAmber700: #75330aff;
|
|
85
|
+
--originAmber800: #4f220bff;
|
|
86
|
+
--originAmber900: #281106ff;
|
|
87
|
+
--originAmber1000: #000000ff;
|
|
88
|
+
--originAmber000: #ffffffff;
|
|
89
|
+
--originAmber010: #fffcefff;
|
|
90
|
+
--originAmber050: #fff0c3ff;
|
|
91
|
+
--originSkin400: #ddb89eff;
|
|
92
|
+
--originSkin500: #e84d4fff;
|
|
93
|
+
--originSkin600: #b26e3dff;
|
|
94
|
+
--originSkin700: #3a2417ff;
|
|
95
|
+
--originGray100: #e6e6e6ff;
|
|
96
|
+
--originGray200: #ccccccff;
|
|
97
|
+
--originGray300: #b3b3b3ff;
|
|
98
|
+
--originGray400: #999999ff;
|
|
99
|
+
--originGray500: #808080ff;
|
|
100
|
+
--originGray600: #666666ff;
|
|
101
|
+
--originGray700: #4d4d4dff;
|
|
102
|
+
--originGray800: #333333ff;
|
|
103
|
+
--originGray900: #191919ff;
|
|
104
|
+
--originGray1000: #000000ff;
|
|
105
|
+
--originGray000: #ffffffff;
|
|
106
|
+
--originGray010: #fcfcfcff;
|
|
107
|
+
--originGray050: #f2f2f2ff;
|
|
108
|
+
--originMalachite100: #8df79fff;
|
|
109
|
+
--originMalachite200: #42eb64ff;
|
|
110
|
+
--originMalachite300: #00d639ff;
|
|
111
|
+
--originMalachite400: #00af2dff;
|
|
112
|
+
--originMalachite500: #008a21ff;
|
|
113
|
+
--originMalachite600: #006716ff;
|
|
114
|
+
--originMalachite700: #00460cff;
|
|
115
|
+
--originMalachite800: #002f08ff;
|
|
116
|
+
--originMalachite900: #001704ff;
|
|
117
|
+
--originMalachite1000: #000000ff;
|
|
118
|
+
--originMalachite000: #ffffffff;
|
|
119
|
+
--originMalachite010: #effcf0ff;
|
|
120
|
+
--originMalachite050: #c1fac7ff;
|
|
121
|
+
--originFuschia400: #bf47c3ff;
|
|
122
|
+
--originFuschia500: #b832bcff;
|
|
123
|
+
}
|