@telus-uds/theme-allium 7.21.0 → 7.23.0

package/build/web/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 
@@ -151,7 +151,7 @@ const theme = {
     {
       if: { style: 'dark' },
       tokens: {
-        backgroundColor: '#4b286d',
+        backgroundColor: 'rgba(0, 0, 0, 0)',
         backgroundGradient: {
           angle: 135,
           stops: [
@@ -431,6 +431,27 @@ const theme = {
     {
       if: { interactive: true, pressed: true, style: 'darkest' },
       tokens: { backgroundColor: 'rgba(255, 255, 255, 0.2)' }
+    },
+    {
+      if: { focus: true, interactive: true, style: 'dark' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(255, 255, 255, 0.6)'
+      }
+    },
+    {
+      if: { focus: true, interactive: true, style: 'darker' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(255, 255, 255, 0.6)'
+      }
+    },
+    {
+      if: { focus: true, interactive: true, style: 'darkest' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: 'rgba(255, 255, 255, 0.6)'
+      }
     }
   ],
   tokens: {

package/build/web/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 
@@ -77,6 +77,8 @@ const theme = {
     icon: PaletteIconCheckbold,
     iconBackgroundColor: '#7c53a5',
     iconColor: '#ffffff',
+    iconContainerHeight: 24,
+    iconContainerWidth: 24,
     iconSize: 16,
     inputBackgroundColor: '#ffffff',
     inputBorderColor: '#676e73',
@@ -93,7 +95,12 @@ const theme = {
     labelFontSize: 16,
     labelFontWeight: '400',
     labelLineHeight: 1.5,
-    labelMarginLeft: 8
+    labelMarginLeft: 8,
+    padding: null,
+    paddingBottom: null,
+    paddingLeft: null,
+    paddingRight: null,
+    paddingTop: null
   }
 }
 export default theme

package/build/web/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 
@@ -9,6 +9,11 @@
 const theme = {
   appearances: {},
   rules: [],
-  tokens: { borderColor: '#b2b9bf', borderStyle: 'solid', borderWidth: 0 }
+  tokens: {
+    borderColor: '#b2b9bf',
+    borderStyle: 'solid',
+    borderTopWidth: null,
+    borderWidth: 0
+  }
 }
 export default theme

package/build/web/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 
@@ -32,6 +32,7 @@ const theme = {
     }
   ],
   tokens: {
+    borderBottomWidth: null,
     borderColor: 'rgba(0, 0, 0, 0)',
     borderRadius: 0,
     borderWidth: 0,

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 

package/build/web/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */
 
@@ -85,6 +85,10 @@ const theme = {
       values: [ true ]
     },
     size: { type: 'variant', values: [ 'small', 'large' ] },
+    style: {
+      type: 'variant',
+      values: [ 'default', 'contained', 'subtle', 'raised' ]
+    },
     subtle: {
       description: 'For use in less prominent situations',
       type: 'variant',
@@ -356,7 +360,296 @@ const theme = {
         outerBorderColor: 'rgba(0, 0, 0, 0)'
       }
     },
-    { if: { size: 'large' }, tokens: { iconSize: 24, padding: 10 } }
+    { if: { size: 'large' }, tokens: { iconSize: 24, padding: 10 } },
+    {
+      if: { style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#676e73',
+        borderWidth: 1,
+        iconColor: '#676e73'
+      }
+    },
+    {
+      if: { selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#4b286d',
+        borderWidth: 0,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { hover: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#414547',
+        borderWidth: 1,
+        iconColor: '#414547'
+      }
+    },
+    {
+      if: { pressed: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#676e73',
+        borderWidth: 0,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { focus: true, hover: false, pressed: false, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#414547',
+        borderWidth: 2,
+        iconColor: '#414547'
+      }
+    },
+    {
+      if: { inverse: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#ffffff',
+        borderWidth: 1,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { inverse: true, selected: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#ffffff',
+        borderWidth: 0,
+        iconColor: '#4b286d'
+      }
+    },
+    {
+      if: { hover: true, inverse: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#ffffff',
+        borderWidth: 1,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { inverse: true, pressed: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.4)',
+        borderColor: '#ffffff',
+        borderWidth: 1,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: {
+        focus: true,
+        hover: false,
+        inverse: true,
+        pressed: false,
+        style: 'contained'
+      },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#ffffff',
+        borderWidth: 2,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { inactive: true, style: 'contained' },
+      tokens: {
+        backgroundColor: '#e3e6e8',
+        borderWidth: 0,
+        iconColor: '#b2b9bf'
+      }
+    },
+    {
+      if: { inactive: true, inverse: true, style: 'contained' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderWidth: 0,
+        iconColor: 'rgba(255, 255, 255, 0.4)'
+      }
+    },
+    {
+      if: { style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        iconColor: '#676e73'
+      }
+    },
+    {
+      if: { selected: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: '#4b286d',
+        borderWidth: 0,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { hover: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        borderWidth: 0,
+        iconColor: '#414547'
+      }
+    },
+    {
+      if: { pressed: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: '#676e73',
+        borderWidth: 0,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { focus: true, hover: false, pressed: false, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#414547',
+        borderWidth: 1,
+        iconColor: '#414547'
+      }
+    },
+    {
+      if: { inverse: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: 0,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { inverse: true, selected: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: '#ffffff',
+        borderWidth: 0,
+        iconColor: '#414547'
+      }
+    },
+    {
+      if: { hover: true, inverse: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderWidth: 0,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { inverse: true, pressed: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(255, 255, 255, 0.4)',
+        borderWidth: 0,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: {
+        focus: true,
+        hover: false,
+        inverse: true,
+        pressed: false,
+        style: 'subtle'
+      },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#ffffff',
+        borderWidth: 1,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { inactive: true, style: 'subtle' },
+      tokens: { backgroundColor: '#e3e6e8', iconColor: '#b2b9bf' }
+    },
+    {
+      if: { inactive: true, inverse: true, style: 'subtle' },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        iconColor: 'rgba(255, 255, 255, 0.4)'
+      }
+    },
+    {
+      if: { style: 'raised' },
+      tokens: {
+        backgroundColor: '#ffffff',
+        borderColor: '#b2b9bf',
+        borderWidth: 1,
+        iconColor: '#676e73',
+        padding: 8,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.2)',
+          inset: false,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
+      }
+    },
+    {
+      if: { selected: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#4b286d',
+        borderWidth: null,
+        iconColor: '#ffffff'
+      }
+    },
+    {
+      if: { hover: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#ffffff',
+        borderColor: '#414547',
+        borderWidth: 1,
+        iconColor: '#414547',
+        padding: 8,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.2)',
+          inset: false,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
+      }
+    },
+    {
+      if: { pressed: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#676e73',
+        borderWidth: 0,
+        iconColor: '#ffffff',
+        padding: 8,
+        shadow: null
+      }
+    },
+    {
+      if: { focus: true, hover: false, pressed: false, style: 'raised' },
+      tokens: {
+        backgroundColor: '#ffffff',
+        borderColor: '#414547',
+        borderWidth: 3,
+        iconColor: '#414547',
+        padding: 8,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.2)',
+          inset: false,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
+      }
+    },
+    {
+      if: { inactive: true, style: 'raised' },
+      tokens: {
+        backgroundColor: '#e3e6e8',
+        borderWidth: 0,
+        iconColor: '#b2b9bf',
+        shadow: null
+      }
+    }
   ],
   tokens: {
     backgroundColor: 'transparent',

package/build/web/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 19 Jan 2026 20:38:54 GMT
+ * Generated on Wed, 18 Feb 2026 02:49:17 GMT
  *
  */