trepur_components 1.0.60 → 2.1.0
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/README.md +4 -0
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.js +17 -17
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/AlertBar/style.module.css +12 -2
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -1
- package/dist/src/lib/components/Avatar/Avatar.d.ts +1 -1
- package/dist/src/lib/components/Avatar/Avatar.js +108 -92
- package/dist/src/lib/components/Avatar/Avatar.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +5 -10
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/style.module.css +1 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +19 -9
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Button/Button.d.ts +1 -1
- package/dist/src/lib/components/Button/Button.js +4 -5
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Button/style.module.css +1 -0
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/Calendar/Calendar.d.ts +1 -1
- package/dist/src/lib/components/Calendar/Calendar.js +3 -2
- package/dist/src/lib/components/Calendar/Calendar.js.map +1 -1
- package/dist/src/lib/components/Calendar/style.css +109 -108
- package/dist/src/lib/components/Calendar/style.css.map +1 -1
- package/dist/src/lib/components/Card/Card.js +9 -12
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Card/style.module.css +69 -68
- package/dist/src/lib/components/Card/style.module.css.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/style.module.css +19 -18
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +8 -10
- package/dist/src/lib/components/Carousel/Carousel.js +30 -30
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Carousel/style.module.css +1 -0
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.d.ts +1 -3
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +6 -14
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/style.module.css +1 -0
- package/dist/src/lib/components/CarouselThumbnail/style.module.css.map +1 -1
- package/dist/src/lib/components/Checkbox/Checkbox.d.ts +1 -0
- package/dist/src/lib/components/Checkbox/Checkbox.js +7 -3
- package/dist/src/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/src/lib/components/Checkbox/style.module.css +1 -0
- package/dist/src/lib/components/Checkbox/style.module.css.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +3 -3
- package/dist/src/lib/components/Collapsible/Collapsible.js +20 -18
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +5 -4
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -1
- package/dist/src/lib/components/Column/Column.js.map +1 -1
- package/dist/src/lib/components/Column/style.module.css +3 -3
- package/dist/src/lib/components/Column/style.module.css.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/style.module.css +24 -44
- package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
- package/dist/src/lib/components/Container/Container.d.ts +1 -1
- package/dist/src/lib/components/Container/Container.js +2 -4
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/Container/style.module.css +12 -21
- package/dist/src/lib/components/Container/style.module.css.map +1 -1
- package/dist/src/lib/components/Counter/Counter.d.ts +10 -0
- package/dist/src/lib/components/Counter/Counter.js +35 -0
- package/dist/src/lib/components/Counter/Counter.js.map +1 -0
- package/dist/src/lib/components/Counter/style.module.css +48 -0
- package/dist/src/lib/components/Counter/style.module.css.map +1 -0
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.d.ts +4 -2
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +30 -27
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/DetailUpdater/style.module.css +3 -2
- package/dist/src/lib/components/DetailUpdater/style.module.css.map +1 -1
- package/dist/src/lib/components/Dialog/Dialog.js +10 -13
- package/dist/src/lib/components/Dialog/Dialog.js.map +1 -1
- package/dist/src/lib/components/Dialog/style.module.css +5 -4
- package/dist/src/lib/components/Dialog/style.module.css.map +1 -1
- package/dist/src/lib/components/DropdownMenu/style.module.css +36 -35
- package/dist/src/lib/components/DropdownMenu/style.module.css.map +1 -1
- package/dist/src/lib/components/FileUploader/FilePreview.js +3 -1
- package/dist/src/lib/components/FileUploader/FilePreview.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FileUploader.d.ts +2 -2
- package/dist/src/lib/components/FileUploader/FileUploader.js +24 -12
- package/dist/src/lib/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/src/lib/components/FileUploader/style.module.css +4 -4
- package/dist/src/lib/components/FileUploader/style.module.css.map +1 -1
- package/dist/src/lib/components/FilterItem/FilterItem.js +3 -1
- package/dist/src/lib/components/FilterItem/FilterItem.js.map +1 -1
- package/dist/src/lib/components/FilterItem/style.module.css +1 -0
- package/dist/src/lib/components/FilterItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Footer/Footer.js +3 -2
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/Footer/style.module.css +4 -3
- package/dist/src/lib/components/Footer/style.module.css.map +1 -1
- package/dist/src/lib/components/FooterNav/FooterNav.js.map +1 -1
- package/dist/src/lib/components/FooterNav/style.module.css.map +1 -1
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js +8 -5
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.map +1 -1
- package/dist/src/lib/components/FooterNavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Form/Form.js +1 -1
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -1
- package/dist/src/lib/components/FyreCard/style.module.css +1 -0
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.d.ts +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +3 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/style.module.css +1 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js.map +1 -1
- package/dist/src/lib/components/HorizontalLine/style.module.css.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +1 -1
- package/dist/src/lib/components/Icon/Icon.js +17 -5
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +1 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/IconCard/IconCard.js.map +1 -1
- package/dist/src/lib/components/IconCard/style.module.css +1 -0
- package/dist/src/lib/components/IconCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Image/Image.js +12 -7
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Image/style.module.css +1 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +2 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +12 -12
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/style.module.css +36 -35
- package/dist/src/lib/components/ImageInfo/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.js +3 -5
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -1
- package/dist/src/lib/components/ImageLink/style.module.css +3 -2
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLinkList/style.module.css +3 -2
- package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +8 -6
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +49 -91
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +11 -12
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css +3 -10
- package/dist/src/lib/components/InformationIconBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +1 -2
- package/dist/src/lib/components/Input/Input.js +10 -13
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +3 -5
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Jumbotron/style.module.css +1 -0
- package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +3 -3
- package/dist/src/lib/components/MenuButton/MenuButton.js +14 -12
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/MenuButton/style.module.css +47 -46
- package/dist/src/lib/components/MenuButton/style.module.css.map +1 -1
- package/dist/src/lib/components/Modal/Modal.js.map +1 -1
- package/dist/src/lib/components/Modal/style.module.css +3 -2
- package/dist/src/lib/components/Modal/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +5 -5
- package/dist/src/lib/components/Nav/Nav.js +28 -25
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.js +7 -9
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +12 -11
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.d.ts +4 -4
- package/dist/src/lib/components/NavItem/NavItem.js +6 -6
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/NavItem/style.module.css +0 -1
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.js +2 -3
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -1
- package/dist/src/lib/components/NewsCard/style.module.css +1 -0
- package/dist/src/lib/components/NewsCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Pill/Pill.js +4 -7
- package/dist/src/lib/components/Pill/Pill.js.map +1 -1
- package/dist/src/lib/components/Pill/style.module.css +1 -0
- package/dist/src/lib/components/Pill/style.module.css.map +1 -1
- package/dist/src/lib/components/ProductCard/ProductCard.d.ts +4 -0
- package/dist/src/lib/components/ProductCard/ProductCard.js +25 -19
- package/dist/src/lib/components/ProductCard/ProductCard.js.map +1 -1
- package/dist/src/lib/components/ProductCard/style.module.css +54 -47
- package/dist/src/lib/components/ProductCard/style.module.css.map +1 -1
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.d.ts +24 -0
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js +27 -0
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js.map +1 -0
- package/dist/src/lib/components/ProductCardV2/style.module.css +93 -0
- package/dist/src/lib/components/ProductCardV2/style.module.css.map +1 -0
- package/dist/src/lib/components/Proficiencies/style.module.css +2 -1
- package/dist/src/lib/components/Proficiencies/style.module.css.map +1 -1
- package/dist/src/lib/components/Profile/Profile.js +11 -10
- package/dist/src/lib/components/Profile/Profile.js.map +1 -1
- package/dist/src/lib/components/Profile/style.module.css +3 -2
- package/dist/src/lib/components/Profile/style.module.css.map +1 -1
- package/dist/src/lib/components/Row/style.module.css +1 -0
- package/dist/src/lib/components/Row/style.module.css.map +1 -1
- package/dist/src/lib/components/Search/Search.js +8 -7
- package/dist/src/lib/components/Search/Search.js.map +1 -1
- package/dist/src/lib/components/Search/style.module.css +1 -0
- package/dist/src/lib/components/Search/style.module.css.map +1 -1
- package/dist/src/lib/components/Select/Select.d.ts +1 -0
- package/dist/src/lib/components/Select/Select.js +11 -8
- package/dist/src/lib/components/Select/Select.js.map +1 -1
- package/dist/src/lib/components/Select/style.module.css +1 -1
- package/dist/src/lib/components/Select/style.module.css.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +10 -9
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/dist/src/lib/components/SideNav/SideNav.js.map +1 -1
- package/dist/src/lib/components/SideNav/style.module.css +2 -1
- package/dist/src/lib/components/SideNav/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +1 -6
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +9 -48
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +39 -43
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.js +5 -6
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/SocialButton/style.module.css +67 -21
- package/dist/src/lib/components/SocialButton/style.module.css.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -1
- package/dist/src/lib/components/StarRating/style.module.css +1 -0
- package/dist/src/lib/components/StarRating/style.module.css.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -1
- package/dist/src/lib/components/Testimonial/style.module.css +1 -0
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +3 -6
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +9 -69
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/style.module.css +3 -2
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +15 -12
- package/dist/src/lib/components/TextArea/TextArea.js +20 -13
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +90 -21
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.js +15 -20
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +13 -12
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +3 -3
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +6 -6
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -1
- package/dist/src/lib/components/TimelineV2/style.module.css +4 -3
- package/dist/src/lib/components/TimelineV2/style.module.css.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +4 -8
- package/dist/src/lib/components/Tubestops/Tubestops.js +19 -32
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -1
- package/dist/src/lib/components/Tubestops/style.module.css +49 -923
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -1
- package/dist/src/lib/components/UserIcon/style.module.css +3 -2
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -1
- package/dist/src/lib/index.d.ts +4 -1
- package/dist/src/lib/index.js +4 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/typography/Colours/Colours.d.ts +7 -0
- package/dist/src/lib/typography/Colours/Colours.js +90 -0
- package/dist/src/lib/typography/Colours/Colours.js.map +1 -0
- package/dist/src/lib/typography/Colours/style.module.css +24 -0
- package/dist/src/lib/typography/Colours/style.module.css.map +1 -0
- package/dist/src/lib/typography/{index.d.ts → Fonts/Fonts.d.ts} +1 -1
- package/dist/src/lib/typography/{index.js → Fonts/Fonts.js} +3 -3
- package/dist/src/lib/typography/Fonts/Fonts.js.map +1 -0
- package/dist/src/lib/utils/controls.d.ts +3 -3
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/src/lib/utils/screens.d.ts +1 -2
- package/dist/src/lib/utils/screens.js +1 -1
- package/dist/src/lib/utils/screens.js.map +1 -1
- package/dist/src/lib/utils/theme.js +4 -1
- package/dist/src/lib/utils/theme.js.map +1 -1
- package/dist/tailwind.config.d.ts +14 -7
- package/dist/tailwind.config.js +63 -69
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +35 -39
- package/dist/src/lib/snapWrapper.d.ts +0 -2
- package/dist/src/lib/snapWrapper.js +0 -7
- package/dist/src/lib/snapWrapper.js.map +0 -1
- package/dist/src/lib/typography/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/HorizontalLine/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/HorizontalLine/style.module.css"],"names":[],"mappings":"AACE;;IAAA,eAAkC;;IAAlC,kBAAkC;;IAAlC,gBAAkC;;IAAlC,kBAAkC;;IAAlC,gBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB;;AAInB;;IAAA;AAAa;;AAIb;;IAAA;AAAe;;AAIf;;IAAA;AAAuB;;AAIvB;;IAAA;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAoB;;AAIpB;;IAAA;AAAe","file":"style.module.css","sourcesContent":[".classList {\n @apply h-0.5 py-0 my-0 border-none;\n}\n\n.topLine {\n @apply mb-6;\n}\n\n.bottomLine {\n @apply mt-6;\n}\n\n.middleLine {\n @apply my-6;\n}\n\n.primary {\n @apply bg-primary;\n}\n\n.secondary {\n @apply bg-secondary;\n}\n\n.ink {\n @apply bg-ink;\n}\n\n.white {\n @apply bg-white;\n}\n\n.grey {\n @apply bg-lightest-grey;\n}\n\n.gold {\n @apply bg-gold;\n}\n\n.success {\n @apply bg-success;\n}\n\n.warning {\n @apply bg-warning;\n}\n\n.info {\n @apply bg-info-light;\n}\n\n.error {\n @apply bg-error;\n}\n"]}
|
|
@@ -15,7 +15,7 @@ export interface Props {
|
|
|
15
15
|
rounded?: boolean;
|
|
16
16
|
brand?: boolean;
|
|
17
17
|
theme?: ThemeTypes;
|
|
18
|
-
onClick?: () => void;
|
|
18
|
+
onClick?: (e?: any) => void;
|
|
19
19
|
}
|
|
20
20
|
declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand, theme, onClick }: Props) => JSX.Element;
|
|
21
21
|
export default Icon;
|
|
@@ -1,15 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'transparent', hoverColour =
|
|
4
|
+
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'transparent', hoverColour = colour, hoverBgColour = bgColour, rounded = false, brand = false, theme = 'theme-rupertbennett', onClick }) => {
|
|
5
5
|
const colourString = colour;
|
|
6
6
|
const hoverColourString = hoverColour;
|
|
7
7
|
const bgColourString = bgColour;
|
|
8
8
|
const hoverBgColourString = hoverBgColour;
|
|
9
|
-
const fontColourKey = typeof colourString === 'string'
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const
|
|
9
|
+
const fontColourKey = typeof colourString === 'string'
|
|
10
|
+
? `text${colourString.charAt(0).toUpperCase()}${colourString.slice(1)}`
|
|
11
|
+
: 'textPrimary';
|
|
12
|
+
const backgroundColourKey = typeof bgColourString === 'string'
|
|
13
|
+
? `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}`
|
|
14
|
+
: 'bgTransparent';
|
|
15
|
+
const hoverFontColourKey = typeof hoverColourString === 'string'
|
|
16
|
+
? `hoverText${hoverColourString
|
|
17
|
+
.charAt(0)
|
|
18
|
+
.toUpperCase()}${hoverColourString.slice(1)}`
|
|
19
|
+
: 'hoverTextPrimary';
|
|
20
|
+
const hoverBackgroundColourKey = typeof hoverBgColourString === 'string'
|
|
21
|
+
? `hoverBg${hoverBgColourString
|
|
22
|
+
.charAt(0)
|
|
23
|
+
.toUpperCase()}${hoverBgColourString.slice(1)}`
|
|
24
|
+
: 'hoverBgTransparent';
|
|
13
25
|
const wrapperClassList = classNames({
|
|
14
26
|
[style.sizeOne]: size === 1,
|
|
15
27
|
[style.sizeTwo]: size === 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAoBtC,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,aAAa,EACxB,WAAW,GAAG,
|
|
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;AAoBtC,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,aAAa,EACxB,WAAW,GAAG,MAAM,EACpB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACD,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;IAEjD,MAAM,aAAa,GACjB,OAAO,YAAY,KAAK,QAAQ;QAC9B,CAAC,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QACvE,CAAC,CAAC,aAAa,CAAA;IACnB,MAAM,mBAAmB,GACvB,OAAO,cAAc,KAAK,QAAQ;QAChC,CAAC,CAAC,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QACzE,CAAC,CAAC,eAAe,CAAA;IACrB,MAAM,kBAAkB,GACtB,OAAO,iBAAiB,KAAK,QAAQ;QACnC,CAAC,CAAC,YAAY,iBAAiB;aAC1B,MAAM,CAAC,CAAC,CAAC;aACT,WAAW,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QACjD,CAAC,CAAC,kBAAkB,CAAA;IACxB,MAAM,wBAAwB,GAC5B,OAAO,mBAAmB,KAAK,QAAQ;QACrC,CAAC,CAAC,UAAU,mBAAmB;aAC1B,MAAM,CAAC,CAAC,CAAC;aACT,WAAW,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QACnD,CAAC,CAAC,oBAAoB,CAAA;IAE1B,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,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,mDAAmD,EACnD,KAAK,CACN,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAC1B;QACE,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;QACpB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EACD,GAAG,KAAK,CAAC,SAAS,UAAU,IAAI,EAAE,CACnC,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO;QACxD,8BACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,KAAK,iBACE,MAAM,gBACN,IAAI,GAChB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACE;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,YAAc;;IAAd;AAAc;;AAId;;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,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAGlB;;GAEG;;AAGD;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAuB;AAGvB;;IAAA;AAAmB;AAGnB;;IAAA;AAAqB;AAGrB;;IAAA;AAAiB;AAGjB;;IAAA;AAAiB;AAGjB;;IAAA;AAAgB;AAGhB;;IAAA;AAAsB;AAGtB;;IAAA;AAAoB;AAGpB;;IAAA;AAAgC;AAGhC;;IAAA;AAAmB;AAGnB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAqB;AAGrB;;IAAA;AAAiB;AAGjB;;IAAA;AAAmB;AAGnB;;IAAA;AAAe;AAGf;;IAAA;AAAe;AAGf;;IAAA;AAAc;AAGd;;IAAA;AAAoB;AAGpB;;IAAA;AAAkB;AAGlB;;IAAA;AAA8B;AAG9B;;IAAA;AAAiB;AAGjB;;IAAA;AAAe;;AAIf;;IAAA;AAA6B;AAG7B;;IAAA;AAAyB;AAGzB;;IAAA;AAA2B;AAG3B;;IAAA;AAAuB;AAGvB;;IAAA;AAAuB;AAGvB;;IAAA;AAAsB;AAGtB;;IAAA;AAA4B;AAG5B;;IAAA;AAA0B;AAG1B;;IAAA;AAAsC;AAGtC;;IAAA;AAAyB;AAGzB;;IAAA;AAAuB;;AAIvB;;IAAA;AAA2B;AAG3B;;IAAA;AAAuB;AAGvB;;IAAA;AAAyB;AAGzB;;IAAA;AAAqB;AAGrB;;IAAA;AAAqB;AAGrB;;IAAA;AAAoB;AAGpB;;IAAA;AAA0B;AAG1B;;IAAA;AAAwB;AAGxB;;IAAA;AAAoC;AAGpC;;IAAA;AAAuB;AAGvB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAyB;AAGzB;;IAAA;AAA2B;AAG3B;;IAAA;AAAuB;AAGvB;;IAAA;AAAuB;AAGvB;;IAAA;AAAsB;AAGtB;;IAAA;AAA4B;AAG5B;;IAAA;AAA0B;AAG1B;;IAAA;AAAsC;AAGtC;;IAAA;AAAyB;AAGzB;;IAAA;AAAuB;;AAIvB;;IAAA;AAAuB;AAGvB;;IAAA;AAAyB;AAGzB;;IAAA;AAAqB;AAGrB;;IAAA;AAAqB;AAGrB;;IAAA;AAAoB;AAGpB;;IAAA;AAA0B;AAG1B;;IAAA;AAAwB;AAGxB;;IAAA;AAAoC;AAGpC;;IAAA;AAAuB;AAGvB;;IAAA;AAAqB","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-8 h-8;\n}\n\n.sizeThree {\n @apply w-16 h-16;\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/* .sizeTen {\n @apply w-48 h-48;\n} */\n\n.rounded {\n @apply rounded-full;\n}\n\n.wrapperClassList {\n @apply flex duration-500 transform;\n}\n\n.textTransparent {\n @apply text-transparent;\n}\n.textPrimary {\n @apply text-primary;\n}\n.textSecondary {\n @apply text-secondary;\n}\n.textWhite {\n @apply text-white;\n}\n.textBlack {\n @apply text-black;\n}\n.textGold {\n @apply text-gold;\n}\n.textGrey {\n @apply text-light-grey;\n}\n.textFacebook {\n @apply text-facebook;\n}\n.textInteractive-facebook {\n @apply text-interactive-facebook;\n}\n.textSuccess {\n @apply text-success;\n}\n.textError {\n @apply text-error;\n}\n\n.bgTransparent {\n @apply bg-transparent;\n}\n.bgPrimary {\n @apply bg-primary;\n}\n.bgSecondary {\n @apply bg-secondary;\n}\n.bgWhite {\n @apply bg-white;\n}\n.bglack {\n @apply bg-black;\n}\n.bgGold {\n @apply bg-gold;\n}\n.bgGrey {\n @apply bg-light-grey;\n}\n.bgFacebook {\n @apply bg-facebook;\n}\n.bgInteractive-facebook {\n @apply bg-interactive-facebook;\n}\n.bgSuccess {\n @apply bg-success;\n}\n.bgError {\n @apply bg-error;\n}\n\n.hoverTextTransparent {\n @apply hover:text-transparent;\n}\n.hoverTextPrimary {\n @apply hover:text-primary;\n}\n.hoverTextSecondary {\n @apply hover:text-secondary;\n}\n.hoverTextWhite {\n @apply hover:text-white;\n}\n.hoverTextlack {\n @apply hover:text-black;\n}\n.hoverTextGold {\n @apply hover:text-gold;\n}\n.hoverTextGrey {\n @apply hover:text-light-grey;\n}\n.hoverTextFacebook {\n @apply hover:text-facebook;\n}\n.hoverTextInteractive-facebook {\n @apply hover:text-interactive-facebook;\n}\n.hoverTextSuccess {\n @apply hover:text-success;\n}\n.hoverTextError {\n @apply hover:text-error;\n}\n\n.hoverBgTransparent {\n @apply hover:bg-transparent;\n}\n.hoverBgPrimary {\n @apply hover:bg-primary;\n}\n.hoverBgSecondary {\n @apply hover:bg-secondary;\n}\n.hoverBgWhite {\n @apply hover:bg-white;\n}\n.hoverBglack {\n @apply hover:bg-black;\n}\n.hoverBgGold {\n @apply hover:bg-gold;\n}\n.hoverBgGrey {\n @apply hover:bg-light-grey;\n}\n.hoverBgFacebook {\n @apply hover:bg-facebook;\n}\n.hoverBgInteractive-facebook {\n @apply hover:bg-interactive-facebook;\n}\n.hoverBgSuccess {\n @apply hover:bg-success;\n}\n.hoverBgError {\n @apply hover:bg-error;\n}\n\n.focusTextPrimary {\n @apply focus:text-primary;\n}\n.focusTextSecondary {\n @apply focus:text-secondary;\n}\n.focusTextWhite {\n @apply focus:text-white;\n}\n.focusTextlack {\n @apply focus:text-black;\n}\n.focusTextGold {\n @apply focus:text-gold;\n}\n.focusTextGrey {\n @apply focus:text-light-grey;\n}\n.focusTextFacebook {\n @apply focus:text-facebook;\n}\n.focusTextInteractive-facebook {\n @apply focus:text-interactive-facebook;\n}\n.focusTextSuccess {\n @apply focus:text-success;\n}\n.focusTextError {\n @apply focus:text-error;\n}\n\n.focusBgPrimary {\n @apply focus:bg-primary;\n}\n.focusBgSecondary {\n @apply focus:bg-secondary;\n}\n.focusBgWhite {\n @apply focus:bg-white;\n}\n.focusBglack {\n @apply focus:bg-black;\n}\n.focusBgGold {\n @apply focus:bg-gold;\n}\n.focusBgGrey {\n @apply focus:bg-light-grey;\n}\n.focusBgFacebook {\n @apply focus:bg-facebook;\n}\n.focusBgInteractive-facebook {\n @apply focus:bg-interactive-facebook;\n}\n.focusBgSuccess {\n @apply focus:bg-success;\n}\n.focusBgError {\n @apply focus:bg-error;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/IconCard/IconCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"IconCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/IconCard/IconCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAoBtC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,EACT,KAAK,GAAG,qBAAqB,EAC7B,IAAI,EACJ,MAAM,EACN,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAE7D,IAAI,GAAG,GAAmD,KAAK,CAAA;IAC/D,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACpC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KACrC;IAED,OAAO,CACL,oBAAC,GAAG,kBAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,IAAM,UAAU;QACjE,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,oBAAK,SAAS,IAAE,IAAI,EAAE,CAAC,IAAI,CAC5B;QACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;QACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/IconCard/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/IconCard/style.module.css"],"names":[],"mappings":"AACE,UAAA,aAAoB,CAApB,sBAAoB,CACpB;AADoB,CACpB,gBAAA;AAAsC,CACtC,UAAA,eAA2C,CAA3C,gFAA2C,CAA3C,oGAA2C,CAA3C,uGAA2C,CAA3C,kGAA2C,CAA3C,iLAA2C,CAC3C,iBAA6C,CAA7C,kBAA6C,CAA7C,gBAA6C,CAA7C,mBAA6C,CAA7C,WAA6C,CAA7C,mBAA6C,CAA7C;AAD2C;;AAK3C,cAAA,mBAAW,CAAX;AAAW;;AAIX,QAAA,mBAA0C,CAA1C,eAA0C,CAA1C,gBAA0C,CAA1C;AAA0C;;AAI1C,cAAA;AAAsB","file":"style.module.css","sourcesContent":[".wrapper {\n @apply flex flex-col;\n @apply bg-white hover:bg-lightest-grey;\n @apply drop-shadow shadow-xl cursor-pointer;\n @apply w-full p-4 mx-auto my-auto rounded-2xl;\n}\n\n.iconWrapper {\n @apply py-2;\n}\n\n.title {\n @apply font-semiBold text-md text-ink pt-6;\n}\n\n.description {\n @apply text-light-grey;\n}\n"]}
|
|
@@ -19,7 +19,8 @@ const Image = ({ id, className, src, altText, title, rounded = false, roundedFul
|
|
|
19
19
|
[style.width9]: width === 9,
|
|
20
20
|
[style.width10]: width === 10,
|
|
21
21
|
[style.width11]: width === 11,
|
|
22
|
-
[style.width12]:
|
|
22
|
+
[style.width12]: width === undefined ||
|
|
23
|
+
![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(width)
|
|
23
24
|
});
|
|
24
25
|
const heightClassList = classNames({
|
|
25
26
|
[style.height1]: height === 1,
|
|
@@ -33,7 +34,8 @@ const Image = ({ id, className, src, altText, title, rounded = false, roundedFul
|
|
|
33
34
|
[style.height9]: height === 9,
|
|
34
35
|
[style.height10]: height === 10,
|
|
35
36
|
[style.height11]: height === 11,
|
|
36
|
-
[style.height12]:
|
|
37
|
+
[style.height12]: height === undefined ||
|
|
38
|
+
![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(height)
|
|
37
39
|
});
|
|
38
40
|
const imageClassList = classNames({
|
|
39
41
|
[style.rounded]: rounded,
|
|
@@ -44,11 +46,14 @@ const Image = ({ id, className, src, altText, title, rounded = false, roundedFul
|
|
|
44
46
|
const overlayClassList = classNames(widthClassList, heightClassList, opacity, style.overlayClassList);
|
|
45
47
|
const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, style.overlayTextWrapperClassList);
|
|
46
48
|
return (React.createElement("div", { className: imageClassList },
|
|
47
|
-
overlayText !== undefined &&
|
|
48
|
-
React.createElement(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
overlayText !== undefined && (React.createElement(React.Fragment, null,
|
|
50
|
+
React.createElement("div", { className: overlayClassList }),
|
|
51
|
+
React.createElement("div", { className: overlayTextWrapperClassList, onMouseEnter: () => {
|
|
52
|
+
setIsHovering(true);
|
|
53
|
+
}, onMouseLeave: () => {
|
|
54
|
+
setIsHovering(false);
|
|
55
|
+
} },
|
|
56
|
+
React.createElement("p", { className: style.overlayTextClassList }, overlayText)))),
|
|
52
57
|
React.createElement("img", { id: id, className: imageClassList, src: src, alt: altText !== null && altText !== void 0 ? altText : overlayText, title: title !== null && title !== void 0 ? title : overlayText })));
|
|
53
58
|
};
|
|
54
59
|
export default Image;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,GAAG,EACH,OAAO,EACP,KAAK,EACL,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,WAAW,EACX,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,UAAU;QAC3B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU;KAC/B,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,KAAK,EAAE;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,KAAK,EAAE;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACE;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,oCAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAU;AAGV;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAa;;AAIb;;IAAA;AAAU;AAGV;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAW;AAGX;;IAAA;AAAa","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.bordered {\n @apply border-4 border-primary;\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}\n\n.width1 {\n @apply w-6;\n}\n.width2 {\n @apply w-10;\n}\n.width3 {\n @apply w-14;\n}\n.width4 {\n @apply w-16;\n}\n.width5 {\n @apply w-20;\n}\n.width6 {\n @apply w-24;\n}\n.width7 {\n @apply w-28;\n}\n.width8 {\n @apply w-32;\n}\n.width9 {\n @apply w-36;\n}\n.width10 {\n @apply w-40;\n}\n.width11 {\n @apply w-44;\n}\n.width12 {\n @apply w-full;\n}\n\n.height1 {\n @apply h-6;\n}\n.height2 {\n @apply h-10;\n}\n.height3 {\n @apply h-14;\n}\n.height4 {\n @apply h-16;\n}\n.height5 {\n @apply h-20;\n}\n.height6 {\n @apply h-24;\n}\n.height7 {\n @apply h-28;\n}\n.height8 {\n @apply h-32;\n}\n.height9 {\n @apply h-36;\n}\n.height10 {\n @apply h-40;\n}\n.height11 {\n @apply h-44;\n}\n.height12 {\n @apply h-full;\n}\n"]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import MatchMedia from
|
|
5
|
-
import
|
|
6
|
-
import Container from
|
|
7
|
-
const ImageInfo = ({ id, className, bgColour, textColour =
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import MatchMedia from '../../utils/matchMedia';
|
|
5
|
+
import { Screens } from '../../utils/screens';
|
|
6
|
+
import Container from '../Container/Container';
|
|
7
|
+
const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle, text, image, swapDesktop = false, swapMobile = false, theme = 'theme-rupertbennett' }) => {
|
|
8
8
|
const classList = className;
|
|
9
|
-
const mediumScreen =
|
|
9
|
+
const mediumScreen = Screens.md;
|
|
10
10
|
const lgScreenSize = `(min-width: ${mediumScreen})`;
|
|
11
11
|
const smScreenSize = `(max-width: ${mediumScreen})`;
|
|
12
12
|
const isLg = MatchMedia(lgScreenSize);
|
|
@@ -14,16 +14,16 @@ const ImageInfo = ({ id, className, bgColour, textColour = "white", contentTitle
|
|
|
14
14
|
const wrapperClassList = classNames({
|
|
15
15
|
[style.wrapper]: !swapDesktop,
|
|
16
16
|
[style.reverseWrapper]: swapDesktop,
|
|
17
|
-
[style.reverseMobileWrapper]: !isLg && swapMobile
|
|
17
|
+
[style.reverseMobileWrapper]: !isLg && swapMobile
|
|
18
18
|
}, style.wrapperClasses, theme);
|
|
19
19
|
const imageWrapperClasses = classNames({
|
|
20
|
-
[style.smallImageWrapper]: isSm
|
|
20
|
+
[style.smallImageWrapper]: isSm
|
|
21
21
|
}, style.imageWrapper);
|
|
22
22
|
const imageClasses = classNames({
|
|
23
|
-
[style.smallImageHeight]: isSm
|
|
23
|
+
[style.smallImageHeight]: isSm
|
|
24
24
|
}, style.image);
|
|
25
25
|
return (React.createElement("div", { id: id, style: { backgroundColor: bgColour, color: textColour }, className: classList },
|
|
26
|
-
React.createElement(Container, { withPadding:
|
|
26
|
+
React.createElement(Container, { withPadding: isLg },
|
|
27
27
|
React.createElement("div", { className: wrapperClassList },
|
|
28
28
|
React.createElement("div", { className: imageWrapperClasses },
|
|
29
29
|
React.createElement("img", { src: image, className: imageClasses, alt: contentTitle, title: contentTitle })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EACD,KAAK,CAAC,cAAc,EACpB,KAAK,CACN,CAAA;IAED,MAAM,mBAAmB,GAAG,UAAU,CACpC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EACD,KAAK,CAAC,YAAY,CACnB,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,CAC7B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EACvD,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IAAC,WAAW,EAAE,IAAI;YAC1B,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,YAAY,GACnB,CACE;gBACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;wBAC3B;4BACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;4BAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,67 +1,68 @@
|
|
|
1
|
-
@media (min-width:
|
|
1
|
+
@media (min-width: 744px) {
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
.wrapperClasses {
|
|
4
|
+
display: flex;
|
|
5
|
+
}
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
.wrapper {
|
|
8
|
+
flex-direction: row;
|
|
9
|
+
}
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
.reverseWrapper {
|
|
12
|
+
flex-direction: row-reverse;
|
|
13
|
+
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.reverseMobileWrapper {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-direction: column-reverse;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
@media (min-width:
|
|
21
|
+
@media (min-width: 744px) {
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
.imageWrapper {
|
|
24
|
+
width: 50%;
|
|
25
|
+
}
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.smallImageWrapper {
|
|
29
|
-
|
|
29
|
+
height: 100vw;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.smallImageHeight {
|
|
33
|
-
|
|
33
|
+
height: 100vw;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.image {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
height: 100%;
|
|
38
|
+
width: 100%;
|
|
39
|
+
object-fit: cover;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
@media (min-width:
|
|
42
|
+
@media (min-width: 744px) {
|
|
43
43
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
.contentWrapper {
|
|
45
|
+
width: 50%;
|
|
46
|
+
}
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.content {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
50
|
+
display: flex;
|
|
51
|
+
height: 100%;
|
|
52
|
+
align-items: center;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
padding: 2rem;
|
|
55
|
+
text-align: center;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.title {
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
font-size: 28px;
|
|
60
|
+
font-weight: 400;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.text {
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
font-size: 22px;
|
|
65
|
+
font-weight: 300;
|
|
66
66
|
}
|
|
67
|
+
|
|
67
68
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"AACE;;EAAA;IAAA;EAAc;;EAId;IAAA;EAAkB;;EAIlB;IAAA;EAA0B;AARZ;;AAYd;EAAA,aAA4B;EAA5B;AAA4B;;AAI5B;;EAAA;IAAA;EAAe;AAAA;;AAGjB;EACE,aAAa;AACf;;AAEA;EACE,aAAa;AACf;;AAGE;EAAA,YAAiC;EAAjC,WAAiC;EAAjC;AAAiC;;AAIjC;;EAAA;IAAA;EAAe;AAAA;;AAIf;EAAA,aAA8D;EAA9D,YAA8D;EAA9D,mBAA8D;EAA9D,uBAA8D;EAA9D,aAA8D;EAA9D;AAA8D;;AAI9D;EAAA,eAA2B;EAA3B;AAA2B;;AAI3B;EAAA,eAAyB;EAAzB;AAAyB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n @apply md:flex;\n}\n\n.wrapper {\n @apply md:flex-row;\n}\n\n.reverseWrapper {\n @apply md:flex-row-reverse;\n}\n\n.reverseMobileWrapper {\n @apply flex flex-col-reverse;\n}\n\n.imageWrapper {\n @apply md:w-1/2;\n}\n\n.smallImageWrapper {\n height: 100vw;\n}\n\n.smallImageHeight {\n height: 100vw;\n}\n\n.image {\n @apply w-full h-full object-cover;\n}\n\n.contentWrapper {\n @apply md:w-1/2;\n}\n\n.content {\n @apply h-full flex items-center text-center p-8 justify-center;\n}\n\n.title {\n @apply text-lg font-regular;\n}\n\n.text {\n @apply text-md font-light;\n}\n"]}
|
|
@@ -7,13 +7,11 @@ const ImageLink = ({ id, className, image, altText, title, link, rounded, openIn
|
|
|
7
7
|
const roundedClass = classNames({
|
|
8
8
|
[style.rounded]: rounded
|
|
9
9
|
});
|
|
10
|
-
return (React.createElement("a", Object.assign({ id: id, href: link }, (openInNewTab
|
|
10
|
+
return (React.createElement("a", Object.assign({ id: id, href: link }, (openInNewTab && { target: 'blank' })),
|
|
11
11
|
React.createElement("div", { className: classNames(roundedClass, classList, style.wrapper) },
|
|
12
12
|
React.createElement("img", { src: image, alt: altText, className: style.image }),
|
|
13
|
-
title !== undefined &&
|
|
14
|
-
|
|
15
|
-
(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
|
|
16
|
-
React.createElement(Button, { className: style.button }, buttonProps.children))));
|
|
13
|
+
title !== undefined && React.createElement("h1", { className: style.title }, title),
|
|
14
|
+
(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined && (React.createElement(Button, { className: style.button }, buttonProps.children)))));
|
|
17
15
|
};
|
|
18
16
|
export default ImageLink;
|
|
19
17
|
//# sourceMappingURL=ImageLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.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;AAetC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACX,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.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;AAetC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACX,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,yCAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,IAAM,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAC9D,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAChE,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,GAAI;YACxD,KAAK,KAAK,SAAS,IAAI,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;YAC/D,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS,IAAI,CACtC,oBAAC,MAAM,IAAC,SAAS,EAAE,KAAK,CAAC,MAAM,IAAG,WAAW,CAAC,QAAQ,CAAU,CACjE,CACG,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
opacity: 0.5
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
@media (min-width:
|
|
21
|
+
@media (min-width: 744px) {
|
|
22
22
|
|
|
23
23
|
.classList {
|
|
24
24
|
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
@media (min-width:
|
|
33
|
+
@media (min-width: 950px) {
|
|
34
34
|
|
|
35
35
|
.classList {
|
|
36
36
|
|
|
@@ -104,4 +104,5 @@
|
|
|
104
104
|
|
|
105
105
|
overflow: hidden
|
|
106
106
|
}
|
|
107
|
+
|
|
107
108
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/ImageLink/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/ImageLink/style.module.css"],"names":[],"mappings":"AACE;;IAAA,oBAA4G;;IAA5G,qBAA4G;;IAA5G,qBAA4G;;IAA5G,eAA4G;;IAA5G,gBAA4G;;IAA5G;AAA4G;;AAA5G;;IAAA;AAA4G;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAI5G;;IAAA;AAAmB;;AAInB;;IAAA,kBAAyE;;IAAzE,SAAyE;;IAAzE,UAAyE;;IAAzE,QAAyE;;IAAzE,gBAAyE;;IAAzE,oCAAyE;;IAAzE,mBAAyE;;IAAzE,sBAAyE;;IAAzE,kBAAyE;;IAAzE;AAAyE;;AAIzE;;IAAA,kBAAwD;;IAAxD,SAAwD;;IAAxD,UAAwD;;IAAxD,WAAwD;;IAAxD,iBAAwD;;IAAxD,kBAAwD;;IAAxD,mBAAwD;;IAAxD;AAAwD;;AAIxD;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA,kBAA+B;;IAA/B;AAA+B","file":"style.module.css","sourcesContent":[".classList {\n @apply cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center;\n}\n\n.rounded {\n @apply rounded-full;\n}\n\n.title {\n @apply absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center;\n}\n\n.button {\n @apply absolute mx-8 mb-4 bottom-0 inset-x-0 text-center;\n}\n\n.image {\n @apply object-cover w-full h-full;\n}\n\n.wrapper {\n @apply relative overflow-hidden;\n}\n"]}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
.classList {
|
|
2
2
|
display: grid
|
|
3
3
|
}
|
|
4
|
-
@media (min-width:
|
|
4
|
+
@media (min-width: 550px) {
|
|
5
5
|
.classList {
|
|
6
6
|
grid-template-columns: repeat(2, minmax(0, 1fr))
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
@media (min-width:
|
|
9
|
+
@media (min-width: 744px) {
|
|
10
10
|
.classList {
|
|
11
11
|
grid-template-columns: repeat(4, minmax(0, 1fr))
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
+
|
|
14
15
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/ImageLinkList/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/ImageLinkList/style.module.css"],"names":[],"mappings":"AACE;IAAA;AAAyC;AAAzC;IAAA;QAAA;IAAyC;AAAA;AAAzC;IAAA;QAAA;IAAyC;AAAA","file":"style.module.css","sourcesContent":[".classList {\n @apply grid md:grid-cols-4 sm:grid-cols-2;\n}\n"]}
|
|
@@ -2,8 +2,11 @@ import React, { useEffect, useRef } from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
+
import MatchMedia from '../../utils/matchMedia';
|
|
5
6
|
const InformationIcon = ({ id, className, title, subtitle, withAnimation = false, withHoverEffect = true, iconProps, backgroundColour = 'white', theme = 'theme-rupertbennett', large = true }) => {
|
|
6
7
|
const loaded = useRef(false);
|
|
8
|
+
const smScreenSize = 'max-width: 768px';
|
|
9
|
+
const isSm = MatchMedia(smScreenSize);
|
|
7
10
|
const classList = classNames({
|
|
8
11
|
[style.hoverable]: withHoverEffect,
|
|
9
12
|
[style.large]: large,
|
|
@@ -21,14 +24,14 @@ const InformationIcon = ({ id, className, title, subtitle, withAnimation = false
|
|
|
21
24
|
if (typeof subtitle === 'number') {
|
|
22
25
|
const element = document.getElementById(`${id}_number`);
|
|
23
26
|
const observer = new IntersectionObserver((entries, observer) => {
|
|
24
|
-
entries.forEach(entry => {
|
|
27
|
+
entries.forEach((entry) => {
|
|
25
28
|
if (entry.intersectionRatio >= 0.1 && !loaded.current) {
|
|
26
29
|
loaded.current = true;
|
|
27
30
|
counterAnimation(document.getElementById(`${id}_number`), 0, subtitle, 3000);
|
|
28
31
|
}
|
|
29
32
|
});
|
|
30
33
|
}, { threshold: 1 });
|
|
31
|
-
|
|
34
|
+
element != null && withAnimation && observer.observe(element);
|
|
32
35
|
}
|
|
33
36
|
}, []);
|
|
34
37
|
const counterAnimation = (obj, start, end, duration) => {
|
|
@@ -44,11 +47,10 @@ const InformationIcon = ({ id, className, title, subtitle, withAnimation = false
|
|
|
44
47
|
window.requestAnimationFrame(step);
|
|
45
48
|
};
|
|
46
49
|
return (React.createElement("div", { id: id, className: classList },
|
|
47
|
-
React.createElement("div", { className: style.icon },
|
|
48
|
-
React.createElement(Icon, Object.assign({}, iconProps, { theme: theme, bgColour: backgroundColour }))),
|
|
50
|
+
React.createElement("div", { className: style.icon }, iconProps !== undefined && (React.createElement(Icon, Object.assign({}, iconProps, { className: 'mx-auto', size: isSm ? 3 : 2, theme: theme, bgColour: backgroundColour })))),
|
|
49
51
|
React.createElement("div", { className: style.text },
|
|
50
|
-
title !== undefined && title !== '' && React.createElement("p", { className: titleClassList }, title),
|
|
51
|
-
subtitle !== undefined && subtitle !== '' && React.createElement("p", { className: subtitleClassList }, subtitle))));
|
|
52
|
+
title !== undefined && title !== '' && (React.createElement("p", { className: titleClassList }, title)),
|
|
53
|
+
subtitle !== undefined && subtitle !== '' && (React.createElement("p", { className: subtitleClassList }, subtitle)))));
|
|
52
54
|
};
|
|
53
55
|
export default InformationIcon;
|
|
54
56
|
//# sourceMappingURL=InformationIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"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"}
|