@telus-uds/theme-allium 4.21.0 → 4.23.0

package/build/ios/Typography.json

@@ -0,0 +1,700 @@
+{
+  "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": {
+      "description": "Styles text as body or heading text with a given size. Smaller numbers indicate larger sizes,\n\"display\" headings are larger than \"h\" headings. Default is medium size body text. Does not change\naccessibility or SEO-related properties; use the heading prop if text should be treated semantically as a heading.",
+      "type": "variant",
+      "values": [
+        "micro",
+        "small",
+        "large",
+        "eyebrow",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "display1",
+        "display2"
+      ]
+    },
+    "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": {
+        "size": ["display1", "display2", "h1", "h2", "h3"]
+      },
+      "tokens": {
+        "color": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "dark",
+        "size": ["display1", "display2", "h1", "h2", "h3"]
+      },
+      "tokens": {
+        "color": {
+          "red": 0.17255,
+          "green": 0.18039,
+          "blue": 0.18824,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "light",
+        "size": "h6"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "dark",
+        "size": "eyebrow"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.48627,
+          "green": 0.32549,
+          "blue": 0.64706,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "inverse": true
+      },
+      "tokens": {
+        "color": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "size": "display1"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 40,
+        "fontWeight": 300,
+        "letterSpacing": -0.035,
+        "lineHeight": 1.2,
+        "superScriptFontSize": 24
+      }
+    },
+    {
+      "if": {
+        "size": "display1",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "fontSize": 64,
+        "lineHeight": 1.125,
+        "superScriptFontSize": 32
+      }
+    },
+    {
+      "if": {
+        "size": "display2"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 36,
+        "fontWeight": 400,
+        "letterSpacing": -0.035,
+        "lineHeight": 1.22222222222,
+        "superScriptFontSize": 24
+      }
+    },
+    {
+      "if": {
+        "size": "display2",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 56,
+        "fontWeight": 300,
+        "letterSpacing": -0.039,
+        "lineHeight": 1.14285714286,
+        "superScriptFontSize": 32
+      }
+    },
+    {
+      "if": {
+        "size": "h1"
+      },
+      "tokens": {
+        "fontSize": 28,
+        "letterSpacing": -0.017,
+        "lineHeight": 1.28571428571,
+        "superScriptFontSize": 20
+      }
+    },
+    {
+      "if": {
+        "size": "h1",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 40,
+        "fontWeight": 300,
+        "letterSpacing": -0.035,
+        "lineHeight": 1.2,
+        "superScriptFontSize": 24
+      }
+    },
+    {
+      "if": {
+        "size": "h2"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 24,
+        "fontWeight": 400,
+        "lineHeight": 1.33333333333,
+        "superScriptFontSize": 16
+      }
+    },
+    {
+      "if": {
+        "size": "h2",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "fontSize": 28,
+        "letterSpacing": -0.017,
+        "lineHeight": 1.28571428571,
+        "superScriptFontSize": 20
+      }
+    },
+    {
+      "if": {
+        "size": "h3"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 20,
+        "fontWeight": 500,
+        "lineHeight": 1.4,
+        "superScriptFontSize": 16
+      }
+    },
+    {
+      "if": {
+        "size": "h3",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "fontSize": 24,
+        "lineHeight": 1.33333333333
+      }
+    },
+    {
+      "if": {
+        "size": "h4"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 16,
+        "fontWeight": 500,
+        "lineHeight": 1.5,
+        "superScriptFontSize": 16
+      }
+    },
+    {
+      "if": {
+        "size": "h5"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 14,
+        "fontWeight": 500,
+        "lineHeight": 1.28571428571
+      }
+    },
+    {
+      "if": {
+        "size": ["h5", "h6"]
+      },
+      "tokens": {
+        "superScriptFontSize": 12
+      }
+    },
+    {
+      "if": {
+        "size": "h6"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 12,
+        "fontWeight": 700,
+        "lineHeight": 1.33333333333
+      }
+    },
+    {
+      "if": {
+        "size": "large"
+      },
+      "tokens": {
+        "fontSize": 20,
+        "lineHeight": 1.6,
+        "superScriptFontSize": 16
+      }
+    },
+    {
+      "if": {
+        "compact": true,
+        "size": "large"
+      },
+      "tokens": {
+        "lineHeight": 1.2
+      }
+    },
+    {
+      "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.25
+      }
+    },
+    {
+      "if": {
+        "size": "small"
+      },
+      "tokens": {
+        "fontSize": 14,
+        "lineHeight": 1.42857142857,
+        "superScriptFontSize": 12
+      }
+    },
+    {
+      "if": {
+        "compact": true,
+        "size": "small"
+      },
+      "tokens": {
+        "lineHeight": 1.14285714286
+      }
+    },
+    {
+      "if": {
+        "size": "micro"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontSize": 12,
+        "fontWeight": 500,
+        "lineHeight": 1.33333333333,
+        "superScriptFontSize": 12
+      }
+    },
+    {
+      "if": {
+        "size": "eyebrow"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.48627,
+          "green": 0.32549,
+          "blue": 0.64706,
+          "alpha": 1
+        },
+        "fontName": "HelveticaNow",
+        "fontSize": 14,
+        "fontWeight": 700,
+        "lineHeight": 1.42857142857,
+        "textTransform": "uppercase"
+      }
+    },
+    {
+      "description": "Please only bold single words while using with headings",
+      "if": {
+        "bold": true
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": "micro"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": "display1"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 400
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": ["display2"],
+        "viewport": ["xs", "sm", "md"]
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 500
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": ["display2"],
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 400
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": "h1",
+        "viewport": ["xs", "sm", "md"]
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 500
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": "h1",
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 400
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": "h2"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 500
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": "h3"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "bold": true,
+        "size": ["h4", "h5", "h6"],
+        "viewport": ["xs", "sm", "md"]
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "weight": "semibold"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 500
+      }
+    },
+    {
+      "if": {
+        "weight": "bold"
+      },
+      "tokens": {
+        "fontName": "HelveticaNow",
+        "fontWeight": 700
+      }
+    },
+    {
+      "if": {
+        "colour": "default"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "brand"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "dark"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.17255,
+          "green": 0.18039,
+          "blue": 0.18824,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "light"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "positive"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.16863,
+          "green": 0.50196,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "warning"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.70588,
+          "green": 0.52941,
+          "blue": 0.17255,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "danger"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.75686,
+          "green": 0.13725,
+          "blue": 0.20784,
+          "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.16863,
+          "green": 0.50196,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "brand3"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.48627,
+          "green": 0.32549,
+          "blue": 0.64706,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "alternative1"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "alternative2"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "colour": "alternative3"
+      },
+      "tokens": {
+        "color": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        }
+      }
+    }
+  ],
+  "tokens": {
+    "color": {
+      "red": 0.2549,
+      "green": 0.27059,
+      "blue": 0.27843,
+      "alpha": 1
+    },
+    "fontName": "HelveticaNow",
+    "fontScaleCap": 64,
+    "fontSize": 16,
+    "fontWeight": 400,
+    "letterSpacing": 0,
+    "lineHeight": 1.5,
+    "superScriptFontSize": 16,
+    "textTransform": "none"
+  }
+}

package/build/ios/Video.json

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

package/build/ios/VideoButton.json

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