@telus-uds/theme-koodo 4.12.1 → 4.12.3

package/build/rn/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 19:01:27 GMT
+ * Generated on Tue, 12 Sep 2023 15:30:04 GMT
  *
  */
 
@@ -2795,10 +2795,10 @@ module.exports = {
         itemFontWeight: '400',
         itemHeight: 32,
         itemOutline: 0,
-        itemPaddingBottom: 12,
+        itemPaddingBottom: 4,
         itemPaddingLeft: 16,
         itemPaddingRight: 16,
-        itemPaddingTop: 12,
+        itemPaddingTop: 4,
         itemTextDecoration: 'none',
         lineHeight: 1.5,
         minHeight: '100%',
@@ -3187,14 +3187,14 @@ module.exports = {
           if: { size: 'small' },
           tokens: { itemFontSize: 14, itemLineHeight: 1.42857142857 }
         },
-        { if: { compact: true }, tokens: { itemLineHeight: 1.2 } },
+        { if: { compact: true }, tokens: { itemLineHeight: 1.25 } },
         {
           if: { compact: true, size: 'small' },
-          tokens: { itemLineHeight: 1.1 }
+          tokens: { itemLineHeight: 1.14285714286 }
         },
         {
           if: { compact: true, size: 'large' },
-          tokens: { itemLineHeight: 1.3 }
+          tokens: { itemLineHeight: 1.2 }
         }
       ],
       tokens: {
@@ -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.1"
+  "version": "4.12.3"
 }

package/theme.json

@@ -3794,10 +3794,10 @@
         "itemFontWeight": "{palette.fontWeight.weight400}",
         "itemHeight": "{palette.size.size32}",
         "itemOutline": "{palette.border.none}",
-        "itemPaddingBottom": "{palette.size.size12}",
+        "itemPaddingBottom": "{palette.size.size4}",
         "itemPaddingLeft": "{palette.size.size16}",
         "itemPaddingRight": "{palette.size.size16}",
-        "itemPaddingTop": "{palette.size.size12}",
+        "itemPaddingTop": "{palette.size.size4}",
         "itemTextDecoration": "{system.textLine.none}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
         "minHeight": "{system.size.full}",
@@ -4197,7 +4197,7 @@
             "compact": true
           },
           "tokens": {
-            "itemLineHeight": "{palette.lineHeight.multiply120}"
+            "itemLineHeight": "{palette.lineHeight.ratio5to4}"
           }
         },
         {
@@ -4206,7 +4206,7 @@
             "size": "small"
           },
           "tokens": {
-            "itemLineHeight": "{palette.lineHeight.multiply110}"
+            "itemLineHeight": "{palette.lineHeight.ratio8to7}"
           }
         },
         {
@@ -4215,7 +4215,7 @@
             "size": "large"
           },
           "tokens": {
-            "itemLineHeight": "{palette.lineHeight.multiply130}"
+            "itemLineHeight": "{palette.lineHeight.ratio6to5}"
           }
         }
       ],
@@ -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": {