@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/web/ToggleSwitchGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/Tooltip.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/TooltipButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/Typography.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/Video.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoControlBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoMenu.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoMiddleControlButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoPicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoPickerSlider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoPickerThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoProgressBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/VideoVolumeSlider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/WaffleGrid.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/index.js

@@ -20,7 +20,7 @@ export { default as CheckboxCard } from './CheckboxCard'
 export { default as CheckboxCardGroup } from './CheckboxCardGroup'
 export { default as CheckboxGroup } from './CheckboxGroup'
 export { default as ChevronLink } from './ChevronLink'
-export { default as ColourToggle } from './ColourToggle'
+export { default as ColorToggle } from './ColorToggle'
 export { default as Countdown } from './Countdown'
 export { default as DatePicker } from './DatePicker'
 export { default as Disclaimer } from './Disclaimer'

package/build/web/schema.json

@@ -59,10 +59,10 @@
             "{appearances.ChevronLink.focus}",
             "{appearances.ChevronLink.hover}",
             "{appearances.ChevronLink.pressed}",
-            "{appearances.ColourToggle.focus}",
-            "{appearances.ColourToggle.hover}",
-            "{appearances.ColourToggle.pressed}",
-            "{appearances.ColourToggle.selected}",
+            "{appearances.ColorToggle.focus}",
+            "{appearances.ColorToggle.hover}",
+            "{appearances.ColorToggle.pressed}",
+            "{appearances.ColorToggle.selected}",
             "{appearances.DatePicker.pressed}",
             "{appearances.DatePicker.selected}",
             "{appearances.DatePicker.focus}",
@@ -1811,6 +1811,16 @@
           "description": "@telus-uds/palette-allium/v6.0.0 palette tokens 🖌️\n",
           "markdownDescription": "`@telus-uds/palette-allium/v6.0.0` **palette** tokens 🖌️\n\n"
         },
+        {
+          "const": "{palette.icon.ScanBarcode}",
+          "description": "@telus-uds/palette-allium/v6.0.0 palette tokens 🖌️\n",
+          "markdownDescription": "`@telus-uds/palette-allium/v6.0.0` **palette** tokens 🖌️\n\n"
+        },
+        {
+          "const": "{palette.icon.ScanBarcodeBold}",
+          "description": "@telus-uds/palette-allium/v6.0.0 palette tokens 🖌️\n",
+          "markdownDescription": "`@telus-uds/palette-allium/v6.0.0` **palette** tokens 🖌️\n\n"
+        },
         {
           "const": "{palette.icon.Search}",
           "description": "@telus-uds/palette-allium/v6.0.0 palette tokens 🖌️\n",
@@ -9866,6 +9876,9 @@
                 "showPanelTabs": {
                   "$ref": "#show"
                 },
+                "showStepTrackerLabel": {
+                  "$ref": "#show"
+                },
                 "spaceBetweenSlideAndPreviousNextNavigation": {
                   "$ref": "#size"
                 },
@@ -9886,6 +9899,7 @@
                 "showPreviousNextNavigation",
                 "showPanelNavigation",
                 "showPanelTabs",
+                "showStepTrackerLabel",
                 "spaceBetweenSlideAndPreviousNextNavigation",
                 "spaceBetweenSlideAndPanelNavigation",
                 "stepTrackerCurrentBackgroundColor"
@@ -9932,6 +9946,9 @@
                       "showPanelTabs": {
                         "$ref": "#show"
                       },
+                      "showStepTrackerLabel": {
+                        "$ref": "#show"
+                      },
                       "spaceBetweenSlideAndPreviousNextNavigation": {
                         "$ref": "#size"
                       },
@@ -11282,7 +11299,7 @@
             "rules"
           ]
         },
-        "ColourToggle": {
+        "ColorToggle": {
           "type": "object",
           "additionalProperties": false,
           "properties": {
@@ -19963,6 +19980,9 @@
                 "containerPaddingTop": {
                   "$ref": "#size"
                 },
+                "knobAnimatePill": {
+                  "$ref": "#show"
+                },
                 "knobBackgroundColor": {
                   "$ref": "#color"
                 },
@@ -19984,6 +20004,12 @@
                 "knobCompletedPaddingTop": {
                   "$ref": "#size"
                 },
+                "knobCompletedRadius": {
+                  "$ref": "#radius"
+                },
+                "knobCompletedWidth": {
+                  "$ref": "#size"
+                },
                 "knobCurrentBackgroundColor": {
                   "$ref": "#color"
                 },
@@ -20093,6 +20119,7 @@
                 "containerPaddingLeft",
                 "containerPaddingRight",
                 "containerPaddingTop",
+                "knobAnimatePill",
                 "knobBackgroundColor",
                 "knobBorderColor",
                 "knobBorderWidth",
@@ -20100,6 +20127,8 @@
                 "knobCompletedBorderColor",
                 "knobCompletedPaddingLeft",
                 "knobCompletedPaddingTop",
+                "knobCompletedRadius",
+                "knobCompletedWidth",
                 "knobCurrentBackgroundColor",
                 "knobCurrentBorderColor",
                 "knobCurrentBorderWidth",
@@ -20197,6 +20226,9 @@
                       "containerPaddingTop": {
                         "$ref": "#size"
                       },
+                      "knobAnimatePill": {
+                        "$ref": "#show"
+                      },
                       "knobBackgroundColor": {
                         "$ref": "#color"
                       },
@@ -20218,6 +20250,12 @@
                       "knobCompletedPaddingTop": {
                         "$ref": "#size"
                       },
+                      "knobCompletedRadius": {
+                        "$ref": "#radius"
+                      },
+                      "knobCompletedWidth": {
+                        "$ref": "#size"
+                      },
                       "knobCurrentBackgroundColor": {
                         "$ref": "#color"
                       },
@@ -24309,7 +24347,7 @@
         "CheckboxCardGroup",
         "ChevronLink",
         "CheckboxGroup",
-        "ColourToggle",
+        "ColorToggle",
         "Divider",
         "DownloadApp",
         "DatePicker",

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:17 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 08 Jun 2026 19:49:52 GMT
+ * Generated on Tue, 14 Jul 2026 18:24:18 GMT
  *
  */
 
@@ -1898,6 +1898,7 @@ const theme = {
         showPanelNavigation: true,
         showPanelTabs: true,
         showPreviousNextNavigation: true,
+        showStepTrackerLabel: true,
         spaceBetweenSlideAndPanelNavigation: 32,
         spaceBetweenSlideAndPreviousNextNavigation: 24,
         stepTrackerCurrentBackgroundColor: null
@@ -2695,7 +2696,7 @@ const theme = {
         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.",
@@ -8051,6 +8052,11 @@ const theme = {
     },
     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',
@@ -8104,6 +8110,7 @@ const theme = {
         containerPaddingLeft: null,
         containerPaddingRight: null,
         containerPaddingTop: null,
+        knobAnimatePill: false,
         knobBackgroundColor: 'rgba(0, 0, 0, 0)',
         knobBorderColor: '#676e73',
         knobBorderWidth: 1,
@@ -8111,6 +8118,8 @@ const theme = {
         knobCompletedBorderColor: '#7c53a5',
         knobCompletedPaddingLeft: 0,
         knobCompletedPaddingTop: 0,
+        knobCompletedRadius: null,
+        knobCompletedWidth: null,
         knobCurrentBackgroundColor: '#7c53a5',
         knobCurrentBorderColor: '#7c53a5',
         knobCurrentBorderWidth: 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "description": "Allium theme",
   "author": "TELUS Digital",
   "homepage": "https://github.com/telus/allium-design-system#readme",
@@ -9,12 +9,12 @@
   "module": "build/web/index.js",
   "dependencies": {},
   "devDependencies": {
-    "@telus-uds/palette-allium": "^6.0.0",
-    "@telus-uds/system-theme-tokens": "^5.0.0",
-    "@telus-uds/system-tokens": "^2.0.0"
+    "@telus-uds/palette-allium": "^6.1.0",
+    "@telus-uds/system-theme-tokens": "^5.1.0",
+    "@telus-uds/system-tokens": "^2.0.1"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^6.0.0"
+    "@telus-uds/palette-allium": "^6.1.0"
   },
   "files": [
     "build",
@@ -26,7 +26,7 @@
   },
   "scripts": {
     "build": "UDS_PALETTE=@telus-uds/palette-allium system-tokens-build-theme",
-    "dev": "nodemon -w src -x 'npm run build'"
+    "dev": "nodemon -w src -x 'pnpm run build'"
   },
   "bugs": {
     "url": "https://github.com/telus/allium-design-system/issues"

package/theme.json

@@ -2354,6 +2354,7 @@
         "showPanelNavigation": "{system.show.true}",
         "showPanelTabs": "{system.show.true}",
         "showPreviousNextNavigation": "{system.show.true}",
+        "showStepTrackerLabel": "{system.show.true}",
         "spaceBetweenSlideAndPanelNavigation": "{palette.size.size32}",
         "spaceBetweenSlideAndPreviousNextNavigation": "{palette.size.size24}",
         "stepTrackerCurrentBackgroundColor": "{system.color.none}"
@@ -3508,12 +3509,12 @@
         "textLine": "{system.textLine.none}"
       }
     },
-    "ColourToggle": {
+    "ColorToggle": {
       "appearances": {
-        "focus": "{appearances.ColourToggle.focus}",
-        "hover": "{appearances.ColourToggle.hover}",
-        "pressed": "{appearances.ColourToggle.pressed}",
-        "selected": "{appearances.ColourToggle.selected}"
+        "focus": "{appearances.ColorToggle.focus}",
+        "hover": "{appearances.ColorToggle.hover}",
+        "pressed": "{appearances.ColorToggle.pressed}",
+        "selected": "{appearances.ColorToggle.selected}"
       },
       "rules": [
         {
@@ -10355,6 +10356,11 @@
     },
     "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",
@@ -10422,6 +10428,7 @@
         "containerPaddingLeft": "{system.size.none}",
         "containerPaddingRight": "{system.size.none}",
         "containerPaddingTop": "{system.size.none}",
+        "knobAnimatePill": "{system.show.false}",
         "knobBackgroundColor": "{palette.color.transparent}",
         "knobBorderColor": "{palette.color.greyShuttle}",
         "knobBorderWidth": "{palette.border.border1}",
@@ -10429,6 +10436,8 @@
         "knobCompletedBorderColor": "{palette.color.purpleDeluge}",
         "knobCompletedPaddingLeft": "{palette.size.size0}",
         "knobCompletedPaddingTop": "{palette.size.size0}",
+        "knobCompletedRadius": "{system.radius.none}",
+        "knobCompletedWidth": "{system.size.none}",
         "knobCurrentBackgroundColor": "{palette.color.purpleDeluge}",
         "knobCurrentBorderColor": "{palette.color.purpleDeluge}",
         "knobCurrentBorderWidth": "{palette.border.border2}",