@telus-uds/theme-allium 7.5.0 → 7.6.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 28 Mar 2025 00:59:46 GMT
+ * Generated on Thu, 24 Apr 2025 18:51:19 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 28 Mar 2025 00:59:46 GMT
+ * Generated on Thu, 24 Apr 2025 18:51:19 GMT
  *
  */
 
@@ -1273,7 +1273,7 @@ const theme = {
         { if: { rounded: true }, tokens: { borderRadius: 4 } }
       ],
       tokens: {
-        background: '#f4f4f7',
+        background: 'rgba(0, 0, 0, 0.05)',
         borderRadius: 0,
         color: '#4b286d',
         gap: 16,
@@ -4701,6 +4701,8 @@ const theme = {
         }
       ],
       tokens: {
+        buttonBackgroundColor: '#ffffff',
+        buttonBackgroundColorSelected: '#4b286d',
         buttonBorderColor: '#b2b9bf',
         buttonDirection: 'row',
         buttonIconBackgroundColor: '#f4f4f7',
@@ -4717,6 +4719,8 @@ const theme = {
         headerFontSize: 16,
         headerFontWeight: '500',
         headerLineHeight: 1.5,
+        iconColor: '#414547',
+        iconColorSelected: '#ffffff',
         labelColor: '#676e73',
         labelFontName: 'HNforTELUSSA',
         labelFontSize: 14,
@@ -4873,10 +4877,6 @@ const theme = {
         }
       },
       rules: [
-        {
-          if: { system: true, viewport: [ 'xl' ] },
-          tokens: { containerPaddingLeft: 16, containerPaddingRight: 16 }
-        },
         {
           if: { system: true },
           tokens: {
@@ -4884,11 +4884,7 @@ const theme = {
             borderRadius: 0,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 8,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 8
           }
         },
         {
@@ -4898,11 +4894,7 @@ const theme = {
             borderRadius: 0,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 8,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 8
           }
         },
         {
@@ -4913,11 +4905,7 @@ const theme = {
             borderRadius: 6,
             borderRightWidth: 0,
             borderTopWidth: 0,
-            iconGap: 8,
-            paddingBottom: 12,
-            paddingLeft: 12,
-            paddingRight: 12,
-            paddingTop: 12
+            iconGap: 8
           }
         },
         {
@@ -5003,8 +4991,8 @@ const theme = {
         justifyContent: 'flex-start',
         lineHeight: 1.5,
         paddingBottom: 12,
-        paddingLeft: 12,
-        paddingRight: 12,
+        paddingLeft: 16,
+        paddingRight: 16,
         paddingTop: 12
       }
     },
@@ -8975,6 +8963,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '4.3.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '4.4.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "7.5.0",
+  "version": "7.6.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.3.1",
-    "@telus-uds/system-theme-tokens": "^4.3.0",
-    "@telus-uds/system-tokens": "^1.2.1"
+    "@telus-uds/palette-allium": "^5.3.2",
+    "@telus-uds/system-theme-tokens": "^4.4.0",
+    "@telus-uds/system-tokens": "^1.2.2"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^5.3.1"
+    "@telus-uds/palette-allium": "^5.3.2"
   },
   "files": [
     "build",

package/theme.json

@@ -1548,7 +1548,7 @@
         }
       ],
       "tokens": {
-        "background": "{palette.color.greyAthens}",
+        "background": "{palette.color.dark5}",
         "borderRadius": "{palette.size.size0}",
         "color": "{palette.color.purpleTelus}",
         "gap": "{palette.size.size16}",
@@ -6568,6 +6568,8 @@
         }
       ],
       "tokens": {
+        "buttonBackgroundColor": "{palette.color.white}",
+        "buttonBackgroundColorSelected": "{palette.color.purpleTelus}",
         "buttonBorderColor": "{palette.color.greyCloud}",
         "buttonDirection": "{system.direction.row}",
         "buttonIconBackgroundColor": "{palette.color.greyAthens}",
@@ -6584,6 +6586,8 @@
         "headerFontSize": "{palette.fontSize.size16}",
         "headerFontWeight": "{palette.fontWeight.weight500}",
         "headerLineHeight": "{palette.lineHeight.ratio3to2}",
+        "iconColor": "{palette.color.greyCharcoal}",
+        "iconColorSelected": "{palette.color.white}",
         "labelColor": "{palette.color.greyShuttle}",
         "labelFontName": "{palette.fontName.HNforTELUSSA}",
         "labelFontSize": "{palette.fontSize.size14}",
@@ -6726,16 +6730,6 @@
         "viewport": "{appearances.system.viewport}"
       },
       "rules": [
-        {
-          "if": {
-            "system": true,
-            "viewport": ["xl"]
-          },
-          "tokens": {
-            "containerPaddingLeft": "{palette.size.size16}",
-            "containerPaddingRight": "{palette.size.size16}"
-          }
-        },
         {
           "if": {
             "system": true
@@ -6745,11 +6739,7 @@
             "borderRadius": "{palette.radius.none}",
             "borderRightWidth": "{system.border.zero}",
             "borderTopWidth": "{system.border.zero}",
-            "iconGap": "{palette.size.size8}",
-            "paddingBottom": "{palette.size.size12}",
-            "paddingLeft": "{palette.size.size12}",
-            "paddingRight": "{palette.size.size12}",
-            "paddingTop": "{palette.size.size12}"
+            "iconGap": "{palette.size.size8}"
           }
         },
         {
@@ -6761,11 +6751,7 @@
             "borderRadius": "{palette.radius.none}",
             "borderRightWidth": "{system.border.zero}",
             "borderTopWidth": "{system.border.zero}",
-            "iconGap": "{palette.size.size8}",
-            "paddingBottom": "{palette.size.size12}",
-            "paddingLeft": "{palette.size.size12}",
-            "paddingRight": "{palette.size.size12}",
-            "paddingTop": "{palette.size.size12}"
+            "iconGap": "{palette.size.size8}"
           }
         },
         {
@@ -6778,11 +6764,7 @@
             "borderRadius": "{palette.radius.radius6}",
             "borderRightWidth": "{system.border.zero}",
             "borderTopWidth": "{system.border.zero}",
-            "iconGap": "{palette.size.size8}",
-            "paddingBottom": "{palette.size.size12}",
-            "paddingLeft": "{palette.size.size12}",
-            "paddingRight": "{palette.size.size12}",
-            "paddingTop": "{palette.size.size12}"
+            "iconGap": "{palette.size.size8}"
           }
         },
         {
@@ -6880,8 +6862,8 @@
         "justifyContent": "{system.flexJustifyContent.flexStart}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
         "paddingBottom": "{palette.size.size12}",
-        "paddingLeft": "{palette.size.size12}",
-        "paddingRight": "{palette.size.size12}",
+        "paddingLeft": "{palette.size.size16}",
+        "paddingRight": "{palette.size.size16}",
         "paddingTop": "{palette.size.size12}"
       }
     },