@telus-uds/theme-koodo 7.8.0 → 7.10.0

package/build/ios/theme.json

@@ -1633,6 +1633,7 @@
           "blue": 1,
           "alpha": 1
         },
+        "flex": 0,
         "fontName": "StagSans",
         "fontSize": 16,
         "fontWeight": 600,
@@ -1891,9 +1892,9 @@
           "type": "state"
         },
         "width": {
-          "description": "Available in default, or responsive. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport.",
+          "description": "Available in default, responsive or equal. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport, equal divide the available width equally among `ButtonGroup`",
           "type": "variant",
-          "values": ["responsive"]
+          "values": ["responsive", "equal"]
         }
       },
       "rules": [
@@ -1902,7 +1903,7 @@
             "viewport": ["xs", "sm"]
           },
           "tokens": {
-            "gap": 3,
+            "gap": 2,
             "space": 2
           }
         },
@@ -1911,6 +1912,7 @@
             "viewport": ["md", "lg", "xl"]
           },
           "tokens": {
+            "gap": 3,
             "space": 3
           }
         },
@@ -1982,18 +1984,40 @@
           "values": [true],
           "type": "state"
         },
+        "size": {
+          "type": "variant",
+          "values": ["small"]
+        },
         "style": {
           "description": "Configure `style` variant for `ButtonGroupItem`",
           "type": "variant",
           "values": ["contained"]
         },
         "width": {
-          "description": "Available in default, or responsive. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport.",
+          "description": "Available in default, responsive or equal. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport, equal divide the available width equally among `ButtonGroup`",
           "type": "variant",
-          "values": ["responsive"]
+          "values": ["responsive", "equal"]
         }
       },
       "rules": [
+        {
+          "if": {
+            "width": "equal"
+          },
+          "tokens": {
+            "width": "100%"
+          }
+        },
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "height": 32,
+            "paddingBottom": 4,
+            "paddingTop": 4
+          }
+        },
         {
           "if": {
             "selected": true
@@ -2106,7 +2130,20 @@
               "alpha": 0
             },
             "borderWidth": 0,
-            "height": 40
+            "height": 40,
+            "paddingBottom": 8,
+            "paddingTop": 8
+          }
+        },
+        {
+          "if": {
+            "size": "small",
+            "style": "contained"
+          },
+          "tokens": {
+            "height": 32,
+            "paddingBottom": 6,
+            "paddingTop": 6
           }
         },
         {
@@ -2196,10 +2233,10 @@
         },
         "outerBorderGap": 3,
         "outerBorderWidth": 1,
-        "paddingBottom": 8,
+        "paddingBottom": 12,
         "paddingLeft": 24,
         "paddingRight": 24,
-        "paddingTop": 8,
+        "paddingTop": 12,
         "shadow": null,
         "textAlign": "center",
         "width": null
@@ -7884,12 +7921,24 @@
         },
         "buttonIconPadding": 4,
         "buttonIconSize": 20,
+        "containerBorderColor": {
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
+          "alpha": 1
+        },
         "contentMarginBottom": 32,
         "contentMarginLeft": 16,
         "contentMarginRight": 16,
         "contentMarginTop": 24,
         "contentPaddingLeft": 16,
         "contentPaddingRight": 16,
+        "dividerColor": {
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
+          "alpha": 1
+        },
         "headerFontColor": {
           "red": 0,
           "green": 0,
@@ -13833,6 +13882,10 @@
         "labelFontWeight": 600,
         "labelLineHeight": 1.5,
         "labelMarginLeft": 0,
+        "mobileSwitchSize": 24,
+        "mobileTrackBorderWidth": 4,
+        "mobileTrackHeight": 32,
+        "mobileWidth": 48,
         "opacity": 1,
         "outerBackgroundColor": {
           "red": 0,
@@ -15210,7 +15263,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.6.0",
+    "themeTokensVersion": "4.8.0",
     "name": "theme-koodo"
   }
 }

package/build/rn/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 
@@ -416,6 +416,7 @@ module.exports = {
     borderTopWidth: 1,
     borderWidth: 1,
     color: '#ffffff',
+    flex: 0,
     fontName: 'StagSans',
     fontSize: 16,
     fontWeight: '600',

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 
@@ -20,14 +20,17 @@ module.exports = {
       values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
     },
     width: {
-      description: 'Available in default, or responsive. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport.',
+      description: 'Available in default, responsive or equal. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport, equal divide the available width equally among `ButtonGroup`',
       type: 'variant',
-      values: [ 'responsive' ]
+      values: [ 'responsive', 'equal' ]
     }
   },
   rules: [
-    { if: { viewport: [ 'xs', 'sm' ] }, tokens: { gap: 3, space: 2 } },
-    { if: { viewport: [ 'md', 'lg', 'xl' ] }, tokens: { space: 3 } },
+    { if: { viewport: [ 'xs', 'sm' ] }, tokens: { gap: 2, space: 2 } },
+    {
+      if: { viewport: [ 'md', 'lg', 'xl' ] },
+      tokens: { gap: 3, space: 3 }
+    },
     {
       if: { viewport: [ 'xs' ], width: 'responsive' },
       tokens: { alignItems: 'stretch', direction: 'column' }

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 
@@ -41,18 +41,24 @@ module.exports = {
       type: 'state',
       values: [ true ]
     },
+    size: { type: 'variant', values: [ 'small' ] },
     style: {
       description: 'Configure `style` variant for `ButtonGroupItem`',
       type: 'variant',
       values: [ 'contained' ]
     },
     width: {
-      description: 'Available in default, or responsive. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport.',
+      description: 'Available in default, responsive or equal. Default-width expands based on content. Responsive automatically applies full-width when is displayed on the XS viewport, equal divide the available width equally among `ButtonGroup`',
       type: 'variant',
-      values: [ 'responsive' ]
+      values: [ 'responsive', 'equal' ]
     }
   },
   rules: [
+    { if: { width: 'equal' }, tokens: { width: '100%' } },
+    {
+      if: { size: 'small' },
+      tokens: { height: 32, paddingBottom: 4, paddingTop: 4 }
+    },
     { if: { focus: true }, tokens: { outerBorderColor: '#000000' } },
     {
       if: { hover: true },
@@ -98,9 +104,15 @@ module.exports = {
         backgroundColor: 'rgba(0, 0, 0, 0)',
         borderColor: 'rgba(0, 0, 0, 0)',
         borderWidth: 0,
-        height: 40
+        height: 40,
+        paddingBottom: 8,
+        paddingTop: 8
       }
     },
+    {
+      if: { size: 'small', style: 'contained' },
+      tokens: { height: 32, paddingBottom: 6, paddingTop: 6 }
+    },
     {
       if: { hover: true, style: 'contained' },
       tokens: {
@@ -158,10 +170,10 @@ module.exports = {
     outerBorderColor: 'rgba(0, 0, 0, 0)',
     outerBorderGap: 3,
     outerBorderWidth: 1,
-    paddingBottom: 8,
+    paddingBottom: 12,
     paddingLeft: 24,
     paddingRight: 24,
-    paddingTop: 8,
+    paddingTop: 12,
     shadow: null,
     textAlign: 'center',
     width: null

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */
 

package/build/rn/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:10:21 GMT
+ * Generated on Tue, 24 Jun 2025 18:51:55 GMT
  *
  */