@ovotech/element-native 3.8.1-canary-0c92e13-244 → 3.8.1

package/dist/theme/index.js

@@ -1,17 +1,972 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+import { c as s, n as l, p as i, b as t, r as n, a as o } from "../utils-HsZygzDh.js";
+import { t as g } from "../theme-native--5aKgQLJ.js";
+import { t as u } from "../theme-web-MrdqV6Ln.js";
+var e = {
+  core: {
+    color: {
+      brand: {
+        midnight: "#00261C",
+        midnightTint: "#808D87",
+        forest: "#044D29",
+        forestTint: "#86A08F",
+        ovo: "#0A9828",
+        ovoTint: "#95C59A",
+        leaf: "#16B639",
+        leafTint: "#A2D99C",
+        energised: "#38E44C",
+        energisedTint: "#ADEAA6",
+        offwhite: "#F9F6F3",
+        white: "#FFFFFF",
+        black: "#000000"
+      },
+      neutral: {
+        darkest: "#151817",
+        darker: "#293026",
+        dark: "#494B41",
+        base: "#7D7C72",
+        light: "#D4CFCB",
+        lighter: "#EBE7E3",
+        lightest: "#F9F6F3"
+      },
+      red: {
+        darkest: "#520012",
+        darker: "#AE072C",
+        dark: "#D62349",
+        base: "#E04A6A",
+        light: "#EB748E",
+        lighter: "#F5B2C1",
+        lightest: "#FFEDF1"
+      },
+      orange: {
+        darkest: "#571A00",
+        darker: "#C13E06",
+        dark: "#E95D21",
+        base: "#F17B49",
+        light: "#F89B73",
+        lighter: "#FFC6AD",
+        lightest: "#FFEDE5"
+      },
+      yellow: {
+        darkest: "#8F5600",
+        darker: "#CB7D07",
+        dark: "#E99921",
+        base: "#F2AE48",
+        light: "#F9C372",
+        lighter: "#FFD494",
+        lightest: "#FFF3E0"
+      },
+      green: {
+        darkest: "#00261C",
+        darker: "#044D29",
+        dark: "#007226",
+        base: "#0A9828",
+        light: "#16B639",
+        lighter: "#3BE44C",
+        lightest: "#ADEAA6"
+      },
+      blue: {
+        darkest: "#041256",
+        darker: "#001EB2",
+        dark: "#1F3BCD",
+        base: "#4F66DE",
+        light: "#788AE9",
+        lighter: "#AEBAFB",
+        lightest: "#EBEFFF"
+      }
+    },
+    fontFamily: {
+      mono: {
+        native: "Courier New",
+        web: "'IBM Plex Mono', 'Menlo', Courier, monospace"
+      },
+      heading: {
+        native: "OVOCircularTT-Black",
+        web: "'OVOCircular', Futura, 'Century Gothic', sans-serif"
+      },
+      body: {
+        native: "OVOCircularTT-Book",
+        web: "'OVOCircular', Futura, 'Century Gothic', sans-serif"
+      },
+      bodyBold: {
+        native: "OVOCircularTT-Bold",
+        web: "'OVOCircular', Futura, 'Century Gothic', sans-serif"
+      }
+    },
+    fontWeight: {
+      book: 450,
+      bold: 700,
+      black: 900
+    },
+    fontSize: {
+      heading1: {
+        small: 32,
+        large: 48
+      },
+      heading2: {
+        small: 28,
+        large: 36
+      },
+      heading3: {
+        small: 24,
+        large: 28
+      },
+      heading4: {
+        small: 20,
+        large: 24
+      },
+      lead: {
+        small: 20,
+        large: 24
+      },
+      body: {
+        small: 16,
+        large: 16
+      },
+      small: {
+        small: 14,
+        large: 14
+      },
+      label: {
+        small: 11,
+        large: 14
+      }
+    },
+    letterSpacing: {
+      base: 0,
+      compressed: -0.02,
+      extraCompressed: -0.04
+    },
+    lineHeight: {
+      heading1: {
+        small: 32,
+        large: 48
+      },
+      heading2: {
+        small: 28,
+        large: 36
+      },
+      heading3: {
+        small: 28,
+        large: 32
+      },
+      heading4: {
+        small: 24,
+        large: 28
+      },
+      lead: {
+        small: 24,
+        large: 28
+      },
+      body: {
+        small: 24,
+        large: 24
+      },
+      small: {
+        small: 20,
+        large: 20
+      },
+      label: {
+        small: 20,
+        large: 20
+      }
+    },
+    borderWidth: {
+      small: 1,
+      medium: 2,
+      large: 4
+    },
+    breakpoint: {
+      small: 576,
+      medium: 768,
+      large: 1200
+    },
+    mediaQuery: {
+      small: 576,
+      medium: 768,
+      large: 1200
+    },
+    customMediaQuery: {
+      "small-and-up": 576,
+      "medium-and-up": 768,
+      "large-and-up": 1200
+    },
+    opacity: {
+      solid: 1,
+      translucent: 0.75,
+      transparent: 0.25
+    },
+    radius: {
+      small: 4,
+      medium: 8,
+      large: 12,
+      max: 22
+    },
+    space: {
+      0: 0,
+      1: 4,
+      2: 8,
+      3: 12,
+      4: 16,
+      5: 20,
+      6: 24,
+      7: 28,
+      8: 32,
+      9: 36,
+      10: 40,
+      11: 44,
+      12: 48,
+      13: 52,
+      14: 56,
+      15: 60
+    },
+    transition: {
+      slow: 500,
+      medium: 300,
+      fast: 200
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+  },
+  semantic: {
+    border: {
+      graphic: "#FFFFFF",
+      differentiated: "#EBE7E3",
+      functional: "#494B41"
+    },
+    branded: {
+      surface: "#0A9828",
+      message: "#FFFFFF",
+      heading: "#FFFFFF"
+    },
+    neutral: {
+      surface: "#EBE7E3",
+      message: "#293026",
+      surfaceEmphasis: "#293026",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    success: {
+      surface: "#ADEAA6",
+      message: "#044D29",
+      surfaceEmphasis: "#007226",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    warning: {
+      surface: "#FFEDE5",
+      message: "#C13E06",
+      surfaceEmphasis: "#C13E06",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    error: {
+      surface: "#FFEDF1",
+      message: "#AE072C",
+      surfaceEmphasis: "#D62349",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    info: {
+      surface: "#EBEFFF",
+      message: "#1F3BCD",
+      surfaceEmphasis: "#4F66DE",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    data: {
+      branded: {
+        1: "#0A9828",
+        2: "#00261C",
+        3: "#007226",
+        4: "#ADEAA6"
+      },
+      electric: {
+        1: "#CB7D07",
+        2: "#00261C",
+        3: "#8F5600",
+        4: "#FFD494"
+      },
+      gas: {
+        1: "#4F66DE",
+        2: "#00261C",
+        3: "#001EB2",
+        4: "#AEBAFB"
+      }
+    },
+    focus: {
+      outline: "#4F66DE",
+      hover: "#AEBAFB",
+      surface: "#EBEFFF"
+    },
+    inverted: {
+      surface: "#00261C",
+      surfaceAlt: "#044D29",
+      border: "#044D29",
+      borderAlt: "#0A9828",
+      message: {
+        branded: "#FFFFFF",
+        base: "#FFFFFF",
+        secondary: "#D4CFCB",
+        link: "#38E44C"
+      }
+    },
+    message: {
+      base: "#00261C",
+      secondary: "#494B41",
+      link: "#044D29",
+      error: "#AE072C",
+      branded: "#0A9828"
+    },
+    surface: {
+      base: "#000000",
+      cutout: "#151817",
+      elevated: "#151817"
+    }
+  },
+  component: {
+    badge: {
+      variants: {
+        neutral: {
+          background: "#EBE7E3",
+          foreground: "#494B41"
+        },
+        red: {
+          background: "#FFEDF1",
+          foreground: "#AE072C"
+        },
+        orange: {
+          background: "#FFEDE5",
+          foreground: "#C13E06"
+        },
+        yellow: {
+          background: "#FFF3E0",
+          foreground: "#8F5600"
+        },
+        green: {
+          background: "#ADEAA6",
+          foreground: "#044D29"
+        },
+        blue: {
+          background: "#EBEFFF",
+          foreground: "#1F3BCD"
+        }
+      }
+    },
+    cta: {
+      primary: {
+        message: "#00261C",
+        surface: "#38E44C",
+        messageHover: "#00261C",
+        surfaceHover: "#16B639",
+        messageFocused: "#00261C",
+        surfaceFocused: "#38E44C",
+        outlineFocused: "#4F66DE",
+        backgroundFocused: "#151817"
+      },
+      secondary: {
+        message: "#FFFFFF",
+        surface: "#00261C",
+        messageHover: "#FFFFFF",
+        surfaceHover: "#000000",
+        messageFocused: "#FFFFFF",
+        surfaceFocused: "#00261C",
+        outlineFocused: "#4F66DE",
+        backgroundFocused: "#151817"
+      },
+      destructive: {
+        message: "#FFFFFF",
+        surface: "#D62349",
+        messageHover: "#FFFFFF",
+        surfaceHover: "#AE072C",
+        messageFocused: "#FFFFFF",
+        surfaceFocused: "#D62349",
+        outlineFocused: "#4F66DE",
+        backgroundFocused: "#151817"
+      }
+    },
+    heading1: {
+      fontFamily: "OVOCircularTT-Black",
+      fontWeight: 900,
+      lineHeight: {
+        small: 32,
+        large: 48
+      },
+      fontSize: {
+        small: 32,
+        large: 48
+      }
+    },
+    heading2: {
+      fontFamily: "OVOCircularTT-Black",
+      fontWeight: 900,
+      lineHeight: {
+        small: 28,
+        large: 36
+      },
+      fontSize: {
+        small: 28,
+        large: 36
+      }
+    },
+    heading3: {
+      fontFamily: "OVOCircularTT-Black",
+      fontWeight: 900,
+      lineHeight: {
+        small: 28,
+        large: 32
+      },
+      fontSize: {
+        small: 24,
+        large: 28
+      }
+    },
+    heading4: {
+      fontFamily: "OVOCircularTT-Black",
+      fontWeight: 900,
+      lineHeight: {
+        small: 24,
+        large: 28
+      },
+      fontSize: {
+        small: 20,
+        large: 24
+      }
+    },
+    lead: {
+      fontFamily: "OVOCircularTT-Book",
+      fontWeight: 450,
+      lineHeight: {
+        small: 24,
+        large: 28
+      },
+      fontSize: {
+        small: 20,
+        large: 24
+      }
+    },
+    body: {
+      fontFamily: "OVOCircularTT-Book",
+      fontWeight: 450,
+      lineHeight: {
+        small: 24,
+        large: 24
+      },
+      fontSize: {
+        small: 16,
+        large: 16
+      }
+    },
+    small: {
+      fontFamily: "OVOCircularTT-Book",
+      fontWeight: 450,
+      lineHeight: {
+        small: 20,
+        large: 20
+      },
+      fontSize: {
+        small: 14,
+        large: 14
+      }
+    },
+    label: {
+      fontFamily: "OVOCircularTT-Bold",
+      fontWeight: 700,
+      lineHeight: {
+        small: 20,
+        large: 20
+      },
+      fontSize: {
+        small: 11,
+        large: 14
+      }
+    }
+  }
+}, a = {
+  core: {
+    color: {
+      brand: {
+        midnight: "#00261C",
+        midnightTint: "#808D87",
+        forest: "#044D29",
+        forestTint: "#86A08F",
+        ovo: "#0A9828",
+        ovoTint: "#95C59A",
+        leaf: "#16B639",
+        leafTint: "#A2D99C",
+        energised: "#38E44C",
+        energisedTint: "#ADEAA6",
+        offwhite: "#F9F6F3",
+        white: "#FFFFFF",
+        black: "#000000"
+      },
+      neutral: {
+        darkest: "#151817",
+        darker: "#293026",
+        dark: "#494B41",
+        base: "#7D7C72",
+        light: "#D4CFCB",
+        lighter: "#EBE7E3",
+        lightest: "#F9F6F3"
+      },
+      red: {
+        darkest: "#520012",
+        darker: "#AE072C",
+        dark: "#D62349",
+        base: "#E04A6A",
+        light: "#EB748E",
+        lighter: "#F5B2C1",
+        lightest: "#FFEDF1"
+      },
+      orange: {
+        darkest: "#571A00",
+        darker: "#C13E06",
+        dark: "#E95D21",
+        base: "#F17B49",
+        light: "#F89B73",
+        lighter: "#FFC6AD",
+        lightest: "#FFEDE5"
+      },
+      yellow: {
+        darkest: "#8F5600",
+        darker: "#CB7D07",
+        dark: "#E99921",
+        base: "#F2AE48",
+        light: "#F9C372",
+        lighter: "#FFD494",
+        lightest: "#FFF3E0"
+      },
+      green: {
+        darkest: "#00261C",
+        darker: "#044D29",
+        dark: "#007226",
+        base: "#0A9828",
+        light: "#16B639",
+        lighter: "#3BE44C",
+        lightest: "#ADEAA6"
+      },
+      blue: {
+        darkest: "#041256",
+        darker: "#001EB2",
+        dark: "#1F3BCD",
+        base: "#4F66DE",
+        light: "#788AE9",
+        lighter: "#AEBAFB",
+        lightest: "#EBEFFF"
+      }
+    },
+    fontFamily: {
+      mono: {
+        native: "Courier New",
+        web: "'IBM Plex Mono', 'Menlo', Courier, monospace"
+      },
+      heading: {
+        native: "OVOCircularTT-Black",
+        web: "'OVOCircular', Futura, 'Century Gothic', sans-serif"
+      },
+      body: {
+        native: "OVOCircularTT-Book",
+        web: "'OVOCircular', Futura, 'Century Gothic', sans-serif"
+      },
+      bodyBold: {
+        native: "OVOCircularTT-Bold",
+        web: "'OVOCircular', Futura, 'Century Gothic', sans-serif"
+      }
+    },
+    fontWeight: {
+      book: 450,
+      bold: 700,
+      black: 900
+    },
+    fontSize: {
+      heading1: {
+        small: "3.2rem",
+        large: "4.8rem"
+      },
+      heading2: {
+        small: "2.8rem",
+        large: "3.6rem"
+      },
+      heading3: {
+        small: "2.4rem",
+        large: "2.8rem"
+      },
+      heading4: {
+        small: "2rem",
+        large: "2.4rem"
+      },
+      lead: {
+        small: "2rem",
+        large: "2.4rem"
+      },
+      body: {
+        small: "1.6rem",
+        large: "1.6rem"
+      },
+      small: {
+        small: "1.4rem",
+        large: "1.4rem"
+      },
+      label: {
+        small: "1.1rem",
+        large: "1.4rem"
+      }
+    },
+    letterSpacing: {
+      base: 0,
+      compressed: -0.02,
+      extraCompressed: -0.04
+    },
+    lineHeight: {
+      heading1: {
+        small: "3.2rem",
+        large: "4.8rem"
+      },
+      heading2: {
+        small: "2.8rem",
+        large: "3.6rem"
+      },
+      heading3: {
+        small: "2.8rem",
+        large: "3.2rem"
+      },
+      heading4: {
+        small: "2.4rem",
+        large: "2.8rem"
+      },
+      lead: {
+        small: "2.4rem",
+        large: "2.8rem"
+      },
+      body: {
+        small: "2.4rem",
+        large: "2.4rem"
+      },
+      small: {
+        small: "2rem",
+        large: "2rem"
+      },
+      label: {
+        small: "2rem",
+        large: "2rem"
+      }
+    },
+    borderWidth: {
+      small: "1px",
+      medium: "2px",
+      large: "4px"
+    },
+    breakpoint: {
+      small: "576px",
+      medium: "768px",
+      large: "1200px"
+    },
+    mediaQuery: {
+      small: "@media screen and (min-width: 577px)",
+      medium: "@media screen and (min-width: 769px)",
+      large: "@media screen and (min-width: 1201px)"
+    },
+    customMediaQuery: {
+      "small-and-up": "(min-width: 577px)",
+      "medium-and-up": "(min-width: 769px)",
+      "large-and-up": "(min-width: 1201px)"
+    },
+    opacity: {
+      solid: 1,
+      translucent: 0.75,
+      transparent: 0.25
+    },
+    radius: {
+      small: "4px",
+      medium: "8px",
+      large: "12px",
+      max: "22px"
+    },
+    space: {
+      0: "0",
+      1: "4px",
+      2: "8px",
+      3: "12px",
+      4: "16px",
+      5: "20px",
+      6: "24px",
+      7: "28px",
+      8: "32px",
+      9: "36px",
+      10: "40px",
+      11: "44px",
+      12: "48px",
+      13: "52px",
+      14: "56px",
+      15: "60px"
+    },
+    transition: {
+      slow: "0.5s ease",
+      medium: "0.3s ease",
+      fast: "0.2s ease"
+    }
+  },
+  semantic: {
+    border: {
+      graphic: "#FFFFFF",
+      differentiated: "#EBE7E3",
+      functional: "#494B41"
+    },
+    branded: {
+      surface: "#0A9828",
+      message: "#FFFFFF",
+      heading: "#FFFFFF"
+    },
+    neutral: {
+      surface: "#EBE7E3",
+      message: "#293026",
+      surfaceEmphasis: "#293026",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    success: {
+      surface: "#ADEAA6",
+      message: "#044D29",
+      surfaceEmphasis: "#007226",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    warning: {
+      surface: "#FFEDE5",
+      message: "#C13E06",
+      surfaceEmphasis: "#C13E06",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    error: {
+      surface: "#FFEDF1",
+      message: "#AE072C",
+      surfaceEmphasis: "#D62349",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    info: {
+      surface: "#EBEFFF",
+      message: "#1F3BCD",
+      surfaceEmphasis: "#4F66DE",
+      messageOnEmphasis: "#FFFFFF",
+      border: "#FFFFFF"
+    },
+    data: {
+      branded: {
+        1: "#0A9828",
+        2: "#00261C",
+        3: "#007226",
+        4: "#ADEAA6"
+      },
+      electric: {
+        1: "#CB7D07",
+        2: "#00261C",
+        3: "#8F5600",
+        4: "#FFD494"
+      },
+      gas: {
+        1: "#4F66DE",
+        2: "#00261C",
+        3: "#001EB2",
+        4: "#AEBAFB"
+      }
+    },
+    focus: {
+      outline: "#4F66DE",
+      hover: "#AEBAFB",
+      surface: "#EBEFFF"
+    },
+    inverted: {
+      surface: "#00261C",
+      surfaceAlt: "#044D29",
+      border: "#044D29",
+      borderAlt: "#0A9828",
+      message: {
+        branded: "#FFFFFF",
+        base: "#FFFFFF",
+        secondary: "#D4CFCB",
+        link: "#38E44C"
+      }
+    },
+    message: {
+      base: "#00261C",
+      secondary: "#494B41",
+      link: "#044D29",
+      error: "#AE072C",
+      branded: "#0A9828"
+    },
+    surface: {
+      base: "#000000",
+      cutout: "#151817",
+      elevated: "#151817"
+    }
+  },
+  component: {
+    badge: {
+      variants: {
+        neutral: {
+          background: "#EBE7E3",
+          foreground: "#494B41"
+        },
+        red: {
+          background: "#FFEDF1",
+          foreground: "#AE072C"
+        },
+        orange: {
+          background: "#FFEDE5",
+          foreground: "#C13E06"
+        },
+        yellow: {
+          background: "#FFF3E0",
+          foreground: "#8F5600"
+        },
+        green: {
+          background: "#ADEAA6",
+          foreground: "#044D29"
+        },
+        blue: {
+          background: "#EBEFFF",
+          foreground: "#1F3BCD"
+        }
+      }
+    },
+    cta: {
+      primary: {
+        message: "#00261C",
+        surface: "#38E44C",
+        messageHover: "#00261C",
+        surfaceHover: "#16B639",
+        messageFocused: "#00261C",
+        surfaceFocused: "#38E44C",
+        outlineFocused: "#4F66DE",
+        backgroundFocused: "#151817"
+      },
+      secondary: {
+        message: "#FFFFFF",
+        surface: "#00261C",
+        messageHover: "#FFFFFF",
+        surfaceHover: "#000000",
+        messageFocused: "#FFFFFF",
+        surfaceFocused: "#00261C",
+        outlineFocused: "#4F66DE",
+        backgroundFocused: "#151817"
+      },
+      destructive: {
+        message: "#FFFFFF",
+        surface: "#D62349",
+        messageHover: "#FFFFFF",
+        surfaceHover: "#AE072C",
+        messageFocused: "#FFFFFF",
+        surfaceFocused: "#D62349",
+        outlineFocused: "#4F66DE",
+        backgroundFocused: "#151817"
+      }
+    },
+    heading1: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 900,
+      lineHeight: {
+        small: "3.2rem",
+        large: "4.8rem"
+      },
+      fontSize: {
+        small: "3.2rem",
+        large: "4.8rem"
+      }
+    },
+    heading2: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 900,
+      lineHeight: {
+        small: "2.8rem",
+        large: "3.6rem"
+      },
+      fontSize: {
+        small: "2.8rem",
+        large: "3.6rem"
+      }
+    },
+    heading3: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 900,
+      lineHeight: {
+        small: "2.8rem",
+        large: "3.2rem"
+      },
+      fontSize: {
+        small: "2.4rem",
+        large: "2.8rem"
+      }
+    },
+    heading4: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 900,
+      lineHeight: {
+        small: "2.4rem",
+        large: "2.8rem"
+      },
+      fontSize: {
+        small: "2rem",
+        large: "2.4rem"
+      }
+    },
+    lead: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 450,
+      lineHeight: {
+        small: "2.4rem",
+        large: "2.8rem"
+      },
+      fontSize: {
+        small: "2rem",
+        large: "2.4rem"
+      }
+    },
+    body: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 450,
+      lineHeight: {
+        small: "2.4rem",
+        large: "2.4rem"
+      },
+      fontSize: {
+        small: "1.6rem",
+        large: "1.6rem"
+      }
+    },
+    small: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 450,
+      lineHeight: {
+        small: "2rem",
+        large: "2rem"
+      },
+      fontSize: {
+        small: "1.4rem",
+        large: "1.4rem"
+      }
+    },
+    label: {
+      fontFamily: "'OVOCircular', Futura, 'Century Gothic', sans-serif",
+      fontWeight: 700,
+      lineHeight: {
+        small: "2rem",
+        large: "2rem"
+      },
+      fontSize: {
+        small: "1.1rem",
+        large: "1.4rem"
+      }
+    }
+  }
+};
+export {
+  s as calculateLineHeight,
+  l as numToPx,
+  i as pxToNumber,
+  t as pxToRem,
+  n as remToNumber,
+  o as remToPx,
+  u as theme,
+  a as themeDark,
+  g as themeNative,
+  e as themeNativeDark
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("@ovotech/element-core"), exports);