trepur_components 1.0.0 → 1.0.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/dist/src/lib/components/Accordion/Accordion.stories.js +19 -11
- package/dist/src/lib/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/src/lib/components/Accordion/index.d.ts +1 -2
- package/dist/src/lib/components/Accordion/index.js +1 -1
- package/dist/src/lib/components/Accordion/index.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js.map +1 -1
- package/dist/src/lib/components/AlertBar/index.js +21 -19
- package/dist/src/lib/components/AlertBar/index.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/index.js +8 -10
- package/dist/src/lib/components/Breadcrumbs/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.js +7 -7
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js +2 -2
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.js +33 -35
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +1 -1
- package/dist/src/lib/components/Button/button.stories.js +64 -19
- package/dist/src/lib/components/Button/button.stories.js.map +1 -1
- package/dist/src/lib/components/Button/index.js +11 -11
- package/dist/src/lib/components/Button/index.js.map +1 -1
- package/dist/src/lib/components/Card/Card.stories.d.ts +4 -1
- package/dist/src/lib/components/Card/Card.stories.js +32 -32
- package/dist/src/lib/components/Card/Card.stories.js.map +1 -1
- package/dist/src/lib/components/Card/index.d.ts +3 -3
- package/dist/src/lib/components/Card/index.js +43 -40
- package/dist/src/lib/components/Card/index.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js +3 -3
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.stories.js +12 -12
- package/dist/src/lib/components/Carousel/Carousel.stories.js.map +1 -1
- package/dist/src/lib/components/Carousel/index.d.ts +6 -8
- package/dist/src/lib/components/Carousel/index.js +95 -54
- package/dist/src/lib/components/Carousel/index.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/index.js +8 -8
- package/dist/src/lib/components/ChevronCard/index.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js +5 -3
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js.map +1 -1
- package/dist/src/lib/components/Collapsible/index.d.ts +1 -1
- package/dist/src/lib/components/Collapsible/index.js +22 -22
- package/dist/src/lib/components/Collapsible/index.js.map +1 -1
- package/dist/src/lib/components/Column/Column.stories.js +42 -8
- package/dist/src/lib/components/Column/Column.stories.js.map +1 -1
- package/dist/src/lib/components/Column/index.js +2 -2
- package/dist/src/lib/components/Column/index.js.map +1 -1
- package/dist/src/lib/components/Container/Container.stories.js +1 -1
- package/dist/src/lib/components/Container/Container.stories.js.map +1 -1
- package/dist/src/lib/components/Container/index.js +1 -1
- package/dist/src/lib/components/Container/index.js.map +1 -1
- package/dist/src/lib/components/FooterBar/footerBar.stories.js +2 -2
- package/dist/src/lib/components/FooterBar/footerBar.stories.js.map +1 -1
- package/dist/src/lib/components/FooterBar/index.js +1 -1
- package/dist/src/lib/components/FooterBar/index.js.map +1 -1
- package/dist/src/lib/components/Form/Form.stories.js +1 -1
- package/dist/src/lib/components/Form/Form.stories.js.map +1 -1
- package/dist/src/lib/components/Form/index.js +4 -4
- package/dist/src/lib/components/Form/index.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js +3 -3
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map +1 -1
- package/dist/src/lib/components/FyreCard/index.js +6 -7
- package/dist/src/lib/components/FyreCard/index.js.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js.map +1 -1
- package/dist/src/lib/components/Greeting/index.js +4 -4
- package/dist/src/lib/components/Greeting/index.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +6 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js +46 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/index.d.ts +7 -0
- package/dist/src/lib/components/HamburgerIcon/index.js +26 -0
- package/dist/src/lib/components/HamburgerIcon/index.js.map +1 -0
- package/dist/src/lib/components/Icon/Icon.stories.d.ts +1 -1
- package/dist/src/lib/components/Icon/Icon.stories.js +4 -2
- package/dist/src/lib/components/Icon/Icon.stories.js.map +1 -1
- package/dist/src/lib/components/Icon/index.d.ts +4 -2
- package/dist/src/lib/components/Icon/index.js +17 -3
- package/dist/src/lib/components/Icon/index.js.map +1 -1
- package/dist/src/lib/components/Image/Image.stories.js +2 -2
- package/dist/src/lib/components/Image/Image.stories.js.map +1 -1
- package/dist/src/lib/components/Image/index.js +3 -3
- package/dist/src/lib/components/Image/index.js.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.d.ts +4 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js +8 -7
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLink/index.js +6 -6
- package/dist/src/lib/components/ImageLink/index.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +2 -2
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js +5 -3
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +1 -1
- package/dist/src/lib/components/ImageLinkList/index.js +3 -3
- package/dist/src/lib/components/ImageLinkList/index.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js +5 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/index.d.ts +1 -1
- package/dist/src/lib/components/InformationIcon/index.js +12 -13
- package/dist/src/lib/components/InformationIcon/index.js.map +1 -1
- package/dist/src/lib/components/Input/Input.stories.js +10 -10
- package/dist/src/lib/components/Input/Input.stories.js.map +1 -1
- package/dist/src/lib/components/Input/index.d.ts +1 -1
- package/dist/src/lib/components/Input/index.js +14 -14
- package/dist/src/lib/components/Input/index.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/index.js +1 -1
- package/dist/src/lib/components/Jumbotron/index.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.stories.d.ts +6 -0
- package/dist/src/lib/components/Nav/Nav.stories.js +12 -12
- package/dist/src/lib/components/Nav/Nav.stories.js.map +1 -1
- package/dist/src/lib/components/Nav/index.d.ts +2 -2
- package/dist/src/lib/components/Nav/index.js +25 -35
- package/dist/src/lib/components/Nav/index.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js.map +1 -1
- package/dist/src/lib/components/NavItem/index.js +2 -2
- package/dist/src/lib/components/NavItem/index.js.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map +1 -1
- package/dist/src/lib/components/NewsCard/index.js +3 -3
- package/dist/src/lib/components/NewsCard/index.js.map +1 -1
- package/dist/src/lib/components/Profile/Profile.stories.js +2 -2
- package/dist/src/lib/components/Profile/Profile.stories.js.map +1 -1
- package/dist/src/lib/components/Profile/index.js +9 -11
- package/dist/src/lib/components/Profile/index.js.map +1 -1
- package/dist/src/lib/components/Row/Row.stories.js +4 -4
- package/dist/src/lib/components/Row/Row.stories.js.map +1 -1
- package/dist/src/lib/components/Row/index.js.map +1 -1
- package/dist/src/lib/components/Search/Search.stories.js +1 -1
- package/dist/src/lib/components/Search/Search.stories.js.map +1 -1
- package/dist/src/lib/components/Search/index.js +10 -10
- package/dist/src/lib/components/Search/index.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js +9 -9
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/index.d.ts +2 -2
- package/dist/src/lib/components/SocialBlock/index.js +20 -21
- package/dist/src/lib/components/SocialBlock/index.js.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js.map +1 -1
- package/dist/src/lib/components/StarRating/index.js +3 -3
- package/dist/src/lib/components/StarRating/index.js.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js.map +1 -1
- package/dist/src/lib/components/Testimonial/index.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js +2 -2
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/index.d.ts +2 -2
- package/dist/src/lib/components/TextAndTitle/index.js +55 -64
- package/dist/src/lib/components/TextAndTitle/index.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.stories.js +3 -3
- package/dist/src/lib/components/TextArea/TextArea.stories.js.map +1 -1
- package/dist/src/lib/components/TextArea/index.js +4 -3
- package/dist/src/lib/components/TextArea/index.js.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.stories.js +12 -13
- package/dist/src/lib/components/Timeline/Timeline.stories.js.map +1 -1
- package/dist/src/lib/components/Timeline/index.d.ts +1 -1
- package/dist/src/lib/components/Timeline/index.js +57 -35
- package/dist/src/lib/components/Timeline/index.js.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js +4 -4
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js.map +1 -1
- package/dist/src/lib/components/Tubestops/index.js +5 -5
- package/dist/src/lib/components/Tubestops/index.js.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.stories.js.map +1 -1
- package/dist/src/lib/components/UserIcon/index.js +5 -6
- package/dist/src/lib/components/UserIcon/index.js.map +1 -1
- package/dist/src/lib/components/Video/Video.stories.js +1 -1
- package/dist/src/lib/components/Video/Video.stories.js.map +1 -1
- package/dist/src/lib/components/Video/index.js +2 -2
- package/dist/src/lib/components/Video/index.js.map +1 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/typography/Fonts.stories.d.ts +2 -2
- package/dist/src/lib/typography/Fonts.stories.js +2 -32
- package/dist/src/lib/typography/Fonts.stories.js.map +1 -1
- package/dist/src/lib/typography/index.d.ts +4 -2
- package/dist/src/lib/typography/index.js.map +1 -1
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/src/lib/utils/theme.d.ts +3 -2
- package/dist/src/lib/utils/theme.js +20 -0
- package/dist/src/lib/utils/theme.js.map +1 -1
- package/dist/tailwind.config.d.ts +1 -0
- package/dist/tailwind.config.js +1 -0
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +2 -1
- package/dist/components/Accordion/Accordion.stories.tsx +0 -88
- package/dist/components/Accordion/index.tsx +0 -31
- package/dist/components/AlertBar/AlertBar.stories.tsx +0 -105
- package/dist/components/AlertBar/index.tsx +0 -127
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -60
- package/dist/components/Breadcrumbs/index.tsx +0 -55
- package/dist/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.tsx +0 -52
- package/dist/components/BreadcrumbsBordered/index.tsx +0 -44
- package/dist/components/BreadcrumbsItem/BreadcrumbsItem.stories.tsx +0 -54
- package/dist/components/BreadcrumbsItem/index.tsx +0 -151
- package/dist/components/Button/button.stories.tsx +0 -148
- package/dist/components/Button/index.tsx +0 -91
- package/dist/components/Card/Card.stories.tsx +0 -150
- package/dist/components/Card/index.tsx +0 -162
- package/dist/components/CardWithTopImage/CardWithTopImage.stories.tsx +0 -48
- package/dist/components/CardWithTopImage/index.tsx +0 -40
- package/dist/components/Carousel/Carousel.stories.tsx +0 -369
- package/dist/components/Carousel/index.tsx +0 -267
- package/dist/components/ChevronCard/ChevronCard.stories.tsx +0 -21
- package/dist/components/ChevronCard/index.tsx +0 -39
- package/dist/components/Collapsible/Collapsible.stories.tsx +0 -70
- package/dist/components/Collapsible/index.tsx +0 -124
- package/dist/components/Column/Column.stories.tsx +0 -82
- package/dist/components/Column/index.tsx +0 -114
- package/dist/components/Container/Container.stories.tsx +0 -38
- package/dist/components/Container/index.tsx +0 -30
- package/dist/components/FooterBar/footerBar.stories.tsx +0 -57
- package/dist/components/FooterBar/index.tsx +0 -44
- package/dist/components/Form/Form.stories.tsx +0 -93
- package/dist/components/Form/index.tsx +0 -58
- package/dist/components/FyreCard/FyreCard.stories.tsx +0 -29
- package/dist/components/FyreCard/index.tsx +0 -46
- package/dist/components/Greeting/Greeting.stories.tsx +0 -42
- package/dist/components/Greeting/index.tsx +0 -46
- package/dist/components/HamburgerIcon/HamburgerIcon.stories.tsx +0 -50
- package/dist/components/HamburgerIcon/index.tsx +0 -65
- package/dist/components/Icon/Icon.stories.tsx +0 -102
- package/dist/components/Icon/index.tsx +0 -112
- package/dist/components/Image/Image.stories.tsx +0 -88
- package/dist/components/Image/index.tsx +0 -113
- package/dist/components/ImageLink/ImageLink.stories.tsx +0 -60
- package/dist/components/ImageLink/index.tsx +0 -62
- package/dist/components/ImageLinkList/ImageLinkList.stories.tsx +0 -32
- package/dist/components/ImageLinkList/index.tsx +0 -33
- package/dist/components/InformationIcon/InformationIcon.stories.tsx +0 -86
- package/dist/components/InformationIcon/index.tsx +0 -84
- package/dist/components/Input/Input.stories.tsx +0 -99
- package/dist/components/Input/index.tsx +0 -126
- package/dist/components/Jumbotron/Jumbotron.stories.tsx +0 -22
- package/dist/components/Jumbotron/index.tsx +0 -25
- package/dist/components/Nav/Nav.stories.tsx +0 -155
- package/dist/components/Nav/index.tsx +0 -180
- package/dist/components/NavItem/NavItem.stories.tsx +0 -89
- package/dist/components/NavItem/index.tsx +0 -65
- package/dist/components/NewsCard/NewsCard.stories.tsx +0 -71
- package/dist/components/NewsCard/index.tsx +0 -48
- package/dist/components/Profile/Profile.stories.tsx +0 -50
- package/dist/components/Profile/index.tsx +0 -87
- package/dist/components/Row/Row.stories.tsx +0 -51
- package/dist/components/Row/index.tsx +0 -24
- package/dist/components/Search/Search.stories.tsx +0 -58
- package/dist/components/Search/index.tsx +0 -58
- package/dist/components/SocialBlock/SocialBlock.stories.tsx +0 -114
- package/dist/components/SocialBlock/index.tsx +0 -161
- package/dist/components/StarRating/StarRating.stories.tsx +0 -23
- package/dist/components/StarRating/index.tsx +0 -71
- package/dist/components/Testimonial/Testimonial.stories.tsx +0 -110
- package/dist/components/Testimonial/index.tsx +0 -50
- package/dist/components/TextAndTitle/TextAndTitle.stories.tsx +0 -65
- package/dist/components/TextAndTitle/index.tsx +0 -257
- package/dist/components/TextArea/TextArea.stories.tsx +0 -67
- package/dist/components/TextArea/index.tsx +0 -97
- package/dist/components/Timeline/Timeline.stories.tsx +0 -100
- package/dist/components/Timeline/index.css +0 -133
- package/dist/components/Timeline/index.tsx +0 -315
- package/dist/components/Tubestops/Tubestops.stories.tsx +0 -66
- package/dist/components/Tubestops/index.css +0 -92
- package/dist/components/Tubestops/index.tsx +0 -77
- package/dist/components/UserIcon/UserIcon.stories.tsx +0 -67
- package/dist/components/UserIcon/index.tsx +0 -42
- package/dist/components/Video/Video.stories.tsx +0 -23
- package/dist/components/Video/index.tsx +0 -49
- package/dist/fonts/Sora/OFL.txt +0 -93
- package/dist/fonts/Sora/README.txt +0 -70
- package/dist/fonts/Sora/Sora-VariableFont_wght.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Bold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-ExtraBold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-ExtraLight.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Light.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Medium.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Regular.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-SemiBold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Thin.ttf +0 -0
- package/dist/index.js +0 -272
- package/dist/styles/base.css +0 -73
|
@@ -2,38 +2,37 @@ import React from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import Image from '../Image';
|
|
4
4
|
import Column from '../Column';
|
|
5
|
-
import Row from '../Row
|
|
6
|
-
const Timeline = ({ id, className, isHorizontal, items, reverse, textCenter, useImages, horizontalComponentClasses, isSm = false }) => {
|
|
7
|
-
const classList = classNames(
|
|
5
|
+
import Row from '../Row';
|
|
6
|
+
const Timeline = ({ id, className, isHorizontal = false, items, reverse = false, textCenter, useImages = true, horizontalComponentClasses, isSm = false }) => {
|
|
7
|
+
const classList = classNames(className, 'w-full list-none overflow-x-auto pb-4');
|
|
8
8
|
const ulClasses = classNames({
|
|
9
9
|
'flex-row none-reverse justify-between': !reverse && isHorizontal,
|
|
10
10
|
'flex-col none-reverse': !reverse && !isHorizontal,
|
|
11
11
|
'flex-row reverse justify-between': reverse && isHorizontal,
|
|
12
|
-
'flex-col reverse': reverse && !isHorizontal
|
|
13
|
-
},
|
|
12
|
+
'flex-col reverse': reverse && !isHorizontal
|
|
13
|
+
}, className, 'timeline status-flow relative list-none pl-0 flex');
|
|
14
14
|
const liClasses = classNames({
|
|
15
15
|
'text-center': textCenter,
|
|
16
16
|
'items-center flex-col justify-between': !reverse && isHorizontal,
|
|
17
17
|
'flex-row none-reverse': !reverse && !isHorizontal,
|
|
18
18
|
'items-center flex-col-reverse': reverse && isHorizontal,
|
|
19
|
-
'flex-row-reverse': reverse && !isHorizontal
|
|
19
|
+
'flex-row-reverse': reverse && !isHorizontal
|
|
20
20
|
}, 'status-flow-item relative flex flex-auto flex-row leading-tight');
|
|
21
21
|
const circle = classNames({
|
|
22
22
|
'horizontal collapse': isHorizontal && isSm,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
'vertical': !isHorizontal && !isSm
|
|
23
|
+
horizontal: isHorizontal && !isSm,
|
|
24
|
+
vertical: !isHorizontal
|
|
26
25
|
}, 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black');
|
|
27
26
|
const circleVerticalBefore = {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
position: 'absolute',
|
|
28
|
+
display: 'block',
|
|
29
|
+
borderLeft: '1px solid',
|
|
30
|
+
borderColor: 'text-primary',
|
|
31
|
+
content: '""',
|
|
32
|
+
height: '50%',
|
|
33
|
+
top: '0%',
|
|
34
|
+
left: '49.9%',
|
|
35
|
+
zIndex: '-1'
|
|
37
36
|
};
|
|
38
37
|
const circleVerticalCollapseBefore = {
|
|
39
38
|
position: 'absolute',
|
|
@@ -55,7 +54,7 @@ const Timeline = ({ id, className, isHorizontal, items, reverse, textCenter, use
|
|
|
55
54
|
height: '50%',
|
|
56
55
|
top: '0%',
|
|
57
56
|
left: '49.9%',
|
|
58
|
-
zIndex: '-1'
|
|
57
|
+
zIndex: '-1'
|
|
59
58
|
};
|
|
60
59
|
const lastCircleVerticalCollapseBefore = {
|
|
61
60
|
position: 'absolute',
|
|
@@ -66,7 +65,7 @@ const Timeline = ({ id, className, isHorizontal, items, reverse, textCenter, use
|
|
|
66
65
|
height: '50%',
|
|
67
66
|
top: '0%',
|
|
68
67
|
left: '8.2%',
|
|
69
|
-
zIndex: '-1'
|
|
68
|
+
zIndex: '-1'
|
|
70
69
|
};
|
|
71
70
|
const circleVerticalAfter = {
|
|
72
71
|
position: 'absolute',
|
|
@@ -113,12 +112,14 @@ const Timeline = ({ id, className, isHorizontal, items, reverse, textCenter, use
|
|
|
113
112
|
zIndex: '-1'
|
|
114
113
|
};
|
|
115
114
|
return (React.createElement(Column, { sm: 12, md: 12, lg: 12, xl: 12, id: id, className: classList },
|
|
116
|
-
React.createElement("div", { className: ulClasses }, items
|
|
115
|
+
React.createElement("div", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
117
116
|
let before;
|
|
118
|
-
if (i % 2 === 0)
|
|
117
|
+
if (i % 2 === 0) {
|
|
119
118
|
before = true;
|
|
120
|
-
|
|
119
|
+
}
|
|
120
|
+
else {
|
|
121
121
|
before = false;
|
|
122
|
+
}
|
|
122
123
|
let circlePos;
|
|
123
124
|
if (items.length - 1 > 0) {
|
|
124
125
|
if (i === 0)
|
|
@@ -126,7 +127,7 @@ const Timeline = ({ id, className, isHorizontal, items, reverse, textCenter, use
|
|
|
126
127
|
else if (i === items.length - 1)
|
|
127
128
|
circlePos = 'last-circle';
|
|
128
129
|
else
|
|
129
|
-
circlePos =
|
|
130
|
+
circlePos = 'circle';
|
|
130
131
|
}
|
|
131
132
|
let verticalCircleStylesBefore;
|
|
132
133
|
if (circlePos === 'circle' && isSm) {
|
|
@@ -154,27 +155,48 @@ const Timeline = ({ id, className, isHorizontal, items, reverse, textCenter, use
|
|
|
154
155
|
else if (circlePos === 'first-circle' && !isSm) {
|
|
155
156
|
verticalCircleStylesAfter = firstCircleVerticalAfter;
|
|
156
157
|
}
|
|
158
|
+
let horizontalCircleStylesBefore;
|
|
159
|
+
// if (circlePos === 'circle' && isSm){
|
|
160
|
+
// horizontalCircleStylesBefore = circleHorizontalCollapseBefore
|
|
161
|
+
// } else if (circlePos === 'circle' && !isSm){
|
|
162
|
+
// horizontalCircleStylesBefore = circleHorizontalBefore
|
|
163
|
+
// } else if (circlePos === 'first-circle' && isSm){
|
|
164
|
+
// horizontalCircleStylesBefore = firstCircleHorizontalCollapseBefore
|
|
165
|
+
// } else if (circlePos === 'first-circle' && !isSm){
|
|
166
|
+
// horizontalCircleStylesBefore = firstCircleHorizontalBefore
|
|
167
|
+
// }
|
|
168
|
+
let horizontalCircleStylesAfter;
|
|
169
|
+
// if (circlePos === 'circle' && isSm){
|
|
170
|
+
// horizontalCircleStylesAfter = circleHorizontalCollapseAfter
|
|
171
|
+
// } else if (circlePos === 'circle' && !isSm){
|
|
172
|
+
// horizontalCircleStylesAfter = circleHorizontalAfter
|
|
173
|
+
// } else if (circlePos === 'first-circle' && isSm){
|
|
174
|
+
// horizontalCircleStylesAfter = firstCircleHorizontalCollapseAfter
|
|
175
|
+
// } else if (circlePos === 'first-circle' && !isSm){
|
|
176
|
+
// horizontalCircleStylesAfter = firstCircleHorizontalAfter
|
|
177
|
+
// }
|
|
178
|
+
const horizonalComponentClassList = classNames(horizontalComponentClasses, 'pt-12');
|
|
157
179
|
if (isHorizontal) {
|
|
158
180
|
return (React.createElement(Column, { key: `horizontal_col_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4 mb-8` },
|
|
159
181
|
React.createElement(Row, { className: horizontalComponentClasses }, before && item.component),
|
|
160
|
-
React.createElement(Row, null, useImages
|
|
161
|
-
React.createElement("div", { id: circlePos, className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical' },
|
|
162
|
-
React.createElement(
|
|
163
|
-
|
|
164
|
-
React.createElement("
|
|
165
|
-
|
|
182
|
+
React.createElement(Row, null, useImages
|
|
183
|
+
? (React.createElement("div", { id: circlePos, className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical' },
|
|
184
|
+
React.createElement("span", { style: horizontalCircleStylesBefore }),
|
|
185
|
+
React.createElement(Image, Object.assign({}, item.centerImageProps)),
|
|
186
|
+
React.createElement("span", { style: horizontalCircleStylesAfter })))
|
|
187
|
+
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
188
|
+
React.createElement(Row, { className: horizonalComponentClassList }, !before && item.component)));
|
|
166
189
|
}
|
|
167
190
|
else {
|
|
168
191
|
return (React.createElement(Row, { key: `vertical_row_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4` },
|
|
169
192
|
!isSm &&
|
|
170
193
|
React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, before && item.component),
|
|
171
|
-
React.createElement(Column, { sm: 2, md: 2, lg: 2, xl: 2, id: 'circle-wrapper', className: 'my-auto' }, useImages
|
|
172
|
-
React.createElement("div", { id: circlePos, className: isSm ? 'vertical
|
|
194
|
+
React.createElement(Column, { sm: 2, md: 2, lg: 2, xl: 2, id: 'circle-wrapper', className: 'my-auto' }, useImages
|
|
195
|
+
? (React.createElement("div", { id: circlePos, className: isSm ? 'vertical' : 'vertical' },
|
|
173
196
|
React.createElement("span", { style: verticalCircleStylesBefore }),
|
|
174
197
|
React.createElement(Image, Object.assign({}, item.centerImageProps)),
|
|
175
|
-
React.createElement("span", { style: verticalCircleStylesAfter }))
|
|
176
|
-
:
|
|
177
|
-
React.createElement("p", { id: circlePos, className: circle })),
|
|
198
|
+
React.createElement("span", { style: verticalCircleStylesAfter })))
|
|
199
|
+
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
178
200
|
isSm &&
|
|
179
201
|
React.createElement(Column, { sm: 10, md: 10, lg: 10, xl: 10, className: 'text-center my-auto' }, item.component),
|
|
180
202
|
!isSm &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,GAAG,MAAM,iBAAiB,CAAA;AAcjC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,UAAU,EACV,SAAS,GAAG,IAAI,EAChB,0BAA0B,EAC1B,IAAI,GAAG,KAAK,EACN,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,uCAAuC,CAAC,CAAA;IAChF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,uCAAuC,EAAE,CAAC,OAAO,IAAI,YAAY;QACjE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,kCAAkC,EAAE,OAAO,IAAI,YAAY;QAC3D,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,SAAS,EAAE,mDAAmD,CAAC,CAAA;IAElE,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,aAAa,EAAE,UAAU;QACzB,uCAAuC,EAAE,CAAC,OAAO,IAAI,YAAY;QACjE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,+BAA+B,EAAE,OAAO,IAAI,YAAY;QACxD,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,iEAAiE,CAAC,CAAA;IAErE,MAAM,MAAM,GAAG,UAAU,CAAC;QACxB,qBAAqB,EAAE,YAAY,IAAI,IAAI;QAC3C,UAAU,EAAE,YAAY,IAAI,CAAC,IAAI;QACjC,QAAQ,EAAE,CAAC,YAAY;KACxB,EAAE,gEAAgE,CAAC,CAAA;IAEpE,MAAM,oBAAoB,GAAkB;QAC1C,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,IAAI;KACb,CAAA;IAED,MAAM,4BAA4B,GAAkB;QAClD,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,IAAI;KACb,CAAA;IAED,MAAM,wBAAwB,GAAkB;QAC9C,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,IAAI;KACb,CAAA;IAED,MAAM,gCAAgC,GAAkB;QACtD,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,IAAI;KACb,CAAA;IAED,MAAM,mBAAmB,GAAkB;QACzC,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,IAAI;KACb,CAAA;IAED,MAAM,wBAAwB,GAAkB;QAC9C,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,IAAI;KACb,CAAA;IAED,MAAM,2BAA2B,GAAkB;QACjD,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,IAAI;KACb,CAAA;IAED,MAAM,gCAAgC,GAAkB;QACtD,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,IAAI;KACb,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAE,SAAS,IACtB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;YACnC,IAAI,MAAM,CAAA;YACV,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAAE,MAAM,GAAG,IAAI,CAAA;aAAE;iBAAM;gBAAE,MAAM,GAAG,KAAK,CAAA;aAAE;YAE1D,IAAI,SAAS,CAAA;YACb,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC;oBAAE,SAAS,GAAG,cAAc,CAAA;qBAClC,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;oBAAE,SAAS,GAAG,aAAa,CAAA;;oBACrD,SAAS,GAAG,QAAQ,CAAA;aAC1B;YAED,IAAI,0BAA0B,CAAA;YAC9B,IAAI,SAAS,KAAK,QAAQ,IAAI,IAAI,EAAE;gBAClC,0BAA0B,GAAG,4BAA4B,CAAA;aAC1D;iBAAM,IAAI,SAAS,KAAK,QAAQ,IAAI,CAAC,IAAI,EAAE;gBAC1C,0BAA0B,GAAG,oBAAoB,CAAA;aAClD;iBAAM,IAAI,SAAS,KAAK,aAAa,IAAI,IAAI,EAAE;gBAC9C,0BAA0B,GAAG,gCAAgC,CAAA;aAC9D;iBAAM,IAAI,SAAS,KAAK,aAAa,IAAI,CAAC,IAAI,EAAE;gBAC/C,0BAA0B,GAAG,wBAAwB,CAAA;aACtD;YAED,IAAI,yBAAyB,CAAA;YAC7B,IAAI,SAAS,KAAK,QAAQ,IAAI,IAAI,EAAE;gBAClC,yBAAyB,GAAG,2BAA2B,CAAA;aACxD;iBAAM,IAAI,SAAS,KAAK,QAAQ,IAAI,CAAC,IAAI,EAAE;gBAC1C,yBAAyB,GAAG,mBAAmB,CAAA;aAChD;iBAAM,IAAI,SAAS,KAAK,cAAc,IAAI,IAAI,EAAE;gBAC/C,yBAAyB,GAAG,gCAAgC,CAAA;aAC7D;iBAAM,IAAI,SAAS,KAAK,cAAc,IAAI,CAAC,IAAI,EAAE;gBAChD,yBAAyB,GAAG,wBAAwB,CAAA;aACrD;YAED,IAAI,4BAA4B,CAAA;YAChC,uCAAuC;YACvC,oEAAoE;YACpE,+CAA+C;YAC/C,4DAA4D;YAC5D,oDAAoD;YACpD,yEAAyE;YACzE,qDAAqD;YACrD,iEAAiE;YACjE,IAAI;YAEJ,IAAI,2BAA2B,CAAA;YAC/B,uCAAuC;YACvC,kEAAkE;YAClE,+CAA+C;YAC/C,0DAA0D;YAC1D,oDAAoD;YACpD,uEAAuE;YACvE,qDAAqD;YACrD,+DAA+D;YAC/D,IAAI;YAEJ,MAAM,2BAA2B,GAAG,UAAU,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAA;YACnF,IAAI,YAAY,EAAE;gBAChB,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,EAC9B,EAAE,EAAC,eAAe,EAClB,SAAS,EAAE,GAAG,SAAS,YAAY;oBAEnC,oBAAC,GAAG,IAAC,SAAS,EAAE,0BAA0B,IACvC,MAAM,IAAI,IAAI,CAAC,SAAS,CACrB;oBACN,oBAAC,GAAG,QACD,SAAS;wBACR,CAAC,CAAC,CACA,6BACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU;4BAE7D,8BAAM,KAAK,EAAE,4BAA4B,GAAI;4BAC7C,oBAAC,KAAK,oBAAK,IAAI,CAAC,gBAAgB,EAAI;4BACpC,8BAAM,KAAK,EAAE,2BAA2B,GAAI,CACxC,CACL;wBACH,CAAC,CAAC,CACA,2BAAG,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,GAAI,CACtC,CACD;oBACN,oBAAC,GAAG,IAAC,SAAS,EAAE,2BAA2B,IACxC,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CACtB,CACC,CACV,CAAA;aACF;iBAAM;gBACL,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,EAAE,EAAC,eAAe,EAClB,SAAS,EAAE,GAAG,SAAS,OAAO;oBAE7B,CAAC,IAAI;wBACJ,oBAAC,MAAM,IACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,SAAS,EAAC,qBAAqB,IAE9B,MAAM,IAAI,IAAI,CAAC,SAAS,CAClB;oBACX,oBAAC,MAAM,IACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAC,gBAAgB,EACnB,SAAS,EAAC,SAAS,IAElB,SAAS;wBACR,CAAC,CAAC,CACA,6BACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;4BAEzC,8BAAM,KAAK,EAAE,0BAA0B,GAAI;4BAC3C,oBAAC,KAAK,oBAAK,IAAI,CAAC,gBAAgB,EAAI;4BACpC,8BAAM,KAAK,EAAE,yBAAyB,GAAI,CACtC,CACL;wBACH,CAAC,CAAC,CACA,2BAAG,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,GAAI,CACtC,CACE;oBAER,IAAI;wBACH,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,qBAAqB,IAE9B,IAAI,CAAC,SAAS,CACR;oBACV,CAAC,IAAI;wBACJ,oBAAC,MAAM,IACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,SAAS,EAAC,qBAAqB,IAE9B,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CACnB,CACP,CACP,CAAA;aACF;QACH,CAAC,CAAC,CACE,CACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -24,14 +24,14 @@ const componentMeta = {
|
|
|
24
24
|
isHorizontal: {
|
|
25
25
|
description: '',
|
|
26
26
|
table: {
|
|
27
|
-
category: ''
|
|
28
|
-
}
|
|
27
|
+
category: ''
|
|
28
|
+
}
|
|
29
29
|
},
|
|
30
30
|
items: {
|
|
31
31
|
description: '',
|
|
32
32
|
table: {
|
|
33
|
-
category: ''
|
|
34
|
-
}
|
|
33
|
+
category: ''
|
|
34
|
+
}
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
args: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tubestops.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/Tubestops.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;
|
|
1
|
+
{"version":3,"file":"Tubestops.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/Tubestops.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,iBAAiB;gBACxB,QAAQ,EAAE,oBAAoB;aAC/B;YACD;gBACE,KAAK,EAAE,iBAAiB;gBACxB,QAAQ,EAAE,oBAAoB;aAC/B;YACD;gBACE,KAAK,EAAE,iBAAiB;gBACxB,QAAQ,EAAE,oBAAoB;aAC/B;SACF;QACD,UAAU,EAAE,IAAI;QAChB,EAAE,EAAE,EAAE;QACN,SAAS,EAAE,EAAE;KACd;CACF,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAEpF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
|
@@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|
|
3
3
|
import './index.css';
|
|
4
4
|
const Tubestops = ({ id, className, isHorizontal = false, items = [], reverse = false, textCenter = false }) => {
|
|
5
5
|
const circle = 'w-4 h-4 rounded-full bg-black z-10';
|
|
6
|
-
const classList = classNames(
|
|
6
|
+
const classList = classNames(className, 'w-full list-none');
|
|
7
7
|
const liClasses = classNames({
|
|
8
8
|
'text-center': textCenter,
|
|
9
9
|
'items-center flex-col-reverse justify-between': !reverse && isHorizontal,
|
|
@@ -24,8 +24,8 @@ const Tubestops = ({ id, className, isHorizontal = false, items = [], reverse =
|
|
|
24
24
|
'pr-4': reverse && !isHorizontal
|
|
25
25
|
});
|
|
26
26
|
return (React.createElement("div", { id: id, className: classList },
|
|
27
|
-
React.createElement("ul", { className: ulClasses }, items
|
|
28
|
-
|
|
27
|
+
React.createElement("ul", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
28
|
+
const a = isHorizontal
|
|
29
29
|
? i === 0
|
|
30
30
|
? ''
|
|
31
31
|
: ''
|
|
@@ -35,9 +35,9 @@ const Tubestops = ({ id, className, isHorizontal = false, items = [], reverse =
|
|
|
35
35
|
return (React.createElement("li", { key: `tubestop_${i + 0}`, className: `${liClasses} ${a}` },
|
|
36
36
|
React.createElement("span", { className: circle }),
|
|
37
37
|
React.createElement("div", { className: padding },
|
|
38
|
-
React.createElement("p", null, item.title
|
|
38
|
+
React.createElement("p", null, `${item === null || item === void 0 ? void 0 : item.title}${i.toString()}`),
|
|
39
39
|
React.createElement("p", null,
|
|
40
|
-
React.createElement("small", null, item.subtitle)))));
|
|
40
|
+
React.createElement("small", null, item === null || item === void 0 ? void 0 : item.subtitle)))));
|
|
41
41
|
}))));
|
|
42
42
|
};
|
|
43
43
|
export default Tubestops;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,aAAa,CAAA;AASpB,MAAM,SAAS,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,aAAa,CAAA;AASpB,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EACnB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,oCAAoC,CAAA;IACnD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;IAE3D,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,aAAa,EAAE,UAAU;QACzB,+CAA+C,EAAE,CAAC,OAAO,IAAI,YAAY;QACzE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,uBAAuB,EAAE,OAAO,IAAI,YAAY;QAChD,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,sEAAsE,CAAC,CAAA;IAE1E,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,uCAAuC,EAAE,CAAC,OAAO,IAAI,YAAY;QACjE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,kCAAkC,EAAE,OAAO,IAAI,YAAY;QAC3D,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,mDAAmD,CAAC,CAAA;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,MAAM,EAAE,CAAC,OAAO,IAAI,YAAY;QAChC,MAAM,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QACjC,MAAM,EAAE,OAAO,IAAI,YAAY;QAC/B,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY;KACjC,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,4BAAI,SAAS,EAAE,SAAS,IACrB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAyC,EAAE,CAAS,EAAE,EAAE;YACnE,MAAM,CAAC,GAAG,YAAY;gBACpB,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE;gBACN,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,CAAA;YACb,OAAO,CACL,4BACE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,EACxB,SAAS,EAAE,GAAG,SAAS,IAAI,CAAC,EAAE;gBAE9B,8BAAM,SAAS,EAAE,MAAM,GAAI;gBAC3B,6BAAK,SAAS,EAAE,OAAO;oBACrB,+BAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAK;oBACxC;wBAAG,mCAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAS,CAAI,CAClC,CACH,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/UserIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,MAAM,aAAa,GAAmC;
|
|
1
|
+
{"version":3,"file":"UserIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/UserIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,4DAA4D;YACzE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;SACV;QACD,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,cAAc;KAC5B;CACF,CAAA;AAED,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAA;AAElF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,eAAe,aAAa,CAAA"}
|
|
@@ -5,13 +5,12 @@ const UserIcon = ({ id, className, name, description, imageProps }) => {
|
|
|
5
5
|
const classList = classNames({
|
|
6
6
|
className: className !== undefined
|
|
7
7
|
}, 'group flex items-center');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }),
|
|
8
|
+
imageProps = Object.assign(Object.assign({}, imageProps), { className: classNames(imageProps === null || imageProps === void 0 ? void 0 : imageProps.className, 'shrink-0 h-12 w-12 rounded-full') });
|
|
9
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
11
10
|
React.createElement(Image, Object.assign({}, imageProps)),
|
|
12
|
-
React.createElement("div", { className:
|
|
13
|
-
React.createElement("p", { className:
|
|
14
|
-
React.createElement("p", { className:
|
|
11
|
+
React.createElement("div", { className: 'ltr:ml-3 rtl:mr-3' },
|
|
12
|
+
React.createElement("p", { className: 'text-xs font-medium' }, name),
|
|
13
|
+
React.createElement("p", { className: 'text-xs font-medium ' }, description))));
|
|
15
14
|
};
|
|
16
15
|
export default UserIcon;
|
|
17
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAS9D,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,SAAS,EAAE,SAAS,KAAK,SAAS;KACnC,EAAE,yBAAyB,CAAC,CAAA;IAE7B,UAAU,mCACL,UAAU,KACb,SAAS,EAAE,UAAU,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,iCAAiC,CAAC,GAChF,CAAA;IACD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,oBAAC,KAAK,oBAAK,UAAU,EAAI;QACzB,6BAAK,SAAS,EAAC,mBAAmB;YAChC,2BAAG,SAAS,EAAC,qBAAqB,IAC/B,IAAI,CACH;YACJ,2BAAG,SAAS,EAAC,sBAAsB,IAChC,WAAW,CACV,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Video/Video.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAgC;
|
|
1
|
+
{"version":3,"file":"Video.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Video/Video.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAgC;IACjD,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,KAAK;IAChB,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI;KACZ;CACF,CAAA;AAED,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAA;AAE5E,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,eAAe,aAAa,CAAA"}
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
const Video = ({ id, className, autoPlay, muted, poster, mp4File, webmFile, ogvFile, height, width, withControls }) => {
|
|
3
3
|
return (React.createElement("video", { id: id, className: className, poster: poster, width: width, height: height, controls: withControls, autoPlay: autoPlay, muted: muted },
|
|
4
4
|
React.createElement("source", { src: mp4File, type: 'video/mp4' }),
|
|
5
|
-
webmFile && React.createElement("source", { src: webmFile, type: 'video/webm' }),
|
|
6
|
-
ogvFile && React.createElement("source", { src: ogvFile, type: 'video/ogg' })));
|
|
5
|
+
webmFile !== null && React.createElement("source", { src: webmFile, type: 'video/webm' }),
|
|
6
|
+
ogvFile !== undefined && React.createElement("source", { src: ogvFile, type: 'video/ogg' })));
|
|
7
7
|
};
|
|
8
8
|
export default Video;
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Video/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,KAAK,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Video/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,KAAK,EACL,YAAY,EACN,EAAe,EAAE;IACvB,OAAO,CACL,+BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,gCAAQ,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,GAAG;QACxC,QAAQ,KAAK,IAAI,IAAI,gCAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,YAAY,GAAG;QAChE,OAAO,KAAK,SAAS,IAAI,gCAAQ,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,GAAG,CAC7D,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAC1D,OAAO,mBAAmB,MAAM,kCAAkC,CAAA;AAClE,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,gBAAgB,MAAM,+BAA+B,CAAA;AAC5D,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAC1D,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,iDAAiD;AACjD,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAC1D,OAAO,mBAAmB,MAAM,kCAAkC,CAAA;AAClE,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,gBAAgB,MAAM,+BAA+B,CAAA;AAC5D,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAC1D,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,iDAAiD;AACjD,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,KAAK,EACL,SAAS,EACT,GAAG,EACH,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,EACH,MAAM,EACN,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ;AACR,aAAa;AACb,QAAQ,EACR,KAAK,EACN,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Fonts from './index';
|
|
3
3
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
4
|
declare const componentMeta: ComponentMeta<typeof Fonts>;
|
|
5
|
-
export declare const _Fonts: ComponentStory<(
|
|
5
|
+
export declare const _Fonts: ComponentStory<React.FC<import("./index").Props>>;
|
|
6
6
|
export default componentMeta;
|
|
@@ -1,40 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { idAndClassName } from '../utils/controls';
|
|
3
2
|
import Fonts from './index';
|
|
4
3
|
const componentMeta = {
|
|
5
4
|
title: 'Trepur Components/Rupert Bennett/typography/fonts',
|
|
6
5
|
component: Fonts,
|
|
7
|
-
argTypes:
|
|
8
|
-
|
|
9
|
-
control: 'text',
|
|
10
|
-
table: {
|
|
11
|
-
category: ''
|
|
12
|
-
}
|
|
13
|
-
}, content: {
|
|
14
|
-
description: '',
|
|
15
|
-
control: 'text',
|
|
16
|
-
table: {
|
|
17
|
-
category: ''
|
|
18
|
-
}
|
|
19
|
-
}, boldTitle: {
|
|
20
|
-
description: '',
|
|
21
|
-
control: 'boolean',
|
|
22
|
-
table: {
|
|
23
|
-
category: ''
|
|
24
|
-
}
|
|
25
|
-
}, ctaText: {
|
|
26
|
-
description: 'Remove text to remove button',
|
|
27
|
-
control: 'text',
|
|
28
|
-
table: {
|
|
29
|
-
category: ''
|
|
30
|
-
}
|
|
31
|
-
} }),
|
|
32
|
-
args: {
|
|
33
|
-
title: 'This is a title',
|
|
34
|
-
content: 'This is some content that will only be displayed if the collapsible item is expanded and will dissappear when the collapsible item is collapsed.',
|
|
35
|
-
image: 'https://picsum.photos/400/200',
|
|
36
|
-
ctaText: 'Button 1'
|
|
37
|
-
},
|
|
6
|
+
argTypes: {},
|
|
7
|
+
args: {}
|
|
38
8
|
};
|
|
39
9
|
const Template = (args) => React.createElement(Fonts, Object.assign({}, args));
|
|
40
10
|
export const _Fonts = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fonts.stories.js","sourceRoot":"","sources":["../../../../src/lib/typography/Fonts.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Fonts.stories.js","sourceRoot":"","sources":["../../../../src/lib/typography/Fonts.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAG3B,MAAM,aAAa,GAAgC;IACjD,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAA;AAE5E,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,eAAe,aAAa,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAI3B,MAAM,KAAK,GAAoB,CAAC,EAAS,EAAe,EAAE;IACxD,OAAO,CACL;QACE,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,uBAAuB,uBAAqB;QACzD,2BAAG,SAAS,EAAC,uBAAuB,uBAAqB;QACzD,2BAAG,SAAS,EAAC,uBAAuB,uBAAqB;QACzD,2BAAG,SAAS,EAAC,mBAAmB,wBAAsB;QACtD,2BAAG,SAAS,EAAC,yBAAyB,+BAA6B;QACnE,2BAAG,SAAS,EAAC,oBAAoB,yBAAuB;QACxD,2BAAG,SAAS,EAAC,sBAAsB,2BAAyB;QAC5D,2BAAG,SAAS,EAAC,qBAAqB,0BAAwB;QAC1D,2BAAG,SAAS,EAAC,uBAAuB,6BAA2B;QAC/D,2BAAG,SAAS,EAAC,mBAAmB,wBAAsB;QACtD,2BAAG,SAAS,EAAC,wBAAwB,8BAA4B,CAC7D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../src/lib/utils/controls.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;
|
|
1
|
+
{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../src/lib/utils/controls.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE;QACF,WAAW,EAAE,iCAAiC;QAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;IACD,SAAS,EAAE;QACT,WAAW,EAAE,kDAAkD;QAC/D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,WAAW;YACrB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;CACF,CAAA"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export declare const setTheme: (theme: string) => void;
|
|
2
|
+
export declare const getTheme: () => string;
|
|
3
|
+
export declare function getTwVal<Type>(section: string, property: string): Type | undefined;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import tailwindConfig from '../../../tailwind.config.js';
|
|
2
|
+
// const tokenUnits: string[] = ['em', 'ex', '%', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ch', 'rem', 'vh', 'vw', 'vmin', 'vmax']
|
|
1
3
|
let themeName;
|
|
2
4
|
export const setTheme = (theme) => {
|
|
3
5
|
themeName = theme;
|
|
@@ -5,4 +7,22 @@ export const setTheme = (theme) => {
|
|
|
5
7
|
export const getTheme = () => {
|
|
6
8
|
return themeName;
|
|
7
9
|
};
|
|
10
|
+
const getThemeFromOptions = (themeName) => {
|
|
11
|
+
const themes = tailwindConfig.themes;
|
|
12
|
+
if (themeName == null)
|
|
13
|
+
return tailwindConfig.theme;
|
|
14
|
+
const theme = themes.find((t) => t.name === themeName);
|
|
15
|
+
return theme !== null && theme !== void 0 ? theme : tailwindConfig.theme;
|
|
16
|
+
};
|
|
17
|
+
export function getTwVal(section, property) {
|
|
18
|
+
try {
|
|
19
|
+
const theme = section === 'colors' ? getThemeFromOptions(themeName) : tailwindConfig.theme;
|
|
20
|
+
return theme[section][property];
|
|
21
|
+
}
|
|
22
|
+
catch (e) {
|
|
23
|
+
console.warn(e);
|
|
24
|
+
console.warn(`Unable to get tailwind value ${section}: ${property}`);
|
|
25
|
+
return undefined;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
8
28
|
//# sourceMappingURL=theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/lib/utils/theme.
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/lib/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAExD,8HAA8H;AAC9H,IAAI,SAAiB,CAAA;AAErB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAQ,EAAE;IAC9C,SAAS,GAAG,KAAK,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAW,EAAE;IACnC,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAO,EAAE;IACtD,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,CAAA;IAEpC,IAAI,SAAS,IAAI,IAAI;QAAE,OAAO,cAAc,CAAC,KAAK,CAAA;IAElD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAA;IAC3D,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,KAAK,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,UAAU,QAAQ,CAAQ,OAAe,EAAE,QAAgB;IAC/D,IAAI;QACF,MAAM,KAAK,GAAG,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAA;QAC1F,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;KAChC;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACf,OAAO,CAAC,IAAI,CAAC,gCAAgC,OAAO,KAAK,QAAQ,EAAE,CAAC,CAAA;QACpE,OAAO,SAAS,CAAA;KACjB;AACH,CAAC"}
|
package/dist/tailwind.config.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../tailwind.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,OAAO,EAAE;QACP,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;SAC/B;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACN,aAAa,EAAE,aAAa;YAC5B,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,gBAAgB,EAAE,SAAS;YAC3B,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,aAAa,EAAE,SAAS;YACxB,aAAa,EAAE,SAAS;YACxB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,SAAS;YACtB,qBAAqB,EAAE,SAAS;YAChC,uBAAuB,EAAE,SAAS;YAClC,uBAAuB,EAAE,SAAS;YAClC,0BAA0B,EAAE,SAAS;YACrC,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,UAAU,EAAE,UAAU;SACvB;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;aACb;SACF;KACF;IACD,OAAO,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../tailwind.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,OAAO,EAAE;QACP,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;SAC/B;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACN,aAAa,EAAE,aAAa;YAC5B,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,gBAAgB,EAAE,SAAS;YAC3B,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,aAAa,EAAE,SAAS;YACxB,aAAa,EAAE,SAAS;YACxB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,SAAS;YACtB,qBAAqB,EAAE,SAAS;YAChC,uBAAuB,EAAE,SAAS;YAClC,uBAAuB,EAAE,SAAS;YAClC,0BAA0B,EAAE,SAAS;YACrC,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,UAAU,EAAE,UAAU;SACvB;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;aACb;SACF;KACF;IACD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;CACX,CAAA"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "trepur_components",
|
|
3
3
|
"description": "component lib",
|
|
4
4
|
"author": "trepur_ttenneb",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.1",
|
|
6
6
|
"private": false,
|
|
7
7
|
"keywords": [
|
|
8
8
|
"react",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"compile:css": "postcss src/**/*.css --base src/lib/components --dir dist/components -m --verbose",
|
|
38
38
|
"build": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/utils dist/assets && rm -rf dist/typography",
|
|
39
39
|
"build-new": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/utils dist/assets && rm -rf dist/typography && npm run compile:css",
|
|
40
|
+
"build-ts": "tsc && tsc-alias -p tsconfig.json",
|
|
40
41
|
"eject": "react-scripts eject",
|
|
41
42
|
"storybook": "start-storybook -p 6006",
|
|
42
43
|
"build-storybook": "build-storybook -s public",
|