trepur_components 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/dist/{components/Organisms/Accordion → Accordion}/index.js +0 -0
  2. package/dist/{components/Atoms/AlertBar → AlertBar}/index.js +0 -0
  3. package/dist/{components/Atoms/Breadcrumbs → Breadcrumbs}/index.js +0 -0
  4. package/dist/{components/Organisms/BreadcrumbsBordered → BreadcrumbsBordered}/index.js +0 -0
  5. package/dist/{components/Atoms/BreadcrumbsItem → BreadcrumbsItem}/index.css +0 -0
  6. package/dist/{components/Atoms/BreadcrumbsItem → BreadcrumbsItem}/index.js +0 -0
  7. package/dist/{components/Atoms/Button → Button}/Styles.css +0 -0
  8. package/dist/{components/Atoms/Button → Button}/index.js +0 -0
  9. package/dist/{components/Organisms/Card → Card}/index.js +0 -0
  10. package/dist/{components/Organisms/CardWithTopImage → CardWithTopImage}/index.js +0 -0
  11. package/dist/{components/Organisms/CardWithTopImage → CardWithTopImage}/styles.css +0 -0
  12. package/dist/{components/Organisms/Carousel → Carousel}/index.css +0 -0
  13. package/dist/{components/Organisms/Carousel → Carousel}/index.js +0 -0
  14. package/dist/{components/Organisms/Chevron Card → Chevron Card}/index.js +0 -0
  15. package/dist/{components/Organisms/Chevron Card → Chevron Card}/styles.css +0 -0
  16. package/dist/{components/Atoms/Collapsible → Collapsible}/index.js +0 -0
  17. package/dist/{components/Atoms/Column → Column}/index.js +0 -0
  18. package/dist/{components/Organisms/Form → Form}/index.js +0 -0
  19. package/dist/{components/Organisms/FyreCard → FyreCard}/index.js +0 -0
  20. package/dist/{components/Atoms/Icon → Icon}/index.js +0 -0
  21. package/dist/{components/Atoms/Image → Image}/index.js +0 -0
  22. package/dist/{components/Organisms/ImageLink → ImageLink}/index.js +0 -0
  23. package/dist/{components/Organisms/ImageLinkList → ImageLinkList}/index.js +0 -0
  24. package/dist/{components/Atoms/InformationIcon → InformationIcon}/index.js +0 -0
  25. package/dist/{components/Atoms/Input → Input}/index.js +0 -0
  26. package/dist/{components/Organisms/Jumbotron → Jumbotron}/index.js +0 -0
  27. package/dist/{components/Organisms/Nav → Nav}/index.js +0 -0
  28. package/dist/{components/Atoms/NavItem → NavItem}/index.js +0 -0
  29. package/dist/{components/Organisms/NewsCard → NewsCard}/index.js +0 -0
  30. package/dist/{components/Organisms/Profile → Profile}/index.js +0 -0
  31. package/dist/{components/Atoms/Row → Row}/index.js +0 -0
  32. package/dist/{components/Organisms/Search → Search}/index.js +0 -0
  33. package/dist/{components/Atoms/StarRating → StarRating}/index.css +0 -0
  34. package/dist/{components/Atoms/StarRating → StarRating}/index.js +0 -0
  35. package/dist/{components/Organisms/Testimonial → Testimonial}/index.js +0 -0
  36. package/dist/{components/Atoms/TextAndTitle → TextAndTitle}/index.js +0 -0
  37. package/dist/{components/Organisms/Timeline → Timeline}/index.js +0 -0
  38. package/dist/{components/Organisms/Timeline → Timeline}/styles.css +0 -0
  39. package/dist/{components/Atoms/Tubestops → Tubestops}/index.js +0 -0
  40. package/dist/{components/Atoms/Tubestops → Tubestops}/styles.css +0 -0
  41. package/dist/{components/Organisms/UserIcon → UserIcon}/index.js +0 -0
  42. package/dist/{components/Atoms/Video → Video}/index.js +0 -0
  43. package/package.json +4 -2
  44. package/dist/Assets/Images/logoBlue.png +0 -0
  45. package/dist/Assets/Images/logoBlueBorder.png +0 -0
  46. package/dist/Assets/Images/logoCoco.png +0 -0
  47. package/dist/Assets/Images/logoCocoBanner.png +0 -0
  48. package/dist/Assets/Images/logoWhite.png +0 -0
  49. package/dist/Assets/Images/logoWhiteBorder.png +0 -0
  50. package/dist/Assets/Images/user.jpeg +0 -0
  51. package/dist/Assets/Videos/example.mp4 +0 -0
  52. package/dist/Assets/Videos/example.ogv +0 -0
  53. package/dist/components/Atoms/AlertBar/AlertBar.stories.js +0 -84
  54. package/dist/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js +0 -49
  55. package/dist/components/Atoms/BreadcrumbsItem/BreadcrumbsItem.stories.js +0 -103
  56. package/dist/components/Atoms/Button/button.stories.js +0 -86
  57. package/dist/components/Atoms/Button/button.stories.mdx +0 -72
  58. package/dist/components/Atoms/Collapsible/Collapsible.stories.js +0 -157
  59. package/dist/components/Atoms/Column/Column.stories.js +0 -42
  60. package/dist/components/Atoms/Icon/Icon.stories.js +0 -39
  61. package/dist/components/Atoms/Image/Image.stories.js +0 -40
  62. package/dist/components/Atoms/InformationIcon/InformationIcon.stories.js +0 -108
  63. package/dist/components/Atoms/Input/Input.stories.js +0 -60
  64. package/dist/components/Atoms/NavItem/NavItem.stories.js +0 -115
  65. package/dist/components/Atoms/Row/Row.stories.js +0 -33
  66. package/dist/components/Atoms/StarRating/StarRating.stories.js +0 -41
  67. package/dist/components/Atoms/TextAndTitle/TextAndTitle.stories.js +0 -66
  68. package/dist/components/Atoms/Tubestops/Tubestops.stories.js +0 -57
  69. package/dist/components/Atoms/Video/Video.stories.js +0 -50
  70. package/dist/components/Organisms/Accordion/Accordion.stories.js +0 -103
  71. package/dist/components/Organisms/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +0 -125
  72. package/dist/components/Organisms/Card/Card.stories.js +0 -359
  73. package/dist/components/Organisms/CardWithTopImage/CardWithTopImage.stories.js +0 -73
  74. package/dist/components/Organisms/Carousel/Carousel.stories.js +0 -130
  75. package/dist/components/Organisms/Chevron Card/ChevronCard.stories.js +0 -28
  76. package/dist/components/Organisms/Form/Form.stories.js +0 -124
  77. package/dist/components/Organisms/FyreCard/FyreCard.stories.js +0 -136
  78. package/dist/components/Organisms/ImageLink/ImageLink.stories.js +0 -87
  79. package/dist/components/Organisms/ImageLinkList/ImageLinkList.stories.js +0 -48
  80. package/dist/components/Organisms/Jumbotron/Jumbotron.stories.js +0 -55
  81. package/dist/components/Organisms/Nav/Nav.stories.js +0 -113
  82. package/dist/components/Organisms/NewsCard/NewsCard.stories.js +0 -69
  83. package/dist/components/Organisms/Profile/Profile.stories.js +0 -94
  84. package/dist/components/Organisms/Search/Search.stories.js +0 -57
  85. package/dist/components/Organisms/Testimonial/Testimonial.stories.js +0 -116
  86. package/dist/components/Organisms/Timeline/Timeline.stories.js +0 -77
  87. package/dist/components/Organisms/UserIcon/UserIcon.stories.js +0 -55
  88. package/dist/index.js +0 -263
  89. package/dist/utils/controls.js +0 -505
@@ -1,124 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports._Form = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _controls = require("../../../utils/controls");
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/Organisms/Form',
18
- components: _index.default,
19
- parameters: {},
20
- argTypes: {
21
- title: {
22
- description: '',
23
- control: 'text',
24
- table: {
25
- category: ''
26
- }
27
- },
28
- components: {
29
- description: '',
30
- control: 'array',
31
- table: {
32
- category: ''
33
- }
34
- },
35
- buttonDesign: {
36
- description: '',
37
- control: 'select',
38
- options: _controls.buttonDesignOptions,
39
- table: {
40
- category: ''
41
- }
42
- },
43
- buttonBgColor: {
44
- description: '',
45
- control: 'color',
46
- table: {
47
- category: 'Colors'
48
- }
49
- },
50
- buttonTextColor: {
51
- description: '',
52
- control: 'color',
53
- table: {
54
- category: 'Colors'
55
- }
56
- },
57
- buttonBorderColor: {
58
- description: '',
59
- control: 'color',
60
- table: {
61
- category: 'Colors'
62
- }
63
- },
64
- hoverButtonBorderColor: {
65
- description: '',
66
- control: 'color',
67
- table: {
68
- category: 'Colors',
69
- subcategory: 'Hover'
70
- }
71
- },
72
- hoverButtonBgColor: {
73
- description: '',
74
- control: 'color',
75
- table: {
76
- category: 'Colors',
77
- subcategory: 'Hover'
78
- }
79
- },
80
- hoverButtonTextColor: {
81
- description: '',
82
- control: 'color',
83
- table: {
84
- category: 'Colors',
85
- subcategory: 'Hover'
86
- }
87
- },
88
- buttonType: {
89
- description: '',
90
- control: 'select',
91
- options: _controls.buttonTypeOptions,
92
- table: {
93
- category: ''
94
- }
95
- }
96
- },
97
- args: {
98
- title: 'This is a title',
99
- components: [{
100
- type: 'Input',
101
- label: 'This is a label',
102
- placeholder: 'This is a placeholder'
103
- }, {
104
- type: 'Input',
105
- label: 'This is a label',
106
- placeholder: 'This is a placeholder'
107
- }, {
108
- type: 'Input',
109
- label: 'This is a label',
110
- placeholder: 'This is a placeholder'
111
- }, {
112
- type: 'Button',
113
- ctaText: 'Submit'
114
- }]
115
- }
116
- };
117
- exports.default = _default;
118
-
119
- const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
120
-
121
- const _Form = Template.bind({});
122
-
123
- exports._Form = _Form;
124
- _Form.args = {};
@@ -1,136 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports._FyreCard = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _index = _interopRequireDefault(require("./index"));
11
-
12
- var _controls = require("../../../utils/controls");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- var _default = {
17
- title: 'Trepur Components/Organisms/Fyre Card',
18
- components: _index.default,
19
- parameters: {},
20
- argTypes: {
21
- ctaText: {
22
- description: '',
23
- control: 'text',
24
- table: {
25
- category: ''
26
- }
27
- },
28
- image: {
29
- description: '',
30
- control: 'text',
31
- table: {
32
- category: ''
33
- }
34
- },
35
- buttonDesign: {
36
- description: '',
37
- control: 'select',
38
- options: _controls.buttonDesignOptions,
39
- table: {
40
- category: ''
41
- }
42
- },
43
- buttonType: {
44
- description: '',
45
- control: 'select',
46
- options: _controls.buttonTypeOptions,
47
- table: {
48
- category: ''
49
- }
50
- },
51
- bordered: {
52
- description: '',
53
- control: 'boolean',
54
- table: {
55
- category: ''
56
- }
57
- },
58
- buttonBgColor: {
59
- description: '',
60
- control: 'color',
61
- table: {
62
- category: 'Colors'
63
- }
64
- },
65
- buttonTextColor: {
66
- description: '',
67
- control: 'color',
68
- table: {
69
- category: 'Colors'
70
- }
71
- },
72
- buttonBorderColor: {
73
- description: '',
74
- control: 'color',
75
- table: {
76
- category: 'Colors'
77
- }
78
- },
79
- hoverButtonBorderColor: {
80
- description: '',
81
- control: 'color',
82
- table: {
83
- category: 'Colors',
84
- subcategory: 'Hover'
85
- }
86
- },
87
- hoverButtonBgColor: {
88
- description: '',
89
- control: 'color',
90
- table: {
91
- category: 'Colors',
92
- subcategory: 'Hover'
93
- }
94
- },
95
- hoverButtonTextColor: {
96
- description: '',
97
- control: 'color',
98
- table: {
99
- category: 'Colors',
100
- subcategory: 'Hover'
101
- }
102
- }
103
- },
104
- args: {
105
- image: 'https://picsum.photos/500/300',
106
- buttonDesign: 'slide',
107
- buttonTextColor: 'white',
108
- buttonBgColor: 'black',
109
- bordered: true,
110
- ctaText: 'Shop Now'
111
- }
112
- };
113
- exports.default = _default;
114
-
115
- const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
116
-
117
- const _FyreCard = Template.bind({});
118
-
119
- exports._FyreCard = _FyreCard;
120
- _FyreCard.args = {}; // export const _Card = (args) => {
121
- // return (
122
- // <Card
123
- // id='card'
124
- // title='title'
125
- // titleClass='text-center font-bold'
126
- // image='https://picsum.photos/500/300'
127
- // ctaText='Book Now'
128
- // url='/'
129
- // buttonDesign='slide'
130
- // buttonBgColor='black'
131
- // buttonTextColor='white'
132
- // hoverButtonBgColor='white'
133
- // hoverButtonTextColor='black'
134
- // bordered/>
135
- // )
136
- // }
@@ -1,87 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports._ImageLinkWithTitle = exports._ImageLinkWithButton = exports._ImageLinkRounded = exports._ImageLink = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _Column = _interopRequireDefault(require("../../Atoms/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/Organisms/Image Link',
18
- components: _index.default,
19
- parameters: {},
20
- argTypes: {
21
- title: {
22
- description: '',
23
- control: 'text',
24
- table: {
25
- category: ''
26
- }
27
- },
28
- image: {
29
- description: '',
30
- control: 'text',
31
- table: {
32
- category: ''
33
- }
34
- },
35
- ctaText: {
36
- description: '',
37
- control: 'text',
38
- table: {
39
- category: ''
40
- }
41
- },
42
- rounded: {
43
- description: '',
44
- control: 'boolean',
45
- table: {
46
- category: ''
47
- }
48
- }
49
- },
50
- args: {
51
- image: 'https://picsum.photos/400/400'
52
- }
53
- };
54
- exports.default = _default;
55
-
56
- const Template = args => /*#__PURE__*/_react.default.createElement(_Column.default, {
57
- sm: 3,
58
- md: 3
59
- }, /*#__PURE__*/_react.default.createElement(_index.default, args));
60
-
61
- const _ImageLink = Template.bind({});
62
-
63
- exports._ImageLink = _ImageLink;
64
- _ImageLink.args = {};
65
-
66
- const _ImageLinkWithTitle = Template.bind({});
67
-
68
- exports._ImageLinkWithTitle = _ImageLinkWithTitle;
69
- _ImageLinkWithTitle.args = {
70
- title: 'Title'
71
- };
72
-
73
- const _ImageLinkWithButton = Template.bind({});
74
-
75
- exports._ImageLinkWithButton = _ImageLinkWithButton;
76
- _ImageLinkWithButton.args = {
77
- ctaText: 'Button 1'
78
- };
79
-
80
- const _ImageLinkRounded = Template.bind({});
81
-
82
- exports._ImageLinkRounded = _ImageLinkRounded;
83
- _ImageLinkRounded.args = {
84
- title: 'Title',
85
- ctaText: 'Button 1',
86
- rounded: true
87
- };
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports._ImageLinkList = 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
- const getLinks = () => {
15
- return new Array(16).fill(null).map(() => {
16
- return {
17
- image: "https://picsum.photos/400/400",
18
- title: 'Hi',
19
- ctaText: 'button'
20
- };
21
- });
22
- };
23
-
24
- var _default = {
25
- title: 'Trepur Components/Organisms/Image Link List',
26
- components: _index.default,
27
- parameters: {},
28
- argTypes: {
29
- list: {
30
- description: '',
31
- control: 'array',
32
- table: {
33
- category: ''
34
- }
35
- }
36
- },
37
- args: {
38
- items: getLinks()
39
- }
40
- };
41
- exports.default = _default;
42
-
43
- const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
44
-
45
- const _ImageLinkList = Template.bind({});
46
-
47
- exports._ImageLinkList = _ImageLinkList;
48
- _ImageLinkList.args = {};
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports._Jumbotron = 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/Organisms/Jumbotron',
16
- component: _index.default,
17
- parameters: {},
18
- argTypes: {
19
- text: {
20
- description: 'The text the appears as an overlay on the Jumbotron',
21
- control: 'text',
22
- table: {
23
- category: ''
24
- }
25
- },
26
- ctaText: {
27
- description: 'The text of the first/left button',
28
- control: 'text',
29
- table: {
30
- category: ''
31
- }
32
- },
33
- ctaText2: {
34
- description: 'The text on the second/last button',
35
- control: 'text',
36
- table: {
37
- category: ''
38
- }
39
- }
40
- },
41
- args: {
42
- text: 'This is some text',
43
- ctaText: 'Button 1',
44
- ctaText2: 'Button 2',
45
- image: 'https://picsum.photos/1500/400'
46
- }
47
- };
48
- exports.default = _default;
49
-
50
- const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
51
-
52
- const _Jumbotron = Template.bind({});
53
-
54
- exports._Jumbotron = _Jumbotron;
55
- _Jumbotron.args = {};
@@ -1,113 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports._Nav = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _index = _interopRequireDefault(require("./index"));
11
-
12
- var _logoWhite = _interopRequireDefault(require("../../../Assets/Images/logoWhite.png"));
13
-
14
- var _controls = require("../../../utils/controls");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- var _default = {
19
- title: 'Trepur Components/Organisms/Nav',
20
- component: _index.default,
21
- parameters: {},
22
- argTypes: {
23
- firstRow: {
24
- description: '',
25
- control: 'array',
26
- table: {
27
- category: ''
28
- }
29
- },
30
- secondRow: {
31
- description: '',
32
- control: 'array',
33
- table: {
34
- category: ''
35
- }
36
- },
37
- thirdRow: {
38
- description: '',
39
- control: 'array',
40
- table: {
41
- category: ''
42
- }
43
- },
44
- mobileItems: {
45
- description: '',
46
- control: 'array',
47
- table: {
48
- category: ''
49
- }
50
- },
51
- bgColor: {
52
- description: '',
53
- control: 'color',
54
- table: {
55
- category: 'Colors'
56
- }
57
- },
58
- logo: {
59
- description: '',
60
- control: 'string',
61
- table: {
62
- category: ''
63
- }
64
- },
65
- mobileLogo: {
66
- description: '',
67
- control: 'string',
68
- table: {
69
- category: ''
70
- }
71
- },
72
- dropdownNavHeight: {
73
- description: '',
74
- control: 'number',
75
- table: {
76
- category: ''
77
- }
78
- },
79
- asSideBar: {
80
- description: 'requires sideBarWidth val',
81
- control: 'boolean',
82
- table: {
83
- category: ''
84
- }
85
- },
86
- sideBarWidth: {
87
- description: '',
88
- control: 'number',
89
- table: {
90
- category: ''
91
- }
92
- }
93
- },
94
- args: {
95
- firstRow: _controls.navRowOneOfTwo,
96
- secondRow: _controls.navRowTwoOfTwo,
97
- thirdRow: _controls.navThirdRow,
98
- mobileItems: _controls.navMobileItems,
99
- bgColor: '#38B6FF',
100
- logo: _logoWhite.default,
101
- mobileLogo: _logoWhite.default,
102
- dropdownNavHeight: '450',
103
- sideBarWidth: '250'
104
- }
105
- };
106
- exports.default = _default;
107
-
108
- const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
109
-
110
- const _Nav = Template.bind({});
111
-
112
- exports._Nav = _Nav;
113
- _Nav.args = {};
@@ -1,69 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports._NewsCard = 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/Organisms/News Card',
16
- components: _index.default,
17
- parameters: {},
18
- argTypes: {
19
- title: {
20
- description: '',
21
- control: 'text',
22
- table: {
23
- category: ''
24
- }
25
- },
26
- content: {
27
- description: '',
28
- control: 'text',
29
- table: {
30
- category: ''
31
- }
32
- },
33
- boldTitle: {
34
- description: '',
35
- control: 'boolean',
36
- table: {
37
- category: ''
38
- }
39
- },
40
- rounded: {
41
- description: '',
42
- control: 'boolean',
43
- table: {
44
- category: ''
45
- }
46
- },
47
- ctaText: {
48
- description: 'Remove text to remove button',
49
- control: 'text',
50
- table: {
51
- category: ''
52
- }
53
- }
54
- },
55
- args: {
56
- title: 'This is a title',
57
- 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.',
58
- image: 'https://picsum.photos/400/200',
59
- ctaText: 'Button 1'
60
- }
61
- };
62
- exports.default = _default;
63
-
64
- const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
65
-
66
- const _NewsCard = Template.bind({});
67
-
68
- exports._NewsCard = _NewsCard;
69
- _NewsCard.args = {};