trepur_components 1.0.61 → 2.1.1
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 +8 -0
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +5 -5
- package/dist/src/lib/components/AlertBar/AlertBar.js +29 -25
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/AlertBar/style.module.css +1 -0
- 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 +23 -23
- 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.d.ts +4 -4
- package/dist/src/lib/components/Form/Form.js +8 -8
- 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 +4 -4
- package/dist/src/lib/components/Icon/Icon.js +19 -19
- 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 +11 -11
- 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.d.ts +3 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +14 -15
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +9 -8
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -3
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +12 -12
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css +2 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -2
- package/dist/src/lib/components/Input/Input.js +11 -9
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +3 -1
- 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 -28
- 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 +11 -10
- 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 +3 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +7 -7
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +29 -28
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +3 -3
- package/dist/src/lib/components/SocialButton/SocialButton.js +11 -11
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/SocialButton/style.module.css +66 -15
- 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 +6 -9
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +14 -54
- 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 +2 -2
- package/dist/src/lib/components/TextArea/TextArea.js +11 -9
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +1 -1
- 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,24 +1,25 @@
|
|
|
1
|
-
.cardClasses{
|
|
2
|
-
|
|
1
|
+
.cardClasses {
|
|
2
|
+
max-width: 500px;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.wrapperClassList{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
.wrapperClassList {
|
|
6
|
+
margin-left: auto;
|
|
7
|
+
margin-right: auto;
|
|
8
|
+
max-width: max-content;
|
|
9
|
+
border-radius: 9999px;
|
|
10
|
+
background-color: var(--color-white);
|
|
11
|
+
padding: 1rem;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.contentClassList{
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
.contentClassList {
|
|
15
|
+
margin-top: -3rem;
|
|
16
|
+
height: auto;
|
|
17
|
+
background-color: var(--color-white);
|
|
18
|
+
padding-left: 1rem;
|
|
19
|
+
padding-right: 1rem;
|
|
20
|
+
padding-top: 3rem;
|
|
21
|
+
padding-bottom: 4rem;
|
|
22
|
+
color: var(--color-black);
|
|
23
23
|
}
|
|
24
|
+
|
|
24
25
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/CardWithTopImage/style.module.css"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/CardWithTopImage/style.module.css"],"names":[],"mappings":"AAAA;EACE,gBAAgB;AAClB;;AAGE;EAAA,iBAAkD;EAAlD,kBAAkD;EAAlD,sBAAkD;EAAlD,qBAAkD;EAAlD,oCAAkD;EAAlD;AAAkD;;AAIlD;EAAA,iBAAyD;EAAzD,YAAyD;EAAzD,oCAAyD;EAAzD,kBAAyD;EAAzD,mBAAyD;EAAzD,iBAAyD;EAAzD,oBAAyD;EAAzD;AAAyD","file":"style.module.css","sourcesContent":[".cardClasses {\n max-width: 500px;\n}\n\n.wrapperClassList {\n @apply rounded-full mx-auto max-w-max bg-white p-4;\n}\n\n.contentClassList {\n @apply pt-12 px-4 h-auto pb-16 -mt-12 bg-white text-black;\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import
|
|
3
|
-
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from
|
|
4
|
-
import { Colours, ThemeTypes } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'keen-slider/keen-slider.min.css';
|
|
3
|
+
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
|
|
4
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
5
5
|
interface ArrowProps {
|
|
6
6
|
visible?: boolean;
|
|
7
7
|
left?: boolean;
|
|
@@ -33,9 +33,7 @@ export interface Props {
|
|
|
33
33
|
title?: string;
|
|
34
34
|
description?: string;
|
|
35
35
|
bgColour?: Colours;
|
|
36
|
-
breakpoints?: {
|
|
37
|
-
[key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, "breakpoints">;
|
|
38
|
-
};
|
|
36
|
+
breakpoints?: Record<string, Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>>;
|
|
39
37
|
defaultAnimation?: {
|
|
40
38
|
duration?: number;
|
|
41
39
|
easing?: (t: number) => number;
|
|
@@ -45,13 +43,13 @@ export interface Props {
|
|
|
45
43
|
dragSpeed?: number;
|
|
46
44
|
initial?: number;
|
|
47
45
|
loop?: boolean;
|
|
48
|
-
mode?:
|
|
46
|
+
mode?: 'snap' | 'free' | 'free-snap';
|
|
49
47
|
range?: {
|
|
50
48
|
align?: boolean;
|
|
51
49
|
min?: number;
|
|
52
50
|
max?: number;
|
|
53
51
|
};
|
|
54
|
-
renderMode?:
|
|
52
|
+
renderMode?: 'precision' | 'performance' | 'custom';
|
|
55
53
|
rtl?: boolean;
|
|
56
54
|
rubberband?: boolean;
|
|
57
55
|
slides?: any[];
|
|
@@ -73,7 +71,7 @@ export interface Props {
|
|
|
73
71
|
perView?: number;
|
|
74
72
|
spacing?: number;
|
|
75
73
|
number?: number;
|
|
76
|
-
origin?: number |
|
|
74
|
+
origin?: number | 'auto' | 'center';
|
|
77
75
|
arrows?: ArrowProps;
|
|
78
76
|
dots?: DotProps;
|
|
79
77
|
theme?: ThemeTypes;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import
|
|
3
|
-
import { useKeenSlider
|
|
4
|
-
import classNames from
|
|
5
|
-
import Icon from
|
|
6
|
-
import style from
|
|
7
|
-
import ComponentWrapper from
|
|
8
|
-
const Carousel = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode =
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import 'keen-slider/keen-slider.min.css';
|
|
3
|
+
import { useKeenSlider } from 'keen-slider/react';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import Icon from '../Icon/Icon';
|
|
6
|
+
import style from './style.module.css';
|
|
7
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
8
|
+
const Carousel = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, perView = 1, spacing, number, origin, arrows, dots, theme = 'theme-rupertbennett' }) => {
|
|
9
9
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
10
10
|
const classList = classNames(className);
|
|
11
11
|
const [currentSlide, setCurrentSlide] = useState(0);
|
|
@@ -20,22 +20,22 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
20
20
|
slider.container.dispatchEvent(new CustomEvent(name, {
|
|
21
21
|
detail: {
|
|
22
22
|
x: position.x,
|
|
23
|
-
y: position.y
|
|
24
|
-
}
|
|
23
|
+
y: position.y
|
|
24
|
+
}
|
|
25
25
|
}));
|
|
26
26
|
}
|
|
27
27
|
function wheelStart(e) {
|
|
28
28
|
position = {
|
|
29
29
|
x: e.pageX,
|
|
30
|
-
y: e.pageY
|
|
30
|
+
y: e.pageY
|
|
31
31
|
};
|
|
32
|
-
dispatch(e,
|
|
32
|
+
dispatch(e, 'ksDragStart');
|
|
33
33
|
}
|
|
34
34
|
function wheel(e) {
|
|
35
|
-
dispatch(e,
|
|
35
|
+
dispatch(e, 'ksDrag');
|
|
36
36
|
}
|
|
37
37
|
function wheelEnd(e) {
|
|
38
|
-
dispatch(e,
|
|
38
|
+
dispatch(e, 'ksDragEnd');
|
|
39
39
|
}
|
|
40
40
|
function eventWheel(e) {
|
|
41
41
|
if (!wheelActive) {
|
|
@@ -49,9 +49,9 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
49
49
|
wheelEnd(e);
|
|
50
50
|
}, 50);
|
|
51
51
|
}
|
|
52
|
-
slider.on(
|
|
53
|
-
slider.container.addEventListener(
|
|
54
|
-
passive: true
|
|
52
|
+
slider.on('created', () => {
|
|
53
|
+
slider.container.addEventListener('wheel', eventWheel, {
|
|
54
|
+
passive: true
|
|
55
55
|
});
|
|
56
56
|
});
|
|
57
57
|
}
|
|
@@ -93,37 +93,37 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
93
93
|
perView,
|
|
94
94
|
spacing,
|
|
95
95
|
origin,
|
|
96
|
-
number
|
|
97
|
-
}
|
|
96
|
+
number
|
|
97
|
+
}
|
|
98
98
|
}, [WheelControls]);
|
|
99
99
|
const onKeyDown = (e) => {
|
|
100
100
|
var _a;
|
|
101
|
-
if (e.key ===
|
|
101
|
+
if (e.key === 'Tab') {
|
|
102
102
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next();
|
|
103
103
|
}
|
|
104
104
|
};
|
|
105
105
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
106
|
-
React.createElement("div", { onKeyDown: onKeyDown, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList,
|
|
106
|
+
React.createElement("div", { onKeyDown: onKeyDown, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
|
|
107
107
|
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true &&
|
|
108
108
|
loaded &&
|
|
109
109
|
instanceRef.current !== undefined && (React.createElement("div", { className: style.arrowWrapper },
|
|
110
110
|
React.createElement(Arrow, Object.assign({ left: true, onClick: (e) => {
|
|
111
111
|
var _a;
|
|
112
|
-
|
|
112
|
+
e.stopPropagation() !== undefined ||
|
|
113
113
|
((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev());
|
|
114
114
|
}, disabled: currentSlide === 0 }, arrows)))),
|
|
115
|
-
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName,
|
|
115
|
+
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, 'keen-slider') }, slides != null && slides),
|
|
116
116
|
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true &&
|
|
117
117
|
loaded &&
|
|
118
118
|
instanceRef.current !== undefined && (React.createElement("div", { className: style.arrowWrapper },
|
|
119
119
|
React.createElement(Arrow, Object.assign({ right: true, onClick: (e) => {
|
|
120
120
|
var _a;
|
|
121
|
-
|
|
121
|
+
e.stopPropagation() !== undefined ||
|
|
122
122
|
((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next());
|
|
123
123
|
}, disabled: currentSlide ===
|
|
124
124
|
((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) }, arrows))))),
|
|
125
125
|
(dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && instanceRef.current != null && (React.createElement("div", { className: style.dotWrapper }, [
|
|
126
|
-
...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()
|
|
126
|
+
...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()
|
|
127
127
|
].map((idx, i) => {
|
|
128
128
|
var _a, _b, _c, _d, _e;
|
|
129
129
|
const numberOfSlides = (_e = (_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 1;
|
|
@@ -135,19 +135,19 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
135
135
|
currentSlide + perView - numberOfSlides - 1 >= idx, onClick: () => {
|
|
136
136
|
var _a;
|
|
137
137
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
138
|
-
}, theme: theme }, dots, { wrapperBgColour: bgColour !== null && bgColour !== void 0 ? bgColour :
|
|
138
|
+
}, theme: theme }, dots, { wrapperBgColour: bgColour !== null && bgColour !== void 0 ? bgColour : 'white' })));
|
|
139
139
|
})))));
|
|
140
140
|
};
|
|
141
141
|
function Arrow(props) {
|
|
142
142
|
return (React.createElement("div", { className: style.arrowWrapper },
|
|
143
143
|
React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
144
|
-
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left)
|
|
144
|
+
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: props === null || props === void 0 ? void 0 : props.bgColour, colour: props === null || props === void 0 ? void 0 : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour }))));
|
|
145
145
|
}
|
|
146
146
|
function Dot(props) {
|
|
147
147
|
var _a;
|
|
148
|
-
const bg = (_a = props === null || props === void 0 ? void 0 : props.wrapperBgColour) !== null && _a !== void 0 ? _a :
|
|
149
|
-
return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type:
|
|
150
|
-
React.createElement(Icon, { type:
|
|
148
|
+
const bg = (_a = props === null || props === void 0 ? void 0 : props.wrapperBgColour) !== null && _a !== void 0 ? _a : 'white';
|
|
149
|
+
return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type: 'button', onClick: props === null || props === void 0 ? void 0 : props.onClick, "aria-label": `carousel-button${props.id ? `-${props.id}` : ''}` },
|
|
150
|
+
React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 2, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) ? props.hoverColour : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour, theme: props === null || props === void 0 ? void 0 : props.theme })));
|
|
151
151
|
}
|
|
152
152
|
export default Carousel;
|
|
153
153
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACE;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,WAAwB;;IAAxB,oBAAwB;;IAAxB;AAAwB;;AAIxB;;IAAA,kBAA+B;;IAA/B,qBAA+B;;IAA/B,aAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sCAA8B;;IAA9B,mBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA;AAAsB;;AAItB;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full;\n}\n\n.visibleArrows {\n @apply flex justify-between;\n}\n\n.slideWrapper {\n @apply w-full pb-12 pt-4;\n}\n\n.dotWrapper {\n @apply flex my-2 justify-center;\n}\n\n.dotButtonClassList {\n @apply py-2 border-transparent;\n}\n\n.dotButtonClassList:focus {\n @apply border border-2;\n}\n\n.dotIconClassList {\n @apply mx-1;\n}\n\n.dotIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.arrowWrapper {\n @apply my-auto;\n}\n\n.arrowIconClassList {\n @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.primary {\n @apply border-white;\n}\n\n.white {\n @apply border-primary;\n}\n\n.grey {\n @apply border-primary;\n}\n\n.gold {\n @apply border-primary;\n}\n\n.facebook {\n @apply border-white;\n}\n\n.linkedin {\n @apply border-white;\n}\n\n.email {\n @apply border-white;\n}\n\n.instagram {\n @apply border-primary;\n}\n\n.github {\n @apply border-white;\n}\n\n.interactive-facebook {\n @apply border-primary;\n}\n\n.interactive-email {\n @apply border-primary;\n}\n\n.interactive-linkedin {\n @apply border-primary;\n}\n\n.interactive-instagram {\n @apply border-primary;\n}\n\n.interactive-github {\n @apply border-primary;\n}\n"]}
|
|
@@ -9,9 +9,7 @@ export interface Props {
|
|
|
9
9
|
title?: string;
|
|
10
10
|
description?: string;
|
|
11
11
|
bgColour?: Colours;
|
|
12
|
-
breakpoints?: {
|
|
13
|
-
[key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>;
|
|
14
|
-
};
|
|
12
|
+
breakpoints?: Record<string, Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>>;
|
|
15
13
|
defaultAnimation?: {
|
|
16
14
|
duration?: number;
|
|
17
15
|
easing?: (t: number) => number;
|
|
@@ -4,7 +4,6 @@ import { useKeenSlider } from 'keen-slider/react';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
7
|
-
import screens from '../../utils/screens';
|
|
8
7
|
const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, spacing, number, origin, theme = 'theme-rupertbennett' }) => {
|
|
9
8
|
const classList = classNames(className);
|
|
10
9
|
function WheelControls(slider) {
|
|
@@ -85,19 +84,19 @@ const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, descri
|
|
|
85
84
|
};
|
|
86
85
|
}
|
|
87
86
|
const breakpointsToRender = {
|
|
88
|
-
|
|
87
|
+
'(min-width: 320px)': {
|
|
89
88
|
slides: { perView: 1, spacing: 25 }
|
|
90
89
|
},
|
|
91
|
-
|
|
90
|
+
'(max-width: 500px)': {
|
|
92
91
|
slides: { perView: 1, spacing: 25 }
|
|
93
92
|
},
|
|
94
|
-
|
|
93
|
+
'(min-width: 768px)': {
|
|
95
94
|
slides: { perView: 1, spacing: 25 }
|
|
96
95
|
},
|
|
97
|
-
|
|
96
|
+
'(min-width: 1024px)': {
|
|
98
97
|
slides: { perView: 2, spacing: 20 }
|
|
99
98
|
},
|
|
100
|
-
|
|
99
|
+
'(min-width: 1280px)': {
|
|
101
100
|
slides: { perView: 2, spacing: 10 }
|
|
102
101
|
}
|
|
103
102
|
};
|
|
@@ -115,14 +114,7 @@ const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, descri
|
|
|
115
114
|
rtl,
|
|
116
115
|
rubberband,
|
|
117
116
|
vertical,
|
|
118
|
-
slideChanged(
|
|
119
|
-
var _a, _b;
|
|
120
|
-
let offset = 0;
|
|
121
|
-
if (((_b = (_a = slider.slides[slider.track.details.rel]) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.nodeName) ===
|
|
122
|
-
'DIV') {
|
|
123
|
-
offset = 1;
|
|
124
|
-
}
|
|
125
|
-
},
|
|
117
|
+
slideChanged() { },
|
|
126
118
|
// slideChanged: slideChanged,
|
|
127
119
|
// created: created,
|
|
128
120
|
animationStarted,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselThumbnail.js","sourceRoot":"","sources":["../../../../../src/lib/components/CarouselThumbnail/CarouselThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iCAAiC,CAAA;AACxC,OAAO,EACL,aAAa,EAId,MAAM,mBAAmB,CAAA;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;
|
|
1
|
+
{"version":3,"file":"CarouselThumbnail.js","sourceRoot":"","sources":["../../../../../src/lib/components/CarouselThumbnail/CarouselThumbnail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/CarouselThumbnail/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/CarouselThumbnail/style.module.css"],"names":[],"mappings":"AACE;;IAAA;AAAa;;AAIb;;IAAA,aAAqC;;IAArC,WAAqC;;IAArC,4BAAqC;;IAArC,6BAAqC;;IAArC;AAAqC;;AAIrC;;IAAA,YAA8B;;IAA9B,WAA8B;;IAA9B,gCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full;\n}\n\n.slideWrapper {\n @apply w-full pb-4 h-96 rounded-t-2xl;\n}\n\n.thumbnail {\n @apply h-24 w-16 rounded-b-2xl;\n}\n\n.primary {\n @apply border-white;\n}\n\n.white {\n @apply border-primary;\n}\n\n.grey {\n @apply border-primary;\n}\n\n.gold {\n @apply border-primary;\n}\n\n.facebook {\n @apply border-white;\n}\n\n.linkedin {\n @apply border-white;\n}\n\n.email {\n @apply border-white;\n}\n\n.instagram {\n @apply border-primary;\n}\n\n.github {\n @apply border-white;\n}\n\n.interactive-facebook {\n @apply border-primary;\n}\n\n.interactive-email {\n @apply border-primary;\n}\n\n.interactive-linkedin {\n @apply border-primary;\n}\n\n.interactive-instagram {\n @apply border-primary;\n}\n\n.interactive-github {\n @apply border-primary;\n}\n"]}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Checkbox = ({ id, label, onClick, theme = 'theme-rupertbennett' }) => {
|
|
5
|
-
const [isChecked, setIsChecked] = useState(
|
|
4
|
+
const Checkbox = ({ id, label, onClick, theme = 'theme-rupertbennett', checked = false }) => {
|
|
5
|
+
const [isChecked, setIsChecked] = useState(checked);
|
|
6
6
|
const classList = classNames('checkbox-wrapper', theme);
|
|
7
7
|
const checkBoxClassList = classNames({
|
|
8
8
|
[style.checked]: isChecked
|
|
9
9
|
}, style.checkbox);
|
|
10
10
|
return (React.createElement("div", { id: id, className: classList },
|
|
11
11
|
React.createElement("label", { className: style.label },
|
|
12
|
-
React.createElement("input", { className: checkBoxClassList, onChange: () =>
|
|
12
|
+
React.createElement("input", { className: checkBoxClassList, onChange: () => {
|
|
13
|
+
setIsChecked(!isChecked);
|
|
14
|
+
}, onClick: () => {
|
|
15
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(label, !isChecked);
|
|
16
|
+
}, type: 'checkbox', checked: isChecked }),
|
|
13
17
|
React.createElement("span", { className: style.span }, label))));
|
|
14
18
|
};
|
|
15
19
|
export default Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/lib/components/Checkbox/Checkbox.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;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/lib/components/Checkbox/Checkbox.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;AAWtC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,OAAO,EACP,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,KAAK,EACT,EAAe,EAAE;IACvB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnD,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;IACvD,MAAM,iBAAiB,GAAG,UAAU,CAClC;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS;KAC3B,EACD,KAAK,CAAC,QAAQ,CACf,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,+BAAO,SAAS,EAAE,KAAK,CAAC,KAAK;YAC3B,+BACE,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,GAAG,EAAE;oBACb,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;gBAC1B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,EAAE,CAAC,SAAS,CAAC,CAAA;gBAC9B,CAAC,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,SAAS,GAClB;YACF,8BAAM,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,KAAK,CAAQ,CACrC,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Checkbox/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Checkbox/style.module.css"],"names":[],"mappings":"AACE;;IAAA;AAAiC;;AAAjC;;IAAA;AAAiC;;AAIjC;;IAAA,gBAAmB;;IAAnB,mBAAmB;;IAAnB,oBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,cAAoE;;IAApE,aAAoE;;IAApE,gBAAoE;;IAApE,sBAAoE;;IAApE;AAAoE;;AAApE;;IAAA;AAAoE;;AAIpE;;IAAA;AAAkB","file":"style.module.css","sourcesContent":[".label {\n @apply flex hover:cursor-pointer;\n}\n\n.span {\n @apply px-2 my-auto;\n}\n\n.checkbox {\n @apply appearance-none rounded h-6 w-6 border-2 hover:cursor-pointer;\n}\n\n.checked {\n @apply bg-facebook;\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as imageProps } from
|
|
3
|
-
import { ThemeTypes } from
|
|
2
|
+
import { Props as imageProps } from '../Image/Image';
|
|
3
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
@@ -11,5 +11,5 @@ export interface Props {
|
|
|
11
11
|
children?: string | JSX.Element;
|
|
12
12
|
theme?: ThemeTypes;
|
|
13
13
|
}
|
|
14
|
-
declare const Collapsible: ({ id, className, preText, title, subtitle, imageProps, children, theme
|
|
14
|
+
declare const Collapsible: ({ id, className, preText, title, subtitle, imageProps, children, theme }: Props) => JSX.Element;
|
|
15
15
|
export default Collapsible;
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import React, { useState, useEffect } from
|
|
2
|
-
import Image from
|
|
3
|
-
import Icon from
|
|
4
|
-
import classNames from
|
|
5
|
-
import style from
|
|
6
|
-
import HorizontalLine from
|
|
7
|
-
const Collapsible = ({ id, className, preText, title, subtitle, imageProps, children, theme =
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import Image from '../Image/Image';
|
|
3
|
+
import Icon from '../Icon/Icon';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import style from './style.module.css';
|
|
6
|
+
import HorizontalLine from '../HorizontalLine/HorizontalLine';
|
|
7
|
+
const Collapsible = ({ id, className, preText, title, subtitle, imageProps, children, theme = 'theme-rupertbennett' }) => {
|
|
8
8
|
const [expanded, setExpanded] = useState(false);
|
|
9
9
|
useEffect(() => {
|
|
10
|
-
const coll = document.getElementsByClassName(
|
|
10
|
+
const coll = document.getElementsByClassName('collapsible');
|
|
11
11
|
let i;
|
|
12
12
|
for (i = 0; i < coll.length; i++) {
|
|
13
|
-
coll[i].addEventListener(
|
|
13
|
+
coll[i].addEventListener('click', function (err) {
|
|
14
14
|
const content = this.nextElementSibling;
|
|
15
15
|
const scrollHeight = content.scrollHeight.toString();
|
|
16
|
-
if (content.style.maxHeight ===
|
|
16
|
+
if (content.style.maxHeight === '0px') {
|
|
17
17
|
content.style.maxHeight = `${scrollHeight}px`;
|
|
18
18
|
}
|
|
19
19
|
else {
|
|
20
|
-
content.style.maxHeight =
|
|
20
|
+
content.style.maxHeight = '0px';
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
const classList = classNames(className, style.classList,
|
|
25
|
+
const classList = classNames(className, style.classList, 'transition-opactiy', theme);
|
|
26
26
|
const contentWrapperClassList = classNames({
|
|
27
27
|
[style.expanded]: expanded,
|
|
28
|
-
[style.collapsed]: !expanded
|
|
28
|
+
[style.collapsed]: !expanded
|
|
29
29
|
}, style.contentWrapperClassList);
|
|
30
30
|
const expandItem = (e) => {
|
|
31
31
|
const content = e.currentTarget.nextElementSibling;
|
|
@@ -34,21 +34,23 @@ const Collapsible = ({ id, className, preText, title, subtitle, imageProps, chil
|
|
|
34
34
|
content.style.maxHeight = `${scrollHeight}px`;
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
37
|
-
content.style.maxHeight =
|
|
37
|
+
content.style.maxHeight = '0px';
|
|
38
38
|
}
|
|
39
39
|
setExpanded(!expanded);
|
|
40
40
|
};
|
|
41
41
|
return (React.createElement("div", { id: id, className: classList },
|
|
42
|
-
React.createElement("div", { onClick: (e) =>
|
|
42
|
+
React.createElement("div", { onClick: (e) => {
|
|
43
|
+
expandItem(e);
|
|
44
|
+
}, className: style.heading },
|
|
43
45
|
imageProps !== undefined && (React.createElement(Image, Object.assign({}, imageProps, { width: 3, height: 3, className: style.image }))),
|
|
44
46
|
React.createElement("div", { className: style.textWrapper },
|
|
45
47
|
preText !== undefined && (React.createElement("h4", { className: style.preText }, preText)),
|
|
46
48
|
title !== undefined && React.createElement("h4", { className: style.title }, title),
|
|
47
49
|
subtitle !== undefined && (React.createElement("h5", { className: style.subtitle }, subtitle))),
|
|
48
50
|
children !== undefined && (React.createElement("div", { className: style.iconWrapper },
|
|
49
|
-
React.createElement(Icon, { className: style.icon, type: expanded ?
|
|
50
|
-
children !== undefined && (React.createElement("div", { className: contentWrapperClassList, style: { transition:
|
|
51
|
-
React.createElement(HorizontalLine, { theme: theme, colour:
|
|
51
|
+
React.createElement(Icon, { className: style.icon, type: expanded ? 'chevron-up' : 'chevron-down' })))),
|
|
52
|
+
children !== undefined && (React.createElement("div", { className: contentWrapperClassList, style: { transition: 'max-height 0.2s ease-out' } },
|
|
53
|
+
React.createElement(HorizontalLine, { theme: theme, colour: 'grey' }),
|
|
52
54
|
React.createElement("div", { className: style.children }, children)))));
|
|
53
55
|
};
|
|
54
56
|
export default Collapsible;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
padding-right: 1rem
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
@media (min-width:
|
|
28
|
+
@media (min-width: 550px) {
|
|
29
29
|
|
|
30
30
|
.heading {
|
|
31
31
|
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
color: var(--color-light-grey)
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
@media (min-width:
|
|
75
|
+
@media (min-width: 744px) {
|
|
76
76
|
|
|
77
77
|
.preText {
|
|
78
78
|
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
font-size: 16px
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
@media (min-width:
|
|
94
|
+
@media (min-width: 744px) {
|
|
95
95
|
|
|
96
96
|
.title {
|
|
97
97
|
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
font-size: 12px
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
@media (min-width:
|
|
113
|
+
@media (min-width: 744px) {
|
|
114
114
|
|
|
115
115
|
.subtitle {
|
|
116
116
|
|
|
@@ -158,4 +158,5 @@
|
|
|
158
158
|
|
|
159
159
|
flex: none
|
|
160
160
|
}
|
|
161
|
+
|
|
161
162
|
/*# sourceMappingURL=style.module.css.map */
|