@telus-uds/theme-koodo 6.3.0 → 6.4.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 (244) hide show
  1. package/build/android/Badge.json +22 -6
  2. package/build/android/theme.json +22 -6
  3. package/build/ios/Badge.json +22 -6
  4. package/build/ios/theme.json +22 -6
  5. package/build/rn/ActionCard.js +1 -1
  6. package/build/rn/ActivityIndicator.js +1 -1
  7. package/build/rn/Autocomplete.js +1 -1
  8. package/build/rn/Badge.js +15 -4
  9. package/build/rn/BlockQuote.js +1 -1
  10. package/build/rn/Box.js +1 -1
  11. package/build/rn/Breadcrumbs.js +1 -1
  12. package/build/rn/Button.js +1 -1
  13. package/build/rn/ButtonDropdown.js +1 -1
  14. package/build/rn/ButtonGroup.js +1 -1
  15. package/build/rn/ButtonGroupItem.js +1 -1
  16. package/build/rn/Callout.js +1 -1
  17. package/build/rn/Card.js +1 -1
  18. package/build/rn/CardGroup.js +1 -1
  19. package/build/rn/Carousel.js +1 -1
  20. package/build/rn/CarouselTabsPanelItem.js +1 -1
  21. package/build/rn/CarouselThumbnail.js +1 -1
  22. package/build/rn/Checkbox.js +1 -1
  23. package/build/rn/CheckboxCard.js +1 -1
  24. package/build/rn/CheckboxCardGroup.js +1 -1
  25. package/build/rn/CheckboxGroup.js +1 -1
  26. package/build/rn/ChevronLink.js +1 -1
  27. package/build/rn/ColourToggle.js +1 -1
  28. package/build/rn/Countdown.js +1 -1
  29. package/build/rn/DatePicker.js +1 -1
  30. package/build/rn/Disclaimer.js +1 -1
  31. package/build/rn/Divider.js +1 -1
  32. package/build/rn/DownloadApp.js +1 -1
  33. package/build/rn/ExpandCollapse.js +1 -1
  34. package/build/rn/ExpandCollapseControl.js +1 -1
  35. package/build/rn/ExpandCollapseMini.js +1 -1
  36. package/build/rn/ExpandCollapseMiniControl.js +1 -1
  37. package/build/rn/ExpandCollapsePanel.js +1 -1
  38. package/build/rn/Feedback.js +1 -1
  39. package/build/rn/Fieldset.js +1 -1
  40. package/build/rn/FileUpload.js +1 -1
  41. package/build/rn/Footnote.js +1 -1
  42. package/build/rn/FootnoteLink.js +1 -1
  43. package/build/rn/HorizontalScrollButton.js +1 -1
  44. package/build/rn/Icon.js +1 -1
  45. package/build/rn/IconButton.js +1 -1
  46. package/build/rn/Image.js +1 -1
  47. package/build/rn/InputLabel.js +1 -1
  48. package/build/rn/InputSupports.js +1 -1
  49. package/build/rn/Link.js +1 -1
  50. package/build/rn/List.js +1 -1
  51. package/build/rn/Listbox.js +1 -1
  52. package/build/rn/Modal.js +1 -1
  53. package/build/rn/MultiSelectFilter.js +1 -1
  54. package/build/rn/NavigationBar.js +1 -1
  55. package/build/rn/Notification.js +1 -1
  56. package/build/rn/OrderedList.js +1 -1
  57. package/build/rn/Pagination.js +1 -1
  58. package/build/rn/PaginationPageButton.js +1 -1
  59. package/build/rn/PaginationSideButton.js +1 -1
  60. package/build/rn/PreviewCard.js +1 -1
  61. package/build/rn/PriceLockup.js +1 -1
  62. package/build/rn/ProductCard.js +1 -1
  63. package/build/rn/Progress.js +1 -1
  64. package/build/rn/ProgressBar.js +1 -1
  65. package/build/rn/QuantitySelector.js +1 -1
  66. package/build/rn/QuantitySelectorSideButton.js +1 -1
  67. package/build/rn/QuickLinks.js +1 -1
  68. package/build/rn/QuickLinksButton.js +1 -1
  69. package/build/rn/QuickLinksCard.js +1 -1
  70. package/build/rn/QuickLinksFeature.js +1 -1
  71. package/build/rn/QuickLinksFeatureItem.js +1 -1
  72. package/build/rn/QuickLinksList.js +1 -1
  73. package/build/rn/Radio.js +1 -1
  74. package/build/rn/RadioCard.js +1 -1
  75. package/build/rn/RadioCardGroup.js +1 -1
  76. package/build/rn/RadioGroup.js +1 -1
  77. package/build/rn/Ribbon.js +1 -1
  78. package/build/rn/Search.js +1 -1
  79. package/build/rn/SearchButton.js +1 -1
  80. package/build/rn/Select.js +1 -1
  81. package/build/rn/SideNav.js +1 -1
  82. package/build/rn/SideNavItem.js +1 -1
  83. package/build/rn/SideNavItemsGroup.js +1 -1
  84. package/build/rn/Skeleton.js +1 -1
  85. package/build/rn/SkipLink.js +1 -1
  86. package/build/rn/Spinner.js +1 -1
  87. package/build/rn/SplashButton.js +1 -1
  88. package/build/rn/SplashButtonWithDetails.js +1 -1
  89. package/build/rn/StackView.js +1 -1
  90. package/build/rn/Status.js +1 -1
  91. package/build/rn/StepTracker.js +1 -1
  92. package/build/rn/StoryCard.js +1 -1
  93. package/build/rn/TabBar.js +1 -1
  94. package/build/rn/TabBarItem.js +1 -1
  95. package/build/rn/Table.js +1 -1
  96. package/build/rn/Tabs.js +1 -1
  97. package/build/rn/TabsItem.js +1 -1
  98. package/build/rn/Tags.js +1 -1
  99. package/build/rn/TagsItem.js +1 -1
  100. package/build/rn/TermsAndConditions.js +1 -1
  101. package/build/rn/Testimonial.js +1 -1
  102. package/build/rn/TextArea.js +1 -1
  103. package/build/rn/TextInput.js +1 -1
  104. package/build/rn/Timeline.js +1 -1
  105. package/build/rn/Toast.js +1 -1
  106. package/build/rn/ToggleSwitch.js +1 -1
  107. package/build/rn/ToggleSwitchGroup.js +1 -1
  108. package/build/rn/Tooltip.js +1 -1
  109. package/build/rn/TooltipButton.js +1 -1
  110. package/build/rn/Typography.js +1 -1
  111. package/build/rn/Video.js +1 -1
  112. package/build/rn/VideoButton.js +1 -1
  113. package/build/rn/VideoControlBar.js +1 -1
  114. package/build/rn/VideoMenu.js +1 -1
  115. package/build/rn/VideoMiddleControlButton.js +1 -1
  116. package/build/rn/VideoPicker.js +1 -1
  117. package/build/rn/VideoPickerSlider.js +1 -1
  118. package/build/rn/VideoPickerThumbnail.js +1 -1
  119. package/build/rn/VideoProgressBar.js +1 -1
  120. package/build/rn/VideoVolumeSlider.js +1 -1
  121. package/build/rn/WaffleGrid.js +1 -1
  122. package/build/rn/spacingScale.js +1 -1
  123. package/build/rn/theme.js +15 -4
  124. package/build/web/ActionCard.js +1 -1
  125. package/build/web/ActivityIndicator.js +1 -1
  126. package/build/web/Autocomplete.js +1 -1
  127. package/build/web/Badge.js +15 -4
  128. package/build/web/BlockQuote.js +1 -1
  129. package/build/web/Box.js +1 -1
  130. package/build/web/Breadcrumbs.js +1 -1
  131. package/build/web/Button.js +1 -1
  132. package/build/web/ButtonDropdown.js +1 -1
  133. package/build/web/ButtonGroup.js +1 -1
  134. package/build/web/ButtonGroupItem.js +1 -1
  135. package/build/web/Callout.js +1 -1
  136. package/build/web/Card.js +1 -1
  137. package/build/web/CardGroup.js +1 -1
  138. package/build/web/Carousel.js +1 -1
  139. package/build/web/CarouselTabsPanelItem.js +1 -1
  140. package/build/web/CarouselThumbnail.js +1 -1
  141. package/build/web/Checkbox.js +1 -1
  142. package/build/web/CheckboxCard.js +1 -1
  143. package/build/web/CheckboxCardGroup.js +1 -1
  144. package/build/web/CheckboxGroup.js +1 -1
  145. package/build/web/ChevronLink.js +1 -1
  146. package/build/web/ColourToggle.js +1 -1
  147. package/build/web/Countdown.js +1 -1
  148. package/build/web/DatePicker.js +1 -1
  149. package/build/web/Disclaimer.js +1 -1
  150. package/build/web/Divider.js +1 -1
  151. package/build/web/DownloadApp.js +1 -1
  152. package/build/web/ExpandCollapse.js +1 -1
  153. package/build/web/ExpandCollapseControl.js +1 -1
  154. package/build/web/ExpandCollapseMini.js +1 -1
  155. package/build/web/ExpandCollapseMiniControl.js +1 -1
  156. package/build/web/ExpandCollapsePanel.js +1 -1
  157. package/build/web/Feedback.js +1 -1
  158. package/build/web/Fieldset.js +1 -1
  159. package/build/web/FileUpload.js +1 -1
  160. package/build/web/Footnote.js +1 -1
  161. package/build/web/FootnoteLink.js +1 -1
  162. package/build/web/HorizontalScrollButton.js +1 -1
  163. package/build/web/Icon.js +1 -1
  164. package/build/web/IconButton.js +1 -1
  165. package/build/web/Image.js +1 -1
  166. package/build/web/InputLabel.js +1 -1
  167. package/build/web/InputSupports.js +1 -1
  168. package/build/web/Link.js +1 -1
  169. package/build/web/List.js +1 -1
  170. package/build/web/Listbox.js +1 -1
  171. package/build/web/Modal.js +1 -1
  172. package/build/web/MultiSelectFilter.js +1 -1
  173. package/build/web/NavigationBar.js +1 -1
  174. package/build/web/Notification.js +1 -1
  175. package/build/web/OrderedList.js +1 -1
  176. package/build/web/Pagination.js +1 -1
  177. package/build/web/PaginationPageButton.js +1 -1
  178. package/build/web/PaginationSideButton.js +1 -1
  179. package/build/web/PreviewCard.js +1 -1
  180. package/build/web/PriceLockup.js +1 -1
  181. package/build/web/ProductCard.js +1 -1
  182. package/build/web/Progress.js +1 -1
  183. package/build/web/ProgressBar.js +1 -1
  184. package/build/web/QuantitySelector.js +1 -1
  185. package/build/web/QuantitySelectorSideButton.js +1 -1
  186. package/build/web/QuickLinks.js +1 -1
  187. package/build/web/QuickLinksButton.js +1 -1
  188. package/build/web/QuickLinksCard.js +1 -1
  189. package/build/web/QuickLinksFeature.js +1 -1
  190. package/build/web/QuickLinksFeatureItem.js +1 -1
  191. package/build/web/QuickLinksList.js +1 -1
  192. package/build/web/Radio.js +1 -1
  193. package/build/web/RadioCard.js +1 -1
  194. package/build/web/RadioCardGroup.js +1 -1
  195. package/build/web/RadioGroup.js +1 -1
  196. package/build/web/Ribbon.js +1 -1
  197. package/build/web/Search.js +1 -1
  198. package/build/web/SearchButton.js +1 -1
  199. package/build/web/Select.js +1 -1
  200. package/build/web/SideNav.js +1 -1
  201. package/build/web/SideNavItem.js +1 -1
  202. package/build/web/SideNavItemsGroup.js +1 -1
  203. package/build/web/Skeleton.js +1 -1
  204. package/build/web/SkipLink.js +1 -1
  205. package/build/web/Spinner.js +1 -1
  206. package/build/web/SplashButton.js +1 -1
  207. package/build/web/SplashButtonWithDetails.js +1 -1
  208. package/build/web/StackView.js +1 -1
  209. package/build/web/Status.js +1 -1
  210. package/build/web/StepTracker.js +1 -1
  211. package/build/web/StoryCard.js +1 -1
  212. package/build/web/TabBar.js +1 -1
  213. package/build/web/TabBarItem.js +1 -1
  214. package/build/web/Table.js +1 -1
  215. package/build/web/Tabs.js +1 -1
  216. package/build/web/TabsItem.js +1 -1
  217. package/build/web/Tags.js +1 -1
  218. package/build/web/TagsItem.js +1 -1
  219. package/build/web/TermsAndConditions.js +1 -1
  220. package/build/web/Testimonial.js +1 -1
  221. package/build/web/TextArea.js +1 -1
  222. package/build/web/TextInput.js +1 -1
  223. package/build/web/Timeline.js +1 -1
  224. package/build/web/Toast.js +1 -1
  225. package/build/web/ToggleSwitch.js +1 -1
  226. package/build/web/ToggleSwitchGroup.js +1 -1
  227. package/build/web/Tooltip.js +1 -1
  228. package/build/web/TooltipButton.js +1 -1
  229. package/build/web/Typography.js +1 -1
  230. package/build/web/Video.js +1 -1
  231. package/build/web/VideoButton.js +1 -1
  232. package/build/web/VideoControlBar.js +1 -1
  233. package/build/web/VideoMenu.js +1 -1
  234. package/build/web/VideoMiddleControlButton.js +1 -1
  235. package/build/web/VideoPicker.js +1 -1
  236. package/build/web/VideoPickerSlider.js +1 -1
  237. package/build/web/VideoPickerThumbnail.js +1 -1
  238. package/build/web/VideoProgressBar.js +1 -1
  239. package/build/web/VideoVolumeSlider.js +1 -1
  240. package/build/web/WaffleGrid.js +1 -1
  241. package/build/web/spacingScale.js +1 -1
  242. package/build/web/theme.js +15 -4
  243. package/package.json +1 -1
  244. package/theme.json +18 -2
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:50 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 10 Jan 2025 21:40:02 GMT
4
+ * Generated on Wed, 22 Jan 2025 21:04:51 GMT
5
5
  *
6
6
  */
7
7
 
@@ -154,7 +154,8 @@ const theme = {
154
154
  alternative: { type: 'variant', values: [ true ] },
155
155
  inverse: { type: 'variant', values: [ true ] },
156
156
  outline: { type: 'variant', values: [ true ] },
157
- purpose: { type: 'variant', values: [ 'offer', 'editorial', 'subtle' ] }
157
+ purpose: { type: 'variant', values: [ 'offer', 'editorial', 'subtle' ] },
158
+ size: { type: 'variant', values: [ 'compact' ] }
158
159
  },
159
160
  rules: [
160
161
  {
@@ -204,7 +205,7 @@ const theme = {
204
205
  {
205
206
  if: { purpose: 'subtle' },
206
207
  tokens: {
207
- backgroundColor: '#a1ed00',
208
+ backgroundColor: '#e0d8fc',
208
209
  borderColor: 'rgba(0, 0, 0, 0)',
209
210
  color: '#000000'
210
211
  }
@@ -213,7 +214,7 @@ const theme = {
213
214
  if: { outline: true, purpose: 'subtle' },
214
215
  tokens: {
215
216
  backgroundColor: 'rgba(0, 0, 0, 0)',
216
- borderColor: '#a1ed00'
217
+ borderColor: '#e0d8fc'
217
218
  }
218
219
  },
219
220
  {
@@ -231,6 +232,16 @@ const theme = {
231
232
  borderColor: '#7a3dfc',
232
233
  color: '#000000'
233
234
  }
235
+ },
236
+ {
237
+ if: { size: 'compact' },
238
+ tokens: {
239
+ fontSize: 14,
240
+ paddingBottom: 0,
241
+ paddingLeft: 3,
242
+ paddingRight: 3,
243
+ paddingTop: 0
244
+ }
234
245
  }
235
246
  ],
236
247
  tokens: {
package/package.json CHANGED
@@ -40,5 +40,5 @@
40
40
  "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
41
41
  "dev": "nodemon -w src -x 'npm run build'"
42
42
  },
43
- "version": "6.3.0"
43
+ "version": "6.4.0"
44
44
  }
package/theme.json CHANGED
@@ -134,6 +134,10 @@
134
134
  "purpose": {
135
135
  "type": "variant",
136
136
  "values": ["offer", "editorial", "subtle"]
137
+ },
138
+ "size": {
139
+ "type": "variant",
140
+ "values": ["compact"]
137
141
  }
138
142
  },
139
143
  "rules": [
@@ -196,7 +200,7 @@
196
200
  "purpose": "subtle"
197
201
  },
198
202
  "tokens": {
199
- "backgroundColor": "{palette.color.green}",
203
+ "backgroundColor": "{palette.color.purpleLight}",
200
204
  "borderColor": "{palette.color.transparent}",
201
205
  "color": "{palette.color.black}"
202
206
  }
@@ -208,7 +212,7 @@
208
212
  },
209
213
  "tokens": {
210
214
  "backgroundColor": "{palette.color.transparent}",
211
- "borderColor": "{palette.color.green}"
215
+ "borderColor": "{palette.color.purpleLight}"
212
216
  }
213
217
  },
214
218
  {
@@ -232,6 +236,18 @@
232
236
  "borderColor": "{palette.color.purple}",
233
237
  "color": "{palette.color.black}"
234
238
  }
239
+ },
240
+ {
241
+ "if": {
242
+ "size": "compact"
243
+ },
244
+ "tokens": {
245
+ "fontSize": "{palette.fontSize.size14}",
246
+ "paddingBottom": "{palette.size.size0}",
247
+ "paddingLeft": "{palette.size.size3}",
248
+ "paddingRight": "{palette.size.size3}",
249
+ "paddingTop": "{palette.size.size0}"
250
+ }
235
251
  }
236
252
  ],
237
253
  "tokens": {