@telus-uds/theme-public-mobile 2.22.0 → 2.24.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.
Files changed (245) hide show
  1. package/build/android/ActionCard.json +160 -0
  2. package/build/android/ExpandCollapseControl.json +1 -0
  3. package/build/android/ExpandCollapsePanel.json +4 -1
  4. package/build/android/List.json +6 -0
  5. package/build/android/Notification.json +6 -1
  6. package/build/android/schema.json +1082 -703
  7. package/build/android/theme.json +178 -3
  8. package/build/ios/ActionCard.json +160 -0
  9. package/build/ios/ExpandCollapseControl.json +1 -0
  10. package/build/ios/ExpandCollapsePanel.json +4 -1
  11. package/build/ios/List.json +6 -0
  12. package/build/ios/Notification.json +6 -1
  13. package/build/ios/schema.json +1082 -703
  14. package/build/ios/theme.json +178 -3
  15. package/build/rn/ActionCard.js +93 -0
  16. package/build/rn/ActivityIndicator.js +1 -1
  17. package/build/rn/Badge.js +1 -1
  18. package/build/rn/BlockQuote.js +1 -1
  19. package/build/rn/Box.js +1 -1
  20. package/build/rn/Breadcrumbs.js +1 -1
  21. package/build/rn/Button.js +1 -1
  22. package/build/rn/ButtonDropdown.js +1 -1
  23. package/build/rn/ButtonGroup.js +1 -1
  24. package/build/rn/ButtonGroupItem.js +1 -1
  25. package/build/rn/Callout.js +1 -1
  26. package/build/rn/Card.js +1 -1
  27. package/build/rn/CardGroup.js +1 -1
  28. package/build/rn/Carousel.js +1 -1
  29. package/build/rn/CarouselTabsPanelItem.js +1 -1
  30. package/build/rn/CarouselThumbnail.js +1 -1
  31. package/build/rn/Checkbox.js +1 -1
  32. package/build/rn/CheckboxCard.js +1 -1
  33. package/build/rn/CheckboxCardGroup.js +1 -1
  34. package/build/rn/CheckboxGroup.js +1 -1
  35. package/build/rn/ChevronLink.js +1 -1
  36. package/build/rn/ColourToggle.js +1 -1
  37. package/build/rn/Countdown.js +1 -1
  38. package/build/rn/DatePicker.js +1 -1
  39. package/build/rn/Disclaimer.js +1 -1
  40. package/build/rn/Divider.js +1 -1
  41. package/build/rn/ExpandCollapse.js +1 -1
  42. package/build/rn/ExpandCollapseControl.js +11 -1
  43. package/build/rn/ExpandCollapseMini.js +1 -1
  44. package/build/rn/ExpandCollapseMiniControl.js +1 -1
  45. package/build/rn/ExpandCollapsePanel.js +5 -2
  46. package/build/rn/Feedback.js +1 -1
  47. package/build/rn/Fieldset.js +1 -1
  48. package/build/rn/Footnote.js +1 -1
  49. package/build/rn/FootnoteLink.js +1 -1
  50. package/build/rn/HorizontalScrollButton.js +1 -1
  51. package/build/rn/Icon.js +1 -1
  52. package/build/rn/IconButton.js +1 -1
  53. package/build/rn/Image.js +1 -1
  54. package/build/rn/InputLabel.js +1 -1
  55. package/build/rn/InputSupports.js +1 -1
  56. package/build/rn/Link.js +1 -1
  57. package/build/rn/List.js +2 -1
  58. package/build/rn/Listbox.js +1 -1
  59. package/build/rn/Modal.js +1 -1
  60. package/build/rn/MultiSelectFilter.js +1 -1
  61. package/build/rn/NavigationBar.js +1 -1
  62. package/build/rn/Notification.js +10 -4
  63. package/build/rn/OrderedList.js +1 -1
  64. package/build/rn/Pagination.js +1 -1
  65. package/build/rn/PaginationPageButton.js +1 -1
  66. package/build/rn/PaginationSideButton.js +1 -1
  67. package/build/rn/PreviewCard.js +1 -1
  68. package/build/rn/PriceLockup.js +1 -1
  69. package/build/rn/ProductCard.js +1 -1
  70. package/build/rn/Progress.js +1 -1
  71. package/build/rn/ProgressBar.js +1 -1
  72. package/build/rn/QuantitySelector.js +1 -1
  73. package/build/rn/QuantitySelectorSideButton.js +1 -1
  74. package/build/rn/QuickLinks.js +1 -1
  75. package/build/rn/QuickLinksButton.js +1 -1
  76. package/build/rn/QuickLinksCard.js +1 -1
  77. package/build/rn/QuickLinksFeature.js +1 -1
  78. package/build/rn/QuickLinksFeatureItem.js +1 -1
  79. package/build/rn/QuickLinksList.js +1 -1
  80. package/build/rn/Radio.js +1 -1
  81. package/build/rn/RadioCard.js +1 -1
  82. package/build/rn/RadioCardGroup.js +1 -1
  83. package/build/rn/RadioGroup.js +1 -1
  84. package/build/rn/Ribbon.js +1 -1
  85. package/build/rn/Search.js +1 -1
  86. package/build/rn/SearchButton.js +1 -1
  87. package/build/rn/Select.js +1 -1
  88. package/build/rn/SideNav.js +1 -1
  89. package/build/rn/SideNavItem.js +1 -1
  90. package/build/rn/SideNavItemsGroup.js +1 -1
  91. package/build/rn/Skeleton.js +1 -1
  92. package/build/rn/SkipLink.js +1 -1
  93. package/build/rn/Spinner.js +1 -1
  94. package/build/rn/SplashButton.js +1 -1
  95. package/build/rn/SplashButtonWithDetails.js +1 -1
  96. package/build/rn/StackView.js +1 -1
  97. package/build/rn/StepTracker.js +1 -1
  98. package/build/rn/StoryCard.js +1 -1
  99. package/build/rn/Table.js +1 -1
  100. package/build/rn/Tabs.js +1 -1
  101. package/build/rn/TabsItem.js +1 -1
  102. package/build/rn/Tags.js +1 -1
  103. package/build/rn/TagsItem.js +1 -1
  104. package/build/rn/TermsAndConditions.js +1 -1
  105. package/build/rn/Testimonial.js +1 -1
  106. package/build/rn/TextArea.js +1 -1
  107. package/build/rn/TextInput.js +1 -1
  108. package/build/rn/Timeline.js +1 -1
  109. package/build/rn/Toast.js +1 -1
  110. package/build/rn/ToggleSwitch.js +1 -1
  111. package/build/rn/ToggleSwitchGroup.js +1 -1
  112. package/build/rn/Tooltip.js +1 -1
  113. package/build/rn/TooltipButton.js +1 -1
  114. package/build/rn/Typography.js +1 -1
  115. package/build/rn/Video.js +1 -1
  116. package/build/rn/VideoButton.js +1 -1
  117. package/build/rn/VideoControlBar.js +1 -1
  118. package/build/rn/VideoMenu.js +1 -1
  119. package/build/rn/VideoMiddleControlButton.js +1 -1
  120. package/build/rn/VideoPicker.js +1 -1
  121. package/build/rn/VideoPickerSlider.js +1 -1
  122. package/build/rn/VideoPickerThumbnail.js +1 -1
  123. package/build/rn/VideoProgressBar.js +1 -1
  124. package/build/rn/VideoVolumeSlider.js +1 -1
  125. package/build/rn/WaffleGrid.js +1 -1
  126. package/build/rn/schema.json +1082 -703
  127. package/build/rn/spacingScale.js +1 -1
  128. package/build/rn/theme.js +111 -8
  129. package/build/web/ActionCard.js +93 -0
  130. package/build/web/ActivityIndicator.js +1 -1
  131. package/build/web/Badge.js +1 -1
  132. package/build/web/BlockQuote.js +1 -1
  133. package/build/web/Box.js +1 -1
  134. package/build/web/Breadcrumbs.js +1 -1
  135. package/build/web/Button.js +1 -1
  136. package/build/web/ButtonDropdown.js +1 -1
  137. package/build/web/ButtonGroup.js +1 -1
  138. package/build/web/ButtonGroupItem.js +1 -1
  139. package/build/web/Callout.js +1 -1
  140. package/build/web/Card.js +1 -1
  141. package/build/web/CardGroup.js +1 -1
  142. package/build/web/Carousel.js +1 -1
  143. package/build/web/CarouselTabsPanelItem.js +1 -1
  144. package/build/web/CarouselThumbnail.js +1 -1
  145. package/build/web/Checkbox.js +1 -1
  146. package/build/web/CheckboxCard.js +1 -1
  147. package/build/web/CheckboxCardGroup.js +1 -1
  148. package/build/web/CheckboxGroup.js +1 -1
  149. package/build/web/ChevronLink.js +1 -1
  150. package/build/web/ColourToggle.js +1 -1
  151. package/build/web/Countdown.js +1 -1
  152. package/build/web/DatePicker.js +1 -1
  153. package/build/web/Disclaimer.js +1 -1
  154. package/build/web/Divider.js +1 -1
  155. package/build/web/ExpandCollapse.js +1 -1
  156. package/build/web/ExpandCollapseControl.js +11 -1
  157. package/build/web/ExpandCollapseMini.js +1 -1
  158. package/build/web/ExpandCollapseMiniControl.js +1 -1
  159. package/build/web/ExpandCollapsePanel.js +5 -2
  160. package/build/web/Feedback.js +1 -1
  161. package/build/web/Fieldset.js +1 -1
  162. package/build/web/Footnote.js +1 -1
  163. package/build/web/FootnoteLink.js +1 -1
  164. package/build/web/HorizontalScrollButton.js +1 -1
  165. package/build/web/Icon.js +1 -1
  166. package/build/web/IconButton.js +1 -1
  167. package/build/web/Image.js +1 -1
  168. package/build/web/InputLabel.js +1 -1
  169. package/build/web/InputSupports.js +1 -1
  170. package/build/web/Link.js +1 -1
  171. package/build/web/List.js +2 -1
  172. package/build/web/Listbox.js +1 -1
  173. package/build/web/Modal.js +1 -1
  174. package/build/web/MultiSelectFilter.js +1 -1
  175. package/build/web/NavigationBar.js +1 -1
  176. package/build/web/Notification.js +10 -4
  177. package/build/web/OrderedList.js +1 -1
  178. package/build/web/Pagination.js +1 -1
  179. package/build/web/PaginationPageButton.js +1 -1
  180. package/build/web/PaginationSideButton.js +1 -1
  181. package/build/web/PreviewCard.js +1 -1
  182. package/build/web/PriceLockup.js +1 -1
  183. package/build/web/ProductCard.js +1 -1
  184. package/build/web/Progress.js +1 -1
  185. package/build/web/ProgressBar.js +1 -1
  186. package/build/web/QuantitySelector.js +1 -1
  187. package/build/web/QuantitySelectorSideButton.js +1 -1
  188. package/build/web/QuickLinks.js +1 -1
  189. package/build/web/QuickLinksButton.js +1 -1
  190. package/build/web/QuickLinksCard.js +1 -1
  191. package/build/web/QuickLinksFeature.js +1 -1
  192. package/build/web/QuickLinksFeatureItem.js +1 -1
  193. package/build/web/QuickLinksList.js +1 -1
  194. package/build/web/Radio.js +1 -1
  195. package/build/web/RadioCard.js +1 -1
  196. package/build/web/RadioCardGroup.js +1 -1
  197. package/build/web/RadioGroup.js +1 -1
  198. package/build/web/Ribbon.js +1 -1
  199. package/build/web/Search.js +1 -1
  200. package/build/web/SearchButton.js +1 -1
  201. package/build/web/Select.js +1 -1
  202. package/build/web/SideNav.js +1 -1
  203. package/build/web/SideNavItem.js +1 -1
  204. package/build/web/SideNavItemsGroup.js +1 -1
  205. package/build/web/Skeleton.js +1 -1
  206. package/build/web/SkipLink.js +1 -1
  207. package/build/web/Spinner.js +1 -1
  208. package/build/web/SplashButton.js +1 -1
  209. package/build/web/SplashButtonWithDetails.js +1 -1
  210. package/build/web/StackView.js +1 -1
  211. package/build/web/StepTracker.js +1 -1
  212. package/build/web/StoryCard.js +1 -1
  213. package/build/web/Table.js +1 -1
  214. package/build/web/Tabs.js +1 -1
  215. package/build/web/TabsItem.js +1 -1
  216. package/build/web/Tags.js +1 -1
  217. package/build/web/TagsItem.js +1 -1
  218. package/build/web/TermsAndConditions.js +1 -1
  219. package/build/web/Testimonial.js +1 -1
  220. package/build/web/TextArea.js +1 -1
  221. package/build/web/TextInput.js +1 -1
  222. package/build/web/Timeline.js +1 -1
  223. package/build/web/Toast.js +1 -1
  224. package/build/web/ToggleSwitch.js +1 -1
  225. package/build/web/ToggleSwitchGroup.js +1 -1
  226. package/build/web/Tooltip.js +1 -1
  227. package/build/web/TooltipButton.js +1 -1
  228. package/build/web/Typography.js +1 -1
  229. package/build/web/Video.js +1 -1
  230. package/build/web/VideoButton.js +1 -1
  231. package/build/web/VideoControlBar.js +1 -1
  232. package/build/web/VideoMenu.js +1 -1
  233. package/build/web/VideoMiddleControlButton.js +1 -1
  234. package/build/web/VideoPicker.js +1 -1
  235. package/build/web/VideoPickerSlider.js +1 -1
  236. package/build/web/VideoPickerThumbnail.js +1 -1
  237. package/build/web/VideoProgressBar.js +1 -1
  238. package/build/web/VideoVolumeSlider.js +1 -1
  239. package/build/web/WaffleGrid.js +1 -1
  240. package/build/web/index.js +2 -1
  241. package/build/web/schema.json +1082 -703
  242. package/build/web/spacingScale.js +1 -1
  243. package/build/web/theme.js +111 -8
  244. package/package.json +4 -4
  245. package/theme.json +109 -2
@@ -0,0 +1,160 @@
1
+ {
2
+ "appearances": {
3
+ "validation": {
4
+ "description": "Validation states for form inputs",
5
+ "values": ["error", "success", "warning"],
6
+ "type": "state"
7
+ }
8
+ },
9
+ "rules": [
10
+ {
11
+ "if": {
12
+ "validation": "warning"
13
+ },
14
+ "tokens": {
15
+ "actionIconMarginLeft": 8,
16
+ "backgroundColor": {
17
+ "red": 0.98824,
18
+ "green": 0.90196,
19
+ "blue": 0.87451,
20
+ "alpha": 1
21
+ },
22
+ "statusIcon": "PaletteIconWarningError",
23
+ "statusIconColor": {
24
+ "red": 0.22353,
25
+ "green": 0.25098,
26
+ "blue": 0.33725,
27
+ "alpha": 1
28
+ }
29
+ }
30
+ },
31
+ {
32
+ "if": {
33
+ "validation": "error"
34
+ },
35
+ "tokens": {
36
+ "actionIconColor": {
37
+ "red": 1,
38
+ "green": 1,
39
+ "blue": 1,
40
+ "alpha": 1
41
+ },
42
+ "actionIconMarginLeft": 8,
43
+ "backgroundColor": {
44
+ "red": 0.74902,
45
+ "green": 0.0902,
46
+ "blue": 0.13333,
47
+ "alpha": 1
48
+ },
49
+ "contentFontColor": {
50
+ "red": 1,
51
+ "green": 1,
52
+ "blue": 1,
53
+ "alpha": 1
54
+ },
55
+ "iconColor": {
56
+ "red": 1,
57
+ "green": 1,
58
+ "blue": 1,
59
+ "alpha": 1
60
+ },
61
+ "statusIcon": "PaletteIconWarningError",
62
+ "statusIconColor": {
63
+ "red": 1,
64
+ "green": 1,
65
+ "blue": 1,
66
+ "alpha": 1
67
+ },
68
+ "titleFontColor": {
69
+ "red": 1,
70
+ "green": 1,
71
+ "blue": 1,
72
+ "alpha": 1
73
+ }
74
+ }
75
+ }
76
+ ],
77
+ "tokens": {
78
+ "actionIcon": "PaletteIconArrowRight",
79
+ "actionIconColor": {
80
+ "red": 0.22353,
81
+ "green": 0.25098,
82
+ "blue": 0.33725,
83
+ "alpha": 1
84
+ },
85
+ "actionIconMarginBottom": 8,
86
+ "actionIconMarginLeft": 0,
87
+ "actionIconMarginRight": 0,
88
+ "actionIconMarginTop": 8,
89
+ "actionIconTranslate": 4,
90
+ "backgroundColor": {
91
+ "red": 0,
92
+ "green": 0,
93
+ "blue": 0,
94
+ "alpha": 0
95
+ },
96
+ "borderColor": {
97
+ "red": 0,
98
+ "green": 0,
99
+ "blue": 0,
100
+ "alpha": 0
101
+ },
102
+ "borderRadius": null,
103
+ "borderWidth": null,
104
+ "contentFontColor": {
105
+ "red": 0.22353,
106
+ "green": 0.25098,
107
+ "blue": 0.33725,
108
+ "alpha": 1
109
+ },
110
+ "contentFontName": "SofiaPro",
111
+ "contentFontSize": 16,
112
+ "contentFontWeight": 400,
113
+ "contentLineHeight": 1.25,
114
+ "contentMarginBottom": 8,
115
+ "contentMarginLeft": 0,
116
+ "contentMarginRight": 0,
117
+ "contentMarginTop": 0,
118
+ "iconBackgroundColor": {
119
+ "red": 0,
120
+ "green": 0,
121
+ "blue": 0,
122
+ "alpha": 0.05
123
+ },
124
+ "iconColor": {
125
+ "red": 0.22353,
126
+ "green": 0.25098,
127
+ "blue": 0.33725,
128
+ "alpha": 1
129
+ },
130
+ "iconMarginBottom": 0,
131
+ "iconMarginLeft": 0,
132
+ "iconMarginRight": 8,
133
+ "iconMarginTop": 0,
134
+ "paddingBottom": 16,
135
+ "paddingLeft": 16,
136
+ "paddingRight": 16,
137
+ "paddingTop": 16,
138
+ "statusIcon": null,
139
+ "statusIconColor": {
140
+ "red": 0,
141
+ "green": 0,
142
+ "blue": 0,
143
+ "alpha": 0
144
+ },
145
+ "titleFontColor": {
146
+ "red": 0.22353,
147
+ "green": 0.25098,
148
+ "blue": 0.33725,
149
+ "alpha": 1
150
+ },
151
+ "titleFontName": "SofiaPro",
152
+ "titleFontSize": 16,
153
+ "titleFontWeight": 700,
154
+ "titleLineHeight": 1.5,
155
+ "titleMarginBottom": 8,
156
+ "titleMarginLeft": 0,
157
+ "titleMarginRight": 8,
158
+ "titleMarginTop": 8
159
+ }
160
+ }
@@ -50,6 +50,7 @@
50
50
  "blue": 0,
51
51
  "alpha": 0
52
52
  },
53
+ "borderWidth": null,
53
54
  "paddingBottom": 0,
54
55
  "paddingLeft": 0,
55
56
  "paddingRight": 0,
@@ -36,12 +36,15 @@
36
36
  "contentPaddingLeft": 0,
37
37
  "contentPaddingRight": 0,
38
38
  "contentPaddingTop": 0,
39
+ "contentPanelPaddingBottom": 0,
40
+ "contentPanelPaddingTop": 0,
39
41
  "expandDividerColor": {
40
42
  "red": 0,
41
43
  "green": 0,
42
44
  "blue": 0,
43
45
  "alpha": 0
44
- }
46
+ },
47
+ "marginBottom": 0
45
48
  }
46
49
  }
47
50
  ],
@@ -95,6 +95,12 @@
95
95
  },
96
96
  "itemIconSize": 16,
97
97
  "itemLineHeight": 1.5,
98
+ "itemTextColor": {
99
+ "red": 0.22353,
100
+ "green": 0.25098,
101
+ "blue": 0.33725,
102
+ "alpha": 1
103
+ },
98
104
  "listGutter": 16
99
105
  }
100
106
  }
@@ -22,9 +22,12 @@
22
22
  "rules": [
23
23
  {
24
24
  "if": {
25
+ "system": true,
25
26
  "viewport": ["xl"]
26
27
  },
27
28
  "tokens": {
29
+ "containerPaddingLeft": 16,
30
+ "containerPaddingRight": 16,
28
31
  "justifyContent": "center"
29
32
  }
30
33
  },
@@ -262,6 +265,8 @@
262
265
  "blue": 0.33725,
263
266
  "alpha": 1
264
267
  },
268
+ "containerPaddingLeft": 16,
269
+ "containerPaddingRight": 16,
265
270
  "dismissButtonGap": 12,
266
271
  "dismissIcon": "PaletteIconMobileXClose",
267
272
  "dismissIconColor": {
@@ -283,7 +288,7 @@
283
288
  "iconGap": 16,
284
289
  "iconSize": 24,
285
290
  "justifyContent": "flex-start",
286
- "lineHeight": 2.5,
291
+ "lineHeight": 1.55555555,
287
292
  "paddingBottom": 12,
288
293
  "paddingLeft": 12,
289
294
  "paddingRight": 12,