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