villa-design-tokens 1.0.22 → 1.0.24

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/tokens/$themes.json +45 -89
  3. package/tokens/brands/tribune/tribune.json +284 -290
  4. package/tokens/brands/whitelabel/whitelabel.json +284 -290
  5. package/tokens/globals/global.json +165 -141
package/tokens/globals/global.json CHANGED
@@ -1,150 +1,174 @@
1
1
  {
2
- "fontFamily-simplistic": {
3
- "value": "Simplistic Sans",
4
- "type": "fontFamilies"
5
- },
6
- "fontFamily-simplistic-outline": {
7
- "value": "Simplistic Sans Outline",
8
- "type": "fontFamilies"
9
- },
10
- "fontFamily-vesta": {
11
- "value": "VPRO Vesta",
12
- "type": "fontFamilies"
13
- },
14
- "fontFamily-bureau": {
15
- "value": "BureauGrotesque FiveOne",
16
- "type": "fontFamilies"
17
- },
18
- "fontFamily-helvetica": {
19
- "value": "Helvetica Neue",
20
- "type": "fontFamilies"
21
- },
22
- "fontSize-50": {
23
- "value": "12px",
24
- "type": "fontSizes"
25
- },
26
- "fontSize-75": {
27
- "value": "14px",
28
- "type": "fontSizes"
29
- },
30
- "fontSize-100": {
31
- "value": "16px",
32
- "type": "fontSizes"
33
- },
34
- "fontSize-200": {
35
- "value": "20px",
36
- "type": "fontSizes"
37
- },
38
- "fontSize-300": {
39
- "value": "24px",
40
- "type": "fontSizes"
41
- },
42
- "fontSize-400": {
43
- "value": "32px",
44
- "type": "fontSizes"
45
- },
46
- "fontSize-500": {
47
- "value": "48px",
48
- "type": "fontSizes"
49
- },
50
- "fontSize-600": {
51
- "value": "56px",
52
- "type": "fontSizes"
53
- },
54
- "fontSize-700": {
55
- "value": "64px",
56
- "type": "fontSizes"
57
- },
58
- "fontWeight-100": {
59
- "value": "100",
60
- "type": "fontWeights"
61
- },
62
- "fontWeight-200": {
63
- "value": "200",
64
- "type": "fontWeights"
65
- },
66
- "fontWeight-300": {
67
- "value": "300",
68
- "type": "fontWeights"
69
- },
70
- "fontWeight-400": {
71
- "value": "400",
72
- "type": "fontWeights"
73
- },
74
- "fontWeight-500": {
75
- "value": "500",
76
- "type": "fontWeights"
77
- },
78
- "fontWeight-600": {
79
- "value": "600",
80
- "type": "fontWeights"
81
- },
82
- "fontWeight-700": {
83
- "value": "700",
84
- "type": "fontWeights"
85
- },
86
- "lineHeight-100": {
87
- "value": "100%",
88
- "type": "lineHeights",
89
- "description": "Typically for captions or dense text"
90
- },
91
- "lineHeight-200": {
92
- "value": "140%",
93
- "type": "lineHeights",
94
- "description": "Standard for body text"
95
- },
96
- "lineHeight-300": {
97
- "value": "160%",
98
- "type": "lineHeights",
99
- "description": "Breathable body text or for headers"
100
- },
101
- "lineHeight-400": {
102
- "value": "180%",
103
- "type": "lineHeights",
104
- "description": "For larger headers"
105
- },
106
- "letterSpacing-100": {
107
- "value": "-0.05em",
108
- "type": "letterSpacing",
109
- "description": "Tight"
110
- },
111
- "letterSpacing-200": {
112
- "value": "0em",
113
- "type": "letterSpacing",
114
- "description": "Normal"
115
- },
116
- "letterSpacing-300": {
117
- "value": "0.05em",
118
- "type": "letterSpacing",
119
- "description": "Breathable"
120
- },
121
- "spacing-100": {
122
- "value": "4px",
123
- "type": "spacing"
124
- },
125
- "spacing-200": {
126
- "value": "8px",
127
- "type": "spacing"
2
+ "fontfamily": {
3
+ "global": {
4
+ "simplistic": {
5
+ "value": "Simplistic Sans",
6
+ "type": "fontFamilies"
7
+ },
8
+ "simplistic-outline": {
9
+ "value": "Simplistic Sans Outline",
10
+ "type": "fontFamilies"
11
+ },
12
+ "vesta": {
13
+ "value": "VPRO Vesta",
14
+ "type": "fontFamilies"
15
+ },
16
+ "bureau": {
17
+ "value": "BureauGrotesque FiveOne",
18
+ "type": "fontFamilies"
19
+ },
20
+ "helvetica": {
21
+ "value": "Helvetica Neue",
22
+ "type": "fontFamilies"
23
+ }
24
+ }
128
25
  },
129
- "spacing-300": {
130
- "value": "12px",
131
- "type": "spacing"
26
+ "fontsize": {
27
+ "global": {
28
+ "50": {
29
+ "value": "12px",
30
+ "type": "fontSizes"
31
+ },
32
+ "75": {
33
+ "value": "14px",
34
+ "type": "fontSizes"
35
+ },
36
+ "100": {
37
+ "value": "16px",
38
+ "type": "fontSizes"
39
+ },
40
+ "200": {
41
+ "value": "20px",
42
+ "type": "fontSizes"
43
+ },
44
+ "300": {
45
+ "value": "24px",
46
+ "type": "fontSizes"
47
+ },
48
+ "400": {
49
+ "value": "32px",
50
+ "type": "fontSizes"
51
+ },
52
+ "500": {
53
+ "value": "48px",
54
+ "type": "fontSizes"
55
+ },
56
+ "600": {
57
+ "value": "56px",
58
+ "type": "fontSizes"
59
+ },
60
+ "700": {
61
+ "value": "64px",
62
+ "type": "fontSizes"
63
+ }
64
+ }
132
65
  },
133
- "spacing-400": {
134
- "value": "16px",
135
- "type": "spacing"
66
+ "fontweight": {
67
+ "global": {
68
+ "100": {
69
+ "value": "100",
70
+ "type": "fontWeights"
71
+ },
72
+ "200": {
73
+ "value": "200",
74
+ "type": "fontWeights"
75
+ },
76
+ "300": {
77
+ "value": "300",
78
+ "type": "fontWeights"
79
+ },
80
+ "400": {
81
+ "value": "400",
82
+ "type": "fontWeights"
83
+ },
84
+ "500": {
85
+ "value": "500",
86
+ "type": "fontWeights"
87
+ },
88
+ "600": {
89
+ "value": "600",
90
+ "type": "fontWeights"
91
+ },
92
+ "700": {
93
+ "value": "700",
94
+ "type": "fontWeights"
95
+ }
96
+ }
136
97
  },
137
- "spacing-500": {
138
- "value": "32px",
139
- "type": "spacing"
98
+ "lineheight": {
99
+ "global": {
100
+ "100": {
101
+ "value": "100%",
102
+ "type": "lineHeights",
103
+ "description": "Typically for captions or dense text"
104
+ },
105
+ "200": {
106
+ "value": "140%",
107
+ "type": "lineHeights",
108
+ "description": "Standard for body text"
109
+ },
110
+ "300": {
111
+ "value": "160%",
112
+ "type": "lineHeights",
113
+ "description": "Breathable body text or for headers"
114
+ },
115
+ "400": {
116
+ "value": "180%",
117
+ "type": "lineHeights",
118
+ "description": "For larger headers"
119
+ }
120
+ }
140
121
  },
141
- "spacing-600": {
142
- "value": "64px",
143
- "type": "spacing"
122
+ "letterspacing": {
123
+ "global": {
124
+ "100": {
125
+ "value": "-0.05em",
126
+ "type": "letterSpacing",
127
+ "description": "Tight"
128
+ },
129
+ "200": {
130
+ "value": "0em",
131
+ "type": "letterSpacing",
132
+ "description": "Normal"
133
+ },
134
+ "300": {
135
+ "value": "0.05em",
136
+ "type": "letterSpacing",
137
+ "description": "Breathable"
138
+ }
139
+ }
144
140
  },
145
- "spacing-700": {
146
- "value": "128px",
147
- "type": "spacing"
141
+ "spacing": {
142
+ "global": {
143
+ "100": {
144
+ "value": "4px",
145
+ "type": "spacing"
146
+ },
147
+ "200": {
148
+ "value": "8px",
149
+ "type": "spacing"
150
+ },
151
+ "300": {
152
+ "value": "12px",
153
+ "type": "spacing"
154
+ },
155
+ "400": {
156
+ "value": "16px",
157
+ "type": "spacing"
158
+ },
159
+ "500": {
160
+ "value": "32px",
161
+ "type": "spacing"
162
+ },
163
+ "600": {
164
+ "value": "64px",
165
+ "type": "spacing"
166
+ },
167
+ "700": {
168
+ "value": "128px",
169
+ "type": "spacing"
170
+ }
171
+ }
148
172
  },
149
173
  "color": {
150
174
  "global": {