trepur_components 1.0.30 → 1.0.32
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/Card/Card.js +1 -1
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.js +0 -3
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.d.ts +55 -0
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +165 -0
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -0
- package/dist/src/lib/components/CarouselThumbnail/style.module.css +89 -0
- package/dist/src/lib/components/CarouselThumbnail/style.module.css.map +1 -0
- package/dist/src/lib/components/Input/style.module.css +1 -5
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ const Card = ({ id, className, imageProps, videoProps, title, subTitle, descript
|
|
|
14
14
|
let attributes = {};
|
|
15
15
|
if (Boolean(href) || Boolean(target)) {
|
|
16
16
|
Tag = 'a';
|
|
17
|
-
attributes = { href, title, target:
|
|
17
|
+
attributes = { href, title, target: target };
|
|
18
18
|
}
|
|
19
19
|
const shouldDisplayButton = (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
|
|
20
20
|
(buttonProps.href !== undefined || buttonProps.onClick !== undefined) &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AAEpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAChD,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACxD,MAAM,wBAAwB,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IACvD,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,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -90,7 +90,6 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
90
90
|
vertical,
|
|
91
91
|
slideChanged(slider) {
|
|
92
92
|
var _a, _b;
|
|
93
|
-
console.log({ slider });
|
|
94
93
|
if (((_b = (_a = slider.slides[slider.track.details.rel]) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.nodeName) === 'DIV') {
|
|
95
94
|
offset = 1;
|
|
96
95
|
}
|
|
@@ -125,7 +124,6 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
125
124
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next();
|
|
126
125
|
// when navigating with the tab key, it forces the dots to update when
|
|
127
126
|
// you tab to the last carousel item when loop is set to false
|
|
128
|
-
console.log({ slides });
|
|
129
127
|
if (loop === false && slides !== undefined && currentSlide === slides.length - 2) {
|
|
130
128
|
// if(slides[slider.track.details.rel]?.firstChild?.nodeName === 'DIV') {
|
|
131
129
|
// offset = 1
|
|
@@ -144,7 +142,6 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
144
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) => {
|
|
145
143
|
var _a, _b, _c, _d, _e;
|
|
146
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;
|
|
147
|
-
console.log({ currentSlide, idx });
|
|
148
145
|
return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: !loop
|
|
149
146
|
? currentSlide === idx
|
|
150
147
|
: currentSlide + 4 <= numberOfSlides
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'keen-slider/keen-slider.min.css';
|
|
3
|
+
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
|
|
4
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
5
|
+
export interface Props {
|
|
6
|
+
id?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
slideWrapperClassName?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
bgColour?: Colours;
|
|
12
|
+
breakpoints?: {
|
|
13
|
+
[key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>;
|
|
14
|
+
};
|
|
15
|
+
defaultAnimation?: {
|
|
16
|
+
duration?: number;
|
|
17
|
+
easing?: (t: number) => number;
|
|
18
|
+
};
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
drag?: boolean;
|
|
21
|
+
dragSpeed?: number;
|
|
22
|
+
initial?: number;
|
|
23
|
+
loop?: boolean;
|
|
24
|
+
mode?: 'snap' | 'free' | 'free-snap';
|
|
25
|
+
range?: {
|
|
26
|
+
align?: boolean;
|
|
27
|
+
min?: number;
|
|
28
|
+
max?: number;
|
|
29
|
+
};
|
|
30
|
+
renderMode?: 'precision' | 'performance' | 'custom';
|
|
31
|
+
rtl?: boolean;
|
|
32
|
+
rubberband?: boolean;
|
|
33
|
+
slides?: any[];
|
|
34
|
+
vertical?: boolean;
|
|
35
|
+
animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
36
|
+
animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
37
|
+
animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
38
|
+
created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
39
|
+
destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
40
|
+
detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
41
|
+
dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
42
|
+
dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
43
|
+
dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
44
|
+
dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
45
|
+
beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
46
|
+
optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
47
|
+
slideChanged?: boolean;
|
|
48
|
+
updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
49
|
+
spacing?: number;
|
|
50
|
+
number?: number;
|
|
51
|
+
origin?: number | 'auto' | 'center';
|
|
52
|
+
theme?: ThemeTypes;
|
|
53
|
+
}
|
|
54
|
+
declare const CarouselThumbnail: React.FC<Props>;
|
|
55
|
+
export default CarouselThumbnail;
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import 'keen-slider/keen-slider.min.css';
|
|
3
|
+
import { useKeenSlider } from 'keen-slider/react';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import style from './style.module.css';
|
|
6
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
7
|
+
import screens from '../../utils/screens';
|
|
8
|
+
const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, spacing, number, origin, theme = 'theme-rupertbennett' }) => {
|
|
9
|
+
const classList = classNames(className);
|
|
10
|
+
const [currentSlide, setCurrentSlide] = useState(0);
|
|
11
|
+
const [loaded, setLoaded] = useState(false);
|
|
12
|
+
function WheelControls(slider) {
|
|
13
|
+
let touchTimeout;
|
|
14
|
+
let position;
|
|
15
|
+
let wheelActive;
|
|
16
|
+
function dispatch(e, name) {
|
|
17
|
+
position.x -= e.deltaX;
|
|
18
|
+
position.y -= e.deltaY;
|
|
19
|
+
slider.container.dispatchEvent(new CustomEvent(name, {
|
|
20
|
+
detail: {
|
|
21
|
+
x: position.x,
|
|
22
|
+
y: position.y
|
|
23
|
+
}
|
|
24
|
+
}));
|
|
25
|
+
}
|
|
26
|
+
function wheelStart(e) {
|
|
27
|
+
position = {
|
|
28
|
+
x: e.pageX,
|
|
29
|
+
y: e.pageY
|
|
30
|
+
};
|
|
31
|
+
dispatch(e, 'ksDragStart');
|
|
32
|
+
}
|
|
33
|
+
function wheel(e) {
|
|
34
|
+
dispatch(e, 'ksDrag');
|
|
35
|
+
}
|
|
36
|
+
function wheelEnd(e) {
|
|
37
|
+
dispatch(e, 'ksDragEnd');
|
|
38
|
+
}
|
|
39
|
+
function eventWheel(e) {
|
|
40
|
+
if (!wheelActive) {
|
|
41
|
+
wheelStart(e);
|
|
42
|
+
wheelActive = true;
|
|
43
|
+
}
|
|
44
|
+
wheel(e);
|
|
45
|
+
clearTimeout(touchTimeout);
|
|
46
|
+
touchTimeout = setTimeout(() => {
|
|
47
|
+
wheelActive = false;
|
|
48
|
+
wheelEnd(e);
|
|
49
|
+
}, 50);
|
|
50
|
+
}
|
|
51
|
+
slider.on('created', () => {
|
|
52
|
+
slider.container.addEventListener('wheel', eventWheel, {
|
|
53
|
+
passive: true
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
function ThumbnailPlugin(mainRef) {
|
|
58
|
+
return (slider) => {
|
|
59
|
+
function removeActive() {
|
|
60
|
+
slider.slides.forEach((slide) => {
|
|
61
|
+
slide.classList.remove("active");
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
function addActive(idx) {
|
|
65
|
+
slider.slides[idx].classList.add("active");
|
|
66
|
+
}
|
|
67
|
+
function addClickEvents() {
|
|
68
|
+
slider.slides.forEach((slide, idx) => {
|
|
69
|
+
slide.addEventListener("click", () => {
|
|
70
|
+
if (mainRef.current)
|
|
71
|
+
mainRef.current.moveToIdx(idx);
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
slider.on("created", () => {
|
|
76
|
+
if (!mainRef.current)
|
|
77
|
+
return;
|
|
78
|
+
addActive(slider.track.details.rel);
|
|
79
|
+
addClickEvents();
|
|
80
|
+
mainRef.current.on("animationStarted", (main) => {
|
|
81
|
+
removeActive();
|
|
82
|
+
const next = main.animator.targetIdx || 0;
|
|
83
|
+
addActive(main.track.absToRel(next));
|
|
84
|
+
slider.moveToIdx(Math.min(slider.track.details.maxIdx, next));
|
|
85
|
+
});
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
const breakpointsToRender = {
|
|
90
|
+
[`(min-width: ${screens.xs})`]: {
|
|
91
|
+
slides: { perView: 1, spacing: 25 },
|
|
92
|
+
},
|
|
93
|
+
[`(max-width: ${screens.sm})`]: {
|
|
94
|
+
slides: { perView: 1, spacing: 25 },
|
|
95
|
+
},
|
|
96
|
+
[`(min-width: ${screens.md})`]: {
|
|
97
|
+
slides: { perView: 1, spacing: 25 },
|
|
98
|
+
},
|
|
99
|
+
[`(min-width: ${screens.lg})`]: {
|
|
100
|
+
slides: { perView: 2, spacing: 20 },
|
|
101
|
+
},
|
|
102
|
+
[`(min-width: ${screens.xl})`]: {
|
|
103
|
+
slides: { perView: 2, spacing: 10 },
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
let offset = 0;
|
|
107
|
+
const [sliderRef, instanceRef] = useKeenSlider({
|
|
108
|
+
initial,
|
|
109
|
+
breakpoints: breakpointsToRender,
|
|
110
|
+
defaultAnimation,
|
|
111
|
+
disabled,
|
|
112
|
+
drag,
|
|
113
|
+
dragSpeed,
|
|
114
|
+
loop,
|
|
115
|
+
mode,
|
|
116
|
+
range,
|
|
117
|
+
renderMode,
|
|
118
|
+
rtl,
|
|
119
|
+
rubberband,
|
|
120
|
+
vertical,
|
|
121
|
+
slideChanged(slider) {
|
|
122
|
+
var _a, _b;
|
|
123
|
+
if (((_b = (_a = slider.slides[slider.track.details.rel]) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.nodeName) === 'DIV') {
|
|
124
|
+
offset = 1;
|
|
125
|
+
}
|
|
126
|
+
setCurrentSlide(slider.track.details.rel + offset);
|
|
127
|
+
},
|
|
128
|
+
// slideChanged: slideChanged,
|
|
129
|
+
created() {
|
|
130
|
+
setLoaded(true);
|
|
131
|
+
},
|
|
132
|
+
// created: created,
|
|
133
|
+
animationStarted,
|
|
134
|
+
animationStopped,
|
|
135
|
+
animationEnded,
|
|
136
|
+
destroyed,
|
|
137
|
+
detailsChanged,
|
|
138
|
+
dragged,
|
|
139
|
+
dragStarted,
|
|
140
|
+
dragChecked,
|
|
141
|
+
dragEnded,
|
|
142
|
+
beforeOptionsChanged,
|
|
143
|
+
optionsChanged,
|
|
144
|
+
updated,
|
|
145
|
+
slides: {
|
|
146
|
+
spacing,
|
|
147
|
+
origin,
|
|
148
|
+
number
|
|
149
|
+
}
|
|
150
|
+
}, [WheelControls]);
|
|
151
|
+
const [thumbnailRef] = useKeenSlider({
|
|
152
|
+
initial: 0,
|
|
153
|
+
slides: {
|
|
154
|
+
perView: 4,
|
|
155
|
+
spacing: 10,
|
|
156
|
+
},
|
|
157
|
+
}, [ThumbnailPlugin(instanceRef)]);
|
|
158
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
159
|
+
React.createElement("div", { className: classNames(classList, style.classList, 'navigation-wrapper') },
|
|
160
|
+
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, 'keen-slider') }, (slides != null) && slides),
|
|
161
|
+
React.createElement("div", { className: style.thumbnailWrapper },
|
|
162
|
+
React.createElement("div", { ref: thumbnailRef, className: `keen-slider thumbnail ${style.thumbnail}` }, (slides != null) && slides)))));
|
|
163
|
+
};
|
|
164
|
+
export default CarouselThumbnail;
|
|
165
|
+
//# sourceMappingURL=CarouselThumbnail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselThumbnail.js","sourceRoot":"","sources":["../../../../../src/lib/components/CarouselThumbnail/CarouselThumbnail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
width: 100%
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.slideWrapper {
|
|
7
|
+
|
|
8
|
+
height: 24rem;
|
|
9
|
+
|
|
10
|
+
width: 100%;
|
|
11
|
+
|
|
12
|
+
padding-bottom: 1rem
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.thumbnail {
|
|
16
|
+
|
|
17
|
+
height: 4rem
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.primary {
|
|
21
|
+
|
|
22
|
+
border-color: var(--color-white)
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.white {
|
|
26
|
+
|
|
27
|
+
border-color: var(--color-primary)
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.grey {
|
|
31
|
+
|
|
32
|
+
border-color: var(--color-primary)
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.gold {
|
|
36
|
+
|
|
37
|
+
border-color: var(--color-primary)
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.facebook {
|
|
41
|
+
|
|
42
|
+
border-color: var(--color-white)
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.linkedin {
|
|
46
|
+
|
|
47
|
+
border-color: var(--color-white)
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.email {
|
|
51
|
+
|
|
52
|
+
border-color: var(--color-white)
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.instagram {
|
|
56
|
+
|
|
57
|
+
border-color: var(--color-primary)
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.github {
|
|
61
|
+
|
|
62
|
+
border-color: var(--color-white)
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.interactive-facebook {
|
|
66
|
+
|
|
67
|
+
border-color: var(--color-primary)
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.interactive-email {
|
|
71
|
+
|
|
72
|
+
border-color: var(--color-primary)
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.interactive-linkedin {
|
|
76
|
+
|
|
77
|
+
border-color: var(--color-primary)
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.interactive-instagram {
|
|
81
|
+
|
|
82
|
+
border-color: var(--color-primary)
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.interactive-github {
|
|
86
|
+
|
|
87
|
+
border-color: var(--color-primary)
|
|
88
|
+
}
|
|
89
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/CarouselThumbnail/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAAuB;;IAAvB,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAW;;AAIX;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full;\n}\n\n.slideWrapper {\n @apply w-full pb-4 h-96;\n}\n\n.thumbnail {\n @apply h-16;\n}\n\n.primary {\n @apply border-white;\n}\n\n.white {\n @apply border-primary;\n}\n\n.grey {\n @apply border-primary;\n}\n\n.gold {\n @apply border-primary;\n}\n\n.facebook {\n @apply border-white;\n}\n\n.linkedin {\n @apply border-white;\n}\n\n.email {\n @apply border-white;\n}\n\n.instagram {\n @apply border-primary;\n}\n\n.github {\n @apply border-white;\n}\n\n.interactive-facebook {\n @apply border-primary;\n}\n\n.interactive-email {\n @apply border-primary;\n}\n\n.interactive-linkedin {\n @apply border-primary;\n}\n\n.interactive-instagram {\n @apply border-primary;\n}\n\n.interactive-github {\n @apply border-primary;\n}"]}
|
|
@@ -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,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAe;;AAIf;;IAAA,uBAAqD;;IAArD,iBAAqD;;IAArD,oBAAqD;;IAArD,qBAAqD;;IAArD,mBAAqD;;IAArD,sBAAqD;;IAArD,eAAqD;;IAArD;AAAqD;;AAIrD;;IAAA;AAAgB;;AAIhB;;IAAA,WAAuC;;IAAvC,mBAAuC;;IAAvC,sBAAuC;;IAAvC,eAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA,gCAA2D;;IAA3D,sCAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA;AAA2D;;AAI3D;;IAAA,gCAA6D;;IAA7D,wCAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;AAA6D;;AAI7D;;IAAA,gCAAyD;;IAAzD,oCAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;AAAyD;;AAIzD;;IAAA,gCAAyD;;IAAzD,oCAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;AAAyD","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.errorText {\n @apply text-red text-sm;\n}\n\n.required {\n @apply text-red;\n}\n\n.inputClassList {\n @apply border px-2 py-2 rounded-md text-sm font-light;\n}\n\n.bold {\n @apply font-bold;\n}\n\n.labelClassList {\n @apply w-auto py-2 text-sm font-regular;\n}\n\n.primary {\n @apply placeholder-white bg-primary text-white border-white;\n}\n\n.secondary {\n @apply placeholder-white bg-secondary text-white border-white;\n}\n\n.white {\n @apply placeholder-black bg-white text-black border-black;\n}\n\n.black {\n @apply placeholder-white bg-black text-white border-white;\n}"]}
|