trepur_components 1.0.5 → 1.0.6
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/Accordion/Accordion.js +2 -3
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +16 -0
- package/dist/src/lib/components/AlertBar/AlertBar.js +64 -0
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -0
- package/dist/src/lib/components/AlertBar/style.module.css +65 -0
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.d.ts +11 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +21 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css +53 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.d.ts +9 -0
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js +19 -0
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +17 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.d.ts +12 -0
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +52 -0
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +48 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -0
- package/dist/src/lib/components/Button/Button.d.ts +17 -0
- package/dist/src/lib/components/Button/Button.js +33 -0
- package/dist/src/lib/components/Button/Button.js.map +1 -0
- package/dist/src/lib/components/Button/style.module.css +127 -0
- package/dist/src/lib/components/Button/style.module.css.map +1 -0
- package/dist/src/lib/components/Card/Card.d.ts +31 -0
- package/dist/src/lib/components/Card/Card.js +66 -0
- package/dist/src/lib/components/Card/Card.js.map +1 -0
- package/dist/src/lib/components/Card/style.module.css +184 -0
- package/dist/src/lib/components/Card/style.module.css.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.d.ts +10 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +13 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css +36 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -0
- package/dist/src/lib/components/Carousel/Carousel.d.ts +59 -0
- package/dist/src/lib/components/Carousel/Carousel.js +123 -0
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -0
- package/dist/src/lib/components/Carousel/style.module.css +59 -0
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -0
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +16 -0
- package/dist/src/lib/components/Collapsible/Collapsible.js +68 -0
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -0
- package/dist/src/lib/components/Collapsible/style.module.css +122 -0
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -0
- package/dist/src/lib/components/Column/Column.d.ts +12 -0
- package/dist/src/lib/components/Column/Column.js +84 -0
- package/dist/src/lib/components/Column/Column.js.map +1 -0
- package/dist/src/lib/components/Column/style.module.css +244 -0
- package/dist/src/lib/components/Column/style.module.css.map +1 -0
- package/dist/src/lib/components/Container/Container.d.ts +9 -0
- package/dist/src/lib/components/Container/Container.js +9 -0
- package/dist/src/lib/components/Container/Container.js.map +1 -0
- package/dist/src/lib/components/Container/style.module.css +5 -0
- package/dist/src/lib/components/Container/style.module.css.map +1 -0
- package/dist/src/lib/components/Footer/Footer.d.ts +11 -0
- package/dist/src/lib/components/Footer/Footer.js +14 -0
- package/dist/src/lib/components/Footer/Footer.js.map +1 -0
- package/dist/src/lib/components/Footer/style.module.css +89 -0
- package/dist/src/lib/components/Footer/style.module.css.map +1 -0
- package/dist/src/lib/components/Form/Form.d.ts +15 -0
- package/dist/src/lib/components/Form/Form.js +20 -0
- package/dist/src/lib/components/Form/Form.js.map +1 -0
- package/dist/src/lib/components/Form/style.module.css +4 -0
- package/dist/src/lib/components/Form/style.module.css.map +1 -0
- package/dist/src/lib/components/FyreCard/FyreCard.d.ts +13 -0
- package/dist/src/lib/components/FyreCard/FyreCard.js +18 -0
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -0
- package/dist/src/lib/components/FyreCard/style.module.css +37 -0
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Greeting/Greeting.d.ts +10 -0
- package/dist/src/lib/components/Greeting/Greeting.js +21 -0
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.d.ts +6 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +29 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css +90 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Icon/Icon.d.ts +19 -0
- package/dist/src/lib/components/Icon/Icon.js +37 -0
- package/dist/src/lib/components/Icon/Icon.js.map +1 -0
- package/dist/src/lib/components/Icon/style.module.css +219 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -0
- package/dist/src/lib/components/Image/Image.d.ts +16 -0
- package/dist/src/lib/components/Image/Image.js +54 -0
- package/dist/src/lib/components/Image/Image.js.map +1 -0
- package/dist/src/lib/components/Image/style.module.css +70 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLink/ImageLink.d.ts +15 -0
- package/dist/src/lib/components/ImageLink/ImageLink.js +19 -0
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -0
- package/dist/src/lib/components/ImageLink/style.module.css +111 -0
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.d.ts +9 -0
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js +12 -0
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css +14 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -0
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +15 -0
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +45 -0
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -0
- package/dist/src/lib/components/InformationIcon/style.module.css +90 -0
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Input/Input.d.ts +31 -0
- package/dist/src/lib/components/Input/Input.js +26 -0
- package/dist/src/lib/components/Input/Input.js.map +1 -0
- package/dist/src/lib/components/Input/style.module.css +88 -0
- package/dist/src/lib/components/Input/style.module.css.map +1 -0
- package/dist/src/lib/components/Jumbotron/Jumbotron.d.ts +9 -0
- package/dist/src/lib/components/Jumbotron/Jumbotron.js +10 -0
- package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -0
- package/dist/src/lib/components/Jumbotron/style.module.css +5 -0
- package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -0
- package/dist/src/lib/components/Nav/Nav.d.ts +22 -0
- package/dist/src/lib/components/Nav/Nav.js +62 -0
- package/dist/src/lib/components/Nav/Nav.js.map +1 -0
- package/dist/src/lib/components/Nav/style.module.css +299 -0
- package/dist/src/lib/components/Nav/style.module.css.map +1 -0
- package/dist/src/lib/components/NavItem/NavItem.d.ts +15 -0
- package/dist/src/lib/components/NavItem/NavItem.js +22 -0
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -0
- package/dist/src/lib/components/NavItem/style.module.css +133 -0
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -0
- package/dist/src/lib/components/NewsCard/NewsCard.d.ts +14 -0
- package/dist/src/lib/components/NewsCard/NewsCard.js +21 -0
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -0
- package/dist/src/lib/components/NewsCard/style.module.css +34 -0
- package/dist/src/lib/components/NewsCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Profile/Profile.d.ts +18 -0
- package/dist/src/lib/components/Profile/Profile.js +36 -0
- package/dist/src/lib/components/Profile/Profile.js.map +1 -0
- package/dist/src/lib/components/Profile/style.module.css +110 -0
- package/dist/src/lib/components/Profile/style.module.css.map +1 -0
- package/dist/src/lib/components/Row/Row.d.ts +8 -0
- package/dist/src/lib/components/Row/Row.js +9 -0
- package/dist/src/lib/components/Row/Row.js.map +1 -0
- package/dist/src/lib/components/Row/style.module.css +5 -0
- package/dist/src/lib/components/Row/style.module.css.map +1 -0
- package/dist/src/lib/components/Search/Search.d.ts +13 -0
- package/dist/src/lib/components/Search/Search.js +24 -0
- package/dist/src/lib/components/Search/Search.js.map +1 -0
- package/dist/src/lib/components/Search/style.module.css +48 -0
- package/dist/src/lib/components/Search/style.module.css.map +1 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +21 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +64 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -0
- package/dist/src/lib/components/SocialBlock/style.module.css +88 -0
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -0
- package/dist/src/lib/components/StarRating/StarRating.d.ts +9 -0
- package/dist/src/lib/components/StarRating/StarRating.js +28 -0
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -0
- package/dist/src/lib/components/StarRating/style.module.css +10 -0
- package/dist/src/lib/components/StarRating/style.module.css.map +1 -0
- package/dist/src/lib/components/Testimonial/Testimonial.d.ts +17 -0
- package/dist/src/lib/components/Testimonial/Testimonial.js +28 -0
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -0
- package/dist/src/lib/components/Testimonial/style.module.css +38 -0
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +26 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +105 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css +106 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -0
- package/dist/src/lib/components/TextArea/TextArea.d.ts +27 -0
- package/dist/src/lib/components/TextArea/TextArea.js +20 -0
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -0
- package/dist/src/lib/components/TextArea/style.module.css +73 -0
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -0
- package/dist/src/lib/components/Timeline/Timeline.d.ts +14 -0
- package/dist/src/lib/components/Timeline/Timeline.js +127 -0
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -0
- package/dist/src/lib/components/Timeline/style.module.css +249 -0
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -0
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +12 -0
- package/dist/src/lib/components/Tubestops/Tubestops.js +38 -0
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -0
- package/dist/src/lib/components/Tubestops/style.module.css +952 -0
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -0
- package/dist/src/lib/components/UserIcon/UserIcon.d.ts +11 -0
- package/dist/src/lib/components/UserIcon/UserIcon.js +17 -0
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -0
- package/dist/src/lib/components/UserIcon/style.module.css +42 -0
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Video/Video.d.ts +17 -0
- package/dist/src/lib/components/Video/Video.js +9 -0
- package/dist/src/lib/components/Video/Video.js.map +1 -0
- package/dist/src/lib/index.d.ts +38 -38
- package/dist/src/lib/index.js +39 -41
- package/dist/src/lib/index.js.map +1 -1
- package/package.json +2 -6
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Collapsible from '../Collapsible';
|
|
2
|
+
import Collapsible from '../Collapsible/Collapsible';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import style from './style.module.css';
|
|
5
4
|
const Accordion = ({ id, className, items }) => {
|
|
6
|
-
return (React.createElement("div", { id: id, className: classNames(className
|
|
5
|
+
return (React.createElement("div", { id: id, className: classNames(className) }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
7
6
|
return (React.createElement(Collapsible, Object.assign({ key: `collapsible_item_${i}` }, item), item.children));
|
|
8
7
|
})));
|
|
9
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,IAC1C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,WAAW,kBACV,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,IAAI,GAEP,IAAI,CAAC,QAAQ,CACF,CACf,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props as iconProps } from '../Icon/Icon';
|
|
3
|
+
export interface Props {
|
|
4
|
+
id?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
type?: 'success' | 'warning' | 'error' | 'info';
|
|
7
|
+
text?: string;
|
|
8
|
+
leftIconProps?: iconProps;
|
|
9
|
+
rightIconProps?: iconProps;
|
|
10
|
+
textCenter?: boolean;
|
|
11
|
+
isDismissable?: boolean;
|
|
12
|
+
theme?: 'light' | 'dark';
|
|
13
|
+
onDismissClick?: React.MouseEventHandler;
|
|
14
|
+
}
|
|
15
|
+
declare const AlertBar: ({ id, className, type, text, theme, leftIconProps, rightIconProps, textCenter, isDismissable, onDismissClick }: Props) => JSX.Element;
|
|
16
|
+
export default AlertBar;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import Icon from '../Icon/Icon';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { getTheme } from '../../utils/theme';
|
|
5
|
+
import style from './style.module.css';
|
|
6
|
+
const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick }) => {
|
|
7
|
+
const themeToUse = getTheme();
|
|
8
|
+
const [alertBarStatus, setAlertBarStatus] = useState({
|
|
9
|
+
state: 'open',
|
|
10
|
+
display: true
|
|
11
|
+
});
|
|
12
|
+
const bgColor = classNames({
|
|
13
|
+
'bg-rupertbennett-success': type === 'success' && themeToUse === 'rupertbennett',
|
|
14
|
+
'bg-rupertbennett-warning': type === 'warning' && themeToUse === 'rupertbennett',
|
|
15
|
+
'bg-rupertbennett-error': type === 'error' && themeToUse === 'rupertbennett',
|
|
16
|
+
'bg-rupertbennett-info-light': type === 'info' && themeToUse === 'rupertbennett',
|
|
17
|
+
'bg-bootson-success': type === 'success' && themeToUse === 'bootson',
|
|
18
|
+
'bg-bootson-warning': type === 'warning' && themeToUse === 'bootson',
|
|
19
|
+
'bg-bootson-error': type === 'error' && themeToUse === 'bootson',
|
|
20
|
+
'bg-bootson-info-light': type === 'info' && themeToUse === 'bootson'
|
|
21
|
+
});
|
|
22
|
+
const alertBarState = classNames({
|
|
23
|
+
[style.visible]: alertBarStatus.state === 'open',
|
|
24
|
+
[style.invisible]: alertBarStatus.state === 'closed',
|
|
25
|
+
hidden: !alertBarStatus.display
|
|
26
|
+
});
|
|
27
|
+
const classList = classNames(className, bgColor, alertBarState, [style.alertBar], 'w-parent transition-opactiy');
|
|
28
|
+
const textClassList = classNames({
|
|
29
|
+
[style.textCenter]: textCenter,
|
|
30
|
+
[style.notTextCenter]: !textCenter
|
|
31
|
+
}, [style.textClassList]);
|
|
32
|
+
const rightIconClasses = classNames({
|
|
33
|
+
[style.dismissable]: isDismissable
|
|
34
|
+
}, [style.rightIconClassList]);
|
|
35
|
+
const closeAlertBar = (e) => {
|
|
36
|
+
setAlertBarStatus({
|
|
37
|
+
state: 'closed',
|
|
38
|
+
display: alertBarStatus.display
|
|
39
|
+
});
|
|
40
|
+
setTimeout(() => setAlertBarStatus({
|
|
41
|
+
state: 'closed',
|
|
42
|
+
display: false
|
|
43
|
+
}), 700);
|
|
44
|
+
if (onDismissClick != null) {
|
|
45
|
+
onDismissClick(e);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const dismissIcon = (React.createElement(Icon, { type: 'multiply', colour: 'white' }));
|
|
49
|
+
const iconLeft = (leftIconProps != null) &&
|
|
50
|
+
React.createElement(Icon, Object.assign({}, leftIconProps));
|
|
51
|
+
const iconRight = (rightIconProps != null) &&
|
|
52
|
+
React.createElement(Icon, Object.assign({}, rightIconProps));
|
|
53
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
54
|
+
(leftIconProps != null) &&
|
|
55
|
+
React.createElement("span", { className: style.leftIconClassList }, iconLeft),
|
|
56
|
+
React.createElement("h3", { className: textClassList }, text),
|
|
57
|
+
isDismissable &&
|
|
58
|
+
React.createElement("a", { className: rightIconClasses, onClick: (e) => closeAlertBar(e) },
|
|
59
|
+
React.createElement("span", null, dismissIcon)),
|
|
60
|
+
(iconRight != null) && !isDismissable &&
|
|
61
|
+
React.createElement("span", { className: rightIconClasses }, iconRight)));
|
|
62
|
+
};
|
|
63
|
+
export default AlertBar;
|
|
64
|
+
//# sourceMappingURL=AlertBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertBar.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
.alertBar {
|
|
2
|
+
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
padding-top: 0.5rem;
|
|
6
|
+
|
|
7
|
+
padding-bottom: 0.5rem;
|
|
8
|
+
|
|
9
|
+
--tw-text-opacity: 1;
|
|
10
|
+
|
|
11
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
12
|
+
|
|
13
|
+
transition-duration: 700ms
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.visible {
|
|
17
|
+
|
|
18
|
+
opacity: 1
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.invisible {
|
|
22
|
+
|
|
23
|
+
opacity: 0
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.dismissable:hover {
|
|
27
|
+
|
|
28
|
+
cursor: pointer
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rightIconClassList {
|
|
32
|
+
|
|
33
|
+
padding-left: 2rem;
|
|
34
|
+
|
|
35
|
+
padding-right: 2rem;
|
|
36
|
+
|
|
37
|
+
padding-top: 0.75rem
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.leftIconClassList {
|
|
41
|
+
|
|
42
|
+
padding-top: 0.75rem;
|
|
43
|
+
|
|
44
|
+
padding-left: 2rem
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.textCenter {
|
|
48
|
+
|
|
49
|
+
text-align: center
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.notTextCenter {
|
|
53
|
+
|
|
54
|
+
padding-left: 1rem
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.textClassList {
|
|
58
|
+
|
|
59
|
+
width: 100%;
|
|
60
|
+
|
|
61
|
+
padding-top: 0.75rem;
|
|
62
|
+
|
|
63
|
+
padding-bottom: 0.75rem
|
|
64
|
+
}
|
|
65
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/AlertBar/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC,sBAAwC;;IAAxC,oBAAwC;;IAAxC,gDAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA;AAAkB;;AAIlB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAqB;;AAIrB;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAW;;AAIX;;IAAA,WAAkB;;IAAlB,oBAAkB;;IAAlB;AAAkB","file":"style.module.css","sourcesContent":[".alertBar {\n @apply text-white flex py-2 duration-700;\n}\n\n.visible {\n @apply opacity-100;\n}\n\n.invisible {\n @apply opacity-0;\n}\n\n.dismissable:hover {\n @apply cursor-pointer;\n}\n\n.rightIconClassList {\n @apply px-8 pt-3;\n}\n\n.leftIconClassList {\n @apply pt-3 pl-8;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.notTextCenter {\n @apply pl-4;\n}\n\n.textClassList {\n @apply w-full py-3;\n}"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface Props {
|
|
3
|
+
id?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
links?: Array<{
|
|
6
|
+
name: string;
|
|
7
|
+
href: string;
|
|
8
|
+
}>;
|
|
9
|
+
}
|
|
10
|
+
declare const Breadcrumbs: ({ id, className, links }: Props) => JSX.Element;
|
|
11
|
+
export default Breadcrumbs;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const Breadcrumbs = ({ id, className, links }) => {
|
|
5
|
+
const linksLength = (links != null)
|
|
6
|
+
? Object.keys(links).length
|
|
7
|
+
: 0;
|
|
8
|
+
const classList = classNames(className, style.classList);
|
|
9
|
+
return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
|
|
10
|
+
return (React.createElement("div", { key: `breadcrumb_${i + 1}`, className: style.breadcrumb },
|
|
11
|
+
React.createElement("li", { className: 'h-8' }, i + 1 >= linksLength
|
|
12
|
+
? (React.createElement("p", { className: style.linkText }, link.name))
|
|
13
|
+
: (React.createElement("p", { className: style.linkText },
|
|
14
|
+
React.createElement("a", { className: style.link, href: link.href }, link.name)))),
|
|
15
|
+
i + 1 < linksLength &&
|
|
16
|
+
React.createElement("li", { className: style.middleWrapper },
|
|
17
|
+
React.createElement("p", { className: style.middle }, "\u00A0 > \u00A0"))));
|
|
18
|
+
})));
|
|
19
|
+
};
|
|
20
|
+
export default Breadcrumbs;
|
|
21
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/lib/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;QAC3B,CAAC,CAAC,CAAC,CAAA;IAEL,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACtB,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,UAAU;YAC1D,4BAAI,SAAS,EAAC,KAAK,IAChB,CAAC,GAAG,CAAC,IAAI,WAAW;gBACnB,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,IACzB,IAAI,CAAC,IAAI,CACR,CACH;gBACH,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ;oBAC1B,2BACE,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACR,CACF,CACH,CACF;YACJ,CAAC,GAAG,CAAC,GAAG,WAAW;gBAClB,4BAAI,SAAS,EAAE,KAAK,CAAC,aAAa;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,sBAAyB,CAChD,CACH,CACP,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
padding-top: 0.5rem;
|
|
6
|
+
|
|
7
|
+
padding-bottom: 0.5rem;
|
|
8
|
+
|
|
9
|
+
padding-left: 2rem;
|
|
10
|
+
|
|
11
|
+
padding-right: 2rem
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.breadcrumb {
|
|
15
|
+
|
|
16
|
+
display: flex
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.linkText {
|
|
20
|
+
|
|
21
|
+
padding-left: 0.25rem;
|
|
22
|
+
|
|
23
|
+
padding-right: 0.25rem;
|
|
24
|
+
|
|
25
|
+
padding-top: 0.25rem;
|
|
26
|
+
|
|
27
|
+
padding-bottom: 0.25rem
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.link {
|
|
31
|
+
|
|
32
|
+
--tw-text-opacity: 1;
|
|
33
|
+
|
|
34
|
+
color: rgb(59 89 153 / var(--tw-text-opacity))
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.link:hover {
|
|
38
|
+
|
|
39
|
+
text-decoration-line: underline
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.middleWrapper {
|
|
43
|
+
|
|
44
|
+
height: 2rem
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.middle {
|
|
48
|
+
|
|
49
|
+
padding-top: 0.25rem;
|
|
50
|
+
|
|
51
|
+
padding-bottom: 0.25rem
|
|
52
|
+
}
|
|
53
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Breadcrumbs/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAqB;;IAArB,mBAAqB;;IAArB,sBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW;;AAIX;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,oBAAoC;;IAApC;AAAoC;;AAApC;;IAAA;AAAoC;;AAIpC;;IAAA;AAAU;;AAIV;;IAAA,oBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".classList {\n @apply flex py-2 px-8;\n}\n\n.breadcrumb {\n @apply flex;\n}\n\n.linkText {\n @apply px-1 py-1;\n}\n\n.link {\n @apply text-facebook hover:underline;\n}\n\n.middleWrapper {\n @apply h-8;\n}\n\n.middle {\n @apply py-1;\n}"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props as breadcrumbsItemProps } from '../BreadcrumbsItem/BreadcrumbsItem';
|
|
3
|
+
export interface Props {
|
|
4
|
+
id?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
links?: breadcrumbsItemProps[];
|
|
7
|
+
}
|
|
8
|
+
declare const Breadcrumbs: React.FC<Props>;
|
|
9
|
+
export default Breadcrumbs;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import BreadcrumbsItem from '../BreadcrumbsItem/BreadcrumbsItem';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
5
|
+
const Breadcrumbs = ({ id, className, links }) => {
|
|
6
|
+
const linksLength = (links === null || links === void 0 ? void 0 : links.length) !== undefined ? links.length : 0;
|
|
7
|
+
const classList = classNames(className, style.classList);
|
|
8
|
+
return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
|
|
9
|
+
const margin = i === 0 ? style.marginRight : style.marginBottom;
|
|
10
|
+
const first = i === 0;
|
|
11
|
+
let bType = 'standard';
|
|
12
|
+
if (linksLength >= 1 && i + 1 < linksLength) {
|
|
13
|
+
bType = 'link';
|
|
14
|
+
}
|
|
15
|
+
return (React.createElement(BreadcrumbsItem, { key: `breadcrumb_item_${i + 0}`, className: margin, name: link.name, link: link.link, type: bType, firstItem: first }));
|
|
16
|
+
})));
|
|
17
|
+
};
|
|
18
|
+
export default Breadcrumbs;
|
|
19
|
+
//# sourceMappingURL=BreadcrumbsBordered.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbsBordered.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAkD,MAAM,6CAA6C,CAAA;AAC5G,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,KAAK,EACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAA0B,EAAE,CAAS,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA;QAC/D,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;QAErB,IAAI,KAAK,GAAG,UAAU,CAAA;QACtB,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;YAC3C,KAAK,GAAG,MAAM,CAAA;SACf;QACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAC/B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,GAChB,CACH,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/BreadcrumbsBordered/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW","file":"style.module.css","sourcesContent":[".classList {\n @apply flex;\n}\n\n.marginBottom {\n @apply mx-3;\n}\n\n.marginRight {\n @apply mr-3;\n}"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface Props {
|
|
3
|
+
id?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
link: string;
|
|
7
|
+
type?: string;
|
|
8
|
+
firstItem?: boolean;
|
|
9
|
+
href?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const BreadcrumbsItem: ({ id, className, name, link, href, type, firstItem }: Props) => JSX.Element;
|
|
12
|
+
export default BreadcrumbsItem;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const BreadcrumbsItem = ({ id, className, name, link, href, type, firstItem }) => {
|
|
5
|
+
const [isHovering, setIsHovering] = useState(false);
|
|
6
|
+
const classList = classNames(className, 'item');
|
|
7
|
+
const itemClassList = classNames({
|
|
8
|
+
'hover:underline': type === 'link',
|
|
9
|
+
'mb-0': isHovering
|
|
10
|
+
}, 'bc-item relative px-4 h-8');
|
|
11
|
+
const frontArrow = (React.createElement("span", { style: {
|
|
12
|
+
borderTop: '17px solid transparent',
|
|
13
|
+
borderBottom: '15px solid transparent',
|
|
14
|
+
borderLeft: '16px solid',
|
|
15
|
+
right: '-16px'
|
|
16
|
+
}, className: style.frontArrowClassList }));
|
|
17
|
+
const backArrows = (React.createElement(React.Fragment, null,
|
|
18
|
+
React.createElement("span", { style: {
|
|
19
|
+
borderTop: '17px solid',
|
|
20
|
+
borderBottom: '18px solid transparent',
|
|
21
|
+
borderLeft: '17px solid transparent',
|
|
22
|
+
left: '-17px',
|
|
23
|
+
// '-webkit-transform': 'scaleY(-1)',
|
|
24
|
+
transform: 'scaleY(-1)'
|
|
25
|
+
}, className: `${style.backArrowsClassList} ${style.bottomArrowClassList}` }),
|
|
26
|
+
React.createElement("span", { style: {
|
|
27
|
+
borderTop: '18px solid',
|
|
28
|
+
borderBottom: '17px solid transparent',
|
|
29
|
+
borderLeft: '17px solid transparent',
|
|
30
|
+
left: '-17px'
|
|
31
|
+
}, className: `${style.backArrowsClassList} ${style.topArrowClassList}` })));
|
|
32
|
+
const renderWithFrontArrow = (React.createElement("div", { className: itemClassList },
|
|
33
|
+
React.createElement("p", { className: style.textClassList },
|
|
34
|
+
name,
|
|
35
|
+
frontArrow)));
|
|
36
|
+
const renderWithBackArrows = (React.createElement("div", { className: itemClassList },
|
|
37
|
+
React.createElement("p", { className: style.textClassList },
|
|
38
|
+
backArrows,
|
|
39
|
+
name,
|
|
40
|
+
frontArrow)));
|
|
41
|
+
return (React.createElement("div", { id: id, className: classList }, type === 'link'
|
|
42
|
+
? (firstItem === true
|
|
43
|
+
? (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
|
|
44
|
+
React.createElement("li", { className: style.liClassList }, renderWithFrontArrow)))
|
|
45
|
+
: (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
|
|
46
|
+
React.createElement("li", { className: style.liClassList }, renderWithBackArrows))))
|
|
47
|
+
: (firstItem === true
|
|
48
|
+
? (React.createElement("li", { className: style.liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithFrontArrow))
|
|
49
|
+
: (React.createElement("li", { className: style.liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithBackArrows)))));
|
|
50
|
+
};
|
|
51
|
+
export default BreadcrumbsItem;
|
|
52
|
+
//# sourceMappingURL=BreadcrumbsItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbsItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsItem/BreadcrumbsItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
.backArrowClassList {
|
|
2
|
+
|
|
3
|
+
position: absolute;
|
|
4
|
+
|
|
5
|
+
height: 0px;
|
|
6
|
+
|
|
7
|
+
width: 0px;
|
|
8
|
+
|
|
9
|
+
border-left-color: transparent;
|
|
10
|
+
|
|
11
|
+
background-color: transparent
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.frontArrowClassList {
|
|
15
|
+
|
|
16
|
+
position: absolute;
|
|
17
|
+
|
|
18
|
+
top: 0px;
|
|
19
|
+
|
|
20
|
+
height: 0px;
|
|
21
|
+
|
|
22
|
+
width: 0px;
|
|
23
|
+
|
|
24
|
+
border-top-width: 1px
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.bottomArrowClassList = {
|
|
28
|
+
|
|
29
|
+
bottom: 0px
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.topArrowClassList {
|
|
33
|
+
|
|
34
|
+
top: 0px
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.textClassList {
|
|
38
|
+
|
|
39
|
+
padding-top: 0.25rem;
|
|
40
|
+
|
|
41
|
+
text-align: center
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.liClassList {
|
|
45
|
+
|
|
46
|
+
list-style-type: none
|
|
47
|
+
}
|
|
48
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/BreadcrumbsItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA2D;;IAA3D,WAA2D;;IAA3D,UAA2D;;IAA3D,8BAA2D;;IAA3D;AAA2D;;AAI3D;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAe;;AAIf;;IAAA;AAAY;;AAIZ;;IAAA,oBAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".backArrowClassList {\n @apply absolute w-0 h-0 bg-transparent border-l-transparent;\n}\n\n.frontArrowClassList {\n @apply absolute top-0 w-0 h-0 border-t;\n}\n\n.bottomArrowClassList = {\n @apply bottom-0;\n}\n\n.topArrowClassList {\n @apply top-0;\n}\n\n.textClassList {\n @apply text-center pt-1;\n}\n\n.liClassList {\n @apply list-none;\n}"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface Props {
|
|
3
|
+
id?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
onClick?: React.MouseEventHandler;
|
|
6
|
+
hoverText?: string;
|
|
7
|
+
variant?: 'primary' | 'secondary';
|
|
8
|
+
type?: 'social' | 'icon' | 'default';
|
|
9
|
+
href?: string;
|
|
10
|
+
rounded?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
isLoading?: boolean;
|
|
13
|
+
openInNewTab?: boolean;
|
|
14
|
+
children?: any;
|
|
15
|
+
}
|
|
16
|
+
declare const Button: ({ id, className, onClick, hoverText, variant, type, href, rounded, disabled, isLoading, openInNewTab, children }: Props) => JSX.Element;
|
|
17
|
+
export default Button;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Icon from '../Icon/Icon';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
5
|
+
const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children }) => {
|
|
6
|
+
const padding = classNames({
|
|
7
|
+
[style.social]: type === 'social',
|
|
8
|
+
[style.icon]: type === 'icon',
|
|
9
|
+
[style.default]: type === 'default'
|
|
10
|
+
}, [style.padding]);
|
|
11
|
+
const loadingClasses = classNames({
|
|
12
|
+
invisible: !isLoading
|
|
13
|
+
}, style.loading);
|
|
14
|
+
const classList = classNames({
|
|
15
|
+
[style.primary]: variant === 'primary',
|
|
16
|
+
[style.primaryNotDisabled]: !disabled && variant === 'primary',
|
|
17
|
+
[style.secondary]: variant === 'secondary',
|
|
18
|
+
[style.secondaryNotDisabled]: !disabled && variant === 'secondary',
|
|
19
|
+
[style.disabled]: disabled,
|
|
20
|
+
[style.rounded]: rounded,
|
|
21
|
+
[style.notRounded]: !rounded
|
|
22
|
+
}, style.classList, className, padding, 'transition-backgroundColor');
|
|
23
|
+
const loadingIcon = (React.createElement(Icon, { size: 1, type: 'spinner', animation: 'pulse', colour: 'white', bgColour: 'primary' }));
|
|
24
|
+
return (React.createElement("a", Object.assign({}, (openInNewTab && { target: '_blank' }), { href: href }),
|
|
25
|
+
React.createElement("button", Object.assign({ id: id, className: classList, "aria-busy": isLoading }, ((onClick != null) &&
|
|
26
|
+
{ onClick }), (disabled &&
|
|
27
|
+
{ disabled })),
|
|
28
|
+
React.createElement("div", { className: classNames({ invisible: isLoading }) }, children),
|
|
29
|
+
isLoading &&
|
|
30
|
+
React.createElement("div", { className: loadingClasses }, loadingIcon))));
|
|
31
|
+
};
|
|
32
|
+
export default Button;
|
|
33
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QACjC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACpC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC9D,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;QAC1C,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAClE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO;KAC7B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,4BAA4B,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACH,CAAA;IAED,OAAO,CACL,2CACM,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAC1C,IAAI,EAAE,IAAI;QAEV,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,eACT,SAAS,IAChB,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC;YACV,EAAE,OAAO,EAAE,CAAC,EACpB,CAAC,QAAQ;YACD,EAAE,QAAQ,EAAE,CAAC;YAEzB,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,IACjD,QAAQ,CACL;YACL,SAAS;gBACR,6BAAK,SAAS,EAAE,cAAc,IAC3B,WAAW,CACR,CACD,CACP,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
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));
|
|
4
|
+
|
|
5
|
+
border-width: 2px;
|
|
6
|
+
|
|
7
|
+
transition-duration: 500ms
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.loading {
|
|
11
|
+
|
|
12
|
+
position: absolute;
|
|
13
|
+
|
|
14
|
+
left: 50%;
|
|
15
|
+
|
|
16
|
+
top: 25%;
|
|
17
|
+
|
|
18
|
+
margin-left: -0.5rem
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.social {
|
|
22
|
+
|
|
23
|
+
padding-left: 0.25rem;
|
|
24
|
+
|
|
25
|
+
padding-right: 0.25rem;
|
|
26
|
+
|
|
27
|
+
padding-top: 0.25rem;
|
|
28
|
+
|
|
29
|
+
padding-bottom: 0.25rem
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.icon {
|
|
33
|
+
|
|
34
|
+
padding-left: 0.75rem;
|
|
35
|
+
|
|
36
|
+
padding-right: 0.75rem
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.default {
|
|
40
|
+
|
|
41
|
+
padding-left: 2rem;
|
|
42
|
+
|
|
43
|
+
padding-right: 2rem
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.padding {
|
|
47
|
+
|
|
48
|
+
padding-top: 0.5rem;
|
|
49
|
+
|
|
50
|
+
padding-bottom: 0.5rem
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.primary {
|
|
54
|
+
|
|
55
|
+
--tw-border-opacity: 1;
|
|
56
|
+
|
|
57
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
58
|
+
|
|
59
|
+
--tw-bg-opacity: 1;
|
|
60
|
+
|
|
61
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
62
|
+
|
|
63
|
+
--tw-text-opacity: 1;
|
|
64
|
+
|
|
65
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.primaryNotDisabled:hover {
|
|
69
|
+
|
|
70
|
+
--tw-border-opacity: 1;
|
|
71
|
+
|
|
72
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
73
|
+
|
|
74
|
+
--tw-bg-opacity: 1;
|
|
75
|
+
|
|
76
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
77
|
+
|
|
78
|
+
--tw-text-opacity: 1;
|
|
79
|
+
|
|
80
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.secondary {
|
|
84
|
+
|
|
85
|
+
--tw-border-opacity: 1;
|
|
86
|
+
|
|
87
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
88
|
+
|
|
89
|
+
--tw-bg-opacity: 1;
|
|
90
|
+
|
|
91
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
92
|
+
|
|
93
|
+
--tw-text-opacity: 1;
|
|
94
|
+
|
|
95
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.secondaryNotDisabled:hover {
|
|
99
|
+
|
|
100
|
+
--tw-border-opacity: 1;
|
|
101
|
+
|
|
102
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
103
|
+
|
|
104
|
+
--tw-bg-opacity: 1;
|
|
105
|
+
|
|
106
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
107
|
+
|
|
108
|
+
--tw-text-opacity: 1;
|
|
109
|
+
|
|
110
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.disabled {
|
|
114
|
+
|
|
115
|
+
opacity: 0.5
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.rounded {
|
|
119
|
+
|
|
120
|
+
border-radius: 0.5rem
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.notRounded {
|
|
124
|
+
|
|
125
|
+
border-radius: 0px
|
|
126
|
+
}
|
|
127
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAAsC;;IAAtC,iBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,mBAAW;;IAAX;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,yDAAyC;;IAAzC,kBAAyC;;IAAzC,sDAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,sDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n @apply border-2 duration-500 transform;\n}\n\n.loading {\n @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n @apply px-1 py-1;\n}\n\n.icon {\n @apply px-3;\n}\n\n.default {\n @apply px-8;\n}\n\n.padding {\n @apply py-2;\n}\n\n.primary {\n @apply bg-primary text-white border-white;\n}\n\n.primaryNotDisabled:hover {\n @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n @apply bg-white text-primary border-primary;\n}\n\n.secondaryNotDisabled:hover {\n @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n @apply opacity-50;\n}\n\n.rounded {\n @apply rounded-lg;\n}\n\n.notRounded {\n @apply rounded-none;\n}"]}
|