@telus-uds/theme-public-mobile 4.12.0 → 4.13.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 (257) hide show
  1. package/build/android/ButtonDropdown.json +66 -5
  2. package/build/android/Checkbox.json +2 -2
  3. package/build/android/ExpandCollapseMiniControl.json +4 -3
  4. package/build/android/Link.json +1 -1
  5. package/build/android/Radio.json +4 -4
  6. package/build/android/schema.json +398 -286
  7. package/build/android/theme.json +78 -16
  8. package/build/ios/ButtonDropdown.json +66 -5
  9. package/build/ios/Checkbox.json +2 -2
  10. package/build/ios/ExpandCollapseMiniControl.json +4 -3
  11. package/build/ios/Link.json +1 -1
  12. package/build/ios/Radio.json +4 -4
  13. package/build/ios/schema.json +398 -286
  14. package/build/ios/theme.json +78 -16
  15. package/build/rn/ActionCard.js +1 -1
  16. package/build/rn/ActivityIndicator.js +1 -1
  17. package/build/rn/Autocomplete.js +1 -1
  18. package/build/rn/Badge.js +1 -1
  19. package/build/rn/BlockQuote.js +1 -1
  20. package/build/rn/Box.js +1 -1
  21. package/build/rn/Breadcrumbs.js +1 -1
  22. package/build/rn/Button.js +1 -1
  23. package/build/rn/ButtonDropdown.js +43 -11
  24. package/build/rn/ButtonGroup.js +1 -1
  25. package/build/rn/ButtonGroupItem.js +1 -1
  26. package/build/rn/Callout.js +1 -1
  27. package/build/rn/Card.js +1 -1
  28. package/build/rn/CardGroup.js +1 -1
  29. package/build/rn/Carousel.js +1 -1
  30. package/build/rn/CarouselTabsPanelItem.js +1 -1
  31. package/build/rn/CarouselThumbnail.js +1 -1
  32. package/build/rn/Checkbox.js +3 -3
  33. package/build/rn/CheckboxCard.js +1 -1
  34. package/build/rn/CheckboxCardGroup.js +1 -1
  35. package/build/rn/CheckboxGroup.js +1 -1
  36. package/build/rn/ChevronLink.js +1 -1
  37. package/build/rn/ColourToggle.js +1 -1
  38. package/build/rn/Countdown.js +1 -1
  39. package/build/rn/DatePicker.js +1 -1
  40. package/build/rn/Disclaimer.js +1 -1
  41. package/build/rn/Divider.js +1 -1
  42. package/build/rn/DownloadApp.js +1 -1
  43. package/build/rn/ExpandCollapse.js +1 -1
  44. package/build/rn/ExpandCollapseControl.js +1 -1
  45. package/build/rn/ExpandCollapseMini.js +1 -1
  46. package/build/rn/ExpandCollapseMiniControl.js +5 -5
  47. package/build/rn/ExpandCollapsePanel.js +1 -1
  48. package/build/rn/Feedback.js +1 -1
  49. package/build/rn/Fieldset.js +1 -1
  50. package/build/rn/FileUpload.js +1 -1
  51. package/build/rn/Footnote.js +1 -1
  52. package/build/rn/FootnoteLink.js +1 -1
  53. package/build/rn/HorizontalScrollButton.js +1 -1
  54. package/build/rn/Icon.js +1 -1
  55. package/build/rn/IconButton.js +1 -1
  56. package/build/rn/Image.js +1 -1
  57. package/build/rn/InputLabel.js +1 -1
  58. package/build/rn/InputSupports.js +1 -1
  59. package/build/rn/Link.js +2 -2
  60. package/build/rn/List.js +1 -1
  61. package/build/rn/Listbox.js +1 -1
  62. package/build/rn/Modal.js +1 -1
  63. package/build/rn/MultiSelectFilter.js +1 -1
  64. package/build/rn/NavigationBar.js +1 -1
  65. package/build/rn/Notification.js +1 -1
  66. package/build/rn/OrderedList.js +1 -1
  67. package/build/rn/Pagination.js +1 -1
  68. package/build/rn/PaginationPageButton.js +1 -1
  69. package/build/rn/PaginationSideButton.js +1 -1
  70. package/build/rn/PreviewCard.js +1 -1
  71. package/build/rn/PriceLockup.js +1 -1
  72. package/build/rn/ProductCard.js +1 -1
  73. package/build/rn/Progress.js +1 -1
  74. package/build/rn/ProgressBar.js +1 -1
  75. package/build/rn/QuantitySelector.js +1 -1
  76. package/build/rn/QuantitySelectorSideButton.js +1 -1
  77. package/build/rn/QuickLinks.js +1 -1
  78. package/build/rn/QuickLinksButton.js +1 -1
  79. package/build/rn/QuickLinksCard.js +1 -1
  80. package/build/rn/QuickLinksFeature.js +1 -1
  81. package/build/rn/QuickLinksFeatureItem.js +1 -1
  82. package/build/rn/QuickLinksList.js +1 -1
  83. package/build/rn/Radio.js +5 -5
  84. package/build/rn/RadioCard.js +1 -1
  85. package/build/rn/RadioCardGroup.js +1 -1
  86. package/build/rn/RadioGroup.js +1 -1
  87. package/build/rn/Ribbon.js +1 -1
  88. package/build/rn/Search.js +1 -1
  89. package/build/rn/SearchButton.js +1 -1
  90. package/build/rn/Select.js +1 -1
  91. package/build/rn/SideNav.js +1 -1
  92. package/build/rn/SideNavItem.js +1 -1
  93. package/build/rn/SideNavItemsGroup.js +1 -1
  94. package/build/rn/Skeleton.js +1 -1
  95. package/build/rn/SkipLink.js +1 -1
  96. package/build/rn/Spinner.js +1 -1
  97. package/build/rn/SplashButton.js +1 -1
  98. package/build/rn/SplashButtonWithDetails.js +1 -1
  99. package/build/rn/StackView.js +1 -1
  100. package/build/rn/Status.js +1 -1
  101. package/build/rn/StepTracker.js +1 -1
  102. package/build/rn/StoryCard.js +1 -1
  103. package/build/rn/TabBar.js +1 -1
  104. package/build/rn/TabBarItem.js +1 -1
  105. package/build/rn/Table.js +1 -1
  106. package/build/rn/Tabs.js +1 -1
  107. package/build/rn/TabsItem.js +1 -1
  108. package/build/rn/Tags.js +1 -1
  109. package/build/rn/TagsItem.js +1 -1
  110. package/build/rn/TermsAndConditions.js +1 -1
  111. package/build/rn/Testimonial.js +1 -1
  112. package/build/rn/TextArea.js +1 -1
  113. package/build/rn/TextInput.js +1 -1
  114. package/build/rn/Timeline.js +1 -1
  115. package/build/rn/Toast.js +1 -1
  116. package/build/rn/ToggleSwitch.js +1 -1
  117. package/build/rn/ToggleSwitchGroup.js +1 -1
  118. package/build/rn/Tooltip.js +1 -1
  119. package/build/rn/TooltipButton.js +1 -1
  120. package/build/rn/Typography.js +1 -1
  121. package/build/rn/Video.js +1 -1
  122. package/build/rn/VideoButton.js +1 -1
  123. package/build/rn/VideoControlBar.js +1 -1
  124. package/build/rn/VideoMenu.js +1 -1
  125. package/build/rn/VideoMiddleControlButton.js +1 -1
  126. package/build/rn/VideoPicker.js +1 -1
  127. package/build/rn/VideoPickerSlider.js +1 -1
  128. package/build/rn/VideoPickerThumbnail.js +1 -1
  129. package/build/rn/VideoProgressBar.js +1 -1
  130. package/build/rn/VideoVolumeSlider.js +1 -1
  131. package/build/rn/WaffleGrid.js +1 -1
  132. package/build/rn/schema.json +398 -286
  133. package/build/rn/spacingScale.js +1 -1
  134. package/build/rn/theme.js +59 -23
  135. package/build/web/ActionCard.js +1 -1
  136. package/build/web/ActivityIndicator.js +1 -1
  137. package/build/web/Autocomplete.js +1 -1
  138. package/build/web/Badge.js +1 -1
  139. package/build/web/BlockQuote.js +1 -1
  140. package/build/web/Box.js +1 -1
  141. package/build/web/Breadcrumbs.js +1 -1
  142. package/build/web/Button.js +1 -1
  143. package/build/web/ButtonDropdown.js +43 -11
  144. package/build/web/ButtonGroup.js +1 -1
  145. package/build/web/ButtonGroupItem.js +1 -1
  146. package/build/web/Callout.js +1 -1
  147. package/build/web/Card.js +1 -1
  148. package/build/web/CardGroup.js +1 -1
  149. package/build/web/Carousel.js +1 -1
  150. package/build/web/CarouselTabsPanelItem.js +1 -1
  151. package/build/web/CarouselThumbnail.js +1 -1
  152. package/build/web/Checkbox.js +3 -3
  153. package/build/web/CheckboxCard.js +1 -1
  154. package/build/web/CheckboxCardGroup.js +1 -1
  155. package/build/web/CheckboxGroup.js +1 -1
  156. package/build/web/ChevronLink.js +1 -1
  157. package/build/web/ColourToggle.js +1 -1
  158. package/build/web/Countdown.js +1 -1
  159. package/build/web/DatePicker.js +1 -1
  160. package/build/web/Disclaimer.js +1 -1
  161. package/build/web/Divider.js +1 -1
  162. package/build/web/DownloadApp.js +1 -1
  163. package/build/web/ExpandCollapse.js +1 -1
  164. package/build/web/ExpandCollapseControl.js +1 -1
  165. package/build/web/ExpandCollapseMini.js +1 -1
  166. package/build/web/ExpandCollapseMiniControl.js +5 -5
  167. package/build/web/ExpandCollapsePanel.js +1 -1
  168. package/build/web/Feedback.js +1 -1
  169. package/build/web/Fieldset.js +1 -1
  170. package/build/web/FileUpload.js +1 -1
  171. package/build/web/Footnote.js +1 -1
  172. package/build/web/FootnoteLink.js +1 -1
  173. package/build/web/HorizontalScrollButton.js +1 -1
  174. package/build/web/Icon.js +1 -1
  175. package/build/web/IconButton.js +1 -1
  176. package/build/web/Image.js +1 -1
  177. package/build/web/InputLabel.js +1 -1
  178. package/build/web/InputSupports.js +1 -1
  179. package/build/web/Link.js +2 -2
  180. package/build/web/List.js +1 -1
  181. package/build/web/Listbox.js +1 -1
  182. package/build/web/Modal.js +1 -1
  183. package/build/web/MultiSelectFilter.js +1 -1
  184. package/build/web/NavigationBar.js +1 -1
  185. package/build/web/Notification.js +1 -1
  186. package/build/web/OrderedList.js +1 -1
  187. package/build/web/Pagination.js +1 -1
  188. package/build/web/PaginationPageButton.js +1 -1
  189. package/build/web/PaginationSideButton.js +1 -1
  190. package/build/web/PreviewCard.js +1 -1
  191. package/build/web/PriceLockup.js +1 -1
  192. package/build/web/ProductCard.js +1 -1
  193. package/build/web/Progress.js +1 -1
  194. package/build/web/ProgressBar.js +1 -1
  195. package/build/web/QuantitySelector.js +1 -1
  196. package/build/web/QuantitySelectorSideButton.js +1 -1
  197. package/build/web/QuickLinks.js +1 -1
  198. package/build/web/QuickLinksButton.js +1 -1
  199. package/build/web/QuickLinksCard.js +1 -1
  200. package/build/web/QuickLinksFeature.js +1 -1
  201. package/build/web/QuickLinksFeatureItem.js +1 -1
  202. package/build/web/QuickLinksList.js +1 -1
  203. package/build/web/Radio.js +5 -5
  204. package/build/web/RadioCard.js +1 -1
  205. package/build/web/RadioCardGroup.js +1 -1
  206. package/build/web/RadioGroup.js +1 -1
  207. package/build/web/Ribbon.js +1 -1
  208. package/build/web/Search.js +1 -1
  209. package/build/web/SearchButton.js +1 -1
  210. package/build/web/Select.js +1 -1
  211. package/build/web/SideNav.js +1 -1
  212. package/build/web/SideNavItem.js +1 -1
  213. package/build/web/SideNavItemsGroup.js +1 -1
  214. package/build/web/Skeleton.js +1 -1
  215. package/build/web/SkipLink.js +1 -1
  216. package/build/web/Spinner.js +1 -1
  217. package/build/web/SplashButton.js +1 -1
  218. package/build/web/SplashButtonWithDetails.js +1 -1
  219. package/build/web/StackView.js +1 -1
  220. package/build/web/Status.js +1 -1
  221. package/build/web/StepTracker.js +1 -1
  222. package/build/web/StoryCard.js +1 -1
  223. package/build/web/TabBar.js +1 -1
  224. package/build/web/TabBarItem.js +1 -1
  225. package/build/web/Table.js +1 -1
  226. package/build/web/Tabs.js +1 -1
  227. package/build/web/TabsItem.js +1 -1
  228. package/build/web/Tags.js +1 -1
  229. package/build/web/TagsItem.js +1 -1
  230. package/build/web/TermsAndConditions.js +1 -1
  231. package/build/web/Testimonial.js +1 -1
  232. package/build/web/TextArea.js +1 -1
  233. package/build/web/TextInput.js +1 -1
  234. package/build/web/Timeline.js +1 -1
  235. package/build/web/Toast.js +1 -1
  236. package/build/web/ToggleSwitch.js +1 -1
  237. package/build/web/ToggleSwitchGroup.js +1 -1
  238. package/build/web/Tooltip.js +1 -1
  239. package/build/web/TooltipButton.js +1 -1
  240. package/build/web/Typography.js +1 -1
  241. package/build/web/Video.js +1 -1
  242. package/build/web/VideoButton.js +1 -1
  243. package/build/web/VideoControlBar.js +1 -1
  244. package/build/web/VideoMenu.js +1 -1
  245. package/build/web/VideoMiddleControlButton.js +1 -1
  246. package/build/web/VideoPicker.js +1 -1
  247. package/build/web/VideoPickerSlider.js +1 -1
  248. package/build/web/VideoPickerThumbnail.js +1 -1
  249. package/build/web/VideoProgressBar.js +1 -1
  250. package/build/web/VideoVolumeSlider.js +1 -1
  251. package/build/web/WaffleGrid.js +1 -1
  252. package/build/web/index.js +1 -1
  253. package/build/web/schema.json +398 -286
  254. package/build/web/spacingScale.js +1 -1
  255. package/build/web/theme.js +59 -23
  256. package/package.json +2 -2
  257. package/theme.json +61 -20
@@ -19,6 +19,14 @@
19
19
  "description": "Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.",
20
20
  "values": [true],
21
21
  "type": "state"
22
+ },
23
+ "size": {
24
+ "type": "variant",
25
+ "values": ["default", "small"]
26
+ },
27
+ "width": {
28
+ "type": "variant",
29
+ "values": ["full"]
22
30
  }
23
31
  },
24
32
  "rules": [
@@ -59,6 +67,12 @@
59
67
  "blue": 1,
60
68
  "alpha": 1
61
69
  },
70
+ "leadIconColor": {
71
+ "red": 1,
72
+ "green": 1,
73
+ "blue": 1,
74
+ "alpha": 1
75
+ },
62
76
  "outerBorderColor": {
63
77
  "red": 0.97647,
64
78
  "green": 0.80784,
@@ -98,6 +112,12 @@
98
112
  "green": 0.81176,
99
113
  "blue": 0.83529,
100
114
  "alpha": 1
115
+ },
116
+ "leadIconColor": {
117
+ "red": 0.80392,
118
+ "green": 0.81176,
119
+ "blue": 0.83529,
120
+ "alpha": 1
101
121
  }
102
122
  }
103
123
  },
@@ -123,8 +143,23 @@
123
143
  "green": 1,
124
144
  "blue": 1,
125
145
  "alpha": 1
146
+ },
147
+ "leadIconColor": {
148
+ "red": 1,
149
+ "green": 1,
150
+ "blue": 1,
151
+ "alpha": 1
126
152
  }
127
153
  }
154
+ },
155
+ {
156
+ "if": {
157
+ "size": "small"
158
+ },
159
+ "tokens": {
160
+ "paddingBottom": 4,
161
+ "paddingTop": 4
162
+ }
128
163
  }
129
164
  ],
130
165
  "tokens": {
@@ -149,6 +184,10 @@
149
184
  "blue": 0.33725,
150
185
  "alpha": 1
151
186
  },
187
+ "descriptionFontName": "SofiaPro",
188
+ "descriptionFontSize": 16,
189
+ "descriptionFontWeight": 400,
190
+ "descriptionTextPaddingBottom": 0,
152
191
  "dividerColor": {
153
192
  "red": 0.80392,
154
193
  "green": 0.81176,
@@ -173,12 +212,32 @@
173
212
  "blue": 0.33725,
174
213
  "alpha": 1
175
214
  },
176
- "iconPadding": 4,
215
+ "iconPadding": 0,
177
216
  "iconPosition": "right",
178
217
  "iconSize": 20,
179
- "iconSpace": 0,
218
+ "iconSpace": 1,
180
219
  "iconTranslateX": 0,
181
220
  "iconTranslateY": 0,
221
+ "leadIcon": null,
222
+ "leadIconBackgroundColor": {
223
+ "red": 0,
224
+ "green": 0,
225
+ "blue": 0,
226
+ "alpha": 0
227
+ },
228
+ "leadIconBorderRadius": 0,
229
+ "leadIconColor": {
230
+ "red": 0.22353,
231
+ "green": 0.25098,
232
+ "blue": 0.33725,
233
+ "alpha": 1
234
+ },
235
+ "leadIconContainerPaddingBottom": 0,
236
+ "leadIconContainerPaddingLeft": 0,
237
+ "leadIconContainerPaddingRight": 0,
238
+ "leadIconContainerPaddingTop": 0,
239
+ "leadIconPadding": 0,
240
+ "leadIconSize": 24,
182
241
  "lineHeight": 1,
183
242
  "minWidth": 0,
184
243
  "opacity": 1,
@@ -196,10 +255,10 @@
196
255
  },
197
256
  "outerBorderGap": 2,
198
257
  "outerBorderWidth": 1,
199
- "paddingBottom": 8,
258
+ "paddingBottom": 10,
200
259
  "paddingLeft": 24,
201
- "paddingRight": 16,
202
- "paddingTop": 8,
260
+ "paddingRight": 24,
261
+ "paddingTop": 10,
203
262
  "shadow": null,
204
263
  "subtitleColor": {
205
264
  "red": 0.97647,
@@ -208,6 +267,8 @@
208
267
  "alpha": 1
209
268
  },
210
269
  "textAlign": "center",
270
+ "textPaddingLeft": 16,
271
+ "textPaddingRight": 16,
211
272
  "width": null
212
273
  }
213
274
  }
@@ -130,7 +130,7 @@
130
130
  "labelFontName": "SofiaPro",
131
131
  "labelFontSize": 18,
132
132
  "labelFontWeight": 400,
133
- "labelLineHeight": 1.5,
134
- "labelMarginLeft": 10
133
+ "labelLineHeight": 1.55555555,
134
+ "labelMarginLeft": 8
135
135
  }
136
136
  }
@@ -79,7 +79,7 @@
79
79
  "tokens": {
80
80
  "fontSize": 14,
81
81
  "iconSize": 16,
82
- "lineHeight": 1.4
82
+ "lineHeight": 1.4285714285714286
83
83
  }
84
84
  },
85
85
  {
@@ -88,7 +88,7 @@
88
88
  },
89
89
  "tokens": {
90
90
  "fontSize": 16,
91
- "iconSize": 20,
91
+ "iconSize": 16,
92
92
  "lineHeight": 1.5
93
93
  }
94
94
  },
@@ -98,6 +98,7 @@
98
98
  },
99
99
  "tokens": {
100
100
  "fontSize": 20,
101
+ "iconSize": 20,
101
102
  "lineHeight": 1.4
102
103
  }
103
104
  },
@@ -177,7 +178,7 @@
177
178
  "iconGap": 16,
178
179
  "iconPaddingTop": 4,
179
180
  "iconPosition": "left",
180
- "iconSize": 24,
181
+ "iconSize": 16,
181
182
  "justifyContent": "flex-start",
182
183
  "lineHeight": 1.55555555,
183
184
  "paddingBottom": 0,
@@ -513,7 +513,7 @@
513
513
  },
514
514
  "icon": null,
515
515
  "iconSize": 24,
516
- "iconSpace": 0,
516
+ "iconSpace": 1,
517
517
  "iconTranslateX": 0,
518
518
  "iconTranslateY": 0,
519
519
  "outerBorderColor": {
@@ -84,10 +84,10 @@
84
84
  },
85
85
  "containerBorderRadius": 0,
86
86
  "containerOpacity": 1,
87
- "containerPaddingBottom": 2,
88
- "containerPaddingLeft": 4,
87
+ "containerPaddingBottom": 0,
88
+ "containerPaddingLeft": 0,
89
89
  "containerPaddingRight": 0,
90
- "containerPaddingTop": 2,
90
+ "containerPaddingTop": 0,
91
91
  "containerShadow": null,
92
92
  "descriptionFontName": "SofiaPro",
93
93
  "descriptionFontSize": 16,
@@ -138,7 +138,7 @@
138
138
  "labelFontSize": 18,
139
139
  "labelFontWeight": 400,
140
140
  "labelLineHeight": 1.55555555,
141
- "labelMarginLeft": 10,
141
+ "labelMarginLeft": 8,
142
142
  "outerBorderColor": {
143
143
  "red": 0,
144
144
  "green": 0,