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,95 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Input from './index';
|
|
3
|
-
const componentMeta = {
|
|
4
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Input',
|
|
5
|
-
component: Input,
|
|
6
|
-
parameters: {},
|
|
7
|
-
argTypes: {
|
|
8
|
-
id: {
|
|
9
|
-
description: 'Defines the id of the component',
|
|
10
|
-
table: {
|
|
11
|
-
category: '',
|
|
12
|
-
type: { summary: 'string' },
|
|
13
|
-
defaultValue: { summary: 'undefined' }
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
className: {
|
|
17
|
-
description: 'Defines any additional classes for the components',
|
|
18
|
-
table: {
|
|
19
|
-
category: '',
|
|
20
|
-
type: { summary: 'string' },
|
|
21
|
-
defaultValue: { summary: 'undefined' }
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
label: {
|
|
25
|
-
description: '',
|
|
26
|
-
control: 'text',
|
|
27
|
-
table: {
|
|
28
|
-
category: ''
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
placeholder: {
|
|
32
|
-
description: '',
|
|
33
|
-
control: 'text',
|
|
34
|
-
table: {
|
|
35
|
-
category: ''
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
bold: {
|
|
39
|
-
description: '',
|
|
40
|
-
control: 'boolean',
|
|
41
|
-
table: {
|
|
42
|
-
category: ''
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
required: {
|
|
46
|
-
description: '',
|
|
47
|
-
control: 'boolean',
|
|
48
|
-
table: {
|
|
49
|
-
category: ''
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
hasValidation: {
|
|
53
|
-
description: '',
|
|
54
|
-
control: 'boolean',
|
|
55
|
-
table: {
|
|
56
|
-
category: ''
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
errors: {
|
|
60
|
-
description: '',
|
|
61
|
-
control: 'array',
|
|
62
|
-
table: {
|
|
63
|
-
category: ''
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
value: {
|
|
67
|
-
description: 'The default value of the input',
|
|
68
|
-
control: 'text',
|
|
69
|
-
table: {
|
|
70
|
-
category: ''
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
theme: {
|
|
74
|
-
type: { name: 'string', required: false },
|
|
75
|
-
options: ['dark', 'light'],
|
|
76
|
-
description: 'The variant of button to render',
|
|
77
|
-
table: { type: { summary: 'dark' }, defaultValue: { summary: 'dark' } },
|
|
78
|
-
defaultValue: 'dark',
|
|
79
|
-
control: { type: 'radio' }
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
args: {
|
|
83
|
-
label: 'This is a label',
|
|
84
|
-
placeholder: 'This is a placeholder',
|
|
85
|
-
errors: [
|
|
86
|
-
'This is an error',
|
|
87
|
-
'This is another error',
|
|
88
|
-
'This is a third error'
|
|
89
|
-
]
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
const Template = (args) => React.createElement(Input, Object.assign({}, args));
|
|
93
|
-
export const _Input = Template.bind({});
|
|
94
|
-
export default componentMeta;
|
|
95
|
-
//# sourceMappingURL=Input.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAG3B,MAAM,aAAa,GAAgC;IACjD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,KAAK;IAChB,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,KAAK,EAAE;YACL,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,IAAI,EAAE;YACJ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,aAAa,EAAE;YACb,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,gCAAgC;YAC7C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,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,iCAAiC;YAC9C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;YACvE,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,uBAAuB;QACpC,MAAM,EAAE;YACN,kBAAkB;YAClB,uBAAuB;YACvB,uBAAuB;SACxB;KACF;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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Jumbotron from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Jumbotron>;
|
|
5
|
-
export declare const _Jumbotron: ComponentStory<({ id, className, image, altText }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { idAndClassName } from '../../utils/controls';
|
|
3
|
-
import Jumbotron from './index';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Rupert Bennett/Organisms/Jumbotron',
|
|
6
|
-
component: Jumbotron,
|
|
7
|
-
parameters: {},
|
|
8
|
-
argTypes: Object.assign({}, idAndClassName),
|
|
9
|
-
args: {
|
|
10
|
-
image: 'https://picsum.photos/1500/400'
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
const Template = (args) => React.createElement(Jumbotron, Object.assign({}, args));
|
|
14
|
-
export const _Jumbotron = Template.bind({});
|
|
15
|
-
export default componentMeta;
|
|
16
|
-
//# sourceMappingURL=Jumbotron.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jumbotron.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,sDAAsD;IAC7D,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,gCAAgC;KACxC;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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Nav from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Nav>;
|
|
5
|
-
export declare const _Nav: ComponentStory<({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme, text, textLink }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Nav from './index';
|
|
3
|
-
import { idAndClassName } from '../../utils/controls';
|
|
4
|
-
import logoDarkTheme from '@assets/images/primary-logo-bold.png';
|
|
5
|
-
import logoImage from '@assets/images/secondary-logo-bold.png';
|
|
6
|
-
const navLinks = [
|
|
7
|
-
{ title: 'Home', href: '/', isActive: true },
|
|
8
|
-
{ title: 'Resume', href: '/', isActive: false },
|
|
9
|
-
{ title: 'Contact Me', href: '/', isActive: false }
|
|
10
|
-
];
|
|
11
|
-
const componentMeta = {
|
|
12
|
-
title: 'Trepur Components/Rupert Bennett/Organisms/Nav',
|
|
13
|
-
component: Nav,
|
|
14
|
-
parameters: {
|
|
15
|
-
backgrounds: {
|
|
16
|
-
default: 'grey',
|
|
17
|
-
values: [
|
|
18
|
-
{
|
|
19
|
-
name: 'grey',
|
|
20
|
-
value: '#f3f3f3'
|
|
21
|
-
}
|
|
22
|
-
]
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { navLinks: {
|
|
26
|
-
description: 'An array of nav links to display in the component',
|
|
27
|
-
table: {
|
|
28
|
-
type: { summary: 'array' }
|
|
29
|
-
}
|
|
30
|
-
}, asSideBar: {
|
|
31
|
-
type: { name: 'boolean', required: false },
|
|
32
|
-
description: 'Sets the expanding mechanism to work as a side bar on mobile',
|
|
33
|
-
table: {
|
|
34
|
-
type: { summary: 'boolean' }
|
|
35
|
-
}
|
|
36
|
-
}, dropdownNavHeight: {
|
|
37
|
-
type: { name: 'string', required: false },
|
|
38
|
-
description: 'The distance in which the dropdown should come on mobile',
|
|
39
|
-
table: {
|
|
40
|
-
type: { summary: 'string' }
|
|
41
|
-
}
|
|
42
|
-
}, logo: {
|
|
43
|
-
type: { name: 'string', required: false },
|
|
44
|
-
description: 'The logo to display on the component',
|
|
45
|
-
table: {
|
|
46
|
-
type: { summary: 'string' }
|
|
47
|
-
}
|
|
48
|
-
}, logoDarkTheme: {
|
|
49
|
-
type: { name: 'string', required: false },
|
|
50
|
-
description: 'An optional dark them logo for dark mode',
|
|
51
|
-
table: {
|
|
52
|
-
type: { summary: 'string' }
|
|
53
|
-
}
|
|
54
|
-
}, mobileLogo: {
|
|
55
|
-
type: { name: 'string', required: false },
|
|
56
|
-
description: 'An optional mobile logo for mobile devices',
|
|
57
|
-
table: {
|
|
58
|
-
type: { summary: 'string' }
|
|
59
|
-
}
|
|
60
|
-
}, mobileLogoDarkTheme: {
|
|
61
|
-
type: { name: 'string', required: false },
|
|
62
|
-
description: 'An optional dark them mobile logo for mobile dark mode',
|
|
63
|
-
table: {
|
|
64
|
-
type: { summary: 'string' }
|
|
65
|
-
}
|
|
66
|
-
}, logoLink: {
|
|
67
|
-
type: { name: 'string', required: false },
|
|
68
|
-
description: 'The link to navigate to when clicking on the logo',
|
|
69
|
-
table: {
|
|
70
|
-
type: { summary: 'string' }
|
|
71
|
-
}
|
|
72
|
-
}, mobileClasses: {
|
|
73
|
-
type: { name: 'string', required: false },
|
|
74
|
-
description: '',
|
|
75
|
-
table: {
|
|
76
|
-
type: { summary: 'string' }
|
|
77
|
-
}
|
|
78
|
-
}, fixedTop: {
|
|
79
|
-
type: { name: 'boolean', required: false },
|
|
80
|
-
description: 'Sets the header to fix at the top when true',
|
|
81
|
-
table: {
|
|
82
|
-
type: { summary: 'boolean' }
|
|
83
|
-
}
|
|
84
|
-
}, getNavStatus: {
|
|
85
|
-
type: { name: 'boolean', required: false },
|
|
86
|
-
description: 'Returns the status of the header, opened or closed in mobile',
|
|
87
|
-
table: {
|
|
88
|
-
type: { summary: 'function' }
|
|
89
|
-
}
|
|
90
|
-
}, theme: {
|
|
91
|
-
type: { name: 'string', required: false },
|
|
92
|
-
options: ['dark', 'light'],
|
|
93
|
-
description: 'The them to render the component in',
|
|
94
|
-
table: {
|
|
95
|
-
type: { summary: 'dark' },
|
|
96
|
-
defaultValue: { summary: 'dark' }
|
|
97
|
-
},
|
|
98
|
-
defaultValue: 'dark',
|
|
99
|
-
control: { type: 'radio' }
|
|
100
|
-
}, text: {
|
|
101
|
-
type: { name: 'string', required: false },
|
|
102
|
-
description: 'Text to display on the component',
|
|
103
|
-
table: {
|
|
104
|
-
type: { summary: 'string' }
|
|
105
|
-
}
|
|
106
|
-
}, textLink: {
|
|
107
|
-
type: { name: 'string', required: false },
|
|
108
|
-
description: 'A link to navigate to when clicking on the text in the component',
|
|
109
|
-
control: 'string',
|
|
110
|
-
table: {
|
|
111
|
-
category: ''
|
|
112
|
-
}
|
|
113
|
-
} }),
|
|
114
|
-
args: {
|
|
115
|
-
logoLink: '/',
|
|
116
|
-
navLinks,
|
|
117
|
-
asSideBar: true,
|
|
118
|
-
dropdownNavHeight: '80',
|
|
119
|
-
logo: logoImage,
|
|
120
|
-
logoDarkTheme,
|
|
121
|
-
mobileLogo: logoImage,
|
|
122
|
-
mobileLogoDarkTheme: logoDarkTheme,
|
|
123
|
-
fixedTop: true,
|
|
124
|
-
theme: 'dark',
|
|
125
|
-
text: 'rupertbennett.com',
|
|
126
|
-
getNavStatus: (status) => {
|
|
127
|
-
console.log(status ? 'open' : 'closed');
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
};
|
|
131
|
-
const Template = (args) => React.createElement(Nav, Object.assign({}, args));
|
|
132
|
-
export const _Nav = Template.bind({});
|
|
133
|
-
export default componentMeta;
|
|
134
|
-
//# sourceMappingURL=Nav.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import NavItem from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof NavItem>;
|
|
5
|
-
export declare const _NavItem: ComponentStory<({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import NavItem from './index';
|
|
3
|
-
import { action } from '@storybook/addon-actions';
|
|
4
|
-
import { idAndClassName } from '../../utils/controls';
|
|
5
|
-
const componentMeta = {
|
|
6
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Nav Item',
|
|
7
|
-
component: NavItem,
|
|
8
|
-
parameters: {},
|
|
9
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
|
|
10
|
-
type: { name: 'string', required: false },
|
|
11
|
-
description: 'A title for the component',
|
|
12
|
-
table: {
|
|
13
|
-
type: { summary: 'string' }
|
|
14
|
-
}
|
|
15
|
-
}, href: {
|
|
16
|
-
type: { name: 'string', required: false },
|
|
17
|
-
description: 'A href for the component',
|
|
18
|
-
table: {
|
|
19
|
-
type: { summary: 'string' }
|
|
20
|
-
}
|
|
21
|
-
}, onClick: {
|
|
22
|
-
type: { name: 'function', required: false },
|
|
23
|
-
description: 'An on click handle to execute when clicking on the component',
|
|
24
|
-
table: {
|
|
25
|
-
type: { summary: 'function' }
|
|
26
|
-
}
|
|
27
|
-
}, bordered: {
|
|
28
|
-
type: { name: 'boolean', required: false },
|
|
29
|
-
description: 'Enables borders around the component',
|
|
30
|
-
table: {
|
|
31
|
-
type: { summary: 'boolean' }
|
|
32
|
-
},
|
|
33
|
-
defaultValue: false
|
|
34
|
-
}, rounded: {
|
|
35
|
-
type: { name: 'boolean', required: false },
|
|
36
|
-
description: 'Roundes the corners of the component',
|
|
37
|
-
table: {
|
|
38
|
-
type: { summary: 'boolean' }
|
|
39
|
-
},
|
|
40
|
-
defaultValue: true
|
|
41
|
-
}, underlineOnHover: {
|
|
42
|
-
type: { name: 'boolean', required: false },
|
|
43
|
-
description: 'Underlines the title when hovering over the component',
|
|
44
|
-
table: {
|
|
45
|
-
type: { summary: 'boolean' }
|
|
46
|
-
},
|
|
47
|
-
defaultValue: true
|
|
48
|
-
}, isActive: {
|
|
49
|
-
type: { name: 'boolean', required: false },
|
|
50
|
-
description: 'Set the active state to the component',
|
|
51
|
-
table: {
|
|
52
|
-
type: { summary: 'array' }
|
|
53
|
-
},
|
|
54
|
-
defaultValue: false
|
|
55
|
-
}, variant: {
|
|
56
|
-
type: { name: 'string', required: false },
|
|
57
|
-
options: ['primary', 'secondary'],
|
|
58
|
-
description: 'The varient of the component to render',
|
|
59
|
-
table: {
|
|
60
|
-
type: { summary: 'string' }
|
|
61
|
-
},
|
|
62
|
-
defaultValue: 'primary',
|
|
63
|
-
control: 'radio'
|
|
64
|
-
} }),
|
|
65
|
-
args: {
|
|
66
|
-
title: 'Home',
|
|
67
|
-
href: '/',
|
|
68
|
-
underlineOnHover: true,
|
|
69
|
-
onClick: action('button-click')
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
const Template = (args) => React.createElement(NavItem, Object.assign({}, args));
|
|
73
|
-
export const _NavItem = Template.bind({});
|
|
74
|
-
export default componentMeta;
|
|
75
|
-
//# sourceMappingURL=NavItem.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import NewsCard from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof NewsCard>;
|
|
5
|
-
export declare const _NewsCard: ComponentStory<({ id, className, title, content, imageProps, buttonProps, rounded }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { idAndClassName } from '../../utils/controls';
|
|
3
|
-
import NewsCard from './index';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Other/Organisms/News Card',
|
|
6
|
-
component: NewsCard,
|
|
7
|
-
parameters: {},
|
|
8
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
|
|
9
|
-
description: '',
|
|
10
|
-
control: 'text',
|
|
11
|
-
table: {
|
|
12
|
-
category: ''
|
|
13
|
-
}
|
|
14
|
-
}, content: {
|
|
15
|
-
description: '',
|
|
16
|
-
control: 'text',
|
|
17
|
-
table: {
|
|
18
|
-
category: ''
|
|
19
|
-
}
|
|
20
|
-
}, imageProps: {
|
|
21
|
-
type: { name: 'other', value: 'object' },
|
|
22
|
-
description: 'The props to pass to the image to display on the component',
|
|
23
|
-
table: {
|
|
24
|
-
type: {
|
|
25
|
-
summary: 'object'
|
|
26
|
-
},
|
|
27
|
-
defaultValue: { summary: 'undefined' }
|
|
28
|
-
}
|
|
29
|
-
}, buttonProps: {
|
|
30
|
-
description: '',
|
|
31
|
-
control: 'text',
|
|
32
|
-
table: {
|
|
33
|
-
category: ''
|
|
34
|
-
}
|
|
35
|
-
}, rounded: {
|
|
36
|
-
description: '',
|
|
37
|
-
control: 'text',
|
|
38
|
-
table: {
|
|
39
|
-
category: ''
|
|
40
|
-
}
|
|
41
|
-
} }),
|
|
42
|
-
args: {
|
|
43
|
-
title: 'This is a title',
|
|
44
|
-
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.',
|
|
45
|
-
rounded: true,
|
|
46
|
-
imageProps: {
|
|
47
|
-
image: 'https://picsum.photos/400/200',
|
|
48
|
-
rounded: true
|
|
49
|
-
},
|
|
50
|
-
buttonProps: {
|
|
51
|
-
children: 'Button 1',
|
|
52
|
-
className: 'w-full',
|
|
53
|
-
href: '/'
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
const Template = (args) => React.createElement(NewsCard, Object.assign({}, args));
|
|
58
|
-
export const _NewsCard = Template.bind({});
|
|
59
|
-
export default componentMeta;
|
|
60
|
-
//# sourceMappingURL=NewsCard.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NewsCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,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,EACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,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,EACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE,kJAAkJ;QAC3J,OAAO,EAAE,IAAI;QACb,UAAU,EAAE;YACV,KAAK,EAAE,+BAA+B;YACtC,OAAO,EAAE,IAAI;SACd;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,GAAG;SACV;KACF;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 Profile from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Profile>;
|
|
5
|
-
export declare const _Profile: ComponentStory<({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Profile from './index';
|
|
3
|
-
import userImage from '@assets/images/user.jpeg';
|
|
4
|
-
import { idAndClassName } from '../../utils/controls';
|
|
5
|
-
const componentMeta = {
|
|
6
|
-
title: 'Trepur Components/Other/Organisms/Profile',
|
|
7
|
-
component: Profile,
|
|
8
|
-
parameters: {},
|
|
9
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { imageProps: {
|
|
10
|
-
type: { name: 'other', value: 'object' },
|
|
11
|
-
description: 'The props to pass to the image to display on the component',
|
|
12
|
-
table: {
|
|
13
|
-
type: {
|
|
14
|
-
summary: 'object'
|
|
15
|
-
},
|
|
16
|
-
defaultValue: { summary: 'undefined' }
|
|
17
|
-
}
|
|
18
|
-
}, alignment: {
|
|
19
|
-
description: '',
|
|
20
|
-
control: 'select',
|
|
21
|
-
options: ['left', 'center', 'right'],
|
|
22
|
-
table: {
|
|
23
|
-
category: ''
|
|
24
|
-
}
|
|
25
|
-
}, profileLinks: {
|
|
26
|
-
description: '',
|
|
27
|
-
control: 'text',
|
|
28
|
-
table: {
|
|
29
|
-
category: ''
|
|
30
|
-
}
|
|
31
|
-
} }),
|
|
32
|
-
args: {
|
|
33
|
-
imageProps: {
|
|
34
|
-
image: userImage
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
const Template = (args) => React.createElement(Profile, Object.assign({}, args));
|
|
39
|
-
export const _Profile = Template.bind({});
|
|
40
|
-
export default componentMeta;
|
|
41
|
-
//# sourceMappingURL=Profile.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAkC;IACnD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,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,EACD,SAAS,EAAE;YACT,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;YACpC,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,OAAO,oBAAK,IAAI,EAAI,CAAA;AAEhF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Row from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Row>;
|
|
5
|
-
export declare const _Row: ComponentStory<({ id, className, children }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Row from './index';
|
|
3
|
-
import CardWithTopImage from '../CardWithTopImage';
|
|
4
|
-
import logo from '@assets/images/primary-logo.png';
|
|
5
|
-
import { idAndClassName } from '../../utils/controls';
|
|
6
|
-
const cardChild = (React.createElement(CardWithTopImage, { imageProps: {
|
|
7
|
-
image: logo,
|
|
8
|
-
rounded: true,
|
|
9
|
-
height: 4,
|
|
10
|
-
width: 4,
|
|
11
|
-
roundedFull: true
|
|
12
|
-
}, className: 'w-1/3' },
|
|
13
|
-
React.createElement("p", null, "This is some text"),
|
|
14
|
-
React.createElement("p", null, "This is some more text"),
|
|
15
|
-
React.createElement("p", null, "This is a bit more text"),
|
|
16
|
-
React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem odit ad sed, quam recusandae voluptatem provident eveniet beatae omnis vero minus unde facilis. Quia commodi quas odit iusto ut enim!")));
|
|
17
|
-
const componentMeta = {
|
|
18
|
-
title: 'Trepur Components/Rupert Bennett/Atoms/Row',
|
|
19
|
-
component: Row,
|
|
20
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { children: {
|
|
21
|
-
type: { name: 'other', value: 'string | React.ReactNode' },
|
|
22
|
-
description: 'The child elements to show in the component',
|
|
23
|
-
table: {
|
|
24
|
-
type: {
|
|
25
|
-
summary: 'Array'
|
|
26
|
-
},
|
|
27
|
-
defaultValue: { summary: 'undefined' }
|
|
28
|
-
}
|
|
29
|
-
} }),
|
|
30
|
-
args: {
|
|
31
|
-
children: cardChild
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
const Template = (args) => React.createElement(Row, Object.assign({}, args));
|
|
35
|
-
export const _Row = Template.bind({});
|
|
36
|
-
export default componentMeta;
|
|
37
|
-
//# sourceMappingURL=Row.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Row.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,GAAG,MAAM,SAAS,CAAA;AACzB,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,IAAI,MAAM,iCAAiC,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,SAAS,GAAG,CAChB,oBAAC,gBAAgB,IACf,UAAU,EAAE;QACV,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;QACR,WAAW,EAAE,IAAI;KAClB,EACD,SAAS,EAAC,OAAO;IAEjB,mDAAwB;IACxB,wDAA6B;IAC7B,yDAA8B;IAC9B,wOAA6M,CAC5L,CACpB,CAAA;AAED,MAAM,aAAa,GAA8B;IAC/C,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,GAAG;IACd,QAAQ,kCACH,cAAc,KACjB,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;YAC1D,WAAW,EAAE,6CAA6C;YAC1D,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,QAAQ,EAAE,SAAS;KACpB;CACF,CAAA;AAED,MAAM,QAAQ,GAA+B,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,GAAG,oBAAK,IAAI,EAAI,CAAA;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErC,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Search from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof Search>;
|
|
5
|
-
export declare const _Search: ComponentStory<({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { idAndClassName } from '../../utils/controls';
|
|
3
|
-
import Search from './index';
|
|
4
|
-
const componentMeta = {
|
|
5
|
-
title: 'Trepur Components/Other/Organisms/Search',
|
|
6
|
-
component: Search,
|
|
7
|
-
parameters: {},
|
|
8
|
-
argTypes: Object.assign(Object.assign({}, idAndClassName), { leftIconProps: {
|
|
9
|
-
description: 'An optional param to display an icon to the left of the search bar',
|
|
10
|
-
control: 'text',
|
|
11
|
-
table: {
|
|
12
|
-
category: ''
|
|
13
|
-
}
|
|
14
|
-
}, rightIconProps: {
|
|
15
|
-
description: 'An optional param to display an icon to the right of the search bar',
|
|
16
|
-
control: 'text',
|
|
17
|
-
table: {
|
|
18
|
-
category: ''
|
|
19
|
-
}
|
|
20
|
-
}, placeholder: {
|
|
21
|
-
description: 'An optional param to display a placeholder inside the search box',
|
|
22
|
-
control: 'text',
|
|
23
|
-
table: {
|
|
24
|
-
category: ''
|
|
25
|
-
}
|
|
26
|
-
}, text: {
|
|
27
|
-
description: 'An optional param to display a label on the left of the search bar',
|
|
28
|
-
control: 'text',
|
|
29
|
-
table: {
|
|
30
|
-
category: ''
|
|
31
|
-
}
|
|
32
|
-
} }),
|
|
33
|
-
args: {
|
|
34
|
-
placeholder: 'search...',
|
|
35
|
-
leftIconProps: {
|
|
36
|
-
type: 'heart',
|
|
37
|
-
className: 'absolute py-4 left-3 flex items-center'
|
|
38
|
-
},
|
|
39
|
-
rightIconProps: {
|
|
40
|
-
type: 'heart',
|
|
41
|
-
className: 'absolute py-4 right-3 flex items-center'
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
const Template = (args) => React.createElement(Search, Object.assign({}, args));
|
|
46
|
-
export const _Search = Template.bind({});
|
|
47
|
-
export default componentMeta;
|
|
48
|
-
//# sourceMappingURL=Search.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,MAAM,MAAM,SAAS,CAAA;AAG5B,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,aAAa,EAAE;YACb,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,cAAc,EAAE;YACd,WAAW,EAAE,qEAAqE;YAClF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,WAAW,EAAE;YACX,WAAW,EAAE,kEAAkE;YAC/E,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,IAAI,EAAE;YACJ,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,WAAW;QACxB,aAAa,EAAE;YACb,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,wCAAwC;SACpD;QACD,cAAc,EAAE;YACd,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,yCAAyC;SACrD;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAA;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import SocialBlock from './index';
|
|
3
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
4
|
-
declare const componentMeta: ComponentMeta<typeof SocialBlock>;
|
|
5
|
-
export declare const _SocialBlock: ComponentStory<({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme }: import("./index").Props) => JSX.Element>;
|
|
6
|
-
export default componentMeta;
|