trepur_components 1.0.12 → 1.0.13
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/style.module.css +5 -21
- package/dist/src/lib/components/Card/style.module.css.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/style.module.css +5 -1
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.js +47 -1
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
- package/dist/src/lib/components/Icon/Icon.js +4 -3
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +48 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +8 -12
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/Proficiencies/Proficiencies.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +3 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +2 -10
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +11 -0
- package/dist/src/lib/components/SocialButton/SocialButton.js +22 -0
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -0
- package/dist/src/lib/components/SocialButton/style.module.css +111 -0
- package/dist/src/lib/components/SocialButton/style.module.css.map +1 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css +0 -12
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +12 -24
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/dist/src/lib/utils/controls.d.ts +1 -1
- package/dist/tailwind.config.d.ts +9 -0
- package/dist/tailwind.config.js +9 -0
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +1 -1
|
@@ -71,13 +71,9 @@
|
|
|
71
71
|
|
|
72
72
|
.title {
|
|
73
73
|
|
|
74
|
-
font-size:
|
|
75
|
-
|
|
76
|
-
font-weight: 500;
|
|
77
|
-
|
|
78
|
-
--tw-text-opacity: 1;
|
|
74
|
+
font-size: 24px;
|
|
79
75
|
|
|
80
|
-
|
|
76
|
+
font-weight: 500
|
|
81
77
|
}
|
|
82
78
|
|
|
83
79
|
.contentWrapper {
|
|
@@ -102,22 +98,14 @@
|
|
|
102
98
|
|
|
103
99
|
font-size: 16px;
|
|
104
100
|
|
|
105
|
-
font-weight: 200
|
|
106
|
-
|
|
107
|
-
--tw-text-opacity: 1;
|
|
108
|
-
|
|
109
|
-
color: rgb(73 92 99 / var(--tw-text-opacity))
|
|
101
|
+
font-weight: 200
|
|
110
102
|
}
|
|
111
103
|
|
|
112
104
|
.subtitle {
|
|
113
105
|
|
|
114
106
|
font-size: 24px;
|
|
115
107
|
|
|
116
|
-
font-weight: 300
|
|
117
|
-
|
|
118
|
-
--tw-text-opacity: 1;
|
|
119
|
-
|
|
120
|
-
color: rgb(44 55 59 / var(--tw-text-opacity))
|
|
108
|
+
font-weight: 300
|
|
121
109
|
}
|
|
122
110
|
|
|
123
111
|
.extraText {
|
|
@@ -130,11 +118,7 @@
|
|
|
130
118
|
|
|
131
119
|
font-size: 16px;
|
|
132
120
|
|
|
133
|
-
font-weight: 200
|
|
134
|
-
|
|
135
|
-
--tw-text-opacity: 1;
|
|
136
|
-
|
|
137
|
-
color: rgb(73 92 99 / var(--tw-text-opacity))
|
|
121
|
+
font-weight: 200
|
|
138
122
|
}
|
|
139
123
|
|
|
140
124
|
.noCta {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAgB;;AAIhB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAAwC;;IAAxC,gBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA;AAAW;;AAIX;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAgB;;AAIhB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAAwC;;IAAxC,gBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA;AAAW;;AAIX;;IAAA,eAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,QAAmB;;IAAnB,qBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,eAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA,YAAyD;;IAAzD,WAAyD;;IAAzD,iBAAyD;;IAAzD,eAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA;AAAW;;AAIX;;IAAA,WAA+B;;IAA/B,aAA+B;;IAA/B,YAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAkB","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.bordered {\n @apply border border-grey border-opacity-100;\n}\n\n.boldTitle {\n @apply font-bold;\n}\n\n.textLeft {\n @apply text-left;\n}\n\n.textRight {\n @apply text-right;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.cardRounded {\n @apply rounded-lg;\n}\n\n.imageRounded {\n @apply rounded-t-lg;\n}\n\n.imageWrapper {\n @apply h-64 overflow-hidden object-cover;\n}\n\n.imageClassList {\n @apply w-full object-cover h-full;\n}\n\n.titleWrapper {\n @apply pt-3;\n}\n\n.title {\n @apply font-medium text-sm;\n}\n\n.contentWrapper {\n @apply px-3 order-3;\n}\n\n.cardContent {\n @apply flex flex-1 flex-col;\n}\n\n.description {\n @apply font-extraLight text-xs;\n}\n\n.subtitle {\n @apply font-light text-sm;\n}\n\n.extraText {\n @apply w-full object-cover h-full font-extraLight text-xs;\n}\n\n.noCta {\n @apply pb-4;\n}\n\n.buttonWrapper {\n @apply flex p-2 order-last h-24;\n}\n\n.buttonClassList {\n @apply w-full p-3;\n}\n\n.orderOne {\n @apply order-1;\n}\n\n.orderTwo {\n @apply order-2;\n}\n\n.orderThree {\n @apply order-3;\n}\n\n.orderFirst {\n @apply order-first;\n}\n\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/CardWithTopImage/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAkD;;IAAlD,kBAAkD;;IAAlD,sBAAkD;;IAAlD,qBAAkD;;IAAlD,kBAAkD;;IAAlD,yDAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/CardWithTopImage/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAkD;;IAAlD,kBAAkD;;IAAlD,sBAAkD;;IAAlD,qBAAkD;;IAAlD,kBAAkD;;IAAlD,yDAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAyD;;IAAzD,YAAyD;;IAAzD,kBAAyD;;IAAzD,yDAAyD;;IAAzD,kBAAyD;;IAAzD,mBAAyD;;IAAzD,iBAAyD;;IAAzD,oBAAyD;;IAAzD,oBAAyD;;IAAzD;AAAyD","file":"style.module.css","sourcesContent":[".wrapperClassList {\n @apply rounded-full mx-auto max-w-max bg-white p-4;\n}\n\n.contentClassList {\n @apply pt-12 px-4 h-auto pb-16 -mt-12 bg-white text-black;\n}"]}
|
|
@@ -10,6 +10,52 @@ const Carousel = ({ id, className, title, description, bgColour, breakpoints, de
|
|
|
10
10
|
const classList = className;
|
|
11
11
|
const [currentSlide, setCurrentSlide] = useState(0);
|
|
12
12
|
const [loaded, setLoaded] = useState(false);
|
|
13
|
+
function WheelControls(slider) {
|
|
14
|
+
let touchTimeout;
|
|
15
|
+
let position;
|
|
16
|
+
let wheelActive;
|
|
17
|
+
function dispatch(e, name) {
|
|
18
|
+
position.x -= e.deltaX;
|
|
19
|
+
position.y -= e.deltaY;
|
|
20
|
+
slider.container.dispatchEvent(new CustomEvent(name, {
|
|
21
|
+
detail: {
|
|
22
|
+
x: position.x,
|
|
23
|
+
y: position.y
|
|
24
|
+
}
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
function wheelStart(e) {
|
|
28
|
+
position = {
|
|
29
|
+
x: e.pageX,
|
|
30
|
+
y: e.pageY
|
|
31
|
+
};
|
|
32
|
+
dispatch(e, 'ksDragStart');
|
|
33
|
+
}
|
|
34
|
+
function wheel(e) {
|
|
35
|
+
dispatch(e, 'ksDrag');
|
|
36
|
+
}
|
|
37
|
+
function wheelEnd(e) {
|
|
38
|
+
dispatch(e, 'ksDragEnd');
|
|
39
|
+
}
|
|
40
|
+
function eventWheel(e) {
|
|
41
|
+
e.preventDefault();
|
|
42
|
+
if (!wheelActive) {
|
|
43
|
+
wheelStart(e);
|
|
44
|
+
wheelActive = true;
|
|
45
|
+
}
|
|
46
|
+
wheel(e);
|
|
47
|
+
clearTimeout(touchTimeout);
|
|
48
|
+
touchTimeout = setTimeout(() => {
|
|
49
|
+
wheelActive = false;
|
|
50
|
+
wheelEnd(e);
|
|
51
|
+
}, 50);
|
|
52
|
+
}
|
|
53
|
+
slider.on('created', () => {
|
|
54
|
+
slider.container.addEventListener('wheel', eventWheel, {
|
|
55
|
+
passive: true
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
}
|
|
13
59
|
const [sliderRef, instanceRef] = useKeenSlider({
|
|
14
60
|
initial,
|
|
15
61
|
breakpoints,
|
|
@@ -50,7 +96,7 @@ const Carousel = ({ id, className, title, description, bgColour, breakpoints, de
|
|
|
50
96
|
origin,
|
|
51
97
|
number
|
|
52
98
|
}
|
|
53
|
-
}, []);
|
|
99
|
+
}, [WheelControls]);
|
|
54
100
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
|
|
55
101
|
React.createElement("div", { className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
|
|
56
102
|
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
|
|
@@ -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;AAkE5E,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,MAAM,EACb,KAAK,EACL,UAAU,EACV,GAAG,EACH,UAAU,EACV,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,SAAS,EACT,cAAc,EACd,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,GAAG,CAAC,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACL,EAAE,EAAE;;IACH,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,aAAa,CAAiB;QAC7D,OAAO;QACP,WAAW;QACX,gBAAgB;QAChB,QAAQ;QACR,IAAI;QACJ,SAAS;QACT,IAAI;QACJ,IAAI;QACJ,KAAK;QACL,UAAU;QACV,GAAG;QACH,UAAU;QACV,QAAQ;QACR,YAAY,CAAE,MAAM;YAClB,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAC3C,CAAC;QACD,8BAA8B;QAC9B,OAAO;YACL,SAAS,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC;QACD,oBAAoB;QACpB,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,SAAS;QACT,cAAc;QACd,OAAO;QACP,WAAW;QACX,WAAW;QACX,SAAS;QACT,oBAAoB;QACpB,cAAc;QACd,OAAO;QACP,MAAM,EAAE;YACN,OAAO;YACP,OAAO;YACP,MAAM;YACN,MAAM;SACP;KACF,EAAE,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAYvD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEzE,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAYvD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEzE,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,KAAK,CAAC,SAAS;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC1B,KAAK,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBAC7D,WAAW,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC5E;YACL,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -22,14 +22,15 @@ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin =
|
|
|
22
22
|
[style.sizeNine]: size === 9,
|
|
23
23
|
[style.sizeTen]: size === 10,
|
|
24
24
|
[style.rounded]: rounded
|
|
25
|
-
}, className, style.wrapperClassList, style[backgroundColourKey], style[fontColourKey], style[hoverBackgroundColourKey], style[hoverFontColourKey], 'transition-backgroundColor');
|
|
25
|
+
}, className, style.wrapperClassList, style[backgroundColourKey], style[fontColourKey], style[hoverBackgroundColourKey], style[hoverFontColourKey], 'transition-backgroundColor duration-500 transform');
|
|
26
26
|
const classList = classNames({
|
|
27
27
|
'fa-brands': brand,
|
|
28
28
|
[`fa-${size}x`]: size,
|
|
29
29
|
[`fa-${animation}`]: animation,
|
|
30
30
|
'fa-spin-reverse': reverseSpin,
|
|
31
|
-
'fa-regular': hollow
|
|
32
|
-
|
|
31
|
+
'fa-regular': hollow,
|
|
32
|
+
[style.rounded]: rounded
|
|
33
|
+
}, `${style.classList} fa fa-${type}`);
|
|
33
34
|
return (React.createElement("div", { id: id, className: wrapperClassList },
|
|
34
35
|
React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
|
|
35
36
|
};
|
|
@@ -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;AAkBtC,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,WAAW,EACtB,WAAW,GAAG,SAAS,EACvB,aAAa,GAAG,WAAW,EAC3B,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACP,EAAe,EAAE;IACvB,MAAM,YAAY,GAAW,MAAM,CAAA;IACnC,MAAM,iBAAiB,GAAW,WAAW,CAAA;IAC7C,MAAM,cAAc,GAAW,QAAQ,CAAA;IACvC,MAAM,mBAAmB,GAAW,aAAa,CAAA;IACjD,MAAM,aAAa,GAAW,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACnG,MAAM,mBAAmB,GAAW,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3G,MAAM,kBAAkB,GAAW,YAAY,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACvH,MAAM,wBAAwB,GAAW,UAAU,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/H,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,CAAC;QAC5B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,CAAC;QAC5B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,CAAC;QAC5B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,EAAE;QAC5B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EACD,SAAS,EACT,KAAK,CAAC,gBAAgB,EACtB,KAAK,CAAC,mBAAmB,CAAC,EAC1B,KAAK,CAAC,aAAa,CAAC,EACpB,KAAK,CAAC,wBAAwB,CAAC,EAC/B,KAAK,CAAC,kBAAkB,CAAC,EACzB,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -123,6 +123,18 @@
|
|
|
123
123
|
|
|
124
124
|
color: rgb(226 177 60 / var(--tw-text-opacity))
|
|
125
125
|
}
|
|
126
|
+
.textFacebook {
|
|
127
|
+
|
|
128
|
+
--tw-text-opacity: 1;
|
|
129
|
+
|
|
130
|
+
color: rgb(59 89 153 / var(--tw-text-opacity))
|
|
131
|
+
}
|
|
132
|
+
.textInteractive-facebook {
|
|
133
|
+
|
|
134
|
+
--tw-text-opacity: 1;
|
|
135
|
+
|
|
136
|
+
color: rgb(45 68 116 / var(--tw-text-opacity))
|
|
137
|
+
}
|
|
126
138
|
|
|
127
139
|
.bgPrimary {
|
|
128
140
|
|
|
@@ -154,6 +166,18 @@
|
|
|
154
166
|
|
|
155
167
|
background-color: rgb(226 177 60 / var(--tw-bg-opacity))
|
|
156
168
|
}
|
|
169
|
+
.bgFacebook {
|
|
170
|
+
|
|
171
|
+
--tw-bg-opacity: 1;
|
|
172
|
+
|
|
173
|
+
background-color: rgb(59 89 153 / var(--tw-bg-opacity))
|
|
174
|
+
}
|
|
175
|
+
.bgInteractive-facebook {
|
|
176
|
+
|
|
177
|
+
--tw-bg-opacity: 1;
|
|
178
|
+
|
|
179
|
+
background-color: rgb(45 68 116 / var(--tw-bg-opacity))
|
|
180
|
+
}
|
|
157
181
|
|
|
158
182
|
.hoverTextPrimary:hover {
|
|
159
183
|
|
|
@@ -185,6 +209,18 @@
|
|
|
185
209
|
|
|
186
210
|
color: rgb(226 177 60 / var(--tw-text-opacity))
|
|
187
211
|
}
|
|
212
|
+
.hoverTextFacebook:hover {
|
|
213
|
+
|
|
214
|
+
--tw-text-opacity: 1;
|
|
215
|
+
|
|
216
|
+
color: rgb(59 89 153 / var(--tw-text-opacity))
|
|
217
|
+
}
|
|
218
|
+
.hoverTextInteractive-facebook:hover {
|
|
219
|
+
|
|
220
|
+
--tw-text-opacity: 1;
|
|
221
|
+
|
|
222
|
+
color: rgb(45 68 116 / var(--tw-text-opacity))
|
|
223
|
+
}
|
|
188
224
|
|
|
189
225
|
.hoverBgPrimary:hover {
|
|
190
226
|
|
|
@@ -216,4 +252,16 @@
|
|
|
216
252
|
|
|
217
253
|
background-color: rgb(226 177 60 / var(--tw-bg-opacity))
|
|
218
254
|
}
|
|
255
|
+
.hoverBgFacebook:hover {
|
|
256
|
+
|
|
257
|
+
--tw-bg-opacity: 1;
|
|
258
|
+
|
|
259
|
+
background-color: rgb(59 89 153 / var(--tw-bg-opacity))
|
|
260
|
+
}
|
|
261
|
+
.hoverBgInteractive-facebook:hover {
|
|
262
|
+
|
|
263
|
+
--tw-bg-opacity: 1;
|
|
264
|
+
|
|
265
|
+
background-color: rgb(45 68 116 / var(--tw-bg-opacity))
|
|
266
|
+
}
|
|
219
267
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -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,cAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,cAAgB;;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;;AAIhB;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA,oBAAmB;;IAAnB;AAAmB;AACjB;;IAAA,oBAAqB;;IAArB;AAAqB;AACzB;;IAAA,oBAAiB;;IAAjB;AAAiB;AACjB;;IAAA,oBAAiB;;IAAjB;AAAiB;AAClB;;IAAA,oBAAgB;;IAAhB;AAAgB;;
|
|
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,cAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,cAAgB;;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;;AAIhB;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA,oBAAmB;;IAAnB;AAAmB;AACjB;;IAAA,oBAAqB;;IAArB;AAAqB;AACzB;;IAAA,oBAAiB;;IAAjB;AAAiB;AACjB;;IAAA,oBAAiB;;IAAjB;AAAiB;AAClB;;IAAA,oBAAgB;;IAAhB;AAAgB;AACZ;;IAAA,oBAAoB;;IAApB;AAAoB;AACR;;IAAA,oBAAgC;;IAAhC;AAAgC;;AAE/C;;IAAA,kBAAiB;;IAAjB;AAAiB;AACf;;IAAA,kBAAmB;;IAAnB;AAAmB;AACvB;;IAAA,kBAAe;;IAAf;AAAe;AAChB;;IAAA,kBAAe;;IAAf;AAAe;AACf;;IAAA,kBAAc;;IAAd;AAAc;AACV;;IAAA,kBAAkB;;IAAlB;AAAkB;AACN;;IAAA,kBAA8B;;IAA9B;AAA8B;;AAEpC;;IAAA,oBAAyB;;IAAzB;AAAyB;AACvB;;IAAA,oBAA2B;;IAA3B;AAA2B;AAC/B;;IAAA,oBAAuB;;IAAvB;AAAuB;AACxB;;IAAA,oBAAuB;;IAAvB;AAAuB;AACvB;;IAAA,oBAAsB;;IAAtB;AAAsB;AAClB;;IAAA,oBAA0B;;IAA1B;AAA0B;AACd;;IAAA,oBAAsC;;IAAtC;AAAsC;;AAErD;;IAAA,kBAAuB;;IAAvB;AAAuB;AACrB;;IAAA,kBAAyB;;IAAzB;AAAyB;AAC7B;;IAAA,kBAAqB;;IAArB;AAAqB;AACtB;;IAAA,kBAAqB;;IAArB;AAAqB;AACrB;;IAAA,kBAAoB;;IAApB;AAAoB;AAChB;;IAAA,kBAAwB;;IAAxB;AAAwB;AACZ;;IAAA,kBAAoC;;IAApC;AAAoC","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-10 h-10;\n}\n\n.sizeThree {\n @apply w-14 h-14;\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.rounded {\n @apply rounded-full;\n}\n\n.wrapperClassList {\n @apply flex duration-500 transform;\n}\n\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.textFacebook { @apply text-facebook; }\n.textInteractive-facebook { @apply text-interactive-facebook; }\n\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.bgFacebook { @apply bg-facebook; }\n.bgInteractive-facebook { @apply bg-interactive-facebook; }\n\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.hoverTextFacebook { @apply hover:text-facebook; }\n.hoverTextInteractive-facebook { @apply hover:text-interactive-facebook; }\n\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.hoverBgFacebook { @apply hover:bg-facebook; }\n.hoverBgInteractive-facebook { @apply hover:bg-interactive-facebook; }"]}
|
|
@@ -39,7 +39,7 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
|
|
|
39
39
|
React.createElement(Icon, Object.assign({}, iconProps)),
|
|
40
40
|
number !== undefined &&
|
|
41
41
|
React.createElement("p", null, number),
|
|
42
|
-
React.createElement("p",
|
|
42
|
+
React.createElement("p", { className: style.text }, text))));
|
|
43
43
|
};
|
|
44
44
|
export default InformationIcon;
|
|
45
45
|
//# sourceMappingURL=InformationIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC9D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACrD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACd,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBAC5D;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACnB;QAAA,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,MAAM,EAAE,QAAQ;QAChB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EACD,SAAS,EACT,OAAO,EACP,KAAK,CAAC,SAAS,CAAC,CAAA;IAEhB,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAQ,EAAE;QACxF,IAAI,cAAsB,CAAA;QAC1B,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAQ,EAAE;YACvC,cAAc,GAAG,SAAS,CAAA;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACnC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,KAAK,CAAC,gBAAgB;QAEjC,6BAAK,SAAS,EAAE,SAAS;YACtB,CAAC,SAAS,IAAI,IAAI,CAAC;gBAClB,oBAAC,IAAI,oBAAK,SAAS,EAAI;YACxB,MAAM,KAAK,SAAS;gBACnB,+BAAI,MAAM,CAAK;YACjB
|
|
1
|
+
{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
|
|
9
|
-
text-align: center
|
|
10
|
-
|
|
11
|
-
transition-duration: 300ms;
|
|
12
|
-
|
|
13
|
-
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
9
|
+
text-align: center
|
|
14
10
|
}
|
|
15
11
|
|
|
16
12
|
.classList {
|
|
@@ -27,11 +23,7 @@
|
|
|
27
23
|
|
|
28
24
|
justify-content: center;
|
|
29
25
|
|
|
30
|
-
font-size: 32px
|
|
31
|
-
|
|
32
|
-
transition-duration: 300ms;
|
|
33
|
-
|
|
34
|
-
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
26
|
+
font-size: 32px
|
|
35
27
|
}
|
|
36
28
|
|
|
37
29
|
@media (min-width: 1024px) {
|
|
@@ -42,9 +34,13 @@
|
|
|
42
34
|
}
|
|
43
35
|
}
|
|
44
36
|
|
|
45
|
-
.classList:hover
|
|
37
|
+
.classList:hover .text {
|
|
38
|
+
|
|
39
|
+
font-size: 48px;
|
|
40
|
+
|
|
41
|
+
transition-duration: 500ms;
|
|
46
42
|
|
|
47
|
-
|
|
43
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
48
44
|
}
|
|
49
45
|
|
|
50
46
|
.rounded {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAyC;;IAAzC,aAAyC;;IAAzC,mBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,aAA8D;;IAA9D,YAA8D;;IAA9D,WAA8D;;IAA9D,sBAA8D;;IAA9D,mBAA8D;;IAA9D,uBAA8D;;IAC9D;AAD8D;;AAC9D;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA,eAAuC;;IAAvC,0BAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA;AAAkB;;AAIlB;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD","file":"style.module.css","sourcesContent":[".wrapperClassList {\n @apply h-96 flex items-center text-center;\n}\n\n.classList {\n @apply flex flex-col justify-center w-full h-full items-center;\n @apply text-md lg:text-md;\n}\n\n.classList:hover .text {\n @apply text-lg ease-in-out duration-500;\n}\n\n.rounded {\n @apply rounded-2xl;\n}\n\n.dark {\n @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n @apply placeholder-primary bg-white text-primary;\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACpC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC;gBAEL,oBAAC,KAAK,IACJ,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,GACT,CACK,CACV,CAAA;QACH,CAAC,CAAC,CACE,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -16,7 +16,9 @@ export interface Props {
|
|
|
16
16
|
editInputClasses?: string;
|
|
17
17
|
buttonWrapperClasses?: string;
|
|
18
18
|
textWrapperClasses?: string;
|
|
19
|
-
socialButtons?:
|
|
19
|
+
socialButtons?: Array<{
|
|
20
|
+
type: string;
|
|
21
|
+
}>;
|
|
20
22
|
theme: 'light' | 'dark';
|
|
21
23
|
}
|
|
22
24
|
declare const SocialBlock: ({ id, className, title, description, bgColour, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme }: Props) => JSX.Element;
|
|
@@ -5,6 +5,7 @@ import classNames from 'classnames';
|
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
import Container from '../Container/Container';
|
|
7
7
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
8
|
+
import SocialButton from '../SocialButton/SocialButton';
|
|
8
9
|
const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme = 'light' }) => {
|
|
9
10
|
const colours = theme === 'dark' ? style.dark : style.light;
|
|
10
11
|
const defaultComponentData = {
|
|
@@ -16,13 +17,9 @@ const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpda
|
|
|
16
17
|
}
|
|
17
18
|
};
|
|
18
19
|
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
19
|
-
const [isHovering, setIsHovering] = useState(false);
|
|
20
20
|
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
21
21
|
const classList = classNames(className, colours);
|
|
22
22
|
const buttonWrapperClasslist = classNames(buttonWrapperClasses, style.buttonWrapperClassList);
|
|
23
|
-
const hoverClassList = classNames({
|
|
24
|
-
[style.hoverClassList]: withLiveUpdates !== undefined && !isInEditingMode && isHovering
|
|
25
|
-
}, textWrapperClasses);
|
|
26
23
|
const toggleEditState = () => {
|
|
27
24
|
withLiveUpdates === true && setIsInEditingMode(!isInEditingMode);
|
|
28
25
|
};
|
|
@@ -32,11 +29,9 @@ const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpda
|
|
|
32
29
|
arr.push({ key: 'text', value: componentData.text.text });
|
|
33
30
|
toggleEditState();
|
|
34
31
|
onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
|
|
35
|
-
setIsHovering(false);
|
|
36
32
|
};
|
|
37
33
|
const handleButtonCancel = () => {
|
|
38
34
|
toggleEditState();
|
|
39
|
-
setIsHovering(false);
|
|
40
35
|
};
|
|
41
36
|
const handleChange = (e) => {
|
|
42
37
|
let id = e.target.id;
|
|
@@ -45,9 +40,6 @@ const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpda
|
|
|
45
40
|
text: e.target.value
|
|
46
41
|
} }));
|
|
47
42
|
};
|
|
48
|
-
const toggleHoverState = () => {
|
|
49
|
-
withLiveUpdates === true && setIsHovering(!isHovering);
|
|
50
|
-
};
|
|
51
43
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour }, withLiveUpdates === true && isInEditingMode
|
|
52
44
|
? (React.createElement("div", { className: colours },
|
|
53
45
|
React.createElement(Input, { className: editTitleClasses, inputClasses: editInputClasses, autoFocus: true, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
|
|
@@ -56,7 +48,7 @@ const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpda
|
|
|
56
48
|
React.createElement(Button, { className: style.cancelButton, onClick: handleButtonCancel }, "Cancel")))
|
|
57
49
|
: (React.createElement(Container, { withPadding: true },
|
|
58
50
|
React.createElement("div", { className: buttonWrapperClasslist }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
|
|
59
|
-
return React.createElement(
|
|
51
|
+
return (React.createElement(SocialButton, { key: `socual_button_${i}`, className: 'mx-2', type: button.type }));
|
|
60
52
|
}))))));
|
|
61
53
|
};
|
|
62
54
|
export default SocialBlock;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;
|
|
1
|
+
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface Props {
|
|
3
|
+
id?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
onClick?: React.MouseEventHandler;
|
|
6
|
+
type?: 'facebook' | 'instagram' | 'github' | 'email';
|
|
7
|
+
href?: string;
|
|
8
|
+
openInNewTab?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab }: Props) => JSX.Element;
|
|
11
|
+
export default SocialButton;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Icon from '../Icon/Icon';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
5
|
+
import Button from '../Button/Button';
|
|
6
|
+
const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInNewTab = false }) => {
|
|
7
|
+
const classList = classNames(style.classList, style[type], className, style.hover);
|
|
8
|
+
const iconType = {
|
|
9
|
+
facebook: 'facebook',
|
|
10
|
+
instagram: 'instagram',
|
|
11
|
+
github: 'github',
|
|
12
|
+
email: 'envelope'
|
|
13
|
+
};
|
|
14
|
+
const getColours = (type) => {
|
|
15
|
+
return `interactive-${type}`;
|
|
16
|
+
};
|
|
17
|
+
const hoverColour = getColours(type);
|
|
18
|
+
return (React.createElement(Button, Object.assign({ id: id, className: classList }, (openInNewTab && { target: '_blank' }), { href: href, type: 'icon' }, ((onClick != null) && { onClick }), { variant: 'secondary', rounded: true }),
|
|
19
|
+
React.createElement(Icon, { type: iconType[type], size: 3, brand: type !== 'email', rounded: true, bgColour: type, colour: 'white', hoverBgColour: hoverColour, hoverColour: hoverColour })));
|
|
20
|
+
};
|
|
21
|
+
export default SocialButton;
|
|
22
|
+
//# sourceMappingURL=SocialButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.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;AACtC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,GAAG,UAAU,EACjB,IAAI,EACJ,YAAY,GAAG,KAAK,EACd,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,EACT,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,UAAU;KAClB,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAa,EAAW,EAAE;QAC5C,OAAO,eAAe,IAAI,EAAa,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,IAAe,CAAC,CAAA;IAE/C,OAAO,CACL,oBAAC,MAAM,kBACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAChB,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAC1C,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,IACP,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,IACtC,OAAO,EAAC,WAAW,EACnB,OAAO;QAEP,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,OAAO,QACP,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,WAAW,EAC1B,WAAW,EAAE,WAAW,GACxB,CACK,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
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));
|
|
3
|
+
border-radius: 9999px;
|
|
4
|
+
transition-duration: 500ms;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.facebook {
|
|
8
|
+
--tw-bg-opacity: 1;
|
|
9
|
+
background-color: rgb(59 89 153 / var(--tw-bg-opacity));
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.facebook:hover {
|
|
13
|
+
--tw-bg-opacity: 1;
|
|
14
|
+
background-color: rgb(45 68 116 / var(--tw-bg-opacity));
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.instagram:hover {
|
|
18
|
+
--tw-bg-opacity: 1;
|
|
19
|
+
background-color: rgb(109 46 146 / var(--tw-bg-opacity));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.instagram {
|
|
23
|
+
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.github {
|
|
27
|
+
--tw-bg-opacity: 1;
|
|
28
|
+
background-color: rgb(23 21 21 / var(--tw-bg-opacity));
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.github:hover {
|
|
32
|
+
--tw-bg-opacity: 1;
|
|
33
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.email {
|
|
37
|
+
--tw-bg-opacity: 1;
|
|
38
|
+
background-color: rgb(199 22 16 / var(--tw-bg-opacity));
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.email:hover {
|
|
42
|
+
--tw-bg-opacity: 1;
|
|
43
|
+
background-color: rgb(159 17 12 / var(--tw-bg-opacity));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.facebook.hover:hover div {
|
|
47
|
+
--tw-bg-opacity: 1;
|
|
48
|
+
background-color: rgb(45 68 116 / var(--tw-bg-opacity));
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.facebook.hover:hover span {
|
|
52
|
+
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));
|
|
53
|
+
--tw-bg-opacity: 1;
|
|
54
|
+
background-color: rgb(45 68 116 / var(--tw-bg-opacity));
|
|
55
|
+
--tw-text-opacity: 1;
|
|
56
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
57
|
+
transition-duration: 500ms;
|
|
58
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
59
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
60
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.instagram.hover:hover div {
|
|
64
|
+
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.instagram.hover:hover span {
|
|
68
|
+
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));
|
|
69
|
+
--tw-text-opacity: 1;
|
|
70
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
71
|
+
transition-duration: 500ms;
|
|
72
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
73
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
74
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.github.hover:hover div {
|
|
78
|
+
--tw-bg-opacity: 1;
|
|
79
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.github.hover:hover span {
|
|
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
|
+
--tw-bg-opacity: 1;
|
|
85
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
86
|
+
--tw-text-opacity: 1;
|
|
87
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
88
|
+
transition-duration: 500ms;
|
|
89
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
90
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
91
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.email.hover:hover div {
|
|
95
|
+
--tw-bg-opacity: 1;
|
|
96
|
+
background-color: rgb(159 17 12 / var(--tw-bg-opacity));
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.email.hover:hover span {
|
|
100
|
+
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));
|
|
101
|
+
--tw-bg-opacity: 1;
|
|
102
|
+
background-color: rgb(159 17 12 / var(--tw-bg-opacity));
|
|
103
|
+
--tw-text-opacity: 1;
|
|
104
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
105
|
+
transition-duration: 500ms;
|
|
106
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
107
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
108
|
+
transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/SocialButton/style.module.css"],"names":[],"mappings":"AACI;IAAA,+LAA0C;IAA1C,qBAA0C;IAA1C;AAA0C;;AAI1C;IAAA,kBAAgD;IAAhD;AAAgD;;AAAhD;IAAA,kBAAgD;IAAhD;AAAgD;;AAIhD;IAAA,kBAAqC;IAArC;AAAqC;;AADzC;IAEI,6nBAA6nB;AACjoB;;AAGI;IAAA,kBAA4C;IAA5C;AAA4C;;AAA5C;IAAA,kBAA4C;IAA5C;AAA4C;;AAI5C;IAAA,kBAA0C;IAA1C;AAA0C;;AAA1C;IAAA,kBAA0C;IAA1C;AAA0C;;AAI1C;IAAA,kBAA8B;IAA9B;AAA8B;;AAI9B;IAAA,+LAAgE;IAAhE,kBAAgE;IAAhE,uDAAgE;IAAhE,oBAAgE;IAAhE,gDAAgE;IAAhE,0BAAgE;IAChE,kJAA0I;IAA1I,0IAA0I;IAA1I;AADgE;;AAIpE;IACI,6nBAA6nB;AACjoB;;AAGI;IAAA,+LAAwC;IAAxC,oBAAwC;IAAxC,gDAAwC;IAAxC,0BAAwC;IACxC,kJAA0I;IAA1I,0IAA0I;IAA1I;AADwC;;AAKxC;IAAA,kBAA4B;IAA5B;AAA4B;;AAI5B;IAAA,+LAA8D;IAA9D,kBAA8D;IAA9D,mDAA8D;IAA9D,oBAA8D;IAA9D,gDAA8D;IAA9D,0BAA8D;IAC9D,kJAA0I;IAA1I,0IAA0I;IAA1I;AAD8D;;AAK9D;IAAA,kBAA2B;IAA3B;AAA2B;;AAI3B;IAAA,+LAA6D;IAA7D,kBAA6D;IAA7D,uDAA6D;IAA7D,oBAA6D;IAA7D,gDAA6D;IAA7D,0BAA6D;IAC7D,kJAA0I;IAA1I,0IAA0I;IAA1I;AAD6D","file":"style.module.css","sourcesContent":[".classList {\n @apply duration-500 transform rounded-full;\n}\n\n.facebook {\n @apply bg-facebook hover:bg-interactive-facebook;\n}\n\n.instagram {\n @apply hover:bg-interactive-instagram;\n background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.github {\n @apply bg-github hover:bg-interactive-github;\n}\n\n.email {\n @apply bg-email hover:bg-interactive-email;\n}\n\n.facebook.hover:hover div {\n @apply bg-interactive-facebook;\n}\n\n.facebook.hover:hover span {\n @apply bg-interactive-facebook text-white duration-500 transform;\n transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n\n.instagram.hover:hover div {\n background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.instagram.hover:hover span {\n @apply text-white duration-500 transform;\n transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n\n.github.hover:hover div {\n @apply bg-interactive-github;\n}\n\n.github.hover:hover span {\n @apply bg-interactive-github text-white duration-500 transform;\n transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n\n.email.hover:hover div {\n @apply bg-interactive-email;\n}\n\n.email.hover:hover span {\n @apply bg-interactive-email text-white duration-500 transform;\n transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n"]}
|
|
@@ -134,14 +134,6 @@
|
|
|
134
134
|
|
|
135
135
|
width: 50%;
|
|
136
136
|
|
|
137
|
-
padding-top: 2rem;
|
|
138
|
-
|
|
139
|
-
padding-bottom: 2rem;
|
|
140
|
-
|
|
141
|
-
padding-left: 2rem;
|
|
142
|
-
|
|
143
|
-
padding-right: 2rem;
|
|
144
|
-
|
|
145
137
|
text-align: center
|
|
146
138
|
}
|
|
147
139
|
|
|
@@ -149,10 +141,6 @@
|
|
|
149
141
|
|
|
150
142
|
width: 50%;
|
|
151
143
|
|
|
152
|
-
padding-left: 2rem;
|
|
153
|
-
|
|
154
|
-
padding-right: 2rem;
|
|
155
|
-
|
|
156
144
|
text-align: center
|
|
157
145
|
}
|
|
158
146
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAAe;;IAAf;AAAe;;AAIf;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;;QAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAAe;;IAAf;AAAe;;AAIf;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;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-md break-words;\n}\n\n.textClassList {\n @apply 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}"]}
|
|
@@ -85,8 +85,7 @@
|
|
|
85
85
|
--tw-border-opacity: 1;
|
|
86
86
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
87
87
|
content: "";
|
|
88
|
-
left: 49.9
|
|
89
|
-
z-index: -1
|
|
88
|
+
left: 49.9%
|
|
90
89
|
}
|
|
91
90
|
|
|
92
91
|
.circleVerticalAfter {
|
|
@@ -99,8 +98,7 @@
|
|
|
99
98
|
--tw-border-opacity: 1;
|
|
100
99
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
101
100
|
content: "";
|
|
102
|
-
left: 49.9
|
|
103
|
-
z-index: -1
|
|
101
|
+
left: 49.9%
|
|
104
102
|
}
|
|
105
103
|
|
|
106
104
|
.firstCircleVerticalAfter {
|
|
@@ -113,8 +111,7 @@
|
|
|
113
111
|
--tw-border-opacity: 1;
|
|
114
112
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
115
113
|
content: "";
|
|
116
|
-
left: 49.9
|
|
117
|
-
z-index: -1
|
|
114
|
+
left: 49.9%
|
|
118
115
|
}
|
|
119
116
|
|
|
120
117
|
.lastCircleVerticalBefore {
|
|
@@ -127,8 +124,7 @@
|
|
|
127
124
|
--tw-border-opacity: 1;
|
|
128
125
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
129
126
|
content: "";
|
|
130
|
-
left: 49.9
|
|
131
|
-
z-index: -1
|
|
127
|
+
left: 49.9%
|
|
132
128
|
}
|
|
133
129
|
|
|
134
130
|
/* V - collapse*/
|
|
@@ -142,8 +138,7 @@
|
|
|
142
138
|
--tw-border-opacity: 1;
|
|
143
139
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
144
140
|
content: "";
|
|
145
|
-
left: 8.2
|
|
146
|
-
z-index: -1
|
|
141
|
+
left: 8.2%
|
|
147
142
|
}
|
|
148
143
|
|
|
149
144
|
.circleVerticalCollapseAfter {
|
|
@@ -156,8 +151,7 @@
|
|
|
156
151
|
--tw-border-opacity: 1;
|
|
157
152
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
158
153
|
content: "";
|
|
159
|
-
left: 8.2
|
|
160
|
-
z-index: -1
|
|
154
|
+
left: 8.2%
|
|
161
155
|
}
|
|
162
156
|
|
|
163
157
|
.firstCircleVerticalCollapseAfter {
|
|
@@ -170,8 +164,7 @@
|
|
|
170
164
|
--tw-border-opacity: 1;
|
|
171
165
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
172
166
|
content: "";
|
|
173
|
-
left: 8.2
|
|
174
|
-
z-index: -1
|
|
167
|
+
left: 8.2%
|
|
175
168
|
}
|
|
176
169
|
|
|
177
170
|
.lastCircleVerticalCollapseBefore {
|
|
@@ -184,8 +177,7 @@
|
|
|
184
177
|
--tw-border-opacity: 1;
|
|
185
178
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
186
179
|
content: "";
|
|
187
|
-
left: 8.2
|
|
188
|
-
z-index: -1
|
|
180
|
+
left: 8.2%
|
|
189
181
|
}
|
|
190
182
|
|
|
191
183
|
/* Horizontal */
|
|
@@ -199,8 +191,7 @@
|
|
|
199
191
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
200
192
|
content: "";
|
|
201
193
|
width: 70%;
|
|
202
|
-
left: -8
|
|
203
|
-
z-index: -1
|
|
194
|
+
left: -8%
|
|
204
195
|
}
|
|
205
196
|
|
|
206
197
|
.circleHorizontalAfter {
|
|
@@ -213,8 +204,7 @@
|
|
|
213
204
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
214
205
|
content: "";
|
|
215
206
|
width: 70%;
|
|
216
|
-
right: -12
|
|
217
|
-
z-index: -1
|
|
207
|
+
right: -12%
|
|
218
208
|
}
|
|
219
209
|
|
|
220
210
|
.firstCircleHorizontalAfter {
|
|
@@ -227,8 +217,7 @@
|
|
|
227
217
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
228
218
|
content: "";
|
|
229
219
|
width: 60%;
|
|
230
|
-
right: -12
|
|
231
|
-
z-index: -1
|
|
220
|
+
right: -12%
|
|
232
221
|
}
|
|
233
222
|
|
|
234
223
|
.lastCircleHorizontalBefore {
|
|
@@ -241,8 +230,7 @@
|
|
|
241
230
|
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
242
231
|
content: "";
|
|
243
232
|
width: 55%;
|
|
244
|
-
left: -8
|
|
245
|
-
z-index: -1
|
|
233
|
+
left: -8%
|
|
246
234
|
}
|
|
247
235
|
|
|
248
236
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Timeline/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA,gBAAqE;EAArE,mBAAqE;EAArE,iBAAqE;EAArE,kBAAqE;EAArE,YAAqE;EAArE,WAAqE;EAArE,qBAAqE;EAArE,iBAAqE;EAArE,kBAAqE;EAArE,mDAAqE;EAArE;AAAqE;;AAIrE;EAAA,kBAAqD;EAArD,aAAqD;EAArD,cAAqD;EAArD,mBAAqD;EAArD;AAAqD;;AAIrD;EAAA;AAAuB;;AAIvB;EAAA,8BAAoC;EAApC;AAAoC;;AAIpC;EAAA;AAAe;;AAIf;EAAA,sBAA4C;EAA5C,mBAA4C;EAA5C;AAA4C;;AAI5C;EAAA;AAAkB;;AAIlB;EAAA,kBAAmC;EAAnC,aAAmC;EAAnC,qBAAmC;EAAnC;AAAmC;;AAInC;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAI/B;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAGjC,aAAa;AAEX;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,sBAAsE;EAAtE,sDAAsE;EACtE,WAAW;EACX
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Timeline/style.module.css"],"names":[],"mappings":"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","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.circle {\n @apply w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black;\n}\n\n.liClassList {\n @apply relative flex flex-auto flex-row leading-tight;\n}\n\n.liVerticalReverse {\n @apply flex-row-reverse;\n}\n\n.liHorizontalReverse {\n @apply items-center flex-col-reverse;\n}\n\n.li {\n @apply flex-row;\n}\n\n.liHorizontal {\n @apply items-center flex-col justify-between;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.ulClassList {\n @apply relative list-none pl-0 flex;\n}\n\n.ulVerticalReverse {\n @apply flex-col;\n}\n\n.ulHorizontalReverse {\n @apply flex-row justify-between;\n}\n\n.ul {\n @apply flex-col;\n}\n\n.ulHorizontal {\n @apply flex-row justify-between;\n}\n\n/* Vertical */\n.circleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n}\n\n.circleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n}\n\n.firstCircleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n}\n\n.lastCircleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n}\n\n/* V - collapse*/\n.circleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n}\n\n.circleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n}\n\n.firstCircleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n}\n\n.lastCircleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n}\n\n/* Horizontal */\n.circleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 70%;\n left: -8%;\n}\n\n.circleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 70%;\n right: -12%;\n}\n\n.firstCircleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 60%;\n right: -12%;\n}\n\n.lastCircleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 55%;\n left: -8%;\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'gold';
|
|
1
|
+
export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'gold' | 'facebook' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-instagram' | 'interactive-github';
|
|
2
2
|
export declare const idAndClassName: {
|
|
3
3
|
id: {
|
|
4
4
|
description: string;
|
|
@@ -47,6 +47,15 @@ export namespace theme {
|
|
|
47
47
|
facebook: string;
|
|
48
48
|
whatsapp: string;
|
|
49
49
|
twitter: string;
|
|
50
|
+
email: string;
|
|
51
|
+
github: string;
|
|
52
|
+
instagram: string;
|
|
53
|
+
'interactive-facebook': string;
|
|
54
|
+
'interactive-whatsapp': string;
|
|
55
|
+
'interactive-twitter': string;
|
|
56
|
+
'interactive-instagram': string;
|
|
57
|
+
'interactive-email': string;
|
|
58
|
+
'interactive-github': string;
|
|
50
59
|
primary: string;
|
|
51
60
|
gold: string;
|
|
52
61
|
secondary: string;
|
package/dist/tailwind.config.js
CHANGED
|
@@ -56,6 +56,15 @@ module.exports = {
|
|
|
56
56
|
'facebook': '#3b5999',
|
|
57
57
|
'whatsapp': '#25d366',
|
|
58
58
|
'twitter': '#55acee',
|
|
59
|
+
'email': '#c71610',
|
|
60
|
+
'github': '#171515',
|
|
61
|
+
'instagram': '#8a3ab9',
|
|
62
|
+
'interactive-facebook': '#2d4474',
|
|
63
|
+
'interactive-whatsapp': '#25d566',
|
|
64
|
+
'interactive-twitter': '#55agee',
|
|
65
|
+
'interactive-instagram': '#6d2e92',
|
|
66
|
+
'interactive-email': '#9f110c',
|
|
67
|
+
'interactive-github': '#000000',
|
|
59
68
|
'primary': '#0036A0',
|
|
60
69
|
'gold': '#e2b13c',
|
|
61
70
|
'secondary': '#FFA800',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../tailwind.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,OAAO,EAAE;QACP,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;SAC/B;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACN,aAAa,EAAE,aAAa;YAC5B,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,gBAAgB,EAAE,SAAS;YAC3B,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,aAAa,EAAE,SAAS;YACxB,aAAa,EAAE,SAAS;YACxB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,YAAY,EAAE,SAAS;YACvB,UAAU,EAAE,UAAU;SACvB;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;aACb;SACF;KACF;IACD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;CACX,CAAA"}
|
|
1
|
+
{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../tailwind.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,OAAO,EAAE;QACP,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;SAC/B;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACN,aAAa,EAAE,aAAa;YAC5B,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,gBAAgB,EAAE,SAAS;YAC3B,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,aAAa,EAAE,SAAS;YACxB,aAAa,EAAE,SAAS;YACxB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,SAAS;YACnB,WAAW,EAAE,SAAS;YACtB,sBAAsB,EAAE,SAAS;YACjC,sBAAsB,EAAE,SAAS;YACjC,qBAAqB,EAAE,SAAS;YAChC,uBAAuB,EAAE,SAAS;YAClC,mBAAmB,EAAE,SAAS;YAC9B,oBAAoB,EAAE,SAAS;YAC/B,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,YAAY,EAAE,SAAS;YACvB,UAAU,EAAE,UAAU;SACvB;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;aACb;SACF;KACF;IACD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;CACX,CAAA"}
|