@flitsmeister/design-system 2.2.2 → 2.2.22

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 (94) hide show
  1. package/package.json +3 -1
  2. package/web/icons/bold/add.svg +3 -0
  3. package/web/icons/bold/check.svg +3 -0
  4. package/web/icons/bold/checkbox-checked.svg +4 -0
  5. package/web/icons/bold/checkbox-unchecked.svg +3 -0
  6. package/web/icons/bold/chevron-backward.svg +3 -0
  7. package/web/icons/bold/chevron-down.svg +3 -0
  8. package/web/icons/bold/chevron-forward.svg +3 -0
  9. package/web/icons/bold/chevron-up.svg +3 -0
  10. package/web/icons/bold/close-1.svg +3 -0
  11. package/web/icons/bold/close.svg +4 -0
  12. package/web/icons/bold/dot.svg +3 -0
  13. package/web/icons/bold/open-external.svg +3 -0
  14. package/web/icons/bold/prominent-1.svg +3 -0
  15. package/web/icons/bold/prominent.svg +3 -0
  16. package/web/icons/bold/question.svg +4 -0
  17. package/web/icons/bold/remove.svg +3 -0
  18. package/web/icons/bold/search.svg +3 -0
  19. package/web/icons/bold/spinner.svg +3 -0
  20. package/web/icons/bold/warning.svg +3 -0
  21. package/web/icons/duotone/check.svg +4 -0
  22. package/web/icons/filled/achievements.svg +3 -0
  23. package/web/icons/filled/add.svg +3 -0
  24. package/web/icons/filled/app-settings.svg +3 -0
  25. package/web/icons/filled/calendar.svg +7 -0
  26. package/web/icons/filled/car-simplified.svg +3 -0
  27. package/web/icons/filled/check.svg +3 -0
  28. package/web/icons/filled/clock.svg +3 -0
  29. package/web/icons/filled/close.svg +3 -0
  30. package/web/icons/filled/control.svg +7 -0
  31. package/web/icons/filled/danger.svg +7 -0
  32. package/web/icons/filled/delete.svg +3 -0
  33. package/web/icons/filled/deviceOne.svg +3 -0
  34. package/web/icons/filled/deviceTwo.svg +3 -0
  35. package/web/icons/filled/disputeFine.svg +3 -0
  36. package/web/icons/filled/email.svg +3 -0
  37. package/web/icons/filled/gasPrices.svg +3 -0
  38. package/web/icons/filled/hazard.svg +3 -0
  39. package/web/icons/filled/highway.svg +3 -0
  40. package/web/icons/filled/info.svg +4 -0
  41. package/web/icons/filled/lock-close.svg +3 -0
  42. package/web/icons/filled/lock-open.svg +3 -0
  43. package/web/icons/filled/lock.svg +3 -0
  44. package/web/icons/filled/microphone.svg +4 -0
  45. package/web/icons/filled/notificaiton-unread.svg +4 -0
  46. package/web/icons/filled/notificaiton.svg +3 -0
  47. package/web/icons/filled/parking.svg +3 -0
  48. package/web/icons/filled/play.svg +8 -0
  49. package/web/icons/filled/question.svg +3 -0
  50. package/web/icons/filled/rating-empty.svg +3 -0
  51. package/web/icons/filled/rating-full.svg +3 -0
  52. package/web/icons/filled/rating-half.svg +4 -0
  53. package/web/icons/filled/remove.svg +3 -0
  54. package/web/icons/filled/return-location.svg +3 -0
  55. package/web/icons/filled/support.svg +3 -0
  56. package/web/icons/filled/toll.svg +3 -0
  57. package/web/icons/filled/tripHistory.svg +3 -0
  58. package/web/icons/filled/truck.svg +3 -0
  59. package/web/icons/filled/user-pin.svg +3 -0
  60. package/web/icons/filled/user-profile.svg +3 -0
  61. package/web/icons/filled/warning.svg +4 -0
  62. package/web/icons/filled/zone-default.svg +3 -0
  63. package/web/icons/filled/zone-indoor.svg +3 -0
  64. package/web/icons/filled/zone-street.svg +3 -0
  65. package/web/icons/stroke/arrow-Down.svg +3 -0
  66. package/web/icons/stroke/arrow-Up.svg +3 -0
  67. package/web/icons/stroke/arrow-left.svg +3 -0
  68. package/web/icons/stroke/arrow-right.svg +3 -0
  69. package/web/icons/stroke/check.svg +3 -0
  70. package/web/icons/stroke/checkbox-checked.svg +4 -0
  71. package/web/icons/stroke/checkbox-unchecked.svg +3 -0
  72. package/web/icons/stroke/chevron-backward.svg +3 -0
  73. package/web/icons/stroke/chevron-down.svg +3 -0
  74. package/web/icons/stroke/chevron-forward.svg +3 -0
  75. package/web/icons/stroke/chevron-up.svg +3 -0
  76. package/web/icons/stroke/clock.svg +3 -0
  77. package/web/icons/stroke/close-1.svg +3 -0
  78. package/web/icons/stroke/close.svg +4 -0
  79. package/web/icons/stroke/download.svg +4 -0
  80. package/web/icons/stroke/email.svg +4 -0
  81. package/web/icons/stroke/hamburger.svg +3 -0
  82. package/web/icons/stroke/login.svg +4 -0
  83. package/web/icons/stroke/logout.svg +3 -0
  84. package/web/icons/stroke/more.svg +5 -0
  85. package/web/icons/stroke/open-external.svg +3 -0
  86. package/web/icons/stroke/question.svg +4 -0
  87. package/web/icons/stroke/search.svg +3 -0
  88. package/web/icons/stroke/spinner.svg +3 -0
  89. package/web/icons/stroke/warning.svg +3 -0
  90. package/web/styles/flashmaster/primitives.json +604 -0
  91. package/web/styles/flashmaster/sample_fmdx_android.xml +223 -0
  92. package/web/styles/flashmaster/sample_fmdx_ios.json +265 -0
  93. package/web/styles/flashmaster.scss +21 -0
  94. package/web/styles/main.pcss +143 -0
@@ -0,0 +1,604 @@
1
+ [
2
+ {
3
+ "Primitives": {
4
+ "modes": {
5
+ "default": {
6
+ "color": {
7
+ "system": {
8
+ "utility 4": {
9
+ "$type": "color",
10
+ "$value": "#10ff7d"
11
+ },
12
+ "utility 3": {
13
+ "$type": "color",
14
+ "$value": "#ffbe17"
15
+ },
16
+ "utility 2": {
17
+ "$type": "color",
18
+ "$value": "#31daec"
19
+ },
20
+ "utility 01": {
21
+ "$type": "color",
22
+ "$value": "#ff2cac"
23
+ },
24
+ "black": {
25
+ "$type": "color",
26
+ "$value": "#000000"
27
+ },
28
+ "white": {
29
+ "$type": "color",
30
+ "$value": "#ffffff"
31
+ }
32
+ },
33
+ "gray": {
34
+ "Gray 50": {
35
+ "$type": "color",
36
+ "$value": "#f0f1f2"
37
+ },
38
+ "Gray 100": {
39
+ "$type": "color",
40
+ "$value": "#f0f1f2"
41
+ },
42
+ "Gray 200": {
43
+ "$type": "color",
44
+ "$value": "#e1e3e5"
45
+ },
46
+ "Gray 300": {
47
+ "$type": "color",
48
+ "$value": "#cbcfd2"
49
+ },
50
+ "Gray 400": {
51
+ "$type": "color",
52
+ "$value": "#aab1b6"
53
+ },
54
+ "Gray 500": {
55
+ "$type": "color",
56
+ "$value": "#6a747b"
57
+ },
58
+ "Gray 600": {
59
+ "$type": "color",
60
+ "$value": "#40464a"
61
+ },
62
+ "Gray 700": {
63
+ "$type": "color",
64
+ "$value": "#2b2f32"
65
+ },
66
+ "Gray 800": {
67
+ "$type": "color",
68
+ "$value": "#1d1f20"
69
+ },
70
+ "Gray 900": {
71
+ "$type": "color",
72
+ "$value": "#161616"
73
+ }
74
+ },
75
+ "red": {
76
+ "Red 50": {
77
+ "$type": "color",
78
+ "$value": "#fff5f5"
79
+ },
80
+ "Red 100": {
81
+ "$type": "color",
82
+ "$value": "#ffe3e3"
83
+ },
84
+ "Red 200": {
85
+ "$type": "color",
86
+ "$value": "#ffc9c9"
87
+ },
88
+ "Red 300": {
89
+ "$type": "color",
90
+ "$value": "#ffa8a8"
91
+ },
92
+ "Red 400": {
93
+ "$type": "color",
94
+ "$value": "#ff8787"
95
+ },
96
+ "Red 500": {
97
+ "$type": "color",
98
+ "$value": "#ff6b6b"
99
+ },
100
+ "Red 600": {
101
+ "$type": "color",
102
+ "$value": "#fa4848"
103
+ },
104
+ "Red 700": {
105
+ "$type": "color",
106
+ "$value": "#f24d4d"
107
+ },
108
+ "Red 800": {
109
+ "$type": "color",
110
+ "$value": "#e03131"
111
+ },
112
+ "Red 900": {
113
+ "$type": "color",
114
+ "$value": "#c92a2a"
115
+ },
116
+ "Red 950": {
117
+ "$type": "color",
118
+ "$value": "#492728"
119
+ }
120
+ },
121
+ "pink": {
122
+ "Pink 50": {
123
+ "$type": "color",
124
+ "$value": "#fff0f6"
125
+ },
126
+ "Pink 100": {
127
+ "$type": "color",
128
+ "$value": "#ffdeeb"
129
+ },
130
+ "Pink 200": {
131
+ "$type": "color",
132
+ "$value": "#fcc2d7"
133
+ },
134
+ "Pink 300": {
135
+ "$type": "color",
136
+ "$value": "#faa2c1"
137
+ },
138
+ "Pink 400": {
139
+ "$type": "color",
140
+ "$value": "#f783ac"
141
+ },
142
+ "Pink 500": {
143
+ "$type": "color",
144
+ "$value": "#f06595"
145
+ },
146
+ "Pink 600": {
147
+ "$type": "color",
148
+ "$value": "#e64980"
149
+ },
150
+ "Pink 700": {
151
+ "$type": "color",
152
+ "$value": "#d6336c"
153
+ },
154
+ "Pink 800": {
155
+ "$type": "color",
156
+ "$value": "#c2255c"
157
+ },
158
+ "Pink 900": {
159
+ "$type": "color",
160
+ "$value": "#a61e4d"
161
+ }
162
+ },
163
+ "grape": {
164
+ "Grape 50": {
165
+ "$type": "color",
166
+ "$value": "#f8f0fc"
167
+ },
168
+ "Grape 100": {
169
+ "$type": "color",
170
+ "$value": "#f3d9fa"
171
+ },
172
+ "Grape 200": {
173
+ "$type": "color",
174
+ "$value": "#eebefa"
175
+ },
176
+ "Grape 300": {
177
+ "$type": "color",
178
+ "$value": "#e599f7"
179
+ },
180
+ "Grape 400": {
181
+ "$type": "color",
182
+ "$value": "#d66bf2"
183
+ },
184
+ "Grape 500": {
185
+ "$type": "color",
186
+ "$value": "#ae61fa"
187
+ },
188
+ "Grape 600": {
189
+ "$type": "color",
190
+ "$value": "#c539eb"
191
+ },
192
+ "Grape 700 PRO": {
193
+ "$type": "color",
194
+ "$value": "#ae40f2"
195
+ },
196
+ "Grape 800": {
197
+ "$type": "color",
198
+ "$value": "#a738ff"
199
+ },
200
+ "Grape 900": {
201
+ "$type": "color",
202
+ "$value": "#862e9c"
203
+ },
204
+ "Grape 950": {
205
+ "$type": "color",
206
+ "$value": "#69197d"
207
+ }
208
+ },
209
+ "violet": {
210
+ "Violet 50": {
211
+ "$type": "color",
212
+ "$value": "#f3f0ff"
213
+ },
214
+ "Violet 100": {
215
+ "$type": "color",
216
+ "$value": "#e5dbff"
217
+ },
218
+ "Violet 200": {
219
+ "$type": "color",
220
+ "$value": "#c9b2dd"
221
+ },
222
+ "Violet 300": {
223
+ "$type": "color",
224
+ "$value": "#b197fc"
225
+ },
226
+ "Violet 400": {
227
+ "$type": "color",
228
+ "$value": "#9775fa"
229
+ },
230
+ "Violet 500": {
231
+ "$type": "color",
232
+ "$value": "#845ef7"
233
+ },
234
+ "Violet 600": {
235
+ "$type": "color",
236
+ "$value": "#7950f2"
237
+ },
238
+ "Violet 700 PRO": {
239
+ "$type": "color",
240
+ "$value": "#4f19e9"
241
+ },
242
+ "Violet 800": {
243
+ "$type": "color",
244
+ "$value": "#6741d9"
245
+ },
246
+ "Violet 900": {
247
+ "$type": "color",
248
+ "$value": "#5f3dc4"
249
+ },
250
+ "Violet 950": {
251
+ "$type": "color",
252
+ "$value": "#2b224e"
253
+ }
254
+ },
255
+ "indigo": {
256
+ "Indigo 50": {
257
+ "$type": "color",
258
+ "$value": "#edf2ff"
259
+ },
260
+ "Indigo 100": {
261
+ "$type": "color",
262
+ "$value": "#dbe4ff"
263
+ },
264
+ "Indigo 200": {
265
+ "$type": "color",
266
+ "$value": "#bac8ff"
267
+ },
268
+ "Indigo 300": {
269
+ "$type": "color",
270
+ "$value": "#91a7ff"
271
+ },
272
+ "Indigo 400": {
273
+ "$type": "color",
274
+ "$value": "#748ffc"
275
+ },
276
+ "Indigo 500": {
277
+ "$type": "color",
278
+ "$value": "#2e74ff"
279
+ },
280
+ "Indigo 600": {
281
+ "$type": "color",
282
+ "$value": "#386bff"
283
+ },
284
+ "Indigo 700": {
285
+ "$type": "color",
286
+ "$value": "#4263eb"
287
+ },
288
+ "Indigo 800": {
289
+ "$type": "color",
290
+ "$value": "#345cce"
291
+ },
292
+ "Indigo 900": {
293
+ "$type": "color",
294
+ "$value": "#364fc7"
295
+ }
296
+ },
297
+ "blue": {
298
+ "Blue 50": {
299
+ "$type": "color",
300
+ "$value": "#daecfc"
301
+ },
302
+ "Blue 100": {
303
+ "$type": "color",
304
+ "$value": "#d0ebff"
305
+ },
306
+ "Blue 200": {
307
+ "$type": "color",
308
+ "$value": "#adcbe4"
309
+ },
310
+ "Blue 300": {
311
+ "$type": "color",
312
+ "$value": "#93c5fd"
313
+ },
314
+ "Blue 400": {
315
+ "$type": "color",
316
+ "$value": "#4dabf7"
317
+ },
318
+ "Blue 500": {
319
+ "$type": "color",
320
+ "$value": "#0086f5"
321
+ },
322
+ "Blue 600": {
323
+ "$type": "color",
324
+ "$value": "#007fe8"
325
+ },
326
+ "Blue 700": {
327
+ "$type": "color",
328
+ "$value": "#1c7ed6"
329
+ },
330
+ "Blue 800": {
331
+ "$type": "color",
332
+ "$value": "#066cbf"
333
+ },
334
+ "Blue 900": {
335
+ "$type": "color",
336
+ "$value": "#0c469e"
337
+ },
338
+ "Blue 950": {
339
+ "$type": "color",
340
+ "$value": "#273744"
341
+ }
342
+ },
343
+ "cyan": {
344
+ "Cyan 50": {
345
+ "$type": "color",
346
+ "$value": "#e3fafc"
347
+ },
348
+ "Cyan 100": {
349
+ "$type": "color",
350
+ "$value": "#c5f6fa"
351
+ },
352
+ "Cyan 200": {
353
+ "$type": "color",
354
+ "$value": "#99e9f2"
355
+ },
356
+ "Cyan 300": {
357
+ "$type": "color",
358
+ "$value": "#66d9e8"
359
+ },
360
+ "Cyan 400": {
361
+ "$type": "color",
362
+ "$value": "#3bc9db"
363
+ },
364
+ "Cyan 500": {
365
+ "$type": "color",
366
+ "$value": "#22b8cf"
367
+ },
368
+ "Cyan 600": {
369
+ "$type": "color",
370
+ "$value": "#15aabf"
371
+ },
372
+ "Cyan 700": {
373
+ "$type": "color",
374
+ "$value": "#1098ad"
375
+ },
376
+ "Cyan 800": {
377
+ "$type": "color",
378
+ "$value": "#0c8599"
379
+ },
380
+ "Cyan 900": {
381
+ "$type": "color",
382
+ "$value": "#0b7285"
383
+ }
384
+ },
385
+ "teal": {
386
+ "Teal 50": {
387
+ "$type": "color",
388
+ "$value": "#e6fcf5"
389
+ },
390
+ "Teal 100": {
391
+ "$type": "color",
392
+ "$value": "#c3fae8"
393
+ },
394
+ "Teal 200": {
395
+ "$type": "color",
396
+ "$value": "#96f2d7"
397
+ },
398
+ "Teal 300": {
399
+ "$type": "color",
400
+ "$value": "#63e6be"
401
+ },
402
+ "Teal 400": {
403
+ "$type": "color",
404
+ "$value": "#38d9a9"
405
+ },
406
+ "Teal 500": {
407
+ "$type": "color",
408
+ "$value": "#20c997"
409
+ },
410
+ "Teal 600": {
411
+ "$type": "color",
412
+ "$value": "#12b886"
413
+ },
414
+ "Teal 700": {
415
+ "$type": "color",
416
+ "$value": "#0ca678"
417
+ },
418
+ "Teal 800": {
419
+ "$type": "color",
420
+ "$value": "#099268"
421
+ },
422
+ "Teal 900": {
423
+ "$type": "color",
424
+ "$value": "#087f5b"
425
+ }
426
+ },
427
+ "green": {
428
+ "Green 50": {
429
+ "$type": "color",
430
+ "$value": "#ebfbee"
431
+ },
432
+ "Green 100": {
433
+ "$type": "color",
434
+ "$value": "#d3f9d8"
435
+ },
436
+ "Green 200": {
437
+ "$type": "color",
438
+ "$value": "#b2f2bb"
439
+ },
440
+ "Green 300": {
441
+ "$type": "color",
442
+ "$value": "#8ce99a"
443
+ },
444
+ "Green 400": {
445
+ "$type": "color",
446
+ "$value": "#69db7c"
447
+ },
448
+ "Green 500": {
449
+ "$type": "color",
450
+ "$value": "#51cf66"
451
+ },
452
+ "Green 600": {
453
+ "$type": "color",
454
+ "$value": "#40c057"
455
+ },
456
+ "Green 700": {
457
+ "$type": "color",
458
+ "$value": "#38a849"
459
+ },
460
+ "Green 800": {
461
+ "$type": "color",
462
+ "$value": "#39a049"
463
+ },
464
+ "Green 900": {
465
+ "$type": "color",
466
+ "$value": "#2b8a3e"
467
+ },
468
+ "Green 950": {
469
+ "$type": "color",
470
+ "$value": "#17401d"
471
+ }
472
+ },
473
+ "lime": {
474
+ "Lime 50": {
475
+ "$type": "color",
476
+ "$value": "#f4fce3"
477
+ },
478
+ "Lime 100": {
479
+ "$type": "color",
480
+ "$value": "#e9fac8"
481
+ },
482
+ "Lime 200": {
483
+ "$type": "color",
484
+ "$value": "#d8f5a2"
485
+ },
486
+ "Lime 300": {
487
+ "$type": "color",
488
+ "$value": "#faff12"
489
+ },
490
+ "Lime 400": {
491
+ "$type": "color",
492
+ "$value": "#c2d84d"
493
+ },
494
+ "Lime 500": {
495
+ "$type": "color",
496
+ "$value": "#9fff53"
497
+ },
498
+ "Lime 600": {
499
+ "$type": "color",
500
+ "$value": "#82c91e"
501
+ },
502
+ "Lime 700": {
503
+ "$type": "color",
504
+ "$value": "#7db527"
505
+ },
506
+ "Lime 800": {
507
+ "$type": "color",
508
+ "$value": "#66a80f"
509
+ },
510
+ "Lime 900": {
511
+ "$type": "color",
512
+ "$value": "#5c940d"
513
+ }
514
+ },
515
+ "yellow": {
516
+ "Yellow 50": {
517
+ "$type": "color",
518
+ "$value": "#fff9db"
519
+ },
520
+ "Yellow 100": {
521
+ "$type": "color",
522
+ "$value": "#fff3bf"
523
+ },
524
+ "Yellow 200": {
525
+ "$type": "color",
526
+ "$value": "#ffec99"
527
+ },
528
+ "Yellow 300": {
529
+ "$type": "color",
530
+ "$value": "#ffeb12"
531
+ },
532
+ "Yellow 400": {
533
+ "$type": "color",
534
+ "$value": "#ffd60a"
535
+ },
536
+ "Yellow 500": {
537
+ "$type": "color",
538
+ "$value": "#ffcc00"
539
+ },
540
+ "Yellow 600": {
541
+ "$type": "color",
542
+ "$value": "#fab005"
543
+ },
544
+ "Yellow 700": {
545
+ "$type": "color",
546
+ "$value": "#f59f00"
547
+ },
548
+ "Yellow 800": {
549
+ "$type": "color",
550
+ "$value": "#f08c00"
551
+ },
552
+ "Yellow 900": {
553
+ "$type": "color",
554
+ "$value": "#e67700"
555
+ }
556
+ },
557
+ "orange": {
558
+ "Orange 50": {
559
+ "$type": "color",
560
+ "$value": "#fff4e6"
561
+ },
562
+ "Orange 100": {
563
+ "$type": "color",
564
+ "$value": "#ffe8cc"
565
+ },
566
+ "Orange 200": {
567
+ "$type": "color",
568
+ "$value": "#ffd8a8"
569
+ },
570
+ "Orange 300": {
571
+ "$type": "color",
572
+ "$value": "#ffc078"
573
+ },
574
+ "Orange 400": {
575
+ "$type": "color",
576
+ "$value": "#fe942a"
577
+ },
578
+ "Orange 500": {
579
+ "$type": "color",
580
+ "$value": "#ff8b17"
581
+ },
582
+ "Orange 600": {
583
+ "$type": "color",
584
+ "$value": "#fd7e14"
585
+ },
586
+ "Orange 700": {
587
+ "$type": "color",
588
+ "$value": "#f76707"
589
+ },
590
+ "Orange 800": {
591
+ "$type": "color",
592
+ "$value": "#e8590c"
593
+ },
594
+ "Orange 900": {
595
+ "$type": "color",
596
+ "$value": "#d9480f"
597
+ }
598
+ }
599
+ }
600
+ }
601
+ }
602
+ }
603
+ }
604
+ ]