@telus-uds/theme-koodo 3.15.0 → 3.17.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.
- package/build/android/schema.json +661 -430
- package/build/android/theme.json +567 -112
- package/build/ios/schema.json +661 -430
- package/build/ios/theme.json +567 -112
- package/build/rn/schema.json +661 -430
- package/build/rn/theme.js +418 -79
- package/package.json +4 -4
- package/theme.json +590 -74
package/build/android/theme.json
CHANGED
|
@@ -470,8 +470,8 @@
|
|
|
470
470
|
},
|
|
471
471
|
"Button": {
|
|
472
472
|
"appearances": {
|
|
473
|
-
"
|
|
474
|
-
"description": "
|
|
473
|
+
"danger": {
|
|
474
|
+
"description": "Indicates a user action that is destructive and will result in loss of information or cause significant monetary charges. Limit the use of the danger button whenever possible.",
|
|
475
475
|
"type": "variant",
|
|
476
476
|
"values": [true]
|
|
477
477
|
},
|
|
@@ -480,39 +480,78 @@
|
|
|
480
480
|
"values": [true],
|
|
481
481
|
"type": "state"
|
|
482
482
|
},
|
|
483
|
+
"inverse": {
|
|
484
|
+
"description": "Use inverse buttons on darker backgrounds. High and low priority buttons, and danger buttons, are available in inverse.",
|
|
485
|
+
"type": "variant",
|
|
486
|
+
"values": [true]
|
|
487
|
+
},
|
|
483
488
|
"pressed": {
|
|
484
489
|
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
|
|
485
490
|
"values": [true],
|
|
486
491
|
"type": "state"
|
|
487
492
|
},
|
|
488
|
-
"
|
|
489
|
-
"description": "
|
|
493
|
+
"priority": {
|
|
494
|
+
"description": "Indicates the importance of the call-to-action. Limit the amount of high priority buttons on a page to prioritize meaningful user flows. Low priority styles are applied by default.",
|
|
490
495
|
"type": "variant",
|
|
491
|
-
"values": ["
|
|
496
|
+
"values": ["high", "low"]
|
|
492
497
|
},
|
|
493
|
-
"
|
|
494
|
-
"
|
|
498
|
+
"size": {
|
|
499
|
+
"type": "variant",
|
|
500
|
+
"values": ["small"]
|
|
501
|
+
},
|
|
502
|
+
"text": {
|
|
503
|
+
"description": "Text variant visually deprioritize the button styles",
|
|
495
504
|
"type": "variant",
|
|
496
505
|
"values": [true]
|
|
497
506
|
},
|
|
498
|
-
"
|
|
499
|
-
"description": "
|
|
500
|
-
"
|
|
501
|
-
"
|
|
507
|
+
"width": {
|
|
508
|
+
"description": "Available in default or full-width. Default-width expands based on content Full-width expands to width of the container.",
|
|
509
|
+
"type": "variant",
|
|
510
|
+
"values": ["full"]
|
|
502
511
|
}
|
|
503
512
|
},
|
|
504
513
|
"rules": [
|
|
505
514
|
{
|
|
506
515
|
"if": {
|
|
507
|
-
"
|
|
516
|
+
"priority": "high"
|
|
508
517
|
},
|
|
509
518
|
"tokens": {
|
|
510
|
-
"
|
|
519
|
+
"backgroundColor": {
|
|
520
|
+
"red": 0.00392,
|
|
521
|
+
"green": 0.41961,
|
|
522
|
+
"blue": 0.41569,
|
|
523
|
+
"alpha": 1
|
|
524
|
+
},
|
|
525
|
+
"color": {
|
|
526
|
+
"red": 1,
|
|
527
|
+
"green": 1,
|
|
528
|
+
"blue": 1,
|
|
529
|
+
"alpha": 1
|
|
530
|
+
}
|
|
511
531
|
}
|
|
512
532
|
},
|
|
513
533
|
{
|
|
514
534
|
"if": {
|
|
515
|
-
"
|
|
535
|
+
"danger": true
|
|
536
|
+
},
|
|
537
|
+
"tokens": {
|
|
538
|
+
"borderColor": {
|
|
539
|
+
"red": 0.87451,
|
|
540
|
+
"green": 0.23922,
|
|
541
|
+
"blue": 0.04706,
|
|
542
|
+
"alpha": 1
|
|
543
|
+
},
|
|
544
|
+
"color": {
|
|
545
|
+
"red": 0.87451,
|
|
546
|
+
"green": 0.23922,
|
|
547
|
+
"blue": 0.04706,
|
|
548
|
+
"alpha": 1
|
|
549
|
+
}
|
|
550
|
+
}
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"if": {
|
|
554
|
+
"inverse": true
|
|
516
555
|
},
|
|
517
556
|
"tokens": {
|
|
518
557
|
"backgroundColor": {
|
|
@@ -522,17 +561,22 @@
|
|
|
522
561
|
"alpha": 0
|
|
523
562
|
},
|
|
524
563
|
"borderColor": {
|
|
525
|
-
"red":
|
|
526
|
-
"green":
|
|
527
|
-
"blue":
|
|
564
|
+
"red": 1,
|
|
565
|
+
"green": 1,
|
|
566
|
+
"blue": 1,
|
|
528
567
|
"alpha": 1
|
|
529
568
|
},
|
|
530
|
-
"borderWidth": 2,
|
|
531
569
|
"color": {
|
|
532
|
-
"red":
|
|
533
|
-
"green":
|
|
534
|
-
"blue":
|
|
570
|
+
"red": 1,
|
|
571
|
+
"green": 1,
|
|
572
|
+
"blue": 1,
|
|
535
573
|
"alpha": 1
|
|
574
|
+
},
|
|
575
|
+
"outerBackgroundColor": {
|
|
576
|
+
"red": 0,
|
|
577
|
+
"green": 0,
|
|
578
|
+
"blue": 0,
|
|
579
|
+
"alpha": 0
|
|
536
580
|
}
|
|
537
581
|
}
|
|
538
582
|
},
|
|
@@ -542,147 +586,316 @@
|
|
|
542
586
|
},
|
|
543
587
|
"tokens": {
|
|
544
588
|
"backgroundColor": {
|
|
545
|
-
"red": 0.
|
|
546
|
-
"green": 0.
|
|
547
|
-
"blue": 0.
|
|
589
|
+
"red": 0.34902,
|
|
590
|
+
"green": 0.34902,
|
|
591
|
+
"blue": 0.34902,
|
|
548
592
|
"alpha": 1
|
|
549
593
|
},
|
|
550
|
-
"
|
|
594
|
+
"color": {
|
|
595
|
+
"red": 0.78824,
|
|
596
|
+
"green": 0.78431,
|
|
597
|
+
"blue": 0.78431,
|
|
598
|
+
"alpha": 1
|
|
599
|
+
}
|
|
600
|
+
}
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"if": {
|
|
604
|
+
"inverse": true,
|
|
605
|
+
"priority": "high"
|
|
606
|
+
},
|
|
607
|
+
"tokens": {
|
|
608
|
+
"backgroundColor": {
|
|
609
|
+
"red": 1,
|
|
610
|
+
"green": 1,
|
|
611
|
+
"blue": 1,
|
|
612
|
+
"alpha": 1
|
|
613
|
+
},
|
|
614
|
+
"borderWidth": 0,
|
|
615
|
+
"color": {
|
|
551
616
|
"red": 0.00392,
|
|
552
617
|
"green": 0.41961,
|
|
553
618
|
"blue": 0.41569,
|
|
554
619
|
"alpha": 1
|
|
620
|
+
}
|
|
621
|
+
}
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"if": {
|
|
625
|
+
"pressed": true,
|
|
626
|
+
"priority": "high"
|
|
627
|
+
},
|
|
628
|
+
"tokens": {
|
|
629
|
+
"backgroundColor": {
|
|
630
|
+
"red": 0.34902,
|
|
631
|
+
"green": 0.34902,
|
|
632
|
+
"blue": 0.34902,
|
|
633
|
+
"alpha": 1
|
|
555
634
|
},
|
|
556
635
|
"color": {
|
|
557
|
-
"red":
|
|
558
|
-
"green":
|
|
559
|
-
"blue":
|
|
636
|
+
"red": 0.78824,
|
|
637
|
+
"green": 0.78431,
|
|
638
|
+
"blue": 0.78431,
|
|
560
639
|
"alpha": 1
|
|
561
640
|
}
|
|
562
641
|
}
|
|
563
642
|
},
|
|
564
643
|
{
|
|
565
644
|
"if": {
|
|
566
|
-
"
|
|
645
|
+
"inverse": true,
|
|
646
|
+
"pressed": true
|
|
567
647
|
},
|
|
568
648
|
"tokens": {
|
|
569
649
|
"backgroundColor": {
|
|
570
|
-
"red": 0,
|
|
571
|
-
"green": 0.
|
|
572
|
-
"blue": 0.
|
|
650
|
+
"red": 0.78824,
|
|
651
|
+
"green": 0.78431,
|
|
652
|
+
"blue": 0.78431,
|
|
573
653
|
"alpha": 1
|
|
574
654
|
},
|
|
575
|
-
"
|
|
576
|
-
"red": 0,
|
|
577
|
-
"green": 0.
|
|
578
|
-
"blue": 0.
|
|
655
|
+
"color": {
|
|
656
|
+
"red": 0.4,
|
|
657
|
+
"green": 0.4,
|
|
658
|
+
"blue": 0.4,
|
|
659
|
+
"alpha": 1
|
|
660
|
+
}
|
|
661
|
+
}
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"if": {
|
|
665
|
+
"danger": true,
|
|
666
|
+
"pressed": true,
|
|
667
|
+
"priority": "high"
|
|
668
|
+
},
|
|
669
|
+
"tokens": {
|
|
670
|
+
"backgroundColor": {
|
|
671
|
+
"red": 0.34902,
|
|
672
|
+
"green": 0.34902,
|
|
673
|
+
"blue": 0.34902,
|
|
579
674
|
"alpha": 1
|
|
580
675
|
},
|
|
581
676
|
"color": {
|
|
582
|
-
"red":
|
|
583
|
-
"green":
|
|
584
|
-
"blue":
|
|
677
|
+
"red": 0.78824,
|
|
678
|
+
"green": 0.78431,
|
|
679
|
+
"blue": 0.78431,
|
|
585
680
|
"alpha": 1
|
|
586
681
|
}
|
|
587
682
|
}
|
|
588
683
|
},
|
|
589
684
|
{
|
|
590
685
|
"if": {
|
|
591
|
-
"
|
|
592
|
-
|
|
686
|
+
"width": "full"
|
|
687
|
+
},
|
|
688
|
+
"tokens": {
|
|
689
|
+
"width": "100%"
|
|
690
|
+
}
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"if": {
|
|
694
|
+
"size": "small"
|
|
695
|
+
},
|
|
696
|
+
"tokens": {
|
|
697
|
+
"minWidth": 0,
|
|
698
|
+
"paddingBottom": 4,
|
|
699
|
+
"paddingLeft": 16,
|
|
700
|
+
"paddingRight": 16,
|
|
701
|
+
"paddingTop": 4
|
|
702
|
+
}
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
"description": "Buttons should not be disabled or set as inactive. Use inline (on blur) error messaging to provide feedback when the form is invalid. In exceptional instances where disabled buttons are needed, it must be clear to the user why the button is disabled and what they need to do to enable it.",
|
|
706
|
+
"if": {
|
|
707
|
+
"inactive": true
|
|
593
708
|
},
|
|
594
709
|
"tokens": {
|
|
595
710
|
"backgroundColor": {
|
|
596
|
-
"red":
|
|
597
|
-
"green":
|
|
598
|
-
"blue":
|
|
711
|
+
"red": 0.78824,
|
|
712
|
+
"green": 0.78431,
|
|
713
|
+
"blue": 0.78431,
|
|
599
714
|
"alpha": 1
|
|
600
715
|
},
|
|
601
716
|
"borderColor": {
|
|
602
|
-
"red": 0,
|
|
603
|
-
"green": 0.
|
|
604
|
-
"blue": 0.
|
|
717
|
+
"red": 0.78824,
|
|
718
|
+
"green": 0.78431,
|
|
719
|
+
"blue": 0.78431,
|
|
605
720
|
"alpha": 1
|
|
606
721
|
},
|
|
722
|
+
"borderWidth": 0,
|
|
607
723
|
"color": {
|
|
608
|
-
"red": 0,
|
|
609
|
-
"green": 0.
|
|
610
|
-
"blue": 0.
|
|
724
|
+
"red": 0.93725,
|
|
725
|
+
"green": 0.93725,
|
|
726
|
+
"blue": 0.93725,
|
|
611
727
|
"alpha": 1
|
|
612
728
|
}
|
|
613
729
|
}
|
|
614
730
|
},
|
|
615
731
|
{
|
|
616
732
|
"if": {
|
|
617
|
-
"
|
|
618
|
-
"rank": "secondary"
|
|
733
|
+
"text": true
|
|
619
734
|
},
|
|
620
735
|
"tokens": {
|
|
621
736
|
"backgroundColor": {
|
|
622
|
-
"red": 0
|
|
623
|
-
"green": 0
|
|
624
|
-
"blue":
|
|
625
|
-
"alpha":
|
|
737
|
+
"red": 0,
|
|
738
|
+
"green": 0,
|
|
739
|
+
"blue": 0,
|
|
740
|
+
"alpha": 0
|
|
626
741
|
},
|
|
627
742
|
"borderColor": {
|
|
628
|
-
"red": 0
|
|
629
|
-
"green": 0
|
|
630
|
-
"blue":
|
|
743
|
+
"red": 0,
|
|
744
|
+
"green": 0,
|
|
745
|
+
"blue": 0,
|
|
746
|
+
"alpha": 0
|
|
747
|
+
},
|
|
748
|
+
"borderWidth": 0,
|
|
749
|
+
"color": {
|
|
750
|
+
"red": 0.0902,
|
|
751
|
+
"green": 0.21176,
|
|
752
|
+
"blue": 0.4902,
|
|
631
753
|
"alpha": 1
|
|
632
754
|
},
|
|
755
|
+
"minWidth": 0,
|
|
756
|
+
"paddingLeft": 0,
|
|
757
|
+
"paddingRight": 0,
|
|
758
|
+
"textLine": "underline"
|
|
759
|
+
}
|
|
760
|
+
},
|
|
761
|
+
{
|
|
762
|
+
"if": {
|
|
763
|
+
"priority": "high",
|
|
764
|
+
"text": true
|
|
765
|
+
},
|
|
766
|
+
"tokens": {
|
|
633
767
|
"color": {
|
|
634
|
-
"red":
|
|
635
|
-
"green":
|
|
636
|
-
"blue":
|
|
768
|
+
"red": 0.00392,
|
|
769
|
+
"green": 0.41961,
|
|
770
|
+
"blue": 0.41569,
|
|
637
771
|
"alpha": 1
|
|
638
772
|
}
|
|
639
773
|
}
|
|
640
774
|
},
|
|
641
775
|
{
|
|
642
776
|
"if": {
|
|
643
|
-
"
|
|
777
|
+
"danger": true,
|
|
778
|
+
"text": true
|
|
644
779
|
},
|
|
645
780
|
"tokens": {
|
|
646
|
-
"
|
|
781
|
+
"color": {
|
|
782
|
+
"red": 0.87451,
|
|
783
|
+
"green": 0.23922,
|
|
784
|
+
"blue": 0.04706,
|
|
785
|
+
"alpha": 1
|
|
786
|
+
}
|
|
647
787
|
}
|
|
648
788
|
},
|
|
649
789
|
{
|
|
650
790
|
"if": {
|
|
651
|
-
"
|
|
791
|
+
"pressed": true,
|
|
792
|
+
"text": true
|
|
652
793
|
},
|
|
653
794
|
"tokens": {
|
|
654
|
-
"
|
|
795
|
+
"borderColor": {
|
|
796
|
+
"red": 0,
|
|
797
|
+
"green": 0,
|
|
798
|
+
"blue": 0,
|
|
799
|
+
"alpha": 0
|
|
800
|
+
},
|
|
801
|
+
"color": {
|
|
802
|
+
"red": 0.34902,
|
|
803
|
+
"green": 0.34902,
|
|
804
|
+
"blue": 0.34902,
|
|
805
|
+
"alpha": 1
|
|
806
|
+
},
|
|
807
|
+
"textLine": "none"
|
|
808
|
+
}
|
|
809
|
+
},
|
|
810
|
+
{
|
|
811
|
+
"if": {
|
|
812
|
+
"inactive": true,
|
|
813
|
+
"text": true
|
|
814
|
+
},
|
|
815
|
+
"tokens": {
|
|
816
|
+
"borderColor": {
|
|
817
|
+
"red": 0,
|
|
818
|
+
"green": 0,
|
|
819
|
+
"blue": 0,
|
|
820
|
+
"alpha": 0
|
|
821
|
+
},
|
|
822
|
+
"color": {
|
|
823
|
+
"red": 0.78824,
|
|
824
|
+
"green": 0.78431,
|
|
825
|
+
"blue": 0.78431,
|
|
826
|
+
"alpha": 1
|
|
827
|
+
},
|
|
655
828
|
"outerBorderColor": {
|
|
656
|
-
"red": 0
|
|
657
|
-
"green": 0
|
|
658
|
-
"blue": 0
|
|
829
|
+
"red": 0,
|
|
830
|
+
"green": 0,
|
|
831
|
+
"blue": 0,
|
|
832
|
+
"alpha": 0
|
|
833
|
+
},
|
|
834
|
+
"textLine": "none"
|
|
835
|
+
}
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"if": {
|
|
839
|
+
"inverse": true,
|
|
840
|
+
"text": true
|
|
841
|
+
},
|
|
842
|
+
"tokens": {
|
|
843
|
+
"backgroundColor": {
|
|
844
|
+
"red": 0,
|
|
845
|
+
"green": 0,
|
|
846
|
+
"blue": 0,
|
|
847
|
+
"alpha": 0
|
|
848
|
+
},
|
|
849
|
+
"color": {
|
|
850
|
+
"red": 1,
|
|
851
|
+
"green": 1,
|
|
852
|
+
"blue": 1,
|
|
659
853
|
"alpha": 1
|
|
854
|
+
}
|
|
855
|
+
}
|
|
856
|
+
},
|
|
857
|
+
{
|
|
858
|
+
"if": {
|
|
859
|
+
"inactive": true,
|
|
860
|
+
"inverse": true,
|
|
861
|
+
"text": true
|
|
862
|
+
},
|
|
863
|
+
"tokens": {
|
|
864
|
+
"borderColor": {
|
|
865
|
+
"red": 0,
|
|
866
|
+
"green": 0,
|
|
867
|
+
"blue": 0,
|
|
868
|
+
"alpha": 0
|
|
660
869
|
},
|
|
661
|
-
"
|
|
662
|
-
|
|
870
|
+
"color": {
|
|
871
|
+
"red": 0.78824,
|
|
872
|
+
"green": 0.78431,
|
|
873
|
+
"blue": 0.78431,
|
|
874
|
+
"alpha": 1
|
|
875
|
+
}
|
|
663
876
|
}
|
|
664
877
|
}
|
|
665
878
|
],
|
|
666
879
|
"tokens": {
|
|
667
880
|
"alignSelf": "flex-start",
|
|
668
881
|
"backgroundColor": {
|
|
669
|
-
"red": 0.00392,
|
|
670
|
-
"green": 0.41961,
|
|
671
|
-
"blue": 0.41569,
|
|
672
|
-
"alpha": 1
|
|
673
|
-
},
|
|
674
|
-
"borderColor": {
|
|
675
882
|
"red": 1,
|
|
676
883
|
"green": 1,
|
|
677
884
|
"blue": 1,
|
|
678
885
|
"alpha": 1
|
|
679
886
|
},
|
|
887
|
+
"borderColor": {
|
|
888
|
+
"red": 0.00392,
|
|
889
|
+
"green": 0.41961,
|
|
890
|
+
"blue": 0.41569,
|
|
891
|
+
"alpha": 1
|
|
892
|
+
},
|
|
680
893
|
"borderRadius": 4,
|
|
681
|
-
"borderWidth":
|
|
894
|
+
"borderWidth": 1,
|
|
682
895
|
"color": {
|
|
683
|
-
"red":
|
|
684
|
-
"green":
|
|
685
|
-
"blue":
|
|
896
|
+
"red": 0.00392,
|
|
897
|
+
"green": 0.41961,
|
|
898
|
+
"blue": 0.41569,
|
|
686
899
|
"alpha": 1
|
|
687
900
|
},
|
|
688
901
|
"fontName": "StagSans",
|
|
@@ -692,26 +905,26 @@
|
|
|
692
905
|
"iconSize": 24,
|
|
693
906
|
"iconSpace": 2,
|
|
694
907
|
"lineHeight": 1.5,
|
|
695
|
-
"minWidth":
|
|
908
|
+
"minWidth": 144,
|
|
696
909
|
"opacity": 1,
|
|
697
910
|
"outerBackgroundColor": {
|
|
698
|
-
"red": 0,
|
|
699
|
-
"green": 0,
|
|
700
|
-
"blue": 0,
|
|
701
|
-
"alpha": 0
|
|
702
|
-
},
|
|
703
|
-
"outerBorderColor": {
|
|
704
911
|
"red": 1,
|
|
705
912
|
"green": 1,
|
|
706
913
|
"blue": 1,
|
|
707
914
|
"alpha": 1
|
|
708
915
|
},
|
|
709
|
-
"
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
916
|
+
"outerBorderColor": {
|
|
917
|
+
"red": 0,
|
|
918
|
+
"green": 0,
|
|
919
|
+
"blue": 0,
|
|
920
|
+
"alpha": 0
|
|
921
|
+
},
|
|
922
|
+
"outerBorderGap": null,
|
|
923
|
+
"outerBorderWidth": 1,
|
|
924
|
+
"paddingBottom": 12,
|
|
925
|
+
"paddingLeft": 32,
|
|
926
|
+
"paddingRight": 32,
|
|
927
|
+
"paddingTop": 12,
|
|
715
928
|
"shadow": null,
|
|
716
929
|
"textAlign": "center",
|
|
717
930
|
"textLine": "none",
|
|
@@ -1645,13 +1858,28 @@
|
|
|
1645
1858
|
},
|
|
1646
1859
|
"tokens": {
|
|
1647
1860
|
"color": {
|
|
1648
|
-
"red": 0.
|
|
1649
|
-
"green": 0.
|
|
1650
|
-
"blue": 0.
|
|
1861
|
+
"red": 0.00392,
|
|
1862
|
+
"green": 0.41961,
|
|
1863
|
+
"blue": 0.41569,
|
|
1651
1864
|
"alpha": 1
|
|
1652
1865
|
}
|
|
1653
1866
|
}
|
|
1654
1867
|
},
|
|
1868
|
+
{
|
|
1869
|
+
"if": {
|
|
1870
|
+
"decorative": true,
|
|
1871
|
+
"weight": "thick"
|
|
1872
|
+
},
|
|
1873
|
+
"tokens": {
|
|
1874
|
+
"color": {
|
|
1875
|
+
"red": 0.00392,
|
|
1876
|
+
"green": 0.41961,
|
|
1877
|
+
"blue": 0.41569,
|
|
1878
|
+
"alpha": 1
|
|
1879
|
+
},
|
|
1880
|
+
"width": 2
|
|
1881
|
+
}
|
|
1882
|
+
},
|
|
1655
1883
|
{
|
|
1656
1884
|
"if": {
|
|
1657
1885
|
"inverse": true
|
|
@@ -1664,6 +1892,21 @@
|
|
|
1664
1892
|
"alpha": 1
|
|
1665
1893
|
}
|
|
1666
1894
|
}
|
|
1895
|
+
},
|
|
1896
|
+
{
|
|
1897
|
+
"if": {
|
|
1898
|
+
"inverse": true,
|
|
1899
|
+
"weight": "thick"
|
|
1900
|
+
},
|
|
1901
|
+
"tokens": {
|
|
1902
|
+
"color": {
|
|
1903
|
+
"red": 1,
|
|
1904
|
+
"green": 1,
|
|
1905
|
+
"blue": 1,
|
|
1906
|
+
"alpha": 1
|
|
1907
|
+
},
|
|
1908
|
+
"width": 2
|
|
1909
|
+
}
|
|
1667
1910
|
}
|
|
1668
1911
|
],
|
|
1669
1912
|
"tokens": {
|
|
@@ -2164,9 +2407,40 @@
|
|
|
2164
2407
|
},
|
|
2165
2408
|
"tokens": {
|
|
2166
2409
|
"backgroundColor": {
|
|
2167
|
-
"red": 0.
|
|
2168
|
-
"green": 0.
|
|
2169
|
-
"blue": 0.
|
|
2410
|
+
"red": 0.10588,
|
|
2411
|
+
"green": 0.27843,
|
|
2412
|
+
"blue": 0.27451,
|
|
2413
|
+
"alpha": 1
|
|
2414
|
+
},
|
|
2415
|
+
"borderColor": {
|
|
2416
|
+
"red": 0.10588,
|
|
2417
|
+
"green": 0.27843,
|
|
2418
|
+
"blue": 0.27451,
|
|
2419
|
+
"alpha": 1
|
|
2420
|
+
},
|
|
2421
|
+
"iconColor": {
|
|
2422
|
+
"red": 1,
|
|
2423
|
+
"green": 1,
|
|
2424
|
+
"blue": 1,
|
|
2425
|
+
"alpha": 1
|
|
2426
|
+
}
|
|
2427
|
+
}
|
|
2428
|
+
},
|
|
2429
|
+
{
|
|
2430
|
+
"if": {
|
|
2431
|
+
"pressed": true
|
|
2432
|
+
},
|
|
2433
|
+
"tokens": {
|
|
2434
|
+
"backgroundColor": {
|
|
2435
|
+
"red": 0.10588,
|
|
2436
|
+
"green": 0.27843,
|
|
2437
|
+
"blue": 0.27451,
|
|
2438
|
+
"alpha": 1
|
|
2439
|
+
},
|
|
2440
|
+
"borderColor": {
|
|
2441
|
+
"red": 0.10588,
|
|
2442
|
+
"green": 0.27843,
|
|
2443
|
+
"blue": 0.27451,
|
|
2170
2444
|
"alpha": 1
|
|
2171
2445
|
},
|
|
2172
2446
|
"iconColor": {
|
|
@@ -2226,7 +2500,7 @@
|
|
|
2226
2500
|
"alpha": 1
|
|
2227
2501
|
},
|
|
2228
2502
|
"borderRadius": 99999999999999,
|
|
2229
|
-
"borderWidth":
|
|
2503
|
+
"borderWidth": 3,
|
|
2230
2504
|
"iconColor": {
|
|
2231
2505
|
"red": 0.00392,
|
|
2232
2506
|
"green": 0.41961,
|
|
@@ -3435,6 +3709,12 @@
|
|
|
3435
3709
|
"itemBulletContainerWidth": 0,
|
|
3436
3710
|
"itemBulletHeight": 0,
|
|
3437
3711
|
"itemBulletWidth": 0,
|
|
3712
|
+
"itemFontColor": {
|
|
3713
|
+
"red": 0,
|
|
3714
|
+
"green": 0,
|
|
3715
|
+
"blue": 0,
|
|
3716
|
+
"alpha": 1
|
|
3717
|
+
},
|
|
3438
3718
|
"itemFontName": "StagSans",
|
|
3439
3719
|
"itemFontSize": 16,
|
|
3440
3720
|
"itemFontWeight": 600,
|
|
@@ -3470,7 +3750,131 @@
|
|
|
3470
3750
|
"type": "state"
|
|
3471
3751
|
}
|
|
3472
3752
|
},
|
|
3473
|
-
"rules": [
|
|
3753
|
+
"rules": [
|
|
3754
|
+
{
|
|
3755
|
+
"if": {
|
|
3756
|
+
"error": true
|
|
3757
|
+
},
|
|
3758
|
+
"tokens": {
|
|
3759
|
+
"inputBackgroundColor": {
|
|
3760
|
+
"red": 1,
|
|
3761
|
+
"green": 1,
|
|
3762
|
+
"blue": 1,
|
|
3763
|
+
"alpha": 1
|
|
3764
|
+
},
|
|
3765
|
+
"inputBorderColor": {
|
|
3766
|
+
"red": 1,
|
|
3767
|
+
"green": 1,
|
|
3768
|
+
"blue": 1,
|
|
3769
|
+
"alpha": 1
|
|
3770
|
+
},
|
|
3771
|
+
"inputOutlineColor": {
|
|
3772
|
+
"red": 0.00392,
|
|
3773
|
+
"green": 0.41961,
|
|
3774
|
+
"blue": 0.41569,
|
|
3775
|
+
"alpha": 1
|
|
3776
|
+
},
|
|
3777
|
+
"outerBorderColor": {
|
|
3778
|
+
"red": 0,
|
|
3779
|
+
"green": 0,
|
|
3780
|
+
"blue": 0,
|
|
3781
|
+
"alpha": 0
|
|
3782
|
+
},
|
|
3783
|
+
"outerBorderGap": 0,
|
|
3784
|
+
"outerBorderWidth": 0
|
|
3785
|
+
}
|
|
3786
|
+
},
|
|
3787
|
+
{
|
|
3788
|
+
"if": {
|
|
3789
|
+
"checked": true
|
|
3790
|
+
},
|
|
3791
|
+
"tokens": {
|
|
3792
|
+
"inputBackgroundColor": {
|
|
3793
|
+
"red": 0.00392,
|
|
3794
|
+
"green": 0.41961,
|
|
3795
|
+
"blue": 0.41569,
|
|
3796
|
+
"alpha": 1
|
|
3797
|
+
},
|
|
3798
|
+
"inputOutlineColor": {
|
|
3799
|
+
"red": 0.00392,
|
|
3800
|
+
"green": 0.41961,
|
|
3801
|
+
"blue": 0.41569,
|
|
3802
|
+
"alpha": 1
|
|
3803
|
+
}
|
|
3804
|
+
}
|
|
3805
|
+
},
|
|
3806
|
+
{
|
|
3807
|
+
"if": {
|
|
3808
|
+
"inactive": true
|
|
3809
|
+
},
|
|
3810
|
+
"tokens": {
|
|
3811
|
+
"inputBackgroundColor": {
|
|
3812
|
+
"red": 0.78824,
|
|
3813
|
+
"green": 0.78431,
|
|
3814
|
+
"blue": 0.78431,
|
|
3815
|
+
"alpha": 1
|
|
3816
|
+
},
|
|
3817
|
+
"inputBorderColor": {
|
|
3818
|
+
"red": 0.78824,
|
|
3819
|
+
"green": 0.78431,
|
|
3820
|
+
"blue": 0.78431,
|
|
3821
|
+
"alpha": 1
|
|
3822
|
+
},
|
|
3823
|
+
"inputOutlineColor": {
|
|
3824
|
+
"red": 0.78824,
|
|
3825
|
+
"green": 0.78431,
|
|
3826
|
+
"blue": 0.78431,
|
|
3827
|
+
"alpha": 1
|
|
3828
|
+
},
|
|
3829
|
+
"labelColor": {
|
|
3830
|
+
"red": 0.4,
|
|
3831
|
+
"green": 0.4,
|
|
3832
|
+
"blue": 0.4,
|
|
3833
|
+
"alpha": 1
|
|
3834
|
+
}
|
|
3835
|
+
}
|
|
3836
|
+
},
|
|
3837
|
+
{
|
|
3838
|
+
"if": {
|
|
3839
|
+
"checked": true,
|
|
3840
|
+
"inactive": true
|
|
3841
|
+
},
|
|
3842
|
+
"tokens": {
|
|
3843
|
+
"checkedBackgroundColor": {
|
|
3844
|
+
"red": 0.78824,
|
|
3845
|
+
"green": 0.78431,
|
|
3846
|
+
"blue": 0.78431,
|
|
3847
|
+
"alpha": 1
|
|
3848
|
+
},
|
|
3849
|
+
"inputBackgroundColor": {
|
|
3850
|
+
"red": 0.78824,
|
|
3851
|
+
"green": 0.78431,
|
|
3852
|
+
"blue": 0.78431,
|
|
3853
|
+
"alpha": 1
|
|
3854
|
+
},
|
|
3855
|
+
"inputBorderColor": {
|
|
3856
|
+
"red": 1,
|
|
3857
|
+
"green": 1,
|
|
3858
|
+
"blue": 1,
|
|
3859
|
+
"alpha": 1
|
|
3860
|
+
},
|
|
3861
|
+
"inputBorderWidth": 3,
|
|
3862
|
+
"inputOutlineColor": {
|
|
3863
|
+
"red": 0.78824,
|
|
3864
|
+
"green": 0.78431,
|
|
3865
|
+
"blue": 0.78431,
|
|
3866
|
+
"alpha": 1
|
|
3867
|
+
},
|
|
3868
|
+
"inputOutlineWidth": 1,
|
|
3869
|
+
"labelColor": {
|
|
3870
|
+
"red": 0.4,
|
|
3871
|
+
"green": 0.4,
|
|
3872
|
+
"blue": 0.4,
|
|
3873
|
+
"alpha": 1
|
|
3874
|
+
}
|
|
3875
|
+
}
|
|
3876
|
+
}
|
|
3877
|
+
],
|
|
3474
3878
|
"tokens": {
|
|
3475
3879
|
"checkedBackgroundColor": {
|
|
3476
3880
|
"red": 0.00392,
|
|
@@ -3478,7 +3882,7 @@
|
|
|
3478
3882
|
"blue": 0.41569,
|
|
3479
3883
|
"alpha": 1
|
|
3480
3884
|
},
|
|
3481
|
-
"checkedSize":
|
|
3885
|
+
"checkedSize": 16,
|
|
3482
3886
|
"containerBackgroundColor": {
|
|
3483
3887
|
"red": 0,
|
|
3484
3888
|
"green": 0,
|
|
@@ -3502,19 +3906,19 @@
|
|
|
3502
3906
|
"alpha": 1
|
|
3503
3907
|
},
|
|
3504
3908
|
"inputBorderColor": {
|
|
3505
|
-
"red":
|
|
3506
|
-
"green":
|
|
3507
|
-
"blue":
|
|
3909
|
+
"red": 1,
|
|
3910
|
+
"green": 1,
|
|
3911
|
+
"blue": 1,
|
|
3508
3912
|
"alpha": 1
|
|
3509
3913
|
},
|
|
3510
3914
|
"inputBorderWidth": 2,
|
|
3511
3915
|
"inputOutlineColor": {
|
|
3512
|
-
"red": 0,
|
|
3513
|
-
"green": 0,
|
|
3514
|
-
"blue": 0,
|
|
3515
|
-
"alpha":
|
|
3916
|
+
"red": 0.00392,
|
|
3917
|
+
"green": 0.41961,
|
|
3918
|
+
"blue": 0.41569,
|
|
3919
|
+
"alpha": 1
|
|
3516
3920
|
},
|
|
3517
|
-
"inputOutlineWidth":
|
|
3921
|
+
"inputOutlineWidth": 2,
|
|
3518
3922
|
"inputSize": 20,
|
|
3519
3923
|
"labelColor": {
|
|
3520
3924
|
"red": 0,
|
|
@@ -3782,6 +4186,57 @@
|
|
|
3782
4186
|
"space": 2
|
|
3783
4187
|
}
|
|
3784
4188
|
},
|
|
4189
|
+
"Ribbon": {
|
|
4190
|
+
"appearances": {
|
|
4191
|
+
"purpose": {
|
|
4192
|
+
"type": "variant",
|
|
4193
|
+
"values": ["offer", "default", "editorial"]
|
|
4194
|
+
}
|
|
4195
|
+
},
|
|
4196
|
+
"rules": [],
|
|
4197
|
+
"tokens": {
|
|
4198
|
+
"backgroundColor": {
|
|
4199
|
+
"red": 0,
|
|
4200
|
+
"green": 0,
|
|
4201
|
+
"blue": 0,
|
|
4202
|
+
"alpha": 1
|
|
4203
|
+
},
|
|
4204
|
+
"borderRadius": 4,
|
|
4205
|
+
"boxShadowColor": {
|
|
4206
|
+
"red": 0,
|
|
4207
|
+
"green": 0,
|
|
4208
|
+
"blue": 0,
|
|
4209
|
+
"alpha": 1
|
|
4210
|
+
},
|
|
4211
|
+
"boxShadowPaddingBottom": 2,
|
|
4212
|
+
"boxShadowPaddingLeft": 2,
|
|
4213
|
+
"boxShadowPaddingRight": 2,
|
|
4214
|
+
"boxShadowPaddingTop": 2,
|
|
4215
|
+
"curveAfterBackgroundColor": {
|
|
4216
|
+
"red": 0,
|
|
4217
|
+
"green": 0,
|
|
4218
|
+
"blue": 0,
|
|
4219
|
+
"alpha": 1
|
|
4220
|
+
},
|
|
4221
|
+
"curveAfterHeight": 4,
|
|
4222
|
+
"curveAfterRadius": 8,
|
|
4223
|
+
"curveAfterWidth": 8,
|
|
4224
|
+
"curveBackgroundColor": {
|
|
4225
|
+
"red": 0,
|
|
4226
|
+
"green": 0,
|
|
4227
|
+
"blue": 0,
|
|
4228
|
+
"alpha": 1
|
|
4229
|
+
},
|
|
4230
|
+
"curveHeight": 10,
|
|
4231
|
+
"curveMarginTop": 4,
|
|
4232
|
+
"curveWidth": 8,
|
|
4233
|
+
"gradient": null,
|
|
4234
|
+
"paddingBottom": 4,
|
|
4235
|
+
"paddingLeft": 8,
|
|
4236
|
+
"paddingRight": 8,
|
|
4237
|
+
"paddingTop": 4
|
|
4238
|
+
}
|
|
4239
|
+
},
|
|
3785
4240
|
"Search": {
|
|
3786
4241
|
"appearances": {
|
|
3787
4242
|
"focus": {
|
|
@@ -5888,7 +6343,7 @@
|
|
|
5888
6343
|
}
|
|
5889
6344
|
},
|
|
5890
6345
|
"metadata": {
|
|
5891
|
-
"themeTokensVersion": "2.
|
|
6346
|
+
"themeTokensVersion": "2.16.0",
|
|
5892
6347
|
"name": "theme-koodo"
|
|
5893
6348
|
}
|
|
5894
6349
|
}
|