@telus-uds/theme-koodo 3.4.0 → 3.5.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/schema.json +163 -120
- package/build/theme.js +23 -6
- package/package.json +2 -2
- package/theme.json +27 -3
package/build/schema.json
CHANGED
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
"{appearances.PaginationSideButton.pressed}",
|
|
58
58
|
"{appearances.PaginationSideButton.selected}",
|
|
59
59
|
"{appearances.PaginationSideButton.direction}",
|
|
60
|
+
"{appearances.PaginationSideButton.compact}",
|
|
60
61
|
"{appearances.ProgressBar.inactive}",
|
|
61
62
|
"{appearances.QuickLinksList.hover}",
|
|
62
63
|
"{appearances.QuickLinksList.focus}",
|
|
@@ -185,8 +186,8 @@
|
|
|
185
186
|
},
|
|
186
187
|
{
|
|
187
188
|
"const": "{system.border.zero}",
|
|
188
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
189
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
189
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
190
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
190
191
|
}
|
|
191
192
|
],
|
|
192
193
|
"$id": "#border"
|
|
@@ -345,13 +346,13 @@
|
|
|
345
346
|
},
|
|
346
347
|
{
|
|
347
348
|
"const": "{system.color.transparent}",
|
|
348
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
349
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
349
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
350
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
350
351
|
},
|
|
351
352
|
{
|
|
352
353
|
"const": "{system.color.none}",
|
|
353
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
354
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
354
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
355
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
355
356
|
}
|
|
356
357
|
],
|
|
357
358
|
"$id": "#color"
|
|
@@ -370,8 +371,8 @@
|
|
|
370
371
|
},
|
|
371
372
|
{
|
|
372
373
|
"const": "{system.duration.zero}",
|
|
373
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
374
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
374
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
375
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
375
376
|
}
|
|
376
377
|
],
|
|
377
378
|
"$id": "#duration"
|
|
@@ -580,8 +581,8 @@
|
|
|
580
581
|
},
|
|
581
582
|
{
|
|
582
583
|
"const": "{system.icon.none}",
|
|
583
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
584
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
584
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
585
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
585
586
|
}
|
|
586
587
|
],
|
|
587
588
|
"$id": "#icon"
|
|
@@ -595,8 +596,8 @@
|
|
|
595
596
|
},
|
|
596
597
|
{
|
|
597
598
|
"const": "{system.letterSpacing.none}",
|
|
598
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
599
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
599
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
600
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
600
601
|
}
|
|
601
602
|
],
|
|
602
603
|
"$id": "#letterSpacing"
|
|
@@ -655,8 +656,8 @@
|
|
|
655
656
|
},
|
|
656
657
|
{
|
|
657
658
|
"const": "{system.opacity.opaque}",
|
|
658
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
659
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
659
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
660
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
660
661
|
}
|
|
661
662
|
],
|
|
662
663
|
"$id": "#opacity"
|
|
@@ -685,13 +686,13 @@
|
|
|
685
686
|
},
|
|
686
687
|
{
|
|
687
688
|
"const": "{system.radius.zero}",
|
|
688
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
689
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
689
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
690
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
690
691
|
},
|
|
691
692
|
{
|
|
692
693
|
"const": "{system.radius.round}",
|
|
693
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
694
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
694
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
695
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
695
696
|
}
|
|
696
697
|
],
|
|
697
698
|
"$id": "#radius"
|
|
@@ -705,8 +706,8 @@
|
|
|
705
706
|
},
|
|
706
707
|
{
|
|
707
708
|
"const": "{system.shadow.none}",
|
|
708
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
709
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
709
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
710
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
710
711
|
}
|
|
711
712
|
],
|
|
712
713
|
"$id": "#shadow"
|
|
@@ -820,48 +821,48 @@
|
|
|
820
821
|
},
|
|
821
822
|
{
|
|
822
823
|
"const": "{system.size.none}",
|
|
823
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
824
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
824
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
825
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
825
826
|
},
|
|
826
827
|
{
|
|
827
828
|
"const": "{system.size.full}",
|
|
828
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
829
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
829
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
830
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
830
831
|
},
|
|
831
832
|
{
|
|
832
833
|
"const": "{system.size.twoThirds}",
|
|
833
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
834
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
834
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
835
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
835
836
|
},
|
|
836
837
|
{
|
|
837
838
|
"const": "{system.size.zero}",
|
|
838
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
839
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
839
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
840
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
840
841
|
},
|
|
841
842
|
{
|
|
842
843
|
"const": "{system.size.viewportXs}",
|
|
843
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
844
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
844
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
845
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
845
846
|
},
|
|
846
847
|
{
|
|
847
848
|
"const": "{system.size.viewportSm}",
|
|
848
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
849
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
849
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
850
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
850
851
|
},
|
|
851
852
|
{
|
|
852
853
|
"const": "{system.size.viewportMd}",
|
|
853
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
854
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
854
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
855
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
855
856
|
},
|
|
856
857
|
{
|
|
857
858
|
"const": "{system.size.viewportLg}",
|
|
858
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
859
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
859
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
860
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
860
861
|
},
|
|
861
862
|
{
|
|
862
863
|
"const": "{system.size.viewportXl}",
|
|
863
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
864
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
864
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
865
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
865
866
|
}
|
|
866
867
|
],
|
|
867
868
|
"$id": "#size"
|
|
@@ -910,63 +911,63 @@
|
|
|
910
911
|
"anyOf": [
|
|
911
912
|
{
|
|
912
913
|
"const": "{system.integer.0}",
|
|
913
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
914
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
914
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
915
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
915
916
|
},
|
|
916
917
|
{
|
|
917
918
|
"const": "{system.integer.1}",
|
|
918
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
919
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
919
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
920
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
920
921
|
},
|
|
921
922
|
{
|
|
922
923
|
"const": "{system.integer.2}",
|
|
923
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
924
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
924
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
925
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
925
926
|
},
|
|
926
927
|
{
|
|
927
928
|
"const": "{system.integer.3}",
|
|
928
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
929
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
929
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
930
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
930
931
|
},
|
|
931
932
|
{
|
|
932
933
|
"const": "{system.integer.4}",
|
|
933
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
934
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
934
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
935
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
935
936
|
},
|
|
936
937
|
{
|
|
937
938
|
"const": "{system.integer.5}",
|
|
938
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
939
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
939
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
940
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
940
941
|
},
|
|
941
942
|
{
|
|
942
943
|
"const": "{system.integer.6}",
|
|
943
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
944
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
944
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
945
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
945
946
|
},
|
|
946
947
|
{
|
|
947
948
|
"const": "{system.integer.7}",
|
|
948
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
949
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
949
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
950
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
950
951
|
},
|
|
951
952
|
{
|
|
952
953
|
"const": "{system.integer.8}",
|
|
953
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
954
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
954
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
955
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
955
956
|
},
|
|
956
957
|
{
|
|
957
958
|
"const": "{system.integer.9}",
|
|
958
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
959
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
959
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
960
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
960
961
|
},
|
|
961
962
|
{
|
|
962
963
|
"const": "{system.integer.10}",
|
|
963
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
964
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
964
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
965
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
965
966
|
},
|
|
966
967
|
{
|
|
967
968
|
"const": "{system.integer.11}",
|
|
968
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
969
|
-
"markdownDescription": "@telus-uds/system-tokens/v0.
|
|
969
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11",
|
|
970
|
+
"markdownDescription": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs."
|
|
970
971
|
},
|
|
971
972
|
{
|
|
972
973
|
"type": "string",
|
|
@@ -979,13 +980,13 @@
|
|
|
979
980
|
"anyOf": [
|
|
980
981
|
{
|
|
981
982
|
"const": "{system.borderStyle.none}",
|
|
982
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
983
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
983
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
984
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
984
985
|
},
|
|
985
986
|
{
|
|
986
987
|
"const": "{system.borderStyle.solid}",
|
|
987
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
988
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
988
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
989
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
989
990
|
}
|
|
990
991
|
],
|
|
991
992
|
"$id": "#borderStyle"
|
|
@@ -994,13 +995,13 @@
|
|
|
994
995
|
"anyOf": [
|
|
995
996
|
{
|
|
996
997
|
"const": "{system.direction.column}",
|
|
997
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
998
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
998
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
999
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
999
1000
|
},
|
|
1000
1001
|
{
|
|
1001
1002
|
"const": "{system.direction.row}",
|
|
1002
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1003
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1003
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1004
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1004
1005
|
}
|
|
1005
1006
|
],
|
|
1006
1007
|
"$id": "#direction"
|
|
@@ -1009,18 +1010,18 @@
|
|
|
1009
1010
|
"anyOf": [
|
|
1010
1011
|
{
|
|
1011
1012
|
"const": "{system.flexAlign.center}",
|
|
1012
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1013
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1013
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1014
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1014
1015
|
},
|
|
1015
1016
|
{
|
|
1016
1017
|
"const": "{system.flexAlign.flexStart}",
|
|
1017
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1018
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1018
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1019
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1019
1020
|
},
|
|
1020
1021
|
{
|
|
1021
1022
|
"const": "{system.flexAlign.stretch}",
|
|
1022
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1023
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1023
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1024
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1024
1025
|
}
|
|
1025
1026
|
],
|
|
1026
1027
|
"$id": "#flexAlign"
|
|
@@ -1029,18 +1030,18 @@
|
|
|
1029
1030
|
"anyOf": [
|
|
1030
1031
|
{
|
|
1031
1032
|
"const": "{system.flexJustifyContent.center}",
|
|
1032
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1033
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1033
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1034
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1034
1035
|
},
|
|
1035
1036
|
{
|
|
1036
1037
|
"const": "{system.flexJustifyContent.flexStart}",
|
|
1037
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1038
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1038
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1039
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1039
1040
|
},
|
|
1040
1041
|
{
|
|
1041
1042
|
"const": "{system.flexJustifyContent.spaceBetween}",
|
|
1042
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1043
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1043
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1044
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1044
1045
|
}
|
|
1045
1046
|
],
|
|
1046
1047
|
"$id": "#flexJustifyContent"
|
|
@@ -1049,8 +1050,8 @@
|
|
|
1049
1050
|
"anyOf": [
|
|
1050
1051
|
{
|
|
1051
1052
|
"const": "{system.gradient.none}",
|
|
1052
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1053
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1053
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1054
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1054
1055
|
}
|
|
1055
1056
|
],
|
|
1056
1057
|
"$id": "#gradient"
|
|
@@ -1059,23 +1060,23 @@
|
|
|
1059
1060
|
"anyOf": [
|
|
1060
1061
|
{
|
|
1061
1062
|
"const": "{system.position.bottom}",
|
|
1062
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1063
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1063
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1064
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1064
1065
|
},
|
|
1065
1066
|
{
|
|
1066
1067
|
"const": "{system.position.left}",
|
|
1067
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1068
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1068
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1069
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1069
1070
|
},
|
|
1070
1071
|
{
|
|
1071
1072
|
"const": "{system.position.right}",
|
|
1072
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1073
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1073
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1074
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1074
1075
|
},
|
|
1075
1076
|
{
|
|
1076
1077
|
"const": "{system.position.top}",
|
|
1077
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1078
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1078
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1079
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1079
1080
|
}
|
|
1080
1081
|
],
|
|
1081
1082
|
"$id": "#position"
|
|
@@ -1084,18 +1085,18 @@
|
|
|
1084
1085
|
"anyOf": [
|
|
1085
1086
|
{
|
|
1086
1087
|
"const": "{system.iconScale.scale1}",
|
|
1087
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1088
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1088
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1089
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1089
1090
|
},
|
|
1090
1091
|
{
|
|
1091
1092
|
"const": "{system.iconScale.scale1_10}",
|
|
1092
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1093
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1093
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1094
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1094
1095
|
},
|
|
1095
1096
|
{
|
|
1096
1097
|
"const": "{system.iconScale.scale1_25}",
|
|
1097
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1098
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1098
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1099
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1099
1100
|
}
|
|
1100
1101
|
],
|
|
1101
1102
|
"$id": "#iconScale"
|
|
@@ -1104,13 +1105,13 @@
|
|
|
1104
1105
|
"anyOf": [
|
|
1105
1106
|
{
|
|
1106
1107
|
"const": "{system.show.true}",
|
|
1107
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1108
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1108
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1109
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1109
1110
|
},
|
|
1110
1111
|
{
|
|
1111
1112
|
"const": "{system.show.false}",
|
|
1112
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1113
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1113
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1114
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1114
1115
|
}
|
|
1115
1116
|
],
|
|
1116
1117
|
"$id": "#show"
|
|
@@ -1119,8 +1120,8 @@
|
|
|
1119
1120
|
"anyOf": [
|
|
1120
1121
|
{
|
|
1121
1122
|
"const": "{system.textAlign.center}",
|
|
1122
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1123
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1123
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1124
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1124
1125
|
}
|
|
1125
1126
|
],
|
|
1126
1127
|
"$id": "#textAlign"
|
|
@@ -1129,13 +1130,13 @@
|
|
|
1129
1130
|
"anyOf": [
|
|
1130
1131
|
{
|
|
1131
1132
|
"const": "{system.textLine.none}",
|
|
1132
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1133
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1133
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1134
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1134
1135
|
},
|
|
1135
1136
|
{
|
|
1136
1137
|
"const": "{system.textLine.underline}",
|
|
1137
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1138
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1138
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1139
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1139
1140
|
}
|
|
1140
1141
|
],
|
|
1141
1142
|
"$id": "#textLine"
|
|
@@ -1144,8 +1145,8 @@
|
|
|
1144
1145
|
"anyOf": [
|
|
1145
1146
|
{
|
|
1146
1147
|
"const": "{system.textLineStyle.solid}",
|
|
1147
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1148
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1148
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1149
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1149
1150
|
}
|
|
1150
1151
|
],
|
|
1151
1152
|
"$id": "#textLineStyle"
|
|
@@ -1154,13 +1155,13 @@
|
|
|
1154
1155
|
"anyOf": [
|
|
1155
1156
|
{
|
|
1156
1157
|
"const": "{system.textTransform.none}",
|
|
1157
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1158
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1158
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1159
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1159
1160
|
},
|
|
1160
1161
|
{
|
|
1161
1162
|
"const": "{system.textTransform.uppercase}",
|
|
1162
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1163
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1163
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1164
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1164
1165
|
}
|
|
1165
1166
|
],
|
|
1166
1167
|
"$id": "#textTransform"
|
|
@@ -1169,13 +1170,13 @@
|
|
|
1169
1170
|
"anyOf": [
|
|
1170
1171
|
{
|
|
1171
1172
|
"const": "{system.verticalAlign.top}",
|
|
1172
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1173
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1173
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1174
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1174
1175
|
},
|
|
1175
1176
|
{
|
|
1176
1177
|
"const": "{system.verticalAlign.middle}",
|
|
1177
|
-
"description": "@telus-uds/system-tokens/v0.
|
|
1178
|
-
"markdownDescription": "`@telus-uds/system-tokens/v0.
|
|
1178
|
+
"description": "@telus-uds/system-tokens/v0.5.0 system react-native tokens ⚙️",
|
|
1179
|
+
"markdownDescription": "`@telus-uds/system-tokens/v0.5.0` **system** tokens ⚙️"
|
|
1179
1180
|
}
|
|
1180
1181
|
],
|
|
1181
1182
|
"$id": "#verticalAlign"
|
|
@@ -1416,6 +1417,12 @@
|
|
|
1416
1417
|
},
|
|
1417
1418
|
"outerBackgroundColor": {
|
|
1418
1419
|
"$ref": "#color"
|
|
1420
|
+
},
|
|
1421
|
+
"textLine": {
|
|
1422
|
+
"$ref": "#textLine"
|
|
1423
|
+
},
|
|
1424
|
+
"textLineStyle": {
|
|
1425
|
+
"$ref": "#textLineStyle"
|
|
1419
1426
|
}
|
|
1420
1427
|
},
|
|
1421
1428
|
"required": [
|
|
@@ -1444,7 +1451,9 @@
|
|
|
1444
1451
|
"outerBorderColor",
|
|
1445
1452
|
"outerBorderWidth",
|
|
1446
1453
|
"outerBorderGap",
|
|
1447
|
-
"outerBackgroundColor"
|
|
1454
|
+
"outerBackgroundColor",
|
|
1455
|
+
"textLine",
|
|
1456
|
+
"textLineStyle"
|
|
1448
1457
|
]
|
|
1449
1458
|
},
|
|
1450
1459
|
"rules": {
|
|
@@ -1538,6 +1547,12 @@
|
|
|
1538
1547
|
},
|
|
1539
1548
|
"outerBackgroundColor": {
|
|
1540
1549
|
"$ref": "#color"
|
|
1550
|
+
},
|
|
1551
|
+
"textLine": {
|
|
1552
|
+
"$ref": "#textLine"
|
|
1553
|
+
},
|
|
1554
|
+
"textLineStyle": {
|
|
1555
|
+
"$ref": "#textLineStyle"
|
|
1541
1556
|
}
|
|
1542
1557
|
}
|
|
1543
1558
|
},
|
|
@@ -4991,6 +5006,9 @@
|
|
|
4991
5006
|
},
|
|
4992
5007
|
"textAlign": {
|
|
4993
5008
|
"$ref": "#flexJustifyContent"
|
|
5009
|
+
},
|
|
5010
|
+
"displayLabel": {
|
|
5011
|
+
"$ref": "#show"
|
|
4994
5012
|
}
|
|
4995
5013
|
},
|
|
4996
5014
|
"required": [
|
|
@@ -5013,7 +5031,8 @@
|
|
|
5013
5031
|
"iconSize",
|
|
5014
5032
|
"iconDisplace",
|
|
5015
5033
|
"width",
|
|
5016
|
-
"textAlign"
|
|
5034
|
+
"textAlign",
|
|
5035
|
+
"displayLabel"
|
|
5017
5036
|
]
|
|
5018
5037
|
},
|
|
5019
5038
|
"rules": {
|
|
@@ -5089,6 +5108,9 @@
|
|
|
5089
5108
|
},
|
|
5090
5109
|
"textAlign": {
|
|
5091
5110
|
"$ref": "#flexJustifyContent"
|
|
5111
|
+
},
|
|
5112
|
+
"displayLabel": {
|
|
5113
|
+
"$ref": "#show"
|
|
5092
5114
|
}
|
|
5093
5115
|
}
|
|
5094
5116
|
},
|
|
@@ -8985,6 +9007,15 @@
|
|
|
8985
9007
|
"borderRadius": {
|
|
8986
9008
|
"$ref": "#radius"
|
|
8987
9009
|
},
|
|
9010
|
+
"buttonSize": {
|
|
9011
|
+
"$ref": "#size"
|
|
9012
|
+
},
|
|
9013
|
+
"buttonsGap": {
|
|
9014
|
+
"$ref": "#size"
|
|
9015
|
+
},
|
|
9016
|
+
"buttonsPaddingRight": {
|
|
9017
|
+
"$ref": "#size"
|
|
9018
|
+
},
|
|
8988
9019
|
"paddingTop": {
|
|
8989
9020
|
"$ref": "#size"
|
|
8990
9021
|
},
|
|
@@ -9034,6 +9065,9 @@
|
|
|
9034
9065
|
"borderWidth",
|
|
9035
9066
|
"borderColor",
|
|
9036
9067
|
"borderRadius",
|
|
9068
|
+
"buttonSize",
|
|
9069
|
+
"buttonsGap",
|
|
9070
|
+
"buttonsPaddingRight",
|
|
9037
9071
|
"paddingTop",
|
|
9038
9072
|
"paddingBottom",
|
|
9039
9073
|
"paddingLeft",
|
|
@@ -9079,6 +9113,15 @@
|
|
|
9079
9113
|
"borderRadius": {
|
|
9080
9114
|
"$ref": "#radius"
|
|
9081
9115
|
},
|
|
9116
|
+
"buttonSize": {
|
|
9117
|
+
"$ref": "#size"
|
|
9118
|
+
},
|
|
9119
|
+
"buttonsGap": {
|
|
9120
|
+
"$ref": "#size"
|
|
9121
|
+
},
|
|
9122
|
+
"buttonsPaddingRight": {
|
|
9123
|
+
"$ref": "#size"
|
|
9124
|
+
},
|
|
9082
9125
|
"paddingTop": {
|
|
9083
9126
|
"$ref": "#size"
|
|
9084
9127
|
},
|
package/build/theme.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 14 Oct 2022 19:26:12 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
|
|
9
9
|
const PaletteIconChevronLeft = require('@telus-uds/palette-koodo/build/rn/icons/ChevronLeft')
|
|
10
10
|
const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
|
|
11
|
-
const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
|
|
12
11
|
const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
|
|
12
|
+
const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
|
|
13
13
|
const PaletteIconCheckCircledFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircledFilled')
|
|
14
14
|
const PaletteIconExclamationTriangle = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle')
|
|
15
15
|
const PaletteIconTimes = require('@telus-uds/palette-koodo/build/rn/icons/Times')
|
|
@@ -29,7 +29,7 @@ module.exports = {
|
|
|
29
29
|
appearances: {
|
|
30
30
|
background: {
|
|
31
31
|
description: 'Background colour of box. Transparent if not specified.',
|
|
32
|
-
values: [ 'light', 'lightest' ]
|
|
32
|
+
values: [ 'light', 'lightest', 'black' ]
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
rules: [
|
|
@@ -40,6 +40,10 @@ module.exports = {
|
|
|
40
40
|
{
|
|
41
41
|
if: { background: 'light' },
|
|
42
42
|
tokens: { backgroundColor: '#efefef' }
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
if: { background: 'black' },
|
|
46
|
+
tokens: { backgroundColor: '#000000' }
|
|
43
47
|
}
|
|
44
48
|
],
|
|
45
49
|
tokens: { backgroundColor: null }
|
|
@@ -203,6 +207,8 @@ module.exports = {
|
|
|
203
207
|
paddingTop: 8,
|
|
204
208
|
shadow: null,
|
|
205
209
|
textAlign: 'center',
|
|
210
|
+
textLine: 'none',
|
|
211
|
+
textLineStyle: 'solid',
|
|
206
212
|
width: null
|
|
207
213
|
}
|
|
208
214
|
},
|
|
@@ -566,14 +572,14 @@ module.exports = {
|
|
|
566
572
|
rules: [
|
|
567
573
|
{
|
|
568
574
|
if: { expanded: true },
|
|
569
|
-
tokens: { icon:
|
|
575
|
+
tokens: { icon: PaletteIconChevronUp }
|
|
570
576
|
}
|
|
571
577
|
],
|
|
572
578
|
tokens: {
|
|
573
579
|
backgroundColor: 'rgba(0, 0, 0, 0)',
|
|
574
580
|
borderColor: 'rgba(0, 0, 0, 0)',
|
|
575
581
|
borderWidth: 0,
|
|
576
|
-
icon:
|
|
582
|
+
icon: PaletteIconChevronDown,
|
|
577
583
|
iconColor: '#016b6a',
|
|
578
584
|
iconGap: 16,
|
|
579
585
|
iconPosition: 'left',
|
|
@@ -1131,6 +1137,11 @@ module.exports = {
|
|
|
1131
1137
|
},
|
|
1132
1138
|
PaginationSideButton: {
|
|
1133
1139
|
appearances: {
|
|
1140
|
+
compact: {
|
|
1141
|
+
description: 'Determines if the "Next" and "Previous" labels should be omitted',
|
|
1142
|
+
type: 'state',
|
|
1143
|
+
values: [ true ]
|
|
1144
|
+
},
|
|
1134
1145
|
direction: {
|
|
1135
1146
|
description: "Determines which way does the button navigate in Pagination's context",
|
|
1136
1147
|
type: 'state',
|
|
@@ -1163,10 +1174,12 @@ module.exports = {
|
|
|
1163
1174
|
}
|
|
1164
1175
|
},
|
|
1165
1176
|
rules: [
|
|
1177
|
+
{ if: { compact: true }, tokens: { displayLabel: false } },
|
|
1166
1178
|
{
|
|
1167
1179
|
if: { viewport: [ 'xs', 'sm' ] },
|
|
1168
1180
|
tokens: {
|
|
1169
1181
|
borderRadius: 32,
|
|
1182
|
+
displayLabel: false,
|
|
1170
1183
|
paddingBottom: 4,
|
|
1171
1184
|
paddingTop: 4,
|
|
1172
1185
|
width: 32
|
|
@@ -1207,6 +1220,7 @@ module.exports = {
|
|
|
1207
1220
|
borderRadius: 4,
|
|
1208
1221
|
borderWidth: 1,
|
|
1209
1222
|
color: '#666666',
|
|
1223
|
+
displayLabel: true,
|
|
1210
1224
|
fontName: 'StagSans',
|
|
1211
1225
|
fontSize: 16,
|
|
1212
1226
|
fontWeight: '400',
|
|
@@ -2330,6 +2344,9 @@ module.exports = {
|
|
|
2330
2344
|
borderColor: '#000000',
|
|
2331
2345
|
borderRadius: 4,
|
|
2332
2346
|
borderWidth: 1,
|
|
2347
|
+
buttonSize: 32,
|
|
2348
|
+
buttonsGap: 1,
|
|
2349
|
+
buttonsPaddingRight: 8,
|
|
2333
2350
|
color: '#666666',
|
|
2334
2351
|
fontName: 'StagSans',
|
|
2335
2352
|
fontSize: 16,
|
|
@@ -2737,5 +2754,5 @@ module.exports = {
|
|
|
2737
2754
|
tokens: { size: 96 }
|
|
2738
2755
|
}
|
|
2739
2756
|
},
|
|
2740
|
-
metadata: { name: 'theme-koodo', themeTokensVersion: '2.
|
|
2757
|
+
metadata: { name: 'theme-koodo', themeTokensVersion: '2.7.0' }
|
|
2741
2758
|
}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"description": "Koodo theme",
|
|
7
7
|
"devDependencies": {
|
|
8
8
|
"@telus-uds/palette-koodo": "^0.1.2",
|
|
9
|
-
"@telus-uds/system-theme-tokens": "^2.
|
|
9
|
+
"@telus-uds/system-theme-tokens": "^2.7.0"
|
|
10
10
|
},
|
|
11
11
|
"files": [
|
|
12
12
|
"build",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
|
|
32
32
|
"dev": "nodemon -w src -x 'npm run build'"
|
|
33
33
|
},
|
|
34
|
-
"version": "3.
|
|
34
|
+
"version": "3.5.0"
|
|
35
35
|
}
|
package/theme.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"appearances": {
|
|
14
14
|
"background": {
|
|
15
15
|
"description": "Background colour of box. Transparent if not specified.",
|
|
16
|
-
"values": ["light", "lightest"]
|
|
16
|
+
"values": ["light", "lightest", "black"]
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"rules": [
|
|
@@ -32,6 +32,14 @@
|
|
|
32
32
|
"tokens": {
|
|
33
33
|
"backgroundColor": "{palette.color.gallery}"
|
|
34
34
|
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"if": {
|
|
38
|
+
"background": "black"
|
|
39
|
+
},
|
|
40
|
+
"tokens": {
|
|
41
|
+
"backgroundColor": "{palette.color.black}"
|
|
42
|
+
}
|
|
35
43
|
}
|
|
36
44
|
],
|
|
37
45
|
"tokens": {
|
|
@@ -236,6 +244,8 @@
|
|
|
236
244
|
"paddingTop": "{palette.size.size8}",
|
|
237
245
|
"shadow": "{system.shadow.none}",
|
|
238
246
|
"textAlign": "{system.flexJustifyContent.center}",
|
|
247
|
+
"textLine": "{system.textLine.none}",
|
|
248
|
+
"textLineStyle": "{system.textLineStyle.solid}",
|
|
239
249
|
"width": "{system.size.none}"
|
|
240
250
|
}
|
|
241
251
|
},
|
|
@@ -599,7 +609,7 @@
|
|
|
599
609
|
"expanded": true
|
|
600
610
|
},
|
|
601
611
|
"tokens": {
|
|
602
|
-
"icon": "{palette.icon.
|
|
612
|
+
"icon": "{palette.icon.ChevronUp}"
|
|
603
613
|
}
|
|
604
614
|
}
|
|
605
615
|
],
|
|
@@ -607,7 +617,7 @@
|
|
|
607
617
|
"backgroundColor": "{palette.color.transparent}",
|
|
608
618
|
"borderColor": "{palette.color.transparent}",
|
|
609
619
|
"borderWidth": "{system.border.zero}",
|
|
610
|
-
"icon": "{palette.icon.
|
|
620
|
+
"icon": "{palette.icon.ChevronDown}",
|
|
611
621
|
"iconColor": "{palette.color.mosque}",
|
|
612
622
|
"iconGap": "{palette.size.size16}",
|
|
613
623
|
"iconPosition": "{system.position.left}",
|
|
@@ -1255,6 +1265,7 @@
|
|
|
1255
1265
|
},
|
|
1256
1266
|
"PaginationSideButton": {
|
|
1257
1267
|
"appearances": {
|
|
1268
|
+
"compact": "{appearances.PaginationSideButton.compact}",
|
|
1258
1269
|
"direction": "{appearances.PaginationSideButton.direction}",
|
|
1259
1270
|
"focus": "{appearances.PaginationSideButton.focus}",
|
|
1260
1271
|
"hover": "{appearances.PaginationSideButton.hover}",
|
|
@@ -1263,12 +1274,21 @@
|
|
|
1263
1274
|
"viewport": "{appearances.system.viewport}"
|
|
1264
1275
|
},
|
|
1265
1276
|
"rules": [
|
|
1277
|
+
{
|
|
1278
|
+
"if": {
|
|
1279
|
+
"compact": true
|
|
1280
|
+
},
|
|
1281
|
+
"tokens": {
|
|
1282
|
+
"displayLabel": "{system.show.false}"
|
|
1283
|
+
}
|
|
1284
|
+
},
|
|
1266
1285
|
{
|
|
1267
1286
|
"if": {
|
|
1268
1287
|
"viewport": ["xs", "sm"]
|
|
1269
1288
|
},
|
|
1270
1289
|
"tokens": {
|
|
1271
1290
|
"borderRadius": "{palette.radius.pill32}",
|
|
1291
|
+
"displayLabel": "{system.show.false}",
|
|
1272
1292
|
"paddingBottom": "{palette.size.size4}",
|
|
1273
1293
|
"paddingTop": "{palette.size.size4}",
|
|
1274
1294
|
"width": "{palette.size.size32}"
|
|
@@ -1335,6 +1355,7 @@
|
|
|
1335
1355
|
"borderRadius": "{palette.radius.radius4}",
|
|
1336
1356
|
"borderWidth": "{palette.border.border1}",
|
|
1337
1357
|
"color": "{palette.color.dove}",
|
|
1358
|
+
"displayLabel": "{system.show.true}",
|
|
1338
1359
|
"fontName": "{palette.fontName.StagSans}",
|
|
1339
1360
|
"fontSize": "{palette.fontSize.size16}",
|
|
1340
1361
|
"fontWeight": "{palette.fontWeight.weight400}",
|
|
@@ -2514,6 +2535,9 @@
|
|
|
2514
2535
|
"borderColor": "{palette.color.black}",
|
|
2515
2536
|
"borderRadius": "{palette.radius.radius4}",
|
|
2516
2537
|
"borderWidth": "{palette.border.border1}",
|
|
2538
|
+
"buttonSize": "{palette.size.size32}",
|
|
2539
|
+
"buttonsGap": "{palette.size.size1}",
|
|
2540
|
+
"buttonsPaddingRight": "{palette.size.size8}",
|
|
2517
2541
|
"color": "{palette.color.dove}",
|
|
2518
2542
|
"fontName": "{palette.fontName.StagSans}",
|
|
2519
2543
|
"fontSize": "{palette.fontSize.size16}",
|