@telus-uds/theme-koodo 7.14.0 → 7.16.0

package/build/web/BlockQuote.js

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

package/build/web/Box.js

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

package/build/web/Breadcrumbs.js

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

package/build/web/Button.js

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

package/build/web/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:57 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:01 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: PaletteIconChevronUp } },
@@ -51,7 +53,8 @@ const theme = {
         backgroundColor: '#404040',
         borderColor: '#404040',
         color: '#666666',
-        iconColor: '#666666'
+        iconColor: '#666666',
+        leadIconColor: '#666666'
       }
     },
     {
@@ -68,7 +71,8 @@ const theme = {
         backgroundColor: '#c9c8c8',
         borderColor: '#c9c8c8',
         color: '#ffffff',
-        iconColor: '#ffffff'
+        iconColor: '#ffffff',
+        leadIconColor: '#ffffff'
       }
     },
     {
@@ -77,6 +81,7 @@ const theme = {
         backgroundColor: '#000000',
         color: '#ffffff',
         iconColor: '#ffffff',
+        leadIconColor: '#ffffff',
         outerBorderColor: 'transparent'
       }
     },
@@ -99,12 +104,25 @@ const theme = {
         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: {
@@ -114,6 +132,10 @@ const theme = {
     borderRadius: 4,
     borderWidth: 1,
     color: '#000000',
+    descriptionFontName: 'StagSans',
+    descriptionFontSize: 14,
+    descriptionFontWeight: '400',
+    descriptionTextPaddingBottom: 0,
     dividerColor: '#c9c8c8',
     fontName: 'StagSans',
     fontSize: 14,
@@ -123,12 +145,22 @@ const theme = {
     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,
@@ -136,13 +168,15 @@ const theme = {
     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/web/ButtonGroup.js

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

package/build/web/ButtonGroupItem.js

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

package/build/web/Callout.js

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

package/build/web/Card.js

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

package/build/web/CardGroup.js

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

package/build/web/Carousel.js

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

package/build/web/CarouselTabsPanelItem.js

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

package/build/web/CarouselThumbnail.js

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

package/build/web/Checkbox.js

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

package/build/web/CheckboxCard.js

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

package/build/web/CheckboxCardGroup.js

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

package/build/web/CheckboxGroup.js

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

package/build/web/ChevronLink.js

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

package/build/web/ColourToggle.js

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

package/build/web/Countdown.js

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

package/build/web/DatePicker.js

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

package/build/web/Disclaimer.js

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

package/build/web/Divider.js

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

package/build/web/DownloadApp.js

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

package/build/web/ExpandCollapse.js

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

package/build/web/ExpandCollapseControl.js

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

package/build/web/ExpandCollapseMini.js

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

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:57 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:01 GMT
  *
  */
 
@@ -51,7 +51,7 @@ const theme = {
     },
     {
       if: { size: 'large' },
-      tokens: { fontSize: 20, lineHeight: 1.4 }
+      tokens: { fontSize: 20, iconSize: 24, lineHeight: 1.4 }
     },
     { if: { quiet: true }, tokens: { textLine: 'none' } },
     {

package/build/web/ExpandCollapsePanel.js

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

package/build/web/Feedback.js

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

package/build/web/Fieldset.js

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

package/build/web/FileUpload.js

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

package/build/web/Footnote.js

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

package/build/web/FootnoteLink.js

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

package/build/web/HorizontalScrollButton.js

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

package/build/web/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 25 Jul 2025 04:07:57 GMT
+ * Generated on Thu, 04 Sep 2025 06:45:01 GMT
  *
  */
 
@@ -30,6 +30,10 @@ const theme = {
       description: 'Uses icon colour to communicate meaning to the user',
       type: 'variant',
       values: [ 'success', 'error' ]
+    },
+    style: {
+      type: 'variant',
+      values: [ 'default', 'brand', 'dark', 'light' ]
     }
   },
   rules: [
@@ -41,6 +45,15 @@ const theme = {
       if: { padding: 'extraLarge' },
       tokens: { padding: 4, width: 32 }
     },
+    {
+      if: { background: true },
+      tokens: {
+        backgroundColor: '#efefef',
+        borderRadius: 45,
+        padding: 4,
+        width: 8
+      }
+    },
     {
       if: { background: true, padding: 'micro' },
       tokens: {
@@ -86,6 +99,126 @@ const theme = {
         width: 32
       }
     },
+    {
+      if: { style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'default' },
+      tokens: { backgroundColor: '#efefef', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'brand' },
+      tokens: { backgroundColor: '#ff0076', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'micro', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'small', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'medium', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'large', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        borderRadius: 45,
+        padding: 4
+      }
+    },
+    {
+      if: { padding: 'micro', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'small', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'medium', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'large', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
+    {
+      if: { padding: 'extraLarge', style: 'light' },
+      tokens: { backgroundColor: '#ffffff', borderRadius: 45, padding: 4 }
+    },
     { if: { size: 'micro' }, tokens: { size: 16 } },
     { if: { size: 'small' }, tokens: { size: 20 } },
     { if: { size: 'large' }, tokens: { size: 32 } },