@telus-uds/theme-allium 7.17.2 → 7.18.0

package/build/rn/Listbox.js

@@ -1,12 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 29 Oct 2025 07:39:30 GMT
+ * Generated on Wed, 19 Nov 2025 05:50:20 GMT
  *
  */
 
-const PaletteIconCaretDown = require('@telus-uds/palette-allium/build/rn/icons/CaretDown')
-const PaletteIconCaretUp = require('@telus-uds/palette-allium/build/rn/icons/CaretUp')
+const PaletteIconChevronDown = require('@telus-uds/palette-allium/build/rn/icons/ChevronDown')
+const PaletteIconChevronUp = require('@telus-uds/palette-allium/build/rn/icons/ChevronUp')
 
 module.exports = {
   appearances: {
@@ -41,117 +41,216 @@ module.exports = {
       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,

package/build/rn/Modal.js

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

package/build/rn/MultiSelectFilter.js

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

package/build/rn/NavigationBar.js

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

package/build/rn/Notification.js

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

package/build/rn/OrderedList.js

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

package/build/rn/Pagination.js

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

package/build/rn/PaginationPageButton.js

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

package/build/rn/PaginationSideButton.js

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

package/build/rn/PreviewCard.js

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

package/build/rn/PriceLockup.js

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

package/build/rn/ProductCard.js

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

package/build/rn/Progress.js

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

package/build/rn/ProgressBar.js

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

package/build/rn/QuantitySelector.js

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

package/build/rn/QuantitySelectorSideButton.js

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

package/build/rn/QuickLinks.js

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

package/build/rn/QuickLinksButton.js

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

package/build/rn/QuickLinksCard.js

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

package/build/rn/QuickLinksFeature.js

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

package/build/rn/QuickLinksFeatureItem.js

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

package/build/rn/QuickLinksList.js

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

package/build/rn/Radio.js

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

package/build/rn/RadioCard.js

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

package/build/rn/RadioCardGroup.js

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

package/build/rn/RadioGroup.js

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

package/build/rn/Ribbon.js

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

package/build/rn/Search.js

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

package/build/rn/SearchButton.js

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

package/build/rn/Select.js

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

package/build/rn/SideNav.js

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

package/build/rn/SideNavItem.js

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

package/build/rn/SideNavItemsGroup.js

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

package/build/rn/Skeleton.js

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

package/build/rn/SkipLink.js

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

package/build/rn/Spinner.js

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

package/build/rn/SplashButton.js

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

package/build/rn/SplashButtonWithDetails.js

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