@telus-uds/theme-allium 5.2.0 → 5.3.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 Sat, 12 Oct 2024 00:30:00 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 Sat, 12 Oct 2024 00:30:00 GMT
  *
  */
 
@@ -1473,6 +1473,7 @@ const theme = {
       ],
       tokens: {
         backgroundColor: '#ffffff',
+        backgroundGradient: null,
         borderColor: '#e3e6e8',
         borderRadius: 6,
         borderWidth: 1,
@@ -4746,6 +4747,7 @@ const theme = {
         }
       ],
       tokens: {
+        alignItemsText: 'flex-start',
         amountFontName: 'HNforTELUSSA',
         amountFontSize: 40,
         amountFontWeight: '300',
@@ -4821,7 +4823,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 +4849,8 @@ const theme = {
           tokens: {
             backgroundColor: '#b2b9bf',
             gradient: null,
-            outlineColor: '#2c2e30'
+            outlineColor: '#2c2e30',
+            shadow: null
           }
         },
         {
@@ -4847,7 +4858,8 @@ const theme = {
           tokens: {
             backgroundColor: '#c12335',
             gradient: null,
-            outlineColor: '#c12335'
+            outlineColor: '#c12335',
+            shadow: null
           }
         }
       ],
@@ -4863,7 +4875,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 +8194,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '2.64.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '2.65.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "5.2.0",
+  "version": "5.3.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.3.0",
+    "@telus-uds/system-theme-tokens": "^2.65.0",
+    "@telus-uds/system-tokens": "^0.9.3"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^3.2.0"
+    "@telus-uds/palette-allium": "^3.3.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}",
@@ -5935,6 +5936,7 @@
         }
       ],
       "tokens": {
+        "alignItemsText": "{system.flexAlign.flexStart}",
         "amountFontName": "{palette.fontName.HNforTELUSSA}",
         "amountFontSize": "{palette.fontSize.size40}",
         "amountFontWeight": "{palette.fontWeight.weight300}",
@@ -6026,7 +6028,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 +6048,8 @@
           "tokens": {
             "backgroundColor": "{palette.color.greyCloud}",
             "gradient": "{system.gradient.none}",
-            "outlineColor": "{palette.color.greyThunder}"
+            "outlineColor": "{palette.color.greyThunder}",
+            "shadow": "{system.shadow.none}"
           }
         },
         {
@@ -6055,7 +6059,8 @@
           "tokens": {
             "backgroundColor": "{palette.color.redDark}",
             "gradient": "{system.gradient.none}",
-            "outlineColor": "{palette.color.redDark}"
+            "outlineColor": "{palette.color.redDark}",
+            "shadow": "{system.shadow.none}"
           }
         }
       ],
@@ -6064,7 +6069,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": {