@telus-uds/theme-koodo 6.4.0 → 7.1.0

package/build/android/theme.json

@@ -6838,6 +6838,12 @@
           "alpha": 1
         },
         "buttonDirection": "row",
+        "buttonIconBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
         "buttonIconPadding": 4,
         "buttonIconSize": 20,
         "contentMarginBottom": 32,
@@ -11283,6 +11289,10 @@
     },
     "Table": {
       "appearances": {
+        "highlight": {
+          "type": "variant",
+          "values": ["row"]
+        },
         "spacing": {
           "description": "Adjusts the height of the table cell",
           "type": "variant",
@@ -11298,6 +11308,25 @@
         }
       },
       "rules": [
+        {
+          "if": {
+            "highlight": "row"
+          },
+          "tokens": {
+            "cellBackground": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "rowHoverBackgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.05
+            }
+          }
+        },
         {
           "if": {
             "spacing": "compact"
@@ -11484,6 +11513,14 @@
           "blue": 1,
           "alpha": 1
         },
+        "cellBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "cellBorderTopWidth": 0,
+        "cellBorderWidth": 0,
         "cellBoxShadowColor": {
           "red": 0.93725,
           "green": 0.93725,
@@ -11519,6 +11556,20 @@
         "fontSize": 16,
         "fontWeight": 400,
         "lineHeight": 1.5,
+        "rowBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "rowBorderTopWidth": 0,
+        "rowBorderWidth": 0,
+        "rowHoverBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
         "stickyBackgroundColor": {
           "red": 1,
           "green": 1,
@@ -11581,11 +11632,12 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.1
             },
+            "borderRadius": 99,
             "color": {
               "red": 0,
               "green": 0,
@@ -11608,11 +11660,12 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.2
             },
+            "borderRadius": 99,
             "highlightBarBorderWidth": 0
           }
         },
@@ -11641,18 +11694,25 @@
             "selected": true
           },
           "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderRadius": 99,
             "color": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
+              "red": 0,
+              "green": 0,
+              "blue": 0,
               "alpha": 1
             },
             "highlightBarBorderWidth": 1,
             "highlightBarHeight": 1,
             "highlightColor": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
+              "red": 1,
+              "green": 1,
+              "blue": 1,
               "alpha": 1
             }
           }
@@ -11663,12 +11723,13 @@
             "pressed": true
           },
           "tokens": {
-            "color": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
-              "alpha": 1
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 0.4
             },
+            "borderRadius": 99,
             "highlightBarBorderWidth": 0
           }
         },
@@ -11683,10 +11744,10 @@
       ],
       "tokens": {
         "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "borderColor": {
           "red": 0,
@@ -11697,9 +11758,9 @@
         "borderRadius": 0,
         "borderWidth": 0,
         "color": {
-          "red": 0.4,
-          "green": 0.4,
-          "blue": 0.4,
+          "red": 0,
+          "green": 0,
+          "blue": 0,
           "alpha": 1
         },
         "fontName": "StagSans",
@@ -11718,10 +11779,12 @@
         "highlightTriangleSize": 0,
         "letterSpacing": 0,
         "lineHeight": 1.5,
+        "marginHorizontal": 4,
+        "marginVertical": 0,
         "maxWidth": null,
         "paddingHorizontal": 24,
         "paddingVertical": 4,
-        "space": 0,
+        "space": 1,
         "textAlign": "center",
         "textTransform": "none"
       }
@@ -14087,7 +14150,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "3.3.0",
+    "themeTokensVersion": "4.1.0",
     "name": "theme-koodo"
   }
 }

package/build/ios/MultiSelectFilter.json

@@ -54,6 +54,12 @@
       "alpha": 1
     },
     "buttonDirection": "row",
+    "buttonIconBackgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
     "buttonIconPadding": 4,
     "buttonIconSize": 20,
     "contentMarginBottom": 32,

package/build/ios/Table.json

@@ -1,5 +1,9 @@
 {
   "appearances": {
+    "highlight": {
+      "type": "variant",
+      "values": ["row"]
+    },
     "spacing": {
       "description": "Adjusts the height of the table cell",
       "type": "variant",
@@ -15,6 +19,25 @@
     }
   },
   "rules": [
+    {
+      "if": {
+        "highlight": "row"
+      },
+      "tokens": {
+        "cellBackground": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "rowHoverBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.05
+        }
+      }
+    },
     {
       "if": {
         "spacing": "compact"
@@ -201,6 +224,14 @@
       "blue": 1,
       "alpha": 1
     },
+    "cellBorderColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "cellBorderTopWidth": 0,
+    "cellBorderWidth": 0,
     "cellBoxShadowColor": {
       "red": 0.93725,
       "green": 0.93725,
@@ -236,6 +267,20 @@
     "fontSize": 16,
     "fontWeight": 400,
     "lineHeight": 1.5,
+    "rowBorderColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "rowBorderTopWidth": 0,
+    "rowBorderWidth": 0,
+    "rowHoverBackgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
     "stickyBackgroundColor": {
       "red": 1,
       "green": 1,

package/build/ios/TabsItem.json

@@ -27,11 +27,12 @@
       },
       "tokens": {
         "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
         },
+        "borderRadius": 99,
         "color": {
           "red": 0,
           "green": 0,
@@ -54,11 +55,12 @@
       },
       "tokens": {
         "backgroundColor": {
-          "red": 0.78824,
-          "green": 0.78431,
-          "blue": 0.78431,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.2
         },
+        "borderRadius": 99,
         "highlightBarBorderWidth": 0
       }
     },
@@ -87,18 +89,25 @@
         "selected": true
       },
       "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderRadius": 99,
         "color": {
-          "red": 0.78824,
-          "green": 0.78431,
-          "blue": 0.78431,
+          "red": 0,
+          "green": 0,
+          "blue": 0,
           "alpha": 1
         },
         "highlightBarBorderWidth": 1,
         "highlightBarHeight": 1,
         "highlightColor": {
-          "red": 0.78824,
-          "green": 0.78431,
-          "blue": 0.78431,
+          "red": 1,
+          "green": 1,
+          "blue": 1,
           "alpha": 1
         }
       }
@@ -109,12 +118,13 @@
         "pressed": true
       },
       "tokens": {
-        "color": {
-          "red": 0.78824,
-          "green": 0.78431,
-          "blue": 0.78431,
-          "alpha": 1
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 0.4
         },
+        "borderRadius": 99,
         "highlightBarBorderWidth": 0
       }
     },
@@ -129,10 +139,10 @@
   ],
   "tokens": {
     "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
     },
     "borderColor": {
       "red": 0,
@@ -143,9 +153,9 @@
     "borderRadius": 0,
     "borderWidth": 0,
     "color": {
-      "red": 0.4,
-      "green": 0.4,
-      "blue": 0.4,
+      "red": 0,
+      "green": 0,
+      "blue": 0,
       "alpha": 1
     },
     "fontName": "StagSans",
@@ -164,10 +174,12 @@
     "highlightTriangleSize": 0,
     "letterSpacing": 0,
     "lineHeight": 1.5,
+    "marginHorizontal": 4,
+    "marginVertical": 0,
     "maxWidth": null,
     "paddingHorizontal": 24,
     "paddingVertical": 4,
-    "space": 0,
+    "space": 1,
     "textAlign": "center",
     "textTransform": "none"
   }