@mmb-digital/design-system-web 0.1.4 → 0.1.6

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 (53) hide show
  1. package/.idea/codeStyles/codeStyleConfig.xml +5 -0
  2. package/.idea/design-system-web_2023-02-07.iml +8 -0
  3. package/.idea/inspectionProfiles/Project_Default.xml +7 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/php.xml +19 -0
  6. package/.idea/prettier.xml +6 -0
  7. package/.idea/vcs.xml +6 -0
  8. package/dist/jest.config.d.ts +7 -0
  9. package/package.json +1 -2
  10. package/rollup.config.js +1 -3
  11. package/tsconfig.json +1 -2
  12. package/src/@types/json.d.ts +0 -5
  13. package/src/@types/styledComponentCssProps.d.ts +0 -11
  14. package/src/@types/styledComponentTheme.d.ts +0 -9
  15. package/src/components/button/button.stories.tsx +0 -97
  16. package/src/components/button/button.styles.ts +0 -162
  17. package/src/components/button/button.test.tsx +0 -25
  18. package/src/components/button/button.tsx +0 -31
  19. package/src/components/button/button.types.ts +0 -33
  20. package/src/components/button/index.ts +0 -3
  21. package/src/components/form/hint/formHint.style.ts +0 -10
  22. package/src/components/form/hint/formHint.tsx +0 -13
  23. package/src/components/form/hint/formHint.types.ts +0 -5
  24. package/src/components/slider/slider/slider.stories.tsx +0 -176
  25. package/src/components/slider/slider/slider.style.ts +0 -29
  26. package/src/components/slider/slider/slider.tsx +0 -136
  27. package/src/components/slider/slider/slider.types.ts +0 -58
  28. package/src/components/slider/slider/sliderFunction/default/sliderFunctionDefault.ts +0 -21
  29. package/src/components/slider/slider/sliderFunction/default/sliderStep.test.ts +0 -90
  30. package/src/components/slider/slider/sliderFunction/default/sliderStep.ts +0 -18
  31. package/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderFunctionLinearVisualSteps.ts +0 -28
  32. package/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderMax.test.ts +0 -83
  33. package/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderMax.ts +0 -34
  34. package/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderValueByValue.test.ts +0 -249
  35. package/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderValueByValue.ts +0 -41
  36. package/src/components/slider/slider/sliderFunction/linearVisualSteps/valueBySliderValue.test.ts +0 -204
  37. package/src/components/slider/slider/sliderFunction/linearVisualSteps/valueBySliderValue.ts +0 -35
  38. package/src/components/slider/slider/sliderHandleSvgHandler.ts +0 -26
  39. package/src/components/storeButton/assets/androidSvg.tsx +0 -159
  40. package/src/components/storeButton/assets/appleSvg.tsx +0 -31
  41. package/src/components/storeButton/storeButton.stories.tsx +0 -67
  42. package/src/components/storeButton/storeButton.styles.ts +0 -36
  43. package/src/components/storeButton/storeButton.test.tsx +0 -22
  44. package/src/components/storeButton/storeButton.tsx +0 -30
  45. package/src/components/storeButton/storeButton.types.tsx +0 -15
  46. package/src/icons/systemIcon.tsx +0 -26
  47. package/src/index.ts +0 -2
  48. package/src/provider/storybook/storybookProvider.tsx +0 -11
  49. package/src/provider/storybook/storybookProvider.types.ts +0 -5
  50. package/src/provider/styledComponents/theme/styledComponentsThemeProvider.tsx +0 -14
  51. package/src/provider/styledComponents/theme/styledComponentsThemeProvider.types..ts +0 -5
  52. package/src/style/styledComponents/mmb_variables-5224.json +0 -958
  53. package/src/style/styledComponents/theme.ts +0 -450
package/src/style/styledComponents/mmb_variables-5224.json DELETED
@@ -1,958 +0,0 @@
1
- {
2
- "tokens": {
3
- "light": {
4
- "color": {
5
- "fg": {
6
- "neutral": {
7
- "default": {
8
- "value": "#01194c"
9
- },
10
- "subtle": {
11
- "value": "#56647b"
12
- },
13
- "subtlest": {
14
- "value": "#6c7d98"
15
- },
16
- "white": {
17
- "value": "#ffffff"
18
- }
19
- },
20
- "disabled": {
21
- "default": {
22
- "value": "#8a97ad"
23
- }
24
- },
25
- "inverse": {
26
- "default": {
27
- "value": "#ffffff"
28
- }
29
- },
30
- "link": {
31
- "default": {
32
- "value": "#1c65fd"
33
- },
34
- "hover": {
35
- "value": "#024be3"
36
- },
37
- "pressed": {
38
- "value": "#023ab1"
39
- }
40
- },
41
- "success": {
42
- "default": {
43
- "value": "#1c6c13"
44
- }
45
- },
46
- "warning": {
47
- "default": {
48
- "value": "#85703d"
49
- }
50
- },
51
- "error": {
52
- "default": {
53
- "value": "#ca2e21"
54
- }
55
- },
56
- "info": {
57
- "default": {
58
- "value": "#1c65fd"
59
- }
60
- },
61
- "promo": {
62
- "default": {
63
- "value": "#85703d"
64
- }
65
- },
66
- "brand": {
67
- "default": {
68
- "value": "#1c65fd"
69
- },
70
- "bold": {
71
- "value": "#024be3"
72
- }
73
- },
74
- "accent": {
75
- "default": {
76
- "value": "#de31b9"
77
- },
78
- "bold": {
79
- "value": "#bd1e9b"
80
- }
81
- }
82
- },
83
- "bg": {
84
- "neutral": {
85
- "default": {
86
- "value": "#e8eaed"
87
- },
88
- "subtle": {
89
- "value": "#f3f4f5"
90
- },
91
- "subtlest": {
92
- "value": "#ffffff"
93
- },
94
- "white": {
95
- "value": "#ffffff"
96
- }
97
- },
98
- "disabled": {
99
- "default": {
100
- "value": "#f3f4f5"
101
- }
102
- },
103
- "promo": {
104
- "default": {
105
- "value": "#fbf9f4"
106
- },
107
- "bold": {
108
- "value": "#a58b4b"
109
- }
110
- },
111
- "error": {
112
- "bold": {
113
- "value": "#dc3628"
114
- },
115
- "default": {
116
- "value": "#fff8f7"
117
- }
118
- },
119
- "warning": {
120
- "default": {
121
- "value": "#fff9db"
122
- },
123
- "bold": {
124
- "value": "#fae9a3"
125
- }
126
- },
127
- "inverse": {
128
- "default": {
129
- "value": "#171b21"
130
- }
131
- },
132
- "success": {
133
- "bold": {
134
- "value": "#2e9721"
135
- },
136
- "default": {
137
- "value": "#e9fff4"
138
- }
139
- },
140
- "info": {
141
- "bold": {
142
- "value": "#1c65fd"
143
- },
144
- "default": {
145
- "value": "#f0f5ff"
146
- }
147
- },
148
- "accent": {
149
- "default": {
150
- "value": "#fef6fc"
151
- }
152
- },
153
- "brand": {
154
- "default": {
155
- "value": "#f0f5ff",
156
- "hover": {
157
- "value": "#d7e4ff"
158
- },
159
- "pressed": {
160
- "value": "#d7e4ff"
161
- }
162
- },
163
- "bold": {
164
- "value": "#1c65fd",
165
- "hover": {
166
- "value": "#024be3"
167
- },
168
- "pressed": {
169
- "value": "#023ab1"
170
- }
171
- }
172
- }
173
- },
174
- "surface": {
175
- "overlay": {
176
- "value": "#f0f5ff"
177
- },
178
- "risen": {
179
- "value": "#ffffff"
180
- },
181
- "default": {
182
- "value": "#fafcff"
183
- },
184
- "sunken": {
185
- "value": "#e8eaed"
186
- }
187
- },
188
- "border": {
189
- "neutral": {
190
- "default": {
191
- "value": "#56647b"
192
- },
193
- "subtle": {
194
- "value": "#a8b2c2"
195
- },
196
- "subtlest": {
197
- "value": "#e8eaed"
198
- }
199
- },
200
- "disabled": {
201
- "default": {
202
- "value": "#e8eaed"
203
- }
204
- },
205
- "success": {
206
- "default": {
207
- "value": "#2e9721"
208
- }
209
- },
210
- "warning": {
211
- "default": {
212
- "value": "#b17902"
213
- }
214
- },
215
- "error": {
216
- "default": {
217
- "value": "#ca2e21"
218
- }
219
- },
220
- "promo": {
221
- "bold": {
222
- "value": "#a58b4b"
223
- }
224
- },
225
- "brand": {
226
- "bold": {
227
- "value": "#024be3"
228
- },
229
- "default": {
230
- "value": "#1c65fd"
231
- },
232
- "suble": {
233
- "value": "#81a9fe"
234
- },
235
- "subtlest": {
236
- "value": "#d7e4ff"
237
- }
238
- },
239
- "inverse": {
240
- "subtle": {
241
- "value": "rgba(255, 255, 255, 0.1000)"
242
- }
243
- },
244
- "accent": {
245
- "default": {
246
- "value": "#fae0f5"
247
- }
248
- }
249
- },
250
- "icon": {
251
- "background": {
252
- "default": {
253
- "value": "#ffffff"
254
- }
255
- },
256
- "brand": {
257
- "default": {
258
- "value": "#1c65fd"
259
- }
260
- },
261
- "neutral": {
262
- "default": {
263
- "value": "#56647b"
264
- }
265
- },
266
- "inverse": {
267
- "default": {
268
- "value": "#ffffff"
269
- }
270
- },
271
- "disabled": {
272
- "default": {
273
- "value": "#e8eaed"
274
- }
275
- },
276
- "error": {
277
- "default": {
278
- "value": "#dc3628"
279
- }
280
- }
281
- }
282
- },
283
- "layout": {
284
- "spacing": {
285
- "xxs": {
286
- "value": "4px"
287
- },
288
- "xs": {
289
- "value": "8px"
290
- },
291
- "sm": {
292
- "value": "12px"
293
- },
294
- "md": {
295
- "value": "16px"
296
- },
297
- "lg": {
298
- "value": "24px"
299
- },
300
- "xl": {
301
- "value": "32px"
302
- },
303
- "2xl": {
304
- "value": "40px"
305
- },
306
- "3xl": {
307
- "value": "48px"
308
- },
309
- "4xl": {
310
- "value": "56px"
311
- },
312
- "5xl": {
313
- "value": "64px"
314
- }
315
- },
316
- "border-radius": {
317
- "xxs": {
318
- "value": "4px"
319
- },
320
- "xs": {
321
- "value": "8px"
322
- },
323
- "sm": {
324
- "value": "12px"
325
- },
326
- "md": {
327
- "value": "16px"
328
- },
329
- "lg": {
330
- "value": "24px"
331
- },
332
- "xl": {
333
- "value": "32px"
334
- },
335
- "full": {
336
- "value": "9999px"
337
- }
338
- },
339
- "container": {
340
- "xl": {
341
- "value": "1200px"
342
- }
343
- },
344
- "breakpoint": {
345
- "xs": {
346
- "value": "375px"
347
- },
348
- "sm": {
349
- "value": "576px"
350
- },
351
- "md": {
352
- "value": "768px"
353
- },
354
- "lg": {
355
- "value": "992px"
356
- },
357
- "xl": {
358
- "value": "1280px"
359
- },
360
- "2xl": {
361
- "value": "1920px"
362
- }
363
- }
364
- }
365
- },
366
- "dark": {
367
- "color": {
368
- "fg": {
369
- "neutral": {
370
- "default": {
371
- "value": "#ffffff"
372
- },
373
- "subtle": {
374
- "value": "#a8b2c2"
375
- },
376
- "subtlest": {
377
- "value": "#6c7d98"
378
- },
379
- "white": {
380
- "value": "#ffffff"
381
- }
382
- },
383
- "disabled": {
384
- "default": {
385
- "value": "#6c7d98"
386
- }
387
- },
388
- "inverse": {
389
- "default": {
390
- "value": "#171b21"
391
- }
392
- },
393
- "link": {
394
- "default": {
395
- "value": "#4e86fe"
396
- },
397
- "hover": {
398
- "value": "#81a9fe"
399
- },
400
- "pressed": {
401
- "value": "#b3ccfe"
402
- }
403
- },
404
- "success": {
405
- "default": {
406
- "value": "#99e5b3"
407
- }
408
- },
409
- "warning": {
410
- "default": {
411
- "value": "#fae9a3"
412
- }
413
- },
414
- "error": {
415
- "default": {
416
- "value": "#f5aea8"
417
- }
418
- },
419
- "info": {
420
- "default": {
421
- "value": "#4e86fe"
422
- }
423
- },
424
- "promo": {
425
- "default": {
426
- "value": "#a58b4b"
427
- }
428
- },
429
- "brand": {
430
- "default": {
431
- "value": "#1c65fd"
432
- },
433
- "bold": {
434
- "value": "#4e86fe"
435
- }
436
- },
437
- "accent": {
438
- "default": {
439
- "value": "#de31b9"
440
- },
441
- "bold": {
442
- "value": "#e55cc8"
443
- }
444
- }
445
- },
446
- "bg": {
447
- "neutral": {
448
- "default": {
449
- "value": "#56647b"
450
- },
451
- "subtle": {
452
- "value": "#414c5d"
453
- },
454
- "subtlest": {
455
- "value": "#171b21"
456
- },
457
- "white": {
458
- "value": "#ffffff"
459
- }
460
- },
461
- "disabled": {
462
- "default": {
463
- "value": "#414c5d"
464
- }
465
- },
466
- "promo": {
467
- "default": {
468
- "value": "#62532d"
469
- },
470
- "bold": {
471
- "value": "#a58b4b"
472
- }
473
- },
474
- "error": {
475
- "bold": {
476
- "value": "#f5aea8"
477
- },
478
- "default": {
479
- "value": "#a0271c"
480
- }
481
- },
482
- "warning": {
483
- "default": {
484
- "value": "#fffcee"
485
- },
486
- "bold": {
487
- "value": "#b17902"
488
- }
489
- },
490
- "inverse": {
491
- "default": {
492
- "value": "#fafcff"
493
- }
494
- },
495
- "success": {
496
- "bold": {
497
- "value": "#99e5b3"
498
- },
499
- "default": {
500
- "value": "#1d5a16"
501
- }
502
- },
503
- "info": {
504
- "bold": {
505
- "value": "#4e86fe"
506
- },
507
- "default": {
508
- "value": "#01194c"
509
- }
510
- },
511
- "accent": {
512
- "default": {
513
- "value": "#651053"
514
- }
515
- },
516
- "brand": {
517
- "default": {
518
- "value": "#01194c",
519
- "hover": {
520
- "value": "#023ab1"
521
- },
522
- "pressed": {
523
- "value": "#023ab1"
524
- }
525
- },
526
- "bold": {
527
- "value": "#1c65fd",
528
- "hover": {
529
- "value": "#024be3"
530
- },
531
- "pressed": {
532
- "value": "#023ab1"
533
- }
534
- }
535
- }
536
- },
537
- "surface": {
538
- "overlay": {
539
- "value": "#171b21"
540
- },
541
- "risen": {
542
- "value": "#2c333f"
543
- },
544
- "default": {
545
- "value": "#171b21"
546
- },
547
- "sunken": {
548
- "value": "#56647b"
549
- }
550
- },
551
- "border": {
552
- "neutral": {
553
- "default": {
554
- "value": "#e8eaed"
555
- },
556
- "subtle": {
557
- "value": "#6c7d98"
558
- },
559
- "subtlest": {
560
- "value": "#56647b"
561
- }
562
- },
563
- "disabled": {
564
- "default": {
565
- "value": "#56647b"
566
- }
567
- },
568
- "success": {
569
- "default": {
570
- "value": "#2e9721"
571
- }
572
- },
573
- "warning": {
574
- "default": {
575
- "value": "#b17902"
576
- }
577
- },
578
- "error": {
579
- "default": {
580
- "value": "#dc3628"
581
- }
582
- },
583
- "promo": {
584
- "bold": {
585
- "value": "#a58b4b"
586
- }
587
- },
588
- "brand": {
589
- "bold": {
590
- "value": "#024be3"
591
- },
592
- "default": {
593
- "value": "#1c65fd"
594
- },
595
- "suble": {
596
- "value": "#1c65fd"
597
- },
598
- "subtlest": {
599
- "value": "#023ab1"
600
- }
601
- },
602
- "inverse": {
603
- "subtle": {
604
- "value": "rgba(255, 255, 255, 0.1000)"
605
- }
606
- },
607
- "accent": {
608
- "default": {
609
- "value": "#911777"
610
- }
611
- }
612
- },
613
- "icon": {
614
- "background": {
615
- "default": {
616
- "value": "#ffffff"
617
- }
618
- },
619
- "brand": {
620
- "default": {
621
- "value": "#ffffff"
622
- }
623
- },
624
- "neutral": {
625
- "default": {
626
- "value": "#e8eaed"
627
- }
628
- },
629
- "inverse": {
630
- "default": {
631
- "value": "#000000"
632
- }
633
- },
634
- "disabled": {
635
- "default": {
636
- "value": "#ffffff"
637
- }
638
- },
639
- "error": {
640
- "default": {
641
- "value": "#dc3628"
642
- }
643
- }
644
- }
645
- },
646
- "layout": {
647
- "spacing": {
648
- "xxs": {
649
- "value": "4px"
650
- },
651
- "xs": {
652
- "value": "8px"
653
- },
654
- "sm": {
655
- "value": "12px"
656
- },
657
- "md": {
658
- "value": "16px"
659
- },
660
- "lg": {
661
- "value": "24px"
662
- },
663
- "xl": {
664
- "value": "32px"
665
- },
666
- "2xl": {
667
- "value": "40px"
668
- },
669
- "3xl": {
670
- "value": "48px"
671
- },
672
- "4xl": {
673
- "value": "56px"
674
- },
675
- "5xl": {
676
- "value": "64px"
677
- }
678
- },
679
- "border-radius": {
680
- "xxs": {
681
- "value": "4px"
682
- },
683
- "xs": {
684
- "value": "8px"
685
- },
686
- "sm": {
687
- "value": "12px"
688
- },
689
- "md": {
690
- "value": "16px"
691
- },
692
- "lg": {
693
- "value": "24px"
694
- },
695
- "xl": {
696
- "value": "32px"
697
- },
698
- "full": {
699
- "value": "9999px"
700
- }
701
- },
702
- "container": {
703
- "xl": {
704
- "value": "1200px"
705
- }
706
- },
707
- "breakpoint": {
708
- "xs": {
709
- "value": "375px"
710
- },
711
- "sm": {
712
- "value": "576px"
713
- },
714
- "md": {
715
- "value": "768px"
716
- },
717
- "lg": {
718
- "value": "992px"
719
- },
720
- "xl": {
721
- "value": "1280px"
722
- },
723
- "2xl": {
724
- "value": "1920px"
725
- }
726
- }
727
- }
728
- }
729
- },
730
- "_primitives": {
731
- "colors": {
732
- "gold": {
733
- "100": {
734
- "value": "#fffcee"
735
- },
736
- "200": {
737
- "value": "#fbf9f4"
738
- },
739
- "500": {
740
- "value": "#a58b4b"
741
- },
742
- "600": {
743
- "value": "#85703d"
744
- },
745
- "700": {
746
- "value": "#776437"
747
- },
748
- "800": {
749
- "value": "#62532d"
750
- }
751
- },
752
- "pink": {
753
- "100": {
754
- "value": "#fef6fc"
755
- },
756
- "200": {
757
- "value": "#fae0f5"
758
- },
759
- "300": {
760
- "value": "#f3b4e6"
761
- },
762
- "400": {
763
- "value": "#ec88d7"
764
- },
765
- "500": {
766
- "value": "#e55cc8"
767
- },
768
- "600": {
769
- "value": "#de31b9"
770
- },
771
- "700": {
772
- "value": "#bd1e9b"
773
- },
774
- "800": {
775
- "value": "#911777"
776
- },
777
- "900": {
778
- "value": "#651053"
779
- },
780
- "1000": {
781
- "value": "#39092f"
782
- }
783
- },
784
- "grey": {
785
- "100": {
786
- "value": "#fafcff"
787
- },
788
- "200": {
789
- "value": "#f3f4f5"
790
- },
791
- "300": {
792
- "value": "#e8eaed"
793
- },
794
- "400": {
795
- "value": "#a8b2c2"
796
- },
797
- "500": {
798
- "value": "#8a97ad"
799
- },
800
- "600": {
801
- "value": "#6c7d98"
802
- },
803
- "700": {
804
- "value": "#56647b"
805
- },
806
- "800": {
807
- "value": "#414c5d"
808
- },
809
- "900": {
810
- "value": "#2c333f"
811
- },
812
- "1000": {
813
- "value": "#171b21"
814
- }
815
- },
816
- "black": {
817
- "value": "#000000"
818
- },
819
- "white": {
820
- "value": "#ffffff"
821
- },
822
- "transparent": {
823
- "value": "rgba(255, 255, 255, 0.0000)"
824
- },
825
- "yellow": {
826
- "100": {
827
- "value": "#fffcee"
828
- },
829
- "200": {
830
- "value": "#fff9db"
831
- },
832
- "300": {
833
- "value": "#fdf6d8"
834
- },
835
- "400": {
836
- "value": "#fae9a3"
837
- },
838
- "500": {
839
- "value": "#d7b45b"
840
- },
841
- "600": {
842
- "value": "#b17902"
843
- },
844
- "700": {
845
- "value": "#ab6802"
846
- },
847
- "800": {
848
- "value": "#885202"
849
- },
850
- "900": {
851
- "value": "#704300"
852
- },
853
- "1000": {
854
- "value": "#3d2500"
855
- }
856
- },
857
- "green": {
858
- "100": {
859
- "value": "#f7fffb"
860
- },
861
- "200": {
862
- "value": "#e9fff4"
863
- },
864
- "300": {
865
- "value": "#def7e6"
866
- },
867
- "400": {
868
- "value": "#99e5b3"
869
- },
870
- "500": {
871
- "value": "#6cd07b"
872
- },
873
- "600": {
874
- "value": "#2e9721"
875
- },
876
- "700": {
877
- "value": "#258a19"
878
- },
879
- "800": {
880
- "value": "#1c6c13"
881
- },
882
- "900": {
883
- "value": "#1d5a16"
884
- },
885
- "1000": {
886
- "value": "#10310c"
887
- }
888
- },
889
- "red": {
890
- "100": {
891
- "value": "#fff8f7"
892
- },
893
- "200": {
894
- "value": "#ffebe9"
895
- },
896
- "300": {
897
- "value": "#fbddda"
898
- },
899
- "400": {
900
- "value": "#f5aea8"
901
- },
902
- "500": {
903
- "value": "#eb827a"
904
- },
905
- "600": {
906
- "value": "#dc3628"
907
- },
908
- "700": {
909
- "value": "#ca2e21"
910
- },
911
- "800": {
912
- "value": "#b92518"
913
- },
914
- "900": {
915
- "value": "#a0271c"
916
- },
917
- "1000": {
918
- "value": "#57150f"
919
- }
920
- },
921
- "blue": {
922
- "100": {
923
- "value": "#f0f5ff"
924
- },
925
- "200": {
926
- "value": "#d7e4ff"
927
- },
928
- "300": {
929
- "value": "#b3ccfe"
930
- },
931
- "400": {
932
- "value": "#81a9fe"
933
- },
934
- "500": {
935
- "value": "#4e86fe"
936
- },
937
- "600": {
938
- "value": "#1c65fd"
939
- },
940
- "700": {
941
- "value": "#024be3"
942
- },
943
- "800": {
944
- "value": "#023ab1"
945
- },
946
- "900": {
947
- "value": "#012a7e"
948
- },
949
- "1000": {
950
- "value": "#01194c"
951
- }
952
- }
953
- },
954
- "name": {
955
- "value": "String value"
956
- }
957
- }
958
- }