@telus-uds/theme-allium 7.8.0 → 7.10.0

package/build/ios/theme.json

@@ -22,16 +22,16 @@
               "alpha": 1
             },
             "borderColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             },
             "statusIcon": "PaletteIconStatusWarning",
             "statusIconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -1851,6 +1851,7 @@
           "blue": 0,
           "alpha": 1
         },
+        "flex": 0,
         "fontName": "HNforTELUSSA",
         "fontSize": 16,
         "fontWeight": 700,
@@ -2131,15 +2132,15 @@
           "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": [
         {
           "if": {
-            "viewport": ["lg", "xl"]
+            "viewport": ["md", "lg", "xl"]
           },
           "tokens": {
             "gap": 3,
@@ -2178,7 +2179,7 @@
             "viewport": ["xs", "sm", "md", "lg", "xl"]
           },
           "tokens": {
-            "borderRadius": 24
+            "borderRadius": 28
           }
         }
       ],
@@ -2223,18 +2224,65 @@
           "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": {
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "color": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
         {
           "if": {
             "pressed": true
@@ -2349,7 +2397,20 @@
               "alpha": 0
             },
             "borderWidth": 0,
-            "height": 32
+            "height": 40,
+            "paddingBottom": 8,
+            "paddingTop": 8
+          }
+        },
+        {
+          "if": {
+            "size": "small",
+            "style": "contained"
+          },
+          "tokens": {
+            "height": 32,
+            "paddingBottom": 6,
+            "paddingTop": 6
           }
         },
         {
@@ -2413,7 +2474,7 @@
         "fontName": "HNforTELUSSA",
         "fontSize": 14,
         "fontWeight": 700,
-        "height": 36,
+        "height": 48,
         "iconSize": 20,
         "iconSpace": 2,
         "lineHeight": 1.42857142857,
@@ -2433,10 +2494,10 @@
         },
         "outerBorderGap": 2,
         "outerBorderWidth": 2,
-        "paddingBottom": 8,
+        "paddingBottom": 12,
         "paddingLeft": 16,
         "paddingRight": 16,
-        "paddingTop": 8,
+        "paddingTop": 12,
         "shadow": null,
         "textAlign": "center",
         "width": null
@@ -6368,9 +6429,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -8154,12 +8215,24 @@
         },
         "buttonIconPadding": 2,
         "buttonIconSize": 16,
+        "containerBorderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
         "contentMarginBottom": 32,
         "contentMarginLeft": 16,
         "contentMarginRight": 16,
         "contentMarginTop": 24,
         "contentPaddingLeft": 16,
         "contentPaddingRight": 16,
+        "dividerColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
         "headerFontColor": {
           "red": 0.2549,
           "green": 0.27059,
@@ -8476,17 +8549,17 @@
               "alpha": 1
             },
             "borderColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             },
             "dismissIcon": null,
             "icon": "PaletteIconStatusWarning",
             "iconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -8503,17 +8576,17 @@
               "alpha": 1
             },
             "borderColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             },
             "dismissIcon": null,
             "icon": "PaletteIconStatusWarning",
             "iconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -11802,9 +11875,9 @@
           "tokens": {
             "icon": "PaletteIconStatusWarning",
             "iconColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -12011,9 +12084,9 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -14148,6 +14221,10 @@
         "labelFontWeight": 400,
         "labelLineHeight": 1.5,
         "labelMarginLeft": 0,
+        "mobileSwitchSize": 24,
+        "mobileTrackBorderWidth": 4,
+        "mobileTrackHeight": 32,
+        "mobileWidth": 48,
         "opacity": 1,
         "outerBackgroundColor": {
           "red": 0,
@@ -14949,9 +15026,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.70588,
-              "green": 0.52941,
-              "blue": 0.17255,
+              "red": 0.78039,
+              "green": 0.45882,
+              "blue": 0.22353,
               "alpha": 1
             }
           }
@@ -15661,7 +15738,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.6.0",
+    "themeTokensVersion": "4.8.0",
     "name": "theme-allium"
   }
 }

package/build/rn/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 
@@ -30,9 +30,9 @@ module.exports = {
       tokens: {
         actionIconMarginLeft: 8,
         backgroundColor: '#fff9ee',
-        borderColor: '#b4872c',
+        borderColor: '#c77539',
         statusIcon: PaletteIconStatusWarning,
-        statusIconColor: '#b4872c'
+        statusIconColor: '#c77539'
       }
     },
     {

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 
@@ -289,6 +289,7 @@ module.exports = {
     borderTopWidth: 1,
     borderWidth: 1,
     color: '#2b8000',
+    flex: 0,
     fontName: 'HNforTELUSSA',
     fontSize: 16,
     fontWeight: '700',

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 
@@ -20,13 +20,16 @@ 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: [ 'lg', 'xl' ] }, tokens: { gap: 3, space: 3 } },
+    {
+      if: { viewport: [ 'md', 'lg', 'xl' ] },
+      tokens: { gap: 3, space: 3 }
+    },
     {
       if: { viewport: [ 'xs' ], width: 'responsive' },
       tokens: { alignItems: 'stretch', direction: 'column' }
@@ -45,7 +48,7 @@ module.exports = {
         style: 'contained',
         viewport: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
       },
-      tokens: { borderRadius: 24 }
+      tokens: { borderRadius: 28 }
     }
   ],
   tokens: {

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 
@@ -41,18 +41,33 @@ 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: { hover: true }, tokens: { borderWidth: 3 } },
+    {
+      if: { pressed: true },
+      tokens: {
+        backgroundColor: '#676e73',
+        borderColor: '#676e73',
+        color: '#ffffff'
+      }
+    },
     {
       if: { pressed: true },
       tokens: {
@@ -104,9 +119,15 @@ module.exports = {
         backgroundColor: 'rgba(0, 0, 0, 0)',
         borderColor: 'rgba(0, 0, 0, 0)',
         borderWidth: 0,
-        height: 32
+        height: 40,
+        paddingBottom: 8,
+        paddingTop: 8
       }
     },
+    {
+      if: { size: 'small', style: 'contained' },
+      tokens: { height: 32, paddingBottom: 6, paddingTop: 6 }
+    },
     {
       if: { hover: true, style: 'contained' },
       tokens: {
@@ -155,7 +176,7 @@ module.exports = {
     fontName: 'HNforTELUSSA',
     fontSize: 14,
     fontWeight: '700',
-    height: 36,
+    height: 48,
     iconSize: 20,
     iconSpace: 2,
     lineHeight: 1.42857142857,
@@ -165,10 +186,10 @@ module.exports = {
     outerBorderColor: 'rgba(0, 0, 0, 0)',
     outerBorderGap: 2,
     outerBorderWidth: 2,
-    paddingBottom: 8,
+    paddingBottom: 12,
     paddingLeft: 16,
     paddingRight: 16,
-    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:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 23 May 2025 15:11:05 GMT
+ * Generated on Tue, 24 Jun 2025 18:52:36 GMT
  *
  */