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

package/dist/theme-native--5aKgQLJ.js

@@ -1,482 +0,0 @@
-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: "#292929",
-        darker: "#3F3B36",
-        dark: "#635E58",
-        base: "#8F8982",
-        light: "#D4CFCB",
-        lighter: "#EBE7E3",
-        lightest: "#F9F6F3"
-      },
-      red: {
-        darkest: "#730019",
-        darker: "#AE072C",
-        dark: "#D62349",
-        base: "#E04A6A",
-        light: "#EB748E",
-        lighter: "#F5B2C1",
-        lightest: "#FFEDF1"
-      },
-      orange: {
-        darkest: "#802600",
-        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: "#001166",
-        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
-    }
-  },
-  semantic: {
-    border: {
-      graphic: "#FFFFFF",
-      differentiated: "#EBE7E3",
-      functional: "#635E58"
-    },
-    branded: {
-      surface: "#0A9828",
-      message: "#FFFFFF",
-      heading: "#FFFFFF"
-    },
-    neutral: {
-      surface: "#EBE7E3",
-      message: "#3F3B36",
-      surfaceEmphasis: "#3F3B36",
-      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: "#635E58",
-      link: "#044D29",
-      error: "#AE072C",
-      branded: "#0A9828"
-    },
-    surface: {
-      base: "#F9F6F3",
-      cutout: "#EBE7E3",
-      elevated: "#FFFFFF"
-    }
-  },
-  component: {
-    badge: {
-      variants: {
-        neutral: {
-          background: "#EBE7E3",
-          foreground: "#635E58"
-        },
-        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: "#FFFFFF"
-      },
-      secondary: {
-        message: "#FFFFFF",
-        surface: "#00261C",
-        messageHover: "#FFFFFF",
-        surfaceHover: "#000000",
-        messageFocused: "#FFFFFF",
-        surfaceFocused: "#00261C",
-        outlineFocused: "#4F66DE",
-        backgroundFocused: "#FFFFFF"
-      },
-      destructive: {
-        message: "#FFFFFF",
-        surface: "#D62349",
-        messageHover: "#FFFFFF",
-        surfaceHover: "#AE072C",
-        messageFocused: "#FFFFFF",
-        surfaceFocused: "#D62349",
-        outlineFocused: "#4F66DE",
-        backgroundFocused: "#FFFFFF"
-      }
-    },
-    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
-      }
-    }
-  }
-};
-export {
-  e as t
-};