@telus-uds/theme-koodo 4.12.2 → 4.12.3

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 31 Aug 2023 17:57:20 GMT
+ * Generated on Tue, 12 Sep 2023 15:30:04 GMT
  *
  */
 
@@ -3617,7 +3617,7 @@ module.exports = {
       rules: [
         {
           if: { inactive: true },
-          tokens: { backgroundColor: '#666666', outlineColor: '#666666' }
+          tokens: { backgroundColor: '#c9c8c8', outlineColor: '#666666' }
         },
         {
           if: { negative: true },
@@ -6442,12 +6442,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: 'rgba(0, 0, 0, 0)',
         itemPadding: 16,
-        rowBorderWidth: 1
+        rowBorderWidth: 1,
+        rowSize: 6
       }
     },
     spacingScale: {
@@ -6510,5 +6521,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '2.41.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '2.41.1' }
 }

package/package.json

@@ -6,7 +6,7 @@
   "description": "Koodo theme",
   "devDependencies": {
     "@telus-uds/palette-koodo": "^0.25.0",
-    "@telus-uds/system-theme-tokens": "^2.41.0"
+    "@telus-uds/system-theme-tokens": "^2.41.1"
   },
   "files": [
     "build",
@@ -31,5 +31,5 @@
     "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
     "dev": "nodemon -w src -x 'npm run build'"
   },
-  "version": "4.12.2"
+  "version": "4.12.3"
 }

package/theme.json

@@ -4659,7 +4659,7 @@
             "inactive": true
           },
           "tokens": {
-            "backgroundColor": "{palette.color.dove}",
+            "backgroundColor": "{palette.color.silver}",
             "outlineColor": "{palette.color.dove}"
           }
         },
@@ -7957,12 +7957,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.transparent}",
         "itemPadding": "{palette.size.size16}",
-        "rowBorderWidth": "{palette.border.border1}"
+        "rowBorderWidth": "{palette.border.border1}",
+        "rowSize": "{system.integer.6}"
       }
     },
     "spacingScale": {