@ovotech/element-native 3.8.0 → 3.8.1-canary-a8563d8-232

package/dist/components/Heading2/Heading2.js

@@ -51,16 +51,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading2 = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
 var hooks_1 = require("../../hooks");
 var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
 var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return (0, utils_1.numToPx)((0, utils_1.pxToNumber)(fontSize) * letterSpacing);
+    return (0, element_core_1.numToPx)((0, element_core_1.pxToNumber)(fontSize) * letterSpacing);
 };
 var StyledHeading2 = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
     var fontSize = core.fontSize.heading2[smallAndUp ? 'large' : 'small'];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.heading.native, fontSize, core.lineHeight.heading2[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.extraCompressed), semantic.message.branded);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.heading.native, (0, element_core_1.numToPx)(fontSize), (0, element_core_1.numToPx)(core.lineHeight.heading2[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.extraCompressed), inverted
+        ? semantic.inverted.message.link
+        : semantic.message.branded);
 });
 var Heading2 = function (_a) {
     var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);

package/dist/components/Heading3/Heading3.d.ts

@@ -1,3 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
-export declare const Heading3: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps>) => JSX.Element;
+export declare const Heading3: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
+    inverted?: boolean;
+}>) => JSX.Element;

package/dist/components/Heading3/Heading3.js

@@ -51,16 +51,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading3 = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
 var hooks_1 = require("../../hooks");
 var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
 var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return (0, utils_1.numToPx)((0, utils_1.pxToNumber)(fontSize) * letterSpacing);
+    return (0, element_core_1.numToPx)((0, element_core_1.pxToNumber)(fontSize) * letterSpacing);
 };
 var StyledHeading3 = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
     var fontSize = core.fontSize.heading3[smallAndUp ? 'large' : 'small'];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.bodyBold.native, fontSize, core.lineHeight.heading3[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.compressed), semantic.message.branded);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.bodyBold.native, (0, element_core_1.numToPx)(fontSize), (0, element_core_1.numToPx)(core.lineHeight.heading3[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.compressed), inverted
+        ? semantic.inverted.message.link
+        : semantic.message.branded);
 });
 var Heading3 = function (_a) {
     var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);

package/dist/components/Heading4/Heading4.d.ts

@@ -1,3 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
-export declare const Heading4: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps>) => JSX.Element;
+export declare const Heading4: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
+    inverted?: boolean;
+}>) => JSX.Element;

package/dist/components/Heading4/Heading4.js

@@ -51,16 +51,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading4 = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
 var hooks_1 = require("../../hooks");
 var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
 var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return (0, utils_1.numToPx)((0, utils_1.pxToNumber)(fontSize) * letterSpacing);
+    return (0, element_core_1.numToPx)((0, element_core_1.pxToNumber)(fontSize) * letterSpacing);
 };
 var StyledHeading4 = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
     var fontSize = core.fontSize.heading4[smallAndUp ? 'large' : 'small'];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.bodyBold.native, fontSize, core.lineHeight.heading4[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.compressed), semantic.message.branded);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.bodyBold.native, (0, element_core_1.numToPx)(fontSize), (0, element_core_1.numToPx)(core.lineHeight.heading4[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.compressed), inverted
+        ? semantic.inverted.message.link
+        : semantic.message.branded);
 });
 var Heading4 = function (_a) {
     var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);