trepur_components 1.0.45 → 1.0.47
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/dist/src/lib/components/Breadcrumbs/style.module.css +1 -5
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -1
- package/dist/src/lib/components/Button/Button.d.ts +2 -1
- package/dist/src/lib/components/Button/Button.js +2 -2
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +1 -0
- package/dist/src/lib/components/Carousel/Carousel.js +3 -3
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Dialog/Dialog.js.map +1 -1
- package/dist/src/lib/components/Dialog/style.module.css +19 -12
- package/dist/src/lib/components/Dialog/style.module.css.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/Icon/Icon.js +1 -1
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Modal/Modal.d.ts +4 -2
- package/dist/src/lib/components/Modal/Modal.js +17 -11
- package/dist/src/lib/components/Modal/Modal.js.map +1 -1
- package/dist/src/lib/components/Modal/style.module.css +37 -9
- package/dist/src/lib/components/Modal/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.js +4 -4
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.d.ts +17 -0
- package/dist/src/lib/components/Showcase/Showcase.js +32 -0
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -0
- package/dist/src/lib/components/Showcase/style.module.css +202 -0
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -0
- package/dist/src/lib/utils/controls.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Breadcrumbs/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Breadcrumbs/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAW;;AAIX;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAoC;;AAApC;;IAAA;AAAoC;;AAIpC;;IAAA;AAAU;;AAIV;;IAAA,oBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".classList {\n @apply flex py-2;\n}\n\n.breadcrumb {\n @apply flex;\n}\n\n.linkText {\n @apply px-1 py-1;\n}\n\n.link {\n @apply text-facebook hover:underline;\n}\n\n.middleWrapper {\n @apply h-8;\n}\n\n.middle {\n @apply py-1;\n}"]}
|
|
@@ -8,6 +8,7 @@ export interface Props {
|
|
|
8
8
|
variant?: 'primary' | 'secondary';
|
|
9
9
|
type?: 'social' | 'icon' | 'default';
|
|
10
10
|
href?: string;
|
|
11
|
+
label?: string;
|
|
11
12
|
target?: string;
|
|
12
13
|
rounded?: boolean;
|
|
13
14
|
disabled?: boolean;
|
|
@@ -16,5 +17,5 @@ export interface Props {
|
|
|
16
17
|
children?: any;
|
|
17
18
|
theme?: ThemeTypes;
|
|
18
19
|
}
|
|
19
|
-
declare const Button: ({ id, className, onClick, hoverText, variant, type, href, target, rounded, disabled, isLoading, openInNewTab, children, theme }: Props) => JSX.Element;
|
|
20
|
+
declare const Button: ({ id, className, onClick, hoverText, variant, type, href, target, label, rounded, disabled, isLoading, openInNewTab, children, theme }: Props) => JSX.Element;
|
|
20
21
|
export default Button;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, target, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children, theme = 'theme-rupertbennett' }) => {
|
|
5
|
+
const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, target, label, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children, theme = 'theme-rupertbennett' }) => {
|
|
6
6
|
const padding = classNames({
|
|
7
7
|
[style.social]: type === 'social',
|
|
8
8
|
[style.icon]: type === 'icon',
|
|
@@ -27,7 +27,7 @@ const Button = ({ id, className, onClick, hoverText, variant = 'primary', type =
|
|
|
27
27
|
Tag = 'a';
|
|
28
28
|
attributes = { href, target };
|
|
29
29
|
}
|
|
30
|
-
return (React.createElement(Tag, Object.assign({}, attributes, { id: id, className: classList, "aria-busy": isLoading }, ((onClick != null) && { onClick }), (disabled && { disabled })),
|
|
30
|
+
return (React.createElement(Tag, Object.assign({}, attributes, { id: id, className: classList, "aria-busy": isLoading, "aria-label": label }, ((onClick != null) && { onClick }), (disabled && { disabled })),
|
|
31
31
|
React.createElement("div", { className: classNames({ invisible: isLoading }) }, children),
|
|
32
32
|
isLoading &&
|
|
33
33
|
React.createElement("div", { className: loadingClasses }, loadingIcon)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAuBtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QACjC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACpC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC9D,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;QAC1C,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAClE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO;KAC7B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAE9C,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACH,CAAA;IAED,IAAI,GAAG,GAAsD,QAAQ,CAAA;IACrE,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACtC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAC9B;IAED,OAAO,CACL,oBAAC,GAAG,oBACE,UAAU,IACd,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,eACT,SAAS,gBACR,KAAK,IACb,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,EAClC,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC;QAE9B,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,IACjD,QAAQ,CACL;QACL,SAAS;YACR,6BAAK,SAAS,EAAE,cAAc,IAC3B,WAAW,CACR,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -142,14 +142,14 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
142
142
|
(dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: style.dotWrapper }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
|
|
143
143
|
var _a, _b, _c, _d, _e;
|
|
144
144
|
const numberOfSlides = (_e = (_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 1;
|
|
145
|
-
return (React.createElement(Dot, Object.assign({ key: `dot_${i}
|
|
145
|
+
return (React.createElement(Dot, Object.assign({ key: `dot_${i}` }, dots, { isActive: !loop
|
|
146
146
|
? currentSlide === idx
|
|
147
147
|
: currentSlide + 4 <= numberOfSlides
|
|
148
148
|
? idx >= currentSlide - offset && idx < currentSlide + 4 - offset
|
|
149
149
|
: idx >= currentSlide - offset || currentSlide + 4 - numberOfSlides - 4 - offset >= idx, onClick: () => {
|
|
150
150
|
var _a;
|
|
151
151
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
152
|
-
}, theme: theme
|
|
152
|
+
}, theme: theme, wrapperBgColour: bgColour !== null && bgColour !== void 0 ? bgColour : 'white', id: (i + 1).toString() })));
|
|
153
153
|
})))));
|
|
154
154
|
};
|
|
155
155
|
function Arrow(props) {
|
|
@@ -160,7 +160,7 @@ function Arrow(props) {
|
|
|
160
160
|
function Dot(props) {
|
|
161
161
|
var _a;
|
|
162
162
|
const bg = (_a = props === null || props === void 0 ? void 0 : props.wrapperBgColour) !== null && _a !== void 0 ? _a : 'white';
|
|
163
|
-
return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type: 'button', onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
163
|
+
return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type: 'button', onClick: props === null || props === void 0 ? void 0 : props.onClick, "aria-label": `carousel-button-${props.id}` },
|
|
164
164
|
React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 2, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverColour : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour, theme: props === null || props === void 0 ? void 0 : props.theme })));
|
|
165
165
|
}
|
|
166
166
|
export default Carousel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAA0D,MAAM,mBAAmB,CAAA;AACzG,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,OAAO,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/lib/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAc3C,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/lib/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAc3C,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,CAAA;IAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,CAAA;IAE/C,MAAM,SAAS,GAAG,MAAM;QACtB,oBAAC,MAAM,oBACD,UAAU,IACd,SAAS,EAAE,UAAU,CAAC;gBACpB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO;aAC3B,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,IACvC,CAAA;IAEJ,MAAM,UAAU,GAAG,OAAO;QACxB,oBAAC,MAAM,oBACD,YAAY,IAChB,SAAS,EAAE,UAAU,CAAC;gBACpB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM;aAC1B,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAC1C,CAAA;IAEJ,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,UAAU;KAC9B,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEvB,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAEf,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC;QAErD,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;YACjC,QAAQ,IAAI,oBAAC,KAAK,IACjB,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,GACK;YACf,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,cAAc,IAAG,WAAW,CAAK,CACvE;QACN,2BAAG,SAAS,EAAE,cAAc,IAAG,KAAK,CAAK;QACzC,2BAAG,SAAS,EAAE,KAAK,CAAC,SAAS,IAAG,SAAS,CAAK;QAC7C,CAAC,MAAM,IAAI,OAAO,CAAC;YAClB,6BAAK,SAAS,EAAE,sBAAsB;gBACnC,SAAS;gBACT,UAAU,CACP,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -4,13 +4,20 @@
|
|
|
4
4
|
color: var(--color-ink);
|
|
5
5
|
margin-left: auto;
|
|
6
6
|
margin-right: auto;
|
|
7
|
+
width: 100%;
|
|
7
8
|
padding: 1.5rem;
|
|
8
|
-
max-width: 608px
|
|
9
|
+
max-width: 608px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@media (min-width: 768px) {
|
|
13
|
+
.dialog {
|
|
14
|
+
width: 608px;
|
|
15
|
+
}
|
|
9
16
|
}
|
|
10
17
|
|
|
11
18
|
.headingWrapper {
|
|
12
19
|
position: relative;
|
|
13
|
-
padding-bottom: 0.5rem
|
|
20
|
+
padding-bottom: 0.5rem;
|
|
14
21
|
}
|
|
15
22
|
|
|
16
23
|
.dismissText {
|
|
@@ -19,57 +26,57 @@
|
|
|
19
26
|
top: 0px;
|
|
20
27
|
cursor: pointer;
|
|
21
28
|
font-size: 16px;
|
|
22
|
-
font-weight: 400
|
|
29
|
+
font-weight: 400;
|
|
23
30
|
}
|
|
24
31
|
|
|
25
32
|
.title {
|
|
26
33
|
font-size: 22px;
|
|
27
|
-
font-weight: 400
|
|
34
|
+
font-weight: 400;
|
|
28
35
|
}
|
|
29
36
|
|
|
30
37
|
.titlePadding {
|
|
31
|
-
padding-right: 16rem
|
|
38
|
+
padding-right: 16rem;
|
|
32
39
|
}
|
|
33
40
|
|
|
34
41
|
@media (min-width: 768px) {
|
|
35
42
|
|
|
36
43
|
.titlePadding {
|
|
37
|
-
padding-right: 20rem
|
|
44
|
+
padding-right: 20rem;
|
|
38
45
|
}
|
|
39
46
|
}
|
|
40
47
|
|
|
41
48
|
.paragraph {
|
|
42
49
|
padding-top: 0.25rem;
|
|
43
|
-
font-weight: 300
|
|
50
|
+
font-weight: 300;
|
|
44
51
|
}
|
|
45
52
|
|
|
46
53
|
.buttonWrapper {
|
|
47
54
|
display: flex;
|
|
48
55
|
flex-wrap: wrap;
|
|
49
|
-
padding-top: 1.5rem
|
|
56
|
+
padding-top: 1.5rem;
|
|
50
57
|
}
|
|
51
58
|
|
|
52
59
|
@media (min-width: 768px) {
|
|
53
60
|
|
|
54
61
|
.buttonWrapper {
|
|
55
|
-
flex-wrap: nowrap
|
|
62
|
+
flex-wrap: nowrap;
|
|
56
63
|
}
|
|
57
64
|
}
|
|
58
65
|
|
|
59
66
|
.fullWidth {
|
|
60
|
-
width: 100
|
|
67
|
+
width: 100%;
|
|
61
68
|
}
|
|
62
69
|
|
|
63
70
|
.cta2Btn {
|
|
64
71
|
margin-top: 0.5rem;
|
|
65
|
-
width: 100
|
|
72
|
+
width: 100%;
|
|
66
73
|
}
|
|
67
74
|
|
|
68
75
|
@media (min-width: 768px) {
|
|
69
76
|
|
|
70
77
|
.cta2Btn {
|
|
71
78
|
margin-top: 0px;
|
|
72
|
-
margin-left: 1.5rem
|
|
79
|
+
margin-left: 1.5rem;
|
|
73
80
|
}
|
|
74
81
|
}
|
|
75
82
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Dialog/style.module.css"],"names":[],"mappings":"AACE;EAAA,sBAAmC;EAAnC,oCAAmC;EAAnC,uBAAmC;EACnC,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Dialog/style.module.css"],"names":[],"mappings":"AACE;EAAA,sBAAmC;EAAnC,oCAAmC;EAAnC,uBAAmC;EACnC,iBAAyB;EAAzB,kBAAyB;EAAzB,WAAyB;EAAzB,eAAyB;EACzB;AAFmC;;AAKrC;EACE;IACE,YAAY;EACd;AACF;;AAGE;EAAA,kBAAoB;EAApB;AAAoB;;AAIpB;EAAA,kBAA4C;EAA5C,UAA4C;EAA5C,QAA4C;EAA5C,eAA4C;EAC5C,eAA2B;EAA3B;AAD4C;;AAK5C;EAAA,eAA2B;EAA3B;AAA2B;;AAI3B;EAAA;AAAqB;;AAArB;;EAAA;IAAA;EAAqB;AAAA;;AAIrB;EAAA,oBAAsB;EAAtB;AAAsB;;AAItB;EAAA,aAAyC;EAAzC,eAAyC;EAAzC;AAAyC;;AAAzC;;EAAA;IAAA;EAAyC;AAAA;;AAIzC;EAAA;AAAa;;AAIb;EAAA,kBAAkC;EAAlC;AAAkC;;AAAlC;;EAAA;IAAA,eAAkC;IAAlC;EAAkC;AAAA","file":"style.module.css","sourcesContent":[".dialog {\n @apply bg-white text-ink rounded-xl;\n @apply p-6 mx-auto w-full;\n max-width: 608px;\n}\n\n@screen md {\n .dialog {\n width: 608px;\n }\n}\n\n.headingWrapper {\n @apply relative pb-2;\n}\n\n.dismissText {\n @apply absolute right-0 top-0 cursor-pointer;\n @apply text-sm font-regular;\n}\n\n.title {\n @apply text-md font-regular;\n}\n\n.titlePadding {\n @apply pr-64 md:pr-80;\n}\n\n.paragraph {\n @apply pt-1 font-light;\n}\n\n.buttonWrapper {\n @apply pt-6 flex flex-wrap md:flex-nowrap;\n}\n\n.fullWidth {\n @apply w-full;\n}\n\n.cta2Btn {\n @apply w-full mt-2 md:mt-0 md:ml-6;\n}"]}
|
|
@@ -22,7 +22,7 @@ const HamburgerIcon = ({ id, className, onClick, theme = 'theme-rupertbennett',
|
|
|
22
22
|
setOpened(!opened);
|
|
23
23
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
24
24
|
};
|
|
25
|
-
return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant: variant, type: 'icon' },
|
|
25
|
+
return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant: variant, type: 'icon', label: 'Mobile menu toggle' },
|
|
26
26
|
React.createElement("svg", { className: classNames({
|
|
27
27
|
[style.svgDark]: variant === 'primary',
|
|
28
28
|
[style.svgLight]: variant === 'secondary'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HamburgerIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,WAAW;QACnD,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,OAAO,KAAK,SAAS;KACjD,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEpB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;KAC9B,EAAE,KAAK,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAA;IAEzC,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;QAC7B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM;KAC/B,EAAE,KAAK,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;IAEvC,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,MAAM;KAChC,EAAE,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"HamburgerIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,WAAW;QACnD,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,OAAO,KAAK,SAAS;KACjD,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEpB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;KAC9B,EAAE,KAAK,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAA;IAEzC,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;QAC7B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM;KAC/B,EAAE,KAAK,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;IAEvC,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,MAAM;KAChC,EAAE,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,oBAAoB;QAE1B,6BACE,SAAS,EAAE,UAAU,CAAC;gBACpB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;gBACtC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,WAAW;aAC1C,EAAE,KAAK,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAC3C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,sIAAsI,GACxI;YACF,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,oIAAoI,GACtI;YACF,8BACE,SAAS,EAAE,kBAAkB,EAC7B,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = '
|
|
4
|
+
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'transparent', hoverColour = 'primary', hoverBgColour = 'transparent', rounded = false, brand = false, theme = 'theme-rupertbennett' }) => {
|
|
5
5
|
const colourString = colour;
|
|
6
6
|
const hoverColourString = hoverColour;
|
|
7
7
|
const bgColourString = bgColour;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
|
|
3
|
-
children
|
|
3
|
+
children?: React.ReactNode;
|
|
4
4
|
visible?: boolean;
|
|
5
5
|
onOverlayClick?: () => void;
|
|
6
|
+
mobileGutter?: boolean;
|
|
7
|
+
animationStyle?: 'fade' | 'slideBottom';
|
|
6
8
|
}
|
|
7
|
-
declare const Modal: ({ id, className, children, visible, onOverlayClick }: Props) => JSX.Element;
|
|
9
|
+
declare const Modal: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle }: Props) => JSX.Element;
|
|
8
10
|
export default Modal;
|
|
@@ -1,34 +1,40 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Modal = ({ id, className, children, visible = false, onOverlayClick }) => {
|
|
4
|
+
const Modal = ({ id, className, children, visible = false, onOverlayClick, mobileGutter, animationStyle = 'fade' }) => {
|
|
5
5
|
const [hidden, setHidden] = useState(!visible);
|
|
6
6
|
const [showModal, setShowModal] = useState(visible);
|
|
7
7
|
useEffect(() => {
|
|
8
|
+
let timeoutId;
|
|
8
9
|
if (visible) {
|
|
9
|
-
setHidden(
|
|
10
|
-
setTimeout(() => {
|
|
11
|
-
setShowModal(
|
|
10
|
+
setHidden(false);
|
|
11
|
+
timeoutId = setTimeout(() => {
|
|
12
|
+
setShowModal(true);
|
|
12
13
|
}, 100);
|
|
13
14
|
}
|
|
14
15
|
else {
|
|
15
|
-
setShowModal(
|
|
16
|
-
setTimeout(() => {
|
|
17
|
-
setHidden(
|
|
16
|
+
setShowModal(false);
|
|
17
|
+
timeoutId = setTimeout(() => {
|
|
18
|
+
setHidden(true);
|
|
18
19
|
}, 300);
|
|
19
20
|
}
|
|
21
|
+
return () => {
|
|
22
|
+
clearTimeout(timeoutId);
|
|
23
|
+
};
|
|
20
24
|
}, [visible]);
|
|
21
25
|
const classList = classNames({
|
|
22
|
-
[style.visible]: !hidden && showModal
|
|
23
|
-
[style.hide]: hidden
|
|
26
|
+
[style.visible]: !hidden && showModal
|
|
24
27
|
}, style.overlay, className);
|
|
25
28
|
const childrenClassList = classNames({
|
|
26
29
|
[style.visible]: showModal,
|
|
27
|
-
[style.
|
|
30
|
+
[style.mobileGutter]: mobileGutter,
|
|
31
|
+
[style.slideBottom]: animationStyle === 'slideBottom'
|
|
28
32
|
}, style.children);
|
|
33
|
+
if (hidden)
|
|
34
|
+
return React.createElement(React.Fragment, null);
|
|
29
35
|
return (React.createElement(React.Fragment, null,
|
|
30
36
|
React.createElement("div", { id: id, className: classList, onClick: onOverlayClick }),
|
|
31
|
-
React.createElement("div", { className: childrenClassList }, children)));
|
|
37
|
+
children && React.createElement("div", { className: childrenClassList }, children)));
|
|
32
38
|
};
|
|
33
39
|
export default Modal;
|
|
34
40
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,cAAc,EACd,YAAY,EACZ,cAAc,GAAG,MAAM,EACjB,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAwC,CAAA;QAE5C,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;aAAM;YACL,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,SAAS,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;QAED,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,SAAS;KACtC,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAE5B,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS;QAC1B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,YAAY;QAClC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,cAAc,KAAK,aAAa;KACtD,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IAElB,IAAI,MAAM;QAAE,OAAO,yCAAK,CAAA;IAExB,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,cAAc,GACvB;QACD,QAAQ,IAAI,6BAAK,SAAS,EAAE,iBAAiB,IAC3C,QAAQ,CACL,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
display: block;
|
|
3
3
|
height: 100vh;
|
|
4
4
|
width: 100vw;
|
|
5
|
-
position:
|
|
5
|
+
position: fixed;
|
|
6
6
|
top: 0px;
|
|
7
7
|
right: 0px;
|
|
8
|
-
z-index:
|
|
8
|
+
z-index: 50;
|
|
9
9
|
background: rgba(0, 0, 0, 0.6);
|
|
10
10
|
opacity: 0;
|
|
11
11
|
transition-property: opacity;
|
|
@@ -16,17 +16,16 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.children {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
margin-left: auto;
|
|
20
|
+
margin-right: auto;
|
|
21
|
+
display: flex;
|
|
22
|
+
width: 100%
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
@media (min-width: 768px) {
|
|
26
26
|
|
|
27
27
|
.children {
|
|
28
|
-
|
|
29
|
-
padding-right: 0px
|
|
28
|
+
width: auto
|
|
30
29
|
}
|
|
31
30
|
}
|
|
32
31
|
|
|
@@ -35,7 +34,7 @@
|
|
|
35
34
|
top: 50%;
|
|
36
35
|
left: 50%;
|
|
37
36
|
z-index: 50;
|
|
38
|
-
display:
|
|
37
|
+
display: block;
|
|
39
38
|
--tw-translate-x: -50%;
|
|
40
39
|
--tw-translate-y: -50%;
|
|
41
40
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -47,6 +46,19 @@
|
|
|
47
46
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
48
47
|
}
|
|
49
48
|
|
|
49
|
+
.mobileGutter {
|
|
50
|
+
padding-left: 1rem;
|
|
51
|
+
padding-right: 1rem
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@media (min-width: 768px) {
|
|
55
|
+
|
|
56
|
+
.mobileGutter {
|
|
57
|
+
padding-left: 0px;
|
|
58
|
+
padding-right: 0px
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
50
62
|
.visible {
|
|
51
63
|
opacity: 1
|
|
52
64
|
}
|
|
@@ -54,4 +66,20 @@
|
|
|
54
66
|
.hide {
|
|
55
67
|
display: none
|
|
56
68
|
}
|
|
69
|
+
|
|
70
|
+
.children.slideBottom {
|
|
71
|
+
transition-property: transform;
|
|
72
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
73
|
+
transition-duration: 300ms;
|
|
74
|
+
transition-timing-function: linear;
|
|
75
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
76
|
+
opacity: 1;
|
|
77
|
+
--tw-translate-y: 100%;
|
|
78
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.children.slideBottom.visible {
|
|
82
|
+
--tw-translate-y: -50%;
|
|
83
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
84
|
+
}
|
|
57
85
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Modal/style.module.css"],"names":[],"mappings":"AACE;EAAA,cAA8B;EAA9B,aAA8B;EAA9B,YAA8B;EAC9B,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Modal/style.module.css"],"names":[],"mappings":"AACE;EAAA,cAA8B;EAA9B,aAA8B;EAA9B,YAA8B;EAC9B,eAA+B;EAA/B,QAA+B;EAA/B,UAA+B;EAA/B,WAA+B;EAC/B,8BAA8B;EAC9B,UAAgB;EAChB,4BAA2D;EAA3D,wDAA2D;EAA3D,0BAA2D;EAA3D,kCAA2D;EAA3D;AAJ8B;;AAQ9B;EAAA,iBAAoC;EAApC,kBAAoC;EAApC,aAAoC;EAApC;AAAoC;;AAApC;;EAAA;IAAA;EAAoC;AAAA;;AACpC;EAAA,eAAoF;EAApF,QAAoF;EAApF,SAAoF;EAApF,WAAoF;EAApF,cAAoF;EAApF,sBAAoF;EAApF,sBAAoF;EAApF,+LAAoF;EACpF,UAAqE;EAArE,4BAAqE;EAArE,wDAAqE;EAArE,0BAAqE;EAArE,kCAAqE;EAArE;AADoF;;AAKpF;EAAA,kBAAmB;EAAnB;AAAmB;;AAAnB;;EAAA;IAAA,iBAAmB;IAAnB;EAAmB;AAAA;;AAInB;EAAA;AAAkB;;AAIlB;EAAA;AAAa;;AAIb;EAAA,8BAA6D;EAA7D,wDAA6D;EAA7D,0BAA6D;EAA7D,kCAA6D;EAA7D,sDAA6D;EAC7D,UAAkB;EAClB,sBAAuB;EAAvB;AAF6D;;AAM7D;EAAA,sBAAuB;EAAvB;AAAuB","file":"style.module.css","sourcesContent":[".overlay {\n @apply block w-screen h-screen;\n @apply z-50 top-0 right-0 fixed;\n background: rgba(0, 0, 0, 0.6);\n @apply opacity-0;\n @apply transition-opacity ease-linear duration-300 ease-out;\n}\n\n.children {\n @apply flex mx-auto w-full md:w-auto;\n @apply block fixed z-50 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;\n @apply opacity-0 transition-opacity ease-linear duration-300 ease-out;\n}\n\n.mobileGutter {\n @apply px-4 md:px-0;\n}\n\n.visible {\n @apply opacity-100;\n}\n\n.hide {\n @apply hidden;\n}\n\n.children.slideBottom {\n @apply transition-transform ease-linear duration-300 ease-out;\n @apply opacity-100;\n @apply translate-y-full;\n}\n\n.children.slideBottom.visible {\n @apply -translate-y-1/2;\n}"]}
|
|
@@ -54,12 +54,12 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
54
54
|
(withMobileSideBar || withMobileDropdown) &&
|
|
55
55
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
56
56
|
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' })),
|
|
57
|
-
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
58
|
-
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, title: `${(_a = themeString.split('-')[1]) !== null && _a !== void 0 ? _a : ''}
|
|
57
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink, "aria-label": `${themeString.split('-')[1]}-mobile-logo` },
|
|
58
|
+
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, title: `${(_a = themeString.split('-')[1]) !== null && _a !== void 0 ? _a : `${themeString.split('-')[1]}-`}mobile-logo`, altText: `${(_b = themeString.split('-')[1]) !== null && _b !== void 0 ? _b : `${themeString.split('-')[1]}-`}mobile-logo`, height: 5, width: 5 }))),
|
|
59
59
|
React.createElement(Container, { withPadding: true, className: style.desktopNav, theme: theme },
|
|
60
60
|
React.createElement("div", { className: style.logoClassList },
|
|
61
|
-
React.createElement("a", { className: style.desktopLogo, href: logoLink },
|
|
62
|
-
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_c = themeString.split('-')[1]) !== null && _c !== void 0 ? _c : '
|
|
61
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink, "aria-label": `${themeString.split('-')[1]}-desktop-logo` },
|
|
62
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_c = themeString.split('-')[1]) !== null && _c !== void 0 ? _c : `${themeString.split('-')[1]}-`}desktop-logo`, altText: `${(_d = themeString.split('-')[1]) !== null && _d !== void 0 ? _d : `${themeString.split('-')[1]}-`}desktop-logo`, height: 5, width: 5 }))),
|
|
63
63
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
64
64
|
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
65
65
|
})),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
export interface Props {
|
|
4
|
+
id: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
title: string;
|
|
7
|
+
subTitle: string;
|
|
8
|
+
description: string;
|
|
9
|
+
bgColour?: Colours;
|
|
10
|
+
image: string;
|
|
11
|
+
theme?: ThemeTypes;
|
|
12
|
+
size?: 'small' | 'medium' | 'large';
|
|
13
|
+
withArrow?: boolean;
|
|
14
|
+
avatar: any;
|
|
15
|
+
}
|
|
16
|
+
declare const Showcase: React.FC<Props>;
|
|
17
|
+
export default Showcase;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import Container from '../Container/Container';
|
|
5
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
6
|
+
import Icon from '../Icon/Icon';
|
|
7
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett', withArrow = false, avatar }) => {
|
|
8
|
+
const classList = classNames(className);
|
|
9
|
+
const containerSize = classNames({
|
|
10
|
+
[style.smallContainer]: size === 'small',
|
|
11
|
+
[style.mediumContainer]: size === 'medium',
|
|
12
|
+
[style.largeContainer]: size === 'large'
|
|
13
|
+
}, style.container);
|
|
14
|
+
const imagePadding = classNames({
|
|
15
|
+
[style.smallPadding]: size === 'small',
|
|
16
|
+
[style.mediumPadding]: size === 'medium',
|
|
17
|
+
[style.largePadding]: size === 'large'
|
|
18
|
+
}, style.avatarWrapper);
|
|
19
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour, theme: theme },
|
|
20
|
+
React.createElement(Container, { className: containerSize, theme: theme },
|
|
21
|
+
React.createElement("div", { className: style.textWrapper },
|
|
22
|
+
React.createElement("h2", { className: style.title }, title),
|
|
23
|
+
React.createElement("h2", { className: style.subTitle }, subTitle),
|
|
24
|
+
React.createElement("p", { className: style.description }, description)),
|
|
25
|
+
React.createElement("div", { className: imagePadding },
|
|
26
|
+
React.createElement("img", { className: style.avatar, src: avatar }))),
|
|
27
|
+
withArrow &&
|
|
28
|
+
React.createElement("div", { className: style.iconWrapper },
|
|
29
|
+
React.createElement(Icon, { theme: theme, className: style.icon, size: 2, rounded: true, type: 'chevron-down' }))));
|
|
30
|
+
};
|
|
31
|
+
export default Showcase;
|
|
32
|
+
//# sourceMappingURL=Showcase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAgBxC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,KAAK,EACjB,MAAM,EACA,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnB,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,KAAK,OAAO;QACtC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,KAAK,QAAQ;QACxC,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,KAAK,OAAO;KACvC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEvB,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,YAAY;gBAC1B,6BAAK,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,GAAI,CACzC,CACI;QACX,SAAS;YACR,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,QAAC,IAAI,EAAC,cAAc,GAAG,CAC9E,CACS,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
|
|
3
|
+
flex-wrap: wrap;
|
|
4
|
+
|
|
5
|
+
text-align: justify
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@media (min-width: 768px) {
|
|
9
|
+
|
|
10
|
+
.container {
|
|
11
|
+
|
|
12
|
+
display: flex
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.avatarWrapper {
|
|
17
|
+
|
|
18
|
+
width: 50%;
|
|
19
|
+
|
|
20
|
+
padding-left: 3rem;
|
|
21
|
+
|
|
22
|
+
padding-right: 3rem
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.textWrapper {
|
|
26
|
+
|
|
27
|
+
margin: auto;
|
|
28
|
+
|
|
29
|
+
width: 100%
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@media (min-width: 768px) {
|
|
33
|
+
|
|
34
|
+
.textWrapper {
|
|
35
|
+
|
|
36
|
+
width: 66.666667%
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media (min-width: 1024px) {
|
|
41
|
+
|
|
42
|
+
.textWrapper {
|
|
43
|
+
|
|
44
|
+
width: 50%;
|
|
45
|
+
|
|
46
|
+
padding-left: 9rem
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.textWrapper {
|
|
51
|
+
|
|
52
|
+
order: 1
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@media (min-width: 768px) {
|
|
56
|
+
|
|
57
|
+
.textWrapper {
|
|
58
|
+
|
|
59
|
+
order: 0
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.smallContainer {
|
|
64
|
+
|
|
65
|
+
height: 14rem
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.mediumContainer {
|
|
69
|
+
|
|
70
|
+
height: 24rem
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.largeContainer {
|
|
74
|
+
|
|
75
|
+
height: calc(100vh - 176px)
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.smallPadding {
|
|
79
|
+
|
|
80
|
+
padding-top: 0px;
|
|
81
|
+
|
|
82
|
+
padding-bottom: 0px
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.mediumPadding {
|
|
86
|
+
|
|
87
|
+
padding-top: 2rem;
|
|
88
|
+
|
|
89
|
+
padding-bottom: 2rem
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.largePadding {
|
|
93
|
+
|
|
94
|
+
margin-top: 0px;
|
|
95
|
+
|
|
96
|
+
margin-bottom: 0px;
|
|
97
|
+
|
|
98
|
+
padding-top: 0px;
|
|
99
|
+
|
|
100
|
+
padding-bottom: 0px
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@media (min-width: 768px) {
|
|
104
|
+
|
|
105
|
+
.largePadding {
|
|
106
|
+
|
|
107
|
+
padding-top: 8rem;
|
|
108
|
+
|
|
109
|
+
padding-bottom: 8rem
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.title {
|
|
114
|
+
|
|
115
|
+
font-size: 48px;
|
|
116
|
+
|
|
117
|
+
font-weight: 700;
|
|
118
|
+
|
|
119
|
+
line-height: 1.25;
|
|
120
|
+
|
|
121
|
+
color: var(--color-primary)
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.subTitle {
|
|
125
|
+
|
|
126
|
+
font-size: 48px;
|
|
127
|
+
|
|
128
|
+
font-weight: 700;
|
|
129
|
+
|
|
130
|
+
line-height: 1.25;
|
|
131
|
+
|
|
132
|
+
color: var(--color-black)
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.description {
|
|
136
|
+
|
|
137
|
+
padding-top: 1rem;
|
|
138
|
+
|
|
139
|
+
font-size: 22px;
|
|
140
|
+
|
|
141
|
+
color: var(--color-black)
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.avatarWrapper {
|
|
145
|
+
|
|
146
|
+
display: flex;
|
|
147
|
+
|
|
148
|
+
height: 100%;
|
|
149
|
+
|
|
150
|
+
width: 100%
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@media (min-width: 768px) {
|
|
154
|
+
|
|
155
|
+
.avatarWrapper {
|
|
156
|
+
|
|
157
|
+
width: 33.333333%
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
@media (min-width: 1024px) {
|
|
162
|
+
|
|
163
|
+
.avatarWrapper {
|
|
164
|
+
|
|
165
|
+
width: 50%
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.avatarWrapper {
|
|
170
|
+
|
|
171
|
+
order: 2
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
@media (min-width: 768px) {
|
|
175
|
+
|
|
176
|
+
.avatarWrapper {
|
|
177
|
+
|
|
178
|
+
order: 0
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.avatar {
|
|
183
|
+
|
|
184
|
+
margin: auto;
|
|
185
|
+
|
|
186
|
+
height: 24rem;
|
|
187
|
+
|
|
188
|
+
overflow: hidden
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.iconWrapper {
|
|
192
|
+
|
|
193
|
+
width: 100%
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.icon {
|
|
197
|
+
|
|
198
|
+
margin-left: auto;
|
|
199
|
+
|
|
200
|
+
margin-right: auto
|
|
201
|
+
}
|
|
202
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAqC;;IAArC;AAAqC;;AAArC;;IAAA;;QAAA;IAAqC;AAAA;;AAIrC;;IAAA,UAAkB;;IAAlB,kBAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,YAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA;;QAAA;IAA+C;AAAA;;AAA/C;;IAAA;;QAAA,UAA+C;;QAA/C;IAA+C;AAAA;;AAC/C;;IAAA;AAA4B;;AAA5B;;IAAA;;QAAA;IAA4B;AAAA;;AAI5B;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAA4B;;AAI5B;;IAAA,gBAAW;;IAAX;AAAW;;AAIX;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA,eAAyB;;IAAzB,kBAAyB;;IAAzB,gBAAyB;;IAAzB;AAAyB;;AAAzB;;IAAA;;QAAA,iBAAyB;;QAAzB;IAAyB;AAAA;;AAIzB;;IAAA,eAAoD;;IAApD,gBAAoD;;IAApD,iBAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,eAAkD;;IAAlD,gBAAkD;;IAAlD,iBAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAA8B;;IAA9B,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAC3C;;IAAA;AAA4B;;AAA5B;;IAAA;;QAAA;IAA4B;AAAA;;AAI5B;;IAAA,YAAkC;;IAAlC,aAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAa;;AAIb;;IAAA,iBAAc;;IAAd;AAAc","file":"style.module.css","sourcesContent":[".container {\n @apply flex-wrap md:flex text-justify;\n}\n\n.avatarWrapper {\n @apply w-1/2 px-12;\n}\n\n.textWrapper {\n @apply w-full md:w-2/3 lg:w-1/2 m-auto lg:pl-36;\n @apply order-1 md:order-none;\n}\n\n.smallContainer {\n @apply h-56;\n}\n\n.mediumContainer {\n @apply h-96;\n}\n\n.largeContainer {\n @apply h-[calc(100vh-176px)];\n}\n\n.smallPadding {\n @apply py-0;\n}\n\n.mediumPadding {\n @apply py-8;\n}\n\n.largePadding {\n @apply py-0 my-0 md:py-32;\n}\n\n.title {\n @apply font-bold text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n @apply font-bold text-xxl text-black leading-tight;\n}\n\n.description {\n @apply text-md text-black pt-4;\n}\n\n.avatarWrapper {\n @apply w-full md:w-1/3 lg:w-1/2 h-full flex;\n @apply order-2 md:order-none;\n}\n\n.avatar {\n @apply m-auto overflow-hidden h-96;\n}\n\n.iconWrapper {\n @apply w-full;\n}\n\n.icon {\n @apply mx-auto;\n}"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'grey' | 'gold' | 'facebook' | 'linkedin' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-linkedin' | 'interactive-instagram' | 'interactive-github' | 'success' | 'error' | 'ink';
|
|
1
|
+
export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'grey' | 'gold' | 'facebook' | 'linkedin' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-linkedin' | 'interactive-instagram' | 'interactive-github' | 'success' | 'error' | 'ink' | 'transparent';
|
|
2
2
|
export declare type ThemeTypes = 'theme-rupertbennett' | 'theme-backpacker' | 'theme-octopus' | 'theme-letsgocamping';
|
|
3
3
|
export declare type SocialTypes = 'facebook' | 'instagram' | 'github' | 'linkedin';
|
|
4
4
|
export declare const idAndClassName: {
|