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,81 +1,41 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import ComponentWrapper from
|
|
5
|
-
const TextAndTitle = ({ id, className, title, description, bgColour, titleClasses,
|
|
6
|
-
const getLineHeight = (id) => {
|
|
7
|
-
const element = document.getElementById(id);
|
|
8
|
-
const divHeight = (element === null || element === void 0 ? void 0 : element.offsetHeight) !== undefined ? element.offsetHeight : 0;
|
|
9
|
-
const lineHeight = element != null ? parseFloat(getComputedStyle(element).fontSize) : 1;
|
|
10
|
-
const pt = element != null ? parseFloat(getComputedStyle(element).paddingTop) : 0;
|
|
11
|
-
const pb = element != null ? parseFloat(getComputedStyle(element).paddingBottom) : 0;
|
|
12
|
-
const mt = element != null ? parseFloat(getComputedStyle(element).marginTop) : 0;
|
|
13
|
-
const mb = element != null ? parseFloat(getComputedStyle(element).marginBottom) : 0;
|
|
14
|
-
const bw = element != null ? parseFloat(getComputedStyle(element).borderWidth) : 0;
|
|
15
|
-
const height = divHeight - mt - mb - pt - pb - bw * 2;
|
|
16
|
-
if (isHorizontal) {
|
|
17
|
-
return Math.floor(height / lineHeight) - 1;
|
|
18
|
-
}
|
|
19
|
-
return Math.floor(height / lineHeight);
|
|
20
|
-
};
|
|
21
|
-
const defaultComponentData = {
|
|
22
|
-
title,
|
|
23
|
-
textLineOne,
|
|
24
|
-
textLineTwo,
|
|
25
|
-
textLineThree,
|
|
26
|
-
};
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
|
+
const TextAndTitle = ({ id, className, title, description, bgColour, titleClasses, textClasses, textLineOne, textLineTwo, textLineThree, titleBold, textCenter, titleCenter, withLiveUpdates = false, isHorizontal = true, children, theme = 'theme-rupertbennett' }) => {
|
|
27
6
|
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
28
|
-
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
29
7
|
const borderClasses = style.bordered;
|
|
30
8
|
const classList = classNames(className);
|
|
31
9
|
const titleClassList = classNames({
|
|
32
10
|
[style.fontBold]: titleBold,
|
|
33
11
|
[style.textCenter]: titleCenter,
|
|
34
|
-
[borderClasses]: withLiveUpdates && !isInEditingMode && isHorizontal
|
|
12
|
+
[borderClasses]: withLiveUpdates && !isInEditingMode && isHorizontal
|
|
35
13
|
}, titleClasses, style.titleClassList);
|
|
36
14
|
const textClassList = classNames({
|
|
37
15
|
[style.textCenter]: textCenter,
|
|
38
|
-
[borderClasses]: withLiveUpdates && !isInEditingMode && isHorizontal
|
|
16
|
+
[borderClasses]: withLiveUpdates && !isInEditingMode && isHorizontal
|
|
39
17
|
}, textClasses, style.textClassList);
|
|
40
18
|
const toggleEditState = () => {
|
|
41
19
|
withLiveUpdates && setIsInEditingMode(!isInEditingMode);
|
|
42
20
|
};
|
|
43
|
-
const handleButtonSave = () => {
|
|
44
|
-
const arr = [];
|
|
45
|
-
arr.push({ key: "title", value: componentData.title });
|
|
46
|
-
arr.push({ key: "textLineOne", value: componentData.textLineOne });
|
|
47
|
-
arr.push({ key: "textLineTwo", value: componentData.textLineTwo });
|
|
48
|
-
arr.push({ key: "textLineThree", value: componentData.textLineThree });
|
|
49
|
-
toggleEditState();
|
|
50
|
-
onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
|
|
51
|
-
};
|
|
52
|
-
const handleButtonCancel = () => {
|
|
53
|
-
return toggleEditState();
|
|
54
|
-
};
|
|
55
|
-
const handleChange = (e) => {
|
|
56
|
-
let id = e.target.id;
|
|
57
|
-
id = id.split("-")[id.split("-").length - 1];
|
|
58
|
-
setComponentData(Object.assign(Object.assign({}, componentData), { [id]: e.target.value }));
|
|
59
|
-
};
|
|
60
21
|
const wrapperClassList = classNames({
|
|
61
22
|
[style.horizontalWrapperClassList]: isHorizontal,
|
|
62
23
|
[style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode,
|
|
63
|
-
[style.wrapperClassList]: isHorizontal
|
|
24
|
+
[style.wrapperClassList]: isHorizontal
|
|
64
25
|
});
|
|
65
26
|
const titleWrapperClassList = classNames({
|
|
66
|
-
[style.horizontalTitleWrapperClassList]: isHorizontal
|
|
27
|
+
[style.horizontalTitleWrapperClassList]: isHorizontal
|
|
67
28
|
});
|
|
68
29
|
const textWrapperClassList = classNames({
|
|
69
|
-
[style.horizontalTextWrapperClassList]: isHorizontal
|
|
30
|
+
[style.horizontalTextWrapperClassList]: isHorizontal
|
|
70
31
|
});
|
|
71
|
-
const node = document.getElementById("textLineOne");
|
|
72
32
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
73
33
|
React.createElement("div", { className: wrapperClassList, onClick: toggleEditState },
|
|
74
|
-
React.createElement("div", { className: titleWrapperClassList }, children !== undefined && children !== null ? (children) : (React.createElement("h1", { className: titleClassList },
|
|
34
|
+
React.createElement("div", { className: titleWrapperClassList }, children !== undefined && children !== null ? (children) : (React.createElement("h1", { className: titleClassList }, title))),
|
|
75
35
|
React.createElement("div", { className: textWrapperClassList },
|
|
76
|
-
React.createElement("div", { id:
|
|
77
|
-
React.createElement("div", { id:
|
|
78
|
-
React.createElement("div", { id:
|
|
36
|
+
React.createElement("div", { id: 'textLineOne', className: textClassList }, textLineOne),
|
|
37
|
+
React.createElement("div", { id: 'textLineTwo', className: textClassList }, textLineTwo),
|
|
38
|
+
React.createElement("div", { id: 'textLineThree', className: textClassList }, textLineThree)))));
|
|
79
39
|
};
|
|
80
40
|
export default TextAndTitle;
|
|
81
41
|
//# sourceMappingURL=TextAndTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
justify-content: center
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
@media (min-width:
|
|
100
|
+
@media (min-width: 744px) {
|
|
101
101
|
|
|
102
102
|
.horizontalWrapperClassList {
|
|
103
103
|
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
border-style: dashed
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
@media (min-width:
|
|
115
|
+
@media (min-width: 744px) {
|
|
116
116
|
|
|
117
117
|
.horizontalTextWrapperClassList {
|
|
118
118
|
|
|
@@ -135,4 +135,5 @@
|
|
|
135
135
|
|
|
136
136
|
text-align: center
|
|
137
137
|
}
|
|
138
|
+
|
|
138
139
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACE;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAmB;;AAInB;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA;AAAmB;;AAInB;;IAAA;AAAe;;AAIf;;IAAA;AAAmB;;AAInB;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAmB;;AAInB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAAqC;;IAArC,eAAqC;;IAArC;AAAqC;;AAIrC;;IAAA,kBAAmC;;IAAnC,mBAAmC;;IAAnC,eAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;;QAAA,UAA8B;;QAA9B;IAA8B;;IAI9B;;QAAA,UAA8B;;QAA9B;IAA8B;AAJA;;AAQ9B;;IAAA,oBAAuB;;IAAvB;AAAuB","file":"style.module.css","sourcesContent":[".primary {\n @apply bg-primary text-white;\n}\n\n.primary:hover {\n @apply border-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.secondary:hover {\n @apply border-white;\n}\n\n.white {\n @apply bg-white;\n}\n\n.white:hover {\n @apply border-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.black:hover {\n @apply border-white;\n}\n\n.bordered {\n @apply border-4 border-transparent;\n}\n\n.fontBold {\n @apply font-bold;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.titleClassList {\n @apply text-lg font-light break-words;\n}\n\n.textClassList {\n @apply text-md font-light pt-2 mt-2;\n}\n\n.wrapperClassList {\n @apply border-4 border-transparent;\n}\n\n.horizontalWrapperClassList {\n @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n @apply border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n @apply md:w-1/2 md:text-center;\n}\n\n.horizontalTitleWrapperClassList {\n @apply md:w-1/2 md:text-center;\n}\n\n.buttonWrapper {\n @apply text-center pb-8;\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -24,5 +24,5 @@ export interface Props {
|
|
|
24
24
|
bgColour?: Colours;
|
|
25
25
|
theme?: ThemeTypes;
|
|
26
26
|
}
|
|
27
|
-
declare const TextArea: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, theme
|
|
27
|
+
declare const TextArea: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, theme }: Props) => JSX.Element;
|
|
28
28
|
export default TextArea;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React, { useRef } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
const TextArea = ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required = false, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, theme =
|
|
5
|
-
const newId = id !== undefined ? `-${id}` :
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const TextArea = ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required = false, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, theme = 'theme-rupertbennett' }) => {
|
|
5
|
+
const newId = id !== undefined ? `-${id}` : '';
|
|
6
6
|
const valueClassList = classNames({
|
|
7
|
-
[style.errorState]: errors != null || errorState
|
|
7
|
+
[style.errorState]: errors != null || errorState
|
|
8
8
|
}, style.value);
|
|
9
9
|
const labelClassList = classNames({
|
|
10
|
-
[style.labelError]: errors != null || errorState
|
|
10
|
+
[style.labelError]: errors != null || errorState
|
|
11
11
|
}, style.label);
|
|
12
12
|
const headerClassList = classNames(style.classList, className, theme);
|
|
13
13
|
const btnRef = useRef(null);
|
|
@@ -20,8 +20,10 @@ const TextArea = ({ id, className, autoComplete, disabled, formId, maxLength, mi
|
|
|
20
20
|
React.createElement("div", { className: style.labelWrapper },
|
|
21
21
|
React.createElement("p", { className: labelClassList }, label),
|
|
22
22
|
required && React.createElement("p", { className: style.required }, "\u00A0*")),
|
|
23
|
-
React.createElement("textarea", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, maxLength: maxLength, minLength: minLength, required: required, readOnly: readOnly, name: name, value: value, placeholder: placeholder, onChange: (e) =>
|
|
24
|
-
|
|
23
|
+
React.createElement("textarea", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, maxLength: maxLength, minLength: minLength, required: required, readOnly: readOnly, name: name, value: value, placeholder: placeholder, onChange: (e) => {
|
|
24
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
25
|
+
}, onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
|
|
26
|
+
withValidation && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
25
27
|
return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
|
|
26
28
|
})))));
|
|
27
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"AACE;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI7B;;;;;;IAMI;;AAGF;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;AAK/B;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMtD;;;;;;GAMG;;AAGD;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white mt-4;\n @apply cursor-pointer;\n}\n\n/* .classList:active p {\n @apply hidden;\n} \n\n.classList:active .value {\n @apply pt-3 pb-4;\n} */\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelWrapper {\n @apply px-1 ml-3 absolute -mt-3;\n @apply bg-white text-sm font-regular rounded-2xl;\n}\n\n.required {\n @apply text-error font-semiBold;\n}\n\n.value {\n @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n @apply cursor-pointer;\n @apply border border-black;\n @apply text-md;\n}\n\n/* .value:focus {\n @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n @apply text-xl;\n} */\n\n.errors {\n @apply text-error text-sm font-regular;\n}\n\n.errorState {\n @apply border-2 border-error;\n}\n\n.labelError {\n @apply text-error;\n}\n\n.errorText {\n @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}
|
|
@@ -77,7 +77,8 @@ const Timeline = ({ id, className, title, description, bgColour, isHorizontal =
|
|
|
77
77
|
horizontalCircleStylesBefore = style.circleHorizontalBefore;
|
|
78
78
|
}
|
|
79
79
|
else if (circlePos === 'last-circle' && isSm) {
|
|
80
|
-
horizontalCircleStylesBefore =
|
|
80
|
+
horizontalCircleStylesBefore =
|
|
81
|
+
style.lastCircleHorizontalCollapseBefore;
|
|
81
82
|
}
|
|
82
83
|
else if (circlePos === 'last-circle' && !isSm) {
|
|
83
84
|
horizontalCircleStylesBefore = style.lastCircleHorizontalBefore;
|
|
@@ -90,7 +91,8 @@ const Timeline = ({ id, className, title, description, bgColour, isHorizontal =
|
|
|
90
91
|
horizontalCircleStylesAfter = style.circleHorizontalAfter;
|
|
91
92
|
}
|
|
92
93
|
else if (circlePos === 'first-circle' && isSm) {
|
|
93
|
-
horizontalCircleStylesAfter =
|
|
94
|
+
horizontalCircleStylesAfter =
|
|
95
|
+
style.firstCircleHorizontalCollapseAfter;
|
|
94
96
|
}
|
|
95
97
|
else if (circlePos === 'first-circle' && !isSm) {
|
|
96
98
|
horizontalCircleStylesAfter = style.firstCircleHorizontalAfter;
|
|
@@ -99,28 +101,21 @@ const Timeline = ({ id, className, title, description, bgColour, isHorizontal =
|
|
|
99
101
|
if (isHorizontal) {
|
|
100
102
|
return (React.createElement(Column, { key: `horizontal_col_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4 mb-8` },
|
|
101
103
|
React.createElement(Row, { className: horizontalComponentClasses }, before && item.component),
|
|
102
|
-
React.createElement(Row, null, useImages
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
React.createElement("span", { className: horizontalCircleStylesAfter })))
|
|
107
|
-
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
104
|
+
React.createElement(Row, null, useImages ? (React.createElement("div", { id: circlePos, className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical' },
|
|
105
|
+
React.createElement("span", { className: horizontalCircleStylesBefore }),
|
|
106
|
+
React.createElement(Image, Object.assign({}, item.centerImageProps, { className: style.imageProps })),
|
|
107
|
+
React.createElement("span", { className: horizontalCircleStylesAfter }))) : (React.createElement("p", { id: circlePos, className: circle }))),
|
|
108
108
|
React.createElement(Row, { className: horizonalComponentClassList }, !before && item.component)));
|
|
109
109
|
}
|
|
110
110
|
else {
|
|
111
111
|
return (React.createElement(Row, { key: `vertical_row_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4` },
|
|
112
|
-
!isSm &&
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
120
|
-
isSm &&
|
|
121
|
-
React.createElement(Column, { sm: 10, md: 10, lg: 10, xl: 10, className: 'text-center my-auto' }, item.component),
|
|
122
|
-
!isSm &&
|
|
123
|
-
React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, !before && item.component)));
|
|
112
|
+
!isSm && (React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, before && item.component)),
|
|
113
|
+
React.createElement(Column, { sm: 2, md: 2, lg: 2, xl: 2, id: 'circle-wrapper', className: 'my-auto' }, useImages ? (React.createElement("div", { id: circlePos, className: 'vertical' },
|
|
114
|
+
React.createElement("span", { className: verticalCircleStylesBefore }),
|
|
115
|
+
React.createElement(Image, Object.assign({}, item.centerImageProps, { className: style.imageProps })),
|
|
116
|
+
React.createElement("span", { className: verticalCircleStylesAfter }))) : (React.createElement("p", { id: circlePos, className: circle }))),
|
|
117
|
+
isSm && (React.createElement(Column, { sm: 10, md: 10, lg: 10, xl: 10, className: 'text-center my-auto' }, item.component)),
|
|
118
|
+
!isSm && (React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, !before && item.component))));
|
|
124
119
|
}
|
|
125
120
|
}))));
|
|
126
121
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,GAAG,MAAM,qBAAqB,CAAA;AACrC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAmB5E,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,UAAU,EACV,SAAS,GAAG,IAAI,EAChB,0BAA0B,EAC1B,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
border-width: 2px;
|
|
83
83
|
border-style: solid;
|
|
84
84
|
border-color: var(--color-primary);
|
|
85
|
-
content:
|
|
85
|
+
content: '';
|
|
86
86
|
left: 49.9%
|
|
87
87
|
}
|
|
88
88
|
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
border-width: 2px;
|
|
95
95
|
border-style: solid;
|
|
96
96
|
border-color: var(--color-primary);
|
|
97
|
-
content:
|
|
97
|
+
content: '';
|
|
98
98
|
left: 49.9%
|
|
99
99
|
}
|
|
100
100
|
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
border-width: 2px;
|
|
107
107
|
border-style: solid;
|
|
108
108
|
border-color: var(--color-primary);
|
|
109
|
-
content:
|
|
109
|
+
content: '';
|
|
110
110
|
left: 49.9%
|
|
111
111
|
}
|
|
112
112
|
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
border-width: 2px;
|
|
119
119
|
border-style: solid;
|
|
120
120
|
border-color: var(--color-primary);
|
|
121
|
-
content:
|
|
121
|
+
content: '';
|
|
122
122
|
left: 49.9%
|
|
123
123
|
}
|
|
124
124
|
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
border-width: 2px;
|
|
132
132
|
border-style: solid;
|
|
133
133
|
border-color: var(--color-primary);
|
|
134
|
-
content:
|
|
134
|
+
content: '';
|
|
135
135
|
left: 8.2%
|
|
136
136
|
}
|
|
137
137
|
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
border-width: 2px;
|
|
144
144
|
border-style: solid;
|
|
145
145
|
border-color: var(--color-primary);
|
|
146
|
-
content:
|
|
146
|
+
content: '';
|
|
147
147
|
left: 8.2%
|
|
148
148
|
}
|
|
149
149
|
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
border-width: 2px;
|
|
156
156
|
border-style: solid;
|
|
157
157
|
border-color: var(--color-primary);
|
|
158
|
-
content:
|
|
158
|
+
content: '';
|
|
159
159
|
left: 8.2%
|
|
160
160
|
}
|
|
161
161
|
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
border-width: 2px;
|
|
168
168
|
border-style: solid;
|
|
169
169
|
border-color: var(--color-primary);
|
|
170
|
-
content:
|
|
170
|
+
content: '';
|
|
171
171
|
left: 8.2%
|
|
172
172
|
}
|
|
173
173
|
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
border-width: 2px;
|
|
180
180
|
border-style: solid;
|
|
181
181
|
border-color: var(--color-primary);
|
|
182
|
-
content:
|
|
182
|
+
content: '';
|
|
183
183
|
width: 70%;
|
|
184
184
|
left: -8%
|
|
185
185
|
}
|
|
@@ -191,7 +191,7 @@
|
|
|
191
191
|
border-width: 2px;
|
|
192
192
|
border-style: solid;
|
|
193
193
|
border-color: var(--color-primary);
|
|
194
|
-
content:
|
|
194
|
+
content: '';
|
|
195
195
|
width: 70%;
|
|
196
196
|
right: -12%
|
|
197
197
|
}
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
border-width: 2px;
|
|
204
204
|
border-style: solid;
|
|
205
205
|
border-color: var(--color-primary);
|
|
206
|
-
content:
|
|
206
|
+
content: '';
|
|
207
207
|
width: 60%;
|
|
208
208
|
right: -12%
|
|
209
209
|
}
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
border-width: 2px;
|
|
216
216
|
border-style: solid;
|
|
217
217
|
border-color: var(--color-primary);
|
|
218
|
-
content:
|
|
218
|
+
content: '';
|
|
219
219
|
width: 55%;
|
|
220
220
|
left: -8%
|
|
221
221
|
}
|
|
@@ -224,4 +224,5 @@
|
|
|
224
224
|
position: relative;
|
|
225
225
|
z-index: 10
|
|
226
226
|
}
|
|
227
|
+
|
|
227
228
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Timeline/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA,gBAAqE;EAArE,mBAAqE;EAArE,iBAAqE;EAArE,kBAAqE;EAArE,YAAqE;EAArE,WAAqE;EAArE,qBAAqE;EAArE,iBAAqE;EAArE,oCAAqE;EAArE;AAAqE;;AAIrE;EAAA,kBAAqD;EAArD,aAAqD;EAArD,cAAqD;EAArD,mBAAqD;EAArD;AAAqD;;AAIrD;EAAA;AAAuB;;AAIvB;EAAA,8BAAoC;EAApC;AAAoC;;AAIpC;EAAA;AAAe;;AAIf;EAAA,sBAA4C;EAA5C,mBAA4C;EAA5C;AAA4C;;AAI5C;EAAA;AAAkB;;AAIlB;EAAA,kBAAmC;EAAnC,aAAmC;EAAnC,qBAAmC;EAAnC;AAAmC;;AAInC;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAI/B;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAGjC,aAAa;AAEX;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAMtE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAKxE,gBAAgB;AAEd;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAMtE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAKxE,eAAe;AAEb;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAoB;EAApB;AAAoB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.circle {\n @apply w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black;\n}\n\n.liClassList {\n @apply relative flex flex-auto flex-row leading-tight;\n}\n\n.liVerticalReverse {\n @apply flex-row-reverse;\n}\n\n.liHorizontalReverse {\n @apply items-center flex-col-reverse;\n}\n\n.li {\n @apply flex-row;\n}\n\n.liHorizontal {\n @apply items-center flex-col justify-between;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.ulClassList {\n @apply relative list-none pl-0 flex;\n}\n\n.ulVerticalReverse {\n @apply flex-col;\n}\n\n.ulHorizontalReverse {\n @apply flex-row justify-between;\n}\n\n.ul {\n @apply flex-col;\n}\n\n.ulHorizontal {\n @apply flex-row justify-between;\n}\n\n/* Vertical */\n.circleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content:
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Timeline/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA,gBAAqE;EAArE,mBAAqE;EAArE,iBAAqE;EAArE,kBAAqE;EAArE,YAAqE;EAArE,WAAqE;EAArE,qBAAqE;EAArE,iBAAqE;EAArE,oCAAqE;EAArE;AAAqE;;AAIrE;EAAA,kBAAqD;EAArD,aAAqD;EAArD,cAAqD;EAArD,mBAAqD;EAArD;AAAqD;;AAIrD;EAAA;AAAuB;;AAIvB;EAAA,8BAAoC;EAApC;AAAoC;;AAIpC;EAAA;AAAe;;AAIf;EAAA,sBAA4C;EAA5C,mBAA4C;EAA5C;AAA4C;;AAI5C;EAAA;AAAkB;;AAIlB;EAAA,kBAAmC;EAAnC,aAAmC;EAAnC,qBAAmC;EAAnC;AAAmC;;AAInC;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAI/B;EAAA;AAAe;;AAIf;EAAA,mBAA+B;EAA/B;AAA+B;;AAGjC,aAAa;AAEX;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAMtE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAKxE,gBAAgB;AAEd;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAMtE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAyE;EAAzE,WAAyE;EAAzE,cAAyE;EAAzE,WAAyE;EAAzE,iBAAyE;EAAzE,mBAAyE;EAAzE,kCAAyE;EACzE,WAAW;EACX;AAFyE;;AAMzE;EAAA,kBAAsE;EAAtE,QAAsE;EAAtE,cAAsE;EAAtE,WAAsE;EAAtE,iBAAsE;EAAtE,mBAAsE;EAAtE,kCAAsE;EACtE,WAAW;EACX;AAFsE;;AAKxE,eAAe;AAEb;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAkE;EAAlE,QAAkE;EAAlE,cAAkE;EAAlE,iBAAkE;EAAlE,mBAAkE;EAAlE,kCAAkE;EAClE,WAAW;EACX,UAAU;EACV;AAHkE;;AAOlE;EAAA,kBAAoB;EAApB;AAAoB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.circle {\n @apply w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black;\n}\n\n.liClassList {\n @apply relative flex flex-auto flex-row leading-tight;\n}\n\n.liVerticalReverse {\n @apply flex-row-reverse;\n}\n\n.liHorizontalReverse {\n @apply items-center flex-col-reverse;\n}\n\n.li {\n @apply flex-row;\n}\n\n.liHorizontal {\n @apply items-center flex-col justify-between;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.ulClassList {\n @apply relative list-none pl-0 flex;\n}\n\n.ulVerticalReverse {\n @apply flex-col;\n}\n\n.ulHorizontalReverse {\n @apply flex-row justify-between;\n}\n\n.ul {\n @apply flex-col;\n}\n\n.ulHorizontal {\n @apply flex-row justify-between;\n}\n\n/* Vertical */\n.circleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 49.9%;\n}\n\n.circleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 49.9%;\n}\n\n.firstCircleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 49.9%;\n}\n\n.lastCircleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 49.9%;\n}\n\n/* V - collapse*/\n.circleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 8.2%;\n}\n\n.circleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 8.2%;\n}\n\n.firstCircleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 8.2%;\n}\n\n.lastCircleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: '';\n left: 8.2%;\n}\n\n/* Horizontal */\n.circleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: '';\n width: 70%;\n left: -8%;\n}\n\n.circleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: '';\n width: 70%;\n right: -12%;\n}\n\n.firstCircleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: '';\n width: 60%;\n right: -12%;\n}\n\n.lastCircleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: '';\n width: 55%;\n left: -8%;\n}\n\n.imageProps {\n @apply relative z-10;\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
3
|
-
import { Props as ImageProps } from
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
import { Props as ImageProps } from '../Image/Image';
|
|
4
4
|
interface Item {
|
|
5
5
|
preText?: string;
|
|
6
6
|
title?: string;
|
|
@@ -17,5 +17,5 @@ export interface Props {
|
|
|
17
17
|
items?: Item[];
|
|
18
18
|
theme?: ThemeTypes;
|
|
19
19
|
}
|
|
20
|
-
declare const TimelineV2: ({ id, className, title, description, bgColour, items, theme
|
|
20
|
+
declare const TimelineV2: ({ id, className, title, description, bgColour, items, theme }: Props) => JSX.Element;
|
|
21
21
|
export default TimelineV2;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import ComponentWrapper from
|
|
5
|
-
import Collapsible from
|
|
6
|
-
const TimelineV2 = ({ id, className, title, description, bgColour, items, theme =
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
|
+
import Collapsible from '../Collapsible/Collapsible';
|
|
6
|
+
const TimelineV2 = ({ id, className, title, description, bgColour, items, theme = 'theme-rupertbennett' }) => {
|
|
7
7
|
const classList = classNames(className, style.classList);
|
|
8
8
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
9
9
|
return (React.createElement("div", { className: style.item, key: `timeline_${i}` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAqB7D,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAEX,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE;YAC9C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,GAAI;gBAC9B,6BACE,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAC5D,CACE;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,QAAQ,CACF,CACV,CACF,CACP,CAAA;IACH,CAAC,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
display: none
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
@media (min-width:
|
|
15
|
+
@media (min-width: 550px) {
|
|
16
16
|
|
|
17
17
|
.lineWrapper {
|
|
18
18
|
display: block
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
.blank {
|
|
40
40
|
border-right-width: 2px;
|
|
41
41
|
border-color: var(--color-transparent);
|
|
42
|
-
content:
|
|
42
|
+
content: ''
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.collapsible {
|
|
@@ -50,10 +50,11 @@
|
|
|
50
50
|
background-color: var(--color-white)
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
@media (min-width:
|
|
53
|
+
@media (min-width: 550px) {
|
|
54
54
|
|
|
55
55
|
.collapsible {
|
|
56
56
|
margin-left: 2rem
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
+
|
|
59
60
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/TimelineV2/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA;AAAW;;AAIX;EAAA;AAAsB;;AAAtB;;EAAA;IAAA;EAAsB;AAAA;;AAItB;EAAA,WAA2D;EAA3D,YAA2D;EAA3D,gBAA2D;EAA3D,YAA2D;EAA3D,WAA2D;EAA3D,qBAA2D;EAA3D;AAA2D;;AAI3D;EAAA,YAAsC;EAAtC,YAAsC;EAAtC,cAAsC;EAAtC;AAAsC;;AAItC;EAAA,uBAAoC;EAApC,sCAAoC;EACpC;AADoC;;AAKpC;EAAA,kBAA+C;EAA/C,qBAA+C;EAA/C,WAA+C;EAA/C,mBAA+C;EAA/C;AAA+C;;AAA/C;;EAAA;IAAA;EAA+C;AAAA","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.item {\n @apply flex;\n}\n\n.lineWrapper {\n @apply hidden sm:block;\n}\n\n.circle {\n @apply m-auto w-4 h-4 mt-12 rounded-full bg-light-grey z-10;\n}\n\n.line {\n @apply w-1 h-full bg-light-grey m-auto;\n}\n\n.blank {\n @apply border-r-2 border-transparent;\n content:
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TimelineV2/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA;AAAW;;AAIX;EAAA;AAAsB;;AAAtB;;EAAA;IAAA;EAAsB;AAAA;;AAItB;EAAA,WAA2D;EAA3D,YAA2D;EAA3D,gBAA2D;EAA3D,YAA2D;EAA3D,WAA2D;EAA3D,qBAA2D;EAA3D;AAA2D;;AAI3D;EAAA,YAAsC;EAAtC,YAAsC;EAAtC,cAAsC;EAAtC;AAAsC;;AAItC;EAAA,uBAAoC;EAApC,sCAAoC;EACpC;AADoC;;AAKpC;EAAA,kBAA+C;EAA/C,qBAA+C;EAA/C,WAA+C;EAA/C,mBAA+C;EAA/C;AAA+C;;AAA/C;;EAAA;IAAA;EAA+C;AAAA","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.item {\n @apply flex;\n}\n\n.lineWrapper {\n @apply hidden sm:block;\n}\n\n.circle {\n @apply m-auto w-4 h-4 mt-12 rounded-full bg-light-grey z-10;\n}\n\n.line {\n @apply w-1 h-full bg-light-grey m-auto;\n}\n\n.blank {\n @apply border-r-2 border-transparent;\n content: '';\n}\n\n.collapsible {\n @apply bg-white rounded-2xl my-2 sm:ml-8 w-full;\n}\n"]}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
|
|
4
|
-
|
|
5
|
-
items?: Array<{
|
|
6
|
-
title: string;
|
|
7
|
-
subtitle: string;
|
|
8
|
-
}>;
|
|
9
|
-
reverse?: boolean;
|
|
10
|
-
textCenter?: boolean;
|
|
4
|
+
items?: string[];
|
|
11
5
|
theme?: ThemeTypes;
|
|
6
|
+
bgColour?: Colours;
|
|
7
|
+
activeStop?: number;
|
|
12
8
|
}
|
|
13
9
|
declare const Tubestops: React.FC<Props>;
|
|
14
10
|
export default Tubestops;
|