@telus-uds/theme-koodo 7.14.0 → 7.16.0

package/build/rn/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 
@@ -31,6 +31,10 @@ module.exports = {
       description: 'Uses icon colour to communicate meaning to the user',
       type: 'variant',
       values: [ 'success', 'error' ]
+    },
+    style: {
+      type: 'variant',
+      values: [ 'default', 'brand', 'dark', 'light' ]
     }
   },
   rules: [
@@ -42,6 +46,15 @@ module.exports = {
       if: { padding: 'extraLarge' },
       tokens: { padding: 4, width: 32 }
     },
+    {
+      if: { background: true },
+      tokens: {
+        backgroundColor: '#efefef',
+        borderRadius: 45,
+        padding: 4,
+        width: 8
+      }
+    },
     {
       if: { background: true, padding: 'micro' },
       tokens: {
@@ -87,6 +100,126 @@ module.exports = {
         width: 32
       }
     },
+    {
+      if: { style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'small', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'medium', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'large', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'micro', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
     { if: { size: 'micro' }, tokens: { size: 16 } },
     { if: { size: 'small' }, tokens: { size: 20 } },
     { if: { size: 'large' }, tokens: { size: 32 } },

package/build/rn/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 
@@ -198,6 +198,7 @@ module.exports = {
       description: 'Raised IconButtons follow different design patterns to other variants',
       if: { raised: true },
       tokens: {
+        backgroundColor: '#ffffff',
         borderColor: '#000000',
         shadow: {
           blur: 2,
@@ -209,7 +210,10 @@ module.exports = {
         }
       }
     },
-    { if: { hover: true, raised: true }, tokens: {} },
+    {
+      if: { hover: true, raised: true },
+      tokens: { backgroundColor: '#000000', iconColor: '#ffffff' }
+    },
     {
       if: { raised: true, size: 'large' },
       tokens: { iconSize: 24, padding: 12 }
@@ -218,7 +222,11 @@ module.exports = {
     { if: { focus: true, raised: true }, tokens: { borderWidth: 3 } },
     {
       if: { pressed: true, raised: true },
-      tokens: { backgroundColor: '#000000', iconColor: '#666666' }
+      tokens: {
+        backgroundColor: '#404040',
+        borderColor: '#404040',
+        iconColor: '#666666'
+      }
     },
     { if: { compact: true }, tokens: { outerBorderGap: 0 } },
     {

package/build/rn/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 
@@ -51,6 +51,14 @@ module.exports = {
   rules: [
     { if: { iconPosition: 'left' }, tokens: { iconSpace: 2 } },
     { if: { iconPosition: 'right' }, tokens: { iconSpace: 1 } },
+    {
+      if: { alternative: true, focus: true, quiet: true },
+      tokens: {
+        color: '#595959',
+        outerBorderColor: '#595959',
+        textLine: 'underline'
+      }
+    },
     {
       if: { focus: true },
       tokens: {
@@ -69,9 +77,13 @@ module.exports = {
     },
     {
       if: { pressed: true },
-      tokens: { color: '#666666', textLine: 'none' }
+      tokens: { color: '#595959', textLine: 'none' }
     },
     { if: { alternative: true }, tokens: { color: '#595959' } },
+    {
+      if: { alternative: true, pressed: true, quiet: true },
+      tokens: { color: '#595959' }
+    },
     {
       if: { alternative: true, focus: true },
       tokens: { color: '#595959', outerBorderColor: '#595959' }
@@ -82,11 +94,15 @@ module.exports = {
     },
     {
       if: { alternative: true, pressed: true },
-      tokens: { color: '#404040' }
+      tokens: { color: '#595959' }
     },
     {
       if: { alternative: true, focus: true, pressed: true },
-      tokens: { color: '#404040', outerBorderColor: '#404040' }
+      tokens: { color: '#595959', outerBorderColor: '#595959' }
+    },
+    {
+      if: { alternative: true, pressed: true, quiet: true },
+      tokens: { color: '#595959' }
     },
     { if: { inverse: true }, tokens: { color: '#ffffff' } },
     {
@@ -144,14 +160,26 @@ module.exports = {
       if: { focus: true, pressed: true, quiet: true },
       tokens: { color: '#595959', textLine: 'underline' }
     },
+    {
+      if: { alternative: true, quiet: true },
+      tokens: { color: '#595959', textLine: 'none' }
+    },
     {
       if: { alternative: true, hover: true, quiet: true },
-      tokens: { color: '#595959', textLine: 'underline' }
+      tokens: { color: '#404040', textLine: 'underline' }
     },
     {
       if: { hover: true, inverse: true, quiet: true },
       tokens: { color: '#efefef', textLine: 'underline' }
     },
+    {
+      if: { focus: true, inverse: true, quiet: true },
+      tokens: { color: '#ffffff', textLine: 'underline' }
+    },
+    {
+      if: { inverse: true, pressed: true, quiet: true },
+      tokens: { color: '#ffffff', textLine: 'underline' }
+    },
     { if: { style: 'inline' }, tokens: { color: '#000000' } },
     {
       if: { focus: true, style: 'inline' },
@@ -177,8 +205,8 @@ module.exports = {
     {
       if: { focus: true, style: 'subtle' },
       tokens: {
-        color: '#000000',
-        outerBorderColor: '#000000',
+        color: '#595959',
+        outerBorderColor: '#595959',
         outerBorderOutline: 'none'
       }
     },
@@ -393,13 +421,13 @@ module.exports = {
     color: '#000000',
     icon: null,
     iconSize: 16,
-    iconSpace: 0,
+    iconSpace: 1,
     iconTranslateX: 0,
     iconTranslateY: 0,
     outerBorderColor: 'rgba(0, 0, 0, 0)',
     outerBorderGap: 2,
     outerBorderOutline: 'none',
-    outerBorderWidth: 2,
+    outerBorderWidth: 1,
     textLine: 'underline',
     textLineStyle: 'solid'
   }

package/build/rn/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 
@@ -80,18 +80,18 @@ module.exports = {
     {
       if: { isChild: true },
       tokens: {
-        itemBorderBottomWidth: 0,
+        itemBorderBottomWidth: 1,
         itemBorderLeftColor: '#000000',
         itemBorderLeftWidth: 4,
-        itemBorderTopWidth: 0
+        itemBorderTopWidth: 1
       }
     },
     {
       if: { isChild: true, pressed: true },
       tokens: {
-        itemBorderBottomWidth: 0,
+        itemBorderBottomWidth: 1,
         itemBorderLeftColor: '#595959',
-        itemBorderTopWidth: 0,
+        itemBorderTopWidth: 1,
         itemColor: '#595959'
       }
     },
@@ -146,10 +146,10 @@ module.exports = {
       if: { hover: true, isChild: true },
       tokens: {
         itemBackgroundColor: '#efefef',
-        itemBorderBottomWidth: 0,
+        itemBorderBottomWidth: 1,
         itemBorderLeftColor: '#666666',
-        itemBorderRightWidth: 0,
-        itemBorderTopWidth: 0,
+        itemBorderRightWidth: 1,
+        itemBorderTopWidth: 1,
         itemColor: '#666666'
       }
     },

package/build/rn/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 
@@ -96,7 +96,7 @@ module.exports = {
       if: { viewport: [ 'xs', 'sm', 'md' ] },
       tokens: { textAlign: 'space-between', width: 288 }
     },
-    { if: { viewport: [ 'xl' ] }, tokens: { borderRadius: 32 } },
+    { if: { viewport: [ 'lg', 'xl' ] }, tokens: { borderRadius: 32 } },
     {
       if: { hover: true, selected: true },
       tokens: {

package/build/rn/Notification.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/OrderedList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/Pagination.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/PaginationPageButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/PaginationSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/PreviewCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/PriceLockup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/ProductCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/Progress.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/ProgressBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/QuantitySelector.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/QuantitySelectorSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/QuickLinks.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/QuickLinksButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/QuickLinksCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/QuickLinksFeature.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/QuickLinksFeatureItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 
@@ -60,6 +60,10 @@ module.exports = {
         outerBorderColor: '#595959',
         textLine: 'underline'
       }
+    },
+    {
+      if: { hover: true, viewport: 'xl' },
+      tokens: { imageDimension: 184 }
     }
   ],
   tokens: {

package/build/rn/QuickLinksList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 

package/build/rn/Radio.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:37 GMT
+ * Generated on Thu, 04 Sep 2025 06:44:40 GMT
  *
  */
 
@@ -49,7 +49,7 @@ module.exports = {
       if: { focus: true },
       tokens: {
         outerBorderColor: '#000000',
-        outerBorderGap: 5,
+        outerBorderGap: 2,
         outerBorderWidth: 1
       }
     },
@@ -80,7 +80,7 @@ module.exports = {
   ],
   tokens: {
     checkedBackgroundColor: '#7a3dfc',
-    checkedSize: 16,
+    checkedSize: 12,
     containerBackgroundColor: 'rgba(0, 0, 0, 0)',
     containerBorderRadius: 0,
     containerOpacity: 1,
@@ -101,7 +101,7 @@ module.exports = {
     inputBorderColor: '#000000',
     inputBorderWidth: 1,
     inputOutlineColor: '#000000',
-    inputOutlineWidth: 2,
+    inputOutlineWidth: 1,
     inputSize: 20,
     labelColor: '#000000',
     labelFontName: 'StagSans',
@@ -110,7 +110,7 @@ module.exports = {
     labelLineHeight: 1.5,
     labelMarginLeft: 8,
     outerBorderColor: 'transparent',
-    outerBorderGap: 5,
+    outerBorderGap: 1,
     outerBorderWidth: 1
   }
 }