trepur_components 1.0.2 → 1.0.4
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/index.js +3 -1
- package/dist/src/lib/components/Accordion/index.js.map +1 -1
- package/dist/src/lib/components/Accordion/style.module.css +4 -0
- package/dist/src/lib/components/Accordion/style.module.css.map +1 -0
- package/dist/src/lib/components/Carousel/index.d.ts +0 -1
- package/dist/src/lib/components/Carousel/index.js +1 -1
- package/dist/src/lib/components/Carousel/index.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +1 -1
- package/dist/src/lib/components/Nav/index.d.ts +1 -1
- package/dist/src/lib/components/Nav/index.js +2 -2
- package/dist/src/lib/components/Nav/index.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/index.js +2 -2
- package/dist/src/lib/components/SocialBlock/index.js.map +1 -1
- package/dist/{components → src/lib/components}/Timeline/index.css +2 -0
- package/dist/src/lib/components/Timeline/index.css.map +1 -0
- package/dist/{components → src/lib/components}/Tubestops/index.css +35 -30
- package/dist/src/lib/components/Tubestops/index.css.map +1 -0
- package/dist/src/lib/typography/index.d.ts +1 -3
- package/dist/src/lib/typography/index.js +1 -1
- package/dist/src/lib/typography/index.js.map +1 -1
- package/package.json +13 -6
- 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 -34
- 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.tsx +0 -315
- package/dist/components/Tubestops/Tubestops.stories.tsx +0 -66
- 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/src/lib/components/Accordion/Accordion.stories.d.ts +0 -6
- package/dist/src/lib/components/Accordion/Accordion.stories.js +0 -80
- package/dist/src/lib/components/Accordion/Accordion.stories.js.map +0 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.d.ts +0 -6
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js +0 -91
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js.map +0 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -6
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js +0 -56
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.d.ts +0 -6
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +0 -45
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.d.ts +0 -6
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js +0 -50
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js.map +0 -1
- package/dist/src/lib/components/Button/button.stories.d.ts +0 -6
- package/dist/src/lib/components/Button/button.stories.js +0 -132
- package/dist/src/lib/components/Button/button.stories.js.map +0 -1
- package/dist/src/lib/components/Card/Card.stories.d.ts +0 -8
- package/dist/src/lib/components/Card/Card.stories.js +0 -124
- package/dist/src/lib/components/Card/Card.stories.js.map +0 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.d.ts +0 -6
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js +0 -40
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js.map +0 -1
- package/dist/src/lib/components/Carousel/Carousel.stories.d.ts +0 -6
- package/dist/src/lib/components/Carousel/Carousel.stories.js +0 -297
- package/dist/src/lib/components/Carousel/Carousel.stories.js.map +0 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.d.ts +0 -6
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js +0 -14
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map +0 -1
- package/dist/src/lib/components/Collapsible/Collapsible.stories.d.ts +0 -6
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js +0 -66
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js.map +0 -1
- package/dist/src/lib/components/Column/Column.stories.d.ts +0 -6
- package/dist/src/lib/components/Column/Column.stories.js +0 -64
- package/dist/src/lib/components/Column/Column.stories.js.map +0 -1
- package/dist/src/lib/components/Container/Container.stories.d.ts +0 -6
- package/dist/src/lib/components/Container/Container.stories.js +0 -30
- package/dist/src/lib/components/Container/Container.stories.js.map +0 -1
- package/dist/src/lib/components/FooterBar/footerBar.stories.d.ts +0 -6
- package/dist/src/lib/components/FooterBar/footerBar.stories.js +0 -48
- package/dist/src/lib/components/FooterBar/footerBar.stories.js.map +0 -1
- package/dist/src/lib/components/Form/Form.stories.d.ts +0 -6
- package/dist/src/lib/components/Form/Form.stories.js +0 -82
- package/dist/src/lib/components/Form/Form.stories.js.map +0 -1
- package/dist/src/lib/components/FyreCard/FyreCard.stories.d.ts +0 -6
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js +0 -22
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map +0 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.d.ts +0 -6
- package/dist/src/lib/components/Greeting/Greeting.stories.js +0 -33
- package/dist/src/lib/components/Greeting/Greeting.stories.js.map +0 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +0 -6
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js +0 -46
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js.map +0 -1
- package/dist/src/lib/components/Icon/Icon.stories.d.ts +0 -6
- package/dist/src/lib/components/Icon/Icon.stories.js +0 -87
- package/dist/src/lib/components/Icon/Icon.stories.js.map +0 -1
- package/dist/src/lib/components/Image/Image.stories.d.ts +0 -6
- package/dist/src/lib/components/Image/Image.stories.js +0 -73
- package/dist/src/lib/components/Image/Image.stories.js.map +0 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.d.ts +0 -9
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js +0 -50
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js.map +0 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +0 -6
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js +0 -27
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js.map +0 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.d.ts +0 -6
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js +0 -73
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js.map +0 -1
- package/dist/src/lib/components/Input/Input.stories.d.ts +0 -6
- package/dist/src/lib/components/Input/Input.stories.js +0 -95
- package/dist/src/lib/components/Input/Input.stories.js.map +0 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.d.ts +0 -6
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js +0 -16
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js.map +0 -1
- package/dist/src/lib/components/Nav/Nav.stories.d.ts +0 -6
- package/dist/src/lib/components/Nav/Nav.stories.js +0 -134
- package/dist/src/lib/components/Nav/Nav.stories.js.map +0 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.d.ts +0 -6
- package/dist/src/lib/components/NavItem/NavItem.stories.js +0 -75
- package/dist/src/lib/components/NavItem/NavItem.stories.js.map +0 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.d.ts +0 -6
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js +0 -60
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map +0 -1
- package/dist/src/lib/components/Profile/Profile.stories.d.ts +0 -6
- package/dist/src/lib/components/Profile/Profile.stories.js +0 -41
- package/dist/src/lib/components/Profile/Profile.stories.js.map +0 -1
- package/dist/src/lib/components/Row/Row.stories.d.ts +0 -6
- package/dist/src/lib/components/Row/Row.stories.js +0 -37
- package/dist/src/lib/components/Row/Row.stories.js.map +0 -1
- package/dist/src/lib/components/Search/Search.stories.d.ts +0 -6
- package/dist/src/lib/components/Search/Search.stories.js +0 -48
- package/dist/src/lib/components/Search/Search.stories.js.map +0 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.d.ts +0 -6
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js +0 -58
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js.map +0 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.d.ts +0 -6
- package/dist/src/lib/components/StarRating/StarRating.stories.js +0 -17
- package/dist/src/lib/components/StarRating/StarRating.stories.js.map +0 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.d.ts +0 -6
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js +0 -95
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js.map +0 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.d.ts +0 -6
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js +0 -63
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js.map +0 -1
- package/dist/src/lib/components/TextArea/TextArea.stories.d.ts +0 -6
- package/dist/src/lib/components/TextArea/TextArea.stories.js +0 -63
- package/dist/src/lib/components/TextArea/TextArea.stories.js.map +0 -1
- package/dist/src/lib/components/Timeline/Timeline.stories.d.ts +0 -6
- package/dist/src/lib/components/Timeline/Timeline.stories.js +0 -87
- package/dist/src/lib/components/Timeline/Timeline.stories.js.map +0 -1
- package/dist/src/lib/components/Tubestops/Tubestops.stories.d.ts +0 -6
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js +0 -62
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js.map +0 -1
- package/dist/src/lib/components/UserIcon/UserIcon.stories.d.ts +0 -6
- package/dist/src/lib/components/UserIcon/UserIcon.stories.js +0 -63
- package/dist/src/lib/components/UserIcon/UserIcon.stories.js.map +0 -1
- package/dist/src/lib/components/Video/Video.stories.d.ts +0 -6
- package/dist/src/lib/components/Video/Video.stories.js +0 -17
- package/dist/src/lib/components/Video/Video.stories.js.map +0 -1
- package/dist/src/lib/typography/Fonts.stories.d.ts +0 -6
- package/dist/src/lib/typography/Fonts.stories.js +0 -12
- package/dist/src/lib/typography/Fonts.stories.js.map +0 -1
- package/dist/styles/base.css +0 -73
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { idAndClassName } from '../../utils/controls';
|
|
3
|
-
import Form from './index';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Rupert Bennett/Organisms/Form',
|
|
6
|
-
component: Form,
|
|
7
|
-
parameters: {},
|
|
8
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
|
|
9
|
-
type: { name: 'string', required: false },
|
|
10
|
-
description: 'The title to display on the component',
|
|
11
|
-
table: {
|
|
12
|
-
type: { summary: 'string' },
|
|
13
|
-
defaultValue: { summary: 'undefined' }
|
|
14
|
-
}
|
|
15
|
-
}, titleClasses: {
|
|
16
|
-
type: { name: 'string', required: false },
|
|
17
|
-
description: 'The class names to pass to the title of the component',
|
|
18
|
-
table: {
|
|
19
|
-
type: { summary: 'string' },
|
|
20
|
-
defaultValue: { summary: 'undefined' }
|
|
21
|
-
}
|
|
22
|
-
}, onSubmit: {
|
|
23
|
-
type: { name: 'function', required: false },
|
|
24
|
-
description: 'The action to perform when submitting the component',
|
|
25
|
-
action: 'onClick',
|
|
26
|
-
table: {
|
|
27
|
-
type: {
|
|
28
|
-
summary: 'function'
|
|
29
|
-
},
|
|
30
|
-
defaultValue: { summary: 'undefined' }
|
|
31
|
-
}
|
|
32
|
-
}, ref: {
|
|
33
|
-
type: { name: 'other', value: 'RefObject<TouchableOpacity>' },
|
|
34
|
-
description: 'An ref for highlighting the current element',
|
|
35
|
-
table: {
|
|
36
|
-
type: {
|
|
37
|
-
summary: 'object'
|
|
38
|
-
},
|
|
39
|
-
defaultValue: { summary: 'undefined' }
|
|
40
|
-
}
|
|
41
|
-
}, components: {
|
|
42
|
-
description: 'An array of component objects to pass to the component',
|
|
43
|
-
control: 'array',
|
|
44
|
-
table: {
|
|
45
|
-
type: {
|
|
46
|
-
summary: 'array'
|
|
47
|
-
},
|
|
48
|
-
defaultValue: { summary: 'undefined' }
|
|
49
|
-
}
|
|
50
|
-
} }),
|
|
51
|
-
args: {
|
|
52
|
-
title: 'This is a title',
|
|
53
|
-
components: [
|
|
54
|
-
{
|
|
55
|
-
htmlType: 'Input',
|
|
56
|
-
label: 'This is a label',
|
|
57
|
-
placeholder: 'This is a placeholder',
|
|
58
|
-
children: 'Submit'
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
htmlType: 'Input',
|
|
62
|
-
label: 'This is a label',
|
|
63
|
-
placeholder: 'This is a placeholder',
|
|
64
|
-
children: 'Submit'
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
htmlType: 'Input',
|
|
68
|
-
label: 'This is a label',
|
|
69
|
-
placeholder: 'This is a placeholder',
|
|
70
|
-
children: 'Submit'
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
htmlType: 'Button',
|
|
74
|
-
children: 'Submit'
|
|
75
|
-
}
|
|
76
|
-
]
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
const Template = (args) => React.createElement(Form, Object.assign({}, args));
|
|
80
|
-
export const _Form = Template.bind({});
|
|
81
|
-
export default componentMeta;
|
|
82
|
-
//# sourceMappingURL=Form.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Form.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/Form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,MAAM,aAAa,GAA+B;IAChD,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uCAAuC;YACpD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,YAAY,EAAE;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uDAAuD;YACpE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,qDAAqD;YAClE,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,UAAU;iBACpB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,GAAG,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,6BAA6B,EAAE;YAC7D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,UAAU,EAAE;YACV,WAAW,EAAE,wDAAwD;YACrE,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,OAAO;iBACjB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE;YACV;gBACE,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACnB;YACD;gBACE,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACnB;YACD;gBACE,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACnB;YACD;gBACE,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;aACnB;SACF;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,IAAI,EAAI,CAAA;AAE1E,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtC,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import FyreCard from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof FyreCard>;
|
|
5
|
-
export declare const _FyreCard: ComponentStory<({ id, className, image, imageClass, altText, bordered, buttonProps }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FyreCard from './index';
|
|
3
|
-
import { idAndClassName } from '../../utils/controls';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Other/Organisms/Fyre Card',
|
|
6
|
-
component: FyreCard,
|
|
7
|
-
parameters: {},
|
|
8
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { image: {
|
|
9
|
-
description: '',
|
|
10
|
-
control: 'text',
|
|
11
|
-
table: {
|
|
12
|
-
category: ''
|
|
13
|
-
}
|
|
14
|
-
} }),
|
|
15
|
-
args: {
|
|
16
|
-
image: 'https://picsum.photos/500/300'
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const Template = (args) => React.createElement(FyreCard, Object.assign({}, args));
|
|
20
|
-
export const _FyreCard = Template.bind({});
|
|
21
|
-
export default componentMeta;
|
|
22
|
-
//# sourceMappingURL=FyreCard.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FyreCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/FyreCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,+BAA+B;KACvC;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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Greeting from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Greeting>;
|
|
5
|
-
export declare const _Greeting: ComponentStory<({ id, className, morningMessage, afternoonMessage, eveningMessage }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Greeting from './index';
|
|
3
|
-
import { idAndClassName } from '../../utils/controls';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Greeting',
|
|
6
|
-
component: Greeting,
|
|
7
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { morningMessage: {
|
|
8
|
-
type: { name: 'string', required: false },
|
|
9
|
-
description: 'Defines the morning message for the greeting component',
|
|
10
|
-
table: {
|
|
11
|
-
type: { summary: 'string' }
|
|
12
|
-
}
|
|
13
|
-
}, afternoonMessage: {
|
|
14
|
-
type: { name: 'string', required: false },
|
|
15
|
-
description: 'Defines the afternoon message for the greeting component',
|
|
16
|
-
table: {
|
|
17
|
-
type: { summary: 'string' }
|
|
18
|
-
}
|
|
19
|
-
}, eveningMessage: {
|
|
20
|
-
type: { name: 'string', required: false },
|
|
21
|
-
description: 'Defines the evening message for the greeting component',
|
|
22
|
-
table: {
|
|
23
|
-
type: { summary: 'string' }
|
|
24
|
-
}
|
|
25
|
-
} }),
|
|
26
|
-
args: {
|
|
27
|
-
morningMessage: 'What a beautiful morning it is today'
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const Template = (args) => React.createElement(Greeting, Object.assign({}, args));
|
|
31
|
-
export const _Greeting = Template.bind({});
|
|
32
|
-
export default componentMeta;
|
|
33
|
-
//# sourceMappingURL=Greeting.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Greeting.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,QAAQ;IACnB,QAAQ,kCACH,cAAc,KACjB,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wDAAwD;YACrE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,0DAA0D;YACvE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wDAAwD;YACrE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,GACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,sCAAsC;KACvD;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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
import HamburgerIcon from './index';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof HamburgerIcon>;
|
|
5
|
-
export declare const _HamburgerIcon: ComponentStory<({ id, className, onClick }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import HamburgerIcon from './index';
|
|
3
|
-
const componentMeta = {
|
|
4
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Hamburger Icon',
|
|
5
|
-
component: HamburgerIcon,
|
|
6
|
-
parameters: {
|
|
7
|
-
docs: {
|
|
8
|
-
description: {
|
|
9
|
-
component: 'An icon component'
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
layout: 'padded'
|
|
13
|
-
},
|
|
14
|
-
argTypes: {
|
|
15
|
-
id: {
|
|
16
|
-
type: { name: 'string', required: false },
|
|
17
|
-
description: 'HTML id attribute',
|
|
18
|
-
table: { type: { summary: 'string' } }
|
|
19
|
-
},
|
|
20
|
-
className: {
|
|
21
|
-
type: { name: 'string', required: false },
|
|
22
|
-
description: 'Used to pass any additional classes to the component',
|
|
23
|
-
table: { type: { summary: 'string' } }
|
|
24
|
-
},
|
|
25
|
-
opened: {
|
|
26
|
-
type: { name: 'boolean', required: false },
|
|
27
|
-
description: 'If this component is disabled and can not be interacted',
|
|
28
|
-
table: {
|
|
29
|
-
type: { summary: 'boolean' },
|
|
30
|
-
defaultValue: { summary: 'boolean' }
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
onClick: {
|
|
34
|
-
type: { name: 'function', required: false },
|
|
35
|
-
description: 'Function to be called when the button is clicked',
|
|
36
|
-
table: { type: { summary: 'function' } }
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
args: {
|
|
40
|
-
opened: false
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
const Template = (args) => React.createElement(HamburgerIcon, Object.assign({}, args));
|
|
44
|
-
export const _HamburgerIcon = Template.bind({});
|
|
45
|
-
export default componentMeta;
|
|
46
|
-
//# sourceMappingURL=HamburgerIcon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HamburgerIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,MAAM,SAAS,CAAA;AAEnC,MAAM,aAAa,GAAwC;IACzD,KAAK,EAAE,uDAAuD;IAC9D,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,mBAAmB;aAC/B;SACF;QACD,MAAM,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,yDAAyD;YACtE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;gBAC5B,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aACrC;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,kDAAkD;YAC/D,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;SACzC;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;KACd;CACF,CAAA;AAED,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAA;AAE5F,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Icon from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Icon>;
|
|
5
|
-
export declare const _Icon: ComponentStory<({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Icon from './index';
|
|
3
|
-
import { idAndClassName } from '../../utils/controls';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Icon',
|
|
6
|
-
component: Icon,
|
|
7
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { type: {
|
|
8
|
-
options: ['heart', 'arrow-up', 'arrow-down', 'multiply', 'burger', 'bars'],
|
|
9
|
-
type: { name: 'string', required: false },
|
|
10
|
-
description: 'The name of the icon to display in the component',
|
|
11
|
-
table: {
|
|
12
|
-
type: { summary: 'string' }
|
|
13
|
-
},
|
|
14
|
-
control: 'select'
|
|
15
|
-
}, size: {
|
|
16
|
-
type: { name: 'number', required: false },
|
|
17
|
-
description: 'The size of the icon to show in the component',
|
|
18
|
-
table: {
|
|
19
|
-
type: { summary: 'number' }
|
|
20
|
-
}
|
|
21
|
-
}, animation: {
|
|
22
|
-
type: { name: 'string', required: false },
|
|
23
|
-
options: ['none', 'pulse', 'spin', 'beat'],
|
|
24
|
-
description: 'Type of annimation to apply to the component',
|
|
25
|
-
table: {
|
|
26
|
-
type: { summary: 'string' }
|
|
27
|
-
},
|
|
28
|
-
control: 'select'
|
|
29
|
-
}, reverseSpin: {
|
|
30
|
-
type: { name: 'boolean', required: false },
|
|
31
|
-
description: 'To reverse the animation on the component',
|
|
32
|
-
table: {
|
|
33
|
-
type: { summary: 'boolean' }
|
|
34
|
-
},
|
|
35
|
-
defaultValue: 'false'
|
|
36
|
-
}, hollow: {
|
|
37
|
-
type: { name: 'boolean', required: false },
|
|
38
|
-
description: 'To render a hollow version of the icon in component',
|
|
39
|
-
table: {
|
|
40
|
-
type: { summary: 'boolean' }
|
|
41
|
-
},
|
|
42
|
-
defaultValue: 'false'
|
|
43
|
-
}, colour: {
|
|
44
|
-
type: { name: 'string', required: false },
|
|
45
|
-
options: ['primary', 'secondary', 'white', 'black', 'gold'],
|
|
46
|
-
description: 'The font colour of the component',
|
|
47
|
-
table: {
|
|
48
|
-
type: { summary: 'string' }
|
|
49
|
-
},
|
|
50
|
-
defaultValue: 'primary',
|
|
51
|
-
control: 'select'
|
|
52
|
-
}, bgColour: {
|
|
53
|
-
type: { name: 'string', required: false },
|
|
54
|
-
options: ['primary', 'secondary', 'white', 'black', 'gold'],
|
|
55
|
-
description: 'The background colour of the component',
|
|
56
|
-
table: {
|
|
57
|
-
type: { summary: 'string' }
|
|
58
|
-
},
|
|
59
|
-
defaultValue: 'secondary',
|
|
60
|
-
control: 'select'
|
|
61
|
-
}, rounded: {
|
|
62
|
-
type: { name: 'boolean', required: false },
|
|
63
|
-
description: 'Sets the component to a circle shape',
|
|
64
|
-
table: {
|
|
65
|
-
type: { summary: 'boolean' }
|
|
66
|
-
},
|
|
67
|
-
defaultValue: 'false'
|
|
68
|
-
}, brand: {
|
|
69
|
-
type: { name: 'boolean', required: false },
|
|
70
|
-
description: 'Set to true if the icon type to render is a brand image',
|
|
71
|
-
table: {
|
|
72
|
-
type: { summary: 'boolean' }
|
|
73
|
-
},
|
|
74
|
-
defaultValue: 'false'
|
|
75
|
-
} }),
|
|
76
|
-
args: {
|
|
77
|
-
type: 'heart',
|
|
78
|
-
size: 3,
|
|
79
|
-
animation: 'none',
|
|
80
|
-
hoverBgColour: 'primary',
|
|
81
|
-
hoverColour: 'secondary'
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
const Template = (args) => React.createElement(Icon, Object.assign({}, args));
|
|
85
|
-
export const _Icon = Template.bind({});
|
|
86
|
-
export default componentMeta;
|
|
87
|
-
//# sourceMappingURL=Icon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Image from '.';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Image>;
|
|
5
|
-
export declare const _Image: ComponentStory<({ id, className, image, altText, title, rounded, roundedFull, height, width, overlayText, centerAligned }: import(".").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Image from '.';
|
|
3
|
-
import { idAndClassName } from '../../utils/controls';
|
|
4
|
-
import logo from '@assets/images/primary-logo.png';
|
|
5
|
-
const componentMeta = {
|
|
6
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Image',
|
|
7
|
-
component: Image,
|
|
8
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { image: {
|
|
9
|
-
type: { name: 'string', required: false },
|
|
10
|
-
description: 'The image to display on the component',
|
|
11
|
-
table: {
|
|
12
|
-
type: { summary: 'default' }
|
|
13
|
-
}
|
|
14
|
-
}, altText: {
|
|
15
|
-
type: { name: 'string', required: false },
|
|
16
|
-
description: 'The accessibility alt text for the image on the component',
|
|
17
|
-
table: {
|
|
18
|
-
type: { summary: 'default' }
|
|
19
|
-
}
|
|
20
|
-
}, title: {
|
|
21
|
-
type: { name: 'string', required: false },
|
|
22
|
-
description: 'The accessibility title for the image on the component',
|
|
23
|
-
table: {
|
|
24
|
-
type: { summary: 'default' }
|
|
25
|
-
}
|
|
26
|
-
}, rounded: {
|
|
27
|
-
type: { name: 'boolean', required: false },
|
|
28
|
-
description: 'Sets the corners of the component to rounded',
|
|
29
|
-
table: {
|
|
30
|
-
type: { summary: 'boolean' }
|
|
31
|
-
}
|
|
32
|
-
}, roundedFull: {
|
|
33
|
-
type: { name: 'boolean', required: false },
|
|
34
|
-
description: 'Sets the component to a circle shape',
|
|
35
|
-
table: {
|
|
36
|
-
type: { summary: 'boolean' }
|
|
37
|
-
}
|
|
38
|
-
}, height: {
|
|
39
|
-
type: { name: 'number', required: false },
|
|
40
|
-
description: 'Defines the height of the component',
|
|
41
|
-
table: {
|
|
42
|
-
type: { summary: 'number' }
|
|
43
|
-
}
|
|
44
|
-
}, width: {
|
|
45
|
-
type: { name: 'number', required: false },
|
|
46
|
-
description: 'Defines the width of the component',
|
|
47
|
-
table: {
|
|
48
|
-
type: { summary: 'number' }
|
|
49
|
-
}
|
|
50
|
-
}, overlayText: {
|
|
51
|
-
type: { name: 'string', required: false },
|
|
52
|
-
description: 'The text to show when hovering over the component',
|
|
53
|
-
table: {
|
|
54
|
-
type: { summary: 'default' }
|
|
55
|
-
}
|
|
56
|
-
}, centerAligned: {
|
|
57
|
-
type: { name: 'boolean', required: false },
|
|
58
|
-
description: 'Sets the component to the center',
|
|
59
|
-
table: {
|
|
60
|
-
type: { summary: 'boolean' }
|
|
61
|
-
}
|
|
62
|
-
} }),
|
|
63
|
-
args: {
|
|
64
|
-
image: logo,
|
|
65
|
-
height: 8,
|
|
66
|
-
width: 8,
|
|
67
|
-
overlayText: 'logo'
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
const Template = (args) => React.createElement(Image, Object.assign({}, args));
|
|
71
|
-
export const _Image = Template.bind({});
|
|
72
|
-
export default componentMeta;
|
|
73
|
-
//# sourceMappingURL=Image.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import ImageLink from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof ImageLink>;
|
|
5
|
-
export declare const _ImageLink: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export declare const _ImageLinkWithTitle: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
|
|
7
|
-
export declare const _ImageLinkWithButton: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
|
|
8
|
-
export declare const _ImageLinkRounded: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
|
|
9
|
-
export default componentMeta;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { idAndClassName } from '../../utils/controls';
|
|
3
|
-
import Column from '../Column';
|
|
4
|
-
import ImageLink from './index';
|
|
5
|
-
const componentMeta = {
|
|
6
|
-
title: 'Trepur Components/Other/Organisms/Image Link',
|
|
7
|
-
component: ImageLink,
|
|
8
|
-
parameters: {},
|
|
9
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
|
|
10
|
-
description: '',
|
|
11
|
-
control: 'text',
|
|
12
|
-
table: {
|
|
13
|
-
category: ''
|
|
14
|
-
}
|
|
15
|
-
}, image: {
|
|
16
|
-
description: '',
|
|
17
|
-
control: 'text',
|
|
18
|
-
table: {
|
|
19
|
-
category: ''
|
|
20
|
-
}
|
|
21
|
-
} }),
|
|
22
|
-
args: {
|
|
23
|
-
image: 'https://picsum.photos/400/400',
|
|
24
|
-
link: '/'
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const Template = (args) => React.createElement(Column, { sm: 3, md: 3 },
|
|
28
|
-
React.createElement(ImageLink, Object.assign({}, args)));
|
|
29
|
-
export const _ImageLink = Template.bind({});
|
|
30
|
-
_ImageLink.args = {};
|
|
31
|
-
export const _ImageLinkWithTitle = Template.bind({});
|
|
32
|
-
_ImageLinkWithTitle.args = {
|
|
33
|
-
title: 'Title'
|
|
34
|
-
};
|
|
35
|
-
export const _ImageLinkWithButton = Template.bind({});
|
|
36
|
-
_ImageLinkWithButton.args = {
|
|
37
|
-
buttonProps: {
|
|
38
|
-
children: 'Button 1'
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
export const _ImageLinkRounded = Template.bind({});
|
|
42
|
-
_ImageLinkRounded.args = {
|
|
43
|
-
title: 'Title',
|
|
44
|
-
buttonProps: {
|
|
45
|
-
children: 'Button 1'
|
|
46
|
-
},
|
|
47
|
-
rounded: true
|
|
48
|
-
};
|
|
49
|
-
export default componentMeta;
|
|
50
|
-
//# sourceMappingURL=ImageLink.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageLink.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,GAAG;KACV;CACF,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IAAE,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAS,CAAA;AAEnH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,UAAU,CAAC,IAAI,GAAG,EAAE,CAAA;AAEpB,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpD,mBAAmB,CAAC,IAAI,GAAG;IACzB,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,oBAAoB,CAAC,IAAI,GAAG;IAC1B,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;KACrB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;KACrB;IACD,OAAO,EAAE,IAAI;CACd,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import ImageLinkList, { Props as imageLinkListProps } from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof ImageLinkList>;
|
|
5
|
-
export declare const _ImageLinkList: ComponentStory<({ id, className, items }: imageLinkListProps) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { idAndClassName } from '../../utils/controls';
|
|
3
|
-
import ImageLinkList from './index';
|
|
4
|
-
const getLinks = () => {
|
|
5
|
-
return new Array(16).fill(null).map(() => {
|
|
6
|
-
return {
|
|
7
|
-
image: 'https://picsum.photos/400/400',
|
|
8
|
-
title: 'Hi',
|
|
9
|
-
buttonProps: {
|
|
10
|
-
children: React.createElement("p", null, "button")
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
const componentMeta = {
|
|
16
|
-
title: 'Trepur Components/Other/Organisms/Image Link List',
|
|
17
|
-
component: ImageLinkList,
|
|
18
|
-
parameters: {},
|
|
19
|
-
argTypes: Object.assign({}, idAndClassName),
|
|
20
|
-
args: {
|
|
21
|
-
items: getLinks()
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
const Template = (args) => React.createElement(ImageLinkList, Object.assign({}, args));
|
|
25
|
-
export const _ImageLinkList = Template.bind({});
|
|
26
|
-
export default componentMeta;
|
|
27
|
-
//# sourceMappingURL=ImageLinkList.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageLinkList.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,aAA8C,MAAM,SAAS,CAAA;AAGpE,MAAM,QAAQ,GAAG,GAAQ,EAAE;IACzB,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE;QACvC,OAAO;YACL,KAAK,EAAE,+BAA+B;YACtC,KAAK,EAAE,IAAI;YACX,WAAW,EAAE;gBACX,QAAQ,EAAE,wCAAa;aACxB;SACF,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,aAAa,GAAwC;IACzD,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ,EAAE;KAClB;CACF,CAAA;AAED,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAA;AAE5F,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import InformationIcon from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof InformationIcon>;
|
|
5
|
-
export declare const _InformationIcon: ComponentStory<({ id, className, text, number, bordered, rounded, withAnimation, iconProps, theme }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import InformationIcon from './index';
|
|
3
|
-
import { idAndClassName } from '../../utils/controls';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Information Icon',
|
|
6
|
-
component: InformationIcon,
|
|
7
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { text: {
|
|
8
|
-
type: { name: 'string', required: false },
|
|
9
|
-
description: 'The text to display on the component',
|
|
10
|
-
table: {
|
|
11
|
-
type: { summary: 'string' }
|
|
12
|
-
}
|
|
13
|
-
}, number: {
|
|
14
|
-
type: { name: 'number', required: false },
|
|
15
|
-
description: 'The number to display on the component',
|
|
16
|
-
table: {
|
|
17
|
-
type: { summary: 'number' }
|
|
18
|
-
}
|
|
19
|
-
}, bordered: {
|
|
20
|
-
type: { name: 'boolean', required: false },
|
|
21
|
-
description: 'Applies a border to the component',
|
|
22
|
-
table: {
|
|
23
|
-
type: { summary: 'boolean' }
|
|
24
|
-
},
|
|
25
|
-
defaultValue: 'false'
|
|
26
|
-
}, rounded: {
|
|
27
|
-
type: { name: 'boolean', required: false },
|
|
28
|
-
description: 'Enabled rounded corners on the component',
|
|
29
|
-
table: {
|
|
30
|
-
type: { summary: 'boolean' }
|
|
31
|
-
},
|
|
32
|
-
defaultValue: 'false'
|
|
33
|
-
}, withAnimation: {
|
|
34
|
-
type: { name: 'boolean', required: false },
|
|
35
|
-
description: 'Enabled the counter animation on the component',
|
|
36
|
-
table: {
|
|
37
|
-
type: { summary: 'boolean' }
|
|
38
|
-
},
|
|
39
|
-
defaultValue: 'false'
|
|
40
|
-
}, iconProps: {
|
|
41
|
-
type: { name: 'string', required: false },
|
|
42
|
-
description: 'The props to pass to the icon to display on the component',
|
|
43
|
-
table: {
|
|
44
|
-
type: { summary: 'string' }
|
|
45
|
-
}
|
|
46
|
-
}, theme: {
|
|
47
|
-
type: { name: 'string', required: false },
|
|
48
|
-
options: ['dark', 'light'],
|
|
49
|
-
description: 'The variant of component to render',
|
|
50
|
-
table: { type: { summary: 'light' }, defaultValue: { summary: 'light' } },
|
|
51
|
-
defaultValue: 'light',
|
|
52
|
-
control: { type: 'radio' }
|
|
53
|
-
} }),
|
|
54
|
-
args: {
|
|
55
|
-
text: 'Projects Completed',
|
|
56
|
-
number: 21,
|
|
57
|
-
bordered: true,
|
|
58
|
-
rounded: true,
|
|
59
|
-
withAnimation: true,
|
|
60
|
-
theme: 'dark',
|
|
61
|
-
iconProps: {
|
|
62
|
-
type: 'heart',
|
|
63
|
-
size: 2,
|
|
64
|
-
className: 'mr-4 mb-8',
|
|
65
|
-
colour: 'white',
|
|
66
|
-
bgColour: 'primary'
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
const Template = (args) => React.createElement(InformationIcon, Object.assign({}, args));
|
|
71
|
-
export const _InformationIcon = Template.bind({});
|
|
72
|
-
export default componentMeta;
|
|
73
|
-
//# sourceMappingURL=InformationIcon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InformationIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAe,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAA0C;IAC3D,KAAK,EAAE,yDAAyD;IAChE,SAAS,EAAE,eAAe;IAC1B,QAAQ,kCACH,cAAc,KACjB,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wCAAwC;YACrD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,OAAO;SACtB,EACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,OAAO;SACtB,EACD,aAAa,EAAE;YACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,gDAAgD;YAC7D,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,OAAO;SACtB,EACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,2DAA2D;YACxE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;YACzE,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,GACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAoB;QAC1B,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,CAAC;YACP,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAA;AAEhG,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Input from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Input>;
|
|
5
|
-
export declare const _Input: ComponentStory<({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, theme }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|