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

package/build/ios/Typography.json

@@ -65,56 +65,26 @@
   },
   "rules": [
     {
-      "if": {
-        "compact": true,
-        "size": "large"
-      },
-      "tokens": {
-        "lineHeight": 1.4
-      }
+      "if": { "compact": true, "size": "large" },
+      "tokens": { "lineHeight": 1.4 }
     },
     {
       "description": "The compact line height for the 'default' font size, but doesn't apply for any other styles",
-      "if": {
-        "compact": true,
-        "size": null
-      },
-      "tokens": {
-        "lineHeight": 1.55555555
-      }
+      "if": { "compact": true, "size": null },
+      "tokens": { "lineHeight": 1.55555555 }
     },
     {
-      "if": {
-        "compact": true,
-        "size": "small"
-      },
-      "tokens": {
-        "lineHeight": 1.5
-      }
+      "if": { "compact": true, "size": "small" },
+      "tokens": { "lineHeight": 1.5 }
     },
     {
-      "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 } }
     },
     {
       "description": "Please only bold single words while using with headings",
-      "if": {
-        "bold": true,
-        "size": ["h1", "h2", "display1", "display2"]
-      },
-      "tokens": {
-        "fontName": "BystanderSans",
-        "fontWeight": 700
-      }
+      "if": { "bold": true, "size": ["h1", "h2", "display1", "display2"] },
+      "tokens": { "fontName": "BystanderSans", "fontWeight": 700 }
     },
     {
       "description": "Please only bold single words while using with headings",
@@ -122,15 +92,10 @@
         "bold": true,
         "size": ["micro", "small", "large", "h3", "h4", "h5", "h6"]
       },
-      "tokens": {
-        "fontName": "SofiaPro",
-        "fontWeight": 700
-      }
+      "tokens": { "fontName": "SofiaPro", "fontWeight": 700 }
     },
     {
-      "if": {
-        "size": "display1"
-      },
+      "if": { "size": "display1" },
       "tokens": {
         "fontName": "BystanderSans",
         "fontSize": 72,
@@ -139,9 +104,7 @@
       }
     },
     {
-      "if": {
-        "size": "display2"
-      },
+      "if": { "size": "display2" },
       "tokens": {
         "fontName": "BystanderSans",
         "fontSize": 64,
@@ -150,18 +113,11 @@
       }
     },
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "lineHeight": 1.4
-      }
+      "if": { "size": "large" },
+      "tokens": { "fontSize": 20, "lineHeight": 1.4 }
     },
     {
-      "if": {
-        "size": "eyebrow"
-      },
+      "if": { "size": "eyebrow" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -177,27 +133,15 @@
       }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "fontSize": 16,
-        "lineHeight": 1.5
-      }
+      "if": { "size": "small" },
+      "tokens": { "fontSize": 16, "lineHeight": 1.5 }
     },
     {
-      "if": {
-        "size": "micro"
-      },
-      "tokens": {
-        "fontSize": 14,
-        "lineHeight": 1.4285714285714286
-      }
+      "if": { "size": "micro" },
+      "tokens": { "fontSize": 14, "lineHeight": 1.4285714285714286 }
     },
     {
-      "if": {
-        "size": "h1"
-      },
+      "if": { "size": "h1" },
       "tokens": {
         "fontName": "BystanderSans",
         "fontSize": 48,
@@ -206,18 +150,11 @@
       }
     },
     {
-      "if": {
-        "size": "h1",
-        "viewport": ["lg", "xl"]
-      },
-      "tokens": {
-        "lineHeight": 1.125
-      }
+      "if": { "size": "h1", "viewport": ["lg", "xl"] },
+      "tokens": { "lineHeight": 1.125 }
     },
     {
-      "if": {
-        "size": "h2"
-      },
+      "if": { "size": "h2" },
       "tokens": {
         "fontName": "BystanderSans",
         "fontSize": 36,
@@ -226,18 +163,11 @@
       }
     },
     {
-      "if": {
-        "size": "h2",
-        "viewport": ["lg", "xl"]
-      },
-      "tokens": {
-        "lineHeight": 1.3333333333333333
-      }
+      "if": { "size": "h2", "viewport": ["lg", "xl"] },
+      "tokens": { "lineHeight": 1.3333333333333333 }
     },
     {
-      "if": {
-        "size": "h3"
-      },
+      "if": { "size": "h3" },
       "tokens": {
         "fontName": "SofiaPro",
         "fontSize": 30,
@@ -246,9 +176,7 @@
       }
     },
     {
-      "if": {
-        "size": "h4"
-      },
+      "if": { "size": "h4" },
       "tokens": {
         "fontName": "SofiaPro",
         "fontSize": 24,
@@ -257,9 +185,7 @@
       }
     },
     {
-      "if": {
-        "size": "h5"
-      },
+      "if": { "size": "h5" },
       "tokens": {
         "fontName": "SofiaPro",
         "fontSize": 20,
@@ -268,9 +194,7 @@
       }
     },
     {
-      "if": {
-        "size": "h6"
-      },
+      "if": { "size": "h6" },
       "tokens": {
         "fontName": "SofiaPro",
         "fontSize": 16,
@@ -279,36 +203,19 @@
       }
     },
     {
-      "if": {
-        "weight": "semibold"
-      },
-      "tokens": {
-        "fontName": "SofiaPro",
-        "fontWeight": 700
-      }
+      "if": { "weight": "semibold" },
+      "tokens": { "fontName": "SofiaPro", "fontWeight": 700 }
     },
     {
-      "if": {
-        "weight": "bold"
-      },
-      "tokens": {
-        "fontName": "SofiaPro",
-        "fontWeight": 700
-      }
+      "if": { "weight": "bold" },
+      "tokens": { "fontName": "SofiaPro", "fontWeight": 700 }
     },
     {
-      "if": {
-        "bold": true
-      },
-      "tokens": {
-        "fontName": "SofiaPro",
-        "fontWeight": 700
-      }
+      "if": { "bold": true },
+      "tokens": { "fontName": "SofiaPro", "fontWeight": 700 }
     },
     {
-      "if": {
-        "colour": "default"
-      },
+      "if": { "colour": "default" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -319,9 +226,7 @@
       }
     },
     {
-      "if": {
-        "colour": "brand"
-      },
+      "if": { "colour": "brand" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -332,9 +237,7 @@
       }
     },
     {
-      "if": {
-        "colour": "dark"
-      },
+      "if": { "colour": "dark" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -345,9 +248,7 @@
       }
     },
     {
-      "if": {
-        "colour": "light"
-      },
+      "if": { "colour": "light" },
       "tokens": {
         "color": {
           "red": 0.41569,
@@ -358,9 +259,7 @@
       }
     },
     {
-      "if": {
-        "colour": "positive"
-      },
+      "if": { "colour": "positive" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -371,9 +270,7 @@
       }
     },
     {
-      "if": {
-        "colour": "warning"
-      },
+      "if": { "colour": "warning" },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -384,9 +281,7 @@
       }
     },
     {
-      "if": {
-        "colour": "danger"
-      },
+      "if": { "colour": "danger" },
       "tokens": {
         "color": {
           "red": 0.74902,
@@ -397,35 +292,15 @@
       }
     },
     {
-      "if": {
-        "colour": "black"
-      },
-      "tokens": {
-        "color": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 1
-        }
-      }
+      "if": { "colour": "black" },
+      "tokens": { "color": { "red": 0, "green": 0, "blue": 0, "alpha": 1 } }
     },
     {
-      "if": {
-        "colour": "white"
-      },
-      "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
+      "if": { "colour": "white" },
+      "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     },
     {
-      "if": {
-        "colour": "brand2"
-      },
+      "if": { "colour": "brand2" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -436,9 +311,7 @@
       }
     },
     {
-      "if": {
-        "colour": "brand3"
-      },
+      "if": { "colour": "brand3" },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -449,9 +322,7 @@
       }
     },
     {
-      "if": {
-        "colour": "alternative1"
-      },
+      "if": { "colour": "alternative1" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -462,9 +333,7 @@
       }
     },
     {
-      "if": {
-        "colour": "alternative2"
-      },
+      "if": { "colour": "alternative2" },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -475,9 +344,7 @@
       }
     },
     {
-      "if": {
-        "colour": "alternative3"
-      },
+      "if": { "colour": "alternative3" },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -489,12 +356,7 @@
     }
   ],
   "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",
     "fontScaleCap": 64,
     "fontSize": 18,

package/build/ios/VideoButton.json

@@ -2,11 +2,6 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "color": {
-      "red": 0.97647,
-      "green": 0.94902,
-      "blue": 0.86667,
-      "alpha": 1
-    }
+    "color": { "red": 0.97647, "green": 0.94902, "blue": 0.86667, "alpha": 1 }
   }
 }

package/build/ios/VideoControlBar.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "viewport": ["xs", "sm"] },
       "tokens": {
         "height": 40,
         "paddingBottom": 16,

package/build/ios/VideoMenu.json

@@ -28,12 +28,7 @@
       "blue": 0.86667,
       "alpha": 1
     },
-    "checkMarkUnselectedColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "checkMarkUnselectedColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "checkMarkWidth": 24,
     "padding": 16
   }

package/build/ios/VideoMiddleControlButton.json

@@ -2,19 +2,9 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "background": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.6
-    },
+    "background": { "red": 0, "green": 0, "blue": 0, "alpha": 0.6 },
     "height": 64,
-    "iconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "width": 64
   }
 }

package/build/ios/VideoPickerThumbnail.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderColor": {
           "red": 0.41569,
@@ -27,9 +25,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "borderColor": {
           "red": 0.38824,
@@ -56,12 +52,7 @@
     },
     "borderRadius": 4,
     "borderWidth": 1,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 2,
     "outerBorderRadius": 8,
     "outerBorderWidth": 2,
@@ -76,12 +67,7 @@
     "pressablePaddingHorizontal": 24,
     "pressablePaddingVertical": 16,
     "splashButtonRadius": 4,
-    "subTitleColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 1
-    },
+    "subTitleColor": { "red": 0, "green": 0, "blue": 0, "alpha": 1 },
     "titleColor": {
       "red": 0.22353,
       "green": 0.25098,

package/build/ios/VideoProgressBar.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "rangeBackground": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "rangeBackground": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "remainingTimestampMarginLeft": 8,
     "remainingTimestampMarginRight": 0,
     "thumbBackground": {

package/build/ios/VideoVolumeSlider.json

@@ -5,32 +5,12 @@
     "marginLeft": 16,
     "marginRight": 16,
     "mutedIcon": "PaletteIconMuted",
-    "rangeBackground": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "thumbBackground": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "rangeBackground": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "thumbBackground": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "thumbHeight": 8,
     "thumbWidth": 8,
-    "trackGradientEnd": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
-    "trackGradientStart": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "trackGradientEnd": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+    "trackGradientStart": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "unmutedIcon": "PaletteIconUnmuted"
   }
 }

package/build/ios/WaffleGrid.json

@@ -7,38 +7,12 @@
     }
   },
   "rules": [
-    {
-      "if": {
-        "viewport": ["xs"]
-      },
-      "tokens": {
-        "rowSize": 2
-      }
-    },
-    {
-      "if": {
-        "viewport": ["sm", "md"]
-      },
-      "tokens": {
-        "rowSize": 3
-      }
-    },
-    {
-      "if": {
-        "viewport": ["lg", "xl"]
-      },
-      "tokens": {
-        "rowSize": 6
-      }
-    }
+    { "if": { "viewport": ["xs"] }, "tokens": { "rowSize": 2 } },
+    { "if": { "viewport": ["sm", "md"] }, "tokens": { "rowSize": 3 } },
+    { "if": { "viewport": ["lg", "xl"] }, "tokens": { "rowSize": 6 } }
   ],
   "tokens": {
-    "itemBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemPadding": 16,
     "rowBorderWidth": 1,
     "rowSize": 6