@telus-uds/theme-allium 4.33.0 → 4.34.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Jun 2024 16:18:26 GMT
+ * Generated on Fri, 19 Jul 2024 18:13:05 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Jun 2024 16:18:26 GMT
+ * Generated on Fri, 19 Jul 2024 18:13:05 GMT
  *
  */
 
@@ -533,7 +533,7 @@ const theme = {
         iconContainerSize: 16,
         iconPadding: 4,
         iconSize: 16,
-        lineHeight: 1,
+        lineHeight: 1.33333333333,
         listItemPadding: 0
       }
     },
@@ -4135,8 +4135,8 @@ const theme = {
         borderRightWidth: 1,
         borderTopWidth: 1,
         color: '#414547',
-        containerPaddingLeft: 16,
-        containerPaddingRight: 16,
+        containerPaddingLeft: 0,
+        containerPaddingRight: 0,
         dismissButtonGap: 24,
         dismissIcon: PaletteIconClose,
         dismissIconColor: '#676e73',
@@ -4191,8 +4191,9 @@ const theme = {
         headerFontName: 'HelveticaNow',
         headerFontWeight: '700',
         interItemMargin: 8,
-        itemBulletContainerWidth: 16,
+        itemBulletContainerWidth: 20,
         itemBulletHeight: 4,
+        itemBulletTextAlign: 'right',
         itemBulletWidth: 4,
         itemColor: '#414547',
         itemFontName: 'HelveticaNow',
@@ -4487,7 +4488,10 @@ const theme = {
     },
     PriceLockup: {
       appearances: {
-        size: { type: 'variant', values: [ 'small', 'medium', 'large' ] },
+        size: {
+          type: 'variant',
+          values: [ 'micro', 'small', 'medium', 'large' ]
+        },
         strikeThrough: { type: 'variant', values: [ true ] },
         viewport: {
           description: 'The size label for the current screen viewport based on the current screen width',
@@ -4496,6 +4500,23 @@ const theme = {
         }
       },
       rules: [
+        {
+          if: { size: 'micro' },
+          tokens: {
+            amountFontSize: 28,
+            bottomTextFontSize: 14,
+            bottomTextLineHeight: 1.42857142857,
+            centsFontSize: 16,
+            centsLineHeight: 1.33333333333,
+            currencySymbolFontSize: 16,
+            currencySymbolLineHeight: 1.25,
+            rateFontSize: 14,
+            rateLineHeight: 1.14285714286,
+            strikeThroughPosition: 15,
+            topTextFontSize: 14,
+            topTextLineHeight: 1.42857142857
+          }
+        },
         {
           if: { size: 'small' },
           tokens: {
@@ -7707,6 +7728,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '2.58.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '2.59.0' }
 }
 export default theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "4.33.0",
+  "version": "4.34.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": "^2.33.0",
-    "@telus-uds/system-theme-tokens": "^2.58.0",
-    "@telus-uds/system-tokens": "^0.8.4"
+    "@telus-uds/palette-allium": "^2.33.1",
+    "@telus-uds/system-theme-tokens": "^2.59.0",
+    "@telus-uds/system-tokens": "^0.8.5"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^2.33.0"
+    "@telus-uds/palette-allium": "^2.33.1"
   },
   "files": [
     "build",

package/theme.json

@@ -553,7 +553,7 @@
         "iconContainerSize": "{palette.size.size16}",
         "iconPadding": "{palette.size.size4}",
         "iconSize": "{palette.size.size16}",
-        "lineHeight": "{palette.lineHeight.ratio1to1}",
+        "lineHeight": "{palette.lineHeight.ratio4to3}",
         "listItemPadding": "{palette.size.size0}"
       }
     },
@@ -5229,8 +5229,8 @@
         "borderRightWidth": "{palette.border.border1}",
         "borderTopWidth": "{palette.border.border1}",
         "color": "{palette.color.greyCharcoal}",
-        "containerPaddingLeft": "{palette.size.size16}",
-        "containerPaddingRight": "{palette.size.size16}",
+        "containerPaddingLeft": "{palette.size.size0}",
+        "containerPaddingRight": "{palette.size.size0}",
         "dismissButtonGap": "{palette.size.size24}",
         "dismissIcon": "{palette.icon.Close}",
         "dismissIconColor": "{palette.color.greyShuttle}",
@@ -5312,8 +5312,9 @@
         "headerFontName": "{palette.fontName.HelveticaNow}",
         "headerFontWeight": "{palette.fontWeight.weight700}",
         "interItemMargin": "{palette.size.size8}",
-        "itemBulletContainerWidth": "{palette.size.size16}",
+        "itemBulletContainerWidth": "{palette.size.size20}",
         "itemBulletHeight": "{palette.size.size4}",
+        "itemBulletTextAlign": "{system.textAlign.right}",
         "itemBulletWidth": "{palette.size.size4}",
         "itemColor": "{palette.color.greyCharcoal}",
         "itemFontName": "{palette.fontName.HelveticaNow}",
@@ -5605,7 +5606,7 @@
       "appearances": {
         "size": {
           "type": "variant",
-          "values": ["small", "medium", "large"]
+          "values": ["micro", "small", "medium", "large"]
         },
         "strikeThrough": {
           "type": "variant",
@@ -5614,6 +5615,25 @@
         "viewport": "{appearances.system.viewport}"
       },
       "rules": [
+        {
+          "if": {
+            "size": "micro"
+          },
+          "tokens": {
+            "amountFontSize": "{palette.fontSize.size28}",
+            "bottomTextFontSize": "{palette.fontSize.size14}",
+            "bottomTextLineHeight": "{palette.lineHeight.ratio10to7}",
+            "centsFontSize": "{palette.fontSize.size16}",
+            "centsLineHeight": "{palette.lineHeight.ratio4to3}",
+            "currencySymbolFontSize": "{palette.fontSize.size16}",
+            "currencySymbolLineHeight": "{palette.lineHeight.ratio5to4}",
+            "rateFontSize": "{palette.fontSize.size14}",
+            "rateLineHeight": "{palette.lineHeight.ratio8to7}",
+            "strikeThroughPosition": "{palette.size.size15}",
+            "topTextFontSize": "{palette.fontSize.size14}",
+            "topTextLineHeight": "{palette.lineHeight.ratio10to7}"
+          }
+        },
         {
           "if": {
             "size": "small"