@telus-uds/theme-allium 7.12.1 → 7.14.0

package/build/web/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 
@@ -40,7 +40,9 @@ const theme = {
       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 } },
@@ -99,6 +101,10 @@ const theme = {
     {
       if: { focus: true, pressed: true, selected: true },
       tokens: { outerBorderGap: 2, outerBorderWidth: 2 }
+    },
+    {
+      if: { size: 'small' },
+      tokens: { paddingBottom: 4, paddingTop: 4 }
     }
   ],
   tokens: {
@@ -108,13 +114,17 @@ const theme = {
     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,
@@ -123,6 +133,16 @@ const theme = {
     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,
@@ -130,13 +150,15 @@ const theme = {
     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/web/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 
@@ -93,7 +93,7 @@ const theme = {
     labelFontSize: 16,
     labelFontWeight: '400',
     labelLineHeight: 1.5,
-    labelMarginLeft: 10
+    labelMarginLeft: 8
   }
 }
 export default theme

package/build/web/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:42 GMT
  *
  */
 

package/build/web/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 
@@ -44,11 +44,11 @@ const theme = {
     },
     {
       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' } },
     {
@@ -70,7 +70,7 @@ const theme = {
     iconGap: 8,
     iconPaddingTop: 4,
     iconPosition: 'left',
-    iconSize: 24,
+    iconSize: 16,
     justifyContent: 'flex-start',
     lineHeight: 1.5,
     paddingBottom: 0,

package/build/web/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 
@@ -26,6 +26,10 @@ const theme = {
     size: {
       type: 'variant',
       values: [ 'micro', 'small', 'large', 'extraLarge' ]
+    },
+    style: {
+      type: 'variant',
+      values: [ 'default', 'brand', 'dark', 'light' ]
     }
   },
   rules: [
@@ -37,6 +41,15 @@ const theme = {
       if: { padding: 'extraLarge' },
       tokens: { padding: 4, width: 32 }
     },
+    {
+      if: { background: true },
+      tokens: {
+        backgroundColor: '#f4f4f7',
+        borderRadius: 45,
+        padding: 4,
+        width: 8
+      }
+    },
     {
       if: { background: true, padding: 'micro' },
       tokens: {
@@ -82,9 +95,154 @@ const theme = {
         width: 32
       }
     },
+    {
+      if: { style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'micro', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'default' },
+      tokens: { backgroundColor: '#f4f4f7', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'brand' },
+      tokens: { backgroundColor: '#4b286d', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'small', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'medium', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'large', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'micro', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'small', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'medium', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'large', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'light' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
     { if: { size: 'micro' }, tokens: { size: 16 } },
     { if: { size: 'small' }, tokens: { size: 20 } },
     { if: { size: 'large' }, tokens: { size: 32 } },
+    { if: { size: 'extraLarge' }, tokens: { size: 48 } },
     { if: { color: 'brand' }, tokens: { color: '#4b286d' } },
     { if: { color: 'default' }, tokens: { color: '#414547' } },
     { if: { color: 'subtle' }, tokens: { color: '#676e73' } },
@@ -92,8 +250,6 @@ const theme = {
     { if: { color: 'danger' }, tokens: { color: '#c12335' } },
     { if: { color: 'warning' }, tokens: { color: '#c77539' } },
     { if: { color: 'inverse' }, tokens: { color: '#ffffff' } },
-    { if: { size: 'extraLarge' }, tokens: { size: 48 } },
-    { if: { rank: 'primary' }, tokens: { color: '#4b286d' } },
     {
       if: { color: 'offer' },
       tokens: {
@@ -106,7 +262,8 @@ const theme = {
           type: 'linear'
         }
       }
-    }
+    },
+    { if: { rank: 'primary' }, tokens: { color: '#4b286d' } }
   ],
   tokens: {
     backgroundColor: 'transparent',

package/build/web/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */
 

package/build/web/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:08:41 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:43 GMT
  *
  */