trepur_components 1.0.44 → 1.0.46
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.d.ts +15 -0
- package/dist/src/lib/components/Dialog/Dialog.js +33 -0
- package/dist/src/lib/components/Dialog/Dialog.js.map +1 -0
- package/dist/src/lib/components/Dialog/style.module.css +82 -0
- package/dist/src/lib/components/Dialog/style.module.css.map +1 -0
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js +5 -1
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.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 +3 -3
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +16 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/IconCard/IconCard.js +1 -1
- package/dist/src/lib/components/IconCard/IconCard.js.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -1
- package/dist/src/lib/components/Input/Input.js +14 -7
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +54 -23
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Modal/Modal.d.ts +10 -0
- package/dist/src/lib/components/Modal/Modal.js +40 -0
- package/dist/src/lib/components/Modal/Modal.js.map +1 -0
- package/dist/src/lib/components/Modal/style.module.css +85 -0
- package/dist/src/lib/components/Modal/style.module.css.map +1 -0
- 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/Select/Select.js +2 -1
- package/dist/src/lib/components/Select/Select.js.map +1 -1
- package/dist/src/lib/components/Select/style.module.css +18 -5
- package/dist/src/lib/components/Select/style.module.css.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.d.ts +17 -0
- package/dist/src/lib/components/Showcase/Showcase.js +23 -0
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -0
- package/dist/src/lib/components/Showcase/style.module.css +138 -0
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -0
- package/dist/src/lib/index.d.ts +4 -1
- package/dist/src/lib/index.js +4 -1
- package/dist/src/lib/index.js.map +1 -1
- 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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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Props as ButtonProps } from '../Button/Button';
|
|
3
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
4
|
+
export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
|
|
5
|
+
title: string;
|
|
6
|
+
paragraph: string;
|
|
7
|
+
dismissText: string;
|
|
8
|
+
onDismissClick?: () => void;
|
|
9
|
+
primaryCta?: ButtonProps;
|
|
10
|
+
secondaryCta?: ButtonProps;
|
|
11
|
+
theme?: ThemeTypes;
|
|
12
|
+
imageUrl?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const Dialog: ({ id, className, title, paragraph, dismissText, onDismissClick, primaryCta, secondaryCta, imageUrl, theme }: Props) => JSX.Element;
|
|
15
|
+
export default Dialog;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import Button from '../Button/Button';
|
|
5
|
+
import Image from '../Image/Image';
|
|
6
|
+
const Dialog = ({ id, className, title, paragraph, dismissText, onDismissClick, primaryCta, secondaryCta, imageUrl, theme = 'theme-letsgocamping' }) => {
|
|
7
|
+
const hasCta = Boolean(primaryCta === null || primaryCta === void 0 ? void 0 : primaryCta.children);
|
|
8
|
+
const hasCta2 = Boolean(secondaryCta === null || secondaryCta === void 0 ? void 0 : secondaryCta.children);
|
|
9
|
+
const ctaButton = hasCta &&
|
|
10
|
+
React.createElement(Button, Object.assign({}, primaryCta, { className: classNames({
|
|
11
|
+
[style.fullWidth]: hasCta2
|
|
12
|
+
}, primaryCta === null || primaryCta === void 0 ? void 0 : primaryCta.className, style.ctaBtn) }));
|
|
13
|
+
const ctaButton2 = hasCta2 &&
|
|
14
|
+
React.createElement(Button, Object.assign({}, secondaryCta, { className: classNames({
|
|
15
|
+
[style.fullWidth]: hasCta
|
|
16
|
+
}, secondaryCta === null || secondaryCta === void 0 ? void 0 : secondaryCta.className, style.cta2Btn) }));
|
|
17
|
+
const buttonWrapperClassList = classNames({
|
|
18
|
+
[style.fullWidth]: ctaButton2
|
|
19
|
+
}, style.buttonWrapper);
|
|
20
|
+
const titleClassList = classNames({}, style.title);
|
|
21
|
+
return (React.createElement("div", { id: id, className: classNames(style.dialog, className, theme) },
|
|
22
|
+
React.createElement("div", { className: style.headingWrapper },
|
|
23
|
+
imageUrl && React.createElement(Image, { src: imageUrl, height: 3, width: 3 }),
|
|
24
|
+
React.createElement("p", { className: style.dismissText, onClick: onDismissClick }, dismissText)),
|
|
25
|
+
React.createElement("p", { className: titleClassList }, title),
|
|
26
|
+
React.createElement("p", { className: style.paragraph }, paragraph),
|
|
27
|
+
(hasCta || hasCta2) &&
|
|
28
|
+
React.createElement("div", { className: buttonWrapperClassList },
|
|
29
|
+
ctaButton,
|
|
30
|
+
ctaButton2)));
|
|
31
|
+
};
|
|
32
|
+
export default Dialog;
|
|
33
|
+
//# sourceMappingURL=Dialog.js.map
|
|
@@ -0,0 +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;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"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
.dialog {
|
|
2
|
+
border-radius: 0.75rem;
|
|
3
|
+
background-color: var(--color-white);
|
|
4
|
+
color: var(--color-ink);
|
|
5
|
+
margin-left: auto;
|
|
6
|
+
margin-right: auto;
|
|
7
|
+
width: 100%;
|
|
8
|
+
padding: 1.5rem;
|
|
9
|
+
max-width: 608px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@media (min-width: 768px) {
|
|
13
|
+
.dialog {
|
|
14
|
+
width: 608px;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.headingWrapper {
|
|
19
|
+
position: relative;
|
|
20
|
+
padding-bottom: 0.5rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.dismissText {
|
|
24
|
+
position: absolute;
|
|
25
|
+
right: 0px;
|
|
26
|
+
top: 0px;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
font-size: 16px;
|
|
29
|
+
font-weight: 400;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.title {
|
|
33
|
+
font-size: 22px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.titlePadding {
|
|
38
|
+
padding-right: 16rem;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@media (min-width: 768px) {
|
|
42
|
+
|
|
43
|
+
.titlePadding {
|
|
44
|
+
padding-right: 20rem;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.paragraph {
|
|
49
|
+
padding-top: 0.25rem;
|
|
50
|
+
font-weight: 300;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.buttonWrapper {
|
|
54
|
+
display: flex;
|
|
55
|
+
flex-wrap: wrap;
|
|
56
|
+
padding-top: 1.5rem;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@media (min-width: 768px) {
|
|
60
|
+
|
|
61
|
+
.buttonWrapper {
|
|
62
|
+
flex-wrap: nowrap;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.fullWidth {
|
|
67
|
+
width: 100%;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.cta2Btn {
|
|
71
|
+
margin-top: 0.5rem;
|
|
72
|
+
width: 100%;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@media (min-width: 768px) {
|
|
76
|
+
|
|
77
|
+
.cta2Btn {
|
|
78
|
+
margin-top: 0px;
|
|
79
|
+
margin-left: 1.5rem;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
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}"]}
|
|
@@ -3,7 +3,11 @@ import Icon from '../Icon/Icon';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
5
|
const FooterNavItem = ({ id, className, title, iconProps, bgColour = 'white', hoverBgColour = 'secondary', colour = 'grey', hoverColour = 'white', theme = 'theme-letsgocamping', onClick, href }) => {
|
|
6
|
-
const
|
|
6
|
+
const formattedText = typeof colour === 'string' ? `text_${colour}` : 'text_primary';
|
|
7
|
+
const formattedBg = typeof bgColour === 'string' ? `bg_${bgColour}` : 'bg_secondary';
|
|
8
|
+
const formattedHoverText = typeof hoverColour === 'string' ? `hover_text_${hoverColour}` : 'hover_text_secondary';
|
|
9
|
+
const formattedHoverBg = typeof hoverBgColour === 'string' ? `hover_bg_${hoverBgColour}` : 'hover_bg_primary';
|
|
10
|
+
const classList = classNames(className, style.classList, style[formattedBg], style[formattedHoverBg], style[formattedText], style[formattedHoverText], theme);
|
|
7
11
|
return (React.createElement("div", { id: id, className: classList },
|
|
8
12
|
React.createElement("a", { href: href, onClick: onClick },
|
|
9
13
|
(iconProps !== undefined) &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterNavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterNavItem/FooterNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,aAAa,GAAG,WAAW,EAC3B,MAAM,GAAG,MAAM,EACf,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,IAAI,EACE,EAAe,EAAE;IACvB,MAAM,
|
|
1
|
+
{"version":3,"file":"FooterNavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterNavItem/FooterNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,aAAa,GAAG,WAAW,EAC3B,MAAM,GAAG,MAAM,EACf,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,IAAI,EACE,EAAe,EAAE;IACvB,MAAM,aAAa,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAC,CAAC,cAAc,CAAA;IACpF,MAAM,WAAW,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,CAAC,CAAC,cAAc,CAAA;IACpF,MAAM,kBAAkB,GAAG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,WAAW,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAA;IACjH,MAAM,gBAAgB,GAAG,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,aAAa,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAA;IAE7G,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,WAAW,CAAC,EAClB,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CAAC,aAAa,CAAC,EACpB,KAAK,CAAC,kBAAkB,CAAC,EACzB,KAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,2BAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;YAC5B,CAAC,SAAS,KAAK,SAAS,CAAC;gBACxB,oBAAC,IAAI,oBACC,SAAS,IACb,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,UACP;YACH,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAC5E,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -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,15 +1,15 @@
|
|
|
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;
|
|
8
8
|
const hoverBgColourString = hoverBgColour;
|
|
9
9
|
const fontColourKey = typeof colourString === 'string' ? `text${colourString.charAt(0).toUpperCase()}${colourString.slice(1)}` : 'textPrimary';
|
|
10
|
-
const backgroundColourKey = typeof bgColourString === 'string' ? `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}` : '
|
|
10
|
+
const backgroundColourKey = typeof bgColourString === 'string' ? `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}` : 'bgTransparent';
|
|
11
11
|
const hoverFontColourKey = typeof hoverColourString === 'string' ? `hoverText${hoverColourString.charAt(0).toUpperCase()}${hoverColourString.slice(1)}` : 'hoverTextPrimary';
|
|
12
|
-
const hoverBackgroundColourKey = typeof hoverBgColourString === 'string' ? `hoverBg${hoverBgColourString.charAt(0).toUpperCase()}${hoverBgColourString.slice(1)}` : '
|
|
12
|
+
const hoverBackgroundColourKey = typeof hoverBgColourString === 'string' ? `hoverBg${hoverBgColourString.charAt(0).toUpperCase()}${hoverBgColourString.slice(1)}` : 'hoverBgTransparent';
|
|
13
13
|
const wrapperClassList = classNames({
|
|
14
14
|
[style.sizeOne]: size === 1,
|
|
15
15
|
[style.sizeTwo]: size === 2,
|
|
@@ -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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"}
|
|
@@ -97,6 +97,10 @@
|
|
|
97
97
|
transition-duration: 500ms
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
+
.textTransparent {
|
|
101
|
+
|
|
102
|
+
color: var(--color-transparent)
|
|
103
|
+
}
|
|
100
104
|
.textPrimary {
|
|
101
105
|
|
|
102
106
|
color: var(--color-primary)
|
|
@@ -138,6 +142,10 @@
|
|
|
138
142
|
color: var(--color-error)
|
|
139
143
|
}
|
|
140
144
|
|
|
145
|
+
.bgTransparent {
|
|
146
|
+
|
|
147
|
+
background-color: var(--color-transparent)
|
|
148
|
+
}
|
|
141
149
|
.bgPrimary {
|
|
142
150
|
|
|
143
151
|
background-color: var(--color-primary)
|
|
@@ -179,6 +187,10 @@
|
|
|
179
187
|
background-color: var(--color-error)
|
|
180
188
|
}
|
|
181
189
|
|
|
190
|
+
.hoverTextTransparent:hover {
|
|
191
|
+
|
|
192
|
+
color: var(--color-transparent)
|
|
193
|
+
}
|
|
182
194
|
.hoverTextPrimary:hover {
|
|
183
195
|
|
|
184
196
|
color: var(--color-primary)
|
|
@@ -220,6 +232,10 @@
|
|
|
220
232
|
color: var(--color-error)
|
|
221
233
|
}
|
|
222
234
|
|
|
235
|
+
.hoverBgTransparent:hover {
|
|
236
|
+
|
|
237
|
+
background-color: var(--color-transparent)
|
|
238
|
+
}
|
|
223
239
|
.hoverBgPrimary:hover {
|
|
224
240
|
|
|
225
241
|
background-color: var(--color-primary)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,YAAc;;IAAd;AAAc;;AAId;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAGpB;;GAEG;;AAGC;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,YAAc;;IAAd;AAAc;;AAId;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAGpB;;GAEG;;AAGC;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGnB;;IAAA;AAAuB;AAC3B;;IAAA;AAAmB;AACjB;;IAAA;AAAqB;AACzB;;IAAA;AAAiB;AACjB;;IAAA;AAAiB;AAClB;;IAAA;AAAgB;AAChB;;IAAA;AAAsB;AAClB;;IAAA;AAAoB;AACR;;IAAA;AAAgC;AAC7C;;IAAA;AAAmB;AACrB;;IAAA;AAAiB;;AAEb;;IAAA;AAAqB;AACzB;;IAAA;AAAiB;AACf;;IAAA;AAAmB;AACvB;;IAAA;AAAe;AAChB;;IAAA;AAAe;AACf;;IAAA;AAAc;AACd;;IAAA;AAAoB;AAChB;;IAAA;AAAkB;AACN;;IAAA;AAA8B;AAC3C;;IAAA;AAAiB;AACnB;;IAAA;AAAe;;AAEF;;IAAA;AAA6B;AACjC;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AACtB;;IAAA;AAA4B;AACxB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;AACnD;;IAAA;AAAyB;AAC3B;;IAAA;AAAuB;;AAEnB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AACpB;;IAAA;AAA0B;AACtB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;AACjD;;IAAA;AAAuB;AACzB;;IAAA;AAAqB;;AAEjB;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AACtB;;IAAA;AAA4B;AACxB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;AACnD;;IAAA;AAAyB;AAC3B;;IAAA;AAAuB;;AAEvB;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AACpB;;IAAA;AAA0B;AACtB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;AACjD;;IAAA;AAAuB;AACzB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto my-auto;\n}\n\n.sizeOne {\n @apply w-6 h-6;\n}\n\n.sizeTwo {\n @apply w-8 h-8;\n}\n\n.sizeThree {\n @apply w-16 h-16;\n}\n\n.sizeFour {\n @apply w-20 h-20;\n}\n\n.sizeFive {\n @apply w-24 h-24;\n}\n\n.sizeSix {\n @apply w-28 h-28;\n}\n\n.sizeSeven {\n @apply w-32 h-32;\n}\n\n.sizeEight {\n @apply w-36 h-36;\n}\n\n.sizeNine {\n @apply w-40 h-40;\n}\n\n.sizeTen {\n @apply w-44 h-44;\n}\n\n/* .sizeTen {\n @apply w-48 h-48;\n} */\n\n.rounded {\n @apply rounded-full;\n}\n\n.wrapperClassList {\n @apply flex duration-500 transform;\n}\n\n.textTransparent { @apply text-transparent; }\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n.textGrey { @apply text-light-grey; }\n.textFacebook { @apply text-facebook; }\n.textInteractive-facebook { @apply text-interactive-facebook; }\n.textSuccess { @apply text-success; }\n.textError { @apply text-error; }\n\n.bgTransparent { @apply bg-transparent; }\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n.bgGrey { @apply bg-light-grey; }\n.bgFacebook { @apply bg-facebook; }\n.bgInteractive-facebook { @apply bg-interactive-facebook; }\n.bgSuccess { @apply bg-success; }\n.bgError { @apply bg-error; }\n\n.hoverTextTransparent { @apply hover:text-transparent; }\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n.hoverTextGrey { @apply hover:text-light-grey; }\n.hoverTextFacebook { @apply hover:text-facebook; }\n.hoverTextInteractive-facebook { @apply hover:text-interactive-facebook; }\n.hoverTextSuccess { @apply hover:text-success; }\n.hoverTextError { @apply hover:text-error; }\n\n.hoverBgTransparent { @apply hover:bg-transparent; }\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }\n.hoverBgGrey { @apply hover:bg-light-grey; }\n.hoverBgFacebook { @apply hover:bg-facebook; }\n.hoverBgInteractive-facebook { @apply hover:bg-interactive-facebook; }\n.hoverBgSuccess { @apply hover:bg-success; }\n.hoverBgError { @apply hover:bg-error; }\n\n.focusTextPrimary { @apply focus:text-primary; }\n.focusTextSecondary { @apply focus:text-secondary; }\n.focusTextWhite { @apply focus:text-white; }\n.focusTextlack { @apply focus:text-black; }\n.focusTextGold { @apply focus:text-gold; }\n.focusTextGrey { @apply focus:text-light-grey; }\n.focusTextFacebook { @apply focus:text-facebook; }\n.focusTextInteractive-facebook { @apply focus:text-interactive-facebook; }\n.focusTextSuccess { @apply focus:text-success; }\n.focusTextError { @apply focus:text-error; }\n\n.focusBgPrimary { @apply focus:bg-primary; }\n.focusBgSecondary { @apply focus:bg-secondary; }\n.focusBgWhite { @apply focus:bg-white; }\n.focusBglack { @apply focus:bg-black; }\n.focusBgGold { @apply focus:bg-gold; }\n.focusBgGrey { @apply focus:bg-light-grey; }\n.focusBgFacebook { @apply focus:bg-facebook; }\n.focusBgInteractive-facebook { @apply focus:bg-interactive-facebook; }\n.focusBgSuccess { @apply focus:bg-success; }\n.focusBgError { @apply focus:bg-error; }"]}
|
|
@@ -12,7 +12,7 @@ const IconCard = ({ id, className, title, description, iconProps, theme = 'theme
|
|
|
12
12
|
}
|
|
13
13
|
return (React.createElement(Tag, Object.assign({ id: id, className: classList, onClick: onClick }, attributes),
|
|
14
14
|
React.createElement("div", { className: style.iconWrapper },
|
|
15
|
-
React.createElement(Icon, Object.assign({}, iconProps, { size: 2
|
|
15
|
+
React.createElement(Icon, Object.assign({}, iconProps, { size: 2 }))),
|
|
16
16
|
React.createElement("p", { className: style.title }, title),
|
|
17
17
|
React.createElement("p", { className: style.description }, description)));
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/IconCard/IconCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,EACT,KAAK,GAAG,qBAAqB,EAC7B,IAAI,EACJ,MAAM,EACN,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAE7D,IAAI,GAAG,GAAmD,KAAK,CAAA;IAC/D,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACpC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KACrC;IAED,OAAO,CACL,oBAAC,GAAG,kBACF,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,UAAU;QAEd,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,oBACC,SAAS,IACb,IAAI,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"IconCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/IconCard/IconCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,EACT,KAAK,GAAG,qBAAqB,EAC7B,IAAI,EACJ,MAAM,EACN,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAE7D,IAAI,GAAG,GAAmD,KAAK,CAAA;IAC/D,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACpC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KACrC;IAED,OAAO,CACL,oBAAC,GAAG,kBACF,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,UAAU;QAEd,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,oBACC,SAAS,IACb,IAAI,EAAE,CAAC,IACP,CACE;QACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;QACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -22,10 +22,11 @@ export interface Props {
|
|
|
22
22
|
onFocus?: () => void;
|
|
23
23
|
onClick?: () => void;
|
|
24
24
|
errors?: string[];
|
|
25
|
+
errorState?: boolean;
|
|
25
26
|
value?: string;
|
|
26
27
|
bgColour?: Colours;
|
|
27
28
|
theme?: ThemeTypes;
|
|
28
29
|
fullWidth?: boolean;
|
|
29
30
|
}
|
|
30
|
-
declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, value, fullWidth, theme }: Props) => JSX.Element;
|
|
31
|
+
declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, fullWidth, theme }: Props) => JSX.Element;
|
|
31
32
|
export default Input;
|
|
@@ -1,25 +1,32 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, value, fullWidth = false, theme = 'theme-rupertbennett' }) => {
|
|
4
|
+
const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, fullWidth = false, theme = 'theme-rupertbennett' }) => {
|
|
5
5
|
const newId = id !== undefined ? `-${id}` : '';
|
|
6
6
|
const fullWidthClasses = classNames({
|
|
7
7
|
[style.fullWidth]: fullWidth,
|
|
8
8
|
[style.notFullWidth]: !fullWidth
|
|
9
9
|
});
|
|
10
|
+
const valueClassList = classNames({
|
|
11
|
+
[style.errorState]: (errors != null) || errorState
|
|
12
|
+
}, style.value);
|
|
13
|
+
const labelClassList = classNames({
|
|
14
|
+
[style.labelError]: (errors != null) || errorState
|
|
15
|
+
}, style.label);
|
|
10
16
|
const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
|
|
11
17
|
const btnRef = useRef(null);
|
|
12
18
|
const handleClick = () => {
|
|
13
19
|
var _a;
|
|
14
20
|
(_a = btnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
15
21
|
};
|
|
16
|
-
return (React.createElement(
|
|
17
|
-
React.createElement("div", { className:
|
|
18
|
-
React.createElement("
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
return (React.createElement(React.Fragment, null,
|
|
23
|
+
React.createElement("div", { id: id, className: headerClassList, onClick: handleClick },
|
|
24
|
+
React.createElement("div", { className: style.labelWrapper },
|
|
25
|
+
React.createElement("p", { className: labelClassList }, label),
|
|
26
|
+
required && React.createElement("p", { className: style.required }, "\u00A0*")),
|
|
27
|
+
React.createElement("input", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e), onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
|
|
21
28
|
withValidation === true &&
|
|
22
|
-
React.createElement("div", { id: `errors${newId}
|
|
29
|
+
React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
23
30
|
return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
|
|
24
31
|
}))));
|
|
25
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|