Skip to content

Commit 9920470

Browse files
unekinnunekinn
committed
one step closer -- generate static values
1 parent ec4021e commit 9920470

File tree

6 files changed

+213
-138
lines changed

6 files changed

+213
-138
lines changed

‎apps/www/app/_components/tokens/design-tokens/type-scale.json‎

Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -4,80 +4,80 @@
44
"font-size",
55
"1"
66
],
7-
"variable": "--ds-font-size-1",
8-
"value": "round(calc(1rem * var(--ds-font-scale-base) / pow(var(--ds-font-scale-ratio), 3)), 1px)"
7+
"variable": "--ds-font-size-1--sm",
8+
"value": "0.6875rem"
99
},
1010
{
1111
"path": [
1212
"font-size",
1313
"2"
1414
],
15-
"variable": "--ds-font-size-2",
16-
"value": "round(calc(1rem * var(--ds-font-scale-base) / pow(var(--ds-font-scale-ratio), 2)), 1px)"
15+
"variable": "--ds-font-size-2--sm",
16+
"value": "0.8125rem"
1717
},
1818
{
1919
"path": [
2020
"font-size",
2121
"3"
2222
],
23-
"variable": "--ds-font-size-3",
24-
"value": "round(calc(1rem * var(--ds-font-scale-base) / pow(var(--ds-font-scale-ratio), 1)), 1px)"
23+
"variable": "--ds-font-size-3--sm",
24+
"value": "0.875rem"
2525
},
2626
{
2727
"path": [
2828
"font-size",
2929
"4"
3030
],
31-
"variable": "--ds-font-size-4",
32-
"value": "round(calc(1rem * var(--ds-font-scale-base) * pow(var(--ds-font-scale-ratio), 0)), 1px)"
31+
"variable": "--ds-font-size-4--sm",
32+
"value": "1rem"
3333
},
3434
{
3535
"path": [
3636
"font-size",
3737
"5"
3838
],
39-
"variable": "--ds-font-size-5",
40-
"value": "round(calc(1rem * var(--ds-font-scale-base) * pow(var(--ds-font-scale-ratio), 1)), 1px)"
39+
"variable": "--ds-font-size-5--sm",
40+
"value": "1.125rem"
4141
},
4242
{
4343
"path": [
4444
"font-size",
4545
"6"
4646
],
47-
"variable": "--ds-font-size-6",
48-
"value": "round(calc(1rem * var(--ds-font-scale-base) * pow(var(--ds-font-scale-ratio), 2)), 1px)"
47+
"variable": "--ds-font-size-6--sm",
48+
"value": "1.25rem"
4949
},
5050
{
5151
"path": [
5252
"font-size",
5353
"7"
5454
],
55-
"variable": "--ds-font-size-7",
56-
"value": "round(calc(1rem * var(--ds-font-scale-base) * pow(var(--ds-font-scale-ratio), 3)), 1px)"
55+
"variable": "--ds-font-size-7--sm",
56+
"value": "1.4375rem"
5757
},
5858
{
5959
"path": [
6060
"font-size",
6161
"8"
6262
],
63-
"variable": "--ds-font-size-8",
64-
"value": "round(calc(1rem * var(--ds-font-scale-base) * pow(var(--ds-font-scale-ratio), 5)), 1px)"
63+
"variable": "--ds-font-size-8--sm",
64+
"value": "1.875rem"
6565
},
6666
{
6767
"path": [
6868
"font-size",
6969
"9"
7070
],
71-
"variable": "--ds-font-size-9",
72-
"value": "round(calc(1rem * var(--ds-font-scale-base) * pow(var(--ds-font-scale-ratio), 7)), 1px)"
71+
"variable": "--ds-font-size-9--sm",
72+
"value": "2.375rem"
7373
},
7474
{
7575
"path": [
7676
"font-size",
7777
"10"
7878
],
79-
"variable": "--ds-font-size-10",
80-
"value": "round(calc(1rem * var(--ds-font-scale-base) * pow(var(--ds-font-scale-ratio), 9)), 1px)"
79+
"variable": "--ds-font-size-10--sm",
80+
"value": "3rem"
8181
},
8282
{
8383
"path": [
@@ -86,7 +86,7 @@
8686
"2xl",
8787
"fontSize"
8888
],
89-
"variable": "--ds-heading-2xl-font-size",
89+
"variable": "--ds-heading-2xl-font-size--sm",
9090
"value": "var(--ds-font-size-10)"
9191
},
9292
{
@@ -96,7 +96,7 @@
9696
"xl",
9797
"fontSize"
9898
],
99-
"variable": "--ds-heading-xl-font-size",
99+
"variable": "--ds-heading-xl-font-size--sm",
100100
"value": "var(--ds-font-size-9)"
101101
},
102102
{
@@ -106,7 +106,7 @@
106106
"lg",
107107
"fontSize"
108108
],
109-
"variable": "--ds-heading-lg-font-size",
109+
"variable": "--ds-heading-lg-font-size--sm",
110110
"value": "var(--ds-font-size-8)"
111111
},
112112
{
@@ -116,7 +116,7 @@
116116
"md",
117117
"fontSize"
118118
],
119-
"variable": "--ds-heading-md-font-size",
119+
"variable": "--ds-heading-md-font-size--sm",
120120
"value": "var(--ds-font-size-7)"
121121
},
122122
{
@@ -126,7 +126,7 @@
126126
"sm",
127127
"fontSize"
128128
],
129-
"variable": "--ds-heading-sm-font-size",
129+
"variable": "--ds-heading-sm-font-size--sm",
130130
"value": "var(--ds-font-size-6)"
131131
},
132132
{
@@ -136,7 +136,7 @@
136136
"xs",
137137
"fontSize"
138138
],
139-
"variable": "--ds-heading-xs-font-size",
139+
"variable": "--ds-heading-xs-font-size--sm",
140140
"value": "var(--ds-font-size-5)"
141141
},
142142
{
@@ -146,7 +146,7 @@
146146
"2xs",
147147
"fontSize"
148148
],
149-
"variable": "--ds-heading-2xs-font-size",
149+
"variable": "--ds-heading-2xs-font-size--sm",
150150
"value": "var(--ds-font-size-4)"
151151
},
152152
{
@@ -156,7 +156,7 @@
156156
"xl",
157157
"fontSize"
158158
],
159-
"variable": "--ds-body-xl-font-size",
159+
"variable": "--ds-body-xl-font-size--sm",
160160
"value": "var(--ds-font-size-6)"
161161
},
162162
{
@@ -166,7 +166,7 @@
166166
"lg",
167167
"fontSize"
168168
],
169-
"variable": "--ds-body-lg-font-size",
169+
"variable": "--ds-body-lg-font-size--sm",
170170
"value": "var(--ds-font-size-5)"
171171
},
172172
{
@@ -176,7 +176,7 @@
176176
"md",
177177
"fontSize"
178178
],
179-
"variable": "--ds-body-md-font-size",
179+
"variable": "--ds-body-md-font-size--sm",
180180
"value": "var(--ds-font-size-4)"
181181
},
182182
{
@@ -186,7 +186,7 @@
186186
"sm",
187187
"fontSize"
188188
],
189-
"variable": "--ds-body-sm-font-size",
189+
"variable": "--ds-body-sm-font-size--sm",
190190
"value": "var(--ds-font-size-3)"
191191
},
192192
{
@@ -196,7 +196,7 @@
196196
"xs",
197197
"fontSize"
198198
],
199-
"variable": "--ds-body-xs-font-size",
199+
"variable": "--ds-body-xs-font-size--sm",
200200
"value": "var(--ds-font-size-2)"
201201
},
202202
{
@@ -207,7 +207,7 @@
207207
"xl",
208208
"fontSize"
209209
],
210-
"variable": "--ds-body-short-xl-font-size",
210+
"variable": "--ds-body-short-xl-font-size--sm",
211211
"value": "var(--ds-font-size-6)"
212212
},
213213
{
@@ -218,7 +218,7 @@
218218
"lg",
219219
"fontSize"
220220
],
221-
"variable": "--ds-body-short-lg-font-size",
221+
"variable": "--ds-body-short-lg-font-size--sm",
222222
"value": "var(--ds-font-size-5)"
223223
},
224224
{
@@ -229,7 +229,7 @@
229229
"md",
230230
"fontSize"
231231
],
232-
"variable": "--ds-body-short-md-font-size",
232+
"variable": "--ds-body-short-md-font-size--sm",
233233
"value": "var(--ds-font-size-4)"
234234
},
235235
{
@@ -240,7 +240,7 @@
240240
"sm",
241241
"fontSize"
242242
],
243-
"variable": "--ds-body-short-sm-font-size",
243+
"variable": "--ds-body-short-sm-font-size--sm",
244244
"value": "var(--ds-font-size-3)"
245245
},
246246
{
@@ -251,7 +251,7 @@
251251
"xs",
252252
"fontSize"
253253
],
254-
"variable": "--ds-body-short-xs-font-size",
254+
"variable": "--ds-body-short-xs-font-size--sm",
255255
"value": "var(--ds-font-size-2)"
256256
},
257257
{
@@ -262,7 +262,7 @@
262262
"xl",
263263
"fontSize"
264264
],
265-
"variable": "--ds-body-long-xl-font-size",
265+
"variable": "--ds-body-long-xl-font-size--sm",
266266
"value": "var(--ds-font-size-6)"
267267
},
268268
{
@@ -273,7 +273,7 @@
273273
"lg",
274274
"fontSize"
275275
],
276-
"variable": "--ds-body-long-lg-font-size",
276+
"variable": "--ds-body-long-lg-font-size--sm",
277277
"value": "var(--ds-font-size-5)"
278278
},
279279
{
@@ -284,7 +284,7 @@
284284
"md",
285285
"fontSize"
286286
],
287-
"variable": "--ds-body-long-md-font-size",
287+
"variable": "--ds-body-long-md-font-size--sm",
288288
"value": "var(--ds-font-size-4)"
289289
},
290290
{
@@ -295,7 +295,7 @@
295295
"sm",
296296
"fontSize"
297297
],
298-
"variable": "--ds-body-long-sm-font-size",
298+
"variable": "--ds-body-long-sm-font-size--sm",
299299
"value": "var(--ds-font-size-3)"
300300
},
301301
{
@@ -306,7 +306,7 @@
306306
"xs",
307307
"fontSize"
308308
],
309-
"variable": "--ds-body-long-xs-font-size",
309+
"variable": "--ds-body-long-xs-font-size--sm",
310310
"value": "var(--ds-font-size-2)"
311311
}
312312
]

0 commit comments

Comments
 (0)