@telus-uds/theme-public-mobile 5.0.0 → 5.1.0

package/build/ios/Feedback.json

@@ -1,9 +1,6 @@
 {
   "appearances": {
-    "icon": {
-      "type": "variant",
-      "values": [true]
-    },
+    "icon": { "type": "variant", "values": [true] },
     "validation": {
       "description": "Validation states for form inputs",
       "values": ["error", "success", "warning", "feature"],
@@ -12,9 +9,7 @@
   },
   "rules": [
     {
-      "if": {
-        "validation": "success"
-      },
+      "if": { "validation": "success" },
       "tokens": {
         "backgroundColor": {
           "red": 0.91765,
@@ -25,9 +20,7 @@
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
         "backgroundColor": {
           "red": 0.97647,
@@ -38,10 +31,7 @@
       }
     },
     {
-      "if": {
-        "icon": true,
-        "validation": "success"
-      },
+      "if": { "icon": true, "validation": "success" },
       "tokens": {
         "icon": "PaletteIconCheckMark",
         "iconColor": {
@@ -53,10 +43,7 @@
       }
     },
     {
-      "if": {
-        "icon": true,
-        "validation": "error"
-      },
+      "if": { "icon": true, "validation": "error" },
       "tokens": {
         "icon": "PaletteIconError",
         "iconColor": {
@@ -75,30 +62,15 @@
       "blue": 0.96863,
       "alpha": 1
     },
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 4,
     "borderWidth": 0,
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "contentFontSize": 18,
     "fontName": "SofiaPro",
     "fontWeight": 400,
     "icon": null,
-    "iconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconGap": 8,
     "iconSize": 24,
     "lineHeight": 1.5,

package/build/ios/Fieldset.json

@@ -1,15 +1,8 @@
 {
-  "appearances": {
-    "error": {
-      "type": "variant",
-      "values": [true]
-    }
-  },
+  "appearances": { "error": { "type": "variant", "values": [true] } },
   "rules": [
     {
-      "if": {
-        "error": true
-      },
+      "if": { "error": true },
       "tokens": {
         "outlineColor": {
           "red": 0.74902,
@@ -25,12 +18,7 @@
     "borderBottomRightRadius": 0,
     "borderTopLeftRadius": 0,
     "borderTopRightRadius": 0,
-    "outlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outlineOffset": null,
     "outlineWidth": 0,
     "paddingBottom": 0,

package/build/ios/FileUpload.json

@@ -2,28 +2,13 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "buttonBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "buttonBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "buttonBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "buttonBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "buttonBorderRadius": null,
     "buttonBorderWidth": null,
     "buttonHeight": null,
     "buttonMinWidth": null,
-    "buttonTextColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "buttonTextColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "buttonWidth": null,
     "notificationBackgroundColor": {
       "red": 0,
@@ -31,12 +16,7 @@
       "blue": 0,
       "alpha": 0
     },
-    "notificationBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "notificationBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "notificationBorderRadius": null,
     "notificationDismissButtonGap": null,
     "notificationDismissIcon": null,
@@ -47,19 +27,9 @@
       "alpha": 0
     },
     "notificationIcon": null,
-    "notificationIconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "notificationIconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "notificationIconGap": null,
     "notificationIconSize": null,
-    "notificationTextColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    }
+    "notificationTextColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
   }
 }

package/build/ios/Footnote.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs"]
-      },
+      "if": { "viewport": ["xs"] },
       "tokens": {
         "footnoteBodyPaddingBottom": 32,
         "footnoteBodyPaddingLeft": 16,
@@ -23,9 +21,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["md", "lg"]
-      },
+      "if": { "viewport": ["md", "lg"] },
       "tokens": {
         "footnoteBodyPaddingBottom": 40,
         "footnoteBodyPaddingLeft": 16,
@@ -38,9 +34,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["xl"]
-      },
+      "if": { "viewport": ["xl"] },
       "tokens": {
         "footnoteBodyPaddingBottom": 40,
         "footnoteBodyPaddingLeft": 16,
@@ -75,18 +69,8 @@
     "closeButtonMarginTop": 12,
     "closeButtonWidth": 24,
     "closeIcon": "PaletteIconClose",
-    "footnoteBackground": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
-    "footnoteBodyBackground": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "footnoteBackground": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+    "footnoteBodyBackground": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "footnoteBodyPaddingBottom": 40,
     "footnoteBodyPaddingLeft": 16,
     "footnoteBodyPaddingRight": 16,

package/build/ios/FootnoteLink.json

@@ -20,121 +20,35 @@
   },
   "rules": [
     {
-      "if": {
-        "size": "display1"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "lineHeight": 1.2
-      }
+      "if": { "size": "display1" },
+      "tokens": { "fontSize": 20, "lineHeight": 1.2 }
     },
     {
-      "if": {
-        "size": "display2"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "lineHeight": 1.2
-      }
+      "if": { "size": "display2" },
+      "tokens": { "fontSize": 20, "lineHeight": 1.2 }
     },
+    { "if": { "size": "h1" }, "tokens": { "fontSize": 20, "lineHeight": 1.2 } },
+    { "if": { "size": "h2" }, "tokens": { "fontSize": 20, "lineHeight": 1.2 } },
+    { "if": { "size": "h3" }, "tokens": { "fontSize": 14, "lineHeight": 1 } },
+    { "if": { "size": "h4" }, "tokens": { "fontSize": 14, "lineHeight": 1 } },
+    { "if": { "size": "h5" }, "tokens": { "fontSize": 14, "lineHeight": 1 } },
+    { "if": { "size": "h6" }, "tokens": { "fontSize": 14, "lineHeight": 1 } },
     {
-      "if": {
-        "size": "h1"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "lineHeight": 1.2
-      }
+      "if": { "size": "micro" },
+      "tokens": { "fontSize": 12, "lineHeight": 1 }
     },
     {
-      "if": {
-        "size": "h2"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "lineHeight": 1.2
-      }
+      "if": { "size": "small" },
+      "tokens": { "fontSize": 12, "lineHeight": 1 }
     },
     {
-      "if": {
-        "size": "h3"
-      },
-      "tokens": {
-        "fontSize": 14,
-        "lineHeight": 1
-      }
+      "if": { "size": "medium" },
+      "tokens": { "fontSize": 12, "lineHeight": 1 }
     },
-    {
-      "if": {
-        "size": "h4"
-      },
-      "tokens": {
-        "fontSize": 14,
-        "lineHeight": 1
-      }
-    },
-    {
-      "if": {
-        "size": "h5"
-      },
-      "tokens": {
-        "fontSize": 14,
-        "lineHeight": 1
-      }
-    },
-    {
-      "if": {
-        "size": "h6"
-      },
-      "tokens": {
-        "fontSize": 14,
-        "lineHeight": 1
-      }
-    },
-    {
-      "if": {
-        "size": "micro"
-      },
-      "tokens": {
-        "fontSize": 12,
-        "lineHeight": 1
-      }
-    },
-    {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "fontSize": 12,
-        "lineHeight": 1
-      }
-    },
-    {
-      "if": {
-        "size": "medium"
-      },
-      "tokens": {
-        "fontSize": 12,
-        "lineHeight": 1
-      }
-    },
-    {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "fontSize": 12,
-        "lineHeight": 1
-      }
-    }
+    { "if": { "size": "large" }, "tokens": { "fontSize": 12, "lineHeight": 1 } }
   ],
   "tokens": {
-    "color": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "fontName": "SofiaPro",
     "fontSize": 16,
     "fontWeight": 400,

package/build/ios/HorizontalScrollButton.json

@@ -8,12 +8,7 @@
   },
   "rules": [],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.38824,
       "green": 0.42353,
@@ -32,12 +27,7 @@
     "iconSize": 16,
     "iconTranslateX": 0,
     "iconTranslateY": 0,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 0,
     "padding": 8,