trepur_components 0.2.2 → 0.2.5

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.
Files changed (45) hide show
  1. package/dist/{Assets → assets}/Images/logoBlue.png +0 -0
  2. package/dist/{Assets → assets}/Images/logoBlueBorder.png +0 -0
  3. package/dist/{Assets → assets}/Images/logoCoco.png +0 -0
  4. package/dist/{Assets → assets}/Images/logoCocoBanner.png +0 -0
  5. package/dist/{Assets → assets}/Images/logoWhite.png +0 -0
  6. package/dist/{Assets → assets}/Images/logoWhiteBorder.png +0 -0
  7. package/dist/{Assets → assets}/Images/user.jpeg +0 -0
  8. package/dist/{Assets → assets}/Videos/example.mp4 +0 -0
  9. package/dist/{Assets → assets}/Videos/example.ogv +0 -0
  10. package/dist/components/Atoms/AlertBar/AlertBar.stories.js +79 -64
  11. package/dist/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js +45 -37
  12. package/dist/components/Atoms/BreadcrumbsItem/BreadcrumbsItem.stories.js +98 -81
  13. package/dist/components/Atoms/Button/button.stories.js +74 -56
  14. package/dist/components/Atoms/Collapsible/Collapsible.stories.js +154 -141
  15. package/dist/components/Atoms/Column/Column.stories.js +42 -24
  16. package/dist/components/Atoms/Icon/Icon.stories.js +38 -20
  17. package/dist/components/Atoms/Image/Image.stories.js +40 -21
  18. package/dist/components/Atoms/InformationIcon/InformationIcon.stories.js +103 -90
  19. package/dist/components/Atoms/Input/Input.stories.js +55 -42
  20. package/dist/components/Atoms/NavItem/NavItem.stories.js +108 -93
  21. package/dist/components/Atoms/Row/Row.stories.js +33 -18
  22. package/dist/components/Atoms/StarRating/StarRating.stories.js +41 -22
  23. package/dist/components/Atoms/TextAndTitle/TextAndTitle.stories.js +62 -49
  24. package/dist/components/Atoms/Tubestops/Tubestops.stories.js +51 -43
  25. package/dist/components/Atoms/Video/Video.stories.js +50 -29
  26. package/dist/components/Organisms/Accordion/Accordion.stories.js +97 -93
  27. package/dist/components/Organisms/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +95 -92
  28. package/dist/components/Organisms/Card/Card.stories.js +135 -128
  29. package/dist/components/Organisms/CardWithTopImage/CardWithTopImage.stories.js +57 -48
  30. package/dist/components/Organisms/Carousel/Carousel.stories.js +123 -104
  31. package/dist/components/Organisms/Chevron Card/ChevronCard.stories.js +27 -17
  32. package/dist/components/Organisms/Form/Form.stories.js +118 -112
  33. package/dist/components/Organisms/FyreCard/FyreCard.stories.js +115 -106
  34. package/dist/components/Organisms/ImageLink/ImageLink.stories.js +72 -49
  35. package/dist/components/Organisms/ImageLinkList/ImageLinkList.stories.js +43 -30
  36. package/dist/components/Organisms/Jumbotron/Jumbotron.stories.js +50 -37
  37. package/dist/components/Organisms/Nav/Nav.stories.js +107 -97
  38. package/dist/components/Organisms/NewsCard/NewsCard.stories.js +65 -52
  39. package/dist/components/Organisms/Profile/Profile.stories.js +86 -77
  40. package/dist/components/Organisms/Search/Search.stories.js +54 -41
  41. package/dist/components/Organisms/Testimonial/Testimonial.stories.js +111 -98
  42. package/dist/components/Organisms/Timeline/Timeline.stories.js +70 -66
  43. package/dist/components/Organisms/UserIcon/UserIcon.stories.js +51 -37
  44. package/dist/index.css +4 -0
  45. package/package.json +4 -2
@@ -1,47 +1,60 @@
1
- import React from 'react'
2
- import Input from './index'
3
-
4
- export default {
5
- title: 'Trepur Components/Atoms/Input',
6
- component: Input,
7
- parameters: {},
8
- argTypes: {
9
- label: {
10
- description: '',
11
- control: 'text',
12
- table: {
13
- category: '',
14
- }
15
- },
16
- placeholder: {
17
- description: '',
18
- control: 'text',
19
- table: {
20
- category: '',
21
- }
22
- },
23
- inputType: {
24
- description: '',
25
- control: 'text',
26
- table: {
27
- category: '',
28
- }
29
- },
30
- bold: {
31
- description: '',
32
- control: 'boolean',
33
- table: {
34
- category: '',
35
- }
36
- }
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports._Input = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _index = _interopRequireDefault(require("./index"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ var _default = {
15
+ title: 'Trepur Components/Atoms/Input',
16
+ component: _index.default,
17
+ parameters: {},
18
+ argTypes: {
19
+ label: {
20
+ description: '',
21
+ control: 'text',
22
+ table: {
23
+ category: ''
24
+ }
25
+ },
26
+ placeholder: {
27
+ description: '',
28
+ control: 'text',
29
+ table: {
30
+ category: ''
31
+ }
37
32
  },
38
- args: {
39
- label: 'This is a label',
40
- placeholder: 'This is a placeholder'
33
+ inputType: {
34
+ description: '',
35
+ control: 'text',
36
+ table: {
37
+ category: ''
38
+ }
39
+ },
40
+ bold: {
41
+ description: '',
42
+ control: 'boolean',
43
+ table: {
44
+ category: ''
45
+ }
41
46
  }
42
- }
47
+ },
48
+ args: {
49
+ label: 'This is a label',
50
+ placeholder: 'This is a placeholder'
51
+ }
52
+ };
53
+ exports.default = _default;
54
+
55
+ const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
43
56
 
44
- const Template = (args) => <Input {...args} />;
57
+ const _Input = Template.bind({});
45
58
 
46
- export const _Input = Template.bind({});
59
+ exports._Input = _Input;
47
60
  _Input.args = {};
@@ -1,100 +1,115 @@
1
- import React from 'react'
2
- import Column from '../Column';
3
- import NavItem from './index'
1
+ "use strict";
4
2
 
5
- export default {
6
- title: 'Trepur Components/Atoms/Nav Item',
7
- component: NavItem,
8
- parameters: {},
9
- argTypes: {
10
- name: {
11
- description: '',
12
- control: 'text',
13
- table: {
14
- category: 'Standard',
15
- subcategory: 'Content',
16
- },
17
- },
18
- url: {
19
- description: '',
20
- control: 'text',
21
- table: {
22
- category: 'Standard',
23
- subcategory: 'Content',
24
- },
25
- },
26
- bgColor: {
27
- description: '',
28
- control: 'color',
29
- table: {
30
- category: 'Standard',
31
- subcategory: 'Colors',
32
- },
33
- },
34
- textColor: {
35
- description: '',
36
- control: 'color',
37
- table: {
38
- category: 'Standard',
39
- subcategory: 'Colors',
40
- },
41
- },
42
- borderColor: {
43
- description: '',
44
- control: 'color',
45
- table: {
46
- category: 'Standard',
47
- subcategory: 'Colors',
48
- },
49
- },
50
- hoverBgColor: {
51
- description: '',
52
- control: 'color',
53
- table: {
54
- category: 'Hover',
55
- subcategory: 'Colors',
56
- },
57
- },
58
- hoverTextColor: {
59
- description: '',
60
- control: 'color',
61
- table: {
62
- category: 'Hover',
63
- subcategory: 'Colors',
64
- },
65
- },
66
- hoverBorderColor: {
67
- description: '',
68
- control: 'color',
69
- table: {
70
- category: 'Hover',
71
- subcategory: 'Colors',
72
- },
73
- },
74
- rounded: {
75
- description: '',
76
- control: 'boolean',
77
- table: {
78
- category: '',
79
- },
80
- },
81
- bordered: {
82
- description: '',
83
- control: 'boolean',
84
- table: {
85
- category: '',
86
- },
87
- }
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports._NavItem = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _Column = _interopRequireDefault(require("../Column"));
11
+
12
+ var _index = _interopRequireDefault(require("./index"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ var _default = {
17
+ title: 'Trepur Components/Atoms/Nav Item',
18
+ component: _index.default,
19
+ parameters: {},
20
+ argTypes: {
21
+ name: {
22
+ description: '',
23
+ control: 'text',
24
+ table: {
25
+ category: 'Standard',
26
+ subcategory: 'Content'
27
+ }
28
+ },
29
+ url: {
30
+ description: '',
31
+ control: 'text',
32
+ table: {
33
+ category: 'Standard',
34
+ subcategory: 'Content'
35
+ }
36
+ },
37
+ bgColor: {
38
+ description: '',
39
+ control: 'color',
40
+ table: {
41
+ category: 'Standard',
42
+ subcategory: 'Colors'
43
+ }
44
+ },
45
+ textColor: {
46
+ description: '',
47
+ control: 'color',
48
+ table: {
49
+ category: 'Standard',
50
+ subcategory: 'Colors'
51
+ }
52
+ },
53
+ borderColor: {
54
+ description: '',
55
+ control: 'color',
56
+ table: {
57
+ category: 'Standard',
58
+ subcategory: 'Colors'
59
+ }
60
+ },
61
+ hoverBgColor: {
62
+ description: '',
63
+ control: 'color',
64
+ table: {
65
+ category: 'Hover',
66
+ subcategory: 'Colors'
67
+ }
68
+ },
69
+ hoverTextColor: {
70
+ description: '',
71
+ control: 'color',
72
+ table: {
73
+ category: 'Hover',
74
+ subcategory: 'Colors'
75
+ }
76
+ },
77
+ hoverBorderColor: {
78
+ description: '',
79
+ control: 'color',
80
+ table: {
81
+ category: 'Hover',
82
+ subcategory: 'Colors'
83
+ }
84
+ },
85
+ rounded: {
86
+ description: '',
87
+ control: 'boolean',
88
+ table: {
89
+ category: ''
90
+ }
88
91
  },
89
- args: {
90
- name: 'Home',
91
- bordered: true,
92
- rounded: true
92
+ bordered: {
93
+ description: '',
94
+ control: 'boolean',
95
+ table: {
96
+ category: ''
97
+ }
93
98
  }
94
- }
99
+ },
100
+ args: {
101
+ name: 'Home',
102
+ bordered: true,
103
+ rounded: true
104
+ }
105
+ };
106
+ exports.default = _default;
95
107
 
108
+ const Template = args => /*#__PURE__*/_react.default.createElement(_Column.default, {
109
+ sm: 1
110
+ }, /*#__PURE__*/_react.default.createElement(_index.default, args));
96
111
 
97
- const Template = (args) => <Column sm={1}><NavItem {...args} /></Column>
112
+ const _NavItem = Template.bind({});
98
113
 
99
- export const _NavItem = Template.bind({});
114
+ exports._NavItem = _NavItem;
100
115
  _NavItem.args = {};
@@ -1,18 +1,33 @@
1
- import React from 'react'
2
- import Row from './index'
3
-
4
- export default {
5
- title: 'Trepur Components/Atoms/Row',
6
- component: Row,
7
- parameters: {},
8
- argTypes: {},
9
- args: {
10
- bordered: true,
11
- children: <div className='h-16'></div>
12
- }
13
- }
14
-
15
- const Template = (args) => <Row {...args} />;
16
-
17
- export const _Row = Template.bind({});
18
- _Row.args = {};
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports._Row = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _index = _interopRequireDefault(require("./index"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ var _default = {
15
+ title: 'Trepur Components/Atoms/Row',
16
+ component: _index.default,
17
+ parameters: {},
18
+ argTypes: {},
19
+ args: {
20
+ bordered: true,
21
+ children: /*#__PURE__*/_react.default.createElement("div", {
22
+ className: "h-16"
23
+ })
24
+ }
25
+ };
26
+ exports.default = _default;
27
+
28
+ const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
29
+
30
+ const _Row = Template.bind({});
31
+
32
+ exports._Row = _Row;
33
+ _Row.args = {};
@@ -1,22 +1,41 @@
1
- import React from 'react'
2
- import StarRating from './index'
3
- import './index.css'
4
- import { starOptions } from '../../../utils/controls'
5
-
6
- export default {
7
- title: 'Trepur Components/Atoms/Star Rating',
8
- components: StarRating,
9
- parameters: {},
10
- argTypes: {
11
- ...starOptions
12
- },
13
- args: {
14
- size: 1,
15
- stars: 3
16
- }
17
- }
18
-
19
- const Template = (args) => <StarRating {...args} />;
20
-
21
- export const _StarRating = Template.bind({});
22
- _StarRating.args = {};
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports._StarRating = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _index = _interopRequireDefault(require("./index"));
11
+
12
+ require("./index.css");
13
+
14
+ var _controls = require("../../../utils/controls");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
+
20
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+
22
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
+
24
+ var _default = {
25
+ title: 'Trepur Components/Atoms/Star Rating',
26
+ components: _index.default,
27
+ parameters: {},
28
+ argTypes: _objectSpread({}, _controls.starOptions),
29
+ args: {
30
+ size: 1,
31
+ stars: 3
32
+ }
33
+ };
34
+ exports.default = _default;
35
+
36
+ const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
37
+
38
+ const _StarRating = Template.bind({});
39
+
40
+ exports._StarRating = _StarRating;
41
+ _StarRating.args = {};
@@ -1,53 +1,66 @@
1
- import React from 'react'
2
- import TextAndTitle from './index'
3
-
4
- export default {
5
- title: 'Trepur Components/Atoms/Text and Title',
6
- components: TextAndTitle,
7
- argTypes: {
8
- title: {
9
- description: '',
10
- control: 'text',
11
- table: {
12
- category: ''
13
- }
14
- },
15
- text: {
16
- description: '',
17
- control: 'text',
18
- table: {
19
- category: ''
20
- }
21
- },
22
- textColor: {
23
- description: '',
24
- control: 'color',
25
- table: {
26
- category: 'Colors'
27
- }
28
- },
29
- titleColor: {
30
- description: '',
31
- control: 'color',
32
- table: {
33
- category: 'Colors'
34
- }
35
- },
36
- bgColor: {
37
- description: '',
38
- control: 'color',
39
- table: {
40
- category: 'Colors'
41
- }
42
- }
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports._TextAndTitle = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _index = _interopRequireDefault(require("./index"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ var _default = {
15
+ title: 'Trepur Components/Atoms/Text and Title',
16
+ components: _index.default,
17
+ argTypes: {
18
+ title: {
19
+ description: '',
20
+ control: 'text',
21
+ table: {
22
+ category: ''
23
+ }
43
24
  },
44
- args: {
45
- title: 'This is a title',
46
- text: 'This is some text'
25
+ text: {
26
+ description: '',
27
+ control: 'text',
28
+ table: {
29
+ category: ''
30
+ }
31
+ },
32
+ textColor: {
33
+ description: '',
34
+ control: 'color',
35
+ table: {
36
+ category: 'Colors'
37
+ }
38
+ },
39
+ titleColor: {
40
+ description: '',
41
+ control: 'color',
42
+ table: {
43
+ category: 'Colors'
44
+ }
45
+ },
46
+ bgColor: {
47
+ description: '',
48
+ control: 'color',
49
+ table: {
50
+ category: 'Colors'
51
+ }
47
52
  }
48
- }
53
+ },
54
+ args: {
55
+ title: 'This is a title',
56
+ text: 'This is some text'
57
+ }
58
+ };
59
+ exports.default = _default;
60
+
61
+ const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
49
62
 
50
- const Template = (args) => <TextAndTitle {...args} />;
63
+ const _TextAndTitle = Template.bind({});
51
64
 
52
- export const _TextAndTitle = Template.bind({});
53
- _TextAndTitle.args = {};
65
+ exports._TextAndTitle = _TextAndTitle;
66
+ _TextAndTitle.args = {};
@@ -1,49 +1,57 @@
1
- import React from 'react'
2
- import Tubestops from './index'
3
-
4
- export default {
5
- title: 'Trepur Components/Atoms/Tube Stops',
6
- component: Tubestops,
7
- parameters: {},
8
- argTypes: {
9
- isHorizontal: {
10
- description: '',
11
- control: 'boolean',
12
- table: {
13
- category: '',
14
- },
15
- },
16
- items: {
17
- description: '',
18
- control: 'array',
19
- table: {
20
- category: '',
21
- },
22
- }
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports._Tubestops = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _index = _interopRequireDefault(require("./index"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ var _default = {
15
+ title: 'Trepur Components/Atoms/Tube Stops',
16
+ component: _index.default,
17
+ parameters: {},
18
+ argTypes: {
19
+ isHorizontal: {
20
+ description: '',
21
+ control: 'boolean',
22
+ table: {
23
+ category: ''
24
+ }
23
25
  },
24
- args: {
25
- isHorizontal: false,
26
- reverse: false,
27
- items: [
28
- {
29
- title: 'This is a title',
30
- subtitle: 'This is a subtitle'
31
- },
32
- {
33
- title: 'This is a title',
34
- subtitle: 'This is a subtitle'
35
- },
36
- {
37
- title: 'This is a title',
38
- subtitle: 'This is a subtitle'
39
- }
40
- ],
41
- textCenter: true
26
+ items: {
27
+ description: '',
28
+ control: 'array',
29
+ table: {
30
+ category: ''
31
+ }
42
32
  }
43
- }
33
+ },
34
+ args: {
35
+ isHorizontal: false,
36
+ reverse: false,
37
+ items: [{
38
+ title: 'This is a title',
39
+ subtitle: 'This is a subtitle'
40
+ }, {
41
+ title: 'This is a title',
42
+ subtitle: 'This is a subtitle'
43
+ }, {
44
+ title: 'This is a title',
45
+ subtitle: 'This is a subtitle'
46
+ }],
47
+ textCenter: true
48
+ }
49
+ };
50
+ exports.default = _default;
44
51
 
52
+ const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
45
53
 
46
- const Template = (args) => <Tubestops {...args} />;
54
+ const _Tubestops = Template.bind({});
47
55
 
48
- export const _Tubestops = Template.bind({});
56
+ exports._Tubestops = _Tubestops;
49
57
  _Tubestops.args = {};