@nnc-digital/nnc-design-system 1.0.0-alpha16 → 1.0.0-alpha18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ThemeVars.types.d.ts +60 -0
- package/build/index.js +2 -2
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +2 -2
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
export interface ThemeVars {
|
|
2
|
+
theme_name: string;
|
|
3
|
+
full_name: string;
|
|
4
|
+
cardinal_name: string;
|
|
5
|
+
is_memorial: boolean;
|
|
6
|
+
council_link?: string;
|
|
7
|
+
other_council_link?: string;
|
|
8
|
+
other_council_name?: string;
|
|
9
|
+
other_council_action?: string;
|
|
10
|
+
twitter_link?: string;
|
|
11
|
+
linkedin_link?: string;
|
|
12
|
+
facebook_link?: string;
|
|
13
|
+
instagram_link?: string;
|
|
14
|
+
youtube_link?: string;
|
|
15
|
+
breakpointsVals: ThemeBreakpointTypes;
|
|
16
|
+
breakpoints: ThemeBreakpointTypes;
|
|
17
|
+
fontstack: string;
|
|
18
|
+
colours: ThemeColourTypes;
|
|
19
|
+
fontSizes: ThemeSizeTypes;
|
|
20
|
+
border_width: string;
|
|
21
|
+
border_width_error: string;
|
|
22
|
+
border_width_thin: string;
|
|
23
|
+
border_radius: string;
|
|
24
|
+
border_radius_large: string;
|
|
25
|
+
spacingSizes: ThemeSizeTypes;
|
|
26
|
+
h1: string;
|
|
27
|
+
h2: string;
|
|
28
|
+
h3: string;
|
|
29
|
+
h4: string;
|
|
30
|
+
}
|
|
31
|
+
export interface ThemeBreakpointTypes {
|
|
32
|
+
s: string;
|
|
33
|
+
m: string;
|
|
34
|
+
l: string;
|
|
35
|
+
xl: string;
|
|
36
|
+
}
|
|
37
|
+
export interface ThemeColourTypes {
|
|
38
|
+
black: string;
|
|
39
|
+
grey_darkest: string;
|
|
40
|
+
grey_dark: string;
|
|
41
|
+
grey: string;
|
|
42
|
+
grey_light: string;
|
|
43
|
+
white: string;
|
|
44
|
+
action: string;
|
|
45
|
+
action_light: string;
|
|
46
|
+
action_dark: string;
|
|
47
|
+
positive: string;
|
|
48
|
+
negative: string;
|
|
49
|
+
visited?: string;
|
|
50
|
+
focus: string;
|
|
51
|
+
placeholder: string;
|
|
52
|
+
secondary?: string;
|
|
53
|
+
}
|
|
54
|
+
export interface ThemeSizeTypes {
|
|
55
|
+
extra_small: string;
|
|
56
|
+
small: string;
|
|
57
|
+
medium: string;
|
|
58
|
+
large: string;
|
|
59
|
+
x_large?: string;
|
|
60
|
+
}
|
package/build/index.js
CHANGED
|
@@ -25791,7 +25791,7 @@ const VideoBackground = styled__default.default.video`
|
|
|
25791
25791
|
top: 0;
|
|
25792
25792
|
left: 0;
|
|
25793
25793
|
width: 100%;
|
|
25794
|
-
height:
|
|
25794
|
+
height: 540px;
|
|
25795
25795
|
object-fit: cover;
|
|
25796
25796
|
z-index: -1;
|
|
25797
25797
|
`;
|
|
@@ -25808,7 +25808,7 @@ var HeroImage = function (_a) {
|
|
|
25808
25808
|
} }, function (src) { return (React__default.default.createElement(Container$u, { "$image": src, "$backgroundBox": backgroundBox, "data-testid": "HeroImage" },
|
|
25809
25809
|
heroVideoUrl && (React__default.default.createElement(VideoBackground, { autoPlay: true, loop: true, muted: true },
|
|
25810
25810
|
React__default.default.createElement("source", { src: heroVideoUrl, type: "video/mp4" }),
|
|
25811
|
-
"Your browser
|
|
25811
|
+
"Your browser doesn't support this video.")),
|
|
25812
25812
|
React__default.default.createElement(InnerContainer, null,
|
|
25813
25813
|
React__default.default.createElement(Overlay, { "$backgroundBox": backgroundBox, "data-testid": "HeroImageOverlay" },
|
|
25814
25814
|
breadcrumb && (React__default.default.createElement(BreadcrumbLink, { href: breadcrumb.url, "$backgroundBox": backgroundBox }, breadcrumb.title)),
|