@telus-uds/theme-allium 8.0.0 → 8.2.0

package/build/rn/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:34 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:15 GMT
  *
  */
 

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:35 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:15 GMT
  *
  */
 
@@ -362,7 +362,7 @@ module.exports = {
     Box: {
       appearances: {
         background: {
-          description: 'Background colour of box. Transparent if not specified.',
+          description: 'Background color of box. Transparent if not specified.',
           type: 'variant',
           values: [
             'lightest',         'lighter',
@@ -1899,6 +1899,7 @@ module.exports = {
         showPanelNavigation: true,
         showPanelTabs: true,
         showPreviousNextNavigation: true,
+        showStepTrackerLabel: true,
         spaceBetweenSlideAndPanelNavigation: 32,
         spaceBetweenSlideAndPreviousNextNavigation: 24,
         stepTrackerCurrentBackgroundColor: null
@@ -2407,6 +2408,7 @@ module.exports = {
     },
     ChevronLink: {
       appearances: {
+        disabled: { type: 'state', values: [ true ] },
         focus: {
           description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
           platforms: [ 'rn', 'web' ],
@@ -2681,7 +2683,8 @@ module.exports = {
         {
           if: { focus: true, pressed: true, quiet: true, style: 'inverse' },
           tokens: { outerBorderColor: '#b2b9bf' }
-        }
+        },
+        { if: { disabled: true }, tokens: { color: '#676e73' } }
       ],
       tokens: {
         blockLineHeight: 1.5,
@@ -2696,7 +2699,7 @@ module.exports = {
         textLine: 'none'
       }
     },
-    ColourToggle: {
+    ColorToggle: {
       appearances: {
         focus: {
           description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
@@ -2820,6 +2823,7 @@ module.exports = {
         {
           if: { feature: true },
           tokens: {
+            containerBorderColor: '#4b286d',
             labelBorderColor: '#4b286d',
             textFontSize: 64,
             textLineHeight: 1.125,
@@ -3883,7 +3887,7 @@ module.exports = {
           values: [ true, false ]
         },
         raised: {
-          description: 'Uses shadow and background colour to appear raised above the page',
+          description: 'Uses shadow and background color to appear raised above the page',
           type: 'variant',
           values: [ true ]
         },
@@ -8052,6 +8056,11 @@ module.exports = {
     },
     StepTracker: {
       appearances: {
+        floating: {
+          description: 'Compact dot-style indicators (no brand styling; falls back to circular dots).',
+          type: 'variant',
+          values: [ true ]
+        },
         inverse: {
           description: 'Styles the step tracker for using on dark backgrounds.',
           type: 'variant',
@@ -8105,6 +8114,7 @@ module.exports = {
         containerPaddingLeft: null,
         containerPaddingRight: null,
         containerPaddingTop: null,
+        knobAnimatePill: false,
         knobBackgroundColor: 'rgba(0, 0, 0, 0)',
         knobBorderColor: '#676e73',
         knobBorderWidth: 1,
@@ -8112,6 +8122,8 @@ module.exports = {
         knobCompletedBorderColor: '#7c53a5',
         knobCompletedPaddingLeft: 0,
         knobCompletedPaddingTop: 0,
+        knobCompletedRadius: null,
+        knobCompletedWidth: null,
         knobCurrentBackgroundColor: '#7c53a5',
         knobCurrentBorderColor: '#7c53a5',
         knobCurrentBorderWidth: 2,
@@ -8304,20 +8316,17 @@ module.exports = {
           if: { highlight: 'row' },
           tokens: { rowHoverBackgroundColor: 'rgba(0, 0, 0, 0.05)' }
         },
+        {
+          if: { spacing: 'compact' },
+          tokens: { cellPaddingBottom: 8, cellPaddingTop: 8 }
+        },
         {
           if: { spacing: 'compact', type: 'default' },
-          tokens: {
-            cellPaddingBottom: 8,
-            cellPaddingTop: 8,
-            fontSize: 16,
-            lineHeight: 1.25
-          }
+          tokens: { fontSize: 16, lineHeight: 1.25 }
         },
         {
           if: { spacing: 'compact', type: 'rowHeading' },
           tokens: {
-            cellPaddingBottom: 8,
-            cellPaddingTop: 8,
             fontName: 'HNforTELUSSA',
             fontSize: 16,
             fontWeight: '700',
@@ -8328,8 +8337,6 @@ module.exports = {
           if: { spacing: 'compact', text: 'small', type: 'subHeading' },
           tokens: {
             cellBackground: '#fafafa',
-            cellPaddingBottom: 8,
-            cellPaddingTop: 8,
             fontName: 'HNforTELUSSA',
             fontSize: 14,
             fontWeight: '500',
@@ -9320,6 +9327,7 @@ module.exports = {
         switchBorderRadius: 32,
         switchBorderWidth: 0,
         switchColor: '#ffffff',
+        switchOffset: null,
         switchShadow: {
           blur: 2,
           color: 'rgba(0, 0, 0, 0.2)',
@@ -9448,8 +9456,8 @@ module.exports = {
           type: 'variant',
           values: [ true ]
         },
-        colour: {
-          description: 'Each typography variant has a default color, and at least a secondary color variant. In exceptional cases where a different colour is needed,\n' +
+        color: {
+          description: 'Each typography variant has a default color, and at least a secondary color variant. In exceptional cases where a different color is needed,\n' +
             '  use the tokens prop.',
           type: 'variant',
           values: [
@@ -9504,17 +9512,17 @@ module.exports = {
         },
         {
           if: {
-            colour: 'dark',
+            color: 'dark',
             size: [ 'display1', 'display2', 'h1', 'h2', 'h3' ]
           },
           tokens: { color: '#2c2e30' }
         },
         {
-          if: { colour: 'light', size: 'h6' },
+          if: { color: 'light', size: 'h6' },
           tokens: { color: '#676e73' }
         },
         {
-          if: { colour: 'dark', size: 'eyebrow' },
+          if: { color: 'dark', size: 'eyebrow' },
           tokens: { color: '#7c53a5' }
         },
         { if: { inverse: true }, tokens: { color: '#ffffff' } },
@@ -9741,19 +9749,19 @@ module.exports = {
           if: { weight: 'bold' },
           tokens: { fontName: 'HNforTELUSSA', fontWeight: '700' }
         },
-        { if: { colour: 'default' }, tokens: { color: '#414547' } },
-        { if: { colour: 'brand' }, tokens: { color: '#4b286d' } },
-        { if: { colour: 'dark' }, tokens: { color: '#2c2e30' } },
-        { if: { colour: 'light' }, tokens: { color: '#676e73' } },
-        { if: { colour: 'positive' }, tokens: { color: '#2b8000' } },
-        { if: { colour: 'warning' }, tokens: { color: '#c77539' } },
-        { if: { colour: 'danger' }, tokens: { color: '#c12335' } },
-        { if: { colour: 'black' }, tokens: { color: '#000000' } },
-        { if: { colour: 'white' }, tokens: { color: '#ffffff' } },
-        { if: { colour: 'brand2' }, tokens: { color: '#2b8000' } },
-        { if: { colour: 'brand3' }, tokens: { color: '#7c53a5' } },
+        { if: { color: 'default' }, tokens: { color: '#414547' } },
+        { if: { color: 'brand' }, tokens: { color: '#4b286d' } },
+        { if: { color: 'dark' }, tokens: { color: '#2c2e30' } },
+        { if: { color: 'light' }, tokens: { color: '#676e73' } },
+        { if: { color: 'positive' }, tokens: { color: '#2b8000' } },
+        { if: { color: 'warning' }, tokens: { color: '#c77539' } },
+        { if: { color: 'danger' }, tokens: { color: '#c12335' } },
+        { if: { color: 'black' }, tokens: { color: '#000000' } },
+        { if: { color: 'white' }, tokens: { color: '#ffffff' } },
+        { if: { color: 'brand2' }, tokens: { color: '#2b8000' } },
+        { if: { color: 'brand3' }, tokens: { color: '#7c53a5' } },
         {
-          if: { colour: 'alternative1' },
+          if: { color: 'alternative1' },
           tokens: {
             color: '#4b286d',
             gradient: {
@@ -9766,14 +9774,8 @@ module.exports = {
             }
           }
         },
-        {
-          if: { colour: 'alternative2' },
-          tokens: { color: '#4b286d' }
-        },
-        {
-          if: { colour: 'alternative3' },
-          tokens: { color: '#4b286d' }
-        }
+        { if: { color: 'alternative2' }, tokens: { color: '#4b286d' } },
+        { if: { color: 'alternative3' }, tokens: { color: '#4b286d' } }
       ],
       tokens: {
         color: '#414547',
@@ -10057,5 +10059,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '5.0.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '5.1.0' }
 }

package/build/web/ActionCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Autocomplete.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 
@@ -9,7 +9,7 @@
 const theme = {
   appearances: {
     background: {
-      description: 'Background colour of box. Transparent if not specified.',
+      description: 'Background color of box. Transparent if not specified.',
       type: 'variant',
       values: [
         'lightest',         'lighter',

package/build/web/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 
@@ -33,6 +33,7 @@ const theme = {
     showPanelNavigation: true,
     showPanelTabs: true,
     showPreviousNextNavigation: true,
+    showStepTrackerLabel: true,
     spaceBetweenSlideAndPanelNavigation: 32,
     spaceBetweenSlideAndPreviousNextNavigation: 24,
     stepTrackerCurrentBackgroundColor: null

package/build/web/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 
@@ -9,6 +9,7 @@ import PaletteIconArrowLeft from '@telus-uds/palette-allium/build/rn/icons/Arrow
 import PaletteIconArrowRight from '@telus-uds/palette-allium/build/rn/icons/ArrowRight'
 const theme = {
   appearances: {
+    disabled: { type: 'state', values: [ true ] },
     focus: {
       description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
       platforms: [ 'rn', 'web' ],
@@ -272,7 +273,8 @@ const theme = {
     {
       if: { focus: true, pressed: true, quiet: true, style: 'inverse' },
       tokens: { outerBorderColor: '#b2b9bf' }
-    }
+    },
+    { if: { disabled: true }, tokens: { color: '#676e73' } }
   ],
   tokens: {
     blockLineHeight: 1.5,

package/build/web/{ColourToggle.js → ColorToggle.js}

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 
@@ -41,6 +41,7 @@ const theme = {
     {
       if: { feature: true },
       tokens: {
+        containerBorderColor: '#4b286d',
         labelBorderColor: '#4b286d',
         textFontSize: 64,
         textLineHeight: 1.125,

package/build/web/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/DownloadApp.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/FileUpload.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */
 

package/build/web/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Mon, 10 Aug 2026 18:48:23 GMT
  *
  */