@nnc-digital/nnc-design-system 1.0.0-alpha17 → 1.0.0-alpha19

package/build/ThemeVars.types.d.ts

@@ -0,0 +1,60 @@
+export interface ThemeVars {
+    theme_name: string;
+    full_name: string;
+    cardinal_name: string;
+    is_memorial: boolean;
+    council_link?: string;
+    other_council_link?: string;
+    other_council_name?: string;
+    other_council_action?: string;
+    twitter_link?: string;
+    linkedin_link?: string;
+    facebook_link?: string;
+    instagram_link?: string;
+    youtube_link?: string;
+    breakpointsVals: ThemeBreakpointTypes;
+    breakpoints: ThemeBreakpointTypes;
+    fontstack: string;
+    colours: ThemeColourTypes;
+    fontSizes: ThemeSizeTypes;
+    border_width: string;
+    border_width_error: string;
+    border_width_thin: string;
+    border_radius: string;
+    border_radius_large: string;
+    spacingSizes: ThemeSizeTypes;
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+}
+export interface ThemeBreakpointTypes {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+}
+export interface ThemeColourTypes {
+    black: string;
+    grey_darkest: string;
+    grey_dark: string;
+    grey: string;
+    grey_light: string;
+    white: string;
+    action: string;
+    action_light: string;
+    action_dark: string;
+    positive: string;
+    negative: string;
+    visited?: string;
+    focus: string;
+    placeholder: string;
+    secondary?: string;
+}
+export interface ThemeSizeTypes {
+    extra_small: string;
+    small: string;
+    medium: string;
+    large: string;
+    x_large?: string;
+}

package/build/index.js

@@ -25791,9 +25791,12 @@ const VideoBackground = styled__default.default.video`
   top: 0;
   left: 0;
   width: 100%;
-  height: 540px;
+  height: 575px;
   object-fit: cover;
   z-index: -1;
+  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
+    height: 540px;
+  }
 `;
 
 /**
@@ -25808,7 +25811,7 @@ var HeroImage = function (_a) {
             } }, function (src) { return (React__default.default.createElement(Container$u, { "$image": src, "$backgroundBox": backgroundBox, "data-testid": "HeroImage" },
             heroVideoUrl && (React__default.default.createElement(VideoBackground, { autoPlay: true, loop: true, muted: true },
                 React__default.default.createElement("source", { src: heroVideoUrl, type: "video/mp4" }),
-                "Your browser does not support the video tag.")),
+                "Your browser doesn't support this video.")),
             React__default.default.createElement(InnerContainer, null,
                 React__default.default.createElement(Overlay, { "$backgroundBox": backgroundBox, "data-testid": "HeroImageOverlay" },
                     breadcrumb && (React__default.default.createElement(BreadcrumbLink, { href: breadcrumb.url, "$backgroundBox": backgroundBox }, breadcrumb.title)),