@telus-uds/system-theme-tokens 4.11.0 → 4.13.0

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Fri, 25 Jul 2025 04:09:38 GMT and should not be manually modified.
+This log was last generated on Thu, 04 Sep 2025 06:46:41 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 4.13.0
+
+Thu, 04 Sep 2025 06:46:41 GMT
+
+### Minor changes
+
+- `Tabs`: new tokens added for the new dropdown feature for xs and sm viewports (35577399+JoshHC@users.noreply.github.com)
+
+## 4.12.0
+
+Fri, 15 Aug 2025 00:52:15 GMT
+
+### Minor changes
+
+- `ToggleSwitch`: add new values in tokens (sergio.ramirez@telus.com)
+- `ButtonDropdown`: add lead-icon and description tokens (guillermo.peitzner@telus.com)
+
 ## 4.11.0
 
-Fri, 25 Jul 2025 04:09:38 GMT
+Fri, 25 Jul 2025 04:13:56 GMT
 
 ### Minor changes
 

package/build/cjs/components.js

@@ -507,44 +507,60 @@ var _default = exports.default = {
     textLineStyle: 'textLineStyle'
   },
   ButtonDropdown: {
-    icon: 'icon',
-    iconPosition: 'position',
-    iconSpace: 'integer',
-    iconSize: 'size',
-    iconColor: 'color',
-    iconPadding: 'size',
-    iconAlignSelf: 'flexAlign',
-    iconTranslateX: 'size',
-    iconTranslateY: 'size',
-    iconBackground: 'color',
-    iconBorderRadius: 'radius',
     // These are duplicated Button tokens. TODO: consider token sets to reduce duplication.
     // https://github.com/telus/universal-design-system/issues/782
+    alignSelf: 'flexAlign',
+    backgroundColor: 'color',
     borderColor: 'color',
-    borderWidth: 'border',
     borderRadius: 'radius',
-    shadow: 'shadow',
-    fontSize: 'fontSize',
+    borderWidth: 'border',
     color: 'color',
+    descriptionFontName: 'fontName',
+    descriptionFontSize: 'fontSize',
+    descriptionFontWeight: 'fontWeight',
+    descriptionTextPaddingBottom: 'size',
     dividerColor: 'color',
-    subtitleColor: 'color',
-    lineHeight: 'lineHeight',
-    textAlign: 'flexJustifyContent',
-    alignSelf: 'flexAlign',
+    fontSize: 'fontSize',
     fontName: 'fontName',
     fontWeight: 'fontWeight',
-    backgroundColor: 'color',
+    icon: 'icon',
+    iconAlignSelf: 'flexAlign',
+    iconBackground: 'color',
+    iconBorderRadius: 'radius',
+    iconColor: 'color',
+    iconPadding: 'size',
+    iconPosition: 'position',
+    iconSize: 'size',
+    iconSpace: 'integer',
+    iconTranslateX: 'size',
+    iconTranslateY: 'size',
+    leadIcon: 'icon',
+    leadIconBackgroundColor: 'color',
+    leadIconBorderRadius: 'radius',
+    leadIconColor: 'color',
+    leadIconContainerPaddingBottom: 'size',
+    leadIconContainerPaddingLeft: 'size',
+    leadIconContainerPaddingRight: 'size',
+    leadIconContainerPaddingTop: 'size',
+    leadIconPadding: 'size',
+    leadIconSize: 'size',
+    lineHeight: 'lineHeight',
+    minWidth: 'size',
     opacity: 'opacity',
+    outerBackgroundColor: 'color',
+    outerBorderColor: 'color',
+    outerBorderGap: 'size',
+    outerBorderWidth: 'border',
+    paddingBottom: 'size',
     paddingLeft: 'size',
     paddingRight: 'size',
     paddingTop: 'size',
-    paddingBottom: 'size',
-    width: 'size',
-    minWidth: 'size',
-    outerBorderColor: 'color',
-    outerBorderWidth: 'border',
-    outerBorderGap: 'size',
-    outerBackgroundColor: 'color'
+    shadow: 'shadow',
+    subtitleColor: 'color',
+    textAlign: 'flexJustifyContent',
+    textPaddingLeft: 'size',
+    textPaddingRight: 'size',
+    width: 'size'
   },
   ButtonGroup: {
     space: 'integer',
@@ -1880,7 +1896,9 @@ var _default = exports.default = {
     textTransform: 'textTransform',
     fontScaleCap: 'fontSize',
     fontName: 'fontName',
-    fontWeight: 'fontWeight'
+    fontWeight: 'fontWeight',
+    dropdownIcon: 'icon',
+    dropdownIconExpanded: 'icon'
   },
   TabBar: {
     paddingTop: 'size',

package/build/esm/components.js

@@ -501,44 +501,60 @@ export default {
     textLineStyle: 'textLineStyle'
   },
   ButtonDropdown: {
-    icon: 'icon',
-    iconPosition: 'position',
-    iconSpace: 'integer',
-    iconSize: 'size',
-    iconColor: 'color',
-    iconPadding: 'size',
-    iconAlignSelf: 'flexAlign',
-    iconTranslateX: 'size',
-    iconTranslateY: 'size',
-    iconBackground: 'color',
-    iconBorderRadius: 'radius',
     // These are duplicated Button tokens. TODO: consider token sets to reduce duplication.
     // https://github.com/telus/universal-design-system/issues/782
+    alignSelf: 'flexAlign',
+    backgroundColor: 'color',
     borderColor: 'color',
-    borderWidth: 'border',
     borderRadius: 'radius',
-    shadow: 'shadow',
-    fontSize: 'fontSize',
+    borderWidth: 'border',
     color: 'color',
+    descriptionFontName: 'fontName',
+    descriptionFontSize: 'fontSize',
+    descriptionFontWeight: 'fontWeight',
+    descriptionTextPaddingBottom: 'size',
     dividerColor: 'color',
-    subtitleColor: 'color',
-    lineHeight: 'lineHeight',
-    textAlign: 'flexJustifyContent',
-    alignSelf: 'flexAlign',
+    fontSize: 'fontSize',
     fontName: 'fontName',
     fontWeight: 'fontWeight',
-    backgroundColor: 'color',
+    icon: 'icon',
+    iconAlignSelf: 'flexAlign',
+    iconBackground: 'color',
+    iconBorderRadius: 'radius',
+    iconColor: 'color',
+    iconPadding: 'size',
+    iconPosition: 'position',
+    iconSize: 'size',
+    iconSpace: 'integer',
+    iconTranslateX: 'size',
+    iconTranslateY: 'size',
+    leadIcon: 'icon',
+    leadIconBackgroundColor: 'color',
+    leadIconBorderRadius: 'radius',
+    leadIconColor: 'color',
+    leadIconContainerPaddingBottom: 'size',
+    leadIconContainerPaddingLeft: 'size',
+    leadIconContainerPaddingRight: 'size',
+    leadIconContainerPaddingTop: 'size',
+    leadIconPadding: 'size',
+    leadIconSize: 'size',
+    lineHeight: 'lineHeight',
+    minWidth: 'size',
     opacity: 'opacity',
+    outerBackgroundColor: 'color',
+    outerBorderColor: 'color',
+    outerBorderGap: 'size',
+    outerBorderWidth: 'border',
+    paddingBottom: 'size',
     paddingLeft: 'size',
     paddingRight: 'size',
     paddingTop: 'size',
-    paddingBottom: 'size',
-    width: 'size',
-    minWidth: 'size',
-    outerBorderColor: 'color',
-    outerBorderWidth: 'border',
-    outerBorderGap: 'size',
-    outerBackgroundColor: 'color'
+    shadow: 'shadow',
+    subtitleColor: 'color',
+    textAlign: 'flexJustifyContent',
+    textPaddingLeft: 'size',
+    textPaddingRight: 'size',
+    width: 'size'
   },
   ButtonGroup: {
     space: 'integer',
@@ -1874,7 +1890,9 @@ export default {
     textTransform: 'textTransform',
     fontScaleCap: 'fontSize',
     fontName: 'fontName',
-    fontWeight: 'fontWeight'
+    fontWeight: 'fontWeight',
+    dropdownIcon: 'icon',
+    dropdownIconExpanded: 'icon'
   },
   TabBar: {
     paddingTop: 'size',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/system-theme-tokens",
-  "version": "4.11.0",
+  "version": "4.13.0",
   "description": "Theme token schema for UDS",
   "keywords": [
     "system"

package/src/components.js

@@ -501,44 +501,60 @@ export default {
     textLineStyle: 'textLineStyle'
   },
   ButtonDropdown: {
-    icon: 'icon',
-    iconPosition: 'position',
-    iconSpace: 'integer',
-    iconSize: 'size',
-    iconColor: 'color',
-    iconPadding: 'size',
-    iconAlignSelf: 'flexAlign',
-    iconTranslateX: 'size',
-    iconTranslateY: 'size',
-    iconBackground: 'color',
-    iconBorderRadius: 'radius',
     // These are duplicated Button tokens. TODO: consider token sets to reduce duplication.
     // https://github.com/telus/universal-design-system/issues/782
+    alignSelf: 'flexAlign',
+    backgroundColor: 'color',
     borderColor: 'color',
-    borderWidth: 'border',
     borderRadius: 'radius',
-    shadow: 'shadow',
-    fontSize: 'fontSize',
+    borderWidth: 'border',
     color: 'color',
+    descriptionFontName: 'fontName',
+    descriptionFontSize: 'fontSize',
+    descriptionFontWeight: 'fontWeight',
+    descriptionTextPaddingBottom: 'size',
     dividerColor: 'color',
-    subtitleColor: 'color',
-    lineHeight: 'lineHeight',
-    textAlign: 'flexJustifyContent',
-    alignSelf: 'flexAlign',
+    fontSize: 'fontSize',
     fontName: 'fontName',
     fontWeight: 'fontWeight',
-    backgroundColor: 'color',
+    icon: 'icon',
+    iconAlignSelf: 'flexAlign',
+    iconBackground: 'color',
+    iconBorderRadius: 'radius',
+    iconColor: 'color',
+    iconPadding: 'size',
+    iconPosition: 'position',
+    iconSize: 'size',
+    iconSpace: 'integer',
+    iconTranslateX: 'size',
+    iconTranslateY: 'size',
+    leadIcon: 'icon',
+    leadIconBackgroundColor: 'color',
+    leadIconBorderRadius: 'radius',
+    leadIconColor: 'color',
+    leadIconContainerPaddingBottom: 'size',
+    leadIconContainerPaddingLeft: 'size',
+    leadIconContainerPaddingRight: 'size',
+    leadIconContainerPaddingTop: 'size',
+    leadIconPadding: 'size',
+    leadIconSize: 'size',
+    lineHeight: 'lineHeight',
+    minWidth: 'size',
     opacity: 'opacity',
+    outerBackgroundColor: 'color',
+    outerBorderColor: 'color',
+    outerBorderGap: 'size',
+    outerBorderWidth: 'border',
+    paddingBottom: 'size',
     paddingLeft: 'size',
     paddingRight: 'size',
     paddingTop: 'size',
-    paddingBottom: 'size',
-    width: 'size',
-    minWidth: 'size',
-    outerBorderColor: 'color',
-    outerBorderWidth: 'border',
-    outerBorderGap: 'size',
-    outerBackgroundColor: 'color'
+    shadow: 'shadow',
+    subtitleColor: 'color',
+    textAlign: 'flexJustifyContent',
+    textPaddingLeft: 'size',
+    textPaddingRight: 'size',
+    width: 'size'
   },
   ButtonGroup: {
     space: 'integer',
@@ -1886,7 +1902,9 @@ export default {
     textTransform: 'textTransform',
     fontScaleCap: 'fontSize',
     fontName: 'fontName',
-    fontWeight: 'fontWeight'
+    fontWeight: 'fontWeight',
+    dropdownIcon: 'icon',
+    dropdownIconExpanded: 'icon'
   },
   TabBar: {
     paddingTop: 'size',