@telus-uds/theme-allium 7.17.2 → 7.18.0

package/build/web/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/IconButton.js

@@ -1,11 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 
 import PaletteIconAdd from '@telus-uds/palette-allium/build/rn/icons/Add'
+import PaletteIconMenuHamburger from '@telus-uds/palette-allium/build/rn/icons/MenuHamburger'
+import PaletteIconCartEmpty from '@telus-uds/palette-allium/build/rn/icons/CartEmpty'
+import PaletteIconUserSingle from '@telus-uds/palette-allium/build/rn/icons/UserSingle'
 import PaletteIconSubtract from '@telus-uds/palette-allium/build/rn/icons/Subtract'
 import PaletteIconClose from '@telus-uds/palette-allium/build/rn/icons/Close'
 import PaletteIconExpand from '@telus-uds/palette-allium/build/rn/icons/Expand'
@@ -23,7 +26,8 @@ const theme = {
         'expand',   'moveDown',
         'moveLeft', 'moveRight',
         'moveUp',   'play',
-        'subtract'
+        'subtract', 'menu',
+        'cart',     'profile'
       ]
     },
     compact: {
@@ -71,6 +75,18 @@ const theme = {
     size: { type: 'variant', values: [ 'small', 'large' ] }
   },
   rules: [
+    {
+      if: { action: 'menu' },
+      tokens: { icon: PaletteIconMenuHamburger }
+    },
+    {
+      if: { action: 'cart' },
+      tokens: { icon: PaletteIconCartEmpty }
+    },
+    {
+      if: { action: 'profile' },
+      tokens: { icon: PaletteIconUserSingle }
+    },
     { if: { action: 'add' }, tokens: { icon: PaletteIconAdd } },
     {
       if: { action: 'subtract' },

package/build/web/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 

package/build/web/Listbox.js

@@ -1,12 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:48 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:40 GMT
  *
  */
 
-import PaletteIconCaretDown from '@telus-uds/palette-allium/build/rn/icons/CaretDown'
-import PaletteIconCaretUp from '@telus-uds/palette-allium/build/rn/icons/CaretUp'
+import PaletteIconChevronDown from '@telus-uds/palette-allium/build/rn/icons/ChevronDown'
+import PaletteIconChevronUp from '@telus-uds/palette-allium/build/rn/icons/ChevronUp'
 const theme = {
   appearances: {
     current: {
@@ -40,117 +40,216 @@ const theme = {
       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.',
       type: 'state',
       values: [ true, false ]
-    }
+    },
+    style: { type: 'variant', values: [ 'default', 'lightest', 'light' ] }
   },
   rules: [
     {
-      if: { focus: true, hover: true, pressed: true },
-      tokens: {
-        groupBackgroundColor: '#e3e6e8',
-        groupBorderColor: 'rgba(0, 0, 0, 0)',
-        groupColor: '#676e73',
-        itemBackgroundColor: '#e3e6e8',
-        itemColor: '#676e73'
-      }
+      if: { style: 'default' },
+      tokens: { containerBackgroundColor: 'rgba(0, 0, 0, 0)' }
+    },
+    {
+      if: { style: 'lightest' },
+      tokens: { containerBackgroundColor: '#ffffff' }
+    },
+    {
+      if: { style: 'light' },
+      tokens: { containerBackgroundColor: '#f4f4f7' }
     },
     {
-      if: { focus: false, hover: true, pressed: false },
+      if: { hover: true },
       tokens: {
-        groupBackgroundColor: '#f4f4f7',
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
         groupColor: '#4b286d',
-        itemBackgroundColor: '#f4f4f7',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
         itemColor: '#4b286d'
       }
     },
     {
-      if: { focus: true, pressed: false },
+      if: { pressed: true },
       tokens: {
-        groupBorderColor: '#4b286d',
-        groupBorderWidth: 1,
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.1)',
         groupColor: '#4b286d',
-        itemBorderBottomColor: '#4b286d',
-        itemBorderLeftColor: '#4b286d',
-        itemBorderRightColor: '#4b286d',
-        itemBorderTopColor: '#4b286d',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.1)',
         itemColor: '#4b286d'
       }
     },
     {
-      if: { expanded: true },
-      tokens: { groupIcon: PaletteIconCaretUp }
+      if: { current: true },
+      tokens: {
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+        groupColor: '#4b286d',
+        groupFontName: 'HNforTELUSSA',
+        groupFontWeight: '700',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+        itemColor: '#4b286d',
+        itemFontName: 'HNforTELUSSA',
+        itemFontWeight: '700'
+      }
     },
     {
-      if: { current: true },
+      if: { expanded: true },
       tokens: {
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
         groupColor: '#4b286d',
         groupFontName: 'HNforTELUSSA',
         groupFontWeight: '700',
-        itemColor: '#4b286d'
+        groupIcon: PaletteIconChevronUp,
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+        itemColor: '#4b286d',
+        itemFontName: 'HNforTELUSSA',
+        itemFontWeight: '700'
       }
     },
     {
       if: { current: true, pressed: true },
       tokens: {
-        groupBackgroundColor: '#e3e6e8',
-        groupBorderWidth: 1,
-        groupColor: '#676e73',
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.1)',
+        groupColor: '#4b286d',
         groupFontName: 'HNforTELUSSA',
-        groupFontWeight: '700'
+        groupFontWeight: '700',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.1)',
+        itemColor: '#4b286d',
+        itemFontName: 'HNforTELUSSA',
+        itemFontWeight: '700'
       }
     },
     {
-      if: { isChild: true },
+      if: { expanded: true, pressed: true },
       tokens: {
-        itemBorderBottomWidth: 1,
-        itemBorderLeftColor: '#e3e6e8',
-        itemBorderLeftWidth: 4,
-        itemBorderTopWidth: 1
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.1)',
+        groupColor: '#4b286d',
+        groupFontName: 'HNforTELUSSA',
+        groupFontWeight: '700',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.1)',
+        itemColor: '#4b286d',
+        itemFontName: 'HNforTELUSSA',
+        itemFontWeight: '700'
       }
     },
     {
-      if: { focus: true, isChild: true },
+      if: { current: false, focus: true, hover: false, pressed: false },
       tokens: {
+        groupBackgroundColor: 'rgba(0, 0, 0, 0)',
+        groupBorderBottomColor: '#4b286d',
+        groupBorderBottomWidth: 1,
+        groupBorderLeftColor: '#4b286d',
+        groupBorderLeftWidth: 1,
+        groupBorderRightColor: '#4b286d',
+        groupBorderRightWidth: 1,
+        groupBorderTopColor: '#4b286d',
+        groupBorderTopWidth: 1,
+        groupColor: '#4b286d',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0)',
         itemBorderBottomColor: '#4b286d',
         itemBorderBottomWidth: 1,
         itemBorderLeftColor: '#4b286d',
+        itemBorderLeftWidth: 1,
         itemBorderRightColor: '#4b286d',
         itemBorderRightWidth: 1,
         itemBorderTopColor: '#4b286d',
-        itemBorderTopWidth: 1
+        itemBorderTopWidth: 1,
+        itemColor: '#4b286d'
       }
     },
     {
-      if: { hover: true, isChild: true },
-      tokens: { itemBorderLeftColor: '#4b286d' }
-    },
-    {
-      if: { current: true, isChild: true },
-      tokens: { itemBorderLeftColor: '#4b286d' }
+      if: { expanded: false, focus: true, hover: false, pressed: false },
+      tokens: {
+        groupBackgroundColor: 'rgba(0, 0, 0, 0)',
+        groupBorderBottomColor: '#4b286d',
+        groupBorderBottomWidth: 1,
+        groupBorderLeftColor: '#4b286d',
+        groupBorderLeftWidth: 1,
+        groupBorderRightColor: '#4b286d',
+        groupBorderRightWidth: 1,
+        groupBorderTopColor: '#4b286d',
+        groupBorderTopWidth: 1,
+        groupColor: '#4b286d',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0)',
+        itemBorderBottomColor: '#4b286d',
+        itemBorderBottomWidth: 1,
+        itemBorderLeftColor: '#4b286d',
+        itemBorderLeftWidth: 1,
+        itemBorderRightColor: '#4b286d',
+        itemBorderRightWidth: 1,
+        itemBorderTopColor: '#4b286d',
+        itemBorderTopWidth: 1,
+        itemColor: '#4b286d'
+      }
     },
     {
-      if: { current: true, pressed: true },
-      tokens: { itemColor: '#676e73' }
+      if: { current: true, focus: true, hover: false, pressed: false },
+      tokens: {
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+        groupBorderBottomColor: '#4b286d',
+        groupBorderBottomWidth: 1,
+        groupBorderLeftColor: '#4b286d',
+        groupBorderLeftWidth: 1,
+        groupBorderRightColor: '#4b286d',
+        groupBorderRightWidth: 1,
+        groupBorderTopColor: '#4b286d',
+        groupBorderTopWidth: 1,
+        groupColor: '#4b286d',
+        groupFontName: 'HNforTELUSSA',
+        groupFontWeight: '700',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+        itemBorderBottomColor: '#4b286d',
+        itemBorderBottomWidth: 1,
+        itemBorderLeftColor: '#4b286d',
+        itemBorderLeftWidth: 1,
+        itemBorderRightColor: '#4b286d',
+        itemBorderRightWidth: 1,
+        itemBorderTopColor: '#4b286d',
+        itemBorderTopWidth: 1,
+        itemColor: '#4b286d'
+      }
     },
     {
-      if: { isChild: true, pressed: true },
+      if: { expanded: true, focus: true, hover: false, pressed: false },
       tokens: {
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+        groupBorderBottomColor: '#4b286d',
+        groupBorderBottomWidth: 1,
+        groupBorderLeftColor: '#4b286d',
+        groupBorderLeftWidth: 1,
+        groupBorderRightColor: '#4b286d',
+        groupBorderRightWidth: 1,
+        groupBorderTopColor: '#4b286d',
+        groupBorderTopWidth: 1,
+        groupColor: '#4b286d',
+        groupFontName: 'HNforTELUSSA',
+        groupFontWeight: '700',
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+        itemBorderBottomColor: '#4b286d',
         itemBorderBottomWidth: 1,
-        itemBorderLeftColor: '#676e73',
-        itemBorderTopWidth: 1
+        itemBorderLeftColor: '#4b286d',
+        itemBorderLeftWidth: 1,
+        itemBorderRightColor: '#4b286d',
+        itemBorderRightWidth: 1,
+        itemBorderTopColor: '#4b286d',
+        itemBorderTopWidth: 1,
+        itemColor: '#4b286d'
       }
     }
   ],
   tokens: {
+    containerBackgroundColor: 'rgba(0, 0, 0, 0)',
     groupBackgroundColor: 'rgba(0, 0, 0, 0)',
-    groupBorderColor: 'rgba(0, 0, 0, 0)',
+    groupBorderBottomColor: 'rgba(0, 0, 0, 0)',
+    groupBorderBottomWidth: 0,
+    groupBorderLeftColor: 'rgba(0, 0, 0, 0)',
+    groupBorderLeftWidth: 0,
     groupBorderRadius: 0,
-    groupBorderWidth: 1,
+    groupBorderRightColor: 'rgba(0, 0, 0, 0)',
+    groupBorderRightWidth: 0,
+    groupBorderTopColor: 'rgba(0, 0, 0, 0)',
+    groupBorderTopWidth: 0,
     groupColor: '#414547',
     groupFontName: 'HNforTELUSSA',
     groupFontSize: 14,
     groupFontWeight: '400',
     groupHeight: 40,
-    groupIcon: PaletteIconCaretDown,
+    groupIcon: PaletteIconChevronDown,
     groupPaddingBottom: 12,
     groupPaddingLeft: 16,
     groupPaddingRight: 16,