@telus-uds/theme-allium 5.2.0 → 5.4.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 25 Sep 2024 16:56:43 GMT
+ * Generated on Thu, 31 Oct 2024 05:01:38 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 25 Sep 2024 16:56:43 GMT
+ * Generated on Thu, 31 Oct 2024 05:01:38 GMT
  *
  */
 
@@ -1473,6 +1473,7 @@ const theme = {
       ],
       tokens: {
         backgroundColor: '#ffffff',
+        backgroundGradient: null,
         borderColor: '#e3e6e8',
         borderRadius: 6,
         borderWidth: 1,
@@ -3888,6 +3889,8 @@ const theme = {
           tokens: {
             direction: 'column',
             height: '100%',
+            marginLeft: 24,
+            marginRight: 24,
             paddingBottom: 24,
             paddingLeft: 24,
             paddingRight: 24,
@@ -3976,12 +3979,13 @@ const theme = {
         containerPaddingRight: 0,
         containerPaddingTop: 0,
         direction: 'row',
+        footerTopWidth: 0,
         gap: 16,
         headingColor: '#414547',
         headingPaddingRight: 24,
         height: null,
-        marginLeft: 24,
-        marginRight: 24,
+        marginLeft: 32,
+        marginRight: 32,
         maxWidth: '100%',
         paddingBottom: 24,
         paddingLeft: 32,
@@ -4746,6 +4750,7 @@ const theme = {
         }
       ],
       tokens: {
+        alignItemsText: 'flex-start',
         amountFontName: 'HNforTELUSSA',
         amountFontSize: 40,
         amountFontWeight: '300',
@@ -4821,7 +4826,15 @@ const theme = {
         borderColor: '#b2b9bf',
         borderRadius: 12,
         borderWidth: 1,
-        height: 16
+        height: 16,
+        shadow: {
+          blur: 2,
+          color: 'rgba(0, 0, 0, 0.1)',
+          inset: true,
+          offsetX: 0,
+          offsetY: 2,
+          spread: 0
+        }
       }
     },
     ProgressBar: {
@@ -4839,7 +4852,8 @@ const theme = {
           tokens: {
             backgroundColor: '#b2b9bf',
             gradient: null,
-            outlineColor: '#2c2e30'
+            outlineColor: '#2c2e30',
+            shadow: null
           }
         },
         {
@@ -4847,7 +4861,8 @@ const theme = {
           tokens: {
             backgroundColor: '#c12335',
             gradient: null,
-            outlineColor: '#c12335'
+            outlineColor: '#c12335',
+            shadow: null
           }
         }
       ],
@@ -4863,7 +4878,15 @@ const theme = {
           type: 'linear'
         },
         outlineColor: '#2b8000',
-        outlineWidth: 1
+        outlineWidth: 1,
+        shadow: {
+          blur: 1,
+          color: 'rgba(255, 255, 255, 0.8)',
+          inset: true,
+          offsetX: 0,
+          offsetY: 1,
+          spread: 0
+        }
       }
     },
     QuantitySelector: {
@@ -8174,6 +8197,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '2.64.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '2.66.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "5.2.0",
+  "version": "5.4.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": "^3.2.0",
-    "@telus-uds/system-theme-tokens": "^2.64.0",
-    "@telus-uds/system-tokens": "^0.9.2"
+    "@telus-uds/palette-allium": "^3.4.0",
+    "@telus-uds/system-theme-tokens": "^2.66.0",
+    "@telus-uds/system-tokens": "^0.10.0"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^3.2.0"
+    "@telus-uds/palette-allium": "^3.4.0"
   },
   "files": [
     "build",

package/theme.json

@@ -1819,6 +1819,7 @@
       ],
       "tokens": {
         "backgroundColor": "{palette.color.white}",
+        "backgroundGradient": "{system.gradient.none}",
         "borderColor": "{palette.color.greyMystic}",
         "borderRadius": "{palette.radius.radius6}",
         "borderWidth": "{palette.border.border1}",
@@ -5019,6 +5020,8 @@
           "tokens": {
             "direction": "{system.direction.column}",
             "height": "{system.size.full}",
+            "marginLeft": "{palette.size.size24}",
+            "marginRight": "{palette.size.size24}",
             "paddingBottom": "{palette.size.size24}",
             "paddingLeft": "{palette.size.size24}",
             "paddingRight": "{palette.size.size24}",
@@ -5130,12 +5133,13 @@
         "containerPaddingRight": "{system.size.zero}",
         "containerPaddingTop": "{system.size.zero}",
         "direction": "{system.direction.row}",
+        "footerTopWidth": "{palette.size.size0}",
         "gap": "{palette.size.size16}",
         "headingColor": "{palette.color.greyCharcoal}",
         "headingPaddingRight": "{palette.size.size24}",
         "height": "{system.size.none}",
-        "marginLeft": "{palette.size.size24}",
-        "marginRight": "{palette.size.size24}",
+        "marginLeft": "{palette.size.size32}",
+        "marginRight": "{palette.size.size32}",
         "maxWidth": "{system.size.full}",
         "paddingBottom": "{palette.size.size24}",
         "paddingLeft": "{palette.size.size32}",
@@ -5935,6 +5939,7 @@
         }
       ],
       "tokens": {
+        "alignItemsText": "{system.flexAlign.flexStart}",
         "amountFontName": "{palette.fontName.HNforTELUSSA}",
         "amountFontSize": "{palette.fontSize.size40}",
         "amountFontWeight": "{palette.fontWeight.weight300}",
@@ -6026,7 +6031,8 @@
         "borderColor": "{palette.color.greyCloud}",
         "borderRadius": "{palette.radius.radius12}",
         "borderWidth": "{palette.border.border1}",
-        "height": "{palette.size.size16}"
+        "height": "{palette.size.size16}",
+        "shadow": "{palette.shadow.surfaceInset}"
       }
     },
     "ProgressBar": {
@@ -6045,7 +6051,8 @@
           "tokens": {
             "backgroundColor": "{palette.color.greyCloud}",
             "gradient": "{system.gradient.none}",
-            "outlineColor": "{palette.color.greyThunder}"
+            "outlineColor": "{palette.color.greyThunder}",
+            "shadow": "{system.shadow.none}"
           }
         },
         {
@@ -6055,7 +6062,8 @@
           "tokens": {
             "backgroundColor": "{palette.color.redDark}",
             "gradient": "{system.gradient.none}",
-            "outlineColor": "{palette.color.redDark}"
+            "outlineColor": "{palette.color.redDark}",
+            "shadow": "{system.shadow.none}"
           }
         }
       ],
@@ -6064,7 +6072,8 @@
         "borderRadius": "{palette.radius.radius12}",
         "gradient": "{palette.gradient.green}",
         "outlineColor": "{palette.color.greenAccessible}",
-        "outlineWidth": "{palette.border.border1}"
+        "outlineWidth": "{palette.border.border1}",
+        "shadow": "{palette.shadow.surfaceEmboss}"
       }
     },
     "QuantitySelector": {