@telus-uds/theme-koodo 4.12.2 → 4.12.4

package/build/ios/theme.json

@@ -1664,6 +1664,10 @@
           "type": "variant",
           "values": ["alternative", "subtle", "grid", "feature"]
         },
+        "borderRadius": {
+          "type": "variant",
+          "values": ["none", "small", "large"]
+        },
         "padding": {
           "type": "variant",
           "values": ["narrow", "intermediate", "compact", "custom"]
@@ -1675,6 +1679,30 @@
         }
       },
       "rules": [
+        {
+          "if": {
+            "borderRadius": "none"
+          },
+          "tokens": {
+            "borderRadius": 0
+          }
+        },
+        {
+          "if": {
+            "borderRadius": "small"
+          },
+          "tokens": {
+            "borderRadius": 4
+          }
+        },
+        {
+          "if": {
+            "borderRadius": "large"
+          },
+          "tokens": {
+            "borderRadius": 8
+          }
+        },
         {
           "if": {
             "background": "alternative"
@@ -3890,6 +3918,26 @@
             }
           }
         },
+        {
+          "if": {
+            "inactive": null,
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "iconColor": {
+              "red": 0.00392,
+              "green": 0.28235,
+              "blue": 0.27843,
+              "alpha": 1
+            }
+          }
+        },
         {
           "if": {
             "pressed": true
@@ -4080,9 +4128,9 @@
             },
             "borderWidth": 0,
             "iconColor": {
-              "red": 0.00392,
-              "green": 0.28235,
-              "blue": 0.27843,
+              "red": 0.7098,
+              "green": 0.70588,
+              "blue": 0.70588,
               "alpha": 1
             },
             "outerBorderColor": {
@@ -4100,6 +4148,32 @@
           "tokens": {
             "outerBorderGap": 0
           }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "iconColor": {
+              "red": 0.7098,
+              "green": 0.70588,
+              "blue": 0.70588,
+              "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "outerBorderWidth": 0
+          }
         }
       ],
       "tokens": {
@@ -4125,6 +4199,7 @@
         "borderTopRightRadius": null,
         "borderTopWidth": null,
         "borderWidth": 1,
+        "height": null,
         "icon": "PaletteIconAdd",
         "iconColor": {
           "red": 0,
@@ -4145,7 +4220,8 @@
         "outerBorderGap": 0,
         "outerBorderWidth": 0,
         "padding": 4,
-        "shadow": null
+        "shadow": null,
+        "width": null
       }
     },
     "Image": {
@@ -5869,9 +5945,9 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.4,
-              "green": 0.4,
-              "blue": 0.4,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             },
             "outlineColor": {
@@ -10627,8 +10703,39 @@
       }
     },
     "WaffleGrid": {
-      "appearances": {},
-      "rules": [],
+      "appearances": {
+        "viewport": {
+          "description": "The size label for the current screen viewport based on the current screen width",
+          "values": ["xs", "sm", "md", "lg", "xl"],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": ["xs"]
+          },
+          "tokens": {
+            "rowSize": 2
+          }
+        },
+        {
+          "if": {
+            "viewport": ["sm", "md"]
+          },
+          "tokens": {
+            "rowSize": 3
+          }
+        },
+        {
+          "if": {
+            "viewport": ["lg", "xl"]
+          },
+          "tokens": {
+            "rowSize": 6
+          }
+        }
+      ],
       "tokens": {
         "itemBorderColor": {
           "red": 0,
@@ -10637,7 +10744,8 @@
           "alpha": 0
         },
         "itemPadding": 16,
-        "rowBorderWidth": 1
+        "rowBorderWidth": 1,
+        "rowSize": 6
       }
     },
     "spacingScale": {
@@ -10827,7 +10935,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.41.0",
+    "themeTokensVersion": "2.41.1",
     "name": "theme-koodo"
   }
 }