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

package/build/ios/{ColourToggle.json → ColorToggle.json}

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "bubbleBorderColor": {
           "red": 0.16863,
@@ -28,9 +26,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "bubbleBorderColor": {
           "red": 0.22353,
@@ -52,12 +48,7 @@
     },
     "borderRadius": 45,
     "borderWidth": 1,
-    "bubbleBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "bubbleBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "bubbleBorderRadius": 0,
     "bubbleBorderWidth": 0,
     "innerBubbleBorderRadius": 45,
@@ -67,24 +58,14 @@
     "outerBubbleHeight": 48,
     "outerBubbleJustifyContent": "center",
     "outerBubbleWidth": 48,
-    "overlayColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 0.4
-    },
+    "overlayColor": { "red": 1, "green": 1, "blue": 1, "alpha": 0.4 },
     "shadow": {
       "inset": true,
       "offsetX": 0,
       "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 }
     },
     "slashDarkColor": {
       "red": 0.16863,
@@ -92,12 +73,7 @@
       "blue": 0.27059,
       "alpha": 1
     },
-    "slashLightColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.1
-    },
+    "slashLightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 },
     "slashOffset": 2,
     "slashWidth": 48,
     "space": 2

package/build/ios/Countdown.json

@@ -1,21 +1,9 @@
 {
   "appearances": {
-    "feature": {
-      "type": "variant",
-      "values": [true]
-    },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
-    "label": {
-      "type": "variant",
-      "values": [true]
-    },
-    "large": {
-      "type": "variant",
-      "values": [true]
-    },
+    "feature": { "type": "variant", "values": [true] },
+    "inverse": { "type": "variant", "values": [true] },
+    "label": { "type": "variant", "values": [true] },
+    "large": { "type": "variant", "values": [true] },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -24,9 +12,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs"]
-      },
+      "if": { "viewport": ["xs"] },
       "tokens": {
         "containerPaddingBottomTop": 16,
         "containerPaddingLeftRight": 24,
@@ -36,9 +22,7 @@
       }
     },
     {
-      "if": {
-        "feature": true
-      },
+      "if": { "feature": true },
       "tokens": {
         "containerBorderColor": {
           "red": 0.95294,
@@ -54,9 +38,7 @@
       }
     },
     {
-      "if": {
-        "large": true
-      },
+      "if": { "large": true },
       "tokens": {
         "labelLineHeight": 1.55555555,
         "textFontSize": 72,
@@ -66,32 +48,15 @@
       }
     },
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
-        "containerBorderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "labelBorderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "containerBorderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "labelBorderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
   "tokens": {
-    "containerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "containerBorderRadius": 6,
     "containerBorderWidth": 2,
     "containerGradient": null,
@@ -104,12 +69,7 @@
     },
     "containerPaddingBottomTop": 48,
     "containerPaddingLeftRight": 64,
-    "inverseBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "inverseBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "labelBorderColor": {
       "red": 0.22353,
       "green": 0.25098,

package/build/ios/DatePicker.json

@@ -1,15 +1,8 @@
 {
-  "appearances": {
-    "inline": {
-      "type": "variant",
-      "values": [true]
-    }
-  },
+  "appearances": { "inline": { "type": "variant", "values": [true] } },
   "rules": [
     {
-      "if": {
-        "inline": true
-      },
+      "if": { "inline": true },
       "tokens": {
         "calendarBackgroundColor": {
           "red": 1,
@@ -163,12 +156,7 @@
     "dayPickerWeekHeaderSmall": 16,
     "hiddenInputFieldContainerHeight": 0,
     "hiddenInputFieldContainerWidth": 0,
-    "invalidInputMixin": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "invalidInputMixin": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "nextIcon": "PaletteIconMobileArrowRight",
     "previousIcon": "PaletteIconMobileArrowBack",
     "singleDatePickerBorderColor": {
@@ -180,11 +168,6 @@
     "singleDatePickerLeftRight": 16,
     "singleDatePickerPaddingTopBottom": 8,
     "singleDatePickerRadius": 8,
-    "validInputMixin": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    }
+    "validInputMixin": { "red": 0, "green": 0, "blue": 0, "alpha": 0 }
   }
 }

package/build/ios/Disclaimer.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "fontName": "SofiaPro",
     "fontSize": 14,
     "fontWeight": 400,

package/build/ios/Divider.json

@@ -5,28 +5,13 @@
       "type": "variant",
       "values": [true]
     },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
-    "weight": {
-      "type": "variant",
-      "values": ["thick"]
-    }
+    "inverse": { "type": "variant", "values": [true] },
+    "weight": { "type": "variant", "values": ["thick"] }
   },
   "rules": [
+    { "if": { "weight": "thick" }, "tokens": { "width": 2 } },
     {
-      "if": {
-        "weight": "thick"
-      },
-      "tokens": {
-        "width": 2
-      }
-    },
-    {
-      "if": {
-        "decorative": true
-      },
+      "if": { "decorative": true },
       "tokens": {
         "color": {
           "red": 0.80392,
@@ -37,26 +22,12 @@
       }
     },
     {
-      "if": {
-        "inverse": true
-      },
-      "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
+      "if": { "inverse": true },
+      "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     }
   ],
   "tokens": {
-    "color": {
-      "red": 0.61176,
-      "green": 0.62353,
-      "blue": 0.66667,
-      "alpha": 1
-    },
+    "color": { "red": 0.61176, "green": 0.62353, "blue": 0.66667, "alpha": 1 },
     "width": 1
   }
 }

package/build/ios/DownloadApp.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderColor": {
           "red": 0.69412,
@@ -25,12 +23,7 @@
   "tokens": {
     "androidENIcon": "PaletteIconAndroidEN",
     "androidFRIcon": "PaletteIconAndroidFR",
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderGap": 2,
     "borderRadius": 0,
     "borderWidth": 1,

package/build/ios/ExpandCollapse.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderStyle": "solid",
     "borderTopWidth": null,
     "borderWidth": 0

package/build/ios/ExpandCollapseControl.json

@@ -1,18 +1,12 @@
 {
   "appearances": {
-    "compact": {
-      "type": "variant",
-      "values": [true]
-    },
+    "compact": { "type": "variant", "values": [true] },
     "expanded": {
       "description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
       "values": [true, false],
       "type": "state"
     },
-    "mini": {
-      "type": "variant",
-      "values": [true]
-    },
+    "mini": { "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],
@@ -21,9 +15,7 @@
   },
   "rules": [
     {
-      "if": {
-        "compact": true
-      },
+      "if": { "compact": true },
       "tokens": {
         "paddingBottom": 8,
         "paddingLeft": 24,
@@ -31,25 +23,11 @@
         "paddingTop": 8
       }
     },
+    { "if": { "expanded": true }, "tokens": { "icon": "PaletteIconDeduct" } },
     {
-      "if": {
-        "expanded": true
-      },
+      "if": { "mini": true },
       "tokens": {
-        "icon": "PaletteIconDeduct"
-      }
-    },
-    {
-      "if": {
-        "mini": true
-      },
-      "tokens": {
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderWidth": null,
         "paddingBottom": 0,
         "paddingLeft": 0,
@@ -58,9 +36,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -73,20 +49,10 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomLeftRadius": 0,
     "borderBottomRightRadius": 0,
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderTopLeftRadius": 0,
     "borderTopRightRadius": 0,
     "borderWidth": 3,

package/build/ios/ExpandCollapseMini.json

@@ -1,7 +1 @@
-{
-  "appearances": {},
-  "rules": [],
-  "tokens": {
-    "borderWidth": 0
-  }
-}
+{ "appearances": {}, "rules": [], "tokens": { "borderWidth": 0 } }

package/build/ios/ExpandCollapseMiniControl.json

@@ -10,28 +10,16 @@
       "type": "state",
       "values": [true, false]
     },
-    "size": {
-      "type": "variant",
-      "values": ["micro", "small", "large"]
-    },
-    "style": {
-      "type": "variant",
-      "values": ["subtle", "inverse"]
-    }
+    "size": { "type": "variant", "values": ["micro", "small", "large"] },
+    "style": { "type": "variant", "values": ["subtle", "inverse"] }
   },
   "rules": [
     {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icon": "PaletteIconChevronUp"
-      }
+      "if": { "expanded": true },
+      "tokens": { "icon": "PaletteIconChevronUp" }
     },
     {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -48,28 +36,14 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "size": "micro" },
       "tokens": {
         "fontSize": 14,
         "iconSize": 16,
@@ -77,38 +51,16 @@
       }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "fontSize": 16,
-        "iconSize": 16,
-        "lineHeight": 1.5
-      }
-    },
-    {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "iconSize": 20,
-        "lineHeight": 1.4
-      }
+      "if": { "size": "small" },
+      "tokens": { "fontSize": 16, "iconSize": 16, "lineHeight": 1.5 }
     },
     {
-      "if": {
-        "quiet": true
-      },
-      "tokens": {
-        "textLine": "none"
-      }
+      "if": { "size": "large" },
+      "tokens": { "fontSize": 20, "iconSize": 20, "lineHeight": 1.4 }
     },
+    { "if": { "quiet": true }, "tokens": { "textLine": "none" } },
     {
-      "if": {
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -126,23 +78,10 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "quiet": true, "style": "inverse" },
       "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "textLine": "none"
       }
     }
@@ -155,12 +94,7 @@
       "alpha": 1
     },
     "borderWidth": 0,
-    "color": {
-      "red": 0.38824,
-      "green": 0.42353,
-      "blue": 0.54902,
-      "alpha": 1
-    },
+    "color": { "red": 0.38824, "green": 0.42353, "blue": 0.54902, "alpha": 1 },
     "fontSize": 18,
     "icon": "PaletteIconChevronDown",
     "iconColor": {

package/build/ios/ExpandCollapsePanel.json

@@ -1,19 +1,11 @@
 {
   "appearances": {
-    "compact": {
-      "type": "variant",
-      "values": [true]
-    },
-    "mini": {
-      "type": "variant",
-      "values": [true]
-    }
+    "compact": { "type": "variant", "values": [true] },
+    "mini": { "type": "variant", "values": [true] }
   },
   "rules": [
     {
-      "if": {
-        "compact": true
-      },
+      "if": { "compact": true },
       "tokens": {
         "contentPaddingBottom": 16,
         "contentPaddingLeft": 24,
@@ -22,28 +14,16 @@
       }
     },
     {
-      "if": {
-        "mini": true
-      },
+      "if": { "mini": true },
       "tokens": {
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "contentPaddingBottom": 0,
         "contentPaddingLeft": 0,
         "contentPaddingRight": 0,
         "contentPaddingTop": 0,
         "contentPanelPaddingBottom": 0,
         "contentPanelPaddingTop": 0,
-        "expandDividerColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "expandDividerColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "marginBottom": 0
       }
     }