@sage/design-tokens 4.26.0 → 4.27.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 +15 -0
- package/docs/tokens/base/index.html +63 -0
- package/docs/tokens/base/sizing/index.html +63 -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.27.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.26.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 Mon, 13 Nov 2023 10:39:08 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -257,6 +257,9 @@
|
|
|
257
257
|
<string name="sizing1300">104px</string>
|
|
258
258
|
<string name="sizing1500">120px</string>
|
|
259
259
|
<string name="sizing1600">128px</string>
|
|
260
|
+
<string name="sizing2000">160px</string>
|
|
261
|
+
<string name="sizing2500">200px</string>
|
|
262
|
+
<string name="sizing3000">240px</string>
|
|
260
263
|
<string name="sizing010">1px</string>
|
|
261
264
|
<string name="sizing025">2px</string>
|
|
262
265
|
<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 Mon, 13 Nov 2023 10:39:07 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -260,6 +260,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
260
260
|
--sizing1300: 104px;
|
|
261
261
|
--sizing1500: 120px;
|
|
262
262
|
--sizing1600: 128px;
|
|
263
|
+
--sizing2000: 160px;
|
|
264
|
+
--sizing2500: 200px;
|
|
265
|
+
--sizing3000: 240px;
|
|
263
266
|
--sizing010: 1px;
|
|
264
267
|
--sizing025: 2px;
|
|
265
268
|
--sizing050: 4px;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -1889,6 +1889,21 @@
|
|
|
1889
1889
|
"value": "128px",
|
|
1890
1890
|
"type": "sizing"
|
|
1891
1891
|
},
|
|
1892
|
+
"2000": {
|
|
1893
|
+
"value": "160px",
|
|
1894
|
+
"type": "sizing",
|
|
1895
|
+
"description": "Tile"
|
|
1896
|
+
},
|
|
1897
|
+
"2500": {
|
|
1898
|
+
"value": "200px",
|
|
1899
|
+
"type": "sizing",
|
|
1900
|
+
"description": "Tile"
|
|
1901
|
+
},
|
|
1902
|
+
"3000": {
|
|
1903
|
+
"value": "240px",
|
|
1904
|
+
"type": "sizing",
|
|
1905
|
+
"description": "Tile"
|
|
1906
|
+
},
|
|
1892
1907
|
"010": {
|
|
1893
1908
|
"value": "1px",
|
|
1894
1909
|
"type": "sizing"
|
|
@@ -5560,6 +5560,69 @@
|
|
|
5560
5560
|
|
|
5561
5561
|
</td>
|
|
5562
5562
|
</tr>
|
|
5563
|
+
<tr>
|
|
5564
|
+
<td class="with-icons is-vcentered"
|
|
5565
|
+
id="base-sizing2000"
|
|
5566
|
+
title="theme: base; category: sizing; variant: 2000; ">
|
|
5567
|
+
sizing2000
|
|
5568
|
+
<a href="#base-sizing2000"
|
|
5569
|
+
title="permalink"
|
|
5570
|
+
class="permalink">
|
|
5571
|
+
🔗
|
|
5572
|
+
</a>
|
|
5573
|
+
</td>
|
|
5574
|
+
<td class="is-vcentered">
|
|
5575
|
+
<pre>160px</pre>
|
|
5576
|
+
</td>
|
|
5577
|
+
<td class="is-vcentered">
|
|
5578
|
+
<div class="table__sizing-preview"
|
|
5579
|
+
style="width: 160px; height: 160px">
|
|
5580
|
+
</div>
|
|
5581
|
+
|
|
5582
|
+
</td>
|
|
5583
|
+
</tr>
|
|
5584
|
+
<tr>
|
|
5585
|
+
<td class="with-icons is-vcentered"
|
|
5586
|
+
id="base-sizing2500"
|
|
5587
|
+
title="theme: base; category: sizing; variant: 2500; ">
|
|
5588
|
+
sizing2500
|
|
5589
|
+
<a href="#base-sizing2500"
|
|
5590
|
+
title="permalink"
|
|
5591
|
+
class="permalink">
|
|
5592
|
+
🔗
|
|
5593
|
+
</a>
|
|
5594
|
+
</td>
|
|
5595
|
+
<td class="is-vcentered">
|
|
5596
|
+
<pre>200px</pre>
|
|
5597
|
+
</td>
|
|
5598
|
+
<td class="is-vcentered">
|
|
5599
|
+
<div class="table__sizing-preview"
|
|
5600
|
+
style="width: 200px; height: 200px">
|
|
5601
|
+
</div>
|
|
5602
|
+
|
|
5603
|
+
</td>
|
|
5604
|
+
</tr>
|
|
5605
|
+
<tr>
|
|
5606
|
+
<td class="with-icons is-vcentered"
|
|
5607
|
+
id="base-sizing3000"
|
|
5608
|
+
title="theme: base; category: sizing; variant: 3000; ">
|
|
5609
|
+
sizing3000
|
|
5610
|
+
<a href="#base-sizing3000"
|
|
5611
|
+
title="permalink"
|
|
5612
|
+
class="permalink">
|
|
5613
|
+
🔗
|
|
5614
|
+
</a>
|
|
5615
|
+
</td>
|
|
5616
|
+
<td class="is-vcentered">
|
|
5617
|
+
<pre>240px</pre>
|
|
5618
|
+
</td>
|
|
5619
|
+
<td class="is-vcentered">
|
|
5620
|
+
<div class="table__sizing-preview"
|
|
5621
|
+
style="width: 240px; height: 240px">
|
|
5622
|
+
</div>
|
|
5623
|
+
|
|
5624
|
+
</td>
|
|
5625
|
+
</tr>
|
|
5563
5626
|
<tr>
|
|
5564
5627
|
<td class="with-icons is-vcentered"
|
|
5565
5628
|
id="base-sizing010"
|
|
@@ -843,6 +843,69 @@
|
|
|
843
843
|
|
|
844
844
|
</td>
|
|
845
845
|
</tr>
|
|
846
|
+
<tr>
|
|
847
|
+
<td class="with-icons is-vcentered"
|
|
848
|
+
id="base-sizing2000"
|
|
849
|
+
title="theme: base; category: sizing; variant: 2000; ">
|
|
850
|
+
sizing2000
|
|
851
|
+
<a href="#base-sizing2000"
|
|
852
|
+
title="permalink"
|
|
853
|
+
class="permalink">
|
|
854
|
+
🔗
|
|
855
|
+
</a>
|
|
856
|
+
</td>
|
|
857
|
+
<td class="is-vcentered">
|
|
858
|
+
<pre>160px</pre>
|
|
859
|
+
</td>
|
|
860
|
+
<td class="is-vcentered">
|
|
861
|
+
<div class="table__sizing-preview"
|
|
862
|
+
style="width: 160px; height: 160px">
|
|
863
|
+
</div>
|
|
864
|
+
|
|
865
|
+
</td>
|
|
866
|
+
</tr>
|
|
867
|
+
<tr>
|
|
868
|
+
<td class="with-icons is-vcentered"
|
|
869
|
+
id="base-sizing2500"
|
|
870
|
+
title="theme: base; category: sizing; variant: 2500; ">
|
|
871
|
+
sizing2500
|
|
872
|
+
<a href="#base-sizing2500"
|
|
873
|
+
title="permalink"
|
|
874
|
+
class="permalink">
|
|
875
|
+
🔗
|
|
876
|
+
</a>
|
|
877
|
+
</td>
|
|
878
|
+
<td class="is-vcentered">
|
|
879
|
+
<pre>200px</pre>
|
|
880
|
+
</td>
|
|
881
|
+
<td class="is-vcentered">
|
|
882
|
+
<div class="table__sizing-preview"
|
|
883
|
+
style="width: 200px; height: 200px">
|
|
884
|
+
</div>
|
|
885
|
+
|
|
886
|
+
</td>
|
|
887
|
+
</tr>
|
|
888
|
+
<tr>
|
|
889
|
+
<td class="with-icons is-vcentered"
|
|
890
|
+
id="base-sizing3000"
|
|
891
|
+
title="theme: base; category: sizing; variant: 3000; ">
|
|
892
|
+
sizing3000
|
|
893
|
+
<a href="#base-sizing3000"
|
|
894
|
+
title="permalink"
|
|
895
|
+
class="permalink">
|
|
896
|
+
🔗
|
|
897
|
+
</a>
|
|
898
|
+
</td>
|
|
899
|
+
<td class="is-vcentered">
|
|
900
|
+
<pre>240px</pre>
|
|
901
|
+
</td>
|
|
902
|
+
<td class="is-vcentered">
|
|
903
|
+
<div class="table__sizing-preview"
|
|
904
|
+
style="width: 240px; height: 240px">
|
|
905
|
+
</div>
|
|
906
|
+
|
|
907
|
+
</td>
|
|
908
|
+
</tr>
|
|
846
909
|
<tr>
|
|
847
910
|
<td class="with-icons is-vcentered"
|
|
848
911
|
id="base-sizing010"
|
package/docs/tokens/index.html
CHANGED
|
@@ -8033,6 +8033,69 @@
|
|
|
8033
8033
|
|
|
8034
8034
|
</td>
|
|
8035
8035
|
</tr>
|
|
8036
|
+
<tr>
|
|
8037
|
+
<td class="with-icons is-vcentered"
|
|
8038
|
+
id="base-sizing2000"
|
|
8039
|
+
title="theme: base; category: sizing; variant: 2000; ">
|
|
8040
|
+
sizing2000
|
|
8041
|
+
<a href="#base-sizing2000"
|
|
8042
|
+
title="permalink"
|
|
8043
|
+
class="permalink">
|
|
8044
|
+
🔗
|
|
8045
|
+
</a>
|
|
8046
|
+
</td>
|
|
8047
|
+
<td class="is-vcentered">
|
|
8048
|
+
<pre>160px</pre>
|
|
8049
|
+
</td>
|
|
8050
|
+
<td class="is-vcentered">
|
|
8051
|
+
<div class="table__sizing-preview"
|
|
8052
|
+
style="width: 160px; height: 160px">
|
|
8053
|
+
</div>
|
|
8054
|
+
|
|
8055
|
+
</td>
|
|
8056
|
+
</tr>
|
|
8057
|
+
<tr>
|
|
8058
|
+
<td class="with-icons is-vcentered"
|
|
8059
|
+
id="base-sizing2500"
|
|
8060
|
+
title="theme: base; category: sizing; variant: 2500; ">
|
|
8061
|
+
sizing2500
|
|
8062
|
+
<a href="#base-sizing2500"
|
|
8063
|
+
title="permalink"
|
|
8064
|
+
class="permalink">
|
|
8065
|
+
🔗
|
|
8066
|
+
</a>
|
|
8067
|
+
</td>
|
|
8068
|
+
<td class="is-vcentered">
|
|
8069
|
+
<pre>200px</pre>
|
|
8070
|
+
</td>
|
|
8071
|
+
<td class="is-vcentered">
|
|
8072
|
+
<div class="table__sizing-preview"
|
|
8073
|
+
style="width: 200px; height: 200px">
|
|
8074
|
+
</div>
|
|
8075
|
+
|
|
8076
|
+
</td>
|
|
8077
|
+
</tr>
|
|
8078
|
+
<tr>
|
|
8079
|
+
<td class="with-icons is-vcentered"
|
|
8080
|
+
id="base-sizing3000"
|
|
8081
|
+
title="theme: base; category: sizing; variant: 3000; ">
|
|
8082
|
+
sizing3000
|
|
8083
|
+
<a href="#base-sizing3000"
|
|
8084
|
+
title="permalink"
|
|
8085
|
+
class="permalink">
|
|
8086
|
+
🔗
|
|
8087
|
+
</a>
|
|
8088
|
+
</td>
|
|
8089
|
+
<td class="is-vcentered">
|
|
8090
|
+
<pre>240px</pre>
|
|
8091
|
+
</td>
|
|
8092
|
+
<td class="is-vcentered">
|
|
8093
|
+
<div class="table__sizing-preview"
|
|
8094
|
+
style="width: 240px; height: 240px">
|
|
8095
|
+
</div>
|
|
8096
|
+
|
|
8097
|
+
</td>
|
|
8098
|
+
</tr>
|
|
8036
8099
|
<tr>
|
|
8037
8100
|
<td class="with-icons is-vcentered"
|
|
8038
8101
|
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 Mon, 13 Nov 2023 10:39:08 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -262,6 +262,9 @@
|
|
|
262
262
|
#define sizing1300 104px
|
|
263
263
|
#define sizing1500 120px
|
|
264
264
|
#define sizing1600 128px
|
|
265
|
+
#define sizing2000 160px
|
|
266
|
+
#define sizing2500 200px
|
|
267
|
+
#define sizing3000 240px
|
|
265
268
|
#define sizing010 1px
|
|
266
269
|
#define sizing025 2px
|
|
267
270
|
#define sizing050 4px
|
package/ios/dashboard/darkMode.h
CHANGED
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -250,6 +250,9 @@ export const sizing1200: string;
|
|
|
250
250
|
export const sizing1300: string;
|
|
251
251
|
export const sizing1500: string;
|
|
252
252
|
export const sizing1600: string;
|
|
253
|
+
export const sizing2000: string;
|
|
254
|
+
export const sizing2500: string;
|
|
255
|
+
export const sizing3000: string;
|
|
253
256
|
export const sizing010: string;
|
|
254
257
|
export const sizing025: string;
|
|
255
258
|
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 Mon, 13 Nov 2023 10:39:07 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -260,6 +260,9 @@ module.exports = {
|
|
|
260
260
|
sizing1300: '104px',
|
|
261
261
|
sizing1500: '120px',
|
|
262
262
|
sizing1600: '128px',
|
|
263
|
+
sizing2000: '160px',
|
|
264
|
+
sizing2500: '200px',
|
|
265
|
+
sizing3000: '240px',
|
|
263
266
|
sizing010: '1px',
|
|
264
267
|
sizing025: '2px',
|
|
265
268
|
sizing050: '4px',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -251,6 +251,9 @@ declare namespace _default {
|
|
|
251
251
|
const sizing1300: string;
|
|
252
252
|
const sizing1500: string;
|
|
253
253
|
const sizing1600: string;
|
|
254
|
+
const sizing2000: string;
|
|
255
|
+
const sizing2500: string;
|
|
256
|
+
const sizing3000: string;
|
|
254
257
|
const sizing010: string;
|
|
255
258
|
const sizing025: string;
|
|
256
259
|
const sizing050: string;
|
package/js/base/es6.js
CHANGED
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.27.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 Mon, 13 Nov 2023 10:39:08 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -258,6 +258,9 @@ $sizing1200: 96px;
|
|
|
258
258
|
$sizing1300: 104px;
|
|
259
259
|
$sizing1500: 120px;
|
|
260
260
|
$sizing1600: 128px;
|
|
261
|
+
$sizing2000: 160px;
|
|
262
|
+
$sizing2500: 200px;
|
|
263
|
+
$sizing3000: 240px;
|
|
261
264
|
$sizing010: 1px;
|
|
262
265
|
$sizing025: 2px;
|
|
263
266
|
$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 Mon, 13 Nov 2023 10:39:08 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 Mon, 13 Nov 2023 10:39:08 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Light-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
package/scss/origin.scss
CHANGED
|
Binary file
|