trepur_components 1.0.5 → 1.0.7
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/{index.d.ts → AlertBar.d.ts} +1 -1
- package/dist/src/lib/components/AlertBar/{index.js → AlertBar.js} +12 -12
- 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/{index.d.ts → Breadcrumbs.d.ts} +0 -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/{index.d.ts → BreadcrumbsBordered.d.ts} +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/{index.js → BreadcrumbsBordered.js} +5 -4
- 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/{index.d.ts → BreadcrumbsItem.d.ts} +0 -0
- package/dist/src/lib/components/BreadcrumbsItem/{index.js → BreadcrumbsItem.js} +11 -16
- 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/{index.d.ts → Button.d.ts} +0 -0
- package/dist/src/lib/components/Button/{index.js → Button.js} +17 -16
- 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/{index.d.ts → Card.d.ts} +2 -2
- package/dist/src/lib/components/Card/{index.js → Card.js} +31 -31
- 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/{index.d.ts → CardWithTopImage.d.ts} +1 -1
- 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/{index.d.ts → Carousel.d.ts} +1 -0
- package/dist/src/lib/components/Carousel/{index.js → Carousel.js} +12 -11
- 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/{index.d.ts → Collapsible.d.ts} +1 -1
- package/dist/src/lib/components/Collapsible/{index.js → Collapsible.js} +16 -15
- 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/{index.d.ts → Column.d.ts} +0 -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/{index.d.ts → Container.d.ts} +0 -0
- package/dist/src/lib/components/Container/{index.js → Container.js} +3 -2
- 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/{FooterBar/index.d.ts → Footer/Footer.d.ts} +3 -3
- 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/{index.d.ts → Form.d.ts} +3 -4
- package/dist/src/lib/components/Form/{index.js → Form.js} +6 -5
- 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/{index.d.ts → FyreCard.d.ts} +1 -1
- package/dist/src/lib/components/FyreCard/{index.js → FyreCard.js} +8 -7
- 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/{index.d.ts → Greeting.d.ts} +0 -0
- package/dist/src/lib/components/Greeting/{index.js → Greeting.js} +2 -4
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/{index.d.ts → HamburgerIcon.d.ts} +0 -1
- package/dist/src/lib/components/HamburgerIcon/{index.js → HamburgerIcon.js} +13 -10
- 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/{index.d.ts → Icon.d.ts} +0 -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/{index.d.ts → Image.d.ts} +0 -0
- package/dist/src/lib/components/Image/{index.js → Image.js} +10 -10
- 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/{index.d.ts → ImageLink.d.ts} +1 -1
- 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/{index.d.ts → ImageLinkList.d.ts} +1 -1
- package/dist/src/lib/components/ImageLinkList/{index.js → ImageLinkList.js} +5 -4
- 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/{index.d.ts → InformationIcon.d.ts} +1 -1
- package/dist/src/lib/components/InformationIcon/{index.js → InformationIcon.js} +7 -7
- 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/{index.d.ts → Input.d.ts} +0 -0
- package/dist/src/lib/components/Input/{index.js → Input.js} +9 -8
- 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/{index.d.ts → Jumbotron.d.ts} +0 -0
- package/dist/src/lib/components/Jumbotron/{index.js → Jumbotron.js} +3 -2
- 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/{index.d.ts → Nav.d.ts} +1 -1
- 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/{index.d.ts → NavItem.d.ts} +0 -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/{index.d.ts → NewsCard.d.ts} +2 -2
- package/dist/src/lib/components/NewsCard/{index.js → NewsCard.js} +9 -8
- 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/{index.d.ts → Profile.d.ts} +1 -1
- 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/{index.d.ts → Row.d.ts} +0 -0
- package/dist/src/lib/components/Row/{index.js → Row.js} +3 -2
- 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/{index.d.ts → Search.d.ts} +1 -1
- package/dist/src/lib/components/Search/{index.js → Search.js} +11 -10
- 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/{index.d.ts → SocialBlock.d.ts} +1 -1
- package/dist/src/lib/components/SocialBlock/{index.js → SocialBlock.js} +14 -15
- 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/{index.d.ts → StarRating.d.ts} +0 -0
- package/dist/src/lib/components/StarRating/{index.js → StarRating.js} +6 -5
- 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/{index.d.ts → Testimonial.d.ts} +1 -1
- package/dist/src/lib/components/Testimonial/{index.js → Testimonial.js} +7 -6
- 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/{index.d.ts → TextAndTitle.d.ts} +1 -1
- package/dist/src/lib/components/TextAndTitle/{index.js → TextAndTitle.js} +20 -19
- 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/{index.d.ts → TextArea.d.ts} +0 -0
- package/dist/src/lib/components/TextArea/{index.js → TextArea.js} +8 -7
- 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/{index.d.ts → Timeline.d.ts} +0 -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/{index.d.ts → Tubestops.d.ts} +0 -1
- 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/{index.d.ts → UserIcon.d.ts} +1 -1
- package/dist/src/lib/components/UserIcon/{index.js → UserIcon.js} +8 -7
- 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/{index.d.ts → Video.d.ts} +0 -0
- package/dist/src/lib/components/Video/{index.js → Video.js} +1 -1
- package/dist/src/lib/components/Video/{index.js.map → Video.js.map} +1 -1
- 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
- package/dist/src/lib/components/Accordion/style.module.css +0 -4
- package/dist/src/lib/components/Accordion/style.module.css.map +0 -1
- package/dist/src/lib/components/AlertBar/index.js.map +0 -1
- package/dist/src/lib/components/Breadcrumbs/index.js +0 -20
- package/dist/src/lib/components/Breadcrumbs/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +0 -1
- package/dist/src/lib/components/Button/index.js.map +0 -1
- package/dist/src/lib/components/Card/index.js.map +0 -1
- package/dist/src/lib/components/CardWithTopImage/index.js +0 -15
- package/dist/src/lib/components/CardWithTopImage/index.js.map +0 -1
- package/dist/src/lib/components/Carousel/index.js.map +0 -1
- package/dist/src/lib/components/ChevronCard/index.d.ts +0 -7
- package/dist/src/lib/components/ChevronCard/index.js +0 -20
- package/dist/src/lib/components/ChevronCard/index.js.map +0 -1
- package/dist/src/lib/components/Collapsible/index.js.map +0 -1
- package/dist/src/lib/components/Column/index.js +0 -83
- package/dist/src/lib/components/Column/index.js.map +0 -1
- package/dist/src/lib/components/Container/index.js.map +0 -1
- package/dist/src/lib/components/FooterBar/index.js +0 -15
- package/dist/src/lib/components/FooterBar/index.js.map +0 -1
- package/dist/src/lib/components/Form/index.js.map +0 -1
- package/dist/src/lib/components/FyreCard/index.js.map +0 -1
- package/dist/src/lib/components/Greeting/index.js.map +0 -1
- package/dist/src/lib/components/HamburgerIcon/index.js.map +0 -1
- package/dist/src/lib/components/Icon/index.js +0 -56
- package/dist/src/lib/components/Icon/index.js.map +0 -1
- package/dist/src/lib/components/Image/index.js.map +0 -1
- package/dist/src/lib/components/ImageLink/index.js +0 -18
- package/dist/src/lib/components/ImageLink/index.js.map +0 -1
- package/dist/src/lib/components/ImageLinkList/index.js.map +0 -1
- package/dist/src/lib/components/InformationIcon/index.js.map +0 -1
- package/dist/src/lib/components/Input/index.js.map +0 -1
- package/dist/src/lib/components/Jumbotron/index.js.map +0 -1
- package/dist/src/lib/components/Nav/index.js +0 -65
- package/dist/src/lib/components/Nav/index.js.map +0 -1
- package/dist/src/lib/components/NavItem/index.js +0 -24
- package/dist/src/lib/components/NavItem/index.js.map +0 -1
- package/dist/src/lib/components/NewsCard/index.js.map +0 -1
- package/dist/src/lib/components/Profile/index.js +0 -36
- package/dist/src/lib/components/Profile/index.js.map +0 -1
- package/dist/src/lib/components/Row/index.js.map +0 -1
- package/dist/src/lib/components/Search/index.js.map +0 -1
- package/dist/src/lib/components/SocialBlock/index.js.map +0 -1
- package/dist/src/lib/components/StarRating/index.js.map +0 -1
- package/dist/src/lib/components/Testimonial/index.js.map +0 -1
- package/dist/src/lib/components/TextAndTitle/index.js.map +0 -1
- package/dist/src/lib/components/TextArea/index.js.map +0 -1
- package/dist/src/lib/components/Timeline/index.css +0 -135
- package/dist/src/lib/components/Timeline/index.css.map +0 -1
- package/dist/src/lib/components/Timeline/index.js +0 -208
- package/dist/src/lib/components/Timeline/index.js.map +0 -1
- package/dist/src/lib/components/Tubestops/index.css +0 -97
- package/dist/src/lib/components/Tubestops/index.css.map +0 -1
- package/dist/src/lib/components/Tubestops/index.js +0 -44
- package/dist/src/lib/components/Tubestops/index.js.map +0 -1
- package/dist/src/lib/components/UserIcon/index.js.map +0 -1
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Button from '../Button';
|
|
2
|
+
import Button from '../Button/Button';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
4
5
|
const FyreCard = ({ id, className, image, imageClass, altText, bordered, buttonProps }) => {
|
|
5
6
|
const classList = classNames({
|
|
6
|
-
|
|
7
|
-
}, className,
|
|
8
|
-
const imageClassList = classNames(imageClass,
|
|
7
|
+
[style.bordered]: bordered
|
|
8
|
+
}, className, style.classList);
|
|
9
|
+
const imageClassList = classNames(imageClass, style.imageClassList);
|
|
9
10
|
return (React.createElement("div", { key: id, id: id, className: classList },
|
|
10
|
-
React.createElement("div", { className: 'card-content
|
|
11
|
+
React.createElement("div", { className: classNames(style.cardContent, 'card-content') },
|
|
11
12
|
React.createElement("div", null,
|
|
12
13
|
React.createElement("img", { className: imageClassList, src: image, alt: altText })),
|
|
13
|
-
React.createElement("div", { className:
|
|
14
|
+
React.createElement("div", { className: style.buttonWrapper },
|
|
14
15
|
React.createElement(Button, Object.assign({}, buttonProps), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children)))));
|
|
15
16
|
};
|
|
16
17
|
export default FyreCard;
|
|
17
|
-
//# sourceMappingURL=
|
|
18
|
+
//# sourceMappingURL=FyreCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FyreCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/FyreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAWtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;KAC3B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnE,OAAO,CACL,6BACE,GAAG,EAAE,EAAE,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,cAAc,CAAC;YAC3D;gBACE,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CACxD;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,oBAAK,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAU,CACrD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
flex-direction: column
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.cardContent {
|
|
9
|
+
|
|
10
|
+
display: flex;
|
|
11
|
+
|
|
12
|
+
flex: 1 1 0%;
|
|
13
|
+
|
|
14
|
+
flex-direction: column
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.buttonWrapper {
|
|
18
|
+
|
|
19
|
+
display: flex;
|
|
20
|
+
|
|
21
|
+
justify-content: flex-end
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.bordered {
|
|
25
|
+
|
|
26
|
+
border-width: 1px;
|
|
27
|
+
|
|
28
|
+
border-color: rgb(44 55 59 / var(--tw-border-opacity));
|
|
29
|
+
|
|
30
|
+
--tw-border-opacity: 1
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.imageClassList {
|
|
34
|
+
|
|
35
|
+
width: 100%
|
|
36
|
+
}
|
|
37
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/FyreCard/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,aAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAa","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.cardContent {\n @apply flex flex-1 flex-col;\n}\n\n.buttonWrapper {\n @apply flex justify-end;\n}\n\n.bordered {\n @apply border border-grey border-opacity-100;\n}\n\n.imageClassList {\n @apply w-full;\n}"]}
|
|
File without changes
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
2
|
const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening' }) => {
|
|
4
3
|
const today = new Date();
|
|
5
4
|
const hours = `0${today.getHours().toString()}`.slice(-2);
|
|
@@ -16,8 +15,7 @@ const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMes
|
|
|
16
15
|
else if (time > 165959) {
|
|
17
16
|
message = eveningMessage;
|
|
18
17
|
}
|
|
19
|
-
|
|
20
|
-
return (React.createElement("p", { id: id, className: classList }, message));
|
|
18
|
+
return (React.createElement("p", { id: id, className: className }, message));
|
|
21
19
|
};
|
|
22
20
|
export default Greeting;
|
|
23
|
-
//# sourceMappingURL=
|
|
21
|
+
//# sourceMappingURL=Greeting.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,EACzB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,CAAA;IACX,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,OAAO,CACL,2BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,OAAO,CACN,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,26 +1,29 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import Button from '../Button';
|
|
3
|
+
import Button from '../Button/Button';
|
|
4
|
+
import style from './style.module.css';
|
|
4
5
|
const HamburgerIcon = ({ id, className, onClick }) => {
|
|
5
6
|
const [opened, setOpened] = useState(false);
|
|
7
|
+
const classList = classNames(className, style.hamburgerIcon);
|
|
6
8
|
const lineOneClassList = classNames({
|
|
7
|
-
|
|
8
|
-
}, '
|
|
9
|
+
[style.lineOneOpened]: opened
|
|
10
|
+
}, style.lineOne, 'transition-transform');
|
|
9
11
|
const lineTwoClassList = classNames({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
+
[style.lineTwoOpened]: opened,
|
|
13
|
+
[style.lineTwoClosed]: !opened
|
|
14
|
+
}, style.lineTwo, 'transition-opacity');
|
|
12
15
|
const lineThreeClassList = classNames({
|
|
13
|
-
|
|
14
|
-
}, '
|
|
16
|
+
[style.lineThreeOpened]: opened
|
|
17
|
+
}, style.lineThree, 'transition-transform');
|
|
15
18
|
const toggleOpened = (e) => {
|
|
16
19
|
setOpened(!opened);
|
|
17
20
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
18
21
|
};
|
|
19
|
-
return (React.createElement(Button, { id: id, className:
|
|
20
|
-
React.createElement("svg", { className: '
|
|
22
|
+
return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant: 'primary', type: 'icon' },
|
|
23
|
+
React.createElement("svg", { className: classNames(style.svg, 'transition-backgroundColor'), width: '24', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
|
|
21
24
|
React.createElement("path", { className: lineOneClassList, d: 'M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z' }),
|
|
22
25
|
React.createElement("path", { className: lineTwoClassList, d: 'M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z' }),
|
|
23
26
|
React.createElement("path", { className: lineThreeClassList, d: 'M0 13.5C0 12.9477 0.447715 12.5 1 12.5H21C21.5523 12.5 22 12.9477 22 13.5C22 14.0523 21.5523 14.5 21 14.5H1C0.447716 14.5 0 14.0523 0 13.5Z' }))));
|
|
24
27
|
};
|
|
25
28
|
export default HamburgerIcon;
|
|
26
|
-
//# sourceMappingURL=
|
|
29
|
+
//# sourceMappingURL=HamburgerIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HamburgerIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAMtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAE5D,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;KAC9B,EAAE,KAAK,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAA;IAEzC,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;QAC7B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM;KAC/B,EAAE,KAAK,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;IAEvC,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,MAAM;KAChC,EAAE,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM;QAEX,6BACE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAC9D,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,sIAAsI,GACxI;YACF,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,oIAAoI,GACtI;YACF,8BACE,SAAS,EAAE,kBAAkB,EAC7B,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
.hamburgerIcon path {
|
|
2
|
+
|
|
3
|
+
transition-property: all;
|
|
4
|
+
|
|
5
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
6
|
+
|
|
7
|
+
transition-duration: 500ms
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.hamburgerIcon:hover path {
|
|
11
|
+
|
|
12
|
+
fill: #0036A0
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.lineOneOpened {
|
|
16
|
+
|
|
17
|
+
transform-origin: top left;
|
|
18
|
+
|
|
19
|
+
--tw-translate-x: 0.25rem;
|
|
20
|
+
|
|
21
|
+
--tw-translate-y: -0.125rem;
|
|
22
|
+
|
|
23
|
+
--tw-rotate: 45deg;
|
|
24
|
+
|
|
25
|
+
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))
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.lineTwoOpened {
|
|
29
|
+
|
|
30
|
+
opacity: 0
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.lineTwoClosed {
|
|
34
|
+
|
|
35
|
+
opacity: 1
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.lineThreeOpened {
|
|
39
|
+
|
|
40
|
+
transform-origin: bottom left;
|
|
41
|
+
|
|
42
|
+
--tw-translate-x: 0.25rem;
|
|
43
|
+
|
|
44
|
+
--tw-translate-y: 1px;
|
|
45
|
+
|
|
46
|
+
--tw-rotate: -45deg;
|
|
47
|
+
|
|
48
|
+
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))
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.lineOne {
|
|
52
|
+
|
|
53
|
+
transform-origin: top left;
|
|
54
|
+
|
|
55
|
+
transition-duration: 200ms;
|
|
56
|
+
|
|
57
|
+
transition-timing-function: linear
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.lineTwo {
|
|
61
|
+
|
|
62
|
+
transition-duration: 200ms;
|
|
63
|
+
|
|
64
|
+
transition-timing-function: linear
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.lineThree {
|
|
68
|
+
|
|
69
|
+
transform-origin: bottom left;
|
|
70
|
+
|
|
71
|
+
transition-duration: 200ms;
|
|
72
|
+
|
|
73
|
+
transition-timing-function: linear
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.svg {
|
|
77
|
+
|
|
78
|
+
margin-left: auto;
|
|
79
|
+
|
|
80
|
+
margin-right: auto;
|
|
81
|
+
|
|
82
|
+
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));
|
|
83
|
+
|
|
84
|
+
overflow: visible;
|
|
85
|
+
|
|
86
|
+
fill: #ffffff;
|
|
87
|
+
|
|
88
|
+
transition-duration: 500ms
|
|
89
|
+
}
|
|
90
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAmB;;AAInB;;IAAA,0BAA+D;;IAA/D,yBAA+D;;IAA/D,2BAA+D;;IAA/D,kBAA+D;;IAA/D;AAA+D;;AAI/D;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,6BAAiE;;IAAjE,yBAAiE;;IAAjE,qBAAiE;;IAAjE,mBAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,0BAA+C;;IAA/C,0BAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,0BAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,6BAAkD;;IAAlD,0BAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAiE;;IAAjE,kBAAiE;;IAAjE,+LAAiE;;IAAjE,iBAAiE;;IAAjE,aAAiE;;IAAjE;AAAiE","file":"style.module.css","sourcesContent":[".hamburgerIcon path {\n @apply transition-all duration-500;\n}\n\n.hamburgerIcon:hover path {\n @apply fill-primary;\n}\n\n.lineOneOpened {\n @apply origin-top-left rotate-45 translate-x-1 -translate-y-0.5;\n}\n\n.lineTwoOpened {\n @apply opacity-0;\n}\n\n.lineTwoClosed {\n @apply opacity-100;\n}\n\n.lineThreeOpened {\n @apply origin-bottom-left -rotate-45 translate-x-1 translate-y-px;\n}\n\n.lineOne {\n @apply origin-top-left duration-200 ease-linear;\n}\n\n.lineTwo {\n @apply duration-200 ease-linear;\n}\n\n.lineThree {\n @apply origin-bottom-left duration-200 ease-linear;\n}\n\n.svg {\n @apply mx-auto overflow-visible fill-white duration-500 transform;\n}"]}
|
|
File without changes
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'secondary', hoverColour = 'primary', hoverBgColour = 'secondary', rounded = false, brand = false }) => {
|
|
5
|
+
const colourString = colour;
|
|
6
|
+
const hoverColourString = hoverColour;
|
|
7
|
+
const bgColourString = bgColour;
|
|
8
|
+
const hoverBgColourString = hoverBgColour;
|
|
9
|
+
const fontColourKey = `text${colourString.charAt(0).toUpperCase()}${colourString.slice(1)}`;
|
|
10
|
+
const backgroundColourKey = `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}`;
|
|
11
|
+
const hoverFontColourKey = `hoverText${hoverColourString.charAt(0).toUpperCase()}${hoverColourString.slice(1)}`;
|
|
12
|
+
const hoverBackgroundColourKey = `hoverBg${hoverBgColourString.charAt(0).toUpperCase()}${hoverBgColourString.slice(1)}`;
|
|
13
|
+
const wrapperClassList = classNames({
|
|
14
|
+
[style.sizeOne]: size === 1,
|
|
15
|
+
[style.sizeTwo]: size === 2,
|
|
16
|
+
[style.sizeThree]: size === 3,
|
|
17
|
+
[style.sizeFour]: size === 4,
|
|
18
|
+
[style.sizeFive]: size === 5,
|
|
19
|
+
[style.sizeSix]: size === 6,
|
|
20
|
+
[style.sizeSeven]: size === 7,
|
|
21
|
+
[style.sizeEight]: size === 8,
|
|
22
|
+
[style.sizeNine]: size === 9,
|
|
23
|
+
[style.sizeTen]: size === 10,
|
|
24
|
+
[style.rounded]: rounded
|
|
25
|
+
}, className, style.wrapperClassList, style[backgroundColourKey], style[fontColourKey], style[hoverBackgroundColourKey], style[hoverFontColourKey], 'transition-backgroundColor');
|
|
26
|
+
const classList = classNames({
|
|
27
|
+
'fa-brands': brand,
|
|
28
|
+
[`fa-${size}x`]: size,
|
|
29
|
+
[`fa-${animation}`]: animation,
|
|
30
|
+
'fa-spin-reverse': reverseSpin,
|
|
31
|
+
'fa-regular': hollow
|
|
32
|
+
}, `${style.classList} fa fa-${type}`);
|
|
33
|
+
return (React.createElement("div", { id: id, className: wrapperClassList },
|
|
34
|
+
React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
|
|
35
|
+
};
|
|
36
|
+
export default Icon;
|
|
37
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +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,4BAA4B,CAC3B,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,WAAW,EAAE,KAAK;QAClB,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI;QACrB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9B,iBAAiB,EAAE,WAAW;QAC9B,YAAY,EAAE,MAAM;KACrB,EAAE,GAAG,KAAK,CAAC,SAAS,WAAW,IAAI,EAAE,CAAC,CAAA;IAEvC,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,gBAAgB;QAE3B,8BACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,KAAK,iBACE,MAAM,gBACN,IAAI,GAChB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
margin-left: auto;
|
|
4
|
+
|
|
5
|
+
margin-right: auto;
|
|
6
|
+
|
|
7
|
+
margin-top: auto;
|
|
8
|
+
|
|
9
|
+
margin-bottom: auto
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.sizeOne {
|
|
13
|
+
|
|
14
|
+
height: 1.5rem;
|
|
15
|
+
|
|
16
|
+
width: 1.5rem
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.sizeTwo {
|
|
20
|
+
|
|
21
|
+
height: 2.5rem;
|
|
22
|
+
|
|
23
|
+
width: 2.5rem
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.sizeThree {
|
|
27
|
+
|
|
28
|
+
height: 3.5rem;
|
|
29
|
+
|
|
30
|
+
width: 3.5rem
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.sizeFour {
|
|
34
|
+
|
|
35
|
+
height: 5rem;
|
|
36
|
+
|
|
37
|
+
width: 5rem
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.sizeFive {
|
|
41
|
+
|
|
42
|
+
height: 6rem;
|
|
43
|
+
|
|
44
|
+
width: 6rem
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.sizeSix {
|
|
48
|
+
|
|
49
|
+
height: 7rem;
|
|
50
|
+
|
|
51
|
+
width: 7rem
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.sizeSeven {
|
|
55
|
+
|
|
56
|
+
height: 8rem;
|
|
57
|
+
|
|
58
|
+
width: 8rem
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.sizeEight {
|
|
62
|
+
|
|
63
|
+
height: 9rem;
|
|
64
|
+
|
|
65
|
+
width: 9rem
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.sizeNine {
|
|
69
|
+
|
|
70
|
+
height: 10rem;
|
|
71
|
+
|
|
72
|
+
width: 10rem
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.sizeTen {
|
|
76
|
+
|
|
77
|
+
height: 11rem;
|
|
78
|
+
|
|
79
|
+
width: 11rem
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.rounded {
|
|
83
|
+
|
|
84
|
+
border-radius: 9999px
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.wrapperClassList {
|
|
88
|
+
|
|
89
|
+
display: flex;
|
|
90
|
+
|
|
91
|
+
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));
|
|
92
|
+
|
|
93
|
+
transition-duration: 500ms
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.textPrimary {
|
|
97
|
+
|
|
98
|
+
--tw-text-opacity: 1;
|
|
99
|
+
|
|
100
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
101
|
+
}
|
|
102
|
+
.textSecondary {
|
|
103
|
+
|
|
104
|
+
--tw-text-opacity: 1;
|
|
105
|
+
|
|
106
|
+
color: rgb(255 168 0 / var(--tw-text-opacity))
|
|
107
|
+
}
|
|
108
|
+
.textWhite {
|
|
109
|
+
|
|
110
|
+
--tw-text-opacity: 1;
|
|
111
|
+
|
|
112
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
113
|
+
}
|
|
114
|
+
.textBlack {
|
|
115
|
+
|
|
116
|
+
--tw-text-opacity: 1;
|
|
117
|
+
|
|
118
|
+
color: rgb(0 0 0 / var(--tw-text-opacity))
|
|
119
|
+
}
|
|
120
|
+
.textGold {
|
|
121
|
+
|
|
122
|
+
--tw-text-opacity: 1;
|
|
123
|
+
|
|
124
|
+
color: rgb(226 177 60 / var(--tw-text-opacity))
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.bgPrimary {
|
|
128
|
+
|
|
129
|
+
--tw-bg-opacity: 1;
|
|
130
|
+
|
|
131
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity))
|
|
132
|
+
}
|
|
133
|
+
.bgSecondary {
|
|
134
|
+
|
|
135
|
+
--tw-bg-opacity: 1;
|
|
136
|
+
|
|
137
|
+
background-color: rgb(255 168 0 / var(--tw-bg-opacity))
|
|
138
|
+
}
|
|
139
|
+
.bgWhite {
|
|
140
|
+
|
|
141
|
+
--tw-bg-opacity: 1;
|
|
142
|
+
|
|
143
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
|
144
|
+
}
|
|
145
|
+
.bglack {
|
|
146
|
+
|
|
147
|
+
--tw-bg-opacity: 1;
|
|
148
|
+
|
|
149
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity))
|
|
150
|
+
}
|
|
151
|
+
.bgGold {
|
|
152
|
+
|
|
153
|
+
--tw-bg-opacity: 1;
|
|
154
|
+
|
|
155
|
+
background-color: rgb(226 177 60 / var(--tw-bg-opacity))
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.hoverTextPrimary:hover {
|
|
159
|
+
|
|
160
|
+
--tw-text-opacity: 1;
|
|
161
|
+
|
|
162
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
163
|
+
}
|
|
164
|
+
.hoverTextSecondary:hover {
|
|
165
|
+
|
|
166
|
+
--tw-text-opacity: 1;
|
|
167
|
+
|
|
168
|
+
color: rgb(255 168 0 / var(--tw-text-opacity))
|
|
169
|
+
}
|
|
170
|
+
.hoverTextWhite:hover {
|
|
171
|
+
|
|
172
|
+
--tw-text-opacity: 1;
|
|
173
|
+
|
|
174
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
175
|
+
}
|
|
176
|
+
.hoverTextlack:hover {
|
|
177
|
+
|
|
178
|
+
--tw-text-opacity: 1;
|
|
179
|
+
|
|
180
|
+
color: rgb(0 0 0 / var(--tw-text-opacity))
|
|
181
|
+
}
|
|
182
|
+
.hoverTextGold:hover {
|
|
183
|
+
|
|
184
|
+
--tw-text-opacity: 1;
|
|
185
|
+
|
|
186
|
+
color: rgb(226 177 60 / var(--tw-text-opacity))
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.hoverBgPrimary:hover {
|
|
190
|
+
|
|
191
|
+
--tw-bg-opacity: 1;
|
|
192
|
+
|
|
193
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity))
|
|
194
|
+
}
|
|
195
|
+
.hoverBgSecondary:hover {
|
|
196
|
+
|
|
197
|
+
--tw-bg-opacity: 1;
|
|
198
|
+
|
|
199
|
+
background-color: rgb(255 168 0 / var(--tw-bg-opacity))
|
|
200
|
+
}
|
|
201
|
+
.hoverBgWhite:hover {
|
|
202
|
+
|
|
203
|
+
--tw-bg-opacity: 1;
|
|
204
|
+
|
|
205
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
|
206
|
+
}
|
|
207
|
+
.hoverBglack:hover {
|
|
208
|
+
|
|
209
|
+
--tw-bg-opacity: 1;
|
|
210
|
+
|
|
211
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity))
|
|
212
|
+
}
|
|
213
|
+
.hoverBgGold:hover {
|
|
214
|
+
|
|
215
|
+
--tw-bg-opacity: 1;
|
|
216
|
+
|
|
217
|
+
background-color: rgb(226 177 60 / var(--tw-bg-opacity))
|
|
218
|
+
}
|
|
219
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +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;;AAEf;;IAAA,kBAAiB;;IAAjB;AAAiB;AACf;;IAAA,kBAAmB;;IAAnB;AAAmB;AACvB;;IAAA,kBAAe;;IAAf;AAAe;AAChB;;IAAA,kBAAe;;IAAf;AAAe;AACf;;IAAA,kBAAc;;IAAd;AAAc;;AAEJ;;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;;AAErB;;IAAA,kBAAuB;;IAAvB;AAAuB;AACrB;;IAAA,kBAAyB;;IAAzB;AAAyB;AAC7B;;IAAA,kBAAqB;;IAArB;AAAqB;AACtB;;IAAA,kBAAqB;;IAArB;AAAqB;AACrB;;IAAA,kBAAoB;;IAApB;AAAoB","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\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\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\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; }"]}
|
|
File without changes
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
3
4
|
const Image = ({ id, className, image, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false }) => {
|
|
4
5
|
const [isHovering, setIsHovering] = useState(false);
|
|
5
6
|
const opacity = classNames({
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
[style.visible]: isHovering,
|
|
8
|
+
[style.invisible]: !isHovering
|
|
8
9
|
});
|
|
9
10
|
const widthClassList = classNames({
|
|
10
11
|
'w-6': width === 1,
|
|
@@ -35,20 +36,19 @@ const Image = ({ id, className, image, altText, title, rounded = false, roundedF
|
|
|
35
36
|
'h-full': (height === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(height))
|
|
36
37
|
});
|
|
37
38
|
const imageClassList = classNames({
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
[style.rounded]: rounded,
|
|
40
|
+
[style.roundedFull]: roundedFull,
|
|
41
|
+
[style.centerAligned]: centerAligned
|
|
41
42
|
}, className, widthClassList, heightClassList);
|
|
42
|
-
const overlayClassList = classNames(widthClassList, heightClassList, opacity,
|
|
43
|
-
const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity,
|
|
44
|
-
const overlayTextClassList = 'm-auto text-center text-primary';
|
|
43
|
+
const overlayClassList = classNames(widthClassList, heightClassList, opacity, style.overlayClassList);
|
|
44
|
+
const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, style.overlayTextWrapperClassList);
|
|
45
45
|
return (React.createElement(React.Fragment, null,
|
|
46
46
|
overlayText !== undefined &&
|
|
47
47
|
React.createElement(React.Fragment, null,
|
|
48
48
|
React.createElement("div", { className: overlayClassList }),
|
|
49
49
|
React.createElement("div", { className: overlayTextWrapperClassList, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false) },
|
|
50
|
-
React.createElement("p", { className: overlayTextClassList }, overlayText))),
|
|
50
|
+
React.createElement("p", { className: style.overlayTextClassList }, overlayText))),
|
|
51
51
|
React.createElement("img", Object.assign({ id: id, className: imageClassList, src: image }, (altText !== undefined && { alt: altText }), (title !== undefined && { title })))));
|
|
52
52
|
};
|
|
53
53
|
export default Image;
|
|
54
|
-
//# sourceMappingURL=
|
|
54
|
+
//# sourceMappingURL=Image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
.overlayTextClassList {
|
|
2
|
+
|
|
3
|
+
margin: auto;
|
|
4
|
+
|
|
5
|
+
text-align: center;
|
|
6
|
+
|
|
7
|
+
--tw-text-opacity: 1;
|
|
8
|
+
|
|
9
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.overlayTextWrapperClassList {
|
|
13
|
+
|
|
14
|
+
position: absolute;
|
|
15
|
+
|
|
16
|
+
z-index: 20;
|
|
17
|
+
|
|
18
|
+
display: flex;
|
|
19
|
+
|
|
20
|
+
transition-property: opacity;
|
|
21
|
+
|
|
22
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
23
|
+
|
|
24
|
+
transition-duration: 700ms
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.overlayClassList {
|
|
28
|
+
|
|
29
|
+
position: absolute;
|
|
30
|
+
|
|
31
|
+
z-index: 10;
|
|
32
|
+
|
|
33
|
+
--tw-bg-opacity: 1;
|
|
34
|
+
|
|
35
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
36
|
+
|
|
37
|
+
transition-property: opacity;
|
|
38
|
+
|
|
39
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
40
|
+
|
|
41
|
+
transition-duration: 700ms
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.rounded {
|
|
45
|
+
|
|
46
|
+
border-radius: 1rem
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.roundedFull {
|
|
50
|
+
|
|
51
|
+
border-radius: 9999px
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.centerAligned {
|
|
55
|
+
|
|
56
|
+
margin-left: auto;
|
|
57
|
+
|
|
58
|
+
margin-right: auto
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.visible {
|
|
62
|
+
|
|
63
|
+
opacity: 0.8
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.invisible {
|
|
67
|
+
|
|
68
|
+
opacity: 0
|
|
69
|
+
}
|
|
70
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACI;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC,oBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,kBAA6D;;IAA7D,yDAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".overlayTextClassList {\n @apply m-auto text-center text-primary;\n}\n\n.overlayTextWrapperClassList {\n @apply flex absolute z-20 transition-opacity duration-700;\n}\n\n.overlayClassList {\n @apply absolute z-10 transition-opacity duration-700 bg-white;\n}\n\n.rounded {\n @apply rounded-2xl;\n}\n\n.roundedFull {\n @apply rounded-full;\n}\n\n.centerAligned {\n @apply mx-auto;\n}\n\n.visible {\n @apply opacity-80;\n}\n\n.invisible {\n @apply opacity-0;\n}"]}
|