@pisodev/ui-common 0.0.7 → 0.0.8

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/dist/index.js CHANGED
@@ -1,11 +1,1126 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- const tslib_1 = require("tslib");
5
- tslib_1.__exportStar(require("./theme"), exports);
6
- tslib_1.__exportStar(require("./types/Typography.base.types"), exports);
7
- tslib_1.__exportStar(require("./typography/typography"), exports);
8
- // Import SCSS files for bundling
9
- require("./theme/_index.scss");
10
- require("./typography/_index.scss");
3
+ const grayScale = {
4
+ light: {
5
+ '50': '#F6F8FA',
6
+ '100': '#EEF0F2',
7
+ '200': '#E6E8EA',
8
+ '300': '#DADCDD',
9
+ '400': '#CED0D2',
10
+ '500': '#AAACAE',
11
+ '600': '#86888A',
12
+ '700': '#4C4E50',
13
+ '800': '#2C2E30',
14
+ '900': '#0C0E10',
15
+ '00': '#FFFFFF',
16
+ },
17
+ dark: {
18
+ '50': '#1A1C1E',
19
+ '100': '#282A2C',
20
+ '200': '#36383A',
21
+ '300': '#444648',
22
+ '400': '#525456',
23
+ '500': '#66686A',
24
+ '600': '#888A8C',
25
+ '700': '#AAACAE',
26
+ '800': '#CCCED0',
27
+ '900': '#FFFFFF',
28
+ '00': '#0C0E10',
29
+ },
30
+ };
31
+ const blue1Scale = {
32
+ light: {
33
+ '50': '#AFCFFF',
34
+ '100': '#8EBCFF',
35
+ '200': '#6DA8FF',
36
+ '300': '#4C95FF',
37
+ '400': '#1473FF',
38
+ '500': '#1267E6',
39
+ '600': '#0F57C2',
40
+ '700': '#0C4599',
41
+ '800': '#093370',
42
+ '900': '#06234D',
43
+ '00': '#C7DDFF',
44
+ },
45
+ dark: {
46
+ '50': '#0C4599',
47
+ '100': '#0E51B3',
48
+ '200': '#105CCC',
49
+ '300': '#1267E6',
50
+ '400': '#1473FF',
51
+ '500': '#4C95FF',
52
+ '600': '#6DA8FF',
53
+ '700': '#8ECBFF',
54
+ '800': '#AFCFFF',
55
+ '900': '#C7DDFF',
56
+ '00': '#0A3980',
57
+ },
58
+ };
59
+ const blue2Scale = {
60
+ light: {
61
+ '50': '#A9C4FF',
62
+ '100': '#85ACFF',
63
+ '200': '#6194FF',
64
+ '300': '#3E7CFF',
65
+ '400': '#0152FF',
66
+ '500': '#014AE6',
67
+ '600': '#013EC2',
68
+ '700': '#013199',
69
+ '800': '#002470',
70
+ '900': '#00194D',
71
+ '00': '#C2D5FF',
72
+ },
73
+ dark: {
74
+ '50': '#1F4699',
75
+ '100': '#2451B3',
76
+ '200': '#295DCC',
77
+ '300': '#2E68E6',
78
+ '400': '#3374FF',
79
+ '500': '#6495FF',
80
+ '600': '#80A9FF',
81
+ '700': '#9DBCFF',
82
+ '800': '#BAD0FF',
83
+ '900': '#CEDEFF',
84
+ '00': '#1A3A80',
85
+ },
86
+ };
87
+ const greenScale = {
88
+ light: {
89
+ '50': '#B0ECDA',
90
+ '100': '#90E4CB',
91
+ '200': '#70DCBB',
92
+ '300': '#4FD4AC',
93
+ '400': '#18C792',
94
+ '500': '#16B383',
95
+ '600': '#12976F',
96
+ '700': '#0E7758',
97
+ '800': '#0B5840',
98
+ '900': '#073C2C',
99
+ '00': '#C8F2E5',
100
+ },
101
+ dark: {
102
+ '50': '#128F69',
103
+ '100': '#15A77B',
104
+ '200': '#18BE8C',
105
+ '300': '#1BD69E',
106
+ '400': '#1EEEAF',
107
+ '500': '#54F2C2',
108
+ '600': '#73F4CD',
109
+ '700': '#93F7D9',
110
+ '800': '#B2F9E4',
111
+ '900': '#C9FBEC',
112
+ '00': '#0F7758',
113
+ },
114
+ };
115
+ const purpleScale = {
116
+ light: {
117
+ '50': '#C0CBFC',
118
+ '100': '#A7B6FA',
119
+ '200': '#8DA1F9',
120
+ '300': '#738BF7',
121
+ '400': '#4767F5',
122
+ '500': '#405DDC',
123
+ '600': '#364EBA',
124
+ '700': '#2B3E93',
125
+ '800': '#1F2D6C',
126
+ '900': '#151F4A',
127
+ '00': '#D3DAFD',
128
+ },
129
+ dark: {
130
+ '50': '#2C4099',
131
+ '100': '#344BB3',
132
+ '200': '#3B56CC',
133
+ '300': '#4360E6',
134
+ '400': '#4A6BFF',
135
+ '500': '#758FFF',
136
+ '600': '#8FA3FF',
137
+ '700': '#A8B8FF',
138
+ '800': '#C1CDFF',
139
+ '900': '#D4DBFF',
140
+ '00': '#253580',
141
+ },
142
+ };
143
+ const yellowScale = {
144
+ light: {
145
+ '50': '#FAE7A8',
146
+ '100': '#F8DD84',
147
+ '200': '#F6D361',
148
+ '300': '#F4C93D',
149
+ '400': '#F0B800',
150
+ '500': '#D8A600',
151
+ '600': '#B68C00',
152
+ '700': '#906E00',
153
+ '800': '#6A5100',
154
+ '900': '#483700',
155
+ '00': '#FBEEC2',
156
+ },
157
+ dark: {
158
+ '50': '#997600',
159
+ '100': '#B38900',
160
+ '200': '#CC9D00',
161
+ '300': '#E6B000',
162
+ '400': '#FFC400',
163
+ '500': '#FFD23D',
164
+ '600': '#FFDA61',
165
+ '700': '#FFE384',
166
+ '800': '#FFEBA8',
167
+ '900': '#FFF1C2',
168
+ '00': '#806200',
169
+ },
170
+ };
171
+ const redScale = {
172
+ light: {
173
+ '50': '#F8BFBF',
174
+ '100': '#F5A4A4',
175
+ '200': '#F38A8A',
176
+ '300': '#F06F6F',
177
+ '400': '#EB4242',
178
+ '500': '#D43B3B',
179
+ '600': '#B33232',
180
+ '700': '#8D2828',
181
+ '800': '#681D1D',
182
+ '900': '#471414',
183
+ '00': '#FAD2D2',
184
+ },
185
+ dark: {
186
+ '50': '#992B2B',
187
+ '100': '#B33232',
188
+ '200': '#CC3A3A',
189
+ '300': '#E64141',
190
+ '400': '#FF4848',
191
+ '500': '#FF7474',
192
+ '600': '#FF8E8E',
193
+ '700': '#FFA7A7',
194
+ '800': '#FFC1C1',
195
+ '900': '#FFD3D3',
196
+ '00': '#802424',
197
+ },
198
+ };
199
+ const grayAlpha = {
200
+ light: {
201
+ '30': '#FFFFFF08',
202
+ '50': '#FFFFFF0D',
203
+ '100': '#FFFFFF1A',
204
+ '200': '#FFFFFF33',
205
+ '500': '#FFFFFF80',
206
+ },
207
+ dark: {
208
+ '30': '#00000008',
209
+ '50': '#0000000D',
210
+ '100': '#0000001A',
211
+ '200': '#00000033',
212
+ '500': '#00000080',
213
+ },
214
+ };
215
+ const blue1Alpha = {
216
+ light: {
217
+ '30': '#1473FF0A',
218
+ '50': '#1473FF14',
219
+ '100': '#1473FF24',
220
+ '200': '#1473FF33',
221
+ '500': '#1473FF80',
222
+ },
223
+ dark: {
224
+ '30': '#1473FF0A',
225
+ '50': '#1473FF14',
226
+ '100': '#1473FF24',
227
+ '200': '#1473FF33',
228
+ '500': '#1473FF80',
229
+ },
230
+ };
231
+ const blue2Alpha = {
232
+ light: {
233
+ '30': '#0152FF0A',
234
+ '50': '#0152FF14',
235
+ '100': '#0152FF24',
236
+ '200': '#0152FF33',
237
+ '500': '#0152FF80',
238
+ },
239
+ dark: {
240
+ '30': '#3374FF0A',
241
+ '50': '#3374FF14',
242
+ '100': '#3374FF24',
243
+ '200': '#3374FF33',
244
+ '500': '#3374FF80',
245
+ },
246
+ };
247
+ const greenAlpha = {
248
+ light: {
249
+ '30': '#18C7920A',
250
+ '50': '#18C79214',
251
+ '100': '#18C79224',
252
+ '200': '#18C7924D',
253
+ '500': '#18C79299',
254
+ },
255
+ dark: {
256
+ '30': '#1EEEAF0A',
257
+ '50': '#1EEEAF14',
258
+ '100': '#1EEEAF24',
259
+ '200': '#1EEEAF33',
260
+ '500': '#1EEEAF80',
261
+ },
262
+ };
263
+ const purpleAlpha = {
264
+ light: {
265
+ '30': '#4767F50A',
266
+ '50': '#4767F514',
267
+ '100': '#4767F524',
268
+ '200': '#4767F533',
269
+ '500': '#4767F580',
270
+ },
271
+ dark: {
272
+ '30': '#4A6BFF0A',
273
+ '50': '#4A6BFF14',
274
+ '100': '#4A6BFF24',
275
+ '200': '#4A6BFF33',
276
+ '500': '#4A6BFF80',
277
+ },
278
+ };
279
+ const yellowAlpha = {
280
+ light: {
281
+ '30': '#F0B8000A',
282
+ '50': '#F0B80014',
283
+ '100': '#F0B80024',
284
+ '200': '#F0B80033',
285
+ '500': '#F0B80080',
286
+ },
287
+ dark: {
288
+ '30': '#FFC4000A',
289
+ '50': '#FFC40014',
290
+ '100': '#FFC40024',
291
+ '200': '#FFC40033',
292
+ '500': '#FFC40080',
293
+ },
294
+ };
295
+ const redAlpha = {
296
+ light: {
297
+ '30': '#EB42420A',
298
+ '50': '#EB424214',
299
+ '100': '#EB424224',
300
+ '200': '#EB424233',
301
+ '500': '#EB424280',
302
+ },
303
+ dark: {
304
+ '30': '#FF48480A',
305
+ '50': '#FF484814',
306
+ '100': '#FF484824',
307
+ '200': '#FF484833',
308
+ '500': '#FF484880',
309
+ },
310
+ };
311
+ const whiteAlpha = {
312
+ light: {
313
+ '30': '#00000008',
314
+ '50': '#0000000D',
315
+ '100': '#0000001A',
316
+ '200': '#00000033',
317
+ '500': '#00000080',
318
+ },
319
+ dark: {
320
+ '30': '#FFFFFF08',
321
+ '50': '#FFFFFF0D',
322
+ '100': '#FFFFFF1A',
323
+ '200': '#FFFFFF33',
324
+ '500': '#FFFFFF80',
325
+ },
326
+ };
327
+ const graySemantic = {
328
+ light: {
329
+ '50': '#FFFFFF',
330
+ '100': '#F6F8FA',
331
+ '00': '#F6F8FA',
332
+ },
333
+ dark: {
334
+ '50': '#1A1C1E',
335
+ '100': '#282A2C',
336
+ '00': '#0C0E10',
337
+ },
338
+ };
339
+ const semanticPaper = {
340
+ light: {
341
+ 'contents': 'var(--gray-50)',
342
+ 'default': 'var(--gray-00)',
343
+ 'dialog': 'var(--gray-semantic-50)',
344
+ 'neutral': 'var(--gray-semantic-00)',
345
+ 'sheet': 'var(--gray-semantic-50)',
346
+ },
347
+ dark: {
348
+ 'contents': 'var(--gray-50)',
349
+ 'default': 'var(--gray-00)',
350
+ 'dialog': 'var(--gray-semantic-50)',
351
+ 'neutral': 'var(--gray-semantic-00)',
352
+ 'sheet': 'var(--gray-semantic-50)',
353
+ },
354
+ };
355
+ const semanticDivider = {
356
+ light: {
357
+ 'divider-1': 'var(--white-alpha-50)',
358
+ 'divider-2': 'var(--gray-100)',
359
+ 'divider-3': 'var(--white-alpha-100)',
360
+ 'divider-4': 'var(--white-alpha-200)',
361
+ },
362
+ dark: {
363
+ 'divider-1': 'var(--white-alpha-50)',
364
+ 'divider-2': 'var(--gray-100)',
365
+ 'divider-3': 'var(--white-alpha-100)',
366
+ 'divider-4': 'var(--white-alpha-200)',
367
+ },
368
+ };
369
+ const semanticOverlay = {
370
+ light: {
371
+ 'overlay-dim': 'var(--static-black-alpha-500)',
372
+ 'overlay-low': 'var(--static-black-alpha-200)',
373
+ },
374
+ dark: {
375
+ 'overlay-dim': 'var(--static-black-alpha-500)',
376
+ 'overlay-low': 'var(--static-black-alpha-200)',
377
+ },
378
+ };
379
+ const semanticBrand = {
380
+ light: {
381
+ 'credit-primary': 'var(--green-400)',
382
+ 'credit-primary-hover': 'var(--green-600)',
383
+ 'credit-primary-low': 'var(--green-alpha-50)',
384
+ 'credit-primary-low-hover': 'var(--green-alpha-100)',
385
+ 'credit-primary-low-pressed': 'var(--green-alpha-100)',
386
+ 'credit-primary-pressed': 'var(--green-600)',
387
+ 'gluwa-primary': 'var(--blue1-400)',
388
+ 'gluwa-primary-hover': 'var(--blue1-600)',
389
+ 'gluwa-primary-low': 'var(--blue1-alpha-50)',
390
+ 'gluwa-primary-low-hover': 'var(--blue1-alpha-100)',
391
+ 'gluwa-primary-low-pressed': 'var(--blue1-alpha-100)',
392
+ 'gluwa-primary-pressed': 'var(--blue1-600)',
393
+ 'space-primary': 'var(--purple-400)',
394
+ 'space-primary-hover': 'var(--purple-600)',
395
+ 'space-primary-low': 'var(--purple-alpha-50)',
396
+ 'space-primary-low-hover': 'var(--purple-alpha-100)',
397
+ 'space-primary-low-pressed': 'var(--purple-alpha-100)',
398
+ 'space-primary-pressed': 'var(--purple-600)',
399
+ 'trugi-primary': 'var(--blue2-400)',
400
+ 'trugi-primary-hover': 'var(--blue2-600)',
401
+ 'trugi-primary-legacy': '#2848FEFF',
402
+ 'trugi-primary-low': 'var(--blue2-alpha-50)',
403
+ 'trugi-primary-low-hover': 'var(--blue2-alpha-100)',
404
+ 'trugi-primary-low-pressed': 'var(--blue2-alpha-100)',
405
+ 'trugi-primary-pressed': 'var(--blue2-600)',
406
+ },
407
+ dark: {
408
+ 'credit-primary': 'var(--green-400)',
409
+ 'credit-primary-hover': 'var(--green-600)',
410
+ 'credit-primary-low': 'var(--green-alpha-50)',
411
+ 'credit-primary-low-hover': 'var(--green-alpha-100)',
412
+ 'credit-primary-low-pressed': 'var(--green-alpha-100)',
413
+ 'credit-primary-pressed': 'var(--green-600)',
414
+ 'gluwa-primary': 'var(--blue1-400)',
415
+ 'gluwa-primary-hover': 'var(--blue1-600)',
416
+ 'gluwa-primary-low': 'var(--blue1-alpha-50)',
417
+ 'gluwa-primary-low-hover': 'var(--blue1-alpha-100)',
418
+ 'gluwa-primary-low-pressed': 'var(--blue1-alpha-100)',
419
+ 'gluwa-primary-pressed': 'var(--blue1-600)',
420
+ 'space-primary': 'var(--purple-400)',
421
+ 'space-primary-hover': 'var(--purple-600)',
422
+ 'space-primary-low': 'var(--purple-alpha-50)',
423
+ 'space-primary-low-hover': 'var(--purple-alpha-100)',
424
+ 'space-primary-low-pressed': 'var(--purple-alpha-100)',
425
+ 'space-primary-pressed': 'var(--purple-600)',
426
+ 'trugi-primary': 'var(--blue2-400)',
427
+ 'trugi-primary-hover': 'var(--blue2-600)',
428
+ 'trugi-primary-legacy': '#2848FEFF',
429
+ 'trugi-primary-low': 'var(--blue2-alpha-50)',
430
+ 'trugi-primary-low-hover': 'var(--blue2-alpha-100)',
431
+ 'trugi-primary-low-pressed': 'var(--blue2-alpha-100)',
432
+ 'trugi-primary-pressed': 'var(--blue2-600)',
433
+ },
434
+ };
435
+ const semanticInformation = {
436
+ light: {
437
+ 'caution': 'var(--yellow-400)',
438
+ 'caution-low': 'var(--yellow-alpha-50)',
439
+ 'error': 'var(--red-400)',
440
+ 'error-low': 'var(--red-alpha-50)',
441
+ 'info': 'var(--blue1-400)',
442
+ 'info-low': 'var(--blue1-alpha-50)',
443
+ 'success': 'var(--green-400)',
444
+ 'success-low': 'var(--green-alpha-50)',
445
+ },
446
+ dark: {
447
+ 'caution': 'var(--yellow-400)',
448
+ 'caution-low': 'var(--yellow-alpha-50)',
449
+ 'error': 'var(--red-400)',
450
+ 'error-low': 'var(--red-alpha-50)',
451
+ 'info': 'var(--blue1-400)',
452
+ 'info-low': 'var(--blue1-alpha-50)',
453
+ 'success': 'var(--green-400)',
454
+ 'success-low': 'var(--green-alpha-50)',
455
+ },
456
+ };
457
+ const staticBlack = {
458
+ light: {
459
+ 'alpha-100': '#0000001A',
460
+ 'alpha-200': '#00000033',
461
+ 'alpha-30': '#00000008',
462
+ 'alpha-50': '#0000000D',
463
+ 'alpha-500': '#00000080',
464
+ 'alpha-800': '#000000CC',
465
+ 'main': '#000000FF',
466
+ },
467
+ dark: {
468
+ 'alpha-100': '#0000001A',
469
+ 'alpha-200': '#00000033',
470
+ 'alpha-30': '#00000008',
471
+ 'alpha-50': '#0000000D',
472
+ 'alpha-500': '#00000080',
473
+ 'alpha-800': '#000000CC',
474
+ 'main': '#000000FF',
475
+ },
476
+ };
477
+ const staticWhite = {
478
+ light: {
479
+ 'alpha-100': '#FFFFFF1A',
480
+ 'alpha-200': '#FFFFFF33',
481
+ 'alpha-30': '#FFFFFF08',
482
+ 'alpha-50': '#FFFFFF0D',
483
+ 'alpha-500': '#FFFFFF80',
484
+ 'alpha-800': '#FFFFFFCC',
485
+ 'main': '#FFFFFFFF',
486
+ },
487
+ dark: {
488
+ 'alpha-100': '#FFFFFF1A',
489
+ 'alpha-200': '#FFFFFF33',
490
+ 'alpha-30': '#FFFFFF08',
491
+ 'alpha-50': '#FFFFFF0D',
492
+ 'alpha-500': '#FFFFFF80',
493
+ 'alpha-800': '#FFFFFFCC',
494
+ 'main': '#FFFFFFFF',
495
+ },
496
+ };
497
+ const staticColor = {
498
+ light: {
499
+ 'blue1-400': '#1473FFFF',
500
+ 'blue1-700': '#ACD2FFFF',
501
+ 'blue2-400': '#0152FFFF',
502
+ 'blue2-700': '#85ACFFFF',
503
+ 'gluwa-lightblue': '#67CEFFFF',
504
+ 'gluwa-navy': '#292751FF',
505
+ 'gray-00': '#0C0E10FF',
506
+ 'gray-200': '#36383AFF',
507
+ 'gray-alpha-100': '#0C0E101A',
508
+ 'gray-alpha-200': '#0C0E1033',
509
+ 'gray-alpha-500': '#0C0E1080',
510
+ 'gray-alpha-700': '#0C0E10B2',
511
+ 'green-400': '#1EEEAFFF',
512
+ 'green-700': '#93F7D9FF',
513
+ 'purple-400': '#4A6BFFFF',
514
+ 'purple-700': '#A8B8FFFF',
515
+ 'red-400': '#FF4848FF',
516
+ 'red-700': '#FFA7A7FF',
517
+ 'trugi-blue-200-legacy': '#D9E8F9FF',
518
+ 'trugi-blue-300-legacy': '#C0DAF8FF',
519
+ 'trugi-blue-700-legacy': '#132DBBFF',
520
+ 'trugi-blue-alpha': '#2848FE24',
521
+ 'trugi-green': '#4EE28CFF',
522
+ 'trugi-orange': '#FF8A4BFF',
523
+ 'trugi-pink': '#FF6CBFFF',
524
+ 'trugi-purple': '#B5AAFFFF',
525
+ 'yellow-400': '#FFC400FF',
526
+ 'yellow-700': '#FFE384FF',
527
+ },
528
+ dark: {
529
+ 'blue1-400': '#1473FFFF',
530
+ 'blue1-700': '#ACD2FFFF',
531
+ 'blue2-400': '#0152FFFF',
532
+ 'blue2-700': '#85ACFFFF',
533
+ 'gluwa-lightblue': '#67CEFFFF',
534
+ 'gluwa-navy': '#292751FF',
535
+ 'gray-00': '#0C0E10FF',
536
+ 'gray-200': '#36383AFF',
537
+ 'gray-alpha-100': '#0C0E101A',
538
+ 'gray-alpha-200': '#0C0E1033',
539
+ 'gray-alpha-500': '#0C0E1080',
540
+ 'gray-alpha-700': '#0C0E10B2',
541
+ 'green-400': '#1EEEAFFF',
542
+ 'green-700': '#93F7D9FF',
543
+ 'purple-400': '#4A6BFFFF',
544
+ 'purple-700': '#A8B8FFFF',
545
+ 'red-400': '#FF4848FF',
546
+ 'red-700': '#FFA7A7FF',
547
+ 'trugi-blue-200-legacy': '#D9E8F9FF',
548
+ 'trugi-blue-300-legacy': '#C0DAF8FF',
549
+ 'trugi-blue-700-legacy': '#132DBBFF',
550
+ 'trugi-blue-alpha': '#2848FE24',
551
+ 'trugi-green': '#4EE28CFF',
552
+ 'trugi-orange': '#FF8A4BFF',
553
+ 'trugi-pink': '#FF6CBFFF',
554
+ 'trugi-purple': '#B5AAFFFF',
555
+ 'yellow-400': '#FFC400FF',
556
+ 'yellow-700': '#FFE384FF',
557
+ },
558
+ };
559
+
560
+ var colors_data = /*#__PURE__*/Object.freeze({
561
+ __proto__: null,
562
+ blue1Alpha: blue1Alpha,
563
+ blue1Scale: blue1Scale,
564
+ blue2Alpha: blue2Alpha,
565
+ blue2Scale: blue2Scale,
566
+ grayAlpha: grayAlpha,
567
+ grayScale: grayScale,
568
+ graySemantic: graySemantic,
569
+ greenAlpha: greenAlpha,
570
+ greenScale: greenScale,
571
+ purpleAlpha: purpleAlpha,
572
+ purpleScale: purpleScale,
573
+ redAlpha: redAlpha,
574
+ redScale: redScale,
575
+ semanticBrand: semanticBrand,
576
+ semanticDivider: semanticDivider,
577
+ semanticInformation: semanticInformation,
578
+ semanticOverlay: semanticOverlay,
579
+ semanticPaper: semanticPaper,
580
+ staticBlack: staticBlack,
581
+ staticColor: staticColor,
582
+ staticWhite: staticWhite,
583
+ whiteAlpha: whiteAlpha,
584
+ yellowAlpha: yellowAlpha,
585
+ yellowScale: yellowScale
586
+ });
587
+
588
+ const lightColors = {
589
+ colors: {
590
+ gray: grayScale.light,
591
+ grayAlpha: grayAlpha.light,
592
+ graySemantic: graySemantic.light,
593
+ whiteAlpha: whiteAlpha.light,
594
+ blue1: blue1Scale.light,
595
+ blue1Alpha: blue1Alpha.light,
596
+ blue2: blue2Scale.light,
597
+ blue2Alpha: blue2Alpha.light,
598
+ green: greenScale.light,
599
+ greenAlpha: greenAlpha.light,
600
+ purple: purpleScale.light,
601
+ purpleAlpha: purpleAlpha.light,
602
+ yellow: yellowScale.light,
603
+ yellowAlpha: yellowAlpha.light,
604
+ red: redScale.light,
605
+ redAlpha: redAlpha.light,
606
+ },
607
+ };
608
+ const darkColors = {
609
+ colors: {
610
+ gray: grayScale.dark,
611
+ grayAlpha: grayAlpha.dark,
612
+ graySemantic: graySemantic.dark,
613
+ whiteAlpha: whiteAlpha.dark,
614
+ blue1: blue1Scale.dark,
615
+ blue1Alpha: blue1Alpha.dark,
616
+ blue2: blue2Scale.dark,
617
+ blue2Alpha: blue2Alpha.dark,
618
+ green: greenScale.dark,
619
+ greenAlpha: greenAlpha.dark,
620
+ purple: purpleScale.dark,
621
+ purpleAlpha: purpleAlpha.dark,
622
+ yellow: yellowScale.dark,
623
+ yellowAlpha: yellowAlpha.dark,
624
+ red: redScale.dark,
625
+ redAlpha: redAlpha.dark,
626
+ },
627
+ };
628
+
629
+ // Auto-generated file. Do not edit manually.
630
+ // Generated by extract-typography.ts
631
+ const typographyPresets = {
632
+ 'h1': {
633
+ fontFamily: 'Inter',
634
+ fontSize: 72,
635
+ fontWeight: 600,
636
+ fontStyle: 'normal',
637
+ lineHeight: 82.8,
638
+ letterSpacing: 0,
639
+ },
640
+ 'amount': {
641
+ fontFamily: 'Inter',
642
+ fontSize: 60,
643
+ fontWeight: 600,
644
+ fontStyle: 'normal',
645
+ lineHeight: 69,
646
+ letterSpacing: 0,
647
+ },
648
+ 'h2': {
649
+ fontFamily: 'Inter',
650
+ fontSize: 60,
651
+ fontWeight: 600,
652
+ fontStyle: 'normal',
653
+ lineHeight: 69,
654
+ letterSpacing: 0,
655
+ },
656
+ 'h3': {
657
+ fontFamily: 'Inter',
658
+ fontSize: 54,
659
+ fontWeight: 600,
660
+ fontStyle: 'normal',
661
+ lineHeight: 62.1,
662
+ letterSpacing: 0,
663
+ },
664
+ 'h4': {
665
+ fontFamily: 'Inter',
666
+ fontSize: 48,
667
+ fontWeight: 600,
668
+ fontStyle: 'normal',
669
+ lineHeight: 55.2,
670
+ letterSpacing: 0,
671
+ },
672
+ 'h5': {
673
+ fontFamily: 'Inter',
674
+ fontSize: 42,
675
+ fontWeight: 600,
676
+ fontStyle: 'normal',
677
+ lineHeight: 48.3,
678
+ letterSpacing: 0,
679
+ },
680
+ 'title1-bold': {
681
+ fontFamily: 'Inter',
682
+ fontSize: 32,
683
+ fontWeight: 600,
684
+ fontStyle: 'normal',
685
+ lineHeight: 48,
686
+ letterSpacing: 0,
687
+ },
688
+ 'title1-regular': {
689
+ fontFamily: 'Inter',
690
+ fontSize: 32,
691
+ fontWeight: 400,
692
+ fontStyle: 'normal',
693
+ lineHeight: 48,
694
+ letterSpacing: 0,
695
+ },
696
+ 'title2-bold': {
697
+ fontFamily: 'Inter',
698
+ fontSize: 26,
699
+ fontWeight: 600,
700
+ fontStyle: 'normal',
701
+ lineHeight: 39,
702
+ letterSpacing: 0,
703
+ },
704
+ 'title2-regular': {
705
+ fontFamily: 'Inter',
706
+ fontSize: 26,
707
+ fontWeight: 400,
708
+ fontStyle: 'normal',
709
+ lineHeight: 39,
710
+ letterSpacing: 0,
711
+ },
712
+ 'title3-bold': {
713
+ fontFamily: 'Inter',
714
+ fontSize: 24,
715
+ fontWeight: 600,
716
+ fontStyle: 'normal',
717
+ lineHeight: 36,
718
+ letterSpacing: 0,
719
+ },
720
+ 'title3-regular': {
721
+ fontFamily: 'Inter',
722
+ fontSize: 24,
723
+ fontWeight: 400,
724
+ fontStyle: 'normal',
725
+ lineHeight: 36,
726
+ letterSpacing: 0,
727
+ },
728
+ 'title4-bold': {
729
+ fontFamily: 'Inter',
730
+ fontSize: 20,
731
+ fontWeight: 600,
732
+ fontStyle: 'normal',
733
+ lineHeight: 30,
734
+ letterSpacing: 0,
735
+ },
736
+ 'title4-regular': {
737
+ fontFamily: 'Inter',
738
+ fontSize: 20,
739
+ fontWeight: 400,
740
+ fontStyle: 'normal',
741
+ lineHeight: 30,
742
+ letterSpacing: 0,
743
+ },
744
+ 'title5-bold': {
745
+ fontFamily: 'Inter',
746
+ fontSize: 19,
747
+ fontWeight: 600,
748
+ fontStyle: 'normal',
749
+ lineHeight: 28.5,
750
+ letterSpacing: -0.19,
751
+ },
752
+ 'title5-regular': {
753
+ fontFamily: 'Inter',
754
+ fontSize: 19,
755
+ fontWeight: 400,
756
+ fontStyle: 'normal',
757
+ lineHeight: 28.5,
758
+ letterSpacing: -0.19,
759
+ },
760
+ 'subtitle1-bold': {
761
+ fontFamily: 'Inter',
762
+ fontSize: 18,
763
+ fontWeight: 600,
764
+ fontStyle: 'normal',
765
+ lineHeight: 27,
766
+ letterSpacing: -0.18,
767
+ },
768
+ 'subtitle1-regular': {
769
+ fontFamily: 'Inter',
770
+ fontSize: 18,
771
+ fontWeight: 400,
772
+ fontStyle: 'normal',
773
+ lineHeight: 27,
774
+ letterSpacing: -0.18,
775
+ },
776
+ 'subtitle2-bold': {
777
+ fontFamily: 'Inter',
778
+ fontSize: 17,
779
+ fontWeight: 600,
780
+ fontStyle: 'normal',
781
+ lineHeight: 25.5,
782
+ letterSpacing: -0.17,
783
+ },
784
+ 'subtitle2-regular': {
785
+ fontFamily: 'Inter',
786
+ fontSize: 17,
787
+ fontWeight: 400,
788
+ fontStyle: 'normal',
789
+ lineHeight: 25.5,
790
+ letterSpacing: -0.17,
791
+ },
792
+ 'body1-l1-bold': {
793
+ fontFamily: 'Inter',
794
+ fontSize: 18,
795
+ fontWeight: 600,
796
+ fontStyle: 'normal',
797
+ lineHeight: 32.4,
798
+ letterSpacing: -0.18,
799
+ },
800
+ 'body1-l1-medium': {
801
+ fontFamily: 'Inter',
802
+ fontSize: 18,
803
+ fontWeight: 500,
804
+ fontStyle: 'normal',
805
+ lineHeight: 32.4,
806
+ letterSpacing: -0.18,
807
+ },
808
+ 'body1-l1-regular': {
809
+ fontFamily: 'Inter',
810
+ fontSize: 18,
811
+ fontWeight: 400,
812
+ fontStyle: 'normal',
813
+ lineHeight: 32.4,
814
+ letterSpacing: -0.18,
815
+ },
816
+ 'body1-l2-bold': {
817
+ fontFamily: 'Inter',
818
+ fontSize: 18,
819
+ fontWeight: 600,
820
+ fontStyle: 'normal',
821
+ lineHeight: 27,
822
+ letterSpacing: -0.18,
823
+ },
824
+ 'body1-l2-medium': {
825
+ fontFamily: 'Inter',
826
+ fontSize: 18,
827
+ fontWeight: 500,
828
+ fontStyle: 'normal',
829
+ lineHeight: 27,
830
+ letterSpacing: -0.18,
831
+ },
832
+ 'body1-l2-regular': {
833
+ fontFamily: 'Inter',
834
+ fontSize: 18,
835
+ fontWeight: 400,
836
+ fontStyle: 'normal',
837
+ lineHeight: 27,
838
+ letterSpacing: -0.18,
839
+ },
840
+ 'body2-l1-bold': {
841
+ fontFamily: 'Inter',
842
+ fontSize: 17,
843
+ fontWeight: 600,
844
+ fontStyle: 'normal',
845
+ lineHeight: 30.6,
846
+ letterSpacing: -0.17,
847
+ },
848
+ 'body2-l1-medium': {
849
+ fontFamily: 'Inter',
850
+ fontSize: 17,
851
+ fontWeight: 500,
852
+ fontStyle: 'normal',
853
+ lineHeight: 30.6,
854
+ letterSpacing: -0.17,
855
+ },
856
+ 'body2-l1-regular': {
857
+ fontFamily: 'Inter',
858
+ fontSize: 17,
859
+ fontWeight: 400,
860
+ fontStyle: 'normal',
861
+ lineHeight: 25.5,
862
+ letterSpacing: -0.17,
863
+ },
864
+ 'body2-l2-bold': {
865
+ fontFamily: 'Inter',
866
+ fontSize: 17,
867
+ fontWeight: 600,
868
+ fontStyle: 'normal',
869
+ lineHeight: 25.5,
870
+ letterSpacing: -0.17,
871
+ },
872
+ 'body2-l2-medium': {
873
+ fontFamily: 'Inter',
874
+ fontSize: 17,
875
+ fontWeight: 500,
876
+ fontStyle: 'normal',
877
+ lineHeight: 25.5,
878
+ letterSpacing: -0.17,
879
+ },
880
+ 'body3-l1-bold': {
881
+ fontFamily: 'Inter',
882
+ fontSize: 16,
883
+ fontWeight: 600,
884
+ fontStyle: 'normal',
885
+ lineHeight: 28.8,
886
+ letterSpacing: -0.16,
887
+ },
888
+ 'body3-l1-medium': {
889
+ fontFamily: 'Inter',
890
+ fontSize: 16,
891
+ fontWeight: 500,
892
+ fontStyle: 'normal',
893
+ lineHeight: 28.8,
894
+ letterSpacing: -0.16,
895
+ },
896
+ 'body3-l1-regular': {
897
+ fontFamily: 'Inter',
898
+ fontSize: 16,
899
+ fontWeight: 400,
900
+ fontStyle: 'normal',
901
+ lineHeight: 28.8,
902
+ letterSpacing: -0.16,
903
+ },
904
+ 'body3-l2-bold': {
905
+ fontFamily: 'Inter',
906
+ fontSize: 16,
907
+ fontWeight: 600,
908
+ fontStyle: 'normal',
909
+ lineHeight: 24,
910
+ letterSpacing: -0.16,
911
+ },
912
+ 'body3-l2-medium': {
913
+ fontFamily: 'Inter',
914
+ fontSize: 16,
915
+ fontWeight: 500,
916
+ fontStyle: 'normal',
917
+ lineHeight: 24,
918
+ letterSpacing: -0.16,
919
+ },
920
+ 'body3-l2-regular': {
921
+ fontFamily: 'Inter',
922
+ fontSize: 16,
923
+ fontWeight: 400,
924
+ fontStyle: 'normal',
925
+ lineHeight: 24,
926
+ letterSpacing: -0.16,
927
+ },
928
+ 'body4-l1-bold': {
929
+ fontFamily: 'Inter',
930
+ fontSize: 15,
931
+ fontWeight: 600,
932
+ fontStyle: 'normal',
933
+ lineHeight: 27,
934
+ letterSpacing: -0.15,
935
+ },
936
+ 'body4-l1-medium': {
937
+ fontFamily: 'Inter',
938
+ fontSize: 15,
939
+ fontWeight: 500,
940
+ fontStyle: 'normal',
941
+ lineHeight: 27,
942
+ letterSpacing: -0.15,
943
+ },
944
+ 'body4-l1-regular': {
945
+ fontFamily: 'Inter',
946
+ fontSize: 15,
947
+ fontWeight: 400,
948
+ fontStyle: 'normal',
949
+ lineHeight: 27,
950
+ letterSpacing: -0.15,
951
+ },
952
+ 'body4-l2-bold': {
953
+ fontFamily: 'Inter',
954
+ fontSize: 15,
955
+ fontWeight: 600,
956
+ fontStyle: 'normal',
957
+ lineHeight: 22.5,
958
+ letterSpacing: -0.15,
959
+ },
960
+ 'body4-l2-medium': {
961
+ fontFamily: 'Inter',
962
+ fontSize: 15,
963
+ fontWeight: 500,
964
+ fontStyle: 'normal',
965
+ lineHeight: 22.5,
966
+ letterSpacing: -0.15,
967
+ },
968
+ 'body4-l2-regular': {
969
+ fontFamily: 'Inter',
970
+ fontSize: 15,
971
+ fontWeight: 400,
972
+ fontStyle: 'normal',
973
+ lineHeight: 22.5,
974
+ letterSpacing: -0.15,
975
+ },
976
+ 'label1-bold': {
977
+ fontFamily: 'Inter',
978
+ fontSize: 18,
979
+ fontWeight: 600,
980
+ fontStyle: 'normal',
981
+ lineHeight: 27,
982
+ letterSpacing: -0.18,
983
+ },
984
+ 'label1-regular': {
985
+ fontFamily: 'Inter',
986
+ fontSize: 18,
987
+ fontWeight: 400,
988
+ fontStyle: 'normal',
989
+ lineHeight: 27,
990
+ letterSpacing: -0.18,
991
+ },
992
+ 'label2-bold': {
993
+ fontFamily: 'Inter',
994
+ fontSize: 17,
995
+ fontWeight: 600,
996
+ fontStyle: 'normal',
997
+ lineHeight: 25.5,
998
+ letterSpacing: -0.17,
999
+ },
1000
+ 'label2-regular': {
1001
+ fontFamily: 'Inter',
1002
+ fontSize: 17,
1003
+ fontWeight: 400,
1004
+ fontStyle: 'normal',
1005
+ lineHeight: 25.5,
1006
+ letterSpacing: -0.17,
1007
+ },
1008
+ 'label3-bold': {
1009
+ fontFamily: 'Inter',
1010
+ fontSize: 16,
1011
+ fontWeight: 600,
1012
+ fontStyle: 'normal',
1013
+ lineHeight: 24,
1014
+ letterSpacing: -0.16,
1015
+ },
1016
+ 'label3-regular': {
1017
+ fontFamily: 'Inter',
1018
+ fontSize: 16,
1019
+ fontWeight: 400,
1020
+ fontStyle: 'normal',
1021
+ lineHeight: 24,
1022
+ letterSpacing: -0.16,
1023
+ },
1024
+ 'label4-bold': {
1025
+ fontFamily: 'Inter',
1026
+ fontSize: 15,
1027
+ fontWeight: 600,
1028
+ fontStyle: 'normal',
1029
+ lineHeight: 22.5,
1030
+ letterSpacing: -0.15,
1031
+ },
1032
+ 'label4-regular': {
1033
+ fontFamily: 'Inter',
1034
+ fontSize: 15,
1035
+ fontWeight: 400,
1036
+ fontStyle: 'normal',
1037
+ lineHeight: 22.5,
1038
+ letterSpacing: -0.15,
1039
+ },
1040
+ 'label5-bold': {
1041
+ fontFamily: 'Inter',
1042
+ fontSize: 14,
1043
+ fontWeight: 600,
1044
+ fontStyle: 'normal',
1045
+ lineHeight: 21,
1046
+ letterSpacing: -0.14,
1047
+ },
1048
+ 'label5-regular': {
1049
+ fontFamily: 'Inter',
1050
+ fontSize: 14,
1051
+ fontWeight: 400,
1052
+ fontStyle: 'normal',
1053
+ lineHeight: 21,
1054
+ letterSpacing: -0.14,
1055
+ },
1056
+ 'label6-bold': {
1057
+ fontFamily: 'Inter',
1058
+ fontSize: 13,
1059
+ fontWeight: 600,
1060
+ fontStyle: 'normal',
1061
+ lineHeight: 19.5,
1062
+ letterSpacing: -0.13,
1063
+ },
1064
+ 'label6-regular': {
1065
+ fontFamily: 'Inter',
1066
+ fontSize: 13,
1067
+ fontWeight: 400,
1068
+ fontStyle: 'normal',
1069
+ lineHeight: 19.5,
1070
+ letterSpacing: -0.13,
1071
+ },
1072
+ 'caption1-bold': {
1073
+ fontFamily: 'Inter',
1074
+ fontSize: 12,
1075
+ fontWeight: 600,
1076
+ fontStyle: 'normal',
1077
+ lineHeight: 18,
1078
+ letterSpacing: -0.12,
1079
+ },
1080
+ 'caption1-regular': {
1081
+ fontFamily: 'Inter',
1082
+ fontSize: 12,
1083
+ fontWeight: 400,
1084
+ fontStyle: 'normal',
1085
+ lineHeight: 18,
1086
+ letterSpacing: -0.12,
1087
+ },
1088
+ 'caption2-bold': {
1089
+ fontFamily: 'Inter',
1090
+ fontSize: 11,
1091
+ fontWeight: 600,
1092
+ fontStyle: 'normal',
1093
+ lineHeight: 16.5,
1094
+ letterSpacing: -0.11,
1095
+ },
1096
+ 'caption2-regular': {
1097
+ fontFamily: 'Inter',
1098
+ fontSize: 11,
1099
+ fontWeight: 400,
1100
+ fontStyle: 'normal',
1101
+ lineHeight: 16.5,
1102
+ letterSpacing: -0.11,
1103
+ },
1104
+ 'caption3-bold': {
1105
+ fontFamily: 'Inter',
1106
+ fontSize: 10,
1107
+ fontWeight: 600,
1108
+ fontStyle: 'normal',
1109
+ lineHeight: 15,
1110
+ letterSpacing: -0.1,
1111
+ },
1112
+ 'caption3-regular': {
1113
+ fontFamily: 'Inter',
1114
+ fontSize: 10,
1115
+ fontWeight: 400,
1116
+ fontStyle: 'normal',
1117
+ lineHeight: 14,
1118
+ letterSpacing: -0.1,
1119
+ },
1120
+ };
1121
+
1122
+ exports.colorScales = colors_data;
1123
+ exports.darkColors = darkColors;
1124
+ exports.lightColors = lightColors;
1125
+ exports.typographyPresets = typographyPresets;
11
1126
  //# sourceMappingURL=index.js.map