@react-pakistan/util-functions 1.19.2 → 1.20.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.
Files changed (17) hide show
  1. package/hooks/index.d.ts +0 -1
  2. package/hooks/index.js +0 -1
  3. package/index.d.ts +0 -1
  4. package/index.js +0 -1
  5. package/package.json +15 -16
  6. package/storybook/theme.d.ts +4 -3
  7. package/storybook/theme.js +973 -788
  8. package/action-creator-factories/empty-action-creator.d.ts +0 -4
  9. package/action-creator-factories/empty-action-creator.js +0 -5
  10. package/action-creator-factories/index.d.ts +0 -3
  11. package/action-creator-factories/index.js +0 -19
  12. package/action-creator-factories/payload-action-creator.d.ts +0 -4
  13. package/action-creator-factories/payload-action-creator.js +0 -5
  14. package/action-creator-factories/types.d.ts +0 -48
  15. package/action-creator-factories/types.js +0 -2
  16. package/hooks/use-selector.d.ts +0 -10
  17. package/hooks/use-selector.js +0 -16
package/storybook/theme.js CHANGED
@@ -1,118 +1,698 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.theme = void 0;
4
- exports.theme = {
5
- typography: {
4
+ const colors = {
5
+ absoluteWhite: '#FFFFFF',
6
+ absoluteBlack: '#000000',
7
+ ash50: '#FBFBFD',
8
+ ash100: '#EFF0F3',
9
+ ash200: '#DBDBDE',
10
+ ash300: '#BFC0C2',
11
+ ash400: '#A0A1A4',
12
+ ash500: '#828285',
13
+ ash600: '#656669',
14
+ ash700: '#434346',
15
+ ash800: '#2A2A2C',
16
+ ash900: '#1E1E21',
17
+ graphite50: '#FCFCFF',
18
+ graphite100: '#EEF1F6',
19
+ graphite200: '#DCDFE8',
20
+ graphite300: '#C0C3D0',
21
+ graphite400: '#9DA0B0',
22
+ graphite500: '#828593',
23
+ graphite600: '#636473',
24
+ graphite700: '#41414F',
25
+ graphite800: '#2D2D38',
26
+ graphite900: '#1D1E26',
27
+ slate50: '#F7F7F7',
28
+ slate100: '#EDEEF3',
29
+ slate200: '#E1E3EE',
30
+ slate300: '#CCD0DE',
31
+ slate400: '#A7ACC1',
32
+ slate500: '#6B6F8C',
33
+ slate600: '#4D5168',
34
+ slate700: '#4D5168',
35
+ slate800: '#2D2D38',
36
+ slate900: '#1E2028',
37
+ steel50: '#FAFBFF',
38
+ steel100: '#ECF1FC',
39
+ steel200: '#D5DEF2',
40
+ steel300: '#D5DEF2',
41
+ steel400: '#8696BF',
42
+ steel500: '#617098',
43
+ steel600: '#4A5879',
44
+ steel700: '#313C58',
45
+ steel800: '#202940',
46
+ steel900: '#12192E',
47
+ charcoal50: '#FBFBFE',
48
+ charcoal100: '#EEEFF9',
49
+ charcoal200: '#D0DBEB',
50
+ charcoal300: '#B6C3D9',
51
+ charcoal400: '#8E9FBA',
52
+ charcoal500: '#607390',
53
+ charcoal600: '#43546D',
54
+ charcoal700: '#314157',
55
+ charcoal800: '#314157',
56
+ charcoal900: '#181F29',
57
+ sage50: '#F9FCF7',
58
+ sage100: '#F9FCF7',
59
+ sage200: '#DAE5DC',
60
+ sage300: '#C1D0C7',
61
+ sage400: '#95A59C',
62
+ sage500: '#718279',
63
+ sage600: '#50645B',
64
+ sage700: '#50645B',
65
+ sage800: '#25392F',
66
+ sage900: '#16251C',
67
+ sand50: '#FFFCF9',
68
+ sand100: '#ECE5DE',
69
+ sand200: '#ECE5DE',
70
+ sand300: '#D7CEC5',
71
+ sand400: '#BDB5AB',
72
+ sand500: '#9E958B',
73
+ sand600: '#71685E',
74
+ sand700: '#4E4740',
75
+ sand800: '#3D362F',
76
+ sand900: '#24201B',
77
+ granite50: '#F9F8F9',
78
+ granite100: '#F1EDEF',
79
+ granite200: '#E9E1E4',
80
+ granite300: '#CEC2C7',
81
+ granite400: '#B2A4A9',
82
+ granite500: '#948489',
83
+ granite600: '#736267',
84
+ granite700: '#5A494F',
85
+ granite800: '#47383D',
86
+ granite900: '#47383D',
87
+ quartz50: '#FFF9FD',
88
+ quartz100: '#F1EDEF',
89
+ quartz200: '#E9E1E4',
90
+ quartz300: '#CEC2C7',
91
+ quartz400: '#B2A4A9',
92
+ quartz500: '#948489',
93
+ quartz600: '#736267',
94
+ quartz700: '#5A494F',
95
+ quartz800: '#5A494F',
96
+ quartz900: '#2B1F23',
97
+ obsidian50: '#FCF9FF',
98
+ obsidian100: '#F6F2FA',
99
+ obsidian200: '#E6E0ED',
100
+ obsidian300: '#D0C6DB',
101
+ obsidian400: '#B2A4C0',
102
+ obsidian500: '#8F809F',
103
+ obsidian600: '#746485',
104
+ obsidian700: '#584969',
105
+ obsidian800: '#3F334E',
106
+ obsidian900: '#1F1728',
107
+ coral50: '#FFF3F0',
108
+ coral100: '#FFE6E0',
109
+ coral200: '#F9D3CA',
110
+ coral300: '#F6BDAF',
111
+ coral400: '#F0AD9D',
112
+ coral500: '#E4907C',
113
+ coral600: '#C07462',
114
+ coral700: '#905749',
115
+ coral800: '#603A31',
116
+ coral900: '#301D18',
117
+ red50: '#FFF5F5',
118
+ red100: '#FFDEDE',
119
+ red200: '#FFC2C2',
120
+ red300: '#FFA3A3',
121
+ red400: '#FF6464',
122
+ red500: '#FF2828',
123
+ red600: '#D20909',
124
+ red700: '#940202',
125
+ red800: '#940202',
126
+ red900: '#3D0000',
127
+ scarlet50: '#FFF4F2',
128
+ scarlet100: '#FFDEDE',
129
+ scarlet200: '#FFC2C2',
130
+ scarlet300: '#FFA3A3',
131
+ scarlet400: '#FF725F',
132
+ scarlet500: '#FF371C',
133
+ scarlet600: '#D71A00',
134
+ scarlet700: '#BF1100',
135
+ scarlet800: '#600B00',
136
+ scarlet900: '#390700',
137
+ persimmon50: '#FFF5EF',
138
+ persimmon100: '#FFE1D0',
139
+ persimmon200: '#FFC8A9',
140
+ persimmon300: '#FFAD8A',
141
+ persimmon400: '#FF824D',
142
+ persimmon500: '#F8510A',
143
+ persimmon600: '#CD3E00',
144
+ persimmon700: '#872800',
145
+ persimmon800: '#872800',
146
+ persimmon900: '#872800',
147
+ orange50: '#FFF8F2',
148
+ orange100: '#FFEAD9',
149
+ orange200: '#FFD3AD',
150
+ orange300: '#FFBC84',
151
+ orange400: '#FF9F4F',
152
+ orange500: '#F97607',
153
+ orange600: '#D46100',
154
+ orange700: '#994000',
155
+ orange800: '#602200',
156
+ orange900: '#3E0F00',
157
+ carrot50: '#FFFBF5',
158
+ carrot100: '#FFEEDA',
159
+ carrot200: '#FFDAAF',
160
+ carrot300: '#FFC37D',
161
+ carrot400: '#FFAC4B',
162
+ carrot500: '#FFAC4B',
163
+ carrot600: '#D67300',
164
+ carrot700: '#985200',
165
+ carrot800: '#5E3200',
166
+ carrot900: '#3C2000',
167
+ honey50: '#FFFDEE',
168
+ honey100: '#FFF9CC',
169
+ honey200: '#FBEFA4',
170
+ honey300: '#FBEFA4',
171
+ honey400: '#F4C519',
172
+ honey500: '#EAAD00',
173
+ honey600: '#D1870A',
174
+ honey700: '#A15E00',
175
+ honey800: '#653A01',
176
+ honey900: '#271500',
177
+ gold50: '#FFFEF5',
178
+ gold100: '#FFF9D4',
179
+ gold200: '#FFF0A9',
180
+ gold300: '#FFE67E',
181
+ gold400: '#FFD950',
182
+ gold500: '#FFD950',
183
+ gold600: '#DBA91D',
184
+ gold700: '#AA7901',
185
+ gold800: '#6B4900',
186
+ gold900: '#352300',
187
+ lemon50: '#FFFEF4',
188
+ lemon100: '#FFFBD6',
189
+ lemon200: '#FFF0A9',
190
+ lemon300: '#FBED72',
191
+ lemon400: '#F5E232',
192
+ lemon500: '#EAD200',
193
+ lemon600: '#C5B100',
194
+ lemon700: '#928300',
195
+ lemon800: '#5B5200',
196
+ lemon900: '#322D00',
197
+ pear50: '#FFFFF4',
198
+ pear100: '#FEFFB9',
199
+ pear200: '#F4F67F',
200
+ pear300: '#ECEF52',
201
+ pear400: '#ECEF52',
202
+ pear500: '#CACE00',
203
+ pear600: '#A6A900',
204
+ pear700: '#777902',
205
+ pear800: '#4D4F00',
206
+ pear900: '#2A2C00',
207
+ avacado50: '#FCFFF3',
208
+ avacado100: '#F5FFCE',
209
+ avacado200: '#E6F9A1',
210
+ avacado300: '#D2EC6F',
211
+ avacado400: '#BEDB4A',
212
+ avacado500: '#A0C317',
213
+ avacado600: '#8CA710',
214
+ avacado700: '#657701',
215
+ avacado800: '#404E00',
216
+ avacado900: '#202F00',
217
+ grass50: '#FBFEF3',
218
+ grass100: '#ECFBCF',
219
+ grass200: '#D5F8A1',
220
+ grass300: '#B3EB70',
221
+ grass400: '#8FD84A',
222
+ grass500: '#60BF18',
223
+ grass600: '#48A411',
224
+ grass700: '#277A00',
225
+ grass800: '#154F00',
226
+ grass900: '#0B3300',
227
+ emerald50: '#F4FCF6',
228
+ emerald100: '#DDF2E1',
229
+ emerald200: '#B9E9C3',
230
+ emerald300: '#7ED890',
231
+ emerald400: '#41B057',
232
+ emerald500: '#0F860F',
233
+ emerald600: '#08711D',
234
+ emerald700: '#095A19',
235
+ emerald800: '#05320E',
236
+ emerald900: '#021105',
237
+ cucumber50: '#F4FFF5',
238
+ cucumber100: '#E0FFE1',
239
+ cucumber200: '#C1FFC4',
240
+ cucumber300: '#8EF492',
241
+ cucumber400: '#63E768',
242
+ cucumber500: '#2DC233',
243
+ cucumber600: '#16A825',
244
+ cucumber700: '#00760C',
245
+ cucumber800: '#005108',
246
+ cucumber900: '#003005',
247
+ mint50: '#F3FFF9',
248
+ mint100: '#DBFFED',
249
+ mint200: '#B1FFDA',
250
+ mint300: '#68FFB6',
251
+ mint400: '#37EB94',
252
+ mint500: '#03D670',
253
+ mint600: '#00AF5B',
254
+ mint700: '#007C40',
255
+ mint800: '#00512A',
256
+ mint900: '#002E17',
257
+ seafoam50: '#F3FFFB',
258
+ seafoam100: '#DAFFF1',
259
+ seafoam200: '#ADFFE2',
260
+ seafoam300: '#66FFC8',
261
+ seafoam400: '#46EDB1',
262
+ seafoam500: '#2FD79A',
263
+ seafoam600: '#1BB980',
264
+ seafoam700: '#007C40',
265
+ seafoam800: '#005738',
266
+ seafoam900: '#00301F',
267
+ aqua50: '#F2FFFD',
268
+ aqua100: '#CFFFFC',
269
+ aqua200: '#94FFF9',
270
+ aqua300: '#47F9EE',
271
+ aqua400: '#0DECDE',
272
+ aqua500: '#00CFC3',
273
+ aqua600: '#00AFAF',
274
+ aqua700: '#007A7A',
275
+ aqua800: '#004F4F',
276
+ aqua900: '#002929',
277
+ sky50: '#F2FEFF',
278
+ sky100: '#CCFBFE',
279
+ sky200: '#9FF4FF',
280
+ sky300: '#5CEBFF',
281
+ sky400: '#22DCFE',
282
+ sky500: '#00C3E7',
283
+ sky600: '#009AC8',
284
+ sky700: '#006998',
285
+ sky800: '#003E66',
286
+ sky900: '#00213D',
287
+ azure50: '#F2FDFF',
288
+ azure100: '#CCF5FE',
289
+ azure200: '#9AE6FE',
290
+ azure300: '#67D1FC',
291
+ azure400: '#41B9FA',
292
+ azure500: '#0494F7',
293
+ azure600: '#0272D4',
294
+ azure700: '#004DA3',
295
+ azure800: '#003176',
296
+ azure900: '#001944',
297
+ blue50: '#F8FBFF',
298
+ blue100: '#DAE9FF',
299
+ blue200: '#AFCFFF',
300
+ blue300: '#86B6FF',
301
+ blue400: '#5B9DFF',
302
+ blue500: '#1F78FF',
303
+ blue600: '#085FE3',
304
+ blue700: '#0045AB',
305
+ blue800: '#002E72',
306
+ blue900: '#001D47',
307
+ info50: '#F2F7FF',
308
+ info100: '#E2ECFE',
309
+ info200: '#B6CFFC',
310
+ info300: '#8AACF7',
311
+ info400: '#8488FF',
312
+ info500: '#365EED',
313
+ info600: '#1B3CCE',
314
+ info700: '#0D26AB',
315
+ info800: '#0A1B7A',
316
+ info900: '#071356',
317
+ indigo50: '#F4F4FF',
318
+ indigo100: '#D8D1FA',
319
+ indigo200: '#B19FFF',
320
+ indigo300: '#886FFF',
321
+ indigo400: '#6545FF',
322
+ indigo500: '#4F2BFF',
323
+ indigo600: '#3D1BDE',
324
+ indigo700: '#2806C8',
325
+ indigo800: '#19018C',
326
+ indigo900: '#0F0053',
327
+ purple50: '#F3ECFF',
328
+ purple100: '#DCC9FD',
329
+ purple200: '#B58CF7',
330
+ purple300: '#965CF4',
331
+ purple400: '#7B34F2',
332
+ purple500: '#610BEF',
333
+ purple600: '#5109C7',
334
+ purple700: '#5109C7',
335
+ purple800: '#5109C7',
336
+ purple900: '#1B0049',
337
+ lavender50: '#F9F2FE',
338
+ lavender100: '#F3E6FE',
339
+ lavender200: '#E8CFFC',
340
+ lavender300: '#D8AFFA',
341
+ lavender400: '#B179F4',
342
+ lavender500: '#803CF2',
343
+ lavender600: '#551BCD',
344
+ lavender700: '#360A9A',
345
+ lavender800: '#220863',
346
+ lavender900: '#170346',
347
+ grape50: '#F9F2FF',
348
+ grape100: '#E7CEFF',
349
+ grape200: '#CB97FF',
350
+ grape300: '#B163FF',
351
+ grape400: '#9B37FF',
352
+ grape500: '#7D0BEF',
353
+ grape600: '#6800D0',
354
+ grape700: '#4E009C',
355
+ grape800: '#3C0077',
356
+ grape900: '#27004E',
357
+ violet50: '#FAF0FF',
358
+ violet100: '#EFCCFF',
359
+ violet200: '#E1A1FF',
360
+ violet300: '#D377FF',
361
+ violet400: '#C548FF',
362
+ violet500: '#AD04FD',
363
+ violet600: '#8800CA',
364
+ violet700: '#5E009C',
365
+ violet800: '#3D0073',
366
+ violet900: '#22004A',
367
+ orchid50: '#FDF1FF',
368
+ orchid100: '#F8CFFF',
369
+ orchid200: '#F19FFF',
370
+ orchid300: '#EB72FF',
371
+ orchid400: '#EB72FF',
372
+ orchid500: '#CA08EA',
373
+ orchid600: '#9E00C6',
374
+ orchid700: '#9E00C6',
375
+ orchid800: '#500064',
376
+ orchid900: '#500064',
377
+ magenta50: '#FFF3FC',
378
+ magenta100: '#FECEEE',
379
+ magenta200: '#FD9DE2',
380
+ magenta300: '#F96BD1',
381
+ magenta400: '#F346C5',
382
+ magenta500: '#EC0DC5',
383
+ magenta600: '#CA09BB',
384
+ magenta700: '#8D018E',
385
+ magenta800: '#8D018E',
386
+ magenta900: '#2F003C',
387
+ fuchsia50: '#FFF6FA',
388
+ fuchsia100: '#FFDFEC',
389
+ fuchsia200: '#FF87D5',
390
+ fuchsia300: '#FF96C2',
391
+ fuchsia400: '#FF60A3',
392
+ fuchsia500: '#FF3087',
393
+ fuchsia600: '#DB1668',
394
+ fuchsia700: '#9E0546',
395
+ fuchsia800: '#66002B',
396
+ fuchsia900: '#340016',
397
+ crimson50: '#FFF6FA',
398
+ crimson100: '#FCE8F1',
399
+ crimson200: '#F7CDE0',
400
+ crimson300: '#F39CC6',
401
+ crimson400: '#F6649D',
402
+ crimson500: '#DB195A',
403
+ crimson600: '#AB0F3E',
404
+ crimson700: '#880B2D',
405
+ crimson800: '#58071E',
406
+ crimson900: '#3D0514',
407
+ ruby50: '#FFF6FA',
408
+ ruby100: '#FFE5EA',
409
+ ruby200: '#FFC2CD',
410
+ ruby300: '#FF98AA',
411
+ ruby400: '#FF6A85',
412
+ ruby500: '#FF3B5E',
413
+ ruby600: '#AB0F3E',
414
+ ruby700: '#960A23',
415
+ ruby800: '#630012',
416
+ ruby900: '#39000B',
417
+ black: '#2E2E2E',
418
+ cherryRed: '#F62F5E',
419
+ darkGrey: '#EFEFEF',
420
+ inputBorder: '#E1E1E1',
421
+ lightBlack: '#6C6C6C',
422
+ lighterBlack: '#B4B4B4',
423
+ lightGrey: '#F7F7F7',
424
+ limeYellow: '#EFFC90',
425
+ paleGreen: '#00D3CA',
426
+ rustyGold: '#F1AD3D',
427
+ skyBlue: '#1E90FF',
428
+ white: '#FFFFFF',
429
+ };
430
+ const typography = {
431
+ fontFamily: 'Montserrat',
432
+ h1: {
433
+ fontFamily: 'Playfair Display',
434
+ fontSize: '2rem',
435
+ fontWeight: 700,
436
+ letterSpacing: '1px',
437
+ lineHeight: '2.1rem',
438
+ textAlign: 'left',
439
+ textTransform: 'uppercase',
440
+ },
441
+ h2: {
6
442
  fontFamily: 'Montserrat',
7
- h1: {
8
- fontFamily: 'Playfair Display',
9
- fontSize: '2rem',
10
- fontWeight: 700,
11
- letterSpacing: '1px',
12
- lineHeight: '2.1rem',
13
- textAlign: 'left',
14
- textTransform: 'uppercase',
15
- },
16
- h2: {
17
- fontFamily: 'Montserrat',
18
- fontSize: '1.74rem',
19
- fontWeight: 700,
20
- letterSpacing: '1px',
21
- lineHeight: '1.84rem',
22
- textAlign: 'left',
23
- textTransform: 'uppercase',
24
- },
25
- h3: {
26
- fontFamily: 'Montserrat',
27
- fontSize: '1.51rem',
28
- fontWeight: 700,
29
- letterSpacing: '1px',
30
- lineHeight: '1.61rem',
31
- textAlign: 'left',
32
- textTransform: 'uppercase',
33
- },
34
- h4: {
35
- fontFamily: 'Montserrat',
36
- fontSize: '1.32rem',
37
- fontWeight: 700,
38
- letterSpacing: '1px',
39
- lineHeight: '1.42rem',
40
- textAlign: 'left',
41
- textTransform: 'uppercase',
42
- },
43
- h5: {
44
- fontFamily: 'Montserrat',
45
- fontSize: '1.14rem',
46
- fontWeight: 700,
47
- letterSpacing: '1px',
48
- lineHeight: '1.24rem',
49
- textAlign: 'left',
50
- textTransform: 'uppercase',
51
- },
52
- h6: {
53
- fontFamily: 'Montserrat',
54
- fontSize: '1rem',
55
- fontWeight: 700,
56
- letterSpacing: '1px',
57
- lineHeight: '1.1rem',
58
- textAlign: 'left',
59
- textTransform: 'uppercase',
60
- },
61
- p1: {
62
- fontFamily: 'Montserrat',
63
- fontSize: '2rem',
64
- fontWeight: 400,
65
- letterSpacing: 'normal',
66
- lineHeight: '2.1rem',
67
- textAlign: 'left',
68
- textTransform: 'none',
69
- },
70
- p2: {
71
- fontFamily: 'Montserrat',
72
- fontSize: '1.74rem',
73
- fontWeight: 400,
74
- letterSpacing: 'normal',
75
- lineHeight: '1.84rem',
76
- textAlign: 'left',
77
- textTransform: 'none',
78
- },
79
- p3: {
80
- fontFamily: 'Montserrat',
81
- fontSize: '1.51rem',
82
- fontWeight: 400,
83
- letterSpacing: 'normal',
84
- lineHeight: '1.61rem',
85
- textAlign: 'left',
86
- textTransform: 'none',
87
- },
88
- p4: {
89
- fontFamily: 'Montserrat',
90
- fontSize: '1.32rem',
91
- fontWeight: 400,
92
- letterSpacing: 'normal',
93
- lineHeight: '1.42rem',
94
- textAlign: 'left',
95
- textTransform: 'none',
96
- },
97
- p5: {
98
- fontFamily: 'Montserrat',
99
- fontSize: '1.14rem',
100
- fontWeight: 400,
101
- letterSpacing: 'normal',
102
- lineHeight: '1.24rem',
103
- textAlign: 'left',
104
- textTransform: 'none',
105
- },
106
- p6: {
107
- fontFamily: 'Montserrat',
108
- fontSize: '1rem',
109
- fontWeight: 400,
110
- letterSpacing: 'normal',
111
- lineHeight: '1.1rem',
112
- textAlign: 'left',
113
- textTransform: 'none',
114
- },
443
+ fontSize: '1.74rem',
444
+ fontWeight: 700,
445
+ letterSpacing: '1px',
446
+ lineHeight: '1.84rem',
447
+ textAlign: 'left',
448
+ textTransform: 'uppercase',
449
+ },
450
+ h3: {
451
+ fontFamily: 'Montserrat',
452
+ fontSize: '1.51rem',
453
+ fontWeight: 700,
454
+ letterSpacing: '1px',
455
+ lineHeight: '1.61rem',
456
+ textAlign: 'left',
457
+ textTransform: 'uppercase',
458
+ },
459
+ h4: {
460
+ fontFamily: 'Montserrat',
461
+ fontSize: '1.32rem',
462
+ fontWeight: 700,
463
+ letterSpacing: '1px',
464
+ lineHeight: '1.42rem',
465
+ textAlign: 'left',
466
+ textTransform: 'uppercase',
467
+ },
468
+ h5: {
469
+ fontFamily: 'Montserrat',
470
+ fontSize: '1.14rem',
471
+ fontWeight: 700,
472
+ letterSpacing: '1px',
473
+ lineHeight: '1.24rem',
474
+ textAlign: 'left',
475
+ textTransform: 'uppercase',
476
+ },
477
+ h6: {
478
+ fontFamily: 'Montserrat',
479
+ fontSize: '1rem',
480
+ fontWeight: 700,
481
+ letterSpacing: '1px',
482
+ lineHeight: '1.1rem',
483
+ textAlign: 'left',
484
+ textTransform: 'uppercase',
485
+ },
486
+ p1: {
487
+ fontFamily: 'Montserrat',
488
+ fontSize: '2rem',
489
+ fontWeight: 400,
490
+ letterSpacing: 'normal',
491
+ lineHeight: '2.1rem',
492
+ textAlign: 'left',
493
+ textTransform: 'none',
494
+ },
495
+ p2: {
496
+ fontFamily: 'Montserrat',
497
+ fontSize: '1.74rem',
498
+ fontWeight: 400,
499
+ letterSpacing: 'normal',
500
+ lineHeight: '1.84rem',
501
+ textAlign: 'left',
502
+ textTransform: 'none',
503
+ },
504
+ p3: {
505
+ fontFamily: 'Montserrat',
506
+ fontSize: '1.51rem',
507
+ fontWeight: 400,
508
+ letterSpacing: 'normal',
509
+ lineHeight: '1.61rem',
510
+ textAlign: 'left',
511
+ textTransform: 'none',
512
+ },
513
+ p4: {
514
+ fontFamily: 'Montserrat',
515
+ fontSize: '1.32rem',
516
+ fontWeight: 400,
517
+ letterSpacing: 'normal',
518
+ lineHeight: '1.42rem',
519
+ textAlign: 'left',
520
+ textTransform: 'none',
521
+ },
522
+ p5: {
523
+ fontFamily: 'Montserrat',
524
+ fontSize: '1.14rem',
525
+ fontWeight: 400,
526
+ letterSpacing: 'normal',
527
+ lineHeight: '1.24rem',
528
+ textAlign: 'left',
529
+ textTransform: 'none',
115
530
  },
531
+ p6: {
532
+ fontFamily: 'Montserrat',
533
+ fontSize: '1rem',
534
+ fontWeight: 400,
535
+ letterSpacing: 'normal',
536
+ lineHeight: '1.1rem',
537
+ textAlign: 'left',
538
+ textTransform: 'none',
539
+ },
540
+ displayHuge: {
541
+ fontFamily: 'Plus Jakarta Sans',
542
+ fontSize: '72px',
543
+ fontWeight: 400,
544
+ letterSpacing: '0.5px',
545
+ lineHeight: '72px',
546
+ textAlign: 'left',
547
+ textTransform: 'none',
548
+ },
549
+ displayLarge: {
550
+ fontFamily: 'Plus Jakarta Sans',
551
+ fontSize: '56px',
552
+ fontWeight: 400,
553
+ letterSpacing: '0.5px',
554
+ lineHeight: '64px',
555
+ textAlign: 'left',
556
+ textTransform: 'none',
557
+ },
558
+ displayMedium: {
559
+ fontFamily: 'Plus Jakarta Sans',
560
+ fontSize: '48px',
561
+ fontWeight: 400,
562
+ letterSpacing: '0.5px',
563
+ lineHeight: '56px',
564
+ textAlign: 'left',
565
+ textTransform: 'none',
566
+ },
567
+ displaySmall: {
568
+ fontFamily: 'Plus Jakarta Sans',
569
+ fontSize: '36px',
570
+ fontWeight: 400,
571
+ letterSpacing: '0.5px',
572
+ lineHeight: '48px',
573
+ textAlign: 'left',
574
+ textTransform: 'none',
575
+ },
576
+ displayXSmall: {
577
+ fontFamily: 'Plus Jakarta Sans',
578
+ fontSize: '24px',
579
+ fontWeight: 400,
580
+ letterSpacing: '0.5px',
581
+ lineHeight: '32px',
582
+ textAlign: 'left',
583
+ textTransform: 'none',
584
+ },
585
+ displayHugeMobile: {
586
+ fontFamily: 'Plus Jakarta Sans',
587
+ fontSize: '32px',
588
+ fontWeight: 400,
589
+ letterSpacing: '0.5px',
590
+ lineHeight: '44px',
591
+ textAlign: 'left',
592
+ textTransform: 'none',
593
+ },
594
+ displayLargeMobile: {
595
+ fontFamily: 'Plus Jakarta Sans',
596
+ fontSize: '28px',
597
+ fontWeight: 400,
598
+ letterSpacing: '0.5px',
599
+ lineHeight: '40px',
600
+ textAlign: 'left',
601
+ textTransform: 'none',
602
+ },
603
+ displayMediumMobile: {
604
+ fontFamily: 'Plus Jakarta Sans',
605
+ fontSize: '24px',
606
+ fontWeight: 400,
607
+ letterSpacing: '0.5px',
608
+ lineHeight: '34px',
609
+ textAlign: 'left',
610
+ textTransform: 'none',
611
+ },
612
+ displaySmallMobile: {
613
+ fontFamily: 'Plus Jakarta Sans',
614
+ fontSize: '20px',
615
+ fontWeight: 400,
616
+ letterSpacing: '0.5px',
617
+ lineHeight: '32px',
618
+ textAlign: 'left',
619
+ textTransform: 'none',
620
+ },
621
+ bodyLarge: {
622
+ fontFamily: 'Inter',
623
+ fontSize: '20px',
624
+ fontWeight: 400,
625
+ letterSpacing: '0.75px',
626
+ lineHeight: '32px',
627
+ textAlign: 'left',
628
+ textTransform: 'none',
629
+ },
630
+ bodyMedium: {
631
+ fontFamily: 'Inter',
632
+ fontSize: '18px',
633
+ fontWeight: 400,
634
+ letterSpacing: '0.75px',
635
+ lineHeight: '28px',
636
+ textAlign: 'left',
637
+ textTransform: 'none',
638
+ },
639
+ bodySmall: {
640
+ fontFamily: 'Inter',
641
+ fontSize: '15px',
642
+ fontWeight: 400,
643
+ letterSpacing: '0.75px',
644
+ lineHeight: '24px',
645
+ textAlign: 'left',
646
+ textTransform: 'none',
647
+ },
648
+ bodyXSmall: {
649
+ fontFamily: 'Inter',
650
+ fontSize: '12px',
651
+ fontWeight: 400,
652
+ letterSpacing: '0.75px',
653
+ lineHeight: '22px',
654
+ textAlign: 'left',
655
+ textTransform: 'none',
656
+ },
657
+ bodyLargeMobile: {
658
+ fontFamily: 'Inter',
659
+ fontSize: '20px',
660
+ fontWeight: 400,
661
+ letterSpacing: '0.75px',
662
+ lineHeight: '32px',
663
+ textAlign: 'left',
664
+ textTransform: 'none',
665
+ },
666
+ bodyMediumMobile: {
667
+ fontFamily: 'Inter',
668
+ fontSize: '18px',
669
+ fontWeight: 400,
670
+ letterSpacing: '0.75px',
671
+ lineHeight: '28px',
672
+ textAlign: 'left',
673
+ textTransform: 'none',
674
+ },
675
+ bodySmallMobile: {
676
+ fontFamily: 'Inter',
677
+ fontSize: '15px',
678
+ fontWeight: 400,
679
+ letterSpacing: '0.75px',
680
+ lineHeight: '24px',
681
+ textAlign: 'left',
682
+ textTransform: 'none',
683
+ },
684
+ bodyXSmallMobile: {
685
+ fontFamily: 'Inter',
686
+ fontSize: '12px',
687
+ fontWeight: 400,
688
+ letterSpacing: '0.75px',
689
+ lineHeight: '22px',
690
+ textAlign: 'left',
691
+ textTransform: 'none',
692
+ },
693
+ };
694
+ exports.theme = {
695
+ typography,
116
696
  avatarSizes: {
117
697
  small: '16px',
118
698
  medium: '24px',
@@ -128,684 +708,259 @@ exports.theme = {
128
708
  laptopL: 'only screen and (min-width: 1440px) and (max-width: 2559px)',
129
709
  desktop: 'only screen and (min-width: 2560px)',
130
710
  },
131
- colors: {
132
- absoluteWhite: '#FFFFFF',
133
- absoluteBlack: '#000000',
134
- ash50: '#FBFBFD',
135
- ash100: '#EFF0F3',
136
- ash200: '#DBDBDE',
137
- ash300: '#BFC0C2',
138
- ash400: '#A0A1A4',
139
- ash500: '#828285',
140
- ash600: '#656669',
141
- ash700: '#434346',
142
- ash800: '#2A2A2C',
143
- ash900: '#1E1E21',
144
- graphite50: '#FCFCFF',
145
- graphite100: '#EEF1F6',
146
- graphite200: '#DCDFE8',
147
- graphite300: '#C0C3D0',
148
- graphite400: '#9DA0B0',
149
- graphite500: '#828593',
150
- graphite600: '#636473',
151
- graphite700: '#41414F',
152
- graphite800: '#2D2D38',
153
- graphite900: '#1D1E26',
154
- slate50: '#F7F7F7',
155
- slate100: '#EDEEF3',
156
- slate200: '#E1E3EE',
157
- slate300: '#CCD0DE',
158
- slate400: '#A7ACC1',
159
- slate500: '#6B6F8C',
160
- slate600: '#4D5168',
161
- slate700: '#4D5168',
162
- slate800: '#2D2D38',
163
- slate900: '#1E2028',
164
- steel50: '#FAFBFF',
165
- steel100: '#ECF1FC',
166
- steel200: '#D5DEF2',
167
- steel300: '#D5DEF2',
168
- steel400: '#8696BF',
169
- steel500: '#617098',
170
- steel600: '#4A5879',
171
- steel700: '#313C58',
172
- steel800: '#202940',
173
- steel900: '#12192E',
174
- charcoal50: '#FBFBFE',
175
- charcoal100: '#EEEFF9',
176
- charcoal200: '#D0DBEB',
177
- charcoal300: '#B6C3D9',
178
- charcoal400: '#8E9FBA',
179
- charcoal500: '#607390',
180
- charcoal600: '#43546D',
181
- charcoal700: '#314157',
182
- charcoal800: '#314157',
183
- charcoal900: '#181F29',
184
- sage50: '#F9FCF7',
185
- sage100: '#F9FCF7',
186
- sage200: '#DAE5DC',
187
- sage300: '#C1D0C7',
188
- sage400: '#95A59C',
189
- sage500: '#718279',
190
- sage600: '#50645B',
191
- sage700: '#50645B',
192
- sage800: '#25392F',
193
- sage900: '#16251C',
194
- sand50: '#FFFCF9',
195
- sand100: '#ECE5DE',
196
- sand200: '#ECE5DE',
197
- sand300: '#D7CEC5',
198
- sand400: '#BDB5AB',
199
- sand500: '#9E958B',
200
- sand600: '#71685E',
201
- sand700: '#4E4740',
202
- sand800: '#3D362F',
203
- sand900: '#24201B',
204
- granite50: '#F9F8F9',
205
- granite100: '#F1EDEF',
206
- granite200: '#E9E1E4',
207
- granite300: '#CEC2C7',
208
- granite400: '#B2A4A9',
209
- granite500: '#948489',
210
- granite600: '#736267',
211
- granite700: '#5A494F',
212
- granite800: '#47383D',
213
- granite900: '#47383D',
214
- quartz50: '#FFF9FD',
215
- quartz100: '#F1EDEF',
216
- quartz200: '#E9E1E4',
217
- quartz300: '#CEC2C7',
218
- quartz400: '#B2A4A9',
219
- quartz500: '#948489',
220
- quartz600: '#736267',
221
- quartz700: '#5A494F',
222
- quartz800: '#5A494F',
223
- quartz900: '#2B1F23',
224
- obsidian50: '#FCF9FF',
225
- obsidian100: '#F6F2FA',
226
- obsidian200: '#E6E0ED',
227
- obsidian300: '#D0C6DB',
228
- obsidian400: '#B2A4C0',
229
- obsidian500: '#8F809F',
230
- obsidian600: '#746485',
231
- obsidian700: '#584969',
232
- obsidian800: '#3F334E',
233
- obsidian900: '#1F1728',
234
- coral50: '#FFF3F0',
235
- coral100: '#FFE6E0',
236
- coral200: '#F9D3CA',
237
- coral300: '#F6BDAF',
238
- coral400: '#F0AD9D',
239
- coral500: '#E4907C',
240
- coral600: '#C07462',
241
- coral700: '#905749',
242
- coral800: '#603A31',
243
- coral900: '#301D18',
244
- red50: '#FFF5F5',
245
- red100: '#FFDEDE',
246
- red200: '#FFC2C2',
247
- red300: '#FFA3A3',
248
- red400: '#FF6464',
249
- red500: '#FF2828',
250
- red600: '#D20909',
251
- red700: '#940202',
252
- red800: '#940202',
253
- red900: '#3D0000',
254
- scarlet50: '#FFF4F2',
255
- scarlet100: '#FFDEDE',
256
- scarlet200: '#FFC2C2',
257
- scarlet300: '#FFA3A3',
258
- scarlet400: '#FF725F',
259
- scarlet500: '#FF371C',
260
- scarlet600: '#D71A00',
261
- scarlet700: '#BF1100',
262
- scarlet800: '#600B00',
263
- scarlet900: '#390700',
264
- persimmon50: '#FFF5EF',
265
- persimmon100: '#FFE1D0',
266
- persimmon200: '#FFC8A9',
267
- persimmon300: '#FFAD8A',
268
- persimmon400: '#FF824D',
269
- persimmon500: '#F8510A',
270
- persimmon600: '#CD3E00',
271
- persimmon700: '#872800',
272
- persimmon800: '#872800',
273
- persimmon900: '#872800',
274
- orange50: '#FFF8F2',
275
- orange100: '#FFEAD9',
276
- orange200: '#FFD3AD',
277
- orange300: '#FFBC84',
278
- orange400: '#FF9F4F',
279
- orange500: '#F97607',
280
- orange600: '#D46100',
281
- orange700: '#994000',
282
- orange800: '#602200',
283
- orange900: '#3E0F00',
284
- carrot50: '#FFFBF5',
285
- carrot100: '#FFEEDA',
286
- carrot200: '#FFDAAF',
287
- carrot300: '#FFC37D',
288
- carrot400: '#FFAC4B',
289
- carrot500: '#FFAC4B',
290
- carrot600: '#D67300',
291
- carrot700: '#985200',
292
- carrot800: '#5E3200',
293
- carrot900: '#3C2000',
294
- honey50: '#FFFDEE',
295
- honey100: '#FFF9CC',
296
- honey200: '#FBEFA4',
297
- honey300: '#FBEFA4',
298
- honey400: '#F4C519',
299
- honey500: '#EAAD00',
300
- honey600: '#D1870A',
301
- honey700: '#A15E00',
302
- honey800: '#653A01',
303
- honey900: '#271500',
304
- gold50: '#FFFEF5',
305
- gold100: '#FFF9D4',
306
- gold200: '#FFF0A9',
307
- gold300: '#FFE67E',
308
- gold400: '#FFD950',
309
- gold500: '#FFD950',
310
- gold600: '#DBA91D',
311
- gold700: '#AA7901',
312
- gold800: '#6B4900',
313
- gold900: '#352300',
314
- lemon50: '#FFFEF4',
315
- lemon100: '#FFFBD6',
316
- lemon200: '#FFF0A9',
317
- lemon300: '#FBED72',
318
- lemon400: '#F5E232',
319
- lemon500: '#EAD200',
320
- lemon600: '#C5B100',
321
- lemon700: '#928300',
322
- lemon800: '#5B5200',
323
- lemon900: '#322D00',
324
- pear50: '#FFFFF4',
325
- pear100: '#FEFFB9',
326
- pear200: '#F4F67F',
327
- pear300: '#ECEF52',
328
- pear400: '#ECEF52',
329
- pear500: '#CACE00',
330
- pear600: '#A6A900',
331
- pear700: '#777902',
332
- pear800: '#4D4F00',
333
- pear900: '#2A2C00',
334
- avacado50: '#FCFFF3',
335
- avacado100: '#F5FFCE',
336
- avacado200: '#E6F9A1',
337
- avacado300: '#D2EC6F',
338
- avacado400: '#BEDB4A',
339
- avacado500: '#A0C317',
340
- avacado600: '#8CA710',
341
- avacado700: '#657701',
342
- avacado800: '#404E00',
343
- avacado900: '#202F00',
344
- grass50: '#FBFEF3',
345
- grass100: '#ECFBCF',
346
- grass200: '#D5F8A1',
347
- grass300: '#B3EB70',
348
- grass400: '#8FD84A',
349
- grass500: '#60BF18',
350
- grass600: '#48A411',
351
- grass700: '#277A00',
352
- grass800: '#154F00',
353
- grass900: '#0B3300',
354
- emerald50: '#F4FCF6',
355
- emerald100: '#DDF2E1',
356
- emerald200: '#B9E9C3',
357
- emerald300: '#7ED890',
358
- emerald400: '#41B057',
359
- emerald500: '#0F860F',
360
- emerald600: '#08711D',
361
- emerald700: '#095A19',
362
- emerald800: '#05320E',
363
- emerald900: '#021105',
364
- cucumber50: '#F4FFF5',
365
- cucumber100: '#E0FFE1',
366
- cucumber200: '#C1FFC4',
367
- cucumber300: '#8EF492',
368
- cucumber400: '#63E768',
369
- cucumber500: '#2DC233',
370
- cucumber600: '#16A825',
371
- cucumber700: '#00760C',
372
- cucumber800: '#005108',
373
- cucumber900: '#003005',
374
- mint50: '#F3FFF9',
375
- mint100: '#DBFFED',
376
- mint200: '#B1FFDA',
377
- mint300: '#68FFB6',
378
- mint400: '#37EB94',
379
- mint500: '#03D670',
380
- mint600: '#00AF5B',
381
- mint700: '#007C40',
382
- mint800: '#00512A',
383
- mint900: '#002E17',
384
- seafoam50: '#F3FFFB',
385
- seafoam100: '#DAFFF1',
386
- seafoam200: '#ADFFE2',
387
- seafoam300: '#66FFC8',
388
- seafoam400: '#46EDB1',
389
- seafoam500: '#2FD79A',
390
- seafoam600: '#1BB980',
391
- seafoam700: '#007C40',
392
- seafoam800: '#005738',
393
- seafoam900: '#00301F',
394
- aqua50: '#F2FFFD',
395
- aqua100: '#CFFFFC',
396
- aqua200: '#94FFF9',
397
- aqua300: '#47F9EE',
398
- aqua400: '#0DECDE',
399
- aqua500: '#00CFC3',
400
- aqua600: '#00AFAF',
401
- aqua700: '#007A7A',
402
- aqua800: '#004F4F',
403
- aqua900: '#002929',
404
- sky50: '#F2FEFF',
405
- sky100: '#CCFBFE',
406
- sky200: '#9FF4FF',
407
- sky300: '#5CEBFF',
408
- sky400: '#22DCFE',
409
- sky500: '#00C3E7',
410
- sky600: '#009AC8',
411
- sky700: '#006998',
412
- sky800: '#003E66',
413
- sky900: '#00213D',
414
- azure50: '#F2FDFF',
415
- azure100: '#CCF5FE',
416
- azure200: '#9AE6FE',
417
- azure300: '#67D1FC',
418
- azure400: '#41B9FA',
419
- azure500: '#0494F7',
420
- azure600: '#0272D4',
421
- azure700: '#004DA3',
422
- azure800: '#003176',
423
- azure900: '#001944',
424
- blue50: '#F8FBFF',
425
- blue100: '#DAE9FF',
426
- blue200: '#AFCFFF',
427
- blue300: '#86B6FF',
428
- blue400: '#5B9DFF',
429
- blue500: '#1F78FF',
430
- blue600: '#085FE3',
431
- blue700: '#0045AB',
432
- blue800: '#002E72',
433
- blue900: '#001D47',
434
- info50: '#F2F7FF',
435
- info100: '#E2ECFE',
436
- info200: '#B6CFFC',
437
- info300: '#8AACF7',
438
- info400: '#8488FF',
439
- info500: '#365EED',
440
- info600: '#1B3CCE',
441
- info700: '#0D26AB',
442
- info800: '#0A1B7A',
443
- info900: '#071356',
444
- indigo50: '#F4F4FF',
445
- indigo100: '#D8D1FA',
446
- indigo200: '#B19FFF',
447
- indigo300: '#886FFF',
448
- indigo400: '#6545FF',
449
- indigo500: '#4F2BFF',
450
- indigo600: '#3D1BDE',
451
- indigo700: '#2806C8',
452
- indigo800: '#19018C',
453
- indigo900: '#0F0053',
454
- purple50: '#F3ECFF',
455
- purple100: '#DCC9FD',
456
- purple200: '#B58CF7',
457
- purple300: '#965CF4',
458
- purple400: '#7B34F2',
459
- purple500: '#610BEF',
460
- purple600: '#5109C7',
461
- purple700: '#5109C7',
462
- purple800: '#5109C7',
463
- purple900: '#1B0049',
464
- lavender50: '#F9F2FE',
465
- lavender100: '#F3E6FE',
466
- lavender200: '#E8CFFC',
467
- lavender300: '#D8AFFA',
468
- lavender400: '#B179F4',
469
- lavender500: '#803CF2',
470
- lavender600: '#551BCD',
471
- lavender700: '#360A9A',
472
- lavender800: '#220863',
473
- lavender900: '#170346',
474
- grape50: '#F9F2FF',
475
- grape100: '#E7CEFF',
476
- grape200: '#CB97FF',
477
- grape300: '#B163FF',
478
- grape400: '#9B37FF',
479
- grape500: '#7D0BEF',
480
- grape600: '#6800D0',
481
- grape700: '#4E009C',
482
- grape800: '#3C0077',
483
- grape900: '#27004E',
484
- violet50: '#FAF0FF',
485
- violet100: '#EFCCFF',
486
- violet200: '#E1A1FF',
487
- violet300: '#D377FF',
488
- violet400: '#C548FF',
489
- violet500: '#AD04FD',
490
- violet600: '#8800CA',
491
- violet700: '#5E009C',
492
- violet800: '#3D0073',
493
- violet900: '#22004A',
494
- orchid50: '#FDF1FF',
495
- orchid100: '#F8CFFF',
496
- orchid200: '#F19FFF',
497
- orchid300: '#EB72FF',
498
- orchid400: '#EB72FF',
499
- orchid500: '#CA08EA',
500
- orchid600: '#9E00C6',
501
- orchid700: '#9E00C6',
502
- orchid800: '#500064',
503
- orchid900: '#500064',
504
- magenta50: '#FFF3FC',
505
- magenta100: '#FECEEE',
506
- magenta200: '#FD9DE2',
507
- magenta300: '#F96BD1',
508
- magenta400: '#F346C5',
509
- magenta500: '#EC0DC5',
510
- magenta600: '#CA09BB',
511
- magenta700: '#8D018E',
512
- magenta800: '#8D018E',
513
- magenta900: '#2F003C',
514
- fuchsia50: '#FFF6FA',
515
- fuchsia100: '#FFDFEC',
516
- fuchsia200: '#FF87D5',
517
- fuchsia300: '#FF96C2',
518
- fuchsia400: '#FF60A3',
519
- fuchsia500: '#FF3087',
520
- fuchsia600: '#DB1668',
521
- fuchsia700: '#9E0546',
522
- fuchsia800: '#66002B',
523
- fuchsia900: '#340016',
524
- crimson50: '#FFF6FA',
525
- crimson100: '#FCE8F1',
526
- crimson200: '#F7CDE0',
527
- crimson300: '#F39CC6',
528
- crimson400: '#F6649D',
529
- crimson500: '#DB195A',
530
- crimson600: '#AB0F3E',
531
- crimson700: '#880B2D',
532
- crimson800: '#58071E',
533
- crimson900: '#3D0514',
534
- ruby50: '#FFF6FA',
535
- ruby100: '#FFE5EA',
536
- ruby200: '#FFC2CD',
537
- ruby300: '#FF98AA',
538
- ruby400: '#FF6A85',
539
- ruby500: '#FF3B5E',
540
- ruby600: '#AB0F3E',
541
- ruby700: '#960A23',
542
- ruby800: '#630012',
543
- ruby900: '#39000B',
544
- black: '#2E2E2E',
545
- cherryRed: '#F62F5E',
546
- darkGrey: '#EFEFEF',
547
- inputBorder: '#E1E1E1',
548
- lightBlack: '#6C6C6C',
549
- lighterBlack: '#B4B4B4',
550
- lightGrey: '#F7F7F7',
551
- limeYellow: '#EFFC90',
552
- paleGreen: '#00D3CA',
553
- rustyGold: '#F1AD3D',
554
- skyBlue: '#1E90FF',
555
- white: '#FFFFFF',
556
- },
557
- light: {
558
- neutral0: '',
559
- get neutral0Val() { return this.colors.white; },
560
- neutral50: '',
561
- get neutral50Val() { return this.colors.slate900; },
562
- neutral100: '',
563
- get neutral100Val() { return this.colors.slate100; },
564
- neutral200: '',
565
- get neutral200Val() { return this.colors.slate200; },
566
- neutral300: '',
567
- get neutral300Val() { return this.colors.slate300; },
568
- neutral400: '',
569
- get neutral400Val() { return this.colors.slate400; },
570
- neutral500: '',
571
- get neutral500Val() { return this.colors.slate500; },
572
- neutral600: '',
573
- get neutral600Val() { return this.colors.slate600; },
574
- neutral700: '',
575
- get neutral700Val() { return this.colors.slate700; },
576
- neutral800: '',
577
- get neutral800Val() { return this.colors.slate800; },
578
- neutral900: '',
579
- get neutral900Val() { return this.colors.slate900; },
580
- neutral1000: '',
581
- get neutral1000Val() { return this.colors.black; },
582
- brand50: '',
583
- get brand50Val() { return this.colors.lavender50; },
584
- brand100: '',
585
- get brand100Val() { return this.colors.lavender100; },
586
- brand200: '',
587
- get brand200Val() { return this.colors.lavender200; },
588
- brand300: '',
589
- get brand300Val() { return this.colors.lavender300; },
590
- brand400: '',
591
- get brand400Val() { return this.colors.lavender400; },
592
- brand500: '',
593
- get brand500Val() { return this.colors.lavender500; },
594
- brand600: '',
595
- get brand600Val() { return this.colors.lavender600; },
596
- brand700: '',
597
- get brand700Val() { return this.colors.lavender700; },
598
- brand800: '',
599
- get brand800Val() { return this.colors.lavender800; },
600
- brand900: '',
601
- get brand900Val() { return this.colors.lavender900; },
602
- info50: '',
603
- get info50Val() { return this.colors.info50; },
604
- info100: '',
605
- get info100Val() { return this.colors.info100; },
606
- info200: '',
607
- get info200Val() { return this.colors.info200; },
608
- info300: '',
609
- get info300Val() { return this.colors.info300; },
610
- info400: '',
611
- get info400Val() { return this.colors.info400; },
612
- info500: '',
613
- get info500Val() { return this.colors.info500; },
614
- info600: '',
615
- get info600Val() { return this.colors.info600; },
616
- info700: '',
617
- get info700Val() { return this.colors.info700; },
618
- info800: '',
619
- get info800Val() { return this.colors.info800; },
620
- info900: '',
621
- get info900Val() { return this.colors.info900; },
622
- success50: '',
623
- get success50Val() { return this.colors.emerald50; },
624
- success100: '',
625
- get success100Val() { return this.colors.emerald100; },
626
- success200: '',
627
- get success200Val() { return this.colors.emerald200; },
628
- success300: '',
629
- get success300Val() { return this.colors.emerald300; },
630
- success400: '',
631
- get success400Val() { return this.colors.emerald400; },
632
- success500: '',
633
- get success500Val() { return this.colors.emerald500; },
634
- success600: '',
635
- get success600Val() { return this.colors.emerald600; },
636
- success700: '',
637
- get success700Val() { return this.colors.emerald700; },
638
- success800: '',
639
- get success800Val() { return this.colors.emerald800; },
640
- success900: '',
641
- get success900Val() { return this.colors.emerald900; },
642
- warning50: '',
643
- get warning50Val() { return this.colors.honey50; },
644
- warning100: '',
645
- get warning100Val() { return this.colors.honey100; },
646
- warning200: '',
647
- get warning200Val() { return this.colors.honey200; },
648
- warning300: '',
649
- get warning300Val() { return this.colors.honey300; },
650
- warning400: '',
651
- get warning400Val() { return this.colors.honey400; },
652
- warning500: '',
653
- get warning500Val() { return this.colors.honey500; },
654
- warning600: '',
655
- get warning600Val() { return this.colors.honey600; },
656
- warning700: '',
657
- get warning700Val() { return this.colors.honey700; },
658
- warning800: '',
659
- get warning800Val() { return this.colors.honey800; },
660
- warning900: '',
661
- get warning900Val() { return this.colors.honey900; },
662
- critical50: '',
663
- get critical50Val() { return this.colors.fuchsia50; },
664
- critical100: '',
665
- get critical100Val() { return this.colors.fuchsia100; },
666
- critical200: '',
667
- get critical200Val() { return this.colors.fuchsia200; },
668
- critical300: '',
669
- get critical300Val() { return this.colors.fuchsia300; },
670
- critical400: '',
671
- get critical400Val() { return this.colors.fuchsia400; },
672
- critical500: '',
673
- get critical500Val() { return this.colors.fuchsia500; },
674
- critical600: '',
675
- get critical600Val() { return this.colors.fuchsia600; },
676
- critical700: '',
677
- get critical700Val() { return this.colors.fuchsia700; },
678
- critical800: '',
679
- get critical800Val() { return this.colors.fuchsia800; },
680
- critical900: '',
681
- get critical900Val() { return this.colors.fuchsia900; },
682
- },
683
- dark: {
684
- neutral0: '',
685
- get neutral0Val() { return this.colors.black; },
686
- neutral50: '',
687
- get neutral50Val() { return this.colors.slate900; },
688
- neutral100: '',
689
- get neutral100Val() { return this.colors.slate800; },
690
- neutral200: '',
691
- get neutral200Val() { return this.colors.slate700; },
692
- neutral300: '',
693
- get neutral300Val() { return this.colors.slate600; },
694
- neutral400: '',
695
- get neutral400Val() { return this.colors.slate500; },
696
- neutral500: '',
697
- get neutral500Val() { return this.colors.slate400; },
698
- neutral600: '',
699
- get neutral600Val() { return this.colors.slate300; },
700
- neutral700: '',
701
- get neutral700Val() { return this.colors.slate200; },
702
- neutral800: '',
703
- get neutral800Val() { return this.colors.slate100; },
704
- neutral900: '',
705
- get neutral900Val() { return this.colors.slate50; },
706
- neutral1000: '',
707
- get neutral1000Val() { return this.colors.white; },
708
- brand50: '',
709
- get brand50Val() { return this.colors.lavender50; },
710
- brand100: '',
711
- get brand100Val() { return this.colors.lavender100; },
712
- brand200: '',
713
- get brand200Val() { return this.colors.lavender200; },
714
- brand300: '',
715
- get brand300Val() { return this.colors.lavender300; },
716
- brand400: '',
717
- get brand400Val() { return this.colors.lavender400; },
718
- brand500: '',
719
- get brand500Val() { return this.colors.lavender500; },
720
- brand600: '',
721
- get brand600Val() { return this.colors.lavender600; },
722
- brand700: '',
723
- get brand700Val() { return this.colors.lavender700; },
724
- brand800: '',
725
- get brand800Val() { return this.colors.lavender800; },
726
- brand900: '',
727
- get brand900Val() { return this.colors.lavender900; },
728
- info50: '',
729
- get info50Val() { return this.colors.info50; },
730
- info100: '',
731
- get info100Val() { return this.colors.info100; },
732
- info200: '',
733
- get info200Val() { return this.colors.info200; },
734
- info300: '',
735
- get info300Val() { return this.colors.info300; },
736
- info400: '',
737
- get info400Val() { return this.colors.info400; },
738
- info500: '',
739
- get info500Val() { return this.colors.info500; },
740
- info600: '',
741
- get info600Val() { return this.colors.info600; },
742
- info700: '',
743
- get info700Val() { return this.colors.info700; },
744
- info800: '',
745
- get info800Val() { return this.colors.info800; },
746
- info900: '',
747
- get info900Val() { return this.colors.info900; },
748
- success50: '',
749
- get success50Val() { return this.colors.emerald50; },
750
- success100: '',
751
- get success100Val() { return this.colors.emerald100; },
752
- success200: '',
753
- get success200Val() { return this.colors.emerald200; },
754
- success300: '',
755
- get success300Val() { return this.colors.emerald300; },
756
- success400: '',
757
- get success400Val() { return this.colors.emerald400; },
758
- success500: '',
759
- get success500Val() { return this.colors.emerald500; },
760
- success600: '',
761
- get success600Val() { return this.colors.emerald600; },
762
- success700: '',
763
- get success700Val() { return this.colors.emerald700; },
764
- success800: '',
765
- get success800Val() { return this.colors.emerald800; },
766
- success900: '',
767
- get success900Val() { return this.colors.emerald900; },
768
- warning50: '',
769
- get warning50Val() { return this.colors.honey50; },
770
- warning100: '',
771
- get warning100Val() { return this.colors.honey100; },
772
- warning200: '',
773
- get warning200Val() { return this.colors.honey200; },
774
- warning300: '',
775
- get warning300Val() { return this.colors.honey300; },
776
- warning400: '',
777
- get warning400Val() { return this.colors.honey400; },
778
- warning500: '',
779
- get warning500Val() { return this.colors.honey500; },
780
- warning600: '',
781
- get warning600Val() { return this.colors.honey600; },
782
- warning700: '',
783
- get warning700Val() { return this.colors.honey700; },
784
- warning800: '',
785
- get warning800Val() { return this.colors.honey800; },
786
- warning900: '',
787
- get warning900Val() { return this.colors.honey900; },
788
- critical50: '',
789
- get critical50Val() { return this.colors.fuchsia50; },
790
- critical100: '',
791
- get critical100Val() { return this.colors.fuchsia100; },
792
- critical200: '',
793
- get critical200Val() { return this.colors.fuchsia200; },
794
- critical300: '',
795
- get critical300Val() { return this.colors.fuchsia300; },
796
- critical400: '',
797
- get critical400Val() { return this.colors.fuchsia400; },
798
- critical500: '',
799
- get critical500Val() { return this.colors.fuchsia500; },
800
- critical600: '',
801
- get critical600Val() { return this.colors.fuchsia600; },
802
- critical700: '',
803
- get critical700Val() { return this.colors.fuchsia700; },
804
- critical800: '',
805
- get critical800Val() { return this.colors.fuchsia800; },
806
- critical900: '',
807
- get critical900Val() { return this.colors.fuchsia900; },
808
- },
711
+ colors,
712
+ // light: {
713
+ // neutral0: '',
714
+ // get neutral0Val() { return this.colors.white; },
715
+ // neutral50: '',
716
+ // get neutral50Val() { return this.colors.slate900; },
717
+ // neutral100: '',
718
+ // get neutral100Val() { return this.colors.slate100; },
719
+ // neutral200: '',
720
+ // get neutral200Val() { return this.colors.slate200; },
721
+ // neutral300: '',
722
+ // get neutral300Val() { return this.colors.slate300; },
723
+ // neutral400: '',
724
+ // get neutral400Val() { return this.colors.slate400; },
725
+ // neutral500: '',
726
+ // get neutral500Val() { return this.colors.slate500; },
727
+ // neutral600: '',
728
+ // get neutral600Val() { return this.colors.slate600; },
729
+ // neutral700: '',
730
+ // get neutral700Val() { return this.colors.slate700; },
731
+ // neutral800: '',
732
+ // get neutral800Val() { return this.colors.slate800; },
733
+ // neutral900: '',
734
+ // get neutral900Val() { return this.colors.slate900; },
735
+ // neutral1000: '',
736
+ // get neutral1000Val() { return this.colors.black; },
737
+ // brand50: '',
738
+ // get brand50Val() { return this.colors.lavender50; },
739
+ // brand100: '',
740
+ // get brand100Val() { return this.colors.lavender100; },
741
+ // brand200: '',
742
+ // get brand200Val() { return this.colors.lavender200; },
743
+ // brand300: '',
744
+ // get brand300Val() { return this.colors.lavender300; },
745
+ // brand400: '',
746
+ // get brand400Val() { return this.colors.lavender400; },
747
+ // brand500: '',
748
+ // get brand500Val() { return this.colors.lavender500; },
749
+ // brand600: '',
750
+ // get brand600Val() { return this.colors.lavender600; },
751
+ // brand700: '',
752
+ // get brand700Val() { return this.colors.lavender700; },
753
+ // brand800: '',
754
+ // get brand800Val() { return this.colors.lavender800; },
755
+ // brand900: '',
756
+ // get brand900Val() { return this.colors.lavender900; },
757
+ // info50: '',
758
+ // get info50Val() { return this.colors.info50; },
759
+ // info100: '',
760
+ // get info100Val() { return this.colors.info100; },
761
+ // info200: '',
762
+ // get info200Val() { return this.colors.info200; },
763
+ // info300: '',
764
+ // get info300Val() { return this.colors.info300; },
765
+ // info400: '',
766
+ // get info400Val() { return this.colors.info400; },
767
+ // info500: '',
768
+ // get info500Val() { return this.colors.info500; },
769
+ // info600: '',
770
+ // get info600Val() { return this.colors.info600; },
771
+ // info700: '',
772
+ // get info700Val() { return this.colors.info700; },
773
+ // info800: '',
774
+ // get info800Val() { return this.colors.info800; },
775
+ // info900: '',
776
+ // get info900Val() { return this.colors.info900; },
777
+ // success50: '',
778
+ // get success50Val() { return this.colors.emerald50; },
779
+ // success100: '',
780
+ // get success100Val() { return this.colors.emerald100; },
781
+ // success200: '',
782
+ // get success200Val() { return this.colors.emerald200; },
783
+ // success300: '',
784
+ // get success300Val() { return this.colors.emerald300; },
785
+ // success400: '',
786
+ // get success400Val() { return this.colors.emerald400; },
787
+ // success500: '',
788
+ // get success500Val() { return this.colors.emerald500; },
789
+ // success600: '',
790
+ // get success600Val() { return this.colors.emerald600; },
791
+ // success700: '',
792
+ // get success700Val() { return this.colors.emerald700; },
793
+ // success800: '',
794
+ // get success800Val() { return this.colors.emerald800; },
795
+ // success900: '',
796
+ // get success900Val() { return this.colors.emerald900; },
797
+ // warning50: '',
798
+ // get warning50Val() { return this.colors.honey50; },
799
+ // warning100: '',
800
+ // get warning100Val() { return this.colors.honey100; },
801
+ // warning200: '',
802
+ // get warning200Val() { return this.colors.honey200; },
803
+ // warning300: '',
804
+ // get warning300Val() { return this.colors.honey300; },
805
+ // warning400: '',
806
+ // get warning400Val() { return this.colors.honey400; },
807
+ // warning500: '',
808
+ // get warning500Val() { return this.colors.honey500; },
809
+ // warning600: '',
810
+ // get warning600Val() { return this.colors.honey600; },
811
+ // warning700: '',
812
+ // get warning700Val() { return this.colors.honey700; },
813
+ // warning800: '',
814
+ // get warning800Val() { return this.colors.honey800; },
815
+ // warning900: '',
816
+ // get warning900Val() { return this.colors.honey900; },
817
+ // critical50: '',
818
+ // get critical50Val() { return this.colors.fuchsia50; },
819
+ // critical100: '',
820
+ // get critical100Val() { return this.colors.fuchsia100; },
821
+ // critical200: '',
822
+ // get critical200Val() { return this.colors.fuchsia200; },
823
+ // critical300: '',
824
+ // get critical300Val() { return this.colors.fuchsia300; },
825
+ // critical400: '',
826
+ // get critical400Val() { return this.colors.fuchsia400; },
827
+ // critical500: '',
828
+ // get critical500Val() { return this.colors.fuchsia500; },
829
+ // critical600: '',
830
+ // get critical600Val() { return this.colors.fuchsia600; },
831
+ // critical700: '',
832
+ // get critical700Val() { return this.colors.fuchsia700; },
833
+ // critical800: '',
834
+ // get critical800Val() { return this.colors.fuchsia800; },
835
+ // critical900: '',
836
+ // get critical900Val() { return this.colors.fuchsia900; },
837
+ // },
838
+ // dark: {
839
+ // neutral0: '',
840
+ // get neutral0Val() { return this.colors.black; },
841
+ // neutral50: '',
842
+ // get neutral50Val() { return this.colors.slate900; },
843
+ // neutral100: '',
844
+ // get neutral100Val() { return this.colors.slate800; },
845
+ // neutral200: '',
846
+ // get neutral200Val() { return this.colors.slate700; },
847
+ // neutral300: '',
848
+ // get neutral300Val() { return this.colors.slate600; },
849
+ // neutral400: '',
850
+ // get neutral400Val() { return this.colors.slate500; },
851
+ // neutral500: '',
852
+ // get neutral500Val() { return this.colors.slate400; },
853
+ // neutral600: '',
854
+ // get neutral600Val() { return this.colors.slate300; },
855
+ // neutral700: '',
856
+ // get neutral700Val() { return this.colors.slate200; },
857
+ // neutral800: '',
858
+ // get neutral800Val() { return this.colors.slate100; },
859
+ // neutral900: '',
860
+ // get neutral900Val() { return this.colors.slate50; },
861
+ // neutral1000: '',
862
+ // get neutral1000Val() { return this.colors.white; },
863
+ // brand50: '',
864
+ // get brand50Val() { return this.colors.lavender50; },
865
+ // brand100: '',
866
+ // get brand100Val() { return this.colors.lavender100; },
867
+ // brand200: '',
868
+ // get brand200Val() { return this.colors.lavender200; },
869
+ // brand300: '',
870
+ // get brand300Val() { return this.colors.lavender300; },
871
+ // brand400: '',
872
+ // get brand400Val() { return this.colors.lavender400; },
873
+ // brand500: '',
874
+ // get brand500Val() { return this.colors.lavender500; },
875
+ // brand600: '',
876
+ // get brand600Val() { return this.colors.lavender600; },
877
+ // brand700: '',
878
+ // get brand700Val() { return this.colors.lavender700; },
879
+ // brand800: '',
880
+ // get brand800Val() { return this.colors.lavender800; },
881
+ // brand900: '',
882
+ // get brand900Val() { return this.colors.lavender900; },
883
+ // info50: '',
884
+ // get info50Val() { return this.colors.info50; },
885
+ // info100: '',
886
+ // get info100Val() { return this.colors.info100; },
887
+ // info200: '',
888
+ // get info200Val() { return this.colors.info200; },
889
+ // info300: '',
890
+ // get info300Val() { return this.colors.info300; },
891
+ // info400: '',
892
+ // get info400Val() { return this.colors.info400; },
893
+ // info500: '',
894
+ // get info500Val() { return this.colors.info500; },
895
+ // info600: '',
896
+ // get info600Val() { return this.colors.info600; },
897
+ // info700: '',
898
+ // get info700Val() { return this.colors.info700; },
899
+ // info800: '',
900
+ // get info800Val() { return this.colors.info800; },
901
+ // info900: '',
902
+ // get info900Val() { return this.colors.info900; },
903
+ // success50: '',
904
+ // get success50Val() { return this.colors.emerald50; },
905
+ // success100: '',
906
+ // get success100Val() { return this.colors.emerald100; },
907
+ // success200: '',
908
+ // get success200Val() { return this.colors.emerald200; },
909
+ // success300: '',
910
+ // get success300Val() { return this.colors.emerald300; },
911
+ // success400: '',
912
+ // get success400Val() { return this.colors.emerald400; },
913
+ // success500: '',
914
+ // get success500Val() { return this.colors.emerald500; },
915
+ // success600: '',
916
+ // get success600Val() { return this.colors.emerald600; },
917
+ // success700: '',
918
+ // get success700Val() { return this.colors.emerald700; },
919
+ // success800: '',
920
+ // get success800Val() { return this.colors.emerald800; },
921
+ // success900: '',
922
+ // get success900Val() { return this.colors.emerald900; },
923
+ // warning50: '',
924
+ // get warning50Val() { return this.colors.honey50; },
925
+ // warning100: '',
926
+ // get warning100Val() { return this.colors.honey100; },
927
+ // warning200: '',
928
+ // get warning200Val() { return this.colors.honey200; },
929
+ // warning300: '',
930
+ // get warning300Val() { return this.colors.honey300; },
931
+ // warning400: '',
932
+ // get warning400Val() { return this.colors.honey400; },
933
+ // warning500: '',
934
+ // get warning500Val() { return this.colors.honey500; },
935
+ // warning600: '',
936
+ // get warning600Val() { return this.colors.honey600; },
937
+ // warning700: '',
938
+ // get warning700Val() { return this.colors.honey700; },
939
+ // warning800: '',
940
+ // get warning800Val() { return this.colors.honey800; },
941
+ // warning900: '',
942
+ // get warning900Val() { return this.colors.honey900; },
943
+ // critical50: '',
944
+ // get critical50Val() { return this.colors.fuchsia50; },
945
+ // critical100: '',
946
+ // get critical100Val() { return this.colors.fuchsia100; },
947
+ // critical200: '',
948
+ // get critical200Val() { return this.colors.fuchsia200; },
949
+ // critical300: '',
950
+ // get critical300Val() { return this.colors.fuchsia300; },
951
+ // critical400: '',
952
+ // get critical400Val() { return this.colors.fuchsia400; },
953
+ // critical500: '',
954
+ // get critical500Val() { return this.colors.fuchsia500; },
955
+ // critical600: '',
956
+ // get critical600Val() { return this.colors.fuchsia600; },
957
+ // critical700: '',
958
+ // get critical700Val() { return this.colors.fuchsia700; },
959
+ // critical800: '',
960
+ // get critical800Val() { return this.colors.fuchsia800; },
961
+ // critical900: '',
962
+ // get critical900Val() { return this.colors.fuchsia900; },
963
+ // },
809
964
  misc: {
810
965
  darkMode: false,
811
966
  wrapperWidth: '90%',
@@ -819,6 +974,36 @@ exports.theme = {
819
974
  shadow: {
820
975
  default: '0px 1px 4px #E5E9F2',
821
976
  medium: '-4px 0 12px rgba(0, 0, 0, 0.3)',
977
+ elevation1: {
978
+ filter: 'drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.03))',
979
+ },
980
+ elevation2: {
981
+ filter: 'drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.04))',
982
+ },
983
+ elevation3: {
984
+ filter: 'drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.05))',
985
+ },
986
+ elevation4: {
987
+ filter: 'drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.06))',
988
+ },
989
+ elevation5: {
990
+ filter: 'drop-shadow(0px 15px 20px rgba(0, 0, 0, 0.07))',
991
+ },
992
+ elevation6: {
993
+ filter: 'drop-shadow(0px 25px 30px rgba(0, 0, 0, 0.08))',
994
+ },
995
+ elevation7: {
996
+ filter: 'drop-shadow(0px 35px 40px rgba(0, 0, 0, 0.09))',
997
+ },
998
+ elevation8: {
999
+ filter: 'drop-shadow(0px 40px 50px rgba(0, 0, 0, 0.10))',
1000
+ },
1001
+ elevation9: {
1002
+ filter: 'drop-shadow(0px 50px 60px rgba(0, 0, 0, 0.11))',
1003
+ },
1004
+ elevation10: {
1005
+ filter: 'drop-shadow(0px 60px 70px rgba(0, 0, 0, 0.12))',
1006
+ },
822
1007
  },
823
1008
  spacing: {
824
1009
  xsmall: '0.25em',