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

package/build/ios/TextArea.json

@@ -1,8 +1 @@
-{
-  "appearances": {},
-  "rules": [],
-  "tokens": {
-    "maxLines": 8,
-    "minLines": 5
-  }
-}
+{ "appearances": {}, "rules": [], "tokens": { "maxLines": 8, "minLines": 5 } }

package/build/ios/TextInput.json

@@ -28,9 +28,7 @@
   },
   "rules": [
     {
-      "if": {
-        "validation": "success"
-      },
+      "if": { "validation": "success" },
       "tokens": {
         "borderColor": {
           "red": 0.16863,
@@ -48,9 +46,7 @@
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
         "borderColor": {
           "red": 0.74902,
@@ -68,9 +64,7 @@
       }
     },
     {
-      "if": {
-        "focus": true
-      },
+      "if": { "focus": true },
       "tokens": {
         "icon": null,
         "outerBackgroundColor": {
@@ -89,9 +83,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -116,12 +108,7 @@
   ],
   "tokens": {
     "amexIcon": "PaletteIconAmex",
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -134,41 +121,21 @@
     "buttonsGap": 1,
     "buttonsPaddingRight": 10,
     "clearButtonIcon": "PaletteIconEyeUnmasked",
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "defaultCreditIcon": "PaletteIconCreditCard",
     "fontName": "SofiaPro",
     "fontSize": 16,
     "fontWeight": 400,
     "icon": null,
-    "iconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconLeftGap": 5,
     "iconLeftPaddingBottom": 5,
     "iconSize": 24,
     "leftIconPaddingBottom": 5,
     "lineHeight": 1.5,
     "masterCardIcon": "PaletteIconMasterCard",
-    "outerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderWidth": 2,
     "paddingBottom": 10,
     "paddingLeft": 16,

package/build/ios/Timeline.json

@@ -13,10 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "horizontal": true,
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "horizontal": true, "viewport": ["lg", "xl"] },
       "tokens": {
         "connectorHeight": 1,
         "connectorWidth": "100%",
@@ -34,12 +31,7 @@
     "connectorHeight": "100%",
     "connectorWidth": 1,
     "dotBorderWidth": 1,
-    "dotColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "dotColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "dotWidth": 14,
     "itemContentFlexSize": 1,
     "itemContentMarginBottom": 32,

package/build/ios/Toast.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs"]
-      },
+      "if": { "viewport": ["xs"] },
       "tokens": {
         "animationPaddingBottomAfter": 8,
         "animationPaddingTopAfter": 8

package/build/ios/ToggleSwitch.json

@@ -18,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.41569,
@@ -37,9 +35,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95294,
@@ -63,10 +59,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "selected": true
-      },
+      "if": { "pressed": true, "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.41569,
@@ -83,9 +76,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -105,12 +96,7 @@
           "blue": 0.33725,
           "alpha": 1
         },
-        "outerBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "switchColor": {
           "red": 0.61176,
           "green": 0.62353,
@@ -128,22 +114,12 @@
       "blue": 0.83529,
       "alpha": 1
     },
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 32,
     "borderWidth": 0,
     "containerWidth": null,
     "icon": null,
-    "iconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconSize": 12,
     "labelColor": {
       "red": 0.22353,
@@ -161,18 +137,8 @@
     "mobileTrackHeight": 32,
     "mobileWidth": 48,
     "opacity": 1,
-    "outerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderGapButton": 4,
     "outerBorderWidth": 0,
@@ -186,20 +152,10 @@
       "offsetY": 2,
       "blur": 2,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.1
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
     },
     "space": 2,
-    "switchBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "switchBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "switchBorderRadius": 32,
     "switchBorderWidth": 0,
     "switchColor": {
@@ -214,20 +170,10 @@
       "offsetY": 2,
       "blur": 2,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.2
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.2 }
     },
     "switchSize": 24,
-    "trackBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "trackBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "trackBorderRadius": 32,
     "trackBorderWidth": 3,
     "trackHeight": 20,

package/build/ios/ToggleSwitchGroup.json

@@ -6,16 +6,7 @@
       "type": "state"
     }
   },
-  "rules": [
-    {
-      "if": {
-        "viewport": ["lg", "xl"]
-      },
-      "tokens": {
-        "space": 3
-      }
-    }
-  ],
+  "rules": [{ "if": { "viewport": ["lg", "xl"] }, "tokens": { "space": 3 } }],
   "tokens": {
     "alignItems": "flex-start",
     "direction": "column",

package/build/ios/Tooltip.json

@@ -1,22 +1,10 @@
 {
-  "appearances": {
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    }
-  },
+  "appearances": { "inverse": { "type": "variant", "values": [true] } },
   "rules": [
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "color": {
           "red": 0.22353,
           "green": 0.25098,
@@ -37,12 +25,7 @@
       "alpha": 1
     },
     "borderRadius": 8,
-    "color": {
-      "red": 0.99608,
-      "green": 0.99608,
-      "blue": 0.98824,
-      "alpha": 1
-    },
+    "color": { "red": 0.99608, "green": 0.99608, "blue": 0.98824, "alpha": 1 },
     "fontName": "SofiaPro",
     "fontSize": 16,
     "fontWeight": 400,
@@ -59,12 +42,7 @@
       "offsetY": 0,
       "blur": 0,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0 }
     }
   }
 }

package/build/ios/TooltipButton.json

@@ -1,9 +1,6 @@
 {
   "appearances": {
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
+    "inverse": { "type": "variant", "values": [true] },
     "pressed": {
       "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
       "values": [true, false],
@@ -12,9 +9,7 @@
   },
   "rules": [
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
         "iconColor": {
           "red": 0.96078,
@@ -25,9 +20,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "iconColor": {
           "red": 0.41569,
@@ -38,10 +31,7 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "pressed": true
-      },
+      "if": { "inverse": true, "pressed": true },
       "tokens": {
         "iconColor": {
           "red": 0.96078,
@@ -53,12 +43,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 8,
     "icon": "PaletteIconHelp",
     "iconColor": {
@@ -69,12 +54,7 @@
     },
     "iconScale": 1,
     "iconSize": 16,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 4,
     "outerBorderWidth": 2,
     "width": 16