@madgex/design-system 1.3.7 → 1.4.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.
@@ -93,7 +93,7 @@ pipeline {
93
93
  // Necessary to get emailer to send out on success
94
94
  currentBuild.result = currentBuild.currentResult
95
95
  }
96
- notifySlack(currentBuild.result, 'madgex-design-system', 'jenkins-slack-token')
96
+ notifySlack(currentBuild.result, 'design-system-builds', 'jenkins-slack-token')
97
97
  cleanWs deleteDirs: true
98
98
  }
99
99
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Jun 2019 08:13:25 GMT
3
+ * Generated on Fri, 14 Jun 2019 15:41:44 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -26,29 +26,11 @@
26
26
  --mds-size-font-xl: 26rem;
27
27
  --mds-size-font-xxl: 46rem;
28
28
  --mds-size-font-base: 16rem;
29
- --mds-size-space-none: 0rem;
30
- --mds-size-space-xxs: 4rem;
31
- --mds-size-space-xs: 8rem;
32
- --mds-size-space-sm: 12rem;
33
- --mds-size-space-md: 16rem;
34
- --mds-size-space-lg: 24rem;
35
- --mds-size-space-xl: 32rem;
36
- --mds-size-space-xxl: 48rem;
37
- --mds-size-space-xxxl: 64rem;
38
- --mds-size-space-default: 16rem;
39
- --mds-size-space-inset-none: 0rem;
40
- --mds-size-space-inset-xxs: 4rem;
41
- --mds-size-space-inset-xs: 8rem;
42
- --mds-size-space-inset-sm: 12rem;
43
- --mds-size-space-inset-md: 16rem;
44
- --mds-size-space-inset-lg: 24rem;
45
- --mds-size-space-inset-xl: 32rem;
46
- --mds-size-space-inset-xxl: 48rem;
47
- --mds-size-space-inset-xxxl: 64rem;
48
- --mds-size-space-inset-default: 16rem;
49
- --mds-size-breakpoint-sm: 0rem;
50
- --mds-size-breakpoint-md: 768rem;
51
- --mds-size-breakpoint-lg: 1024rem;
29
+ --mds-size-baseline: 4rem;
30
+ --mds-size-breakpoint-xs: 400rem;
31
+ --mds-size-breakpoint-sm: 600rem;
32
+ --mds-size-breakpoint-md: 1008rem;
33
+ --mds-size-breakpoint-lg: 1280rem;
52
34
  --mds-size-border-width: 1rem;
53
35
  --mds-size-border-radius: 3rem;
54
36
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Jun 2019 08:13:25 GMT
3
+ * Generated on Fri, 14 Jun 2019 15:41:44 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -377,375 +377,43 @@ module.exports = {
377
377
  ]
378
378
  }
379
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
- ]
380
+ "baseline": {
381
+ "value": "4rem",
382
+ "original": {
383
+ "value": "4px"
397
384
  },
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
- ]
385
+ "name": "MdsSizeBaseline",
386
+ "attributes": {
387
+ "category": "size",
388
+ "type": "baseline"
414
389
  },
390
+ "path": [
391
+ "size",
392
+ "baseline"
393
+ ]
394
+ },
395
+ "breakpoint": {
415
396
  "xs": {
416
- "value": "8rem",
397
+ "value": "400rem",
417
398
  "original": {
418
- "value": "8px"
399
+ "value": "400px"
419
400
  },
420
- "name": "MdsSizeSpaceXs",
401
+ "name": "MdsSizeBreakpointXs",
421
402
  "attributes": {
422
403
  "category": "size",
423
- "type": "space",
404
+ "type": "breakpoint",
424
405
  "item": "xs"
425
406
  },
426
407
  "path": [
427
408
  "size",
428
- "space",
409
+ "breakpoint",
429
410
  "xs"
430
411
  ]
431
412
  },
432
413
  "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",
414
+ "value": "600rem",
747
415
  "original": {
748
- "value": "0px"
416
+ "value": "600px"
749
417
  },
750
418
  "name": "MdsSizeBreakpointSm",
751
419
  "attributes": {
@@ -760,9 +428,9 @@ module.exports = {
760
428
  ]
761
429
  },
762
430
  "md": {
763
- "value": "768rem",
431
+ "value": "1008rem",
764
432
  "original": {
765
- "value": "768px"
433
+ "value": "1008px"
766
434
  },
767
435
  "name": "MdsSizeBreakpointMd",
768
436
  "attributes": {
@@ -777,9 +445,9 @@ module.exports = {
777
445
  ]
778
446
  },
779
447
  "lg": {
780
- "value": "1024rem",
448
+ "value": "1280rem",
781
449
  "original": {
782
- "value": "1024px"
450
+ "value": "1280px"
783
451
  },
784
452
  "name": "MdsSizeBreakpointLg",
785
453
  "attributes": {
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Wed, 12 Jun 2019 08:13:25 GMT
4
+ Generated on Fri, 14 Jun 2019 15:41:44 GMT
5
5
  */
6
6
 
7
7
  $mds-color-base: #71767a !default; // Base colour
@@ -26,29 +26,11 @@ $mds-size-font-lg: 20px !default;
26
26
  $mds-size-font-xl: 26px !default;
27
27
  $mds-size-font-xxl: 46px !default;
28
28
  $mds-size-font-base: 16px !default;
29
- $mds-size-space-none: 0px !default;
30
- $mds-size-space-xxs: 4px !default;
31
- $mds-size-space-xs: 8px !default;
32
- $mds-size-space-sm: 12px !default;
33
- $mds-size-space-md: 16px !default;
34
- $mds-size-space-lg: 24px !default;
35
- $mds-size-space-xl: 32px !default;
36
- $mds-size-space-xxl: 48px !default;
37
- $mds-size-space-xxxl: 64px !default;
38
- $mds-size-space-default: 16px !default;
39
- $mds-size-space-inset-none: 0px !default;
40
- $mds-size-space-inset-xxs: 4px !default;
41
- $mds-size-space-inset-xs: 8px !default;
42
- $mds-size-space-inset-sm: 12px !default;
43
- $mds-size-space-inset-md: 16px !default;
44
- $mds-size-space-inset-lg: 24px !default;
45
- $mds-size-space-inset-xl: 32px !default;
46
- $mds-size-space-inset-xxl: 48px !default;
47
- $mds-size-space-inset-xxxl: 64px !default;
48
- $mds-size-space-inset-default: 16px !default;
49
- $mds-size-breakpoint-sm: 0px !default;
50
- $mds-size-breakpoint-md: 768px !default;
51
- $mds-size-breakpoint-lg: 1024px !default;
29
+ $mds-size-baseline: 4px !default;
30
+ $mds-size-breakpoint-xs: 400px !default;
31
+ $mds-size-breakpoint-sm: 600px !default;
32
+ $mds-size-breakpoint-md: 1008px !default;
33
+ $mds-size-breakpoint-lg: 1280px !default;
52
34
  $mds-size-border-width: 1px !default;
53
35
  $mds-size-border-radius: 3px !default;
54
36
 
@@ -88,31 +70,9 @@ $tokens: (
88
70
  'xxl': $mds-size-font-xxl,
89
71
  'base': $mds-size-font-base
90
72
  ),
91
- 'space': (
92
- 'none': $mds-size-space-none,
93
- 'xxs': $mds-size-space-xxs,
94
- 'xs': $mds-size-space-xs,
95
- 'sm': $mds-size-space-sm,
96
- 'md': $mds-size-space-md,
97
- 'lg': $mds-size-space-lg,
98
- 'xl': $mds-size-space-xl,
99
- 'xxl': $mds-size-space-xxl,
100
- 'xxxl': $mds-size-space-xxxl,
101
- 'default': $mds-size-space-default,
102
- 'inset': (
103
- 'none': $mds-size-space-inset-none,
104
- 'xxs': $mds-size-space-inset-xxs,
105
- 'xs': $mds-size-space-inset-xs,
106
- 'sm': $mds-size-space-inset-sm,
107
- 'md': $mds-size-space-inset-md,
108
- 'lg': $mds-size-space-inset-lg,
109
- 'xl': $mds-size-space-inset-xl,
110
- 'xxl': $mds-size-space-inset-xxl,
111
- 'xxxl': $mds-size-space-inset-xxxl,
112
- 'default': $mds-size-space-inset-default
113
- )
114
- ),
73
+ 'baseline': $mds-size-baseline,
115
74
  'breakpoint': (
75
+ 'xs': $mds-size-breakpoint-xs,
116
76
  'sm': $mds-size-breakpoint-sm,
117
77
  'md': $mds-size-breakpoint-md,
118
78
  'lg': $mds-size-breakpoint-lg