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