villa-design-tokens 1.0.77 → 1.0.78
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/package.json +1 -1
- package/tokens/$themes.json +61 -35
- package/tokens/base.json +129 -17
- package/tokens/brands/human.json +66 -42
- package/tokens/brands/whitelabel.json +66 -42
- package/tokens/global.json +45 -21
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "villa-design-tokens",
|
|
3
3
|
"description": "Design Tokens published by Design Token Studio with VPRO's Figma Design System",
|
|
4
4
|
"author": "VPRO",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.78",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/vpro/Design-tokens.git"
|
package/tokens/$themes.json
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
"id": "5d23abb9dee8e58403fb8a165ade127ca96323e4",
|
|
4
4
|
"name": "whitelabel",
|
|
5
5
|
"$figmaStyleReferences": {
|
|
6
|
-
"color.brand.accent": "S:2fa27681a05d92b4f34c82329ba63bf05eebbb28,",
|
|
7
6
|
"color.background.default": "S:38fc3ee73ca364638628d0dd69bc0ab8b23025f8,",
|
|
8
7
|
"color.background.secondary": "S:20e764b6596fc496ed7a70d3e7ea91b0a0ed006d,",
|
|
9
8
|
"color.background.tertiairy": "S:fa52224e1a46b396b8b13c41e8fadd4abc3f5cbd,",
|
|
@@ -26,14 +25,6 @@
|
|
|
26
25
|
"color.icon.inverse": "S:fad1c10c57e61b5a84b0c761413af2085c5d6133,",
|
|
27
26
|
"color.icon.error": "S:ba9bb19cb60d004b3fb6804bf1f51d7fdd2253d0,",
|
|
28
27
|
"color.icon.warning": "S:b6a2372c90c4f0963074432973752099d45b1427,",
|
|
29
|
-
"color.fill-primary.default": "S:72787a0a5565968d259b7812d7e240196bada457,",
|
|
30
|
-
"color.fill-primary.hover": "S:9093214f2246b65c7c8794af49518141e2bbdb84,",
|
|
31
|
-
"color.fill-primary.disabled": "S:ddd181c2abc0874055a2af07b89d48f5f13231d8,",
|
|
32
|
-
"color.fill-primary.active": "S:c527dc5ed63ae49b202d6a4fa835732efa215532,",
|
|
33
|
-
"color.on-fill-primary.default": "S:7eb3fcb9cf94753f09db14e746e44470d32a7a5e,",
|
|
34
|
-
"color.on-fill-primary.hover": "S:40d2f0d7e8f1f7e7574a3898bc8e82292bda85a5,",
|
|
35
|
-
"color.on-fill-primary.disabled": "S:bd68db2d750c7e8750d92322e02a6a39048642b6,",
|
|
36
|
-
"color.on-fill-primary.active": "S:b659d5b4aa245b4e96cbc82bad49e9495c4ca8ed,",
|
|
37
28
|
"color.border.default": "S:b3319e6fb0c39aa4a184b5d06ded3b2aadaac53e,",
|
|
38
29
|
"color.border.hover": "S:4e95b04eee484127d74a81709b904ca513f91b5d,",
|
|
39
30
|
"color.border.disabled": "S:2150e11fce0c84dfe71a7ac5acb9e74b162af0f2,",
|
|
@@ -42,16 +33,9 @@
|
|
|
42
33
|
"color.border.filled": "S:e266aba5af015c9569ba2d27ba4cb68a38c40390,",
|
|
43
34
|
"color.link.default": "S:9318751bf13c9a92775299d03d571e264cb89301,",
|
|
44
35
|
"color.link.hover": "S:03473d40631bfed60a74f0c7468aa8b3f76359bc,",
|
|
45
|
-
"color.link.disabled": "S:3dfb0fa0cdfd728d070d59b806c0d92e9ea723ec,",
|
|
46
36
|
"color.link.active": "S:7caede235f8dd1af889cafb0728a250d3fc0af58,",
|
|
47
37
|
"text.body.min": "S:5b5c1787a1ca4617746f02f882ec79dba5607136,",
|
|
48
38
|
"text.body.max": "S:4cfa08c0f91423b0abffa295dd26f2ff4df9e04e,",
|
|
49
|
-
"text.label.min.lg": "S:fd23cbed2167ca7d503132a1f14af7ac452fc495,",
|
|
50
|
-
"text.label.min.md": "S:63bbad5d56045505754459ed9f298c8e9590d420,",
|
|
51
|
-
"text.label.min.sm": "S:688487ec68b9289ebe74e50bcff0fd5e4ac88aca,",
|
|
52
|
-
"text.label.max.lg": "S:af10f25a890aa666b4178e60e79c525b1575a53f,",
|
|
53
|
-
"text.label.max.md": "S:bc0f26e4a0e0eac36b43dfe2ea0f89da2499812b,",
|
|
54
|
-
"text.label.max.sm": "S:ed90a49a1c6d0af32709c7e9ff05bb7bbf8ba0cf,",
|
|
55
39
|
"text.heading.min.xxxl": "S:de0e8bbe31b870f66f43db5f08c9924c204d2cf9,",
|
|
56
40
|
"text.heading.min.xxl": "S:17275d2e8ee71d3ccb6631c26cedcf9f91b719dc,",
|
|
57
41
|
"text.heading.min.xl": "S:2f278b76a626159b9fccfcb988ad7b6098abde47,",
|
|
@@ -68,13 +52,27 @@
|
|
|
68
52
|
"text.heading.max.sm": "S:a5b0cc31f0be6ca1d8888b22292b3df309d5b457,",
|
|
69
53
|
"text.heading.max.xs": "S:8ff84816c15e19bdc67caeeffb0b0cf010239ab4,",
|
|
70
54
|
"text.heading.max.xxs": "S:c65bcff8e73e4f124529c0f953ed7211fc3a4051,",
|
|
71
|
-
"color.surface.disabled": "S:2a55d81737fbea7f09fdee294223676316ffd422,",
|
|
72
55
|
"text.body.min.lg": "S:349b1d895db3f7828a1d6af90b37dd700bbbb5ab,",
|
|
73
56
|
"text.body.min.md": "S:9f1707ed43c79682a642946db35b8606631c3357,",
|
|
74
57
|
"text.body.min.sm": "S:c6fb5b233778590270a54c678f5999534133dfa6,",
|
|
75
58
|
"text.body.max.lg": "S:fc628abf9702f6b3580469e82a8c4277f51d8785,",
|
|
76
59
|
"text.body.max.md": "S:5d9c867bd357de896144f9d3aa31451502e61ba9,",
|
|
77
|
-
"text.body.max.sm": "S:fe9c4be69c56c19830dabf78403ada9833224b36,"
|
|
60
|
+
"text.body.max.sm": "S:fe9c4be69c56c19830dabf78403ada9833224b36,",
|
|
61
|
+
"text.utility.min.lg": "S:fd23cbed2167ca7d503132a1f14af7ac452fc495,",
|
|
62
|
+
"text.utility.min.md": "S:63bbad5d56045505754459ed9f298c8e9590d420,",
|
|
63
|
+
"text.utility.min.sm": "S:688487ec68b9289ebe74e50bcff0fd5e4ac88aca,",
|
|
64
|
+
"text.utility.max.lg": "S:af10f25a890aa666b4178e60e79c525b1575a53f,",
|
|
65
|
+
"text.utility.max.md": "S:bc0f26e4a0e0eac36b43dfe2ea0f89da2499812b,",
|
|
66
|
+
"text.utility.max.sm": "S:ed90a49a1c6d0af32709c7e9ff05bb7bbf8ba0cf,",
|
|
67
|
+
"color.primary.interactive.default": "S:72787a0a5565968d259b7812d7e240196bada457,",
|
|
68
|
+
"color.primary.interactive.hover": "S:9093214f2246b65c7c8794af49518141e2bbdb84,",
|
|
69
|
+
"color.primary.interactive.disabled": "S:ddd181c2abc0874055a2af07b89d48f5f13231d8,",
|
|
70
|
+
"color.primary.interactive.active": "S:c527dc5ed63ae49b202d6a4fa835732efa215532,",
|
|
71
|
+
"color.primary.on-interactive.default": "S:7eb3fcb9cf94753f09db14e746e44470d32a7a5e,",
|
|
72
|
+
"color.primary.on-interactive.hover": "S:40d2f0d7e8f1f7e7574a3898bc8e82292bda85a5,",
|
|
73
|
+
"color.primary.on-interactive.disabled": "S:bd68db2d750c7e8750d92322e02a6a39048642b6,",
|
|
74
|
+
"color.primary.on-interactive.active": "S:b659d5b4aa245b4e96cbc82bad49e9495c4ca8ed,",
|
|
75
|
+
"color.brand.primary": "S:2fa27681a05d92b4f34c82329ba63bf05eebbb28,"
|
|
78
76
|
},
|
|
79
77
|
"selectedTokenSets": {
|
|
80
78
|
"global": "source",
|
|
@@ -86,15 +84,6 @@
|
|
|
86
84
|
"id": "7245194026d09cc639c6ee711e5dfd7b4ea6d6be",
|
|
87
85
|
"name": "human",
|
|
88
86
|
"$figmaStyleReferences": {
|
|
89
|
-
"color.brand.accent": "S:878e97ac09a219f1036d57d7c82f83afd3e226d5,",
|
|
90
|
-
"color.fill-primary.default": "S:dd33502d0884129c84e12172f39f8d2f95664c70,",
|
|
91
|
-
"color.fill-primary.hover": "S:238dea7847bde2b8cc9811d56ee268e781e6f0c6,",
|
|
92
|
-
"color.fill-primary.disabled": "S:bf3c536d9453ff57c443fb3b3654a3dad6b0fd3f,",
|
|
93
|
-
"color.fill-primary.active": "S:012a388a4d8220f49f5d77801b94098c27f691db,",
|
|
94
|
-
"color.on-fill-primary.default": "S:da04f2019c3a1e2bbb5b42a3b232322dc20bf4a8,",
|
|
95
|
-
"color.on-fill-primary.hover": "S:00b9247d66e5815031766f0f622414ee26df8905,",
|
|
96
|
-
"color.on-fill-primary.disabled": "S:bc9089e32388900a7e4556f05c8a558068c34f99,",
|
|
97
|
-
"color.on-fill-primary.active": "S:29bfcc2601ce30918fcaa0ec92b3d77001848e3b,",
|
|
98
87
|
"color.border.default": "S:ebc1785d10e0a5d11e8b128db8cfc04f84518aff,",
|
|
99
88
|
"color.border.hover": "S:92819682befb8eade013e8f0146dc93ed2793537,",
|
|
100
89
|
"color.border.disabled": "S:38c1cc80fcf7f6bfd7b37af0409eb79e6094a48f,",
|
|
@@ -103,16 +92,9 @@
|
|
|
103
92
|
"color.border.filled": "S:335d0681bde4122aaa69aec22907b03bccc69c05,",
|
|
104
93
|
"color.link.default": "S:17d4e8367ba96a65f6b67ef0af848f31574a5f5e,",
|
|
105
94
|
"color.link.hover": "S:55a2ea3b5d08702071dcc4da719706e7b4a272bc,",
|
|
106
|
-
"color.link.disabled": "S:e23b657f3fd37d893b62e7ccf5c0502b7c5d3a50,",
|
|
107
95
|
"color.link.active": "S:2ee0b1c77855aefa7bc9c24ed2263464e62faa7e,",
|
|
108
96
|
"text.body.min": "S:c45204787e8ad75bcba380dbafe588e08d92a3c4,",
|
|
109
97
|
"text.body.max": "S:3201b8da3ddb8ca93531e4651482bbccf743dee5,",
|
|
110
|
-
"text.label.min.lg": "S:1838cd4581f4c3fb4656a548a82c0b3c74d28773,",
|
|
111
|
-
"text.label.min.md": "S:39da6264d3f253054c45166a60d2e1d0ebc4c90a,",
|
|
112
|
-
"text.label.min.sm": "S:45754f858745a2e69003e680ca4389ca9ed22e2d,",
|
|
113
|
-
"text.label.max.lg": "S:cce35f2789bf261ef4ca5ab54ef0536892aff14a,",
|
|
114
|
-
"text.label.max.md": "S:ed943655905dc2ca5a2aa06239c38b6252e49fdb,",
|
|
115
|
-
"text.label.max.sm": "S:9e4cde9cb8151807b9b33fd7d1afe328c03a192b,",
|
|
116
98
|
"text.heading.min.xxxl": "S:232bd242e4b471a460fd3fbb1736152fc1a44395,",
|
|
117
99
|
"text.heading.min.xxl": "S:7e4bb7f72a195d771878d0989fe91a42d3d82003,",
|
|
118
100
|
"text.heading.min.xl": "S:0e407aa7a89e3d633cec5794583eec2606e1afd6,",
|
|
@@ -134,7 +116,51 @@
|
|
|
134
116
|
"text.body.min.sm": "S:b878b34c922f13ac1c2dd69bfbaf582f0e55be1e,",
|
|
135
117
|
"text.body.max.lg": "S:7e3fdd919e9b729bcac5c41e9d49bd1ca7e0f49a,",
|
|
136
118
|
"text.body.max.md": "S:993a68ba38986acf19f9c535edaac3d92cf6391b,",
|
|
137
|
-
"text.body.max.sm": "S:71e1a27451cbef3f261d962afe23ba23e3d345b1,"
|
|
119
|
+
"text.body.max.sm": "S:71e1a27451cbef3f261d962afe23ba23e3d345b1,",
|
|
120
|
+
"text.utility.min.lg": "S:1838cd4581f4c3fb4656a548a82c0b3c74d28773,",
|
|
121
|
+
"text.utility.min.md": "S:39da6264d3f253054c45166a60d2e1d0ebc4c90a,",
|
|
122
|
+
"text.utility.min.sm": "S:45754f858745a2e69003e680ca4389ca9ed22e2d,",
|
|
123
|
+
"text.utility.max.lg": "S:cce35f2789bf261ef4ca5ab54ef0536892aff14a,",
|
|
124
|
+
"text.utility.max.md": "S:ed943655905dc2ca5a2aa06239c38b6252e49fdb,",
|
|
125
|
+
"text.utility.max.sm": "S:9e4cde9cb8151807b9b33fd7d1afe328c03a192b,",
|
|
126
|
+
"color.background.default": "S:7ceaa10f3ce111b2b5593e7b471d29ec62504492,",
|
|
127
|
+
"color.background.secondary": "S:52262e539b653f75ac491a33e2394cb453cc5749,",
|
|
128
|
+
"color.background.tertiairy": "S:6a78b4033bddd0d3160e85fcb3594a8d19cc9d0f,",
|
|
129
|
+
"color.surface.default": "S:0b9cd5f3656ca3982e0a31f89ce89f7d0ec516bb,",
|
|
130
|
+
"color.surface.secondary": "S:e4050c1fd90f72e27e747c51f8ea72f63f0b0094,",
|
|
131
|
+
"color.text.title": "S:11ee8f873a1630adc15a76fd896c68f6a80138ba,",
|
|
132
|
+
"color.text.default": "S:fb70dc02ec961e51cdc04136fd4c60100f3e7a16,",
|
|
133
|
+
"color.text.subtle": "S:582ae1ee01bf2dee348b4254d6566112bb3c4129,",
|
|
134
|
+
"color.text.disabled": "S:219a185e78dbdc0a0523b28f344f8f3b2b5ed0a2,",
|
|
135
|
+
"color.text.inverse": "S:dfaa10a5a750a9790a27da3ae13a403108fa2d29,",
|
|
136
|
+
"color.text.error": "S:315c170a14ad43e2975461ec4b457dc03a4f1930,",
|
|
137
|
+
"color.text.warning": "S:0e6d59e3d051282c262724c25410a05527a937f0,",
|
|
138
|
+
"color.icon.primary": "S:c099af1576b7daf053db0a6ad386a93006f48c39,",
|
|
139
|
+
"color.icon.secondary": "S:914fc95aa7257e378cc5f213fea30a72426414b0,",
|
|
140
|
+
"color.icon.tertiary": "S:39a95405cc9f955be340bb34c2acfe3835b4dc50,",
|
|
141
|
+
"color.icon.inverse": "S:cde58180648387eebbfa738c84d36af912b718ef,",
|
|
142
|
+
"color.icon.error": "S:10fadd967ff887b3173a97d90dcb5b62b34c3117,",
|
|
143
|
+
"color.icon.warning": "S:a805d089bc76e47141149f71f8aa83c8c21cb352,",
|
|
144
|
+
"color.primary-outline.fill.default": "S:53c9dea5aca7addd65f97a6a222fecc140b45ebe,",
|
|
145
|
+
"color.primary-outline.fill.hover": "S:ef2ffaa256a7ab31009e19d1f133c62446c3728c,",
|
|
146
|
+
"color.primary-outline.fill.active": "S:ee906642ae6d3200c829c57a67d59b531b151f93,",
|
|
147
|
+
"color.primary-outline.on-fill.default": "S:be0185fb2cd40febbe246a39196a9124a0912c37,",
|
|
148
|
+
"color.primary-outline.on-fill.hover": "S:1f24aac140432f9884622fb66514ee51b3cac01b,",
|
|
149
|
+
"color.primary-outline.on-fill.active": "S:cb13169b0cad909819f1c2cd699c9df3c341908b,",
|
|
150
|
+
"color.primary-outline.border.default": "S:1fd19fab980747a1aa59bd1eb8237ae865cae376,",
|
|
151
|
+
"color.primary-outline.border.hover": "S:44421b153685a12ba77fad69bd02e9a79001d29e,",
|
|
152
|
+
"color.functional.error": "S:fd8676034075a2503c62cf8ba179a3696248cd73,",
|
|
153
|
+
"color.functional.warning": "S:f4ab7aa391decd865460b0644221e36d12a8a50c,",
|
|
154
|
+
"color.functional.success": "S:5030ca79632a4438d4607d5e1f606e12c5ef6371,",
|
|
155
|
+
"color.functional.info": "S:551a29ca38427bc3fec968df6059ca8111c3afdc,",
|
|
156
|
+
"text.body.min.xl": "S:795beb3a499e963b3ef8819efd99f95ffa0e763e,",
|
|
157
|
+
"color.primary.interactive.default": "S:dd33502d0884129c84e12172f39f8d2f95664c70,",
|
|
158
|
+
"color.primary.interactive.hover": "S:238dea7847bde2b8cc9811d56ee268e781e6f0c6,",
|
|
159
|
+
"color.primary.interactive.active": "S:012a388a4d8220f49f5d77801b94098c27f691db,",
|
|
160
|
+
"color.primary.on-interactive.default": "S:da04f2019c3a1e2bbb5b42a3b232322dc20bf4a8,",
|
|
161
|
+
"color.primary.on-interactive.hover": "S:00b9247d66e5815031766f0f622414ee26df8905,",
|
|
162
|
+
"color.primary.on-interactive.active": "S:29bfcc2601ce30918fcaa0ec92b3d77001848e3b,",
|
|
163
|
+
"color.brand.primary": "S:878e97ac09a219f1036d57d7c82f83afd3e226d5,"
|
|
138
164
|
},
|
|
139
165
|
"selectedTokenSets": {
|
|
140
166
|
"global": "source",
|
package/tokens/base.json
CHANGED
|
@@ -2,11 +2,20 @@
|
|
|
2
2
|
"text": {
|
|
3
3
|
"body": {
|
|
4
4
|
"min": {
|
|
5
|
+
"xl": {
|
|
6
|
+
"value": {
|
|
7
|
+
"fontFamily": "{fontfamily.body}",
|
|
8
|
+
"fontWeight": "{fontweight.normal}",
|
|
9
|
+
"fontSize": "{fontsize.global.200}",
|
|
10
|
+
"lineHeight": "{lineheight.body}"
|
|
11
|
+
},
|
|
12
|
+
"type": "typography"
|
|
13
|
+
},
|
|
5
14
|
"lg": {
|
|
6
15
|
"value": {
|
|
7
16
|
"fontFamily": "{fontfamily.body}",
|
|
8
17
|
"fontWeight": "{fontweight.normal}",
|
|
9
|
-
"fontSize": "{fontsize.global.
|
|
18
|
+
"fontSize": "{fontsize.global.180}",
|
|
10
19
|
"lineHeight": "{lineheight.body}",
|
|
11
20
|
"letterSpacing": "{letterspacing.body}"
|
|
12
21
|
},
|
|
@@ -31,23 +40,24 @@
|
|
|
31
40
|
"letterSpacing": "{letterspacing.body}"
|
|
32
41
|
},
|
|
33
42
|
"type": "typography"
|
|
34
|
-
}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"max": {
|
|
35
46
|
"xl": {
|
|
36
47
|
"value": {
|
|
37
48
|
"fontFamily": "{fontfamily.body}",
|
|
38
49
|
"fontWeight": "{fontweight.normal}",
|
|
39
|
-
"fontSize": "{fontsize.global.
|
|
40
|
-
"lineHeight": "{lineheight.body}"
|
|
50
|
+
"fontSize": "{fontsize.global.220}",
|
|
51
|
+
"lineHeight": "{lineheight.body}",
|
|
52
|
+
"letterSpacing": "{letterspacing.body}"
|
|
41
53
|
},
|
|
42
54
|
"type": "typography"
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
"max": {
|
|
55
|
+
},
|
|
46
56
|
"lg": {
|
|
47
57
|
"value": {
|
|
48
58
|
"fontFamily": "{fontfamily.body}",
|
|
49
59
|
"fontWeight": "{fontweight.normal}",
|
|
50
|
-
"fontSize": "{fontsize.global.
|
|
60
|
+
"fontSize": "{fontsize.global.200}",
|
|
51
61
|
"lineHeight": "{lineheight.body}",
|
|
52
62
|
"letterSpacing": "{letterspacing.body}"
|
|
53
63
|
},
|
|
@@ -57,7 +67,7 @@
|
|
|
57
67
|
"value": {
|
|
58
68
|
"fontFamily": "{fontfamily.body}",
|
|
59
69
|
"fontWeight": "{fontweight.normal}",
|
|
60
|
-
"fontSize": "{fontsize.global.
|
|
70
|
+
"fontSize": "{fontsize.global.160}",
|
|
61
71
|
"lineHeight": "{lineheight.body}",
|
|
62
72
|
"letterSpacing": "{letterspacing.body}"
|
|
63
73
|
},
|
|
@@ -75,13 +85,106 @@
|
|
|
75
85
|
}
|
|
76
86
|
}
|
|
77
87
|
},
|
|
78
|
-
"
|
|
88
|
+
"display": {
|
|
89
|
+
"max": {
|
|
90
|
+
"list": {
|
|
91
|
+
"value": {
|
|
92
|
+
"fontFamily": "{fontfamily.body}",
|
|
93
|
+
"fontWeight": "{fontweight.normal}",
|
|
94
|
+
"fontSize": "{fontsize.global.140}",
|
|
95
|
+
"lineHeight": "{lineheight.global.400}",
|
|
96
|
+
"letterSpacing": "{letterspacing.body}"
|
|
97
|
+
},
|
|
98
|
+
"type": "typography"
|
|
99
|
+
},
|
|
100
|
+
"intro": {
|
|
101
|
+
"value": {
|
|
102
|
+
"fontFamily": "{fontfamily.global.bureau}",
|
|
103
|
+
"fontWeight": "Book",
|
|
104
|
+
"fontSize": "{fontsize.global.200}",
|
|
105
|
+
"lineHeight": "{lineheight.global.400}",
|
|
106
|
+
"letterSpacing": "{letterspacing.body}"
|
|
107
|
+
},
|
|
108
|
+
"type": "typography"
|
|
109
|
+
},
|
|
110
|
+
"name": {
|
|
111
|
+
"value": {
|
|
112
|
+
"fontFamily": "{fontfamily.heading}",
|
|
113
|
+
"fontWeight": "{fontweight.bold}",
|
|
114
|
+
"fontSize": "{fontsize.global.380}",
|
|
115
|
+
"lineHeight": "{lineheight.heading}",
|
|
116
|
+
"letterSpacing": "{letterspacing.heading}"
|
|
117
|
+
},
|
|
118
|
+
"type": "typography"
|
|
119
|
+
},
|
|
120
|
+
"quote": {
|
|
121
|
+
"value": {
|
|
122
|
+
"fontFamily": "{fontfamily.heading}",
|
|
123
|
+
"fontWeight": "Light",
|
|
124
|
+
"fontSize": "{fontsize.global.220}",
|
|
125
|
+
"lineHeight": "{lineheight.global.400}"
|
|
126
|
+
},
|
|
127
|
+
"type": "typography"
|
|
128
|
+
}
|
|
129
|
+
},
|
|
79
130
|
"min": {
|
|
131
|
+
"list": {
|
|
132
|
+
"value": {
|
|
133
|
+
"fontFamily": "{fontfamily.body}",
|
|
134
|
+
"fontWeight": "{fontweight.normal}",
|
|
135
|
+
"fontSize": "{fontsize.global.120}",
|
|
136
|
+
"lineHeight": "{lineheight.global.400}",
|
|
137
|
+
"letterSpacing": "{letterspacing.body}"
|
|
138
|
+
},
|
|
139
|
+
"type": "typography"
|
|
140
|
+
},
|
|
141
|
+
"intro": {
|
|
142
|
+
"value": {
|
|
143
|
+
"fontFamily": "{fontfamily.global.bureau}",
|
|
144
|
+
"fontWeight": "Book",
|
|
145
|
+
"fontSize": "{fontsize.global.180}",
|
|
146
|
+
"lineHeight": "{lineheight.global.400}",
|
|
147
|
+
"letterSpacing": "{letterspacing.body}"
|
|
148
|
+
},
|
|
149
|
+
"type": "typography"
|
|
150
|
+
},
|
|
151
|
+
"name": {
|
|
152
|
+
"value": {
|
|
153
|
+
"fontFamily": "{fontfamily.heading}",
|
|
154
|
+
"fontWeight": "{fontweight.bold}",
|
|
155
|
+
"fontSize": "{fontsize.global.360}",
|
|
156
|
+
"lineHeight": "{lineheight.heading}",
|
|
157
|
+
"letterSpacing": "{letterspacing.heading}"
|
|
158
|
+
},
|
|
159
|
+
"type": "typography"
|
|
160
|
+
},
|
|
161
|
+
"quote": {
|
|
162
|
+
"value": {
|
|
163
|
+
"fontFamily": "{fontfamily.heading}",
|
|
164
|
+
"fontWeight": "Light",
|
|
165
|
+
"fontSize": "{fontsize.global.200}",
|
|
166
|
+
"lineHeight": "{lineheight.global.400}"
|
|
167
|
+
},
|
|
168
|
+
"type": "typography"
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
"utility": {
|
|
173
|
+
"max": {
|
|
174
|
+
"xl": {
|
|
175
|
+
"value": {
|
|
176
|
+
"fontFamily": "{fontfamily.label}",
|
|
177
|
+
"fontWeight": "{fontweight.normal}",
|
|
178
|
+
"fontSize": "{fontsize.global.160}",
|
|
179
|
+
"lineHeight": "{lineheight.label}"
|
|
180
|
+
},
|
|
181
|
+
"type": "typography"
|
|
182
|
+
},
|
|
80
183
|
"lg": {
|
|
81
184
|
"value": {
|
|
82
185
|
"fontFamily": "{fontfamily.label}",
|
|
83
186
|
"fontWeight": "{fontweight.medium}",
|
|
84
|
-
"fontSize": "{fontsize.global.
|
|
187
|
+
"fontSize": "{fontsize.global.120}",
|
|
85
188
|
"lineHeight": "{lineheight.label}",
|
|
86
189
|
"letterSpacing": "{letterspacing.label}"
|
|
87
190
|
},
|
|
@@ -91,7 +194,7 @@
|
|
|
91
194
|
"value": {
|
|
92
195
|
"fontFamily": "{fontfamily.label}",
|
|
93
196
|
"fontWeight": "{fontweight.medium}",
|
|
94
|
-
"fontSize": "{fontsize.global.
|
|
197
|
+
"fontSize": "{fontsize.global.80}",
|
|
95
198
|
"lineHeight": "{lineheight.label}",
|
|
96
199
|
"letterSpacing": "{letterspacing.label}"
|
|
97
200
|
},
|
|
@@ -101,19 +204,28 @@
|
|
|
101
204
|
"value": {
|
|
102
205
|
"fontFamily": "{fontfamily.label}",
|
|
103
206
|
"fontWeight": "{fontweight.medium}",
|
|
104
|
-
"fontSize": "{fontsize.global.
|
|
207
|
+
"fontSize": "{fontsize.global.40}",
|
|
105
208
|
"lineHeight": "{lineheight.label}",
|
|
106
209
|
"letterSpacing": "{letterspacing.label}"
|
|
107
210
|
},
|
|
108
211
|
"type": "typography"
|
|
109
212
|
}
|
|
110
213
|
},
|
|
111
|
-
"
|
|
214
|
+
"min": {
|
|
215
|
+
"xl": {
|
|
216
|
+
"value": {
|
|
217
|
+
"fontFamily": "{fontfamily.label}",
|
|
218
|
+
"fontWeight": "{fontweight.normal}",
|
|
219
|
+
"fontSize": "{fontsize.global.140}",
|
|
220
|
+
"lineHeight": "{lineheight.label}"
|
|
221
|
+
},
|
|
222
|
+
"type": "typography"
|
|
223
|
+
},
|
|
112
224
|
"lg": {
|
|
113
225
|
"value": {
|
|
114
226
|
"fontFamily": "{fontfamily.label}",
|
|
115
227
|
"fontWeight": "{fontweight.medium}",
|
|
116
|
-
"fontSize": "{fontsize.global.
|
|
228
|
+
"fontSize": "{fontsize.global.100}",
|
|
117
229
|
"lineHeight": "{lineheight.label}",
|
|
118
230
|
"letterSpacing": "{letterspacing.label}"
|
|
119
231
|
},
|
|
@@ -123,7 +235,7 @@
|
|
|
123
235
|
"value": {
|
|
124
236
|
"fontFamily": "{fontfamily.label}",
|
|
125
237
|
"fontWeight": "{fontweight.medium}",
|
|
126
|
-
"fontSize": "{fontsize.global.
|
|
238
|
+
"fontSize": "{fontsize.global.60}",
|
|
127
239
|
"lineHeight": "{lineheight.label}",
|
|
128
240
|
"letterSpacing": "{letterspacing.label}"
|
|
129
241
|
},
|
|
@@ -133,7 +245,7 @@
|
|
|
133
245
|
"value": {
|
|
134
246
|
"fontFamily": "{fontfamily.label}",
|
|
135
247
|
"fontWeight": "{fontweight.medium}",
|
|
136
|
-
"fontSize": "{fontsize.global.
|
|
248
|
+
"fontSize": "{fontsize.global.20}",
|
|
137
249
|
"lineHeight": "{lineheight.label}",
|
|
138
250
|
"letterSpacing": "{letterspacing.label}"
|
|
139
251
|
},
|
package/tokens/brands/human.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"lineheight": {
|
|
17
17
|
"body": {
|
|
18
|
-
"value": "{lineheight.global.
|
|
18
|
+
"value": "{lineheight.global.300}",
|
|
19
19
|
"type": "lineHeights"
|
|
20
20
|
},
|
|
21
21
|
"label": {
|
|
@@ -43,9 +43,13 @@
|
|
|
43
43
|
},
|
|
44
44
|
"color": {
|
|
45
45
|
"brand": {
|
|
46
|
-
"
|
|
46
|
+
"primary": {
|
|
47
47
|
"value": "{color.global.orange.100}",
|
|
48
48
|
"type": "color"
|
|
49
|
+
},
|
|
50
|
+
"secondary": {
|
|
51
|
+
"value": "{color.global.grey.500}",
|
|
52
|
+
"type": "color"
|
|
49
53
|
}
|
|
50
54
|
},
|
|
51
55
|
"background": {
|
|
@@ -71,8 +75,8 @@
|
|
|
71
75
|
"value": "{color.global.grey.100}",
|
|
72
76
|
"type": "color"
|
|
73
77
|
},
|
|
74
|
-
"
|
|
75
|
-
"value": "{color.
|
|
78
|
+
"brand": {
|
|
79
|
+
"value": "{color.brand.primary}",
|
|
76
80
|
"type": "color"
|
|
77
81
|
}
|
|
78
82
|
},
|
|
@@ -132,40 +136,34 @@
|
|
|
132
136
|
"type": "color"
|
|
133
137
|
}
|
|
134
138
|
},
|
|
135
|
-
"
|
|
136
|
-
"
|
|
137
|
-
"
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
"
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
"
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
"
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
"
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
"value": "{color.global.grey.400}",
|
|
164
|
-
"type": "color"
|
|
165
|
-
},
|
|
166
|
-
"active": {
|
|
167
|
-
"value": "{color.global.grey.100}",
|
|
168
|
-
"type": "color"
|
|
139
|
+
"primary": {
|
|
140
|
+
"interactive": {
|
|
141
|
+
"default": {
|
|
142
|
+
"value": "{color.global.orange.100}",
|
|
143
|
+
"type": "color"
|
|
144
|
+
},
|
|
145
|
+
"hover": {
|
|
146
|
+
"value": "{color.global.grey.400}",
|
|
147
|
+
"type": "color"
|
|
148
|
+
},
|
|
149
|
+
"active": {
|
|
150
|
+
"value": "{color.global.grey.450}",
|
|
151
|
+
"type": "color"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"on-interactive": {
|
|
155
|
+
"default": {
|
|
156
|
+
"value": "{color.global.grey.500}",
|
|
157
|
+
"type": "color"
|
|
158
|
+
},
|
|
159
|
+
"hover": {
|
|
160
|
+
"value": "{color.global.grey.100}",
|
|
161
|
+
"type": "color"
|
|
162
|
+
},
|
|
163
|
+
"active": {
|
|
164
|
+
"value": "{color.global.grey.100}",
|
|
165
|
+
"type": "color"
|
|
166
|
+
}
|
|
169
167
|
}
|
|
170
168
|
},
|
|
171
169
|
"border": {
|
|
@@ -203,14 +201,40 @@
|
|
|
203
201
|
"value": "{color.global.blue.100}",
|
|
204
202
|
"type": "color"
|
|
205
203
|
},
|
|
206
|
-
"disabled": {
|
|
207
|
-
"value": "{color.global.orange.150}",
|
|
208
|
-
"type": "color"
|
|
209
|
-
},
|
|
210
204
|
"active": {
|
|
211
205
|
"value": "{color.global.blue.150}",
|
|
212
206
|
"type": "color"
|
|
213
207
|
}
|
|
208
|
+
},
|
|
209
|
+
"secondary": {
|
|
210
|
+
"interactive": {
|
|
211
|
+
"default": {
|
|
212
|
+
"value": "{color.brand.secondary}",
|
|
213
|
+
"type": "color"
|
|
214
|
+
},
|
|
215
|
+
"hover": {
|
|
216
|
+
"value": "{color.global.grey.400}",
|
|
217
|
+
"type": "color"
|
|
218
|
+
},
|
|
219
|
+
"active": {
|
|
220
|
+
"value": "{color.global.grey.450}",
|
|
221
|
+
"type": "color"
|
|
222
|
+
}
|
|
223
|
+
},
|
|
224
|
+
"on-interactive": {
|
|
225
|
+
"default": {
|
|
226
|
+
"value": "{color.global.grey.100}",
|
|
227
|
+
"type": "color"
|
|
228
|
+
},
|
|
229
|
+
"hover": {
|
|
230
|
+
"value": "{color.global.grey.100}",
|
|
231
|
+
"type": "color"
|
|
232
|
+
},
|
|
233
|
+
"active": {
|
|
234
|
+
"value": "{color.global.grey.100}",
|
|
235
|
+
"type": "color"
|
|
236
|
+
}
|
|
237
|
+
}
|
|
214
238
|
}
|
|
215
239
|
}
|
|
216
240
|
}
|
|
@@ -43,8 +43,12 @@
|
|
|
43
43
|
},
|
|
44
44
|
"color": {
|
|
45
45
|
"brand": {
|
|
46
|
-
"
|
|
47
|
-
"value": "{color.global.
|
|
46
|
+
"primary": {
|
|
47
|
+
"value": "{color.global.blue.150}",
|
|
48
|
+
"type": "color"
|
|
49
|
+
},
|
|
50
|
+
"secondary": {
|
|
51
|
+
"value": "{color.global.grey.500}",
|
|
48
52
|
"type": "color"
|
|
49
53
|
}
|
|
50
54
|
},
|
|
@@ -71,8 +75,8 @@
|
|
|
71
75
|
"value": "{color.global.grey.100}",
|
|
72
76
|
"type": "color"
|
|
73
77
|
},
|
|
74
|
-
"
|
|
75
|
-
"value": "{color.
|
|
78
|
+
"brand": {
|
|
79
|
+
"value": "{color.brand.primary}",
|
|
76
80
|
"type": "color"
|
|
77
81
|
}
|
|
78
82
|
},
|
|
@@ -132,40 +136,34 @@
|
|
|
132
136
|
"type": "color"
|
|
133
137
|
}
|
|
134
138
|
},
|
|
135
|
-
"
|
|
136
|
-
"
|
|
137
|
-
"
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
"
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
"
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
"
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
"
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
"value": "{color.global.grey.400}",
|
|
164
|
-
"type": "color"
|
|
165
|
-
},
|
|
166
|
-
"active": {
|
|
167
|
-
"value": "{color.global.grey.100}",
|
|
168
|
-
"type": "color"
|
|
139
|
+
"primary": {
|
|
140
|
+
"interactive": {
|
|
141
|
+
"default": {
|
|
142
|
+
"value": "{color.brand.primary}",
|
|
143
|
+
"type": "color"
|
|
144
|
+
},
|
|
145
|
+
"hover": {
|
|
146
|
+
"value": "{color.global.blue.100}",
|
|
147
|
+
"type": "color"
|
|
148
|
+
},
|
|
149
|
+
"active": {
|
|
150
|
+
"value": "{color.global.blue.150}",
|
|
151
|
+
"type": "color"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"on-interactive": {
|
|
155
|
+
"default": {
|
|
156
|
+
"value": "{color.global.grey.100}",
|
|
157
|
+
"type": "color"
|
|
158
|
+
},
|
|
159
|
+
"hover": {
|
|
160
|
+
"value": "{color.global.grey.100}",
|
|
161
|
+
"type": "color"
|
|
162
|
+
},
|
|
163
|
+
"active": {
|
|
164
|
+
"value": "{color.global.grey.100}",
|
|
165
|
+
"type": "color"
|
|
166
|
+
}
|
|
169
167
|
}
|
|
170
168
|
},
|
|
171
169
|
"border": {
|
|
@@ -203,14 +201,40 @@
|
|
|
203
201
|
"value": "{color.global.grey.450}",
|
|
204
202
|
"type": "color"
|
|
205
203
|
},
|
|
206
|
-
"disabled": {
|
|
207
|
-
"value": "{color.global.grey.250}",
|
|
208
|
-
"type": "color"
|
|
209
|
-
},
|
|
210
204
|
"active": {
|
|
211
205
|
"value": "{color.global.grey.500}",
|
|
212
206
|
"type": "color"
|
|
213
207
|
}
|
|
208
|
+
},
|
|
209
|
+
"secondary": {
|
|
210
|
+
"interactive": {
|
|
211
|
+
"default": {
|
|
212
|
+
"value": "{color.global.grey.500}",
|
|
213
|
+
"type": "color"
|
|
214
|
+
},
|
|
215
|
+
"hover": {
|
|
216
|
+
"value": "{color.global.grey.400}",
|
|
217
|
+
"type": "color"
|
|
218
|
+
},
|
|
219
|
+
"active": {
|
|
220
|
+
"value": "{color.global.grey.450}",
|
|
221
|
+
"type": "color"
|
|
222
|
+
}
|
|
223
|
+
},
|
|
224
|
+
"on-interactive": {
|
|
225
|
+
"default": {
|
|
226
|
+
"value": "{color.global.grey.100}",
|
|
227
|
+
"type": "color"
|
|
228
|
+
},
|
|
229
|
+
"hover": {
|
|
230
|
+
"value": "{color.global.grey.100}",
|
|
231
|
+
"type": "color"
|
|
232
|
+
},
|
|
233
|
+
"active": {
|
|
234
|
+
"value": "{color.global.grey.100}",
|
|
235
|
+
"type": "color"
|
|
236
|
+
}
|
|
237
|
+
}
|
|
214
238
|
}
|
|
215
239
|
}
|
|
216
240
|
}
|
package/tokens/global.json
CHANGED
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
"fontsize": {
|
|
35
35
|
"global": {
|
|
36
36
|
"20": {
|
|
37
|
-
"value": "10
|
|
37
|
+
"value": "10",
|
|
38
38
|
"type": "fontSizes"
|
|
39
39
|
},
|
|
40
40
|
"40": {
|
|
41
|
-
"value": "11
|
|
41
|
+
"value": "11",
|
|
42
42
|
"type": "fontSizes"
|
|
43
43
|
},
|
|
44
44
|
"60": {
|
|
45
|
-
"value": "12
|
|
45
|
+
"value": "12",
|
|
46
46
|
"type": "fontSizes"
|
|
47
47
|
},
|
|
48
48
|
"80": {
|
|
49
|
-
"value": "
|
|
49
|
+
"value": "13",
|
|
50
50
|
"type": "fontSizes"
|
|
51
51
|
},
|
|
52
52
|
"100": {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"type": "fontSizes"
|
|
63
63
|
},
|
|
64
64
|
"160": {
|
|
65
|
-
"value": "17
|
|
65
|
+
"value": "17",
|
|
66
66
|
"type": "fontSizes"
|
|
67
67
|
},
|
|
68
68
|
"180": {
|
|
@@ -70,63 +70,63 @@
|
|
|
70
70
|
"type": "fontSizes"
|
|
71
71
|
},
|
|
72
72
|
"200": {
|
|
73
|
-
"value": "
|
|
73
|
+
"value": "20",
|
|
74
74
|
"type": "fontSizes"
|
|
75
75
|
},
|
|
76
76
|
"220": {
|
|
77
|
-
"value": "
|
|
77
|
+
"value": "22",
|
|
78
78
|
"type": "fontSizes"
|
|
79
79
|
},
|
|
80
80
|
"240": {
|
|
81
|
-
"value": "
|
|
81
|
+
"value": "23",
|
|
82
82
|
"type": "fontSizes"
|
|
83
83
|
},
|
|
84
84
|
"260": {
|
|
85
|
-
"value": "
|
|
85
|
+
"value": "26",
|
|
86
86
|
"type": "fontSizes"
|
|
87
87
|
},
|
|
88
88
|
"280": {
|
|
89
|
-
"value": "
|
|
89
|
+
"value": "27",
|
|
90
90
|
"type": "fontSizes"
|
|
91
91
|
},
|
|
92
92
|
"300": {
|
|
93
|
-
"value": "28
|
|
93
|
+
"value": "28",
|
|
94
94
|
"type": "fontSizes"
|
|
95
95
|
},
|
|
96
96
|
"320": {
|
|
97
|
-
"value": "31
|
|
97
|
+
"value": "31",
|
|
98
98
|
"type": "fontSizes"
|
|
99
99
|
},
|
|
100
100
|
"340": {
|
|
101
|
-
"value": "
|
|
101
|
+
"value": "32",
|
|
102
102
|
"type": "fontSizes"
|
|
103
103
|
},
|
|
104
104
|
"360": {
|
|
105
|
-
"value": "
|
|
105
|
+
"value": "36",
|
|
106
106
|
"type": "fontSizes"
|
|
107
107
|
},
|
|
108
108
|
"380": {
|
|
109
|
-
"value": "37
|
|
109
|
+
"value": "37",
|
|
110
110
|
"type": "fontSizes"
|
|
111
111
|
},
|
|
112
112
|
"400": {
|
|
113
|
-
"value": "40
|
|
113
|
+
"value": "40",
|
|
114
114
|
"type": "fontSizes"
|
|
115
115
|
},
|
|
116
116
|
"420": {
|
|
117
|
-
"value": "
|
|
117
|
+
"value": "45",
|
|
118
118
|
"type": "fontSizes"
|
|
119
119
|
},
|
|
120
120
|
"440": {
|
|
121
|
-
"value": "
|
|
121
|
+
"value": "54",
|
|
122
122
|
"type": "fontSizes"
|
|
123
123
|
},
|
|
124
124
|
"460": {
|
|
125
|
-
"value": "
|
|
125
|
+
"value": "66",
|
|
126
126
|
"type": "fontSizes"
|
|
127
127
|
},
|
|
128
128
|
"480": {
|
|
129
|
-
"value": "77
|
|
129
|
+
"value": "77",
|
|
130
130
|
"type": "fontSizes"
|
|
131
131
|
}
|
|
132
132
|
}
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
"type": "lineHeights"
|
|
179
179
|
},
|
|
180
180
|
"300": {
|
|
181
|
-
"value": "
|
|
181
|
+
"value": "150%",
|
|
182
182
|
"type": "lineHeights"
|
|
183
183
|
},
|
|
184
184
|
"400": {
|
|
@@ -259,6 +259,10 @@
|
|
|
259
259
|
"value": "#FF6E29",
|
|
260
260
|
"type": "color"
|
|
261
261
|
},
|
|
262
|
+
"125": {
|
|
263
|
+
"value": "#FF5605",
|
|
264
|
+
"type": "color"
|
|
265
|
+
},
|
|
262
266
|
"150": {
|
|
263
267
|
"value": "#803714",
|
|
264
268
|
"type": "color"
|
|
@@ -390,6 +394,26 @@
|
|
|
390
394
|
"type": "color"
|
|
391
395
|
}
|
|
392
396
|
}
|
|
397
|
+
},
|
|
398
|
+
"transparent": {
|
|
399
|
+
"50": {
|
|
400
|
+
"value": "rgba(255,255,255,0.5)",
|
|
401
|
+
"type": "color"
|
|
402
|
+
},
|
|
403
|
+
"100": {
|
|
404
|
+
"value": "rgba(255,255,255,0)",
|
|
405
|
+
"type": "color"
|
|
406
|
+
}
|
|
407
|
+
}
|
|
408
|
+
},
|
|
409
|
+
"style": {
|
|
410
|
+
"global": {
|
|
411
|
+
"opacity": {
|
|
412
|
+
"50": {
|
|
413
|
+
"value": "0.5",
|
|
414
|
+
"type": "opacity"
|
|
415
|
+
}
|
|
416
|
+
}
|
|
393
417
|
}
|
|
394
418
|
}
|
|
395
419
|
}
|