@ovotech/element-native 3.8.1 → 4.0.0-canary-a872093-246

package/dist/theme/index.js

@@ -1,972 +1,17 @@
-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
+"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]; } };
     }
-  },
-  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(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);
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("@ovotech/element-core"), exports);