@telus-uds/theme-public-mobile 2.11.0 → 2.13.0

package/build/android/Typography.json

@@ -0,0 +1,507 @@
+{
+  "appearances": {
+    "bold": {
+      "description": "Sets the font weight, to bold on some body text styles. Does not change accessibility properties.",
+      "type": "variant",
+      "values": [true]
+    },
+    "colour": {
+      "description": "Each typography variant has a default color, and at least a secondary color variant. In exceptional cases where a different colour is needed,\n  use the tokens prop.",
+      "type": "variant",
+      "values": [
+        "default",
+        "brand",
+        "dark",
+        "light",
+        "positive",
+        "warning",
+        "danger",
+        "black",
+        "white",
+        "brand2",
+        "brand3",
+        "alternative1",
+        "alternative2",
+        "alternative3"
+      ]
+    },
+    "compact": {
+      "description": "Reduces line height on some body text styles. For data-rich content, not for flow content",
+      "type": "variant",
+      "values": [true]
+    },
+    "inverse": {
+      "description": "Styles the link white for use on dark backgrounds.",
+      "type": "variant",
+      "values": [true]
+    },
+    "size": {
+      "type": "variant",
+      "values": [
+        "micro",
+        "small",
+        "large",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "display1",
+        "display2",
+        "eyebrow"
+      ]
+    },
+    "viewport": {
+      "description": "The size label for the current screen viewport based on the current screen width",
+      "values": ["xs", "sm", "md", "lg", "xl"],
+      "type": "state"
+    },
+    "weight": {
+      "description": "Sets the font weight, default is regular 400 weight. Does not change accessibility properties.",
+      "type": "variant",
+      "values": ["semibold", "bold"]
+    }
+  },
+  "rules": [
+    {
+      "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": "small"
+      },
+      "tokens": {
+        "lineHeight": 1.5
+      }
+    },
+    {
+      "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
+      }
+    },
+    {
+      "description": "Please only bold single words while using with headings",
+      "if": {
+        "bold": true,
+        "size": ["micro", "small", "large", "h3", "h4", "h5", "h6"]
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "size": "display1"
+      },
+      "tokens": {
+        "fontName": "BystanderSans",
+        "fontSize": 72,
+        "fontWeight": 700,
+        "lineHeight": 1.22222222222
+      }
+    },
+    {
+      "if": {
+        "size": "display2"
+      },
+      "tokens": {
+        "fontName": "BystanderSans",
+        "fontSize": 64,
+        "fontWeight": 700,
+        "lineHeight": 1.125
+      }
+    },
+    {
+      "if": {
+        "size": "large"
+      },
+      "tokens": {
+        "fontSize": 20,
+        "lineHeight": 1.4
+      }
+    },
+    {
+      "if": {
+        "size": "eyebrow"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "fontName": "SofiaPro",
+        "fontSize": 16,
+        "fontWeight": 700,
+        "lineHeight": 1.5,
+        "textTransform": "uppercase"
+      }
+    },
+    {
+      "if": {
+        "size": "small"
+      },
+      "tokens": {
+        "fontSize": 16,
+        "lineHeight": 1.5
+      }
+    },
+    {
+      "if": {
+        "size": "micro"
+      },
+      "tokens": {
+        "fontSize": 14,
+        "lineHeight": 1.4285714285714286
+      }
+    },
+    {
+      "if": {
+        "size": "h1"
+      },
+      "tokens": {
+        "fontName": "BystanderSans",
+        "fontSize": 48,
+        "fontWeight": 700,
+        "lineHeight": 1
+      }
+    },
+    {
+      "if": {
+        "size": "h1",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "lineHeight": 1.125
+      }
+    },
+    {
+      "if": {
+        "size": "h2"
+      },
+      "tokens": {
+        "fontName": "BystanderSans",
+        "fontSize": 36,
+        "fontWeight": 700,
+        "lineHeight": 1.22222222222
+      }
+    },
+    {
+      "if": {
+        "size": "h2",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "lineHeight": 1.3333333333333333
+      }
+    },
+    {
+      "if": {
+        "size": "h3"
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontSize": 30,
+        "fontWeight": 700,
+        "lineHeight": 1.2
+      }
+    },
+    {
+      "if": {
+        "size": "h4"
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontSize": 24,
+        "fontWeight": 400,
+        "lineHeight": 1.3333333333333333
+      }
+    },
+    {
+      "if": {
+        "size": "h5"
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontSize": 20,
+        "fontWeight": 700,
+        "lineHeight": 1.4
+      }
+    },
+    {
+      "if": {
+        "size": "h6"
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontSize": 16,
+        "fontWeight": 700,
+        "lineHeight": 1.5
+      }
+    },
+    {
+      "if": {
+        "weight": "semibold"
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "weight": "bold"
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "bold": true
+      },
+      "tokens": {
+        "fontName": "SofiaPro",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "colour": "default"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "brand"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "dark"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.16863,
+          "green": 0.19216,
+          "blue": 0.27059,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "light"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.41569,
+          "green": 0.43922,
+          "blue": 0.50196,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "positive"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.16863,
+          "green": 0.5098,
+          "blue": 0.43137,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "warning"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "danger"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.74902,
+          "green": 0.0902,
+          "blue": 0.13333,
+          "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": "brand2"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "brand3"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "alternative1"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "alternative2"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "alternative3"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.97647,
+          "green": 0.94902,
+          "blue": 0.86667,
+          "alpha": 1
+        }
+      }
+    }
+  ],
+  "tokens": {
+    "color": {
+      "red": 0.22353,
+      "green": 0.25098,
+      "blue": 0.33725,
+      "alpha": 1
+    },
+    "fontName": "SofiaPro",
+    "fontScaleCap": 64,
+    "fontSize": 18,
+    "fontWeight": 400,
+    "letterSpacing": 0,
+    "lineHeight": 1.55555555,
+    "superScriptFontSize": null,
+    "textTransform": "none"
+  }
+}

package/build/android/Video.json

@@ -0,0 +1,15 @@
+{
+  "appearances": {},
+  "rules": [],
+  "tokens": {
+    "borderColor": {
+      "red": 0.97647,
+      "green": 0.94902,
+      "blue": 0.86667,
+      "alpha": 1
+    },
+    "pauseIcon": "PaletteIconPause",
+    "playIcon": "PaletteIconPlaySolid",
+    "replayIcon": "PaletteIconReplay"
+  }
+}

package/build/android/VideoButton.json

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

package/build/android/VideoControlBar.json

@@ -0,0 +1,37 @@
+{
+  "appearances": {
+    "viewport": {
+      "description": "The size label for the current screen viewport based on the current screen width",
+      "values": ["xs", "sm", "md", "lg", "xl"],
+      "type": "state"
+    }
+  },
+  "rules": [
+    {
+      "if": {
+        "viewport": ["xs", "sm"]
+      },
+      "tokens": {
+        "height": 40,
+        "paddingBottom": 8,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 8
+      }
+    }
+  ],
+  "tokens": {
+    "captionsIcon": "PaletteIconClosedCaptions",
+    "height": 56,
+    "maximizeIcon": "PaletteIconFullscreenExpand",
+    "menuBottom": 64,
+    "menuMarginLeft": 16,
+    "menuRight": 32,
+    "minimizeIcon": "PaletteIconFullscreenMinimize",
+    "paddingBottom": 16,
+    "paddingLeft": 48,
+    "paddingRight": 48,
+    "paddingTop": 16,
+    "settingsIcon": "PaletteIconSettingsSolid"
+  }
+}

package/build/android/VideoMenu.json

@@ -0,0 +1,40 @@
+{
+  "appearances": {},
+  "rules": [],
+  "tokens": {
+    "background": {
+      "red": 0.97647,
+      "green": 0.94902,
+      "blue": 0.86667,
+      "alpha": 1
+    },
+    "checkMarkFocusColor": {
+      "red": 0.99608,
+      "green": 0.99608,
+      "blue": 0.98824,
+      "alpha": 1
+    },
+    "checkMarkHeight": 24,
+    "checkMarkHoverColor": {
+      "red": 0.99608,
+      "green": 0.99608,
+      "blue": 0.98824,
+      "alpha": 1
+    },
+    "checkMarkIcon": "PaletteIconCheckMark",
+    "checkMarkSelectedColor": {
+      "red": 0.97647,
+      "green": 0.94902,
+      "blue": 0.86667,
+      "alpha": 1
+    },
+    "checkMarkUnselectedColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "checkMarkWidth": 24,
+    "padding": 16
+  }
+}

package/build/android/VideoMiddleControlButton.json

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

package/build/android/VideoPicker.json

@@ -0,0 +1,28 @@
+{
+  "appearances": {},
+  "rules": [],
+  "tokens": {
+    "framedContainerBackgroundColor": {
+      "red": 0.96078,
+      "green": 0.96078,
+      "blue": 0.96863,
+      "alpha": 1
+    },
+    "framedContainerBorderColor": {
+      "red": 0.80392,
+      "green": 0.81176,
+      "blue": 0.83529,
+      "alpha": 1
+    },
+    "framedContainerBorderRadius": 4,
+    "framedContainerBorderWidth": 1,
+    "framedContainerPadding": 24,
+    "framedMaxHeight": 640,
+    "stackViewDividerColor": {
+      "red": 0.80392,
+      "green": 0.81176,
+      "blue": 0.83529,
+      "alpha": 1
+    }
+  }
+}

package/build/android/VideoPickerSlider.json

@@ -0,0 +1,8 @@
+{
+  "appearances": {},
+  "rules": [],
+  "tokens": {
+    "nextIcon": "PaletteIconArrowRight",
+    "previousIcon": "PaletteIconArrowLeft"
+  }
+}