@sage/design-tokens 4.27.0 → 4.29.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 +1 -1
- package/css/base.css +3 -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 +9 -0
- package/docs/tokens/base/colors/index.html +21 -0
- package/docs/tokens/base/index.html +42 -0
- package/docs/tokens/base/sizing/index.html +21 -0
- package/docs/tokens/index.html +42 -0
- package/ios/base.h +3 -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 +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.js +1 -1
- package/package.json +1 -1
- package/sage-design-tokens-4.29.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 +1 -1
- package/sage-design-tokens-4.27.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, 16 Nov 2023 15:59:06 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -88,6 +88,7 @@
|
|
|
88
88
|
<string name="colorsSemanticFocus250">#ffda80ff</string>
|
|
89
89
|
<string name="colorsSemanticFocus500">#ffbc19ff</string>
|
|
90
90
|
<string name="colorsSemanticFocusTransparent">#00000000</string>
|
|
91
|
+
<string name="colorsSemanticPositive400">#33a14dff</string>
|
|
91
92
|
<string name="colorsSemanticPositive500">#008a21ff</string>
|
|
92
93
|
<string name="colorsSemanticPositive600">#006e1aff</string>
|
|
93
94
|
<string name="colorsSemanticPositiveTransparent">#00000000</string>
|
|
@@ -260,6 +261,7 @@
|
|
|
260
261
|
<string name="sizing2000">160px</string>
|
|
261
262
|
<string name="sizing2500">200px</string>
|
|
262
263
|
<string name="sizing3000">240px</string>
|
|
264
|
+
<string name="sizing7000">560px</string>
|
|
263
265
|
<string name="sizing010">1px</string>
|
|
264
266
|
<string name="sizing025">2px</string>
|
|
265
267
|
<string name="sizing050">4px</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, 16 Nov 2023 15:59:06 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -91,6 +91,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
91
91
|
--colorsSemanticFocus250: #ffda80ff;
|
|
92
92
|
--colorsSemanticFocus500: #ffbc19ff;
|
|
93
93
|
--colorsSemanticFocusTransparent: #00000000;
|
|
94
|
+
--colorsSemanticPositive400: #33a14dff;
|
|
94
95
|
--colorsSemanticPositive500: #008a21ff;
|
|
95
96
|
--colorsSemanticPositive600: #006e1aff;
|
|
96
97
|
--colorsSemanticPositiveTransparent: #00000000;
|
|
@@ -263,6 +264,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
263
264
|
--sizing2000: 160px;
|
|
264
265
|
--sizing2500: 200px;
|
|
265
266
|
--sizing3000: 240px;
|
|
267
|
+
--sizing7000: 560px;
|
|
266
268
|
--sizing010: 1px;
|
|
267
269
|
--sizing025: 2px;
|
|
268
270
|
--sizing050: 4px;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -1044,6 +1044,10 @@
|
|
|
1044
1044
|
}
|
|
1045
1045
|
},
|
|
1046
1046
|
"positive": {
|
|
1047
|
+
"400": {
|
|
1048
|
+
"value": "#33a14dff",
|
|
1049
|
+
"type": "color"
|
|
1050
|
+
},
|
|
1047
1051
|
"500": {
|
|
1048
1052
|
"value": "#008a21ff",
|
|
1049
1053
|
"type": "color"
|
|
@@ -1904,6 +1908,11 @@
|
|
|
1904
1908
|
"type": "sizing",
|
|
1905
1909
|
"description": "Tile"
|
|
1906
1910
|
},
|
|
1911
|
+
"7000": {
|
|
1912
|
+
"value": "560px",
|
|
1913
|
+
"type": "sizing",
|
|
1914
|
+
"description": "Tile"
|
|
1915
|
+
},
|
|
1907
1916
|
"010": {
|
|
1908
1917
|
"value": "1px",
|
|
1909
1918
|
"type": "sizing"
|
|
@@ -1998,6 +1998,27 @@
|
|
|
1998
1998
|
|
|
1999
1999
|
</td>
|
|
2000
2000
|
</tr>
|
|
2001
|
+
<tr>
|
|
2002
|
+
<td class="with-icons is-vcentered"
|
|
2003
|
+
id="base-colorsSemanticPositive400"
|
|
2004
|
+
title="theme: base; category: colors; group: semantic; name: positive; variant: 400; ">
|
|
2005
|
+
colorsSemanticPositive400
|
|
2006
|
+
<a href="#base-colorsSemanticPositive400"
|
|
2007
|
+
title="permalink"
|
|
2008
|
+
class="permalink">
|
|
2009
|
+
🔗
|
|
2010
|
+
</a>
|
|
2011
|
+
</td>
|
|
2012
|
+
<td class="is-vcentered">
|
|
2013
|
+
<pre>#33a14dff</pre>
|
|
2014
|
+
</td>
|
|
2015
|
+
<td class="is-vcentered">
|
|
2016
|
+
<div class="table__color-preview"
|
|
2017
|
+
style="background-color: #33a14dff;">
|
|
2018
|
+
</div>
|
|
2019
|
+
|
|
2020
|
+
</td>
|
|
2021
|
+
</tr>
|
|
2001
2022
|
<tr>
|
|
2002
2023
|
<td class="with-icons is-vcentered"
|
|
2003
2024
|
id="base-colorsSemanticPositive500"
|
|
@@ -1994,6 +1994,27 @@
|
|
|
1994
1994
|
|
|
1995
1995
|
</td>
|
|
1996
1996
|
</tr>
|
|
1997
|
+
<tr>
|
|
1998
|
+
<td class="with-icons is-vcentered"
|
|
1999
|
+
id="base-colorsSemanticPositive400"
|
|
2000
|
+
title="theme: base; category: colors; group: semantic; name: positive; variant: 400; ">
|
|
2001
|
+
colorsSemanticPositive400
|
|
2002
|
+
<a href="#base-colorsSemanticPositive400"
|
|
2003
|
+
title="permalink"
|
|
2004
|
+
class="permalink">
|
|
2005
|
+
🔗
|
|
2006
|
+
</a>
|
|
2007
|
+
</td>
|
|
2008
|
+
<td class="is-vcentered">
|
|
2009
|
+
<pre>#33a14dff</pre>
|
|
2010
|
+
</td>
|
|
2011
|
+
<td class="is-vcentered">
|
|
2012
|
+
<div class="table__color-preview"
|
|
2013
|
+
style="background-color: #33a14dff;">
|
|
2014
|
+
</div>
|
|
2015
|
+
|
|
2016
|
+
</td>
|
|
2017
|
+
</tr>
|
|
1997
2018
|
<tr>
|
|
1998
2019
|
<td class="with-icons is-vcentered"
|
|
1999
2020
|
id="base-colorsSemanticPositive500"
|
|
@@ -5623,6 +5644,27 @@
|
|
|
5623
5644
|
|
|
5624
5645
|
</td>
|
|
5625
5646
|
</tr>
|
|
5647
|
+
<tr>
|
|
5648
|
+
<td class="with-icons is-vcentered"
|
|
5649
|
+
id="base-sizing7000"
|
|
5650
|
+
title="theme: base; category: sizing; variant: 7000; ">
|
|
5651
|
+
sizing7000
|
|
5652
|
+
<a href="#base-sizing7000"
|
|
5653
|
+
title="permalink"
|
|
5654
|
+
class="permalink">
|
|
5655
|
+
🔗
|
|
5656
|
+
</a>
|
|
5657
|
+
</td>
|
|
5658
|
+
<td class="is-vcentered">
|
|
5659
|
+
<pre>560px</pre>
|
|
5660
|
+
</td>
|
|
5661
|
+
<td class="is-vcentered">
|
|
5662
|
+
<div class="table__sizing-preview"
|
|
5663
|
+
style="width: 560px; height: 560px">
|
|
5664
|
+
</div>
|
|
5665
|
+
|
|
5666
|
+
</td>
|
|
5667
|
+
</tr>
|
|
5626
5668
|
<tr>
|
|
5627
5669
|
<td class="with-icons is-vcentered"
|
|
5628
5670
|
id="base-sizing010"
|
|
@@ -906,6 +906,27 @@
|
|
|
906
906
|
|
|
907
907
|
</td>
|
|
908
908
|
</tr>
|
|
909
|
+
<tr>
|
|
910
|
+
<td class="with-icons is-vcentered"
|
|
911
|
+
id="base-sizing7000"
|
|
912
|
+
title="theme: base; category: sizing; variant: 7000; ">
|
|
913
|
+
sizing7000
|
|
914
|
+
<a href="#base-sizing7000"
|
|
915
|
+
title="permalink"
|
|
916
|
+
class="permalink">
|
|
917
|
+
🔗
|
|
918
|
+
</a>
|
|
919
|
+
</td>
|
|
920
|
+
<td class="is-vcentered">
|
|
921
|
+
<pre>560px</pre>
|
|
922
|
+
</td>
|
|
923
|
+
<td class="is-vcentered">
|
|
924
|
+
<div class="table__sizing-preview"
|
|
925
|
+
style="width: 560px; height: 560px">
|
|
926
|
+
</div>
|
|
927
|
+
|
|
928
|
+
</td>
|
|
929
|
+
</tr>
|
|
909
930
|
<tr>
|
|
910
931
|
<td class="with-icons is-vcentered"
|
|
911
932
|
id="base-sizing010"
|
package/docs/tokens/index.html
CHANGED
|
@@ -4462,6 +4462,27 @@
|
|
|
4462
4462
|
|
|
4463
4463
|
</td>
|
|
4464
4464
|
</tr>
|
|
4465
|
+
<tr>
|
|
4466
|
+
<td class="with-icons is-vcentered"
|
|
4467
|
+
id="base-colorsSemanticPositive400"
|
|
4468
|
+
title="theme: base; category: colors; group: semantic; name: positive; variant: 400; ">
|
|
4469
|
+
colorsSemanticPositive400
|
|
4470
|
+
<a href="#base-colorsSemanticPositive400"
|
|
4471
|
+
title="permalink"
|
|
4472
|
+
class="permalink">
|
|
4473
|
+
🔗
|
|
4474
|
+
</a>
|
|
4475
|
+
</td>
|
|
4476
|
+
<td class="is-vcentered">
|
|
4477
|
+
<pre>#33a14dff</pre>
|
|
4478
|
+
</td>
|
|
4479
|
+
<td class="is-vcentered">
|
|
4480
|
+
<div class="table__color-preview"
|
|
4481
|
+
style="background-color: #33a14dff;">
|
|
4482
|
+
</div>
|
|
4483
|
+
|
|
4484
|
+
</td>
|
|
4485
|
+
</tr>
|
|
4465
4486
|
<tr>
|
|
4466
4487
|
<td class="with-icons is-vcentered"
|
|
4467
4488
|
id="base-colorsSemanticPositive500"
|
|
@@ -8096,6 +8117,27 @@
|
|
|
8096
8117
|
|
|
8097
8118
|
</td>
|
|
8098
8119
|
</tr>
|
|
8120
|
+
<tr>
|
|
8121
|
+
<td class="with-icons is-vcentered"
|
|
8122
|
+
id="base-sizing7000"
|
|
8123
|
+
title="theme: base; category: sizing; variant: 7000; ">
|
|
8124
|
+
sizing7000
|
|
8125
|
+
<a href="#base-sizing7000"
|
|
8126
|
+
title="permalink"
|
|
8127
|
+
class="permalink">
|
|
8128
|
+
🔗
|
|
8129
|
+
</a>
|
|
8130
|
+
</td>
|
|
8131
|
+
<td class="is-vcentered">
|
|
8132
|
+
<pre>560px</pre>
|
|
8133
|
+
</td>
|
|
8134
|
+
<td class="is-vcentered">
|
|
8135
|
+
<div class="table__sizing-preview"
|
|
8136
|
+
style="width: 560px; height: 560px">
|
|
8137
|
+
</div>
|
|
8138
|
+
|
|
8139
|
+
</td>
|
|
8140
|
+
</tr>
|
|
8099
8141
|
<tr>
|
|
8100
8142
|
<td class="with-icons is-vcentered"
|
|
8101
8143
|
id="base-sizing010"
|
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, 16 Nov 2023 15:59:06 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -93,6 +93,7 @@
|
|
|
93
93
|
#define colorsSemanticFocus250 #ffda80ff
|
|
94
94
|
#define colorsSemanticFocus500 #ffbc19ff
|
|
95
95
|
#define colorsSemanticFocusTransparent #00000000
|
|
96
|
+
#define colorsSemanticPositive400 #33a14dff
|
|
96
97
|
#define colorsSemanticPositive500 #008a21ff
|
|
97
98
|
#define colorsSemanticPositive600 #006e1aff
|
|
98
99
|
#define colorsSemanticPositiveTransparent #00000000
|
|
@@ -265,6 +266,7 @@
|
|
|
265
266
|
#define sizing2000 160px
|
|
266
267
|
#define sizing2500 200px
|
|
267
268
|
#define sizing3000 240px
|
|
269
|
+
#define sizing7000 560px
|
|
268
270
|
#define sizing010 1px
|
|
269
271
|
#define sizing025 2px
|
|
270
272
|
#define sizing050 4px
|
package/ios/dashboard/darkMode.h
CHANGED
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -81,6 +81,7 @@ export const colorsSemanticNeutralYang100: string;
|
|
|
81
81
|
export const colorsSemanticFocus250: string;
|
|
82
82
|
export const colorsSemanticFocus500: string;
|
|
83
83
|
export const colorsSemanticFocusTransparent: string;
|
|
84
|
+
export const colorsSemanticPositive400: string;
|
|
84
85
|
export const colorsSemanticPositive500: string;
|
|
85
86
|
export const colorsSemanticPositive600: string;
|
|
86
87
|
export const colorsSemanticPositiveTransparent: string;
|
|
@@ -253,6 +254,7 @@ export const sizing1600: string;
|
|
|
253
254
|
export const sizing2000: string;
|
|
254
255
|
export const sizing2500: string;
|
|
255
256
|
export const sizing3000: string;
|
|
257
|
+
export const sizing7000: string;
|
|
256
258
|
export const sizing010: string;
|
|
257
259
|
export const sizing025: string;
|
|
258
260
|
export const sizing050: 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, 16 Nov 2023 15:59:06 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -91,6 +91,7 @@ module.exports = {
|
|
|
91
91
|
colorsSemanticFocus250: '#ffda80ff',
|
|
92
92
|
colorsSemanticFocus500: '#ffbc19ff',
|
|
93
93
|
colorsSemanticFocusTransparent: '#00000000',
|
|
94
|
+
colorsSemanticPositive400: '#33a14dff',
|
|
94
95
|
colorsSemanticPositive500: '#008a21ff',
|
|
95
96
|
colorsSemanticPositive600: '#006e1aff',
|
|
96
97
|
colorsSemanticPositiveTransparent: '#00000000',
|
|
@@ -263,6 +264,7 @@ module.exports = {
|
|
|
263
264
|
sizing2000: '160px',
|
|
264
265
|
sizing2500: '200px',
|
|
265
266
|
sizing3000: '240px',
|
|
267
|
+
sizing7000: '560px',
|
|
266
268
|
sizing010: '1px',
|
|
267
269
|
sizing025: '2px',
|
|
268
270
|
sizing050: '4px',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -82,6 +82,7 @@ declare namespace _default {
|
|
|
82
82
|
const colorsSemanticFocus250: string;
|
|
83
83
|
const colorsSemanticFocus500: string;
|
|
84
84
|
const colorsSemanticFocusTransparent: string;
|
|
85
|
+
const colorsSemanticPositive400: string;
|
|
85
86
|
const colorsSemanticPositive500: string;
|
|
86
87
|
const colorsSemanticPositive600: string;
|
|
87
88
|
const colorsSemanticPositiveTransparent: string;
|
|
@@ -254,6 +255,7 @@ declare namespace _default {
|
|
|
254
255
|
const sizing2000: string;
|
|
255
256
|
const sizing2500: string;
|
|
256
257
|
const sizing3000: string;
|
|
258
|
+
const sizing7000: string;
|
|
257
259
|
const sizing010: string;
|
|
258
260
|
const sizing025: string;
|
|
259
261
|
const sizing050: string;
|
package/js/base/es6.js
CHANGED
|
@@ -86,6 +86,7 @@ export default {
|
|
|
86
86
|
colorsSemanticFocus250: '#ffda80ff',
|
|
87
87
|
colorsSemanticFocus500: '#ffbc19ff',
|
|
88
88
|
colorsSemanticFocusTransparent: '#00000000',
|
|
89
|
+
colorsSemanticPositive400: '#33a14dff',
|
|
89
90
|
colorsSemanticPositive500: '#008a21ff',
|
|
90
91
|
colorsSemanticPositive600: '#006e1aff',
|
|
91
92
|
colorsSemanticPositiveTransparent: '#00000000',
|
|
@@ -258,6 +259,7 @@ export default {
|
|
|
258
259
|
sizing2000: '160px',
|
|
259
260
|
sizing2500: '200px',
|
|
260
261
|
sizing3000: '240px',
|
|
262
|
+
sizing7000: '560px',
|
|
261
263
|
sizing010: '1px',
|
|
262
264
|
sizing025: '2px',
|
|
263
265
|
sizing050: '4px',
|
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.29.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, 16 Nov 2023 15:59:06 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -89,6 +89,7 @@ $colorsSemanticNeutralYang100: #ffffffff;
|
|
|
89
89
|
$colorsSemanticFocus250: #ffda80ff;
|
|
90
90
|
$colorsSemanticFocus500: #ffbc19ff;
|
|
91
91
|
$colorsSemanticFocusTransparent: #00000000;
|
|
92
|
+
$colorsSemanticPositive400: #33a14dff;
|
|
92
93
|
$colorsSemanticPositive500: #008a21ff;
|
|
93
94
|
$colorsSemanticPositive600: #006e1aff;
|
|
94
95
|
$colorsSemanticPositiveTransparent: #00000000;
|
|
@@ -261,6 +262,7 @@ $sizing1600: 128px;
|
|
|
261
262
|
$sizing2000: 160px;
|
|
262
263
|
$sizing2500: 200px;
|
|
263
264
|
$sizing3000: 240px;
|
|
265
|
+
$sizing7000: 560px;
|
|
264
266
|
$sizing010: 1px;
|
|
265
267
|
$sizing025: 2px;
|
|
266
268
|
$sizing050: 4px;
|
|
@@ -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, 16 Nov 2023 15:59:06 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, 16 Nov 2023 15:59:06 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Light-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
package/scss/origin.scss
CHANGED
|
Binary file
|