updating theme files

telus · Oct 31, 2024 · 666d0e8 · 666d0e8
1 parent c89d2e1
commit 666d0e8
Show file tree

Hide file tree

Showing 4 changed files with 237 additions and 196 deletions.
diff --git a/uds-ios-theme-koodo/Assets/Modal.json b/uds-ios-theme-koodo/Assets/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

diff --git a/uds-ios-theme-koodo/Assets/NavigationBar.json b/uds-ios-theme-koodo/Assets/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,