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,21 +1,11 @@
|
|
|
1
1
|
.classList {
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
margin-top: 1rem;
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
width: 100%;
|
|
6
6
|
|
|
7
7
|
background-color: var(--color-white);
|
|
8
8
|
|
|
9
|
-
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
10
|
-
|
|
11
|
-
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
12
|
-
|
|
13
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
14
|
-
|
|
15
|
-
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
16
|
-
|
|
17
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
18
|
-
|
|
19
9
|
cursor: pointer
|
|
20
10
|
}
|
|
21
11
|
|
|
@@ -44,17 +34,21 @@
|
|
|
44
34
|
|
|
45
35
|
position: absolute;
|
|
46
36
|
|
|
47
|
-
margin-left:
|
|
37
|
+
margin-left: 0.75rem;
|
|
38
|
+
|
|
39
|
+
margin-top: -0.75rem;
|
|
40
|
+
|
|
41
|
+
padding-left: 0.25rem;
|
|
48
42
|
|
|
49
|
-
|
|
43
|
+
padding-right: 0.25rem;
|
|
50
44
|
|
|
51
|
-
|
|
45
|
+
border-radius: 1rem;
|
|
52
46
|
|
|
53
47
|
background-color: var(--color-white);
|
|
54
48
|
|
|
55
|
-
font-size:
|
|
49
|
+
font-size: 16px;
|
|
56
50
|
|
|
57
|
-
font-weight:
|
|
51
|
+
font-weight: 400
|
|
58
52
|
}
|
|
59
53
|
|
|
60
54
|
.label {
|
|
@@ -72,21 +66,25 @@
|
|
|
72
66
|
|
|
73
67
|
width: 100%;
|
|
74
68
|
|
|
75
|
-
border-radius: 0.
|
|
76
|
-
|
|
77
|
-
border-color: var(--color-ink);
|
|
69
|
+
border-radius: 0.375rem;
|
|
78
70
|
|
|
79
71
|
background-color: var(--color-white);
|
|
80
72
|
|
|
81
|
-
padding-top:
|
|
73
|
+
padding-top: 0.5rem;
|
|
82
74
|
|
|
83
|
-
padding-bottom: 0.
|
|
75
|
+
padding-bottom: 0.5rem;
|
|
84
76
|
|
|
85
77
|
padding-left: 1rem;
|
|
86
78
|
|
|
87
79
|
color: var(--color-ink);
|
|
88
80
|
|
|
89
|
-
cursor: pointer
|
|
81
|
+
cursor: pointer;
|
|
82
|
+
|
|
83
|
+
border-width: 1px;
|
|
84
|
+
|
|
85
|
+
border-color: var(--color-black);
|
|
86
|
+
|
|
87
|
+
font-size: 22px
|
|
90
88
|
}
|
|
91
89
|
|
|
92
90
|
/* .value:focus {
|
|
@@ -96,4 +94,37 @@
|
|
|
96
94
|
.value:focus ~ label {
|
|
97
95
|
@apply text-xl;
|
|
98
96
|
} */
|
|
97
|
+
|
|
98
|
+
.errors {
|
|
99
|
+
|
|
100
|
+
font-size: 16px;
|
|
101
|
+
|
|
102
|
+
font-weight: 400;
|
|
103
|
+
|
|
104
|
+
color: var(--color-error)
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.errorState {
|
|
108
|
+
|
|
109
|
+
border-width: 2px;
|
|
110
|
+
|
|
111
|
+
border-color: var(--color-error)
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.labelError {
|
|
115
|
+
|
|
116
|
+
color: var(--color-error)
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.errorText {
|
|
120
|
+
|
|
121
|
+
margin-top: 0.25rem;
|
|
122
|
+
|
|
123
|
+
border-left-width: 4px;
|
|
124
|
+
|
|
125
|
+
border-color: var(--color-error);
|
|
126
|
+
|
|
127
|
+
padding-left: 0.75rem
|
|
128
|
+
}
|
|
129
|
+
|
|
99
130
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI/B;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;AAInC;;AAEA;;AAGI;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMxD;;;;;;GAMG;;AAGC;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white mt-4;\n @apply cursor-pointer;\n}\n\n/* .classList:active p {\n @apply hidden;\n} \n\n.classList:active .value {\n @apply pt-3 pb-4;\n} */\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelWrapper {\n @apply px-1 ml-3 absolute -mt-3;\n @apply bg-white text-sm font-regular rounded-2xl;\n}\n\n.label {\n\n}\n\n.required {\n @apply text-error font-semiBold;\n}\n\n.value {\n @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n @apply cursor-pointer;\n @apply border border-black;\n @apply text-md;\n}\n\n/* .value:focus {\n @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n @apply text-xl;\n} */\n\n.errors {\n @apply text-error text-sm font-regular;\n}\n\n.errorState {\n @apply border-2 border-error;\n}\n\n.labelError {\n @apply text-error;\n}\n\n.errorText {\n @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
visible?: boolean;
|
|
5
|
+
onOverlayClick?: () => void;
|
|
6
|
+
mobileGutter?: boolean;
|
|
7
|
+
animationStyle?: 'fade' | 'slideBottom';
|
|
8
|
+
}
|
|
9
|
+
declare const Modal: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle }: Props) => JSX.Element;
|
|
10
|
+
export default Modal;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const Modal = ({ id, className, children, visible = false, onOverlayClick, mobileGutter, animationStyle = 'fade' }) => {
|
|
5
|
+
const [hidden, setHidden] = useState(!visible);
|
|
6
|
+
const [showModal, setShowModal] = useState(visible);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
let timeoutId;
|
|
9
|
+
if (visible) {
|
|
10
|
+
setHidden(false);
|
|
11
|
+
timeoutId = setTimeout(() => {
|
|
12
|
+
setShowModal(true);
|
|
13
|
+
}, 100);
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
setShowModal(false);
|
|
17
|
+
timeoutId = setTimeout(() => {
|
|
18
|
+
setHidden(true);
|
|
19
|
+
}, 300);
|
|
20
|
+
}
|
|
21
|
+
return () => {
|
|
22
|
+
clearTimeout(timeoutId);
|
|
23
|
+
};
|
|
24
|
+
}, [visible]);
|
|
25
|
+
const classList = classNames({
|
|
26
|
+
[style.visible]: !hidden && showModal
|
|
27
|
+
}, style.overlay, className);
|
|
28
|
+
const childrenClassList = classNames({
|
|
29
|
+
[style.visible]: showModal,
|
|
30
|
+
[style.mobileGutter]: mobileGutter,
|
|
31
|
+
[style.slideBottom]: animationStyle === 'slideBottom'
|
|
32
|
+
}, style.children);
|
|
33
|
+
if (hidden)
|
|
34
|
+
return React.createElement(React.Fragment, null);
|
|
35
|
+
return (React.createElement(React.Fragment, null,
|
|
36
|
+
React.createElement("div", { id: id, className: classList, onClick: onOverlayClick }),
|
|
37
|
+
children && React.createElement("div", { className: childrenClassList }, children)));
|
|
38
|
+
};
|
|
39
|
+
export default Modal;
|
|
40
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +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;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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
.overlay {
|
|
2
|
+
display: block;
|
|
3
|
+
height: 100vh;
|
|
4
|
+
width: 100vw;
|
|
5
|
+
position: fixed;
|
|
6
|
+
top: 0px;
|
|
7
|
+
right: 0px;
|
|
8
|
+
z-index: 50;
|
|
9
|
+
background: rgba(0, 0, 0, 0.6);
|
|
10
|
+
opacity: 0;
|
|
11
|
+
transition-property: opacity;
|
|
12
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
13
|
+
transition-duration: 300ms;
|
|
14
|
+
transition-timing-function: linear;
|
|
15
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.children {
|
|
19
|
+
margin-left: auto;
|
|
20
|
+
margin-right: auto;
|
|
21
|
+
display: flex;
|
|
22
|
+
width: 100%
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@media (min-width: 768px) {
|
|
26
|
+
|
|
27
|
+
.children {
|
|
28
|
+
width: auto
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.children {
|
|
33
|
+
position: fixed;
|
|
34
|
+
top: 50%;
|
|
35
|
+
left: 50%;
|
|
36
|
+
z-index: 50;
|
|
37
|
+
display: block;
|
|
38
|
+
--tw-translate-x: -50%;
|
|
39
|
+
--tw-translate-y: -50%;
|
|
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));
|
|
41
|
+
opacity: 0;
|
|
42
|
+
transition-property: opacity;
|
|
43
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
44
|
+
transition-duration: 300ms;
|
|
45
|
+
transition-timing-function: linear;
|
|
46
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
47
|
+
}
|
|
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
|
+
|
|
62
|
+
.visible {
|
|
63
|
+
opacity: 1
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.hide {
|
|
67
|
+
display: none
|
|
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
|
+
}
|
|
85
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -26,7 +26,8 @@ const Select = ({ id, className, options, label, onClick, required = false, full
|
|
|
26
26
|
React.createElement("p", { className: style.value }, value)),
|
|
27
27
|
React.createElement(Icon, { className: style.icon, bgColour: 'white', colour: 'ink', hoverBgColour: 'white', hoverColour: 'ink', type: 'chevron-down' })),
|
|
28
28
|
showDropDown &&
|
|
29
|
-
React.createElement("
|
|
29
|
+
React.createElement("div", { className: classNames(style.dropdownWrapper, fullWidthClasses, theme) },
|
|
30
|
+
React.createElement("ul", { className: dropdownClassList }, options === null || options === void 0 ? void 0 : options.map((option, i) => React.createElement("li", { key: `key_${i}`, className: dropdownItemClassList, value: option, onClick: (e) => handleOptionClick(e) }, option))))));
|
|
30
31
|
};
|
|
31
32
|
export default Select;
|
|
32
33
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAcxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC,CAAA;IAEhD,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,iBAAiB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAC/E,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;YAE7C,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;oBACrC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;gBACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAClC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY;YACX,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAClC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAEnC,MAAM,CACJ,CACN,CACE,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAcxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC,CAAA;IAEhD,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,iBAAiB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAC/E,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;YAE7C,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;oBACrC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;gBACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAClC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAgB,EAAE,KAAK,CAAC;gBACxE,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAClC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAEnC,MAAM,CACJ,CACN,CACE,CACD,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -64,10 +64,6 @@
|
|
|
64
64
|
font-weight: 100
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
.label {
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
|
|
71
67
|
.required {
|
|
72
68
|
|
|
73
69
|
font-weight: 600;
|
|
@@ -101,8 +97,21 @@
|
|
|
101
97
|
margin-bottom: auto
|
|
102
98
|
}
|
|
103
99
|
|
|
100
|
+
.dropdownWrapper {
|
|
101
|
+
|
|
102
|
+
position: relative;
|
|
103
|
+
|
|
104
|
+
z-index: 20
|
|
105
|
+
}
|
|
106
|
+
|
|
104
107
|
.optionList {
|
|
105
108
|
|
|
109
|
+
position: absolute;
|
|
110
|
+
|
|
111
|
+
width: 100%;
|
|
112
|
+
|
|
113
|
+
background-color: var(--color-white);
|
|
114
|
+
|
|
106
115
|
margin-top: 0.5rem;
|
|
107
116
|
|
|
108
117
|
border-radius: 1rem;
|
|
@@ -119,7 +128,11 @@
|
|
|
119
128
|
|
|
120
129
|
border-width: 1px;
|
|
121
130
|
|
|
122
|
-
border-color: var(--color-lightest-grey)
|
|
131
|
+
border-color: var(--color-lightest-grey);
|
|
132
|
+
|
|
133
|
+
height: 16rem;
|
|
134
|
+
|
|
135
|
+
overflow: scroll
|
|
123
136
|
}
|
|
124
137
|
|
|
125
138
|
.option {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Select/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB,aAAwD;;IAAxD,eAAwD;;IAAxD,mBAAwD;;IAAxD,8BAAwD;;IAAxD,kBAAwD;;IAAxD;AAFiC;;AAMjC;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAoD;;IAApD,kBAAoD;;IAApD,aAAoD;;IAApD,oCAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Select/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB,aAAwD;;IAAxD,eAAwD;;IAAxD,mBAAwD;;IAAxD,8BAAwD;;IAAxD,kBAAwD;;IAAxD;AAFiC;;AAMjC;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAoD;;IAApD,kBAAoD;;IAApD,aAAoD;;IAApD,oCAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sBAAwD;;IAAxD,8BAAwD;;IAAxD,oCAAwD;;IAAxD,mBAAwD;;IAAxD,uBAAwD;;IAAxD,uBAAwD;;IACxD,aAA2B;;IAA3B;AADwD;;AAKxD;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAA+B;;IAA/B,WAA+B;;IAA/B,oCAA+B;;IAC/B,kBAA4B;;IAA5B,mBAA4B;;IAA5B,iBAA4B;;IAA5B,oBAA4B;;IAC5B,gFAAgB;;IAAhB,oGAAgB;;IAAhB,uGAAgB;;IAChB,iBAAkC;;IAAlC,wCAAkC;;IAClC,aAA2B;;IAA3B;AAJ+B;;AAQ/B;;IAAA,oCAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA,4CAA+C;;IAC/C;AAD+C;;AAE/C;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white rounded-xl;\n @apply drop-shadow shadow;\n @apply flex flex-row justify-between px-4 cursor-pointer;\n}\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelContainer {\n @apply flex flex-col;\n}\n\n.labelWrapper {\n @apply absolute mt-2 bg-white text-xs font-thin flex;\n}\n\n.required {\n @apply text-error font-semiBold;\n}\n\n.value {\n @apply pt-6 pb-1 border-ink rounded-xl text-ink bg-white;\n @apply flex justify-between;\n}\n\n.icon {\n @apply my-auto;\n}\n\n.dropdownWrapper {\n @apply relative z-20;\n}\n\n.optionList {\n @apply absolute bg-white w-full;\n @apply rounded-2xl mt-2 py-4;\n @apply shadow-xl;\n @apply border border-lightest-grey;\n @apply h-64 overflow-scroll;\n}\n\n.option {\n @apply bg-white text-ink hover:bg-lightest-grey;\n @apply hover:cursor-pointer;\n @apply px-4 py-2;\n}\n"]}
|
|
@@ -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,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import Container from '../Container/Container';
|
|
4
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
|
+
import Icon from '../Icon/Icon';
|
|
6
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, image, size = 'large', theme = 'theme-rupertbennett', withArrow = false, avatar }) => {
|
|
7
|
+
const classList = classNames(className);
|
|
8
|
+
const containerSize = size === 'small' ? 'h-56' : size === 'medium' ? 'h-96' : 'h-[calc(100vh-176px)]';
|
|
9
|
+
const imagePadding = size === 'small' ? 'py-0' : size === 'medium' ? 'py-8' : 'py-32';
|
|
10
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour, theme: theme },
|
|
11
|
+
React.createElement(Container, { className: `md:flex flex-wrap text-justify ${containerSize}` },
|
|
12
|
+
React.createElement("div", { className: 'w-1/2 m-auto pl-36' },
|
|
13
|
+
React.createElement("h2", { className: 'font-bold text-xxl text-primary leading-tight' }, title),
|
|
14
|
+
React.createElement("h2", { className: 'font-bold text-xxl text-black leading-tight' }, subTitle),
|
|
15
|
+
React.createElement("p", { className: 'text-md text-black pt-4' }, description)),
|
|
16
|
+
React.createElement("div", { className: `w-1/2 px-12 ${imagePadding}` },
|
|
17
|
+
React.createElement("img", { className: 'contain mx-auto overflow-hidden h-96', src: avatar })),
|
|
18
|
+
withArrow &&
|
|
19
|
+
React.createElement("div", { className: 'w-full' },
|
|
20
|
+
React.createElement(Icon, { theme: theme, className: 'mx-auto', size: 2, rounded: true, type: 'chevron-down' })))));
|
|
21
|
+
};
|
|
22
|
+
export default Showcase;
|
|
23
|
+
//# 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,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAgBxC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,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;IACvC,MAAM,aAAa,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAA;IACtG,MAAM,YAAY,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAErF,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,kCAAkC,aAAa,EAAE;YACrE,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,4BAAI,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAM;gBAC1E,4BAAI,SAAS,EAAC,6CAA6C,IAAE,QAAQ,CAAM;gBAC3E,2BAAG,SAAS,EAAC,yBAAyB,IAAE,WAAW,CAAK,CACpD;YACN,6BAAK,SAAS,EAAE,eAAe,YAAY,EAAE;gBAC3C,6BAAK,SAAS,EAAC,sCAAsC,EAAC,GAAG,EAAE,MAAM,GAAI,CACjE;YACL,SAAS;gBACR,6BAAK,SAAS,EAAC,QAAQ;oBACrB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,QAAC,IAAI,EAAC,cAAc,GAAG,CAC3E,CACE,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
.primary {
|
|
2
|
+
|
|
3
|
+
background-color: var(--color-primary);
|
|
4
|
+
|
|
5
|
+
color: var(--color-white)
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.primary:hover {
|
|
9
|
+
|
|
10
|
+
border-color: var(--color-white)
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.secondary {
|
|
14
|
+
|
|
15
|
+
background-color: var(--color-secondary);
|
|
16
|
+
|
|
17
|
+
color: var(--color-white)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.secondary:hover {
|
|
21
|
+
|
|
22
|
+
border-color: var(--color-white)
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.white {
|
|
26
|
+
|
|
27
|
+
background-color: var(--color-white)
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.white:hover {
|
|
31
|
+
|
|
32
|
+
border-color: var(--color-black)
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.black {
|
|
36
|
+
|
|
37
|
+
background-color: var(--color-black);
|
|
38
|
+
|
|
39
|
+
color: var(--color-white)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.black:hover {
|
|
43
|
+
|
|
44
|
+
border-color: var(--color-white)
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.bordered {
|
|
48
|
+
|
|
49
|
+
border-width: 4px;
|
|
50
|
+
|
|
51
|
+
border-color: var(--color-transparent)
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.fontBold {
|
|
55
|
+
|
|
56
|
+
font-weight: 700
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.textCenter {
|
|
60
|
+
|
|
61
|
+
text-align: center
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.titleClassList {
|
|
65
|
+
|
|
66
|
+
overflow-wrap: break-word;
|
|
67
|
+
|
|
68
|
+
font-size: 28px;
|
|
69
|
+
|
|
70
|
+
font-weight: 300
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.textClassList {
|
|
74
|
+
|
|
75
|
+
margin-top: 0.5rem;
|
|
76
|
+
|
|
77
|
+
padding-top: 0.5rem;
|
|
78
|
+
|
|
79
|
+
font-size: 22px;
|
|
80
|
+
|
|
81
|
+
font-weight: 300
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.wrapperClassList {
|
|
85
|
+
|
|
86
|
+
border-width: 4px;
|
|
87
|
+
|
|
88
|
+
border-color: var(--color-transparent)
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.horizontalWrapperClassList {
|
|
92
|
+
|
|
93
|
+
display: flex;
|
|
94
|
+
|
|
95
|
+
flex-wrap: wrap;
|
|
96
|
+
|
|
97
|
+
justify-content: center
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@media (min-width: 768px) {
|
|
101
|
+
|
|
102
|
+
.horizontalWrapperClassList {
|
|
103
|
+
|
|
104
|
+
align-items: center
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.liveUpdatesWrapperClassList:hover {
|
|
109
|
+
|
|
110
|
+
border-width: 4px;
|
|
111
|
+
|
|
112
|
+
border-style: dashed
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@media (min-width: 768px) {
|
|
116
|
+
|
|
117
|
+
.horizontalTextWrapperClassList {
|
|
118
|
+
|
|
119
|
+
width: 50%;
|
|
120
|
+
|
|
121
|
+
text-align: center
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.horizontalTitleWrapperClassList {
|
|
125
|
+
|
|
126
|
+
width: 50%;
|
|
127
|
+
|
|
128
|
+
text-align: center
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.buttonWrapper {
|
|
133
|
+
|
|
134
|
+
padding-bottom: 2rem;
|
|
135
|
+
|
|
136
|
+
text-align: center
|
|
137
|
+
}
|
|
138
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAmB;;AAInB;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA;AAAmB;;AAInB;;IAAA;AAAe;;AAIf;;IAAA;AAAmB;;AAInB;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAmB;;AAInB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAAqC;;IAArC,eAAqC;;IAArC;AAAqC;;AAIrC;;IAAA,kBAAmC;;IAAnC,mBAAmC;;IAAnC,eAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;;QAAA,UAA8B;;QAA9B;IAA8B;;IAI9B;;QAAA,UAA8B;;QAA9B;IAA8B;AAJA;;AAQ9B;;IAAA,oBAAuB;;IAAvB;AAAuB","file":"style.module.css","sourcesContent":[".primary {\n @apply bg-primary text-white;\n}\n\n.primary:hover {\n @apply border-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.secondary:hover {\n @apply border-white;\n}\n\n.white {\n @apply bg-white;\n}\n\n.white:hover {\n @apply border-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.black:hover {\n @apply border-white;\n}\n\n.bordered {\n @apply border-4 border-transparent;\n}\n\n.fontBold {\n @apply font-bold;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.titleClassList {\n @apply text-lg font-light break-words;\n}\n\n.textClassList {\n @apply text-md font-light pt-2 mt-2;\n}\n\n.wrapperClassList {\n @apply border-4 border-transparent;\n}\n\n.horizontalWrapperClassList {\n @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n @apply border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n @apply md:w-1/2 md:text-center;\n}\n\n.horizontalTitleWrapperClassList {\n @apply md:w-1/2 md:text-center;\n}\n\n.buttonWrapper {\n @apply text-center pb-8;\n}"]}
|
package/dist/src/lib/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ import Column from "./components/Column/Column";
|
|
|
15
15
|
import Container from "./components/Container/Container";
|
|
16
16
|
import DetailUpdater from "./components/DetailUpdater/DetailUpdater";
|
|
17
17
|
import DynamicTextSection from "./components/DynamicTextSection/DynamicTextSection";
|
|
18
|
+
import Dialog from "./components/Dialog/Dialog";
|
|
18
19
|
import DropdownMenu from "./components/DropdownMenu/DropdownMenu";
|
|
19
20
|
import FilterItem from "./components/FilterItem/FilterItem";
|
|
20
21
|
import Form from "./components/Form/Form";
|
|
@@ -33,6 +34,7 @@ import InformationIcon from "./components/InformationIcon/InformationIcon";
|
|
|
33
34
|
import Input from "./components/Input/Input";
|
|
34
35
|
import Jumbotron from "./components/Jumbotron/Jumbotron";
|
|
35
36
|
import MenuButton from "./components/MenuButton/MenuButton";
|
|
37
|
+
import Modal from "./components/Modal/Modal";
|
|
36
38
|
import Nav from "./components/Nav/Nav";
|
|
37
39
|
import NavItem from "./components/NavItem/NavItem";
|
|
38
40
|
import NewsCard from "./components/NewsCard/NewsCard";
|
|
@@ -40,6 +42,7 @@ import Pill from "./components/Pill/Pill";
|
|
|
40
42
|
import Profile from "./components/Profile/Profile";
|
|
41
43
|
import Row from "./components/Row/Row";
|
|
42
44
|
import Search from "./components/Search/Search";
|
|
45
|
+
import Select from "./components/Select/Select";
|
|
43
46
|
import SocialBlock from "./components/SocialBlock/SocialBlock";
|
|
44
47
|
import StarRating from "./components/StarRating/StarRating";
|
|
45
48
|
import Testimonial from "./components/Testimonial/Testimonial";
|
|
@@ -49,4 +52,4 @@ import Timeline from "./components/Timeline/Timeline";
|
|
|
49
52
|
import Tubestops from "./components/Tubestops/Tubestops";
|
|
50
53
|
import UserIcon from "./components/UserIcon/UserIcon";
|
|
51
54
|
import Video from "./components/Video/Video";
|
|
52
|
-
export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Calendar, Card, CardWithTopImage, Checkbox, Carousel, CarouselThumbnail, Collapsible, Column, Container, DetailUpdater, DynamicTextSection, DropdownMenu, FilterItem, Form, FooterBar, FooterNav, FooterNavItem, FyreCard, Greeting, HorizontalLine, Icon, IconCard, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, MenuButton, Nav, NavItem, NewsCard, Pill, Profile, Row, Search, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, Tubestops, UserIcon, Video };
|
|
55
|
+
export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Calendar, Card, CardWithTopImage, Checkbox, Carousel, CarouselThumbnail, Collapsible, Column, Container, DetailUpdater, DynamicTextSection, Dialog, DropdownMenu, FilterItem, Form, FooterBar, FooterNav, FooterNavItem, FyreCard, Greeting, HorizontalLine, Icon, IconCard, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, MenuButton, Modal, Nav, NavItem, NewsCard, Pill, Profile, Row, Search, Select, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, Tubestops, UserIcon, Video };
|