@telus-uds/theme-allium 7.10.0 → 7.12.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 24 Jun 2025 18:52:57 GMT
+ * Generated on Fri, 11 Jul 2025 22:14:40 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 24 Jun 2025 18:52:57 GMT
+ * Generated on Fri, 11 Jul 2025 22:14:40 GMT
  *
  */
 
@@ -1558,6 +1558,15 @@ const theme = {
             paddingTop: 48
           }
         },
+        {
+          if: { interactive: true, viewport: [ 'md', 'lg', 'xl' ] },
+          tokens: {
+            paddingBottom: 45,
+            paddingLeft: 29,
+            paddingRight: 29,
+            paddingTop: 45
+          }
+        },
         {
           if: { padding: 'narrow' },
           tokens: {
@@ -1567,6 +1576,15 @@ const theme = {
             paddingTop: 24
           }
         },
+        {
+          if: { interactive: true, padding: 'narrow' },
+          tokens: {
+            paddingBottom: 21,
+            paddingLeft: 13,
+            paddingRight: 13,
+            paddingTop: 21
+          }
+        },
         {
           if: { padding: 'narrow', viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
@@ -1576,6 +1594,19 @@ const theme = {
             paddingTop: 32
           }
         },
+        {
+          if: {
+            interactive: true,
+            padding: 'narrow',
+            viewport: [ 'md', 'lg', 'xl' ]
+          },
+          tokens: {
+            paddingBottom: 29,
+            paddingLeft: 13,
+            paddingRight: 13,
+            paddingTop: 29
+          }
+        },
         {
           if: { padding: 'intermediate' },
           tokens: {
@@ -1585,6 +1616,15 @@ const theme = {
             paddingTop: 24
           }
         },
+        {
+          if: { interactive: true, padding: 'intermediate' },
+          tokens: {
+            paddingBottom: 21,
+            paddingLeft: 21,
+            paddingRight: 21,
+            paddingTop: 21
+          }
+        },
         {
           if: { padding: 'intermediate', viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
@@ -1594,6 +1634,19 @@ const theme = {
             paddingTop: 32
           }
         },
+        {
+          if: {
+            interactive: true,
+            padding: 'intermediate',
+            viewport: [ 'md', 'lg', 'xl' ]
+          },
+          tokens: {
+            paddingBottom: 29,
+            paddingLeft: 29,
+            paddingRight: 29,
+            paddingTop: 29
+          }
+        },
         {
           if: { padding: 'compact' },
           tokens: {
@@ -1603,6 +1656,15 @@ const theme = {
             paddingTop: 16
           }
         },
+        {
+          if: { interactive: true, padding: 'compact' },
+          tokens: {
+            paddingBottom: 13,
+            paddingLeft: 13,
+            paddingRight: 13,
+            paddingTop: 13
+          }
+        },
         {
           if: { padding: 'custom' },
           tokens: {
@@ -2040,6 +2102,7 @@ const theme = {
         {
           if: { inactive: true },
           tokens: {
+            descriptionFontColor: '#676e73',
             iconBackgroundColor: '#e3e6e8',
             iconColor: '#676e73',
             inputBackgroundColor: '#e3e6e8',
@@ -2063,6 +2126,12 @@ const theme = {
       ],
       tokens: {
         containerBackgroundColor: 'rgba(0, 0, 0, 0)',
+        descriptionFontColor: '#414547',
+        descriptionFontName: 'HNforTELUSSA',
+        descriptionFontSize: 14,
+        descriptionFontWeight: '400',
+        descriptionLineHeight: 1.42857142857,
+        descriptionMarginLeft: null,
         feedbackMarginBottom: 0,
         feedbackMarginTop: 2,
         feedbackPosition: 'bottom',
@@ -7189,8 +7258,8 @@ const theme = {
         knobBorderWidth: 1,
         knobCompletedBackgroundColor: 'rgba(0, 0, 0, 0)',
         knobCompletedBorderColor: '#7c53a5',
-        knobCompletedPaddingLeft: 2,
-        knobCompletedPaddingTop: 2,
+        knobCompletedPaddingLeft: 0,
+        knobCompletedPaddingTop: 0,
         knobCurrentBackgroundColor: '#7c53a5',
         knobCurrentBorderColor: '#7c53a5',
         knobCurrentBorderWidth: 2,
@@ -8254,6 +8323,7 @@ const theme = {
         borderColor: 'rgba(0, 0, 0, 0)',
         borderRadius: 32,
         borderWidth: 0,
+        containerWidth: null,
         icon: null,
         iconColor: '#676e73',
         iconSize: 14,
@@ -9027,6 +9097,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '4.8.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '4.10.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "7.10.0",
+  "version": "7.12.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": "^5.6.0",
-    "@telus-uds/system-theme-tokens": "^4.8.0",
-    "@telus-uds/system-tokens": "^1.4.1"
+    "@telus-uds/palette-allium": "^5.7.1",
+    "@telus-uds/system-theme-tokens": "^4.10.0",
+    "@telus-uds/system-tokens": "^1.4.3"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^5.6.0"
+    "@telus-uds/palette-allium": "^5.7.1"
   },
   "files": [
     "build",

package/theme.json

@@ -1948,6 +1948,18 @@
             "paddingTop": "{palette.size.size48}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "viewport": ["md", "lg", "xl"]
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size45}",
+            "paddingLeft": "{palette.size.size29}",
+            "paddingRight": "{palette.size.size29}",
+            "paddingTop": "{palette.size.size45}"
+          }
+        },
         {
           "if": {
             "padding": "narrow"
@@ -1959,6 +1971,18 @@
             "paddingTop": "{palette.size.size24}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "narrow"
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size21}",
+            "paddingLeft": "{palette.size.size13}",
+            "paddingRight": "{palette.size.size13}",
+            "paddingTop": "{palette.size.size21}"
+          }
+        },
         {
           "if": {
             "padding": "narrow",
@@ -1971,6 +1995,19 @@
             "paddingTop": "{palette.size.size32}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "narrow",
+            "viewport": ["md", "lg", "xl"]
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size29}",
+            "paddingLeft": "{palette.size.size13}",
+            "paddingRight": "{palette.size.size13}",
+            "paddingTop": "{palette.size.size29}"
+          }
+        },
         {
           "if": {
             "padding": "intermediate"
@@ -1982,6 +2019,18 @@
             "paddingTop": "{palette.size.size24}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "intermediate"
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size21}",
+            "paddingLeft": "{palette.size.size21}",
+            "paddingRight": "{palette.size.size21}",
+            "paddingTop": "{palette.size.size21}"
+          }
+        },
         {
           "if": {
             "padding": "intermediate",
@@ -1994,6 +2043,19 @@
             "paddingTop": "{palette.size.size32}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "intermediate",
+            "viewport": ["md", "lg", "xl"]
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size29}",
+            "paddingLeft": "{palette.size.size29}",
+            "paddingRight": "{palette.size.size29}",
+            "paddingTop": "{palette.size.size29}"
+          }
+        },
         {
           "if": {
             "padding": "compact"
@@ -2005,6 +2067,18 @@
             "paddingTop": "{palette.size.size16}"
           }
         },
+        {
+          "if": {
+            "interactive": true,
+            "padding": "compact"
+          },
+          "tokens": {
+            "paddingBottom": "{palette.size.size13}",
+            "paddingLeft": "{palette.size.size13}",
+            "paddingRight": "{palette.size.size13}",
+            "paddingTop": "{palette.size.size13}"
+          }
+        },
         {
           "if": {
             "padding": "custom"
@@ -2509,6 +2583,7 @@
             "inactive": true
           },
           "tokens": {
+            "descriptionFontColor": "{palette.color.greyShuttle}",
             "iconBackgroundColor": "{palette.color.greyMystic}",
             "iconColor": "{palette.color.greyShuttle}",
             "inputBackgroundColor": "{palette.color.greyMystic}",
@@ -2540,6 +2615,12 @@
       ],
       "tokens": {
         "containerBackgroundColor": "{palette.color.transparent}",
+        "descriptionFontColor": "{palette.color.greyCharcoal}",
+        "descriptionFontName": "{palette.fontName.HNforTELUSSA}",
+        "descriptionFontSize": "{palette.fontSize.size14}",
+        "descriptionFontWeight": "{palette.fontWeight.weight400}",
+        "descriptionLineHeight": "{palette.lineHeight.ratio10to7}",
+        "descriptionMarginLeft": "{system.size.none}",
         "feedbackMarginBottom": "{system.size.zero}",
         "feedbackMarginTop": "{palette.size.size2}",
         "feedbackPosition": "{system.position.bottom}",
@@ -9380,8 +9461,8 @@
         "knobBorderWidth": "{palette.border.border1}",
         "knobCompletedBackgroundColor": "{palette.color.transparent}",
         "knobCompletedBorderColor": "{palette.color.purpleDeluge}",
-        "knobCompletedPaddingLeft": "{palette.size.size2}",
-        "knobCompletedPaddingTop": "{palette.size.size2}",
+        "knobCompletedPaddingLeft": "{palette.size.size0}",
+        "knobCompletedPaddingTop": "{palette.size.size0}",
         "knobCurrentBackgroundColor": "{palette.color.purpleDeluge}",
         "knobCurrentBorderColor": "{palette.color.purpleDeluge}",
         "knobCurrentBorderWidth": "{palette.border.border2}",
@@ -10551,6 +10632,7 @@
         "borderColor": "{palette.color.transparent}",
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.none}",
+        "containerWidth": "{system.size.none}",
         "icon": "{system.icon.none}",
         "iconColor": "{palette.color.greyShuttle}",
         "iconSize": "{palette.size.size14}",