@telus-uds/theme-allium 4.12.0 → 4.13.0

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 08 Aug 2023 23:50:28 GMT
+ * Generated on Tue, 12 Sep 2023 15:30:42 GMT
  *
  */
 
@@ -2823,14 +2823,14 @@ module.exports = {
         itemFontWeight: '700',
         itemHeight: 40,
         itemOutline: 0,
-        itemPaddingBottom: 12,
+        itemPaddingBottom: 8,
         itemPaddingLeft: 16,
         itemPaddingRight: 16,
-        itemPaddingTop: 12,
+        itemPaddingTop: 8,
         itemTextDecoration: 'none',
         lineHeight: 1.14285714286,
         minHeight: '100%',
-        minWidth: 288,
+        minWidth: '100%',
         shadow: {
           blur: 8,
           color: 'rgba(0, 0, 0, 0.1)',
@@ -4629,7 +4629,7 @@ module.exports = {
             borderColor: '#2b8000',
             feedbackBackgroundColor: '#f4f9f2',
             validationIcon: PaletteIconStatusSuccess,
-            validationIconColor: '#163e06'
+            validationIconColor: '#2b8000'
           }
         },
         {
@@ -6595,12 +6595,23 @@ module.exports = {
       }
     },
     WaffleGrid: {
-      appearances: {},
-      rules: [],
+      appearances: {
+        viewport: {
+          description: 'The size label for the current screen viewport based on the current screen width',
+          type: 'state',
+          values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
+        }
+      },
+      rules: [
+        { if: { viewport: [ 'xs' ] }, tokens: { rowSize: 2 } },
+        { if: { viewport: [ 'sm', 'md' ] }, tokens: { rowSize: 3 } },
+        { if: { viewport: [ 'lg', 'xl' ] }, tokens: { rowSize: 6 } }
+      ],
       tokens: {
         itemBorderColor: '#b2b9bf',
         itemPadding: 16,
-        rowBorderWidth: 1
+        rowBorderWidth: 1,
+        rowSize: 6
       }
     },
     spacingScale: {
@@ -6663,5 +6674,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '2.41.0' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '2.41.1' }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "4.12.0",
+  "version": "4.13.0",
   "description": "Allium theme",
   "author": "TELUS Digital",
   "homepage": "https://github.com/telus/allium-design-system#readme",
@@ -8,12 +8,12 @@
   "main": "build/rn/theme.js",
   "dependencies": {},
   "devDependencies": {
-    "@telus-uds/palette-allium": "^2.24.4",
-    "@telus-uds/system-theme-tokens": "^2.41.0",
-    "@telus-uds/system-tokens": "^0.7.21"
+    "@telus-uds/palette-allium": "^2.24.5",
+    "@telus-uds/system-theme-tokens": "^2.41.1",
+    "@telus-uds/system-tokens": "^0.7.22"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^2.24.4"
+    "@telus-uds/palette-allium": "^2.24.5"
   },
   "files": [
     "build",

package/theme.json

@@ -3690,14 +3690,14 @@
         "itemFontWeight": "{palette.fontWeight.weight700}",
         "itemHeight": "{palette.size.size40}",
         "itemOutline": "{palette.border.none}",
-        "itemPaddingBottom": "{palette.size.size12}",
+        "itemPaddingBottom": "{palette.size.size8}",
         "itemPaddingLeft": "{palette.size.size16}",
         "itemPaddingRight": "{palette.size.size16}",
-        "itemPaddingTop": "{palette.size.size12}",
+        "itemPaddingTop": "{palette.size.size8}",
         "itemTextDecoration": "{system.textLine.none}",
         "lineHeight": "{palette.lineHeight.ratio8to7}",
         "minHeight": "{system.size.full}",
-        "minWidth": "{palette.size.size288}",
+        "minWidth": "{system.size.full}",
         "shadow": "{palette.shadow.elevation1}"
       }
     },
@@ -5662,7 +5662,7 @@
             "borderColor": "{palette.color.greenAccessible}",
             "feedbackBackgroundColor": "{palette.color.greenPanache}",
             "validationIcon": "{palette.icon.StatusSuccess}",
-            "validationIconColor": "{palette.color.greenDarkFern}"
+            "validationIconColor": "{palette.color.greenAccessible}"
           }
         },
         {
@@ -8034,12 +8034,40 @@
       }
     },
     "WaffleGrid": {
-      "appearances": {},
-      "rules": [],
+      "appearances": {
+        "viewport": "{appearances.system.viewport}"
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": ["xs"]
+          },
+          "tokens": {
+            "rowSize": "{system.integer.2}"
+          }
+        },
+        {
+          "if": {
+            "viewport": ["sm", "md"]
+          },
+          "tokens": {
+            "rowSize": "{system.integer.3}"
+          }
+        },
+        {
+          "if": {
+            "viewport": ["lg", "xl"]
+          },
+          "tokens": {
+            "rowSize": "{system.integer.6}"
+          }
+        }
+      ],
       "tokens": {
         "itemBorderColor": "{palette.color.greyCloud}",
         "itemPadding": "{palette.size.size16}",
-        "rowBorderWidth": "{palette.border.border1}"
+        "rowBorderWidth": "{palette.border.border1}",
+        "rowSize": "{system.integer.6}"
       }
     },
     "spacingScale": {