@telus-uds/theme-koodo 5.21.0 → 5.23.0

package/build/android/theme.json

@@ -169,9 +169,9 @@
       ],
       "tokens": {
         "color": {
-          "red": 0.47843,
-          "green": 0.23922,
-          "blue": 0.98824,
+          "red": 1,
+          "green": 0,
+          "blue": 0.46275,
           "alpha": 1
         },
         "size": 24,
@@ -2562,6 +2562,7 @@
           "blue": 1,
           "alpha": 1
         },
+        "backgroundGradient": null,
         "borderColor": {
           "red": 0.78824,
           "green": 0.78431,
@@ -6000,9 +6001,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.47843,
-              "green": 0.23922,
-              "blue": 0.98824,
+              "red": 0.34902,
+              "green": 0.34902,
+              "blue": 0.34902,
               "alpha": 1
             }
           }
@@ -6014,9 +6015,9 @@
           },
           "tokens": {
             "color": {
-              "red": 0.4,
-              "green": 0.4,
-              "blue": 0.4,
+              "red": 0.25098,
+              "green": 0.25098,
+              "blue": 0.25098,
               "alpha": 1
             }
           }
@@ -6209,12 +6210,12 @@
         "itemFontSize": 16,
         "itemFontWeight": 400,
         "itemIconColor": {
-          "red": 1,
+          "red": 0,
           "green": 0,
-          "blue": 0.46275,
+          "blue": 0,
           "alpha": 1
         },
-        "itemIconSize": 16,
+        "itemIconSize": 24,
         "itemLineHeight": 1.3,
         "itemTextColor": {
           "red": 0,
@@ -6567,6 +6568,8 @@
           "tokens": {
             "direction": "column",
             "height": "100%",
+            "marginLeft": 24,
+            "marginRight": 24,
             "paddingBottom": 24,
             "paddingLeft": 24,
             "paddingRight": 24,
@@ -6707,6 +6710,7 @@
         "containerPaddingRight": 0,
         "containerPaddingTop": 0,
         "direction": "row",
+        "footerTopWidth": 0,
         "gap": 16,
         "headingColor": {
           "red": 0,
@@ -6716,8 +6720,8 @@
         },
         "headingPaddingRight": 24,
         "height": null,
-        "marginLeft": 24,
-        "marginRight": 24,
+        "marginLeft": 32,
+        "marginRight": 32,
         "maxWidth": "100%",
         "paddingBottom": 24,
         "paddingLeft": 24,
@@ -6726,14 +6730,14 @@
         "shadow": {
           "inset": false,
           "offsetX": 0,
-          "offsetY": 0,
-          "blur": 0,
+          "offsetY": 4,
+          "blur": 8,
           "spread": 0,
           "color": {
             "red": 0,
             "green": 0,
             "blue": 0,
-            "alpha": 0
+            "alpha": 0.1
           }
         },
         "subHeadingMarginTop": 8
@@ -6845,29 +6849,29 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             },
             "borderColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             },
             "color": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
+              "red": 0,
+              "green": 0,
+              "blue": 0,
               "alpha": 1
             },
             "fontName": "StagSans",
             "fontWeight": 600,
             "outerBorderColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             }
           }
@@ -6895,6 +6899,12 @@
               "green": 0.78431,
               "blue": 0.78431,
               "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0.34902,
+              "green": 0.34902,
+              "blue": 0.34902,
+              "alpha": 1
             }
           }
         },
@@ -6907,6 +6917,14 @@
             "width": 288
           }
         },
+        {
+          "if": {
+            "viewport": ["xl"]
+          },
+          "tokens": {
+            "borderRadius": 32
+          }
+        },
         {
           "if": {
             "pressed": true,
@@ -6959,13 +6977,13 @@
           "alpha": 1
         },
         "borderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "borderRadius": 4,
-        "borderWidth": 4,
+        "borderWidth": 0,
         "color": {
           "red": 0,
           "green": 0,
@@ -6986,13 +7004,13 @@
           "alpha": 0
         },
         "outerBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
+          "alpha": 1
         },
         "outerBorderGap": 0,
-        "outerBorderWidth": 0,
+        "outerBorderWidth": 1,
         "paddingBottom": 6,
         "paddingLeft": 16,
         "paddingRight": 16,
@@ -7840,6 +7858,7 @@
         }
       ],
       "tokens": {
+        "alignItemsText": "flex-start",
         "amountFontName": "StagSans",
         "amountFontSize": 44,
         "amountFontWeight": 700,
@@ -7970,7 +7989,20 @@
         },
         "borderRadius": 12,
         "borderWidth": 1,
-        "height": 16
+        "height": 16,
+        "shadow": {
+          "inset": true,
+          "offsetX": 0,
+          "offsetY": 2,
+          "blur": 2,
+          "spread": 0,
+          "color": {
+            "red": 0,
+            "green": 0,
+            "blue": 0,
+            "alpha": 0.1
+          }
+        }
       }
     },
     "ProgressBar": {
@@ -8040,7 +8072,8 @@
           "blue": 0.34902,
           "alpha": 1
         },
-        "outlineWidth": 1
+        "outlineWidth": 1,
+        "shadow": null
       }
     },
     "QuantitySelector": {
@@ -13841,7 +13874,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.64.0",
+    "themeTokensVersion": "2.66.0",
     "name": "theme-koodo"
   }
 }

package/build/ios/ActivityIndicator.json

@@ -19,9 +19,9 @@
   ],
   "tokens": {
     "color": {
-      "red": 0.47843,
-      "green": 0.23922,
-      "blue": 0.98824,
+      "red": 1,
+      "green": 0,
+      "blue": 0.46275,
       "alpha": 1
     },
     "size": 24,

package/build/ios/Card.json

@@ -366,6 +366,7 @@
       "blue": 1,
       "alpha": 1
     },
+    "backgroundGradient": null,
     "borderColor": {
       "red": 0.78824,
       "green": 0.78431,

package/build/ios/Link.json

@@ -66,9 +66,9 @@
       },
       "tokens": {
         "color": {
-          "red": 0.47843,
-          "green": 0.23922,
-          "blue": 0.98824,
+          "red": 0.34902,
+          "green": 0.34902,
+          "blue": 0.34902,
           "alpha": 1
         }
       }
@@ -80,9 +80,9 @@
       },
       "tokens": {
         "color": {
-          "red": 0.4,
-          "green": 0.4,
-          "blue": 0.4,
+          "red": 0.25098,
+          "green": 0.25098,
+          "blue": 0.25098,
           "alpha": 1
         }
       }

package/build/ios/List.json

@@ -87,12 +87,12 @@
     "itemFontSize": 16,
     "itemFontWeight": 400,
     "itemIconColor": {
-      "red": 1,
+      "red": 0,
       "green": 0,
-      "blue": 0.46275,
+      "blue": 0,
       "alpha": 1
     },
-    "itemIconSize": 16,
+    "itemIconSize": 24,
     "itemLineHeight": 1.3,
     "itemTextColor": {
       "red": 0,

package/build/ios/Modal.json

@@ -24,6 +24,8 @@
       "tokens": {
         "direction": "column",
         "height": "100%",
+        "marginLeft": 24,
+        "marginRight": 24,
         "paddingBottom": 24,
         "paddingLeft": 24,
         "paddingRight": 24,
@@ -164,6 +166,7 @@
     "containerPaddingRight": 0,
     "containerPaddingTop": 0,
     "direction": "row",
+    "footerTopWidth": 0,
     "gap": 16,
     "headingColor": {
       "red": 0,
@@ -173,8 +176,8 @@
     },
     "headingPaddingRight": 24,
     "height": null,
-    "marginLeft": 24,
-    "marginRight": 24,
+    "marginLeft": 32,
+    "marginRight": 32,
     "maxWidth": "100%",
     "paddingBottom": 24,
     "paddingLeft": 24,
@@ -183,14 +186,14 @@
     "shadow": {
       "inset": false,
       "offsetX": 0,
-      "offsetY": 0,
-      "blur": 0,
+      "offsetY": 4,
+      "blur": 8,
       "spread": 0,
       "color": {
         "red": 0,
         "green": 0,
         "blue": 0,
-        "alpha": 0
+        "alpha": 0.1
       }
     },
     "subHeadingMarginTop": 8

package/build/ios/NavigationBar.json

@@ -28,29 +28,29 @@
       },
       "tokens": {
         "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
           "alpha": 1
         },
         "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
           "alpha": 1
         },
         "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
+          "red": 0,
+          "green": 0,
+          "blue": 0,
           "alpha": 1
         },
         "fontName": "StagSans",
         "fontWeight": 600,
         "outerBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
           "alpha": 1
         }
       }
@@ -78,6 +78,12 @@
           "green": 0.78431,
           "blue": 0.78431,
           "alpha": 1
+        },
+        "outerBorderColor": {
+          "red": 0.34902,
+          "green": 0.34902,
+          "blue": 0.34902,
+          "alpha": 1
         }
       }
     },
@@ -90,6 +96,14 @@
         "width": 288
       }
     },
+    {
+      "if": {
+        "viewport": ["xl"]
+      },
+      "tokens": {
+        "borderRadius": 32
+      }
+    },
     {
       "if": {
         "pressed": true,
@@ -142,13 +156,13 @@
       "alpha": 1
     },
     "borderColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
     },
     "borderRadius": 4,
-    "borderWidth": 4,
+    "borderWidth": 0,
     "color": {
       "red": 0,
       "green": 0,
@@ -169,13 +183,13 @@
       "alpha": 0
     },
     "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
+      "red": 0.78824,
+      "green": 0.78431,
+      "blue": 0.78431,
+      "alpha": 1
     },
     "outerBorderGap": 0,
-    "outerBorderWidth": 0,
+    "outerBorderWidth": 1,
     "paddingBottom": 6,
     "paddingLeft": 16,
     "paddingRight": 16,

package/build/ios/PriceLockup.json

@@ -85,6 +85,7 @@
     }
   ],
   "tokens": {
+    "alignItemsText": "flex-start",
     "amountFontName": "StagSans",
     "amountFontSize": 44,
     "amountFontWeight": 700,

package/build/ios/Progress.json

@@ -30,6 +30,19 @@
     },
     "borderRadius": 12,
     "borderWidth": 1,
-    "height": 16
+    "height": 16,
+    "shadow": {
+      "inset": true,
+      "offsetX": 0,
+      "offsetY": 2,
+      "blur": 2,
+      "spread": 0,
+      "color": {
+        "red": 0,
+        "green": 0,
+        "blue": 0,
+        "alpha": 0.1
+      }
+    }
   }
 }

package/build/ios/ProgressBar.json

@@ -65,6 +65,7 @@
       "blue": 0.34902,
       "alpha": 1
     },
-    "outlineWidth": 1
+    "outlineWidth": 1,
+    "shadow": null
   }
 }