@react-native-rethemed/material-ui-tokens 0.1.0 → 0.1.2

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.
@@ -0,0 +1,821 @@
1
+ //#region src/tokens.gen.ts
2
+ /** Material UI's color palette (`@mui/material/colors`): `'<hue>.<shade>'`, plus `black` and `white`. */
3
+ const colors = {
4
+ black: "#000000",
5
+ white: "#ffffff",
6
+ "red.50": "#ffebee",
7
+ "red.100": "#ffcdd2",
8
+ "red.200": "#ef9a9a",
9
+ "red.300": "#e57373",
10
+ "red.400": "#ef5350",
11
+ "red.500": "#f44336",
12
+ "red.600": "#e53935",
13
+ "red.700": "#d32f2f",
14
+ "red.800": "#c62828",
15
+ "red.900": "#b71c1c",
16
+ "red.A100": "#ff8a80",
17
+ "red.A200": "#ff5252",
18
+ "red.A400": "#ff1744",
19
+ "red.A700": "#d50000",
20
+ "pink.50": "#fce4ec",
21
+ "pink.100": "#f8bbd0",
22
+ "pink.200": "#f48fb1",
23
+ "pink.300": "#f06292",
24
+ "pink.400": "#ec407a",
25
+ "pink.500": "#e91e63",
26
+ "pink.600": "#d81b60",
27
+ "pink.700": "#c2185b",
28
+ "pink.800": "#ad1457",
29
+ "pink.900": "#880e4f",
30
+ "pink.A100": "#ff80ab",
31
+ "pink.A200": "#ff4081",
32
+ "pink.A400": "#f50057",
33
+ "pink.A700": "#c51162",
34
+ "purple.50": "#f3e5f5",
35
+ "purple.100": "#e1bee7",
36
+ "purple.200": "#ce93d8",
37
+ "purple.300": "#ba68c8",
38
+ "purple.400": "#ab47bc",
39
+ "purple.500": "#9c27b0",
40
+ "purple.600": "#8e24aa",
41
+ "purple.700": "#7b1fa2",
42
+ "purple.800": "#6a1b9a",
43
+ "purple.900": "#4a148c",
44
+ "purple.A100": "#ea80fc",
45
+ "purple.A200": "#e040fb",
46
+ "purple.A400": "#d500f9",
47
+ "purple.A700": "#aa00ff",
48
+ "deepPurple.50": "#ede7f6",
49
+ "deepPurple.100": "#d1c4e9",
50
+ "deepPurple.200": "#b39ddb",
51
+ "deepPurple.300": "#9575cd",
52
+ "deepPurple.400": "#7e57c2",
53
+ "deepPurple.500": "#673ab7",
54
+ "deepPurple.600": "#5e35b1",
55
+ "deepPurple.700": "#512da8",
56
+ "deepPurple.800": "#4527a0",
57
+ "deepPurple.900": "#311b92",
58
+ "deepPurple.A100": "#b388ff",
59
+ "deepPurple.A200": "#7c4dff",
60
+ "deepPurple.A400": "#651fff",
61
+ "deepPurple.A700": "#6200ea",
62
+ "indigo.50": "#e8eaf6",
63
+ "indigo.100": "#c5cae9",
64
+ "indigo.200": "#9fa8da",
65
+ "indigo.300": "#7986cb",
66
+ "indigo.400": "#5c6bc0",
67
+ "indigo.500": "#3f51b5",
68
+ "indigo.600": "#3949ab",
69
+ "indigo.700": "#303f9f",
70
+ "indigo.800": "#283593",
71
+ "indigo.900": "#1a237e",
72
+ "indigo.A100": "#8c9eff",
73
+ "indigo.A200": "#536dfe",
74
+ "indigo.A400": "#3d5afe",
75
+ "indigo.A700": "#304ffe",
76
+ "blue.50": "#e3f2fd",
77
+ "blue.100": "#bbdefb",
78
+ "blue.200": "#90caf9",
79
+ "blue.300": "#64b5f6",
80
+ "blue.400": "#42a5f5",
81
+ "blue.500": "#2196f3",
82
+ "blue.600": "#1e88e5",
83
+ "blue.700": "#1976d2",
84
+ "blue.800": "#1565c0",
85
+ "blue.900": "#0d47a1",
86
+ "blue.A100": "#82b1ff",
87
+ "blue.A200": "#448aff",
88
+ "blue.A400": "#2979ff",
89
+ "blue.A700": "#2962ff",
90
+ "lightBlue.50": "#e1f5fe",
91
+ "lightBlue.100": "#b3e5fc",
92
+ "lightBlue.200": "#81d4fa",
93
+ "lightBlue.300": "#4fc3f7",
94
+ "lightBlue.400": "#29b6f6",
95
+ "lightBlue.500": "#03a9f4",
96
+ "lightBlue.600": "#039be5",
97
+ "lightBlue.700": "#0288d1",
98
+ "lightBlue.800": "#0277bd",
99
+ "lightBlue.900": "#01579b",
100
+ "lightBlue.A100": "#80d8ff",
101
+ "lightBlue.A200": "#40c4ff",
102
+ "lightBlue.A400": "#00b0ff",
103
+ "lightBlue.A700": "#0091ea",
104
+ "cyan.50": "#e0f7fa",
105
+ "cyan.100": "#b2ebf2",
106
+ "cyan.200": "#80deea",
107
+ "cyan.300": "#4dd0e1",
108
+ "cyan.400": "#26c6da",
109
+ "cyan.500": "#00bcd4",
110
+ "cyan.600": "#00acc1",
111
+ "cyan.700": "#0097a7",
112
+ "cyan.800": "#00838f",
113
+ "cyan.900": "#006064",
114
+ "cyan.A100": "#84ffff",
115
+ "cyan.A200": "#18ffff",
116
+ "cyan.A400": "#00e5ff",
117
+ "cyan.A700": "#00b8d4",
118
+ "teal.50": "#e0f2f1",
119
+ "teal.100": "#b2dfdb",
120
+ "teal.200": "#80cbc4",
121
+ "teal.300": "#4db6ac",
122
+ "teal.400": "#26a69a",
123
+ "teal.500": "#009688",
124
+ "teal.600": "#00897b",
125
+ "teal.700": "#00796b",
126
+ "teal.800": "#00695c",
127
+ "teal.900": "#004d40",
128
+ "teal.A100": "#a7ffeb",
129
+ "teal.A200": "#64ffda",
130
+ "teal.A400": "#1de9b6",
131
+ "teal.A700": "#00bfa5",
132
+ "green.50": "#e8f5e9",
133
+ "green.100": "#c8e6c9",
134
+ "green.200": "#a5d6a7",
135
+ "green.300": "#81c784",
136
+ "green.400": "#66bb6a",
137
+ "green.500": "#4caf50",
138
+ "green.600": "#43a047",
139
+ "green.700": "#388e3c",
140
+ "green.800": "#2e7d32",
141
+ "green.900": "#1b5e20",
142
+ "green.A100": "#b9f6ca",
143
+ "green.A200": "#69f0ae",
144
+ "green.A400": "#00e676",
145
+ "green.A700": "#00c853",
146
+ "lightGreen.50": "#f1f8e9",
147
+ "lightGreen.100": "#dcedc8",
148
+ "lightGreen.200": "#c5e1a5",
149
+ "lightGreen.300": "#aed581",
150
+ "lightGreen.400": "#9ccc65",
151
+ "lightGreen.500": "#8bc34a",
152
+ "lightGreen.600": "#7cb342",
153
+ "lightGreen.700": "#689f38",
154
+ "lightGreen.800": "#558b2f",
155
+ "lightGreen.900": "#33691e",
156
+ "lightGreen.A100": "#ccff90",
157
+ "lightGreen.A200": "#b2ff59",
158
+ "lightGreen.A400": "#76ff03",
159
+ "lightGreen.A700": "#64dd17",
160
+ "lime.50": "#f9fbe7",
161
+ "lime.100": "#f0f4c3",
162
+ "lime.200": "#e6ee9c",
163
+ "lime.300": "#dce775",
164
+ "lime.400": "#d4e157",
165
+ "lime.500": "#cddc39",
166
+ "lime.600": "#c0ca33",
167
+ "lime.700": "#afb42b",
168
+ "lime.800": "#9e9d24",
169
+ "lime.900": "#827717",
170
+ "lime.A100": "#f4ff81",
171
+ "lime.A200": "#eeff41",
172
+ "lime.A400": "#c6ff00",
173
+ "lime.A700": "#aeea00",
174
+ "yellow.50": "#fffde7",
175
+ "yellow.100": "#fff9c4",
176
+ "yellow.200": "#fff59d",
177
+ "yellow.300": "#fff176",
178
+ "yellow.400": "#ffee58",
179
+ "yellow.500": "#ffeb3b",
180
+ "yellow.600": "#fdd835",
181
+ "yellow.700": "#fbc02d",
182
+ "yellow.800": "#f9a825",
183
+ "yellow.900": "#f57f17",
184
+ "yellow.A100": "#ffff8d",
185
+ "yellow.A200": "#ffff00",
186
+ "yellow.A400": "#ffea00",
187
+ "yellow.A700": "#ffd600",
188
+ "amber.50": "#fff8e1",
189
+ "amber.100": "#ffecb3",
190
+ "amber.200": "#ffe082",
191
+ "amber.300": "#ffd54f",
192
+ "amber.400": "#ffca28",
193
+ "amber.500": "#ffc107",
194
+ "amber.600": "#ffb300",
195
+ "amber.700": "#ffa000",
196
+ "amber.800": "#ff8f00",
197
+ "amber.900": "#ff6f00",
198
+ "amber.A100": "#ffe57f",
199
+ "amber.A200": "#ffd740",
200
+ "amber.A400": "#ffc400",
201
+ "amber.A700": "#ffab00",
202
+ "orange.50": "#fff3e0",
203
+ "orange.100": "#ffe0b2",
204
+ "orange.200": "#ffcc80",
205
+ "orange.300": "#ffb74d",
206
+ "orange.400": "#ffa726",
207
+ "orange.500": "#ff9800",
208
+ "orange.600": "#fb8c00",
209
+ "orange.700": "#f57c00",
210
+ "orange.800": "#ef6c00",
211
+ "orange.900": "#e65100",
212
+ "orange.A100": "#ffd180",
213
+ "orange.A200": "#ffab40",
214
+ "orange.A400": "#ff9100",
215
+ "orange.A700": "#ff6d00",
216
+ "deepOrange.50": "#fbe9e7",
217
+ "deepOrange.100": "#ffccbc",
218
+ "deepOrange.200": "#ffab91",
219
+ "deepOrange.300": "#ff8a65",
220
+ "deepOrange.400": "#ff7043",
221
+ "deepOrange.500": "#ff5722",
222
+ "deepOrange.600": "#f4511e",
223
+ "deepOrange.700": "#e64a19",
224
+ "deepOrange.800": "#d84315",
225
+ "deepOrange.900": "#bf360c",
226
+ "deepOrange.A100": "#ff9e80",
227
+ "deepOrange.A200": "#ff6e40",
228
+ "deepOrange.A400": "#ff3d00",
229
+ "deepOrange.A700": "#dd2c00",
230
+ "brown.50": "#efebe9",
231
+ "brown.100": "#d7ccc8",
232
+ "brown.200": "#bcaaa4",
233
+ "brown.300": "#a1887f",
234
+ "brown.400": "#8d6e63",
235
+ "brown.500": "#795548",
236
+ "brown.600": "#6d4c41",
237
+ "brown.700": "#5d4037",
238
+ "brown.800": "#4e342e",
239
+ "brown.900": "#3e2723",
240
+ "brown.A100": "#d7ccc8",
241
+ "brown.A200": "#bcaaa4",
242
+ "brown.A400": "#8d6e63",
243
+ "brown.A700": "#5d4037",
244
+ "grey.50": "#fafafa",
245
+ "grey.100": "#f5f5f5",
246
+ "grey.200": "#eeeeee",
247
+ "grey.300": "#e0e0e0",
248
+ "grey.400": "#bdbdbd",
249
+ "grey.500": "#9e9e9e",
250
+ "grey.600": "#757575",
251
+ "grey.700": "#616161",
252
+ "grey.800": "#424242",
253
+ "grey.900": "#212121",
254
+ "grey.A100": "#f5f5f5",
255
+ "grey.A200": "#eeeeee",
256
+ "grey.A400": "#bdbdbd",
257
+ "grey.A700": "#616161",
258
+ "blueGrey.50": "#eceff1",
259
+ "blueGrey.100": "#cfd8dc",
260
+ "blueGrey.200": "#b0bec5",
261
+ "blueGrey.300": "#90a4ae",
262
+ "blueGrey.400": "#78909c",
263
+ "blueGrey.500": "#607d8b",
264
+ "blueGrey.600": "#546e7a",
265
+ "blueGrey.700": "#455a64",
266
+ "blueGrey.800": "#37474f",
267
+ "blueGrey.900": "#263238",
268
+ "blueGrey.A100": "#cfd8dc",
269
+ "blueGrey.A200": "#b0bec5",
270
+ "blueGrey.A400": "#78909c",
271
+ "blueGrey.A700": "#455a64"
272
+ };
273
+ /** The default `palette` in light and dark mode. `divider` becomes `divider.default`. */
274
+ const semanticColors = {
275
+ primary: {
276
+ main: {
277
+ light: "#1976d2",
278
+ dark: "#90caf9"
279
+ },
280
+ light: {
281
+ light: "#42a5f5",
282
+ dark: "#e3f2fd"
283
+ },
284
+ dark: {
285
+ light: "#1565c0",
286
+ dark: "#42a5f5"
287
+ },
288
+ contrastText: {
289
+ light: "#ffffff",
290
+ dark: "rgba(0, 0, 0, 0.87)"
291
+ }
292
+ },
293
+ secondary: {
294
+ main: {
295
+ light: "#9c27b0",
296
+ dark: "#ce93d8"
297
+ },
298
+ light: {
299
+ light: "#ba68c8",
300
+ dark: "#f3e5f5"
301
+ },
302
+ dark: {
303
+ light: "#7b1fa2",
304
+ dark: "#ab47bc"
305
+ },
306
+ contrastText: {
307
+ light: "#ffffff",
308
+ dark: "rgba(0, 0, 0, 0.87)"
309
+ }
310
+ },
311
+ error: {
312
+ main: {
313
+ light: "#d32f2f",
314
+ dark: "#f44336"
315
+ },
316
+ light: {
317
+ light: "#ef5350",
318
+ dark: "#e57373"
319
+ },
320
+ dark: {
321
+ light: "#c62828",
322
+ dark: "#d32f2f"
323
+ },
324
+ contrastText: {
325
+ light: "#ffffff",
326
+ dark: "#ffffff"
327
+ }
328
+ },
329
+ warning: {
330
+ main: {
331
+ light: "#ed6c02",
332
+ dark: "#ffa726"
333
+ },
334
+ light: {
335
+ light: "#ff9800",
336
+ dark: "#ffb74d"
337
+ },
338
+ dark: {
339
+ light: "#e65100",
340
+ dark: "#f57c00"
341
+ },
342
+ contrastText: {
343
+ light: "#ffffff",
344
+ dark: "rgba(0, 0, 0, 0.87)"
345
+ }
346
+ },
347
+ info: {
348
+ main: {
349
+ light: "#0288d1",
350
+ dark: "#29b6f6"
351
+ },
352
+ light: {
353
+ light: "#03a9f4",
354
+ dark: "#4fc3f7"
355
+ },
356
+ dark: {
357
+ light: "#01579b",
358
+ dark: "#0288d1"
359
+ },
360
+ contrastText: {
361
+ light: "#ffffff",
362
+ dark: "rgba(0, 0, 0, 0.87)"
363
+ }
364
+ },
365
+ success: {
366
+ main: {
367
+ light: "#2e7d32",
368
+ dark: "#66bb6a"
369
+ },
370
+ light: {
371
+ light: "#4caf50",
372
+ dark: "#81c784"
373
+ },
374
+ dark: {
375
+ light: "#1b5e20",
376
+ dark: "#388e3c"
377
+ },
378
+ contrastText: {
379
+ light: "#ffffff",
380
+ dark: "rgba(0, 0, 0, 0.87)"
381
+ }
382
+ },
383
+ text: {
384
+ primary: {
385
+ light: "rgba(0, 0, 0, 0.87)",
386
+ dark: "#ffffff"
387
+ },
388
+ secondary: {
389
+ light: "rgba(0, 0, 0, 0.6)",
390
+ dark: "rgba(255, 255, 255, 0.7)"
391
+ },
392
+ disabled: {
393
+ light: "rgba(0, 0, 0, 0.38)",
394
+ dark: "rgba(255, 255, 255, 0.5)"
395
+ }
396
+ },
397
+ background: {
398
+ default: {
399
+ light: "#ffffff",
400
+ dark: "#121212"
401
+ },
402
+ paper: {
403
+ light: "#ffffff",
404
+ dark: "#121212"
405
+ }
406
+ },
407
+ action: {
408
+ active: {
409
+ light: "rgba(0, 0, 0, 0.54)",
410
+ dark: "#ffffff"
411
+ },
412
+ hover: {
413
+ light: "rgba(0, 0, 0, 0.04)",
414
+ dark: "rgba(255, 255, 255, 0.08)"
415
+ },
416
+ selected: {
417
+ light: "rgba(0, 0, 0, 0.08)",
418
+ dark: "rgba(255, 255, 255, 0.16)"
419
+ },
420
+ disabled: {
421
+ light: "rgba(0, 0, 0, 0.26)",
422
+ dark: "rgba(255, 255, 255, 0.3)"
423
+ },
424
+ disabledBackground: {
425
+ light: "rgba(0, 0, 0, 0.12)",
426
+ dark: "rgba(255, 255, 255, 0.12)"
427
+ },
428
+ focus: {
429
+ light: "rgba(0, 0, 0, 0.12)",
430
+ dark: "rgba(255, 255, 255, 0.12)"
431
+ }
432
+ },
433
+ divider: { default: {
434
+ light: "rgba(0, 0, 0, 0.12)",
435
+ dark: "rgba(255, 255, 255, 0.12)"
436
+ } }
437
+ };
438
+ /** `theme.typography` variants as text presets: rem and em in points at `htmlFontSize`, line heights absolute. */
439
+ const typography = {
440
+ h1: {
441
+ fontSize: 96,
442
+ lineHeight: 112.03,
443
+ letterSpacing: -1.5,
444
+ fontWeight: "300"
445
+ },
446
+ h2: {
447
+ fontSize: 60,
448
+ lineHeight: 72,
449
+ letterSpacing: -.5,
450
+ fontWeight: "300"
451
+ },
452
+ h3: {
453
+ fontSize: 48,
454
+ lineHeight: 56.02,
455
+ letterSpacing: 0,
456
+ fontWeight: "400"
457
+ },
458
+ h4: {
459
+ fontSize: 34,
460
+ lineHeight: 41.99,
461
+ letterSpacing: .25,
462
+ fontWeight: "400"
463
+ },
464
+ h5: {
465
+ fontSize: 24,
466
+ lineHeight: 32.02,
467
+ letterSpacing: 0,
468
+ fontWeight: "400"
469
+ },
470
+ h6: {
471
+ fontSize: 20,
472
+ lineHeight: 32,
473
+ letterSpacing: .15,
474
+ fontWeight: "500"
475
+ },
476
+ subtitle1: {
477
+ fontSize: 16,
478
+ lineHeight: 28,
479
+ letterSpacing: .15,
480
+ fontWeight: "400"
481
+ },
482
+ subtitle2: {
483
+ fontSize: 14,
484
+ lineHeight: 21.98,
485
+ letterSpacing: .1,
486
+ fontWeight: "500"
487
+ },
488
+ body1: {
489
+ fontSize: 16,
490
+ lineHeight: 24,
491
+ letterSpacing: .15,
492
+ fontWeight: "400"
493
+ },
494
+ body2: {
495
+ fontSize: 14,
496
+ lineHeight: 20.02,
497
+ letterSpacing: .15,
498
+ fontWeight: "400"
499
+ },
500
+ button: {
501
+ fontSize: 14,
502
+ lineHeight: 24.5,
503
+ letterSpacing: .4,
504
+ fontWeight: "500",
505
+ textTransform: "uppercase"
506
+ },
507
+ caption: {
508
+ fontSize: 12,
509
+ lineHeight: 19.92,
510
+ letterSpacing: .4,
511
+ fontWeight: "400"
512
+ },
513
+ overline: {
514
+ fontSize: 12,
515
+ lineHeight: 31.92,
516
+ letterSpacing: 1,
517
+ fontWeight: "400",
518
+ textTransform: "uppercase"
519
+ }
520
+ };
521
+ /** `typography.fontWeightLight` / `Regular` / `Medium` / `Bold`. */
522
+ const fontWeights = {
523
+ light: "300",
524
+ regular: "400",
525
+ medium: "500",
526
+ bold: "700"
527
+ };
528
+ /** `theme.spacing(n)` for common factors: `padding: 2` is `theme.spacing(2)`. */
529
+ const spacing = {
530
+ 0: 0,
531
+ .5: 4,
532
+ 1: 8,
533
+ 1.5: 12,
534
+ 2: 16,
535
+ 2.5: 20,
536
+ 3: 24,
537
+ 4: 32,
538
+ 5: 40,
539
+ 6: 48,
540
+ 7: 56,
541
+ 8: 64,
542
+ 9: 72,
543
+ 10: 80,
544
+ 12: 96
545
+ };
546
+ /** Multiples of `shape.borderRadius`: `borderRadius: 2` is `sx={{ borderRadius: 2 }}`. */
547
+ const radii = {
548
+ 0: 0,
549
+ .5: 2,
550
+ 1: 4,
551
+ 1.5: 6,
552
+ 2: 8,
553
+ 3: 12,
554
+ 4: 16
555
+ };
556
+ /** `theme.zIndex`. */
557
+ const zIndices = {
558
+ mobileStepper: 1e3,
559
+ fab: 1050,
560
+ speedDial: 1050,
561
+ appBar: 1100,
562
+ drawer: 1200,
563
+ modal: 1300,
564
+ snackbar: 1400,
565
+ tooltip: 1500
566
+ };
567
+ /** `theme.shadows` by elevation, first layer only; `elevation` matches on Android. */
568
+ const shadows = {
569
+ 0: {
570
+ shadowColor: "#000000",
571
+ shadowOffset: {
572
+ width: 0,
573
+ height: 0
574
+ },
575
+ shadowOpacity: 0,
576
+ shadowRadius: 0,
577
+ elevation: 0
578
+ },
579
+ 1: {
580
+ shadowColor: "#000000",
581
+ shadowOffset: {
582
+ width: 0,
583
+ height: 2
584
+ },
585
+ shadowOpacity: .2,
586
+ shadowRadius: .5,
587
+ elevation: 1
588
+ },
589
+ 2: {
590
+ shadowColor: "#000000",
591
+ shadowOffset: {
592
+ width: 0,
593
+ height: 3
594
+ },
595
+ shadowOpacity: .2,
596
+ shadowRadius: .5,
597
+ elevation: 2
598
+ },
599
+ 3: {
600
+ shadowColor: "#000000",
601
+ shadowOffset: {
602
+ width: 0,
603
+ height: 3
604
+ },
605
+ shadowOpacity: .2,
606
+ shadowRadius: 1.5,
607
+ elevation: 3
608
+ },
609
+ 4: {
610
+ shadowColor: "#000000",
611
+ shadowOffset: {
612
+ width: 0,
613
+ height: 2
614
+ },
615
+ shadowOpacity: .2,
616
+ shadowRadius: 2,
617
+ elevation: 4
618
+ },
619
+ 5: {
620
+ shadowColor: "#000000",
621
+ shadowOffset: {
622
+ width: 0,
623
+ height: 3
624
+ },
625
+ shadowOpacity: .2,
626
+ shadowRadius: 2.5,
627
+ elevation: 5
628
+ },
629
+ 6: {
630
+ shadowColor: "#000000",
631
+ shadowOffset: {
632
+ width: 0,
633
+ height: 3
634
+ },
635
+ shadowOpacity: .2,
636
+ shadowRadius: 2.5,
637
+ elevation: 6
638
+ },
639
+ 7: {
640
+ shadowColor: "#000000",
641
+ shadowOffset: {
642
+ width: 0,
643
+ height: 4
644
+ },
645
+ shadowOpacity: .2,
646
+ shadowRadius: 2.5,
647
+ elevation: 7
648
+ },
649
+ 8: {
650
+ shadowColor: "#000000",
651
+ shadowOffset: {
652
+ width: 0,
653
+ height: 5
654
+ },
655
+ shadowOpacity: .2,
656
+ shadowRadius: 2.5,
657
+ elevation: 8
658
+ },
659
+ 9: {
660
+ shadowColor: "#000000",
661
+ shadowOffset: {
662
+ width: 0,
663
+ height: 5
664
+ },
665
+ shadowOpacity: .2,
666
+ shadowRadius: 3,
667
+ elevation: 9
668
+ },
669
+ 10: {
670
+ shadowColor: "#000000",
671
+ shadowOffset: {
672
+ width: 0,
673
+ height: 6
674
+ },
675
+ shadowOpacity: .2,
676
+ shadowRadius: 3,
677
+ elevation: 10
678
+ },
679
+ 11: {
680
+ shadowColor: "#000000",
681
+ shadowOffset: {
682
+ width: 0,
683
+ height: 6
684
+ },
685
+ shadowOpacity: .2,
686
+ shadowRadius: 3.5,
687
+ elevation: 11
688
+ },
689
+ 12: {
690
+ shadowColor: "#000000",
691
+ shadowOffset: {
692
+ width: 0,
693
+ height: 7
694
+ },
695
+ shadowOpacity: .2,
696
+ shadowRadius: 4,
697
+ elevation: 12
698
+ },
699
+ 13: {
700
+ shadowColor: "#000000",
701
+ shadowOffset: {
702
+ width: 0,
703
+ height: 7
704
+ },
705
+ shadowOpacity: .2,
706
+ shadowRadius: 4,
707
+ elevation: 13
708
+ },
709
+ 14: {
710
+ shadowColor: "#000000",
711
+ shadowOffset: {
712
+ width: 0,
713
+ height: 7
714
+ },
715
+ shadowOpacity: .2,
716
+ shadowRadius: 4.5,
717
+ elevation: 14
718
+ },
719
+ 15: {
720
+ shadowColor: "#000000",
721
+ shadowOffset: {
722
+ width: 0,
723
+ height: 8
724
+ },
725
+ shadowOpacity: .2,
726
+ shadowRadius: 4.5,
727
+ elevation: 15
728
+ },
729
+ 16: {
730
+ shadowColor: "#000000",
731
+ shadowOffset: {
732
+ width: 0,
733
+ height: 8
734
+ },
735
+ shadowOpacity: .2,
736
+ shadowRadius: 5,
737
+ elevation: 16
738
+ },
739
+ 17: {
740
+ shadowColor: "#000000",
741
+ shadowOffset: {
742
+ width: 0,
743
+ height: 8
744
+ },
745
+ shadowOpacity: .2,
746
+ shadowRadius: 5.5,
747
+ elevation: 17
748
+ },
749
+ 18: {
750
+ shadowColor: "#000000",
751
+ shadowOffset: {
752
+ width: 0,
753
+ height: 9
754
+ },
755
+ shadowOpacity: .2,
756
+ shadowRadius: 5.5,
757
+ elevation: 18
758
+ },
759
+ 19: {
760
+ shadowColor: "#000000",
761
+ shadowOffset: {
762
+ width: 0,
763
+ height: 9
764
+ },
765
+ shadowOpacity: .2,
766
+ shadowRadius: 6,
767
+ elevation: 19
768
+ },
769
+ 20: {
770
+ shadowColor: "#000000",
771
+ shadowOffset: {
772
+ width: 0,
773
+ height: 10
774
+ },
775
+ shadowOpacity: .2,
776
+ shadowRadius: 6.5,
777
+ elevation: 20
778
+ },
779
+ 21: {
780
+ shadowColor: "#000000",
781
+ shadowOffset: {
782
+ width: 0,
783
+ height: 10
784
+ },
785
+ shadowOpacity: .2,
786
+ shadowRadius: 6.5,
787
+ elevation: 21
788
+ },
789
+ 22: {
790
+ shadowColor: "#000000",
791
+ shadowOffset: {
792
+ width: 0,
793
+ height: 10
794
+ },
795
+ shadowOpacity: .2,
796
+ shadowRadius: 7,
797
+ elevation: 22
798
+ },
799
+ 23: {
800
+ shadowColor: "#000000",
801
+ shadowOffset: {
802
+ width: 0,
803
+ height: 11
804
+ },
805
+ shadowOpacity: .2,
806
+ shadowRadius: 7,
807
+ elevation: 23
808
+ },
809
+ 24: {
810
+ shadowColor: "#000000",
811
+ shadowOffset: {
812
+ width: 0,
813
+ height: 11
814
+ },
815
+ shadowOpacity: .2,
816
+ shadowRadius: 7.5,
817
+ elevation: 24
818
+ }
819
+ };
820
+ //#endregion
821
+ export { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices };