@telus-uds/theme-allium 7.17.2 → 7.19.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 (269) hide show
  1. package/build/android/ButtonGroupItem.json +55 -41
  2. package/build/android/Card.json +4 -0
  3. package/build/android/CheckboxCard.json +4 -0
  4. package/build/android/IconButton.json +28 -1
  5. package/build/android/Listbox.json +290 -42
  6. package/build/android/RadioCard.json +4 -0
  7. package/build/android/Shortcuts.json +44 -0
  8. package/build/android/ShortcutsItem.json +77 -0
  9. package/build/android/Table.json +4 -0
  10. package/build/android/schema.json +1845 -1189
  11. package/build/android/theme.json +511 -85
  12. package/build/ios/ButtonGroupItem.json +55 -41
  13. package/build/ios/Card.json +4 -0
  14. package/build/ios/CheckboxCard.json +4 -0
  15. package/build/ios/IconButton.json +28 -1
  16. package/build/ios/Listbox.json +290 -42
  17. package/build/ios/RadioCard.json +4 -0
  18. package/build/ios/Shortcuts.json +44 -0
  19. package/build/ios/ShortcutsItem.json +77 -0
  20. package/build/ios/Table.json +4 -0
  21. package/build/ios/schema.json +1845 -1189
  22. package/build/ios/theme.json +511 -85
  23. package/build/rn/ActionCard.js +1 -1
  24. package/build/rn/ActivityIndicator.js +1 -1
  25. package/build/rn/Autocomplete.js +1 -1
  26. package/build/rn/Badge.js +1 -1
  27. package/build/rn/BlockQuote.js +1 -1
  28. package/build/rn/Box.js +1 -1
  29. package/build/rn/Breadcrumbs.js +1 -1
  30. package/build/rn/Button.js +1 -1
  31. package/build/rn/ButtonDropdown.js +1 -1
  32. package/build/rn/ButtonGroup.js +1 -1
  33. package/build/rn/ButtonGroupItem.js +43 -13
  34. package/build/rn/Callout.js +1 -1
  35. package/build/rn/Card.js +9 -1
  36. package/build/rn/CardGroup.js +1 -1
  37. package/build/rn/Carousel.js +1 -1
  38. package/build/rn/CarouselTabsPanelItem.js +1 -1
  39. package/build/rn/CarouselThumbnail.js +1 -1
  40. package/build/rn/Checkbox.js +1 -1
  41. package/build/rn/CheckboxCard.js +5 -1
  42. package/build/rn/CheckboxCardGroup.js +1 -1
  43. package/build/rn/CheckboxGroup.js +1 -1
  44. package/build/rn/ChevronLink.js +1 -1
  45. package/build/rn/ColourToggle.js +1 -1
  46. package/build/rn/Countdown.js +1 -1
  47. package/build/rn/DatePicker.js +1 -1
  48. package/build/rn/Disclaimer.js +1 -1
  49. package/build/rn/Divider.js +1 -1
  50. package/build/rn/DownloadApp.js +1 -1
  51. package/build/rn/ExpandCollapse.js +1 -1
  52. package/build/rn/ExpandCollapseControl.js +1 -1
  53. package/build/rn/ExpandCollapseMini.js +1 -1
  54. package/build/rn/ExpandCollapseMiniControl.js +1 -1
  55. package/build/rn/ExpandCollapsePanel.js +1 -1
  56. package/build/rn/Feedback.js +1 -1
  57. package/build/rn/Fieldset.js +1 -1
  58. package/build/rn/FileUpload.js +1 -1
  59. package/build/rn/Footnote.js +1 -1
  60. package/build/rn/FootnoteLink.js +1 -1
  61. package/build/rn/HorizontalScrollButton.js +1 -1
  62. package/build/rn/Icon.js +1 -1
  63. package/build/rn/IconButton.js +18 -2
  64. package/build/rn/Image.js +1 -1
  65. package/build/rn/InputLabel.js +1 -1
  66. package/build/rn/InputSupports.js +1 -1
  67. package/build/rn/Link.js +1 -1
  68. package/build/rn/List.js +1 -1
  69. package/build/rn/Listbox.js +197 -46
  70. package/build/rn/Modal.js +1 -1
  71. package/build/rn/MultiSelectFilter.js +1 -1
  72. package/build/rn/NavigationBar.js +1 -1
  73. package/build/rn/Notification.js +1 -1
  74. package/build/rn/OrderedList.js +1 -1
  75. package/build/rn/Pagination.js +1 -1
  76. package/build/rn/PaginationPageButton.js +1 -1
  77. package/build/rn/PaginationSideButton.js +1 -1
  78. package/build/rn/PreviewCard.js +1 -1
  79. package/build/rn/PriceLockup.js +1 -1
  80. package/build/rn/ProductCard.js +1 -1
  81. package/build/rn/Progress.js +1 -1
  82. package/build/rn/ProgressBar.js +1 -1
  83. package/build/rn/QuantitySelector.js +1 -1
  84. package/build/rn/QuantitySelectorSideButton.js +1 -1
  85. package/build/rn/QuickLinks.js +1 -1
  86. package/build/rn/QuickLinksButton.js +1 -1
  87. package/build/rn/QuickLinksCard.js +1 -1
  88. package/build/rn/QuickLinksFeature.js +1 -1
  89. package/build/rn/QuickLinksFeatureItem.js +1 -1
  90. package/build/rn/QuickLinksList.js +1 -1
  91. package/build/rn/Radio.js +1 -1
  92. package/build/rn/RadioCard.js +5 -1
  93. package/build/rn/RadioCardGroup.js +1 -1
  94. package/build/rn/RadioGroup.js +1 -1
  95. package/build/rn/Ribbon.js +1 -1
  96. package/build/rn/Search.js +1 -1
  97. package/build/rn/SearchButton.js +1 -1
  98. package/build/rn/Select.js +1 -1
  99. package/build/rn/Shortcuts.js +33 -0
  100. package/build/rn/ShortcutsItem.js +65 -0
  101. package/build/rn/SideNav.js +1 -1
  102. package/build/rn/SideNavItem.js +1 -1
  103. package/build/rn/SideNavItemsGroup.js +1 -1
  104. package/build/rn/Skeleton.js +1 -1
  105. package/build/rn/SkipLink.js +1 -1
  106. package/build/rn/Spinner.js +1 -1
  107. package/build/rn/SplashButton.js +1 -1
  108. package/build/rn/SplashButtonWithDetails.js +1 -1
  109. package/build/rn/StackView.js +1 -1
  110. package/build/rn/Status.js +1 -1
  111. package/build/rn/StepTracker.js +1 -1
  112. package/build/rn/StoryCard.js +1 -1
  113. package/build/rn/TabBar.js +1 -1
  114. package/build/rn/TabBarItem.js +1 -1
  115. package/build/rn/Table.js +5 -1
  116. package/build/rn/Tabs.js +1 -1
  117. package/build/rn/TabsItem.js +1 -1
  118. package/build/rn/Tags.js +1 -1
  119. package/build/rn/TagsItem.js +1 -1
  120. package/build/rn/TermsAndConditions.js +1 -1
  121. package/build/rn/Testimonial.js +1 -1
  122. package/build/rn/TextArea.js +1 -1
  123. package/build/rn/TextInput.js +1 -1
  124. package/build/rn/Timeline.js +1 -1
  125. package/build/rn/Toast.js +1 -1
  126. package/build/rn/ToggleSwitch.js +1 -1
  127. package/build/rn/ToggleSwitchGroup.js +1 -1
  128. package/build/rn/Tooltip.js +1 -1
  129. package/build/rn/TooltipButton.js +1 -1
  130. package/build/rn/Typography.js +1 -1
  131. package/build/rn/Video.js +1 -1
  132. package/build/rn/VideoButton.js +1 -1
  133. package/build/rn/VideoControlBar.js +1 -1
  134. package/build/rn/VideoMenu.js +1 -1
  135. package/build/rn/VideoMiddleControlButton.js +1 -1
  136. package/build/rn/VideoPicker.js +1 -1
  137. package/build/rn/VideoPickerSlider.js +1 -1
  138. package/build/rn/VideoPickerThumbnail.js +1 -1
  139. package/build/rn/VideoProgressBar.js +1 -1
  140. package/build/rn/VideoVolumeSlider.js +1 -1
  141. package/build/rn/WaffleGrid.js +1 -1
  142. package/build/rn/schema.json +1845 -1189
  143. package/build/rn/spacingScale.js +1 -1
  144. package/build/rn/theme.js +361 -59
  145. package/build/web/ActionCard.js +1 -1
  146. package/build/web/ActivityIndicator.js +1 -1
  147. package/build/web/Autocomplete.js +1 -1
  148. package/build/web/Badge.js +1 -1
  149. package/build/web/BlockQuote.js +1 -1
  150. package/build/web/Box.js +1 -1
  151. package/build/web/Breadcrumbs.js +1 -1
  152. package/build/web/Button.js +1 -1
  153. package/build/web/ButtonDropdown.js +1 -1
  154. package/build/web/ButtonGroup.js +1 -1
  155. package/build/web/ButtonGroupItem.js +43 -13
  156. package/build/web/Callout.js +1 -1
  157. package/build/web/Card.js +9 -1
  158. package/build/web/CardGroup.js +1 -1
  159. package/build/web/Carousel.js +1 -1
  160. package/build/web/CarouselTabsPanelItem.js +1 -1
  161. package/build/web/CarouselThumbnail.js +1 -1
  162. package/build/web/Checkbox.js +1 -1
  163. package/build/web/CheckboxCard.js +5 -1
  164. package/build/web/CheckboxCardGroup.js +1 -1
  165. package/build/web/CheckboxGroup.js +1 -1
  166. package/build/web/ChevronLink.js +1 -1
  167. package/build/web/ColourToggle.js +1 -1
  168. package/build/web/Countdown.js +1 -1
  169. package/build/web/DatePicker.js +1 -1
  170. package/build/web/Disclaimer.js +1 -1
  171. package/build/web/Divider.js +1 -1
  172. package/build/web/DownloadApp.js +1 -1
  173. package/build/web/ExpandCollapse.js +1 -1
  174. package/build/web/ExpandCollapseControl.js +1 -1
  175. package/build/web/ExpandCollapseMini.js +1 -1
  176. package/build/web/ExpandCollapseMiniControl.js +1 -1
  177. package/build/web/ExpandCollapsePanel.js +1 -1
  178. package/build/web/Feedback.js +1 -1
  179. package/build/web/Fieldset.js +1 -1
  180. package/build/web/FileUpload.js +1 -1
  181. package/build/web/Footnote.js +1 -1
  182. package/build/web/FootnoteLink.js +1 -1
  183. package/build/web/HorizontalScrollButton.js +1 -1
  184. package/build/web/Icon.js +1 -1
  185. package/build/web/IconButton.js +18 -2
  186. package/build/web/Image.js +1 -1
  187. package/build/web/InputLabel.js +1 -1
  188. package/build/web/InputSupports.js +1 -1
  189. package/build/web/Link.js +1 -1
  190. package/build/web/List.js +1 -1
  191. package/build/web/Listbox.js +197 -46
  192. package/build/web/Modal.js +1 -1
  193. package/build/web/MultiSelectFilter.js +1 -1
  194. package/build/web/NavigationBar.js +1 -1
  195. package/build/web/Notification.js +1 -1
  196. package/build/web/OrderedList.js +1 -1
  197. package/build/web/Pagination.js +1 -1
  198. package/build/web/PaginationPageButton.js +1 -1
  199. package/build/web/PaginationSideButton.js +1 -1
  200. package/build/web/PreviewCard.js +1 -1
  201. package/build/web/PriceLockup.js +1 -1
  202. package/build/web/ProductCard.js +1 -1
  203. package/build/web/Progress.js +1 -1
  204. package/build/web/ProgressBar.js +1 -1
  205. package/build/web/QuantitySelector.js +1 -1
  206. package/build/web/QuantitySelectorSideButton.js +1 -1
  207. package/build/web/QuickLinks.js +1 -1
  208. package/build/web/QuickLinksButton.js +1 -1
  209. package/build/web/QuickLinksCard.js +1 -1
  210. package/build/web/QuickLinksFeature.js +1 -1
  211. package/build/web/QuickLinksFeatureItem.js +1 -1
  212. package/build/web/QuickLinksList.js +1 -1
  213. package/build/web/Radio.js +1 -1
  214. package/build/web/RadioCard.js +5 -1
  215. package/build/web/RadioCardGroup.js +1 -1
  216. package/build/web/RadioGroup.js +1 -1
  217. package/build/web/Ribbon.js +1 -1
  218. package/build/web/Search.js +1 -1
  219. package/build/web/SearchButton.js +1 -1
  220. package/build/web/Select.js +1 -1
  221. package/build/web/Shortcuts.js +33 -0
  222. package/build/web/ShortcutsItem.js +65 -0
  223. package/build/web/SideNav.js +1 -1
  224. package/build/web/SideNavItem.js +1 -1
  225. package/build/web/SideNavItemsGroup.js +1 -1
  226. package/build/web/Skeleton.js +1 -1
  227. package/build/web/SkipLink.js +1 -1
  228. package/build/web/Spinner.js +1 -1
  229. package/build/web/SplashButton.js +1 -1
  230. package/build/web/SplashButtonWithDetails.js +1 -1
  231. package/build/web/StackView.js +1 -1
  232. package/build/web/Status.js +1 -1
  233. package/build/web/StepTracker.js +1 -1
  234. package/build/web/StoryCard.js +1 -1
  235. package/build/web/TabBar.js +1 -1
  236. package/build/web/TabBarItem.js +1 -1
  237. package/build/web/Table.js +5 -1
  238. package/build/web/Tabs.js +1 -1
  239. package/build/web/TabsItem.js +1 -1
  240. package/build/web/Tags.js +1 -1
  241. package/build/web/TagsItem.js +1 -1
  242. package/build/web/TermsAndConditions.js +1 -1
  243. package/build/web/Testimonial.js +1 -1
  244. package/build/web/TextArea.js +1 -1
  245. package/build/web/TextInput.js +1 -1
  246. package/build/web/Timeline.js +1 -1
  247. package/build/web/Toast.js +1 -1
  248. package/build/web/ToggleSwitch.js +1 -1
  249. package/build/web/ToggleSwitchGroup.js +1 -1
  250. package/build/web/Tooltip.js +1 -1
  251. package/build/web/TooltipButton.js +1 -1
  252. package/build/web/Typography.js +1 -1
  253. package/build/web/Video.js +1 -1
  254. package/build/web/VideoButton.js +1 -1
  255. package/build/web/VideoControlBar.js +1 -1
  256. package/build/web/VideoMenu.js +1 -1
  257. package/build/web/VideoMiddleControlButton.js +1 -1
  258. package/build/web/VideoPicker.js +1 -1
  259. package/build/web/VideoPickerSlider.js +1 -1
  260. package/build/web/VideoPickerThumbnail.js +1 -1
  261. package/build/web/VideoProgressBar.js +1 -1
  262. package/build/web/VideoVolumeSlider.js +1 -1
  263. package/build/web/WaffleGrid.js +1 -1
  264. package/build/web/index.js +3 -1
  265. package/build/web/schema.json +1845 -1189
  266. package/build/web/spacingScale.js +1 -1
  267. package/build/web/theme.js +361 -59
  268. package/package.json +5 -5
  269. package/theme.json +414 -68
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 29 Oct 2025 07:39:30 GMT
4
+ * Generated on Fri, 12 Dec 2025 05:36:04 GMT
5
5
  *
6
6
  */
7
7
 
package/build/rn/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 29 Oct 2025 07:39:30 GMT
4
+ * Generated on Fri, 12 Dec 2025 05:36:04 GMT
5
5
  *
6
6
  */
7
7
 
@@ -22,10 +22,14 @@ const PaletteIconIOSFR = require('@telus-uds/palette-allium/build/rn/icons/IOSFR
22
22
  const PaletteIconStatusSuccess = require('@telus-uds/palette-allium/build/rn/icons/StatusSuccess')
23
23
  const PaletteIconClose = require('@telus-uds/palette-allium/build/rn/icons/Close')
24
24
  const PaletteIconAdd = require('@telus-uds/palette-allium/build/rn/icons/Add')
25
+ const PaletteIconMenuHamburger = require('@telus-uds/palette-allium/build/rn/icons/MenuHamburger')
26
+ const PaletteIconCartEmpty = require('@telus-uds/palette-allium/build/rn/icons/CartEmpty')
27
+ const PaletteIconUserSingle = require('@telus-uds/palette-allium/build/rn/icons/UserSingle')
25
28
  const PaletteIconSubtract = require('@telus-uds/palette-allium/build/rn/icons/Subtract')
26
29
  const PaletteIconExpand = require('@telus-uds/palette-allium/build/rn/icons/Expand')
27
30
  const PaletteIconChevronLeft = require('@telus-uds/palette-allium/build/rn/icons/ChevronLeft')
28
31
  const PaletteIconBulletFill = require('@telus-uds/palette-allium/build/rn/icons/BulletFill')
32
+ const PaletteIconChevronUp = require('@telus-uds/palette-allium/build/rn/icons/ChevronUp')
29
33
  const PaletteIconStatusInfo = require('@telus-uds/palette-allium/build/rn/icons/StatusInfo')
30
34
  const PaletteIconTagFilled = require('@telus-uds/palette-allium/build/rn/icons/TagFilled')
31
35
  const PaletteIconTimes = require('@telus-uds/palette-allium/build/rn/icons/Times')
@@ -1153,21 +1157,19 @@ module.exports = {
1153
1157
  if: { size: 'small' },
1154
1158
  tokens: { height: 32, paddingBottom: 4, paddingTop: 4 }
1155
1159
  },
1156
- { if: { hover: true }, tokens: { borderWidth: 3 } },
1157
1160
  {
1158
- if: { pressed: true },
1161
+ if: { hover: true },
1159
1162
  tokens: {
1160
- backgroundColor: '#676e73',
1161
- borderColor: '#676e73',
1162
- color: '#ffffff'
1163
+ backgroundColor: '#b2b9bf',
1164
+ borderColor: '#b2b9bf',
1165
+ borderWidth: 3
1163
1166
  }
1164
1167
  },
1165
1168
  {
1166
1169
  if: { pressed: true },
1167
1170
  tokens: {
1168
- backgroundColor: '#676e73',
1169
- borderColor: '#676e73',
1170
- borderWidth: 0,
1171
+ backgroundColor: '#414547',
1172
+ borderColor: '#414547',
1171
1173
  color: '#ffffff'
1172
1174
  }
1173
1175
  },
@@ -1180,6 +1182,14 @@ module.exports = {
1180
1182
  outerBorderWidth: 2
1181
1183
  }
1182
1184
  },
1185
+ {
1186
+ if: { focus: true, pressed: true },
1187
+ tokens: {
1188
+ borderColor: '#414547',
1189
+ borderWidth: 0,
1190
+ outerBorderWidth: 0
1191
+ }
1192
+ },
1183
1193
  { if: { hover: true }, tokens: { borderWidth: 3 } },
1184
1194
  {
1185
1195
  if: { selected: true },
@@ -1208,9 +1218,9 @@ module.exports = {
1208
1218
  {
1209
1219
  if: { inactive: true },
1210
1220
  tokens: {
1211
- backgroundColor: '#b2b9bf',
1221
+ backgroundColor: '#ffffff',
1212
1222
  borderWidth: 0,
1213
- color: '#ffffff'
1223
+ color: '#b2b9bf'
1214
1224
  }
1215
1225
  },
1216
1226
  { if: { iconPosition: 'right' }, tokens: { iconSpace: 1 } },
@@ -1234,7 +1244,7 @@ module.exports = {
1234
1244
  if: { hover: true, style: 'contained' },
1235
1245
  tokens: {
1236
1246
  backgroundColor: 'rgba(0, 0, 0, 0)',
1237
- borderColor: '#676e73',
1247
+ borderColor: '#b2b9bf',
1238
1248
  borderWidth: 3
1239
1249
  }
1240
1250
  },
@@ -1251,6 +1261,7 @@ module.exports = {
1251
1261
  tokens: {
1252
1262
  borderColor: '#676e73',
1253
1263
  borderWidth: 1,
1264
+ outerBorderColor: 'rgba(0, 0, 0, 0)',
1254
1265
  outerBorderWidth: 0
1255
1266
  }
1256
1267
  },
@@ -1269,7 +1280,30 @@ module.exports = {
1269
1280
  },
1270
1281
  {
1271
1282
  if: { pressed: true, style: 'contained' },
1272
- tokens: { backgroundColor: '#3f2a54' }
1283
+ tokens: {
1284
+ backgroundColor: 'rgba(0, 0, 0, 0.1)',
1285
+ borderColor: 'rgba(0, 0, 0, 0)',
1286
+ borderWidth: 0,
1287
+ color: '#ffffff'
1288
+ }
1289
+ },
1290
+ {
1291
+ if: { inactive: true, style: 'contained' },
1292
+ tokens: {
1293
+ backgroundColor: '#ffffff',
1294
+ borderColor: 'rgba(0, 0, 0, 0)',
1295
+ borderWidth: 0,
1296
+ color: '#b2b9bf'
1297
+ }
1298
+ },
1299
+ {
1300
+ if: {
1301
+ focus: true,
1302
+ pressed: true,
1303
+ selected: true,
1304
+ style: 'contained'
1305
+ },
1306
+ tokens: { borderWidth: 0, paddingBottom: 8, paddingTop: 8 }
1273
1307
  }
1274
1308
  ],
1275
1309
  tokens: {
@@ -1737,6 +1771,10 @@ module.exports = {
1737
1771
  if: { hover: true, interactive: true, style: 'darkest' },
1738
1772
  tokens: { backgroundColor: 'rgba(255, 255, 255, 0.1)' }
1739
1773
  },
1774
+ {
1775
+ if: { hover: true, interactive: true, style: 'feature' },
1776
+ tokens: { backgroundColor: 'rgba(0, 0, 0, 0.05)' }
1777
+ },
1740
1778
  {
1741
1779
  if: { interactive: true, pressed: true, style: 'dark' },
1742
1780
  tokens: { backgroundColor: 'rgba(255, 255, 255, 0.2)' }
@@ -1780,6 +1818,10 @@ module.exports = {
1780
1818
  spread: 0
1781
1819
  },
1782
1820
  inputWidth: 32,
1821
+ marginBottom: 0,
1822
+ marginLeft: 0,
1823
+ marginRight: 0,
1824
+ marginTop: 0,
1783
1825
  maxHeight: '100%',
1784
1826
  minWidth: null,
1785
1827
  overflowY: 'visible',
@@ -2302,6 +2344,10 @@ module.exports = {
2302
2344
  fontWeight: '500',
2303
2345
  letterSpacing: 0,
2304
2346
  lineHeight: 1.4,
2347
+ marginBottom: 0,
2348
+ marginLeft: 0,
2349
+ marginRight: 0,
2350
+ marginTop: 0,
2305
2351
  minWidth: 264,
2306
2352
  outerBorderColor: 'transparent',
2307
2353
  outerBorderGap: 0,
@@ -3821,7 +3867,8 @@ module.exports = {
3821
3867
  'expand', 'moveDown',
3822
3868
  'moveLeft', 'moveRight',
3823
3869
  'moveUp', 'play',
3824
- 'subtract'
3870
+ 'subtract', 'menu',
3871
+ 'cart', 'profile'
3825
3872
  ]
3826
3873
  },
3827
3874
  compact: {
@@ -3869,6 +3916,18 @@ module.exports = {
3869
3916
  size: { type: 'variant', values: [ 'small', 'large' ] }
3870
3917
  },
3871
3918
  rules: [
3919
+ {
3920
+ if: { action: 'menu' },
3921
+ tokens: { icon: PaletteIconMenuHamburger }
3922
+ },
3923
+ {
3924
+ if: { action: 'cart' },
3925
+ tokens: { icon: PaletteIconCartEmpty }
3926
+ },
3927
+ {
3928
+ if: { action: 'profile' },
3929
+ tokens: { icon: PaletteIconUserSingle }
3930
+ },
3872
3931
  { if: { action: 'add' }, tokens: { icon: PaletteIconAdd } },
3873
3932
  {
3874
3933
  if: { action: 'subtract' },
@@ -4639,111 +4698,245 @@ module.exports = {
4639
4698
  description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
4640
4699
  type: 'state',
4641
4700
  values: [ true, false ]
4642
- }
4701
+ },
4702
+ secondLevel: { type: 'variant', values: [ true ] },
4703
+ style: { type: 'variant', values: [ 'default', 'lightest', 'light' ] }
4643
4704
  },
4644
4705
  rules: [
4645
4706
  {
4646
- if: { focus: true, hover: true, pressed: true },
4707
+ if: { style: 'default' },
4708
+ tokens: { containerBackgroundColor: 'rgba(0, 0, 0, 0)' }
4709
+ },
4710
+ {
4711
+ if: { style: 'lightest' },
4712
+ tokens: { containerBackgroundColor: '#ffffff' }
4713
+ },
4714
+ {
4715
+ if: { style: 'light' },
4716
+ tokens: { containerBackgroundColor: '#f4f4f7' }
4717
+ },
4718
+ {
4719
+ if: { hover: true },
4647
4720
  tokens: {
4648
- groupBackgroundColor: '#e3e6e8',
4649
- groupBorderColor: 'rgba(0, 0, 0, 0)',
4650
- groupColor: '#676e73',
4651
- itemBackgroundColor: '#e3e6e8',
4652
- itemColor: '#676e73'
4721
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4722
+ groupColor: '#4b286d',
4723
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4724
+ itemColor: '#4b286d'
4653
4725
  }
4654
4726
  },
4655
4727
  {
4656
- if: { focus: false, hover: true, pressed: false },
4728
+ if: { pressed: true },
4657
4729
  tokens: {
4658
- groupBackgroundColor: '#f4f4f7',
4730
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.1)',
4659
4731
  groupColor: '#4b286d',
4660
- itemBackgroundColor: '#f4f4f7',
4732
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.1)',
4661
4733
  itemColor: '#4b286d'
4662
4734
  }
4663
4735
  },
4664
4736
  {
4665
- if: { focus: true, pressed: false },
4737
+ if: { current: true },
4666
4738
  tokens: {
4667
- groupBorderColor: '#4b286d',
4668
- groupBorderWidth: 1,
4739
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4669
4740
  groupColor: '#4b286d',
4670
- itemBorderBottomColor: '#4b286d',
4671
- itemBorderLeftColor: '#4b286d',
4672
- itemBorderRightColor: '#4b286d',
4673
- itemBorderTopColor: '#4b286d',
4674
- itemColor: '#4b286d'
4741
+ groupFontName: 'HNforTELUSSA',
4742
+ groupFontWeight: '700',
4743
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4744
+ itemColor: '#4b286d',
4745
+ itemFontName: 'HNforTELUSSA',
4746
+ itemFontWeight: '700'
4675
4747
  }
4676
4748
  },
4677
4749
  {
4678
4750
  if: { expanded: true },
4679
- tokens: { groupIcon: PaletteIconCaretUp }
4751
+ tokens: {
4752
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4753
+ groupColor: '#4b286d',
4754
+ groupFontName: 'HNforTELUSSA',
4755
+ groupFontWeight: '700',
4756
+ groupIcon: PaletteIconChevronUp,
4757
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4758
+ itemColor: '#4b286d',
4759
+ itemFontName: 'HNforTELUSSA',
4760
+ itemFontWeight: '700'
4761
+ }
4680
4762
  },
4681
4763
  {
4682
- if: { current: true },
4764
+ if: { current: true, pressed: true },
4683
4765
  tokens: {
4766
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.1)',
4684
4767
  groupColor: '#4b286d',
4685
4768
  groupFontName: 'HNforTELUSSA',
4686
4769
  groupFontWeight: '700',
4687
- itemColor: '#4b286d'
4770
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.1)',
4771
+ itemColor: '#4b286d',
4772
+ itemFontName: 'HNforTELUSSA',
4773
+ itemFontWeight: '700'
4688
4774
  }
4689
4775
  },
4690
4776
  {
4691
- if: { current: true, pressed: true },
4777
+ if: { expanded: true, pressed: true },
4692
4778
  tokens: {
4693
- groupBackgroundColor: '#e3e6e8',
4694
- groupBorderWidth: 1,
4695
- groupColor: '#676e73',
4779
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.1)',
4780
+ groupColor: '#4b286d',
4696
4781
  groupFontName: 'HNforTELUSSA',
4697
- groupFontWeight: '700'
4782
+ groupFontWeight: '700',
4783
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.1)',
4784
+ itemColor: '#4b286d',
4785
+ itemFontName: 'HNforTELUSSA',
4786
+ itemFontWeight: '700'
4698
4787
  }
4699
4788
  },
4700
4789
  {
4701
- if: { isChild: true },
4790
+ if: { current: false, focus: true, hover: false, pressed: false },
4702
4791
  tokens: {
4792
+ groupBackgroundColor: 'rgba(0, 0, 0, 0)',
4793
+ groupBorderBottomColor: '#4b286d',
4794
+ groupBorderBottomWidth: 1,
4795
+ groupBorderLeftColor: '#4b286d',
4796
+ groupBorderLeftWidth: 1,
4797
+ groupBorderRightColor: '#4b286d',
4798
+ groupBorderRightWidth: 1,
4799
+ groupBorderTopColor: '#4b286d',
4800
+ groupBorderTopWidth: 1,
4801
+ groupColor: '#4b286d',
4802
+ itemBackgroundColor: 'rgba(0, 0, 0, 0)',
4803
+ itemBorderBottomColor: '#4b286d',
4703
4804
  itemBorderBottomWidth: 1,
4704
- itemBorderLeftColor: '#e3e6e8',
4705
- itemBorderLeftWidth: 4,
4706
- itemBorderTopWidth: 1
4805
+ itemBorderLeftColor: '#4b286d',
4806
+ itemBorderLeftWidth: 1,
4807
+ itemBorderRightColor: '#4b286d',
4808
+ itemBorderRightWidth: 1,
4809
+ itemBorderTopColor: '#4b286d',
4810
+ itemBorderTopWidth: 1,
4811
+ itemColor: '#4b286d'
4707
4812
  }
4708
4813
  },
4709
4814
  {
4710
- if: { focus: true, isChild: true },
4815
+ if: {
4816
+ expanded: false,
4817
+ focus: true,
4818
+ hover: false,
4819
+ pressed: false
4820
+ },
4711
4821
  tokens: {
4822
+ groupBackgroundColor: 'rgba(0, 0, 0, 0)',
4823
+ groupBorderBottomColor: '#4b286d',
4824
+ groupBorderBottomWidth: 1,
4825
+ groupBorderLeftColor: '#4b286d',
4826
+ groupBorderLeftWidth: 1,
4827
+ groupBorderRightColor: '#4b286d',
4828
+ groupBorderRightWidth: 1,
4829
+ groupBorderTopColor: '#4b286d',
4830
+ groupBorderTopWidth: 1,
4831
+ groupColor: '#4b286d',
4832
+ itemBackgroundColor: 'rgba(0, 0, 0, 0)',
4712
4833
  itemBorderBottomColor: '#4b286d',
4713
4834
  itemBorderBottomWidth: 1,
4714
4835
  itemBorderLeftColor: '#4b286d',
4836
+ itemBorderLeftWidth: 1,
4715
4837
  itemBorderRightColor: '#4b286d',
4716
4838
  itemBorderRightWidth: 1,
4717
4839
  itemBorderTopColor: '#4b286d',
4718
- itemBorderTopWidth: 1
4840
+ itemBorderTopWidth: 1,
4841
+ itemColor: '#4b286d'
4719
4842
  }
4720
4843
  },
4721
4844
  {
4722
- if: { hover: true, isChild: true },
4723
- tokens: { itemBorderLeftColor: '#4b286d' }
4845
+ if: { current: true, focus: true, hover: false, pressed: false },
4846
+ tokens: {
4847
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4848
+ groupBorderBottomColor: '#4b286d',
4849
+ groupBorderBottomWidth: 1,
4850
+ groupBorderLeftColor: '#4b286d',
4851
+ groupBorderLeftWidth: 1,
4852
+ groupBorderRightColor: '#4b286d',
4853
+ groupBorderRightWidth: 1,
4854
+ groupBorderTopColor: '#4b286d',
4855
+ groupBorderTopWidth: 1,
4856
+ groupColor: '#4b286d',
4857
+ groupFontName: 'HNforTELUSSA',
4858
+ groupFontWeight: '700',
4859
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4860
+ itemBorderBottomColor: '#4b286d',
4861
+ itemBorderBottomWidth: 1,
4862
+ itemBorderLeftColor: '#4b286d',
4863
+ itemBorderLeftWidth: 1,
4864
+ itemBorderRightColor: '#4b286d',
4865
+ itemBorderRightWidth: 1,
4866
+ itemBorderTopColor: '#4b286d',
4867
+ itemBorderTopWidth: 1,
4868
+ itemColor: '#4b286d'
4869
+ }
4724
4870
  },
4725
4871
  {
4726
- if: { current: true, isChild: true },
4727
- tokens: { itemBorderLeftColor: '#4b286d' }
4872
+ if: { expanded: true, focus: true, hover: false, pressed: false },
4873
+ tokens: {
4874
+ groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4875
+ groupBorderBottomColor: '#4b286d',
4876
+ groupBorderBottomWidth: 1,
4877
+ groupBorderLeftColor: '#4b286d',
4878
+ groupBorderLeftWidth: 1,
4879
+ groupBorderRightColor: '#4b286d',
4880
+ groupBorderRightWidth: 1,
4881
+ groupBorderTopColor: '#4b286d',
4882
+ groupBorderTopWidth: 1,
4883
+ groupColor: '#4b286d',
4884
+ groupFontName: 'HNforTELUSSA',
4885
+ groupFontWeight: '700',
4886
+ itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
4887
+ itemBorderBottomColor: '#4b286d',
4888
+ itemBorderBottomWidth: 1,
4889
+ itemBorderLeftColor: '#4b286d',
4890
+ itemBorderLeftWidth: 1,
4891
+ itemBorderRightColor: '#4b286d',
4892
+ itemBorderRightWidth: 1,
4893
+ itemBorderTopColor: '#4b286d',
4894
+ itemBorderTopWidth: 1,
4895
+ itemColor: '#4b286d'
4896
+ }
4728
4897
  },
4729
4898
  {
4730
- if: { current: true, pressed: true },
4731
- tokens: { itemColor: '#676e73' }
4899
+ if: { secondLevel: true },
4900
+ tokens: {
4901
+ groupBorderBottomColor: 'rgba(0, 0, 0, 0)',
4902
+ groupBorderBottomWidth: 0,
4903
+ groupBorderLeftColor: 'rgba(0, 0, 0, 0)',
4904
+ groupBorderLeftWidth: 0,
4905
+ groupBorderRightColor: 'rgba(0, 0, 0, 0)',
4906
+ groupBorderRightWidth: 0,
4907
+ groupBorderTopColor: 'rgba(0, 0, 0, 0)',
4908
+ groupBorderTopWidth: 0,
4909
+ itemBorderBottomColor: 'rgba(0, 0, 0, 0)',
4910
+ itemBorderBottomWidth: 0,
4911
+ itemBorderLeftColor: 'rgba(0, 0, 0, 0)',
4912
+ itemBorderLeftWidth: 0,
4913
+ itemBorderRightColor: 'rgba(0, 0, 0, 0)',
4914
+ itemBorderRightWidth: 0,
4915
+ itemBorderTopColor: 'rgba(0, 0, 0, 0)',
4916
+ itemBorderTopWidth: 0
4917
+ }
4732
4918
  },
4733
4919
  {
4734
- if: { isChild: true, pressed: true },
4920
+ if: { secondLevel: true },
4735
4921
  tokens: {
4736
- itemBorderBottomWidth: 1,
4737
- itemBorderLeftColor: '#676e73',
4738
- itemBorderTopWidth: 1
4922
+ groupIcon: PaletteIconChevronRight,
4923
+ secondLevelParentIcon: PaletteIconChevronRight
4739
4924
  }
4740
4925
  }
4741
4926
  ],
4742
4927
  tokens: {
4928
+ borderRadius: 6,
4929
+ containerBackgroundColor: 'rgba(0, 0, 0, 0)',
4743
4930
  groupBackgroundColor: 'rgba(0, 0, 0, 0)',
4744
- groupBorderColor: 'rgba(0, 0, 0, 0)',
4931
+ groupBorderBottomColor: 'rgba(0, 0, 0, 0)',
4932
+ groupBorderBottomWidth: 0,
4933
+ groupBorderLeftColor: 'rgba(0, 0, 0, 0)',
4934
+ groupBorderLeftWidth: 0,
4745
4935
  groupBorderRadius: 0,
4746
- groupBorderWidth: 1,
4936
+ groupBorderRightColor: 'rgba(0, 0, 0, 0)',
4937
+ groupBorderRightWidth: 0,
4938
+ groupBorderTopColor: 'rgba(0, 0, 0, 0)',
4939
+ groupBorderTopWidth: 0,
4747
4940
  groupColor: '#414547',
4748
4941
  groupFontName: 'HNforTELUSSA',
4749
4942
  groupFontSize: 14,
@@ -4780,6 +4973,25 @@ module.exports = {
4780
4973
  lineHeight: 1.14285714286,
4781
4974
  minHeight: '100%',
4782
4975
  minWidth: '100%',
4976
+ secondLevelBackIcon: PaletteIconChevronLeft,
4977
+ secondLevelBackIconColor: '#414547',
4978
+ secondLevelBackIconSize: 16,
4979
+ secondLevelBackLinkColor: '#414547',
4980
+ secondLevelBackLinkFontName: 'HNforTELUSSA',
4981
+ secondLevelBackLinkFontSize: 14,
4982
+ secondLevelBackLinkFontWeight: '400',
4983
+ secondLevelCloseButtonBorderWidth: 1,
4984
+ secondLevelCloseButtonPadding: 8,
4985
+ secondLevelCloseIcon: PaletteIconClose,
4986
+ secondLevelCloseIconSize: 16,
4987
+ secondLevelDividerColor: 'rgba(0, 0, 0, 0.2)',
4988
+ secondLevelDividerWidth: 1,
4989
+ secondLevelHeaderBackgroundColor: '#ffffff',
4990
+ secondLevelHeaderPaddingBottom: 12,
4991
+ secondLevelHeaderPaddingLeft: 16,
4992
+ secondLevelHeaderPaddingRight: 16,
4993
+ secondLevelHeaderPaddingTop: 8,
4994
+ secondLevelParentIcon: PaletteIconChevronRight,
4783
4995
  shadow: {
4784
4996
  blur: 8,
4785
4997
  color: 'rgba(0, 0, 0, 0.1)',
@@ -6554,6 +6766,10 @@ module.exports = {
6554
6766
  fontWeight: '500',
6555
6767
  letterSpacing: 0,
6556
6768
  lineHeight: 1.4,
6769
+ marginBottom: 0,
6770
+ marginLeft: 0,
6771
+ marginRight: 0,
6772
+ marginTop: 0,
6557
6773
  minWidth: 264,
6558
6774
  outerBorderColor: 'transparent',
6559
6775
  outerBorderGap: 0,
@@ -6956,6 +7172,88 @@ module.exports = {
6956
7172
  validationIconSize: 20
6957
7173
  }
6958
7174
  },
7175
+ Shortcuts: {
7176
+ appearances: {
7177
+ viewport: {
7178
+ description: 'The size label for the current screen viewport based on the current screen width',
7179
+ type: 'state',
7180
+ values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
7181
+ }
7182
+ },
7183
+ rules: [
7184
+ { if: { viewport: 'md' }, tokens: { mainContainerGap: 16 } },
7185
+ { if: { viewport: 'lg' }, tokens: { mainContainerGap: 16 } },
7186
+ { if: { viewport: 'xl' }, tokens: { mainContainerGap: 16 } }
7187
+ ],
7188
+ tokens: {
7189
+ mainContainerBottomPadding: 0,
7190
+ mainContainerGap: 8,
7191
+ mainContainerLeftPadding: 16,
7192
+ mainContainerRightPadding: 16,
7193
+ mainContainerTopPadding: 0,
7194
+ nextIcon: PaletteIconArrowRight,
7195
+ previousIcon: PaletteIconArrowLeft
7196
+ }
7197
+ },
7198
+ ShortcutsItem: {
7199
+ appearances: {
7200
+ focus: {
7201
+ description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
7202
+ platforms: [ 'rn', 'web' ],
7203
+ type: 'state',
7204
+ values: [ true, false ]
7205
+ },
7206
+ hover: {
7207
+ description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
7208
+ platforms: [ 'rn', 'web' ],
7209
+ type: 'state',
7210
+ values: [ true, false ]
7211
+ },
7212
+ pressed: {
7213
+ description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
7214
+ type: 'state',
7215
+ values: [ true, false ]
7216
+ }
7217
+ },
7218
+ rules: [
7219
+ {
7220
+ if: { hover: true },
7221
+ tokens: { labelUnderline: 'underline' }
7222
+ },
7223
+ { if: { focus: true }, tokens: { borderColor: '#2b8000' } },
7224
+ {
7225
+ if: { pressed: true },
7226
+ tokens: { iconColor: '#b2b9bf', labelFontColor: '#b2b9bf' }
7227
+ }
7228
+ ],
7229
+ tokens: {
7230
+ borderColor: 'transparent',
7231
+ borderRadius: 4,
7232
+ borderWidth: 1,
7233
+ iconBackgroundColor: '#f4f4f7',
7234
+ iconColor: '#414547',
7235
+ iconContainerPaddingBottom: 8,
7236
+ iconContainerPaddingLeft: 8,
7237
+ iconContainerPaddingRight: 8,
7238
+ iconContainerPaddingTop: 8,
7239
+ iconSize: 24,
7240
+ iconWidth: 16,
7241
+ imageHeight: 56,
7242
+ imageWidth: 56,
7243
+ labelContainerPaddingBottom: 0,
7244
+ labelContainerPaddingLeft: 8,
7245
+ labelContainerPaddingRight: 8,
7246
+ labelContainerPaddingTop: 0,
7247
+ labelFontColor: '#2c2e30',
7248
+ labelFontName: 'HNforTELUSSA',
7249
+ labelFontSize: 14,
7250
+ labelFontWeight: '400',
7251
+ labelLineHeight: 1.42857142857,
7252
+ labelTextAlign: 'center',
7253
+ labelUnderline: 'none',
7254
+ width: 72
7255
+ }
7256
+ },
6959
7257
  SideNav: {
6960
7258
  appearances: {},
6961
7259
  rules: [],
@@ -7757,6 +8055,8 @@ module.exports = {
7757
8055
  cellBorderColor: 'rgba(0, 0, 0, 0)',
7758
8056
  cellBorderTopWidth: 0,
7759
8057
  cellBorderWidth: 0,
8058
+ cellBottomLeftBorderRadius: 0,
8059
+ cellBottomRightBorderRadius: 0,
7760
8060
  cellBoxShadowColor: '#e3e6e8',
7761
8061
  cellMinWidth: 0,
7762
8062
  cellPaddingBottom: 16,
@@ -7771,6 +8071,8 @@ module.exports = {
7771
8071
  offsetY: 4,
7772
8072
  spread: 0
7773
8073
  },
8074
+ cellTopLeftBorderRadius: 0,
8075
+ cellTopRightBorderRadius: 0,
7774
8076
  display: null,
7775
8077
  fontColor: '#000000',
7776
8078
  fontName: 'HNforTELUSSA',
@@ -9406,5 +9708,5 @@ module.exports = {
9406
9708
  tokens: { size: 96 }
9407
9709
  }
9408
9710
  },
9409
- metadata: { name: 'theme-allium', themeTokensVersion: '4.15.1' }
9711
+ metadata: { name: 'theme-allium', themeTokensVersion: '4.17.0' }
9410
9712
  }
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
4
+ * Generated on Fri, 12 Dec 2025 05:36:23 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
4
+ * Generated on Fri, 12 Dec 2025 05:36:23 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
4
+ * Generated on Fri, 12 Dec 2025 05:36:23 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
4
+ * Generated on Fri, 12 Dec 2025 05:36:23 GMT
5
5
  *
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
4
+ * Generated on Fri, 12 Dec 2025 05:36:23 GMT
5
5
  *
6
6
  */
7
7