@telus-uds/theme-allium 7.12.1 → 7.14.0

package/build/rn/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 
@@ -27,6 +27,10 @@ module.exports = {
     size: {
       type: 'variant',
       values: [ 'micro', 'small', 'large', 'extraLarge' ]
+    },
+    style: {
+      type: 'variant',
+      values: [ 'default', 'brand', 'dark', 'light' ]
     }
   },
   rules: [
@@ -38,6 +42,15 @@ module.exports = {
       if: { padding: 'extraLarge' },
       tokens: { padding: 4, width: 32 }
     },
+    {
+      if: { background: true },
+      tokens: {
+        backgroundColor: '#f4f4f7',
+        borderRadius: 45,
+        padding: 4,
+        width: 8
+      }
+    },
     {
       if: { background: true, padding: 'micro' },
       tokens: {
@@ -83,9 +96,154 @@ module.exports = {
         width: 32
       }
     },
+    {
+      if: { style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'micro', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'small', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'medium', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'large', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'micro', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'small', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'medium', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'large', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
     { if: { size: 'micro' }, tokens: { size: 16 } },
     { if: { size: 'small' }, tokens: { size: 20 } },
     { if: { size: 'large' }, tokens: { size: 32 } },
+    { if: { size: 'extraLarge' }, tokens: { size: 48 } },
     { if: { color: 'brand' }, tokens: { color: '#4b286d' } },
     { if: { color: 'default' }, tokens: { color: '#414547' } },
     { if: { color: 'subtle' }, tokens: { color: '#676e73' } },
@@ -93,8 +251,6 @@ module.exports = {
     { if: { color: 'danger' }, tokens: { color: '#c12335' } },
     { if: { color: 'warning' }, tokens: { color: '#c77539' } },
     { if: { color: 'inverse' }, tokens: { color: '#ffffff' } },
-    { if: { size: 'extraLarge' }, tokens: { size: 48 } },
-    { if: { rank: 'primary' }, tokens: { color: '#4b286d' } },
     {
       if: { color: 'offer' },
       tokens: {
@@ -107,7 +263,8 @@ module.exports = {
           type: 'linear'
         }
       }
-    }
+    },
+    { if: { rank: 'primary' }, tokens: { color: '#4b286d' } }
   ],
   tokens: {
     backgroundColor: 'transparent',

package/build/rn/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 
@@ -77,10 +77,22 @@ module.exports = {
       if: { pressed: true },
       tokens: { color: '#163e06', textLine: 'none' }
     },
+    {
+      if: { pressed: true, quiet: true },
+      tokens: { color: '#163e06' }
+    },
     {
       if: { focus: true, pressed: true },
       tokens: { outerBorderColor: '#163e06' }
     },
+    {
+      if: { alternative: true, focus: true, quiet: true },
+      tokens: {
+        color: '#676e73',
+        outerBorderColor: '#676e73',
+        textLine: 'underline'
+      }
+    },
     {
       if: { size: 'large' },
       tokens: { blockFontSize: 20, blockLineHeight: 1.25, iconSize: 24 }
@@ -99,10 +111,14 @@ module.exports = {
         iconSize: 16
       }
     },
-    { if: { alternative: true }, tokens: { color: '#2c2e30' } },
+    { if: { alternative: true }, tokens: { color: '#676e73' } },
+    {
+      if: { alternative: true, pressed: true, quiet: true },
+      tokens: { color: '#676e73' }
+    },
     {
       if: { alternative: true, focus: true },
-      tokens: { color: '#414547', outerBorderColor: '#414547' }
+      tokens: { color: '#676e73', outerBorderColor: '#676e73' }
     },
     {
       if: { alternative: true, hover: true },
@@ -145,7 +161,11 @@ module.exports = {
     },
     {
       if: { focus: true, quiet: true },
-      tokens: { color: '#2b8000', textLine: 'underline' }
+      tokens: { color: '#676e73', textLine: 'underline' }
+    },
+    {
+      if: { pressed: true, quiet: true },
+      tokens: { color: '#163e06' }
     },
     {
       if: { alternative: true, hover: true, quiet: true },
@@ -252,6 +272,14 @@ module.exports = {
         outerBorderOutline: 'none'
       }
     },
+    {
+      if: { focus: true, inverse: true, quiet: true },
+      tokens: {
+        color: '#ffffff',
+        outerBorderColor: '#ffffff',
+        outerBorderOutline: 'none'
+      }
+    },
     {
       if: { hover: true, style: 'inverse' },
       tokens: { color: '#f4f4f7', textLine: 'none' }
@@ -400,7 +428,7 @@ module.exports = {
     color: '#2b8000',
     icon: null,
     iconSize: 24,
-    iconSpace: 0,
+    iconSpace: 1,
     iconTranslateX: 0,
     iconTranslateY: 0,
     outerBorderColor: 'rgba(0, 0, 0, 0)',

package/build/rn/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 
@@ -86,18 +86,14 @@ module.exports = {
         groupColor: '#4b286d',
         groupFontName: 'HNforTELUSSA',
         groupFontWeight: '700',
-        itemColor: '#4b286d',
-        itemPaddingBottom: 12,
-        itemPaddingLeft: 16,
-        itemPaddingRight: 16,
-        itemPaddingTop: 12
+        itemColor: '#4b286d'
       }
     },
     {
       if: { current: true, pressed: true },
       tokens: {
         groupBackgroundColor: '#e3e6e8',
-        groupBorderWidth: 0,
+        groupBorderWidth: 1,
         groupColor: '#676e73',
         groupFontName: 'HNforTELUSSA',
         groupFontWeight: '700'
@@ -106,10 +102,10 @@ module.exports = {
     {
       if: { isChild: true },
       tokens: {
-        itemBorderBottomWidth: 0,
+        itemBorderBottomWidth: 1,
         itemBorderLeftColor: '#e3e6e8',
         itemBorderLeftWidth: 4,
-        itemBorderTopWidth: 0
+        itemBorderTopWidth: 1
       }
     },
     {
@@ -139,9 +135,9 @@ module.exports = {
     {
       if: { isChild: true, pressed: true },
       tokens: {
-        itemBorderBottomWidth: 0,
+        itemBorderBottomWidth: 1,
         itemBorderLeftColor: '#676e73',
-        itemBorderTopWidth: 0
+        itemBorderTopWidth: 1
       }
     }
   ],
@@ -178,10 +174,10 @@ module.exports = {
     itemFontWeight: '700',
     itemHeight: 40,
     itemOutline: 0,
-    itemPaddingBottom: 8,
+    itemPaddingBottom: 12,
     itemPaddingLeft: 16,
     itemPaddingRight: 16,
-    itemPaddingTop: 8,
+    itemPaddingTop: 12,
     itemTextDecoration: 'none',
     lineHeight: 1.14285714286,
     minHeight: '100%',

package/build/rn/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/Notification.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/OrderedList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/Pagination.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/PaginationPageButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/PaginationSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/PreviewCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/PriceLockup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/ProductCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/Progress.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/ProgressBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuantitySelector.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuantitySelectorSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuickLinks.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuickLinksButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuickLinksCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuickLinksFeature.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuickLinksFeatureItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/QuickLinksList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/Radio.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 
@@ -65,7 +65,7 @@ module.exports = {
     containerBorderRadius: 0,
     containerOpacity: 1,
     containerPaddingBottom: 0,
-    containerPaddingLeft: 2,
+    containerPaddingLeft: 0,
     containerPaddingRight: 0,
     containerPaddingTop: 0,
     containerShadow: null,
@@ -88,7 +88,7 @@ module.exports = {
     labelFontSize: 16,
     labelFontWeight: '400',
     labelLineHeight: 1.5,
-    labelMarginLeft: 10,
+    labelMarginLeft: 8,
     outerBorderColor: 'transparent',
     outerBorderGap: 0,
     outerBorderWidth: 2

package/build/rn/RadioCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/RadioCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */
 

package/build/rn/RadioGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:22 GMT
  *
  */