@telus-uds/theme-allium 7.12.1 → 7.13.0

package/build/ios/theme.json

@@ -1908,6 +1908,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": [
@@ -2033,6 +2041,15 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "paddingBottom": 4,
+            "paddingTop": 4
+          }
         }
       ],
       "tokens": {
@@ -2057,6 +2074,10 @@
           "blue": 0.45098,
           "alpha": 1
         },
+        "descriptionFontName": "HNforTELUSSA",
+        "descriptionFontSize": 14,
+        "descriptionFontWeight": 400,
+        "descriptionTextPaddingBottom": 4,
         "dividerColor": {
           "red": 0.8902,
           "green": 0.90196,
@@ -2069,10 +2090,10 @@
         "icon": "PaletteIconCaretDown",
         "iconAlignSelf": "center",
         "iconBackground": {
-          "red": 0.95686,
-          "green": 0.95686,
-          "blue": 0.96863,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "iconBorderRadius": 32,
         "iconColor": {
@@ -2087,6 +2108,26 @@
         "iconSpace": 1,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
+        "leadIcon": null,
+        "leadIconBackgroundColor": {
+          "red": 0.95686,
+          "green": 0.95686,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "leadIconBorderRadius": 45,
+        "leadIconColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "leadIconContainerPaddingBottom": 0,
+        "leadIconContainerPaddingLeft": 0,
+        "leadIconContainerPaddingRight": 0,
+        "leadIconContainerPaddingTop": 0,
+        "leadIconPadding": 4,
+        "leadIconSize": 24,
         "lineHeight": 1.42857142857,
         "minWidth": 0,
         "opacity": 1,
@@ -2104,10 +2145,10 @@
         },
         "outerBorderGap": 2,
         "outerBorderWidth": 2,
-        "paddingBottom": 8,
-        "paddingLeft": 16,
-        "paddingRight": 8,
-        "paddingTop": 8,
+        "paddingBottom": 12,
+        "paddingLeft": 12,
+        "paddingRight": 12,
+        "paddingTop": 12,
         "shadow": null,
         "subtitleColor": {
           "red": 0.40392,
@@ -2116,6 +2157,8 @@
           "alpha": 1
         },
         "textAlign": "center",
+        "textPaddingLeft": 8,
+        "textPaddingRight": 8,
         "width": null
       }
     },
@@ -3931,7 +3974,7 @@
         "labelFontSize": 16,
         "labelFontWeight": 400,
         "labelLineHeight": 1.5,
-        "labelMarginLeft": 10
+        "labelMarginLeft": 8
       }
     },
     "CheckboxCard": {
@@ -5490,8 +5533,8 @@
           },
           "tokens": {
             "fontSize": 14,
-            "iconSize": 20,
-            "lineHeight": 1.45
+            "iconSize": 16,
+            "lineHeight": 1.42857142857
           }
         },
         {
@@ -5500,7 +5543,8 @@
           },
           "tokens": {
             "fontSize": 20,
-            "lineHeight": 1.28571428571
+            "iconSize": 20,
+            "lineHeight": 1.6
           }
         },
         {
@@ -5573,7 +5617,7 @@
         "iconGap": 8,
         "iconPaddingTop": 4,
         "iconPosition": "left",
-        "iconSize": 24,
+        "iconSize": 16,
         "justifyContent": "flex-start",
         "lineHeight": 1.5,
         "paddingBottom": 0,
@@ -7641,7 +7685,7 @@
         },
         "icon": null,
         "iconSize": 24,
-        "iconSpace": 0,
+        "iconSpace": 1,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
         "outerBorderColor": {
@@ -7813,11 +7857,7 @@
               "green": 0.15686,
               "blue": 0.42745,
               "alpha": 1
-            },
-            "itemPaddingBottom": 12,
-            "itemPaddingLeft": 16,
-            "itemPaddingRight": 16,
-            "itemPaddingTop": 12
+            }
           }
         },
         {
@@ -7832,7 +7872,7 @@
               "blue": 0.9098,
               "alpha": 1
             },
-            "groupBorderWidth": 0,
+            "groupBorderWidth": 1,
             "groupColor": {
               "red": 0.40392,
               "green": 0.43137,
@@ -7848,7 +7888,7 @@
             "isChild": true
           },
           "tokens": {
-            "itemBorderBottomWidth": 0,
+            "itemBorderBottomWidth": 1,
             "itemBorderLeftColor": {
               "red": 0.8902,
               "green": 0.90196,
@@ -7856,7 +7896,7 @@
               "alpha": 1
             },
             "itemBorderLeftWidth": 4,
-            "itemBorderTopWidth": 0
+            "itemBorderTopWidth": 1
           }
         },
         {
@@ -7893,14 +7933,14 @@
             "pressed": true
           },
           "tokens": {
-            "itemBorderBottomWidth": 0,
+            "itemBorderBottomWidth": 1,
             "itemBorderLeftColor": {
               "red": 0.40392,
               "green": 0.43137,
               "blue": 0.45098,
               "alpha": 1
             },
-            "itemBorderTopWidth": 0
+            "itemBorderTopWidth": 1
           }
         }
       ],
@@ -7982,10 +8022,10 @@
         "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%",
@@ -10487,7 +10527,7 @@
         "containerBorderRadius": 0,
         "containerOpacity": 1,
         "containerPaddingBottom": 0,
-        "containerPaddingLeft": 2,
+        "containerPaddingLeft": 0,
         "containerPaddingRight": 0,
         "containerPaddingTop": 0,
         "containerShadow": null,
@@ -10540,7 +10580,7 @@
         "labelFontSize": 16,
         "labelFontWeight": 400,
         "labelLineHeight": 1.5,
-        "labelMarginLeft": 10,
+        "labelMarginLeft": 8,
         "outerBorderColor": {
           "red": 0,
           "green": 0,
@@ -15830,7 +15870,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.11.0",
+    "themeTokensVersion": "4.12.0",
     "name": "theme-allium"
   }
 }

package/build/rn/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 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: PaletteIconCaretUp } },
@@ -100,6 +102,10 @@ module.exports = {
     {
       if: { focus: true, pressed: true, selected: true },
       tokens: { outerBorderGap: 2, outerBorderWidth: 2 }
+    },
+    {
+      if: { size: 'small' },
+      tokens: { paddingBottom: 4, paddingTop: 4 }
     }
   ],
   tokens: {
@@ -109,13 +115,17 @@ module.exports = {
     borderRadius: 32,
     borderWidth: 1,
     color: '#676e73',
+    descriptionFontName: 'HNforTELUSSA',
+    descriptionFontSize: 14,
+    descriptionFontWeight: '400',
+    descriptionTextPaddingBottom: 4,
     dividerColor: '#e3e6e8',
     fontName: 'HNforTELUSSA',
     fontSize: 14,
     fontWeight: '700',
     icon: PaletteIconCaretDown,
     iconAlignSelf: 'center',
-    iconBackground: '#f4f4f7',
+    iconBackground: 'rgba(0, 0, 0, 0)',
     iconBorderRadius: 32,
     iconColor: '#414547',
     iconPadding: 2,
@@ -124,6 +134,16 @@ module.exports = {
     iconSpace: 1,
     iconTranslateX: 0,
     iconTranslateY: 0,
+    leadIcon: null,
+    leadIconBackgroundColor: '#f4f4f7',
+    leadIconBorderRadius: 45,
+    leadIconColor: '#414547',
+    leadIconContainerPaddingBottom: 0,
+    leadIconContainerPaddingLeft: 0,
+    leadIconContainerPaddingRight: 0,
+    leadIconContainerPaddingTop: 0,
+    leadIconPadding: 4,
+    leadIconSize: 24,
     lineHeight: 1.42857142857,
     minWidth: 0,
     opacity: 1,
@@ -131,13 +151,15 @@ module.exports = {
     outerBorderColor: 'rgba(0, 0, 0, 0)',
     outerBorderGap: 2,
     outerBorderWidth: 2,
-    paddingBottom: 8,
-    paddingLeft: 16,
-    paddingRight: 8,
-    paddingTop: 8,
+    paddingBottom: 12,
+    paddingLeft: 12,
+    paddingRight: 12,
+    paddingTop: 12,
     shadow: null,
     subtitleColor: '#676e73',
     textAlign: 'center',
+    textPaddingLeft: 8,
+    textPaddingRight: 8,
     width: null
   }
 }

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 
@@ -94,6 +94,6 @@ module.exports = {
     labelFontSize: 16,
     labelFontWeight: '400',
     labelLineHeight: 1.5,
-    labelMarginLeft: 10
+    labelMarginLeft: 8
   }
 }

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:22 GMT
+ * Generated on Fri, 15 Aug 2025 00:44:06 GMT
  *
  */
 
@@ -45,11 +45,11 @@ module.exports = {
     },
     {
       if: { size: 'small' },
-      tokens: { fontSize: 14, iconSize: 20, lineHeight: 1.45 }
+      tokens: { fontSize: 14, iconSize: 16, lineHeight: 1.42857142857 }
     },
     {
       if: { size: 'large' },
-      tokens: { fontSize: 20, lineHeight: 1.28571428571 }
+      tokens: { fontSize: 20, iconSize: 20, lineHeight: 1.6 }
     },
     { if: { quiet: true }, tokens: { textLine: 'none' } },
     {
@@ -71,7 +71,7 @@ module.exports = {
     iconGap: 8,
     iconPaddingTop: 4,
     iconPosition: 'left',
-    iconSize: 24,
+    iconSize: 16,
     justifyContent: 'flex-start',
     lineHeight: 1.5,
     paddingBottom: 0,