@telus-uds/theme-koodo 7.13.0 → 7.15.0

package/build/ios/theme.json

@@ -1690,6 +1690,14 @@
           "description": "Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.",
           "values": [true],
           "type": "state"
+        },
+        "size": {
+          "type": "variant",
+          "values": ["default", "small"]
+        },
+        "width": {
+          "type": "variant",
+          "values": ["full"]
         }
       },
       "rules": [
@@ -1729,6 +1737,12 @@
               "green": 0.4,
               "blue": 0.4,
               "alpha": 1
+            },
+            "leadIconColor": {
+              "red": 0.4,
+              "green": 0.4,
+              "blue": 0.4,
+              "alpha": 1
             }
           }
         },
@@ -1760,6 +1774,12 @@
               "green": 1,
               "blue": 1,
               "alpha": 1
+            },
+            "leadIconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
             }
           }
         },
@@ -1786,6 +1806,12 @@
               "blue": 1,
               "alpha": 1
             },
+            "leadIconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
             "outerBorderColor": {
               "red": 0,
               "green": 0,
@@ -1793,6 +1819,15 @@
               "alpha": 0
             }
           }
+        },
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "paddingBottom": 4,
+            "paddingTop": 4
+          }
         }
       ],
       "tokens": {
@@ -1817,6 +1852,10 @@
           "blue": 0,
           "alpha": 1
         },
+        "descriptionFontName": "StagSans",
+        "descriptionFontSize": 14,
+        "descriptionFontWeight": 400,
+        "descriptionTextPaddingBottom": 0,
         "dividerColor": {
           "red": 0.78824,
           "green": 0.78431,
@@ -1841,12 +1880,32 @@
           "blue": 0,
           "alpha": 1
         },
-        "iconPadding": 4,
+        "iconPadding": 0,
         "iconPosition": "right",
         "iconSize": 20,
-        "iconSpace": 0,
+        "iconSpace": 1,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
+        "leadIcon": null,
+        "leadIconBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "leadIconBorderRadius": 0,
+        "leadIconColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "leadIconContainerPaddingBottom": 0,
+        "leadIconContainerPaddingLeft": 0,
+        "leadIconContainerPaddingRight": 0,
+        "leadIconContainerPaddingTop": 0,
+        "leadIconPadding": 0,
+        "leadIconSize": 24,
         "lineHeight": 1.5,
         "minWidth": 0,
         "opacity": 1,
@@ -1864,10 +1923,10 @@
         },
         "outerBorderGap": 2,
         "outerBorderWidth": 1,
-        "paddingBottom": 8,
-        "paddingLeft": 24,
+        "paddingBottom": 12,
+        "paddingLeft": 16,
         "paddingRight": 16,
-        "paddingTop": 8,
+        "paddingTop": 12,
         "shadow": null,
         "subtitleColor": {
           "red": 0,
@@ -1876,6 +1935,8 @@
           "alpha": 1
         },
         "textAlign": "center",
+        "textPaddingLeft": 8,
+        "textPaddingRight": 8,
         "width": null
       }
     },
@@ -3675,32 +3736,33 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.93725,
-              "green": 0.93725,
-              "blue": 0.93725,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.1
             },
             "borderColor": {
-              "red": 0.4,
-              "green": 0.4,
-              "blue": 0.4,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             },
             "checkboxOuterBorderColor": {
               "red": 0,
               "green": 0,
               "blue": 0,
-              "alpha": 1
+              "alpha": 0
             },
-            "checkboxOuterBorderGap": 2,
+            "checkboxOuterBorderGap": 0,
+            "checkboxOuterBorderWidth": 0,
             "outerBorderColor": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
             },
             "outerBorderGap": 0,
-            "outerBorderWidth": 1
+            "outerBorderWidth": 0
           }
         },
         {
@@ -5197,6 +5259,7 @@
           },
           "tokens": {
             "fontSize": 20,
+            "iconSize": 24,
             "lineHeight": 1.4
           }
         },
@@ -6605,6 +6668,12 @@
             "raised": true
           },
           "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
             "borderColor": {
               "red": 0,
               "green": 0,
@@ -6652,9 +6721,15 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
+              "red": 0.25098,
+              "green": 0.25098,
+              "blue": 0.25098,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.25098,
+              "green": 0.25098,
+              "blue": 0.25098,
               "alpha": 1
             },
             "iconColor": {
@@ -7270,7 +7345,7 @@
         },
         "icon": null,
         "iconSize": 16,
-        "iconSpace": 0,
+        "iconSpace": 1,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
         "outerBorderColor": {
@@ -7477,7 +7552,7 @@
             "isChild": true
           },
           "tokens": {
-            "itemBorderBottomWidth": 0,
+            "itemBorderBottomWidth": 1,
             "itemBorderLeftColor": {
               "red": 0,
               "green": 0,
@@ -7485,7 +7560,7 @@
               "alpha": 1
             },
             "itemBorderLeftWidth": 4,
-            "itemBorderTopWidth": 0
+            "itemBorderTopWidth": 1
           }
         },
         {
@@ -7494,14 +7569,14 @@
             "pressed": true
           },
           "tokens": {
-            "itemBorderBottomWidth": 0,
+            "itemBorderBottomWidth": 1,
             "itemBorderLeftColor": {
               "red": 0.34902,
               "green": 0.34902,
               "blue": 0.34902,
               "alpha": 1
             },
-            "itemBorderTopWidth": 0,
+            "itemBorderTopWidth": 1,
             "itemColor": {
               "red": 0.34902,
               "green": 0.34902,
@@ -10226,7 +10301,7 @@
           "blue": 0.98824,
           "alpha": 1
         },
-        "checkedSize": 16,
+        "checkedSize": 12,
         "containerBackgroundColor": {
           "red": 0,
           "green": 0,
@@ -10277,7 +10352,7 @@
           "blue": 0,
           "alpha": 1
         },
-        "inputOutlineWidth": 2,
+        "inputOutlineWidth": 1,
         "inputSize": 20,
         "labelColor": {
           "red": 0,
@@ -10296,7 +10371,7 @@
           "blue": 0,
           "alpha": 0
         },
-        "outerBorderGap": 5,
+        "outerBorderGap": 1,
         "outerBorderWidth": 1
       }
     },
@@ -10374,32 +10449,32 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.93725,
-              "green": 0.93725,
-              "blue": 0.93725,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.1
             },
             "borderColor": {
-              "red": 0.4,
-              "green": 0.4,
-              "blue": 0.4,
-              "alpha": 1
-            },
-            "outerBorderColor": {
               "red": 0.78824,
               "green": 0.78431,
               "blue": 0.78431,
               "alpha": 1
             },
+            "outerBorderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
             "outerBorderGap": 0,
-            "outerBorderWidth": 1,
+            "outerBorderWidth": 0,
             "radioOuterBorderColor": {
               "red": 0,
               "green": 0,
               "blue": 0,
-              "alpha": 1
+              "alpha": 0
             },
-            "radioOuterBorderGap": 2
+            "radioOuterBorderGap": 0
           }
         },
         {
@@ -15355,7 +15430,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.10.0",
+    "themeTokensVersion": "4.12.0",
     "name": "theme-koodo"
   }
 }

package/build/rn/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 
@@ -41,7 +41,9 @@ module.exports = {
       description: 'Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.',
       type: 'state',
       values: [ true ]
-    }
+    },
+    size: { type: 'variant', values: [ 'default', 'small' ] },
+    width: { type: 'variant', values: [ 'full' ] }
   },
   rules: [
     { if: { open: true }, tokens: { icon: PaletteIconChevronUp } },
@@ -52,7 +54,8 @@ module.exports = {
         backgroundColor: '#404040',
         borderColor: '#404040',
         color: '#666666',
-        iconColor: '#666666'
+        iconColor: '#666666',
+        leadIconColor: '#666666'
       }
     },
     {
@@ -69,7 +72,8 @@ module.exports = {
         backgroundColor: '#c9c8c8',
         borderColor: '#c9c8c8',
         color: '#ffffff',
-        iconColor: '#ffffff'
+        iconColor: '#ffffff',
+        leadIconColor: '#ffffff'
       }
     },
     {
@@ -78,6 +82,7 @@ module.exports = {
         backgroundColor: '#000000',
         color: '#ffffff',
         iconColor: '#ffffff',
+        leadIconColor: '#ffffff',
         outerBorderColor: 'transparent'
       }
     },
@@ -100,12 +105,25 @@ module.exports = {
         backgroundColor: '#404040',
         borderColor: 'rgba(0, 0, 0, 0)',
         color: '#666666',
-        iconColor: '#666666'
+        iconColor: '#666666',
+        leadIconColor: '#666666'
       }
     },
     {
       if: { focus: true, pressed: true, selected: true },
       tokens: { backgroundColor: '#404040', outerBorderColor: '#404040' }
+    },
+    {
+      if: { hover: true },
+      tokens: {
+        color: '#ffffff',
+        iconColor: '#ffffff',
+        leadIconColor: '#ffffff'
+      }
+    },
+    {
+      if: { size: 'small' },
+      tokens: { paddingBottom: 4, paddingTop: 4 }
     }
   ],
   tokens: {
@@ -115,6 +133,10 @@ module.exports = {
     borderRadius: 4,
     borderWidth: 1,
     color: '#000000',
+    descriptionFontName: 'StagSans',
+    descriptionFontSize: 14,
+    descriptionFontWeight: '400',
+    descriptionTextPaddingBottom: 0,
     dividerColor: '#c9c8c8',
     fontName: 'StagSans',
     fontSize: 14,
@@ -124,12 +146,22 @@ module.exports = {
     iconBackground: 'rgba(0, 0, 0, 0)',
     iconBorderRadius: 32,
     iconColor: '#000000',
-    iconPadding: 4,
+    iconPadding: 0,
     iconPosition: 'right',
     iconSize: 20,
-    iconSpace: 0,
+    iconSpace: 1,
     iconTranslateX: 0,
     iconTranslateY: 0,
+    leadIcon: null,
+    leadIconBackgroundColor: 'transparent',
+    leadIconBorderRadius: 0,
+    leadIconColor: '#000000',
+    leadIconContainerPaddingBottom: 0,
+    leadIconContainerPaddingLeft: 0,
+    leadIconContainerPaddingRight: 0,
+    leadIconContainerPaddingTop: 0,
+    leadIconPadding: 0,
+    leadIconSize: 24,
     lineHeight: 1.5,
     minWidth: 0,
     opacity: 1,
@@ -137,13 +169,15 @@ module.exports = {
     outerBorderColor: 'rgba(0, 0, 0, 0)',
     outerBorderGap: 2,
     outerBorderWidth: 1,
-    paddingBottom: 8,
-    paddingLeft: 24,
+    paddingBottom: 12,
+    paddingLeft: 16,
     paddingRight: 16,
-    paddingTop: 8,
+    paddingTop: 12,
     shadow: null,
     subtitleColor: '#000000',
     textAlign: 'center',
+    textPaddingLeft: 8,
+    textPaddingRight: 8,
     width: null
   }
 }

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 16 Jul 2025 15:14:38 GMT
+ * Generated on Fri, 15 Aug 2025 00:43:23 GMT
  *
  */