@madgex/design-system 1.3.2 → 1.3.4

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 (35) hide show
  1. package/dist/_tokens/css/_tokens.css +54 -0
  2. package/dist/_tokens/js/_tokens-module.js +834 -0
  3. package/dist/_tokens/scss/_tokens.scss +125 -0
  4. package/dist/_tokens/sketch/_tokens.sketchpalette +7 -0
  5. package/dist/assets/icons.json +1 -0
  6. package/dist/assets/icons.svg +1 -0
  7. package/dist/js/common.js +1 -0
  8. package/package.json +17 -16
  9. package/src/components/Section-title/01-section-title.njk +7 -0
  10. package/src/components/Section-title/02-section-title-with-action.njk +10 -0
  11. package/src/components/Section-title/_macro.njk +3 -0
  12. package/src/components/Section-title/_template.njk +17 -0
  13. package/src/components/Section-title/section-title-with-action.config.js +11 -0
  14. package/src/components/Section-title/section-title.config.js +7 -0
  15. package/src/components/Section-title/section-title.scss +3 -0
  16. package/src/components/button/_template.njk +3 -3
  17. package/src/components/card/_macro.njk +3 -0
  18. package/src/components/card/_template.njk +5 -0
  19. package/src/components/card/card.config.js +18 -0
  20. package/src/components/card/card.njk +7 -0
  21. package/src/components/card/card.scss +4 -0
  22. package/src/scss/index.scss +2 -0
  23. package/src/scss/utilities/_mixins.scss +0 -7
  24. package/src/tokens/size.json +4 -1
  25. package/src/components/similar-jobs-item/_macro.njk +0 -3
  26. package/src/components/similar-jobs-item/_template.njk +0 -18
  27. package/src/components/similar-jobs-item/similar-jobs-item.config.js +0 -9
  28. package/src/components/similar-jobs-item/similar-jobs-item.njk +0 -8
  29. package/src/components/similar-jobs-item/similar-jobs-item.scss +0 -5
  30. package/src/patterns/similar-jobs/_macro.njk +0 -3
  31. package/src/patterns/similar-jobs/_template.njk +0 -19
  32. package/src/patterns/similar-jobs/similar-jobs.config.js +0 -30
  33. package/src/patterns/similar-jobs/similar-jobs.njk +0 -3
  34. package/src/patterns/similar-jobs/similar-jobs.scss +0 -0
  35. package/webpack.config.js +0 -117
@@ -0,0 +1,834 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 10 Jun 2019 11:11:26 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "color": {
8
+ "base": {
9
+ "value": "#71767a",
10
+ "comment": "Base colour",
11
+ "original": {
12
+ "value": "#71767a",
13
+ "comment": "Base colour"
14
+ },
15
+ "name": "MdsColorBase",
16
+ "attributes": {
17
+ "category": "color",
18
+ "type": "base"
19
+ },
20
+ "path": [
21
+ "color",
22
+ "base"
23
+ ]
24
+ },
25
+ "white": {
26
+ "value": "#ffffff",
27
+ "original": {
28
+ "value": "#FFFFFF"
29
+ },
30
+ "name": "MdsColorWhite",
31
+ "attributes": {
32
+ "category": "color",
33
+ "type": "white"
34
+ },
35
+ "path": [
36
+ "color",
37
+ "white"
38
+ ]
39
+ },
40
+ "black": {
41
+ "value": "#000000",
42
+ "original": {
43
+ "value": "#000000"
44
+ },
45
+ "name": "MdsColorBlack",
46
+ "attributes": {
47
+ "category": "color",
48
+ "type": "black"
49
+ },
50
+ "path": [
51
+ "color",
52
+ "black"
53
+ ]
54
+ },
55
+ "primary": {
56
+ "value": "#2c608a",
57
+ "original": {
58
+ "value": "#2c608a"
59
+ },
60
+ "name": "MdsColorPrimary",
61
+ "attributes": {
62
+ "category": "color",
63
+ "type": "primary"
64
+ },
65
+ "path": [
66
+ "color",
67
+ "primary"
68
+ ]
69
+ },
70
+ "secondary": {
71
+ "value": "#d83933",
72
+ "original": {
73
+ "value": "#d83933"
74
+ },
75
+ "name": "MdsColorSecondary",
76
+ "attributes": {
77
+ "category": "color",
78
+ "type": "secondary"
79
+ },
80
+ "path": [
81
+ "color",
82
+ "secondary"
83
+ ]
84
+ },
85
+ "destructive": {
86
+ "value": "#ff0000",
87
+ "original": {
88
+ "value": "red"
89
+ },
90
+ "name": "MdsColorDestructive",
91
+ "attributes": {
92
+ "category": "color",
93
+ "type": "destructive"
94
+ },
95
+ "path": [
96
+ "color",
97
+ "destructive"
98
+ ]
99
+ },
100
+ "text": {
101
+ "primary": {
102
+ "value": "#000000",
103
+ "original": {
104
+ "value": "{color.black.value}"
105
+ },
106
+ "name": "MdsColorTextPrimary",
107
+ "attributes": {
108
+ "category": "color",
109
+ "type": "text",
110
+ "item": "primary"
111
+ },
112
+ "path": [
113
+ "color",
114
+ "text",
115
+ "primary"
116
+ ]
117
+ }
118
+ },
119
+ "accent-warm": {
120
+ "value": "#fa9441",
121
+ "original": {
122
+ "value": "#fa9441"
123
+ },
124
+ "name": "MdsColorAccentWarm",
125
+ "attributes": {
126
+ "category": "color",
127
+ "type": "accent-warm"
128
+ },
129
+ "path": [
130
+ "color",
131
+ "accent-warm"
132
+ ]
133
+ },
134
+ "accent-cool": {
135
+ "value": "#00bde3",
136
+ "original": {
137
+ "value": "#00bde3"
138
+ },
139
+ "name": "MdsColorAccentCool",
140
+ "attributes": {
141
+ "category": "color",
142
+ "type": "accent-cool"
143
+ },
144
+ "path": [
145
+ "color",
146
+ "accent-cool"
147
+ ]
148
+ },
149
+ "neutral": {
150
+ "15": {
151
+ "value": "#262626",
152
+ "original": {
153
+ "value": "#262626"
154
+ },
155
+ "name": "MdsColorNeutral15",
156
+ "attributes": {
157
+ "category": "color",
158
+ "type": "neutral",
159
+ "item": "15"
160
+ },
161
+ "path": [
162
+ "color",
163
+ "neutral",
164
+ "15"
165
+ ]
166
+ },
167
+ "20": {
168
+ "value": "#323232",
169
+ "original": {
170
+ "value": "#323232"
171
+ },
172
+ "name": "MdsColorNeutral20",
173
+ "attributes": {
174
+ "category": "color",
175
+ "type": "neutral",
176
+ "item": "20"
177
+ },
178
+ "path": [
179
+ "color",
180
+ "neutral",
181
+ "20"
182
+ ]
183
+ },
184
+ "30": {
185
+ "value": "#4d4d4d",
186
+ "original": {
187
+ "value": "#4d4d4d"
188
+ },
189
+ "name": "MdsColorNeutral30",
190
+ "attributes": {
191
+ "category": "color",
192
+ "type": "neutral",
193
+ "item": "30"
194
+ },
195
+ "path": [
196
+ "color",
197
+ "neutral",
198
+ "30"
199
+ ]
200
+ },
201
+ "53": {
202
+ "value": "#888888",
203
+ "original": {
204
+ "value": "#888888"
205
+ },
206
+ "name": "MdsColorNeutral53",
207
+ "attributes": {
208
+ "category": "color",
209
+ "type": "neutral",
210
+ "item": "53"
211
+ },
212
+ "path": [
213
+ "color",
214
+ "neutral",
215
+ "53"
216
+ ]
217
+ },
218
+ "95": {
219
+ "value": "#f3f1f1",
220
+ "original": {
221
+ "value": "#f3f1f1"
222
+ },
223
+ "name": "MdsColorNeutral95",
224
+ "attributes": {
225
+ "category": "color",
226
+ "type": "neutral",
227
+ "item": "95"
228
+ },
229
+ "path": [
230
+ "color",
231
+ "neutral",
232
+ "95"
233
+ ]
234
+ }
235
+ }
236
+ },
237
+ "font": {
238
+ "family": {
239
+ "base": {
240
+ "value": "\"Helvetica\", Arial, sans-serif",
241
+ "original": {
242
+ "value": "\"Helvetica\", Arial, sans-serif"
243
+ },
244
+ "name": "MdsFontFamilyBase",
245
+ "attributes": {
246
+ "category": "font",
247
+ "type": "family",
248
+ "item": "base"
249
+ },
250
+ "path": [
251
+ "font",
252
+ "family",
253
+ "base"
254
+ ]
255
+ }
256
+ }
257
+ },
258
+ "size": {
259
+ "font": {
260
+ "xs": {
261
+ "value": "12rem",
262
+ "original": {
263
+ "value": "12"
264
+ },
265
+ "name": "MdsSizeFontXs",
266
+ "attributes": {
267
+ "category": "size",
268
+ "type": "font",
269
+ "item": "xs"
270
+ },
271
+ "path": [
272
+ "size",
273
+ "font",
274
+ "xs"
275
+ ]
276
+ },
277
+ "sm": {
278
+ "value": "14rem",
279
+ "original": {
280
+ "value": "14"
281
+ },
282
+ "name": "MdsSizeFontSm",
283
+ "attributes": {
284
+ "category": "size",
285
+ "type": "font",
286
+ "item": "sm"
287
+ },
288
+ "path": [
289
+ "size",
290
+ "font",
291
+ "sm"
292
+ ]
293
+ },
294
+ "md": {
295
+ "value": "16rem",
296
+ "original": {
297
+ "value": "16px"
298
+ },
299
+ "name": "MdsSizeFontMd",
300
+ "attributes": {
301
+ "category": "size",
302
+ "type": "font",
303
+ "item": "md"
304
+ },
305
+ "path": [
306
+ "size",
307
+ "font",
308
+ "md"
309
+ ]
310
+ },
311
+ "lg": {
312
+ "value": "20rem",
313
+ "original": {
314
+ "value": "20"
315
+ },
316
+ "name": "MdsSizeFontLg",
317
+ "attributes": {
318
+ "category": "size",
319
+ "type": "font",
320
+ "item": "lg"
321
+ },
322
+ "path": [
323
+ "size",
324
+ "font",
325
+ "lg"
326
+ ]
327
+ },
328
+ "xl": {
329
+ "value": "26rem",
330
+ "original": {
331
+ "value": "26"
332
+ },
333
+ "name": "MdsSizeFontXl",
334
+ "attributes": {
335
+ "category": "size",
336
+ "type": "font",
337
+ "item": "xl"
338
+ },
339
+ "path": [
340
+ "size",
341
+ "font",
342
+ "xl"
343
+ ]
344
+ },
345
+ "xxl": {
346
+ "value": "46rem",
347
+ "original": {
348
+ "value": "46"
349
+ },
350
+ "name": "MdsSizeFontXxl",
351
+ "attributes": {
352
+ "category": "size",
353
+ "type": "font",
354
+ "item": "xxl"
355
+ },
356
+ "path": [
357
+ "size",
358
+ "font",
359
+ "xxl"
360
+ ]
361
+ },
362
+ "base": {
363
+ "value": "16rem",
364
+ "original": {
365
+ "value": "{size.font.md.value}"
366
+ },
367
+ "name": "MdsSizeFontBase",
368
+ "attributes": {
369
+ "category": "size",
370
+ "type": "font",
371
+ "item": "base"
372
+ },
373
+ "path": [
374
+ "size",
375
+ "font",
376
+ "base"
377
+ ]
378
+ }
379
+ },
380
+ "space": {
381
+ "none": {
382
+ "value": "0rem",
383
+ "original": {
384
+ "value": "0"
385
+ },
386
+ "name": "MdsSizeSpaceNone",
387
+ "attributes": {
388
+ "category": "size",
389
+ "type": "space",
390
+ "item": "none"
391
+ },
392
+ "path": [
393
+ "size",
394
+ "space",
395
+ "none"
396
+ ]
397
+ },
398
+ "xxs": {
399
+ "value": "4rem",
400
+ "original": {
401
+ "value": "4px"
402
+ },
403
+ "name": "MdsSizeSpaceXxs",
404
+ "attributes": {
405
+ "category": "size",
406
+ "type": "space",
407
+ "item": "xxs"
408
+ },
409
+ "path": [
410
+ "size",
411
+ "space",
412
+ "xxs"
413
+ ]
414
+ },
415
+ "xs": {
416
+ "value": "8rem",
417
+ "original": {
418
+ "value": "8px"
419
+ },
420
+ "name": "MdsSizeSpaceXs",
421
+ "attributes": {
422
+ "category": "size",
423
+ "type": "space",
424
+ "item": "xs"
425
+ },
426
+ "path": [
427
+ "size",
428
+ "space",
429
+ "xs"
430
+ ]
431
+ },
432
+ "sm": {
433
+ "value": "12rem",
434
+ "original": {
435
+ "value": "12px"
436
+ },
437
+ "name": "MdsSizeSpaceSm",
438
+ "attributes": {
439
+ "category": "size",
440
+ "type": "space",
441
+ "item": "sm"
442
+ },
443
+ "path": [
444
+ "size",
445
+ "space",
446
+ "sm"
447
+ ]
448
+ },
449
+ "md": {
450
+ "value": "16rem",
451
+ "original": {
452
+ "value": "16px"
453
+ },
454
+ "name": "MdsSizeSpaceMd",
455
+ "attributes": {
456
+ "category": "size",
457
+ "type": "space",
458
+ "item": "md"
459
+ },
460
+ "path": [
461
+ "size",
462
+ "space",
463
+ "md"
464
+ ]
465
+ },
466
+ "lg": {
467
+ "value": "24rem",
468
+ "original": {
469
+ "value": "24px"
470
+ },
471
+ "name": "MdsSizeSpaceLg",
472
+ "attributes": {
473
+ "category": "size",
474
+ "type": "space",
475
+ "item": "lg"
476
+ },
477
+ "path": [
478
+ "size",
479
+ "space",
480
+ "lg"
481
+ ]
482
+ },
483
+ "xl": {
484
+ "value": "32rem",
485
+ "original": {
486
+ "value": "32px"
487
+ },
488
+ "name": "MdsSizeSpaceXl",
489
+ "attributes": {
490
+ "category": "size",
491
+ "type": "space",
492
+ "item": "xl"
493
+ },
494
+ "path": [
495
+ "size",
496
+ "space",
497
+ "xl"
498
+ ]
499
+ },
500
+ "xxl": {
501
+ "value": "48rem",
502
+ "original": {
503
+ "value": "48px"
504
+ },
505
+ "name": "MdsSizeSpaceXxl",
506
+ "attributes": {
507
+ "category": "size",
508
+ "type": "space",
509
+ "item": "xxl"
510
+ },
511
+ "path": [
512
+ "size",
513
+ "space",
514
+ "xxl"
515
+ ]
516
+ },
517
+ "xxxl": {
518
+ "value": "64rem",
519
+ "original": {
520
+ "value": "64px"
521
+ },
522
+ "name": "MdsSizeSpaceXxxl",
523
+ "attributes": {
524
+ "category": "size",
525
+ "type": "space",
526
+ "item": "xxxl"
527
+ },
528
+ "path": [
529
+ "size",
530
+ "space",
531
+ "xxxl"
532
+ ]
533
+ },
534
+ "default": {
535
+ "value": "16rem",
536
+ "original": {
537
+ "value": "{size.space.md.value}"
538
+ },
539
+ "name": "MdsSizeSpaceDefault",
540
+ "attributes": {
541
+ "category": "size",
542
+ "type": "space",
543
+ "item": "default"
544
+ },
545
+ "path": [
546
+ "size",
547
+ "space",
548
+ "default"
549
+ ]
550
+ },
551
+ "inset": {
552
+ "none": {
553
+ "value": "0rem",
554
+ "original": {
555
+ "value": "0"
556
+ },
557
+ "name": "MdsSizeSpaceInsetNone",
558
+ "attributes": {
559
+ "category": "size",
560
+ "type": "space",
561
+ "item": "inset",
562
+ "subitem": "none"
563
+ },
564
+ "path": [
565
+ "size",
566
+ "space",
567
+ "inset",
568
+ "none"
569
+ ]
570
+ },
571
+ "xxs": {
572
+ "value": "4rem",
573
+ "original": {
574
+ "value": "4px"
575
+ },
576
+ "name": "MdsSizeSpaceInsetXxs",
577
+ "attributes": {
578
+ "category": "size",
579
+ "type": "space",
580
+ "item": "inset",
581
+ "subitem": "xxs"
582
+ },
583
+ "path": [
584
+ "size",
585
+ "space",
586
+ "inset",
587
+ "xxs"
588
+ ]
589
+ },
590
+ "xs": {
591
+ "value": "8rem",
592
+ "original": {
593
+ "value": "8px"
594
+ },
595
+ "name": "MdsSizeSpaceInsetXs",
596
+ "attributes": {
597
+ "category": "size",
598
+ "type": "space",
599
+ "item": "inset",
600
+ "subitem": "xs"
601
+ },
602
+ "path": [
603
+ "size",
604
+ "space",
605
+ "inset",
606
+ "xs"
607
+ ]
608
+ },
609
+ "sm": {
610
+ "value": "12rem",
611
+ "original": {
612
+ "value": "12px"
613
+ },
614
+ "name": "MdsSizeSpaceInsetSm",
615
+ "attributes": {
616
+ "category": "size",
617
+ "type": "space",
618
+ "item": "inset",
619
+ "subitem": "sm"
620
+ },
621
+ "path": [
622
+ "size",
623
+ "space",
624
+ "inset",
625
+ "sm"
626
+ ]
627
+ },
628
+ "md": {
629
+ "value": "16rem",
630
+ "original": {
631
+ "value": "16px"
632
+ },
633
+ "name": "MdsSizeSpaceInsetMd",
634
+ "attributes": {
635
+ "category": "size",
636
+ "type": "space",
637
+ "item": "inset",
638
+ "subitem": "md"
639
+ },
640
+ "path": [
641
+ "size",
642
+ "space",
643
+ "inset",
644
+ "md"
645
+ ]
646
+ },
647
+ "lg": {
648
+ "value": "24rem",
649
+ "original": {
650
+ "value": "24px"
651
+ },
652
+ "name": "MdsSizeSpaceInsetLg",
653
+ "attributes": {
654
+ "category": "size",
655
+ "type": "space",
656
+ "item": "inset",
657
+ "subitem": "lg"
658
+ },
659
+ "path": [
660
+ "size",
661
+ "space",
662
+ "inset",
663
+ "lg"
664
+ ]
665
+ },
666
+ "xl": {
667
+ "value": "32rem",
668
+ "original": {
669
+ "value": "32px"
670
+ },
671
+ "name": "MdsSizeSpaceInsetXl",
672
+ "attributes": {
673
+ "category": "size",
674
+ "type": "space",
675
+ "item": "inset",
676
+ "subitem": "xl"
677
+ },
678
+ "path": [
679
+ "size",
680
+ "space",
681
+ "inset",
682
+ "xl"
683
+ ]
684
+ },
685
+ "xxl": {
686
+ "value": "48rem",
687
+ "original": {
688
+ "value": "48px"
689
+ },
690
+ "name": "MdsSizeSpaceInsetXxl",
691
+ "attributes": {
692
+ "category": "size",
693
+ "type": "space",
694
+ "item": "inset",
695
+ "subitem": "xxl"
696
+ },
697
+ "path": [
698
+ "size",
699
+ "space",
700
+ "inset",
701
+ "xxl"
702
+ ]
703
+ },
704
+ "xxxl": {
705
+ "value": "64rem",
706
+ "original": {
707
+ "value": "64px"
708
+ },
709
+ "name": "MdsSizeSpaceInsetXxxl",
710
+ "attributes": {
711
+ "category": "size",
712
+ "type": "space",
713
+ "item": "inset",
714
+ "subitem": "xxxl"
715
+ },
716
+ "path": [
717
+ "size",
718
+ "space",
719
+ "inset",
720
+ "xxxl"
721
+ ]
722
+ },
723
+ "default": {
724
+ "value": "16rem",
725
+ "original": {
726
+ "value": "{size.space.md.value}"
727
+ },
728
+ "name": "MdsSizeSpaceInsetDefault",
729
+ "attributes": {
730
+ "category": "size",
731
+ "type": "space",
732
+ "item": "inset",
733
+ "subitem": "default"
734
+ },
735
+ "path": [
736
+ "size",
737
+ "space",
738
+ "inset",
739
+ "default"
740
+ ]
741
+ }
742
+ }
743
+ },
744
+ "breakpoint": {
745
+ "sm": {
746
+ "value": "0rem",
747
+ "original": {
748
+ "value": "0px"
749
+ },
750
+ "name": "MdsSizeBreakpointSm",
751
+ "attributes": {
752
+ "category": "size",
753
+ "type": "breakpoint",
754
+ "item": "sm"
755
+ },
756
+ "path": [
757
+ "size",
758
+ "breakpoint",
759
+ "sm"
760
+ ]
761
+ },
762
+ "md": {
763
+ "value": "768rem",
764
+ "original": {
765
+ "value": "768px"
766
+ },
767
+ "name": "MdsSizeBreakpointMd",
768
+ "attributes": {
769
+ "category": "size",
770
+ "type": "breakpoint",
771
+ "item": "md"
772
+ },
773
+ "path": [
774
+ "size",
775
+ "breakpoint",
776
+ "md"
777
+ ]
778
+ },
779
+ "lg": {
780
+ "value": "1024rem",
781
+ "original": {
782
+ "value": "1024px"
783
+ },
784
+ "name": "MdsSizeBreakpointLg",
785
+ "attributes": {
786
+ "category": "size",
787
+ "type": "breakpoint",
788
+ "item": "lg"
789
+ },
790
+ "path": [
791
+ "size",
792
+ "breakpoint",
793
+ "lg"
794
+ ]
795
+ }
796
+ },
797
+ "border": {
798
+ "width": {
799
+ "value": "1rem",
800
+ "original": {
801
+ "value": "1px"
802
+ },
803
+ "name": "MdsSizeBorderWidth",
804
+ "attributes": {
805
+ "category": "size",
806
+ "type": "border",
807
+ "item": "width"
808
+ },
809
+ "path": [
810
+ "size",
811
+ "border",
812
+ "width"
813
+ ]
814
+ },
815
+ "radius": {
816
+ "value": "3rem",
817
+ "original": {
818
+ "value": "3px"
819
+ },
820
+ "name": "MdsSizeBorderRadius",
821
+ "attributes": {
822
+ "category": "size",
823
+ "type": "border",
824
+ "item": "radius"
825
+ },
826
+ "path": [
827
+ "size",
828
+ "border",
829
+ "radius"
830
+ ]
831
+ }
832
+ }
833
+ }
834
+ };