@telus-uds/theme-koodo 7.18.1 → 7.19.0

package/build/web/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/IconButton.js

@@ -1,11 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 
 import PaletteIconAdd from '@telus-uds/palette-koodo/build/rn/icons/Add'
+import PaletteIconHamburger from '@telus-uds/palette-koodo/build/rn/icons/Hamburger'
+import PaletteIconCart from '@telus-uds/palette-koodo/build/rn/icons/Cart'
+import PaletteIconUser from '@telus-uds/palette-koodo/build/rn/icons/User'
 import PaletteIconSubtract from '@telus-uds/palette-koodo/build/rn/icons/Subtract'
 import PaletteIconClose from '@telus-uds/palette-koodo/build/rn/icons/Close'
 import PaletteIconExpand from '@telus-uds/palette-koodo/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,12 @@ const theme = {
     size: { type: 'variant', values: [ 'small', 'large' ] }
   },
   rules: [
+    {
+      if: { action: 'menu' },
+      tokens: { icon: PaletteIconHamburger }
+    },
+    { if: { action: 'cart' }, tokens: { icon: PaletteIconCart } },
+    { if: { action: 'profile' }, tokens: { icon: PaletteIconUser } },
     { if: { action: 'add' }, tokens: { icon: PaletteIconAdd } },
     {
       if: { action: 'subtract' },

package/build/web/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 
@@ -40,171 +40,141 @@ 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: false, hover: true, pressed: false },
-      tokens: {
-        groupBackgroundColor: '#efefef',
-        groupBorderColor: 'rgba(0, 0, 0, 0)',
-        itemBackgroundColor: '#efefef'
-      }
+      if: { style: 'default' },
+      tokens: { containerBackgroundColor: 'rgba(0, 0, 0, 0)' }
     },
     {
-      if: { focus: true, pressed: false },
-      tokens: {
-        groupBorderColor: '#7a3dfc',
-        groupColor: '#7a3dfc',
-        itemBorderBottomColor: '#7a3dfc',
-        itemBorderLeftColor: '#7a3dfc',
-        itemBorderRightColor: '#7a3dfc',
-        itemBorderTopColor: '#7a3dfc'
-      }
+      if: { style: 'lightest' },
+      tokens: { containerBackgroundColor: '#ffffff' }
     },
     {
-      if: { current: true },
-      tokens: {
-        groupBackgroundColor: '#000000',
-        groupBorderColor: '#000000',
-        groupColor: '#ffffff',
-        itemBackgroundColor: '#000000',
-        itemColor: '#ffffff'
-      }
-    },
-    {
-      if: { current: true, pressed: true },
-      tokens: { itemBackgroundColor: '#b5b4b4', itemColor: '#595959' }
+      if: { style: 'light' },
+      tokens: { containerBackgroundColor: '#efefef' }
     },
     {
-      if: { isChild: true },
+      if: { hover: true },
       tokens: {
-        itemBorderBottomWidth: 1,
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.1)',
+        groupBorderLeftColor: '#000000',
+        groupBorderLeftWidth: 4,
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.1)',
         itemBorderLeftColor: '#000000',
-        itemBorderLeftWidth: 4,
-        itemBorderTopWidth: 1
-      }
-    },
-    {
-      if: { isChild: true, pressed: true },
-      tokens: {
-        itemBorderBottomWidth: 1,
-        itemBorderLeftColor: '#595959',
-        itemBorderTopWidth: 1,
-        itemColor: '#595959'
-      }
-    },
-    {
-      if: { expanded: true },
-      tokens: {
-        groupBackgroundColor: 'rgba(0, 0, 0, 0)',
-        groupBorderColor: 'rgba(0, 0, 0, 0)',
-        groupColor: '#ffffff',
-        groupIcon: PaletteIconChevronUp,
-        itemColor: '#595959'
+        itemBorderLeftWidth: 4
       }
     },
     {
-      if: { current: true, isChild: true },
+      if: { pressed: true },
       tokens: {
-        itemBackgroundColor: '#000000',
+        groupBackgroundColor: 'rgba(0, 0, 0, 0.2)',
+        groupBorderLeftColor: '#000000',
+        groupBorderLeftWidth: 4,
+        itemBackgroundColor: 'rgba(0, 0, 0, 0.2)',
         itemBorderLeftColor: '#000000',
-        itemColor: '#ffffff'
-      }
-    },
-    {
-      if: { current: true, focus: false, hover: true },
-      tokens: {
-        itemBackgroundColor: '#efefef',
-        itemBorderLeftColor: '#efefef',
-        itemColor: '#666666'
-      }
-    },
-    {
-      if: { current: true, focus: true, hover: true },
-      tokens: {
-        itemBackgroundColor: '#ffffff',
-        itemBorderLeftColor: '#7a3dfc'
+        itemBorderLeftWidth: 4
       }
     },
     {
-      if: { focus: true, isChild: true },
+      if: { current: true },
       tokens: {
-        itemBackgroundColor: '#ffffff',
-        itemBorderBottomColor: '#7a3dfc',
-        itemBorderBottomWidth: 1,
-        itemBorderLeftColor: '#7a3dfc',
-        itemBorderRightColor: '#7a3dfc',
-        itemBorderRightWidth: 1,
-        itemBorderTopColor: '#7a3dfc',
-        itemBorderTopWidth: 1,
-        itemColor: '#666666'
+        groupBorderLeftColor: '#ff0076',
+        groupBorderLeftWidth: 4,
+        groupFontName: 'StagSans',
+        groupFontWeight: '600',
+        itemBorderLeftColor: '#ff0076',
+        itemBorderLeftWidth: 4,
+        itemFontName: 'StagSans',
+        itemFontWeight: '600'
       }
     },
     {
-      if: { hover: true, isChild: true },
+      if: { current: false, focus: true, hover: false, pressed: false },
       tokens: {
-        itemBackgroundColor: '#efefef',
+        itemBorderBottomColor: '#000000',
         itemBorderBottomWidth: 1,
-        itemBorderLeftColor: '#666666',
+        itemBorderLeftColor: '#000000',
+        itemBorderLeftWidth: 4,
+        itemBorderRightColor: '#000000',
         itemBorderRightWidth: 1,
-        itemBorderTopWidth: 1,
-        itemColor: '#666666'
+        itemBorderTopColor: '#000000',
+        itemBorderTopWidth: 1
       }
     },
     {
-      if: { current: true, expanded: true, focus: true },
+      if: { expanded: false, focus: true, hover: false, pressed: false },
       tokens: {
-        groupBackgroundColor: '#000000',
-        groupBorderColor: '#7a3dfc',
-        itemBorderLeftColor: '#7a3dfc',
-        itemColor: '#666666'
+        groupBorderBottomColor: '#000000',
+        groupBorderBottomWidth: 1,
+        groupBorderLeftColor: '#000000',
+        groupBorderLeftWidth: 4,
+        groupBorderRightColor: '#000000',
+        groupBorderRightWidth: 1,
+        groupBorderTopColor: '#000000',
+        groupBorderTopWidth: 1
       }
     },
     {
-      if: { current: true, expanded: true, hover: true },
+      if: { current: true, focus: true, hover: false, pressed: false },
       tokens: {
-        groupBackgroundColor: '#efefef',
-        groupColor: '#666666',
-        itemBackgroundColor: '#efefef',
-        itemColor: '#666666'
+        itemBorderBottomColor: '#000000',
+        itemBorderBottomWidth: 1,
+        itemBorderLeftColor: '#ff0076',
+        itemBorderLeftWidth: 4,
+        itemBorderRightColor: '#000000',
+        itemBorderRightWidth: 1,
+        itemBorderTopColor: '#000000',
+        itemBorderTopWidth: 1
       }
     },
     {
-      if: { focus: true },
+      if: { expanded: true, focus: true, hover: false, pressed: false },
       tokens: {
-        groupBackgroundColor: '#ffffff',
-        groupBorderColor: '#7a3dfc',
-        groupColor: '#666666',
-        itemBackgroundColor: '#ffffff',
-        itemBorderBottomColor: '#7a3dfc',
-        itemBorderLeftColor: '#7a3dfc',
-        itemBorderRightColor: '#7a3dfc',
-        itemBorderTopColor: '#7a3dfc',
-        itemColor: '#666666'
+        groupBorderBottomColor: '#000000',
+        groupBorderBottomWidth: 1,
+        groupBorderLeftColor: '#ff0076',
+        groupBorderLeftWidth: 4,
+        groupBorderRightColor: '#000000',
+        groupBorderRightWidth: 1,
+        groupBorderTopColor: '#000000',
+        groupBorderTopWidth: 1
       }
     },
     {
-      if: { pressed: true },
+      if: { expanded: true },
       tokens: {
-        groupBackgroundColor: '#404040',
-        groupColor: '#666666',
-        itemBackgroundColor: '#404040',
-        itemBorderLeftColor: '#404040',
-        itemColor: '#666666'
+        groupBorderLeftColor: '#ff0076',
+        groupBorderLeftWidth: 4,
+        groupFontName: 'StagSans',
+        groupFontWeight: '600',
+        groupIcon: PaletteIconChevronUp,
+        itemBorderLeftColor: '#ff0076',
+        itemBorderLeftWidth: 4,
+        itemFontName: 'StagSans',
+        itemFontWeight: '600'
       }
     }
   ],
   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: 4,
     groupBorderRadius: 0,
-    groupBorderWidth: 1,
-    groupColor: '#666666',
+    groupBorderRightColor: 'rgba(0, 0, 0, 0)',
+    groupBorderRightWidth: 0,
+    groupBorderTopColor: 'rgba(0, 0, 0, 0)',
+    groupBorderTopWidth: 0,
+    groupColor: '#000000',
     groupFontName: 'StagSans',
     groupFontSize: 16,
     groupFontWeight: '400',
-    groupHeight: 32,
+    groupHeight: 40,
     groupIcon: PaletteIconChevronDown,
     groupPaddingBottom: 12,
     groupPaddingLeft: 16,
@@ -212,21 +182,21 @@ const theme = {
     groupPaddingTop: 12,
     itemBackgroundColor: 'rgba(0, 0, 0, 0)',
     itemBorderBottomColor: 'rgba(0, 0, 0, 0)',
-    itemBorderBottomWidth: 1,
+    itemBorderBottomWidth: 0,
     itemBorderLeftColor: 'rgba(0, 0, 0, 0)',
-    itemBorderLeftWidth: 1,
+    itemBorderLeftWidth: 4,
     itemBorderRadius: 0,
     itemBorderRightColor: 'rgba(0, 0, 0, 0)',
-    itemBorderRightWidth: 1,
+    itemBorderRightWidth: 0,
     itemBorderTopColor: 'rgba(0, 0, 0, 0)',
-    itemBorderTopWidth: 1,
+    itemBorderTopWidth: 0,
     itemBorderWidth: 0,
-    itemColor: '#666666',
+    itemColor: '#000000',
     itemDisplay: false,
     itemFontName: 'StagSans',
     itemFontSize: 16,
     itemFontWeight: '400',
-    itemHeight: 32,
+    itemHeight: 40,
     itemOutline: 0,
     itemPaddingBottom: 8,
     itemPaddingLeft: 16,

package/build/web/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Notification.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/OrderedList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Pagination.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/PaginationPageButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/PaginationSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/PreviewCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/PriceLockup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/ProductCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/Progress.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/ProgressBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */
 

package/build/web/QuantitySelector.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 10 Oct 2025 15:09:29 GMT
+ * Generated on Wed, 19 Nov 2025 05:49:58 GMT
  *
  */