trepur_components 0.2.6 → 0.2.9
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/components/{Organisms/Accordion → Accordion}/index.js +2 -2
- package/dist/components/{Atoms/AlertBar → AlertBar}/index.js +2 -2
- package/dist/components/{Atoms/Breadcrumbs → Breadcrumbs}/index.js +1 -1
- package/dist/components/{Organisms/BreadcrumbsBordered → BreadcrumbsBordered}/index.js +2 -2
- package/dist/components/{Atoms/BreadcrumbsItem → BreadcrumbsItem}/index.css +0 -5
- package/dist/components/{Atoms/BreadcrumbsItem → BreadcrumbsItem}/index.js +2 -0
- package/dist/components/{Atoms/Button → Button}/index.css +0 -5
- package/dist/components/{Atoms/Button → Button}/index.js +3 -1
- package/dist/components/{Organisms/Card → Card}/index.js +3 -3
- package/dist/components/CardWithTopImage/index.css +3 -0
- package/dist/components/{Organisms/CardWithTopImage → CardWithTopImage}/index.js +3 -1
- package/dist/components/Carousel/index.css +7 -0
- package/dist/components/{Organisms/Carousel → Carousel}/index.js +2 -0
- package/dist/components/{Organisms/Chevron Card → Chevron Card}/index.js +1 -1
- package/dist/components/{Atoms/Collapsible → Collapsible}/index.js +1 -1
- package/dist/components/{Atoms/Column → Column}/index.js +1 -1
- package/dist/components/{Organisms/Form → Form}/index.js +3 -3
- package/dist/components/{Organisms/FyreCard → FyreCard}/index.js +2 -2
- package/dist/components/{Atoms/Icon → Icon}/index.js +1 -1
- package/dist/components/{Atoms/Image → Image}/index.js +2 -2
- package/dist/components/{Organisms/ImageLink → ImageLink}/index.js +2 -2
- package/dist/components/{Organisms/ImageLinkList → ImageLinkList}/index.js +1 -1
- package/dist/components/{Atoms/InformationIcon → InformationIcon}/index.js +2 -2
- package/dist/components/{Atoms/Input → Input}/index.js +1 -1
- package/dist/components/{Organisms/Jumbotron → Jumbotron}/index.js +2 -2
- package/dist/components/{Organisms/Nav → Nav}/index.js +3 -3
- package/dist/components/{Atoms/NavItem → NavItem}/index.js +1 -1
- package/dist/components/{Organisms/NewsCard → NewsCard}/index.js +4 -4
- package/dist/components/{Organisms/Profile → Profile}/index.js +1 -1
- package/dist/components/{Atoms/Row → Row}/index.js +1 -1
- package/dist/components/{Organisms/Search → Search}/index.js +3 -3
- package/dist/components/StarRating/index.css +8 -0
- package/dist/components/{Atoms/StarRating → StarRating}/index.js +6 -3
- package/dist/components/{Organisms/Testimonial → Testimonial}/index.js +1 -1
- package/dist/components/{Atoms/TextAndTitle → TextAndTitle}/index.js +1 -1
- package/dist/components/{Organisms/Timeline → Timeline}/index.css +0 -5
- package/dist/components/{Organisms/Timeline → Timeline}/index.js +18 -30
- package/dist/components/{Atoms/Tubestops → Tubestops}/index.css +0 -5
- package/dist/components/{Atoms/Tubestops → Tubestops}/index.js +3 -4
- package/dist/components/{Organisms/UserIcon → UserIcon}/index.js +1 -1
- package/dist/components/{Atoms/Video → Video}/index.js +1 -1
- package/dist/components/{Atoms/AlertBar/index.css → index.css} +0 -0
- package/dist/index.js +32 -32
- package/package.json +2 -6
- package/dist/assets/Images/logoBlue.png +0 -0
- package/dist/assets/Images/logoBlueBorder.png +0 -0
- package/dist/assets/Images/logoCoco.png +0 -0
- package/dist/assets/Images/logoCocoBanner.png +0 -0
- package/dist/assets/Images/logoWhite.png +0 -0
- package/dist/assets/Images/logoWhiteBorder.png +0 -0
- package/dist/assets/Images/user.jpeg +0 -0
- package/dist/assets/Videos/example.mp4 +0 -0
- package/dist/assets/Videos/example.ogv +0 -0
- package/dist/components/Atoms/AlertBar/AlertBar.stories.js +0 -84
- package/dist/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js +0 -49
- package/dist/components/Atoms/Breadcrumbs/index.css +0 -4
- package/dist/components/Atoms/BreadcrumbsItem/BreadcrumbsItem.stories.js +0 -103
- package/dist/components/Atoms/Button/button.stories.js +0 -84
- package/dist/components/Atoms/Collapsible/Collapsible.stories.js +0 -157
- package/dist/components/Atoms/Collapsible/index.css +0 -4
- package/dist/components/Atoms/Column/Column.stories.js +0 -42
- package/dist/components/Atoms/Column/index.css +0 -4
- package/dist/components/Atoms/Icon/Icon.stories.js +0 -39
- package/dist/components/Atoms/Icon/index.css +0 -4
- package/dist/components/Atoms/Image/Image.stories.js +0 -40
- package/dist/components/Atoms/Image/index.css +0 -4
- package/dist/components/Atoms/InformationIcon/InformationIcon.stories.js +0 -108
- package/dist/components/Atoms/InformationIcon/index.css +0 -4
- package/dist/components/Atoms/Input/Input.stories.js +0 -60
- package/dist/components/Atoms/Input/index.css +0 -4
- package/dist/components/Atoms/NavItem/NavItem.stories.js +0 -115
- package/dist/components/Atoms/NavItem/index.css +0 -4
- package/dist/components/Atoms/Row/Row.stories.js +0 -33
- package/dist/components/Atoms/Row/index.css +0 -4
- package/dist/components/Atoms/StarRating/StarRating.stories.js +0 -41
- package/dist/components/Atoms/StarRating/index.css +0 -13
- package/dist/components/Atoms/TextAndTitle/TextAndTitle.stories.js +0 -66
- package/dist/components/Atoms/TextAndTitle/index.css +0 -4
- package/dist/components/Atoms/Tubestops/Tubestops.stories.js +0 -57
- package/dist/components/Atoms/Video/Video.stories.js +0 -50
- package/dist/components/Atoms/Video/index.css +0 -4
- package/dist/components/Organisms/Accordion/Accordion.stories.js +0 -103
- package/dist/components/Organisms/Accordion/index.css +0 -4
- package/dist/components/Organisms/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +0 -125
- package/dist/components/Organisms/BreadcrumbsBordered/index.css +0 -4
- package/dist/components/Organisms/Card/Card.stories.js +0 -359
- package/dist/components/Organisms/Card/index.css +0 -4
- package/dist/components/Organisms/CardWithTopImage/CardWithTopImage.stories.js +0 -73
- package/dist/components/Organisms/CardWithTopImage/index.css +0 -8
- package/dist/components/Organisms/Carousel/Carousel.stories.js +0 -130
- package/dist/components/Organisms/Carousel/index.css +0 -12
- package/dist/components/Organisms/Chevron Card/ChevronCard.stories.js +0 -28
- package/dist/components/Organisms/Chevron Card/index.css +0 -4
- package/dist/components/Organisms/Form/Form.stories.js +0 -124
- package/dist/components/Organisms/Form/index.css +0 -4
- package/dist/components/Organisms/FyreCard/FyreCard.stories.js +0 -136
- package/dist/components/Organisms/FyreCard/index.css +0 -4
- package/dist/components/Organisms/ImageLink/ImageLink.stories.js +0 -87
- package/dist/components/Organisms/ImageLink/index.css +0 -4
- package/dist/components/Organisms/ImageLinkList/ImageLinkList.stories.js +0 -48
- package/dist/components/Organisms/ImageLinkList/index.css +0 -4
- package/dist/components/Organisms/Jumbotron/Jumbotron.stories.js +0 -55
- package/dist/components/Organisms/Jumbotron/index.css +0 -4
- package/dist/components/Organisms/Nav/Nav.stories.js +0 -113
- package/dist/components/Organisms/Nav/index.css +0 -4
- package/dist/components/Organisms/NewsCard/NewsCard.stories.js +0 -69
- package/dist/components/Organisms/NewsCard/index.css +0 -4
- package/dist/components/Organisms/Profile/Profile.stories.js +0 -94
- package/dist/components/Organisms/Profile/index.css +0 -4
- package/dist/components/Organisms/Search/Search.stories.js +0 -57
- package/dist/components/Organisms/Search/index.css +0 -4
- package/dist/components/Organisms/Testimonial/Testimonial.stories.js +0 -116
- package/dist/components/Organisms/Testimonial/index.css +0 -4
- package/dist/components/Organisms/Timeline/Timeline.stories.js +0 -77
- package/dist/components/Organisms/UserIcon/UserIcon.stories.js +0 -55
- package/dist/components/Organisms/UserIcon/index.css +0 -4
- package/dist/utils/controls.js +0 -505
package/dist/index.js
CHANGED
|
@@ -196,68 +196,68 @@ Object.defineProperty(exports, "Video", {
|
|
|
196
196
|
}
|
|
197
197
|
});
|
|
198
198
|
|
|
199
|
-
var _AlertBar = _interopRequireDefault(require("./components/
|
|
199
|
+
var _AlertBar = _interopRequireDefault(require("./components/AlertBar"));
|
|
200
200
|
|
|
201
|
-
var _Breadcrumbs = _interopRequireDefault(require("./components/
|
|
201
|
+
var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
|
|
202
202
|
|
|
203
|
-
var _BreadcrumbsItem = _interopRequireDefault(require("./components/
|
|
203
|
+
var _BreadcrumbsItem = _interopRequireDefault(require("./components/BreadcrumbsItem"));
|
|
204
204
|
|
|
205
|
-
var _Button = _interopRequireDefault(require("./components/
|
|
205
|
+
var _Button = _interopRequireDefault(require("./components/Button"));
|
|
206
206
|
|
|
207
|
-
var _Collapsible = _interopRequireDefault(require("./components/
|
|
207
|
+
var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
|
|
208
208
|
|
|
209
|
-
var _Column = _interopRequireDefault(require("./components/
|
|
209
|
+
var _Column = _interopRequireDefault(require("./components/Column"));
|
|
210
210
|
|
|
211
|
-
var _Icon = _interopRequireDefault(require("./components/
|
|
211
|
+
var _Icon = _interopRequireDefault(require("./components/Icon"));
|
|
212
212
|
|
|
213
|
-
var _Image = _interopRequireDefault(require("./components/
|
|
213
|
+
var _Image = _interopRequireDefault(require("./components/Image"));
|
|
214
214
|
|
|
215
|
-
var _InformationIcon = _interopRequireDefault(require("./components/
|
|
215
|
+
var _InformationIcon = _interopRequireDefault(require("./components/InformationIcon"));
|
|
216
216
|
|
|
217
|
-
var _Input = _interopRequireDefault(require("./components/
|
|
217
|
+
var _Input = _interopRequireDefault(require("./components/Input"));
|
|
218
218
|
|
|
219
|
-
var _NavItem = _interopRequireDefault(require("./components/
|
|
219
|
+
var _NavItem = _interopRequireDefault(require("./components/NavItem"));
|
|
220
220
|
|
|
221
|
-
var _Row = _interopRequireDefault(require("./components/
|
|
221
|
+
var _Row = _interopRequireDefault(require("./components/Row"));
|
|
222
222
|
|
|
223
|
-
var _StarRating = _interopRequireDefault(require("./components/
|
|
223
|
+
var _StarRating = _interopRequireDefault(require("./components/StarRating"));
|
|
224
224
|
|
|
225
|
-
var _TextAndTitle = _interopRequireDefault(require("./components/
|
|
225
|
+
var _TextAndTitle = _interopRequireDefault(require("./components/TextAndTitle"));
|
|
226
226
|
|
|
227
|
-
var _Tubestops = _interopRequireDefault(require("./components/
|
|
227
|
+
var _Tubestops = _interopRequireDefault(require("./components/Tubestops"));
|
|
228
228
|
|
|
229
|
-
var _Video = _interopRequireDefault(require("./components/
|
|
229
|
+
var _Video = _interopRequireDefault(require("./components/Video"));
|
|
230
230
|
|
|
231
|
-
var _Accordion = _interopRequireDefault(require("./components/
|
|
231
|
+
var _Accordion = _interopRequireDefault(require("./components/Accordion"));
|
|
232
232
|
|
|
233
|
-
var _BreadcrumbsBordered = _interopRequireDefault(require("./components/
|
|
233
|
+
var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
|
|
234
234
|
|
|
235
|
-
var _Card = _interopRequireDefault(require("./components/
|
|
235
|
+
var _Card = _interopRequireDefault(require("./components/Card"));
|
|
236
236
|
|
|
237
|
-
var _Carousel = _interopRequireDefault(require("./components/
|
|
237
|
+
var _Carousel = _interopRequireDefault(require("./components/Carousel"));
|
|
238
238
|
|
|
239
|
-
var _Form = _interopRequireDefault(require("./components/
|
|
239
|
+
var _Form = _interopRequireDefault(require("./components/Form"));
|
|
240
240
|
|
|
241
|
-
var _FyreCard = _interopRequireDefault(require("./components/
|
|
241
|
+
var _FyreCard = _interopRequireDefault(require("./components/FyreCard"));
|
|
242
242
|
|
|
243
|
-
var _ImageLink = _interopRequireDefault(require("./components/
|
|
243
|
+
var _ImageLink = _interopRequireDefault(require("./components/ImageLink"));
|
|
244
244
|
|
|
245
|
-
var _ImageLinkList = _interopRequireDefault(require("./components/
|
|
245
|
+
var _ImageLinkList = _interopRequireDefault(require("./components/ImageLinkList"));
|
|
246
246
|
|
|
247
|
-
var _Jumbotron = _interopRequireDefault(require("./components/
|
|
247
|
+
var _Jumbotron = _interopRequireDefault(require("./components/Jumbotron"));
|
|
248
248
|
|
|
249
|
-
var _Nav = _interopRequireDefault(require("./components/
|
|
249
|
+
var _Nav = _interopRequireDefault(require("./components/Nav"));
|
|
250
250
|
|
|
251
|
-
var _NewsCard = _interopRequireDefault(require("./components/
|
|
251
|
+
var _NewsCard = _interopRequireDefault(require("./components/NewsCard"));
|
|
252
252
|
|
|
253
|
-
var _Profile = _interopRequireDefault(require("./components/
|
|
253
|
+
var _Profile = _interopRequireDefault(require("./components/Profile"));
|
|
254
254
|
|
|
255
|
-
var _Search = _interopRequireDefault(require("./components/
|
|
255
|
+
var _Search = _interopRequireDefault(require("./components/Search"));
|
|
256
256
|
|
|
257
|
-
var _Testimonial = _interopRequireDefault(require("./components/
|
|
257
|
+
var _Testimonial = _interopRequireDefault(require("./components/Testimonial"));
|
|
258
258
|
|
|
259
|
-
var _Timeline = _interopRequireDefault(require("./components/
|
|
259
|
+
var _Timeline = _interopRequireDefault(require("./components/Timeline"));
|
|
260
260
|
|
|
261
|
-
var _UserIcon = _interopRequireDefault(require("./components/
|
|
261
|
+
var _UserIcon = _interopRequireDefault(require("./components/UserIcon"));
|
|
262
262
|
|
|
263
263
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "trepur_components",
|
|
3
3
|
"description": "component lib",
|
|
4
4
|
"author": "trepur_ttenneb",
|
|
5
|
-
"version": "0.2.
|
|
5
|
+
"version": "0.2.9",
|
|
6
6
|
"private": false,
|
|
7
7
|
"keywords": [
|
|
8
8
|
"react",
|
|
@@ -28,11 +28,7 @@
|
|
|
28
28
|
"web-vitals": "^2.1.4"
|
|
29
29
|
},
|
|
30
30
|
"scripts": {
|
|
31
|
-
"build": "
|
|
32
|
-
"build-test": "rm -rf dist && NODE_ENV=production babel src --out-dir dist --copy-files",
|
|
33
|
-
"build-atoms": "NODE_ENV=production babel src/lib/components/Atoms/ --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
|
|
34
|
-
"build-organisms": "NODE_ENV=production babel src/lib/components/Organisms --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
|
|
35
|
-
"build-index": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files",
|
|
31
|
+
"build": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/utils dist/assets",
|
|
36
32
|
"eject": "react-scripts eject",
|
|
37
33
|
"storybook": "start-storybook -p 6006",
|
|
38
34
|
"build-storybook": "build-storybook -s public"
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports._AlertBar = 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/AlertBar',
|
|
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
|
-
textColor: {
|
|
27
|
-
description: '',
|
|
28
|
-
control: 'color',
|
|
29
|
-
table: {
|
|
30
|
-
category: 'Colors'
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
type: {
|
|
34
|
-
description: 'Select',
|
|
35
|
-
options: ['success', 'warning', 'error'],
|
|
36
|
-
control: {
|
|
37
|
-
type: 'select'
|
|
38
|
-
},
|
|
39
|
-
table: {
|
|
40
|
-
category: ''
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
leftIcon: {
|
|
44
|
-
description: '',
|
|
45
|
-
control: 'text',
|
|
46
|
-
table: {
|
|
47
|
-
category: ''
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
leftIconColor: {
|
|
51
|
-
description: '',
|
|
52
|
-
control: 'color',
|
|
53
|
-
table: {
|
|
54
|
-
category: 'Colors'
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
rightIcon: {
|
|
58
|
-
description: '',
|
|
59
|
-
control: 'text',
|
|
60
|
-
table: {
|
|
61
|
-
category: ''
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
rightIconColor: {
|
|
65
|
-
description: '',
|
|
66
|
-
control: 'color',
|
|
67
|
-
table: {
|
|
68
|
-
category: 'Colors'
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
args: {
|
|
73
|
-
text: 'this is a message',
|
|
74
|
-
type: 'success'
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
exports.default = _default;
|
|
78
|
-
|
|
79
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
|
|
80
|
-
|
|
81
|
-
const _AlertBar = Template.bind({});
|
|
82
|
-
|
|
83
|
-
exports._AlertBar = _AlertBar;
|
|
84
|
-
_AlertBar.args = {};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports._Breadcrumbs = 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/Breadcrumbs',
|
|
16
|
-
components: _index.default,
|
|
17
|
-
argTypes: {
|
|
18
|
-
links: {
|
|
19
|
-
description: '',
|
|
20
|
-
control: 'array',
|
|
21
|
-
table: {
|
|
22
|
-
category: ''
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
args: {
|
|
27
|
-
links: [{
|
|
28
|
-
link: '/',
|
|
29
|
-
name: 'link 1'
|
|
30
|
-
}, {
|
|
31
|
-
link: '/',
|
|
32
|
-
name: 'link 2'
|
|
33
|
-
}, {
|
|
34
|
-
link: '/',
|
|
35
|
-
name: 'link 3'
|
|
36
|
-
}, {
|
|
37
|
-
link: '/',
|
|
38
|
-
name: 'link 4'
|
|
39
|
-
}]
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
exports.default = _default;
|
|
43
|
-
|
|
44
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
|
|
45
|
-
|
|
46
|
-
const _Breadcrumbs = Template.bind({});
|
|
47
|
-
|
|
48
|
-
exports._Breadcrumbs = _Breadcrumbs;
|
|
49
|
-
_Breadcrumbs.args = {};
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports._BreadcrumbsItem = 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
|
-
require("./index.css");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
var _default = {
|
|
19
|
-
title: 'Trepur Components/Atoms/Breadcrumbs Item',
|
|
20
|
-
components: _index.default,
|
|
21
|
-
parameters: {},
|
|
22
|
-
argTypes: {
|
|
23
|
-
link: {
|
|
24
|
-
description: '',
|
|
25
|
-
control: 'text',
|
|
26
|
-
table: {
|
|
27
|
-
category: ''
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
name: {
|
|
31
|
-
description: '',
|
|
32
|
-
control: 'text',
|
|
33
|
-
table: {
|
|
34
|
-
category: ''
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
textColor: {
|
|
38
|
-
description: '',
|
|
39
|
-
control: 'color',
|
|
40
|
-
table: {
|
|
41
|
-
category: 'Colors'
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
bgColor: {
|
|
45
|
-
description: '',
|
|
46
|
-
control: 'color',
|
|
47
|
-
table: {
|
|
48
|
-
category: 'Colors'
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
borderColor: {
|
|
52
|
-
description: '',
|
|
53
|
-
control: 'color',
|
|
54
|
-
table: {
|
|
55
|
-
category: 'Colors'
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
hoverBgColor: {
|
|
59
|
-
description: '',
|
|
60
|
-
control: 'color',
|
|
61
|
-
table: {
|
|
62
|
-
category: 'Colors',
|
|
63
|
-
subcategory: 'Hover'
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
hoverTextColor: {
|
|
67
|
-
description: '',
|
|
68
|
-
control: 'color',
|
|
69
|
-
table: {
|
|
70
|
-
category: 'Colors',
|
|
71
|
-
subcategory: 'Hover'
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
hoverBorderColor: {
|
|
75
|
-
description: '',
|
|
76
|
-
control: 'color',
|
|
77
|
-
table: {
|
|
78
|
-
category: 'Colors',
|
|
79
|
-
subcategory: 'Hover'
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
type: {
|
|
83
|
-
description: '',
|
|
84
|
-
control: 'text',
|
|
85
|
-
table: {
|
|
86
|
-
category: ''
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
args: {
|
|
91
|
-
name: 'Link 1'
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
exports.default = _default;
|
|
95
|
-
|
|
96
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_Column.default, {
|
|
97
|
-
sm: 1
|
|
98
|
-
}, /*#__PURE__*/_react.default.createElement(_index.default, args));
|
|
99
|
-
|
|
100
|
-
const _BreadcrumbsItem = Template.bind({});
|
|
101
|
-
|
|
102
|
-
exports._BreadcrumbsItem = _BreadcrumbsItem;
|
|
103
|
-
_BreadcrumbsItem.args = {};
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.SocialButtonWhatsapp = exports.SocialButtonTwitter = exports.SocialButtonFacebook = exports.HoverButton = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _index = _interopRequireDefault(require("./index"));
|
|
11
|
-
|
|
12
|
-
var _addonActions = require("@storybook/addon-actions");
|
|
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/Button',
|
|
26
|
-
component: _index.default,
|
|
27
|
-
parameters: {
|
|
28
|
-
docs: {
|
|
29
|
-
description: {
|
|
30
|
-
component: 'A Button which can either be internal, external or social as well as a standard design or a slide design.'
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
argTypes: _objectSpread({}, _controls.buttonOptions),
|
|
35
|
-
args: {}
|
|
36
|
-
};
|
|
37
|
-
exports.default = _default;
|
|
38
|
-
|
|
39
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
|
|
40
|
-
|
|
41
|
-
const HoverButton = Template.bind({});
|
|
42
|
-
exports.HoverButton = HoverButton;
|
|
43
|
-
HoverButton.args = {
|
|
44
|
-
ctaText: 'This is a button'
|
|
45
|
-
};
|
|
46
|
-
const SocialButtonFacebook = Template.bind({});
|
|
47
|
-
exports.SocialButtonFacebook = SocialButtonFacebook;
|
|
48
|
-
SocialButtonFacebook.args = {
|
|
49
|
-
onClick: (0, _addonActions.action)('button-click'),
|
|
50
|
-
buttonCenterIcon: 'facebook-f',
|
|
51
|
-
hoverButtonBgColor: 'white',
|
|
52
|
-
buttonBgColor: '#3b5999',
|
|
53
|
-
buttonTextColor: 'white',
|
|
54
|
-
hoverButtonTextColor: '#3b5999',
|
|
55
|
-
hoverButtonBorderColor: '#3b5999',
|
|
56
|
-
buttonType: 'social',
|
|
57
|
-
url: '/'
|
|
58
|
-
};
|
|
59
|
-
const SocialButtonWhatsapp = Template.bind({});
|
|
60
|
-
exports.SocialButtonWhatsapp = SocialButtonWhatsapp;
|
|
61
|
-
SocialButtonWhatsapp.args = {
|
|
62
|
-
onClick: (0, _addonActions.action)('button-click'),
|
|
63
|
-
buttonCenterIcon: 'whatsapp',
|
|
64
|
-
hoverButtonBgColor: 'white',
|
|
65
|
-
buttonBgColor: '#25d366',
|
|
66
|
-
buttonTextColor: 'white',
|
|
67
|
-
hoverButtonTextColor: '#25d366',
|
|
68
|
-
hoverButtonBorderColor: '#25d366',
|
|
69
|
-
buttonType: 'social',
|
|
70
|
-
url: '/'
|
|
71
|
-
};
|
|
72
|
-
const SocialButtonTwitter = Template.bind({});
|
|
73
|
-
exports.SocialButtonTwitter = SocialButtonTwitter;
|
|
74
|
-
SocialButtonTwitter.args = {
|
|
75
|
-
onClick: (0, _addonActions.action)('button-click'),
|
|
76
|
-
buttonCenterIcon: 'twitter',
|
|
77
|
-
hoverButtonBgColor: 'white',
|
|
78
|
-
buttonBgColor: '#55acee',
|
|
79
|
-
buttonTextColor: 'white',
|
|
80
|
-
hoverButtonTextColor: '#55acee',
|
|
81
|
-
hoverButtonBorderColor: '#55acee',
|
|
82
|
-
buttonType: 'social',
|
|
83
|
-
url: '/'
|
|
84
|
-
};
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports._Collapsible = 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/Collapsible',
|
|
16
|
-
components: _index.default,
|
|
17
|
-
parameters: {},
|
|
18
|
-
argTypes: {
|
|
19
|
-
title: {
|
|
20
|
-
description: '',
|
|
21
|
-
control: 'text',
|
|
22
|
-
table: {
|
|
23
|
-
category: ''
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
subtitle: {
|
|
27
|
-
description: '',
|
|
28
|
-
control: 'text',
|
|
29
|
-
table: {
|
|
30
|
-
category: ''
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
isDropdown: {
|
|
34
|
-
description: '',
|
|
35
|
-
control: 'boolean',
|
|
36
|
-
table: {
|
|
37
|
-
category: ''
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
icon: {
|
|
41
|
-
description: '',
|
|
42
|
-
control: 'text',
|
|
43
|
-
table: {
|
|
44
|
-
category: ''
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
content: {
|
|
48
|
-
description: '',
|
|
49
|
-
control: 'text',
|
|
50
|
-
table: {
|
|
51
|
-
category: ''
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
boldTitle: {
|
|
55
|
-
description: '',
|
|
56
|
-
control: 'boolean',
|
|
57
|
-
table: {
|
|
58
|
-
category: ''
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
borderTop: {
|
|
62
|
-
description: '',
|
|
63
|
-
control: 'boolean',
|
|
64
|
-
table: {
|
|
65
|
-
category: ''
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
borderBottom: {
|
|
69
|
-
description: '',
|
|
70
|
-
control: 'boolean',
|
|
71
|
-
table: {
|
|
72
|
-
category: ''
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
showBottomLine: {
|
|
76
|
-
description: '',
|
|
77
|
-
control: 'boolean',
|
|
78
|
-
table: {
|
|
79
|
-
category: ''
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
children: {
|
|
83
|
-
description: '',
|
|
84
|
-
control: 'array',
|
|
85
|
-
table: {
|
|
86
|
-
category: ''
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
contentBgColor: {
|
|
90
|
-
description: '',
|
|
91
|
-
control: 'color',
|
|
92
|
-
table: {
|
|
93
|
-
category: 'Colors'
|
|
94
|
-
}
|
|
95
|
-
},
|
|
96
|
-
contentTextColor: {
|
|
97
|
-
description: '',
|
|
98
|
-
control: 'color',
|
|
99
|
-
table: {
|
|
100
|
-
category: 'Colors'
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
bgColor: {
|
|
104
|
-
description: '',
|
|
105
|
-
control: 'color',
|
|
106
|
-
table: {
|
|
107
|
-
category: 'Colors'
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
textColor: {
|
|
111
|
-
description: '',
|
|
112
|
-
control: 'color',
|
|
113
|
-
table: {
|
|
114
|
-
category: 'Colors'
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
hoverBgColor: {
|
|
118
|
-
description: '',
|
|
119
|
-
control: 'color',
|
|
120
|
-
table: {
|
|
121
|
-
category: 'Colors',
|
|
122
|
-
subcategory: 'Hover'
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
hoverTextColor: {
|
|
126
|
-
description: '',
|
|
127
|
-
control: 'color',
|
|
128
|
-
table: {
|
|
129
|
-
category: 'Colors',
|
|
130
|
-
subcategory: 'Hover'
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
iconSize: {
|
|
134
|
-
description: 'Between 1 and 5',
|
|
135
|
-
control: 'number',
|
|
136
|
-
table: {
|
|
137
|
-
category: ''
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
},
|
|
141
|
-
args: {
|
|
142
|
-
title: 'This is a title',
|
|
143
|
-
subtitle: 'This is a subtitle',
|
|
144
|
-
isDropdown: true,
|
|
145
|
-
icon: 'th',
|
|
146
|
-
boldTitle: true,
|
|
147
|
-
children: [/*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, unde perferendis quibusdam eos repellendus vero rerum sunt reiciendis velit autem odio, fuga molestiae perspiciatis dolor voluptatum mollitia quos ipsa! Doloribus? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis ducimus, dolorum tempore unde earum aspernatur placeat magnam, alias neque, blanditiis esse tenetur dignissimos in optio nihil libero cum cupiditate debitis?")]
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
exports.default = _default;
|
|
151
|
-
|
|
152
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
|
|
153
|
-
|
|
154
|
-
const _Collapsible = Template.bind({});
|
|
155
|
-
|
|
156
|
-
exports._Collapsible = _Collapsible;
|
|
157
|
-
_Collapsible.args = {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports._Column = 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
|
-
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; }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
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; }
|
|
21
|
-
|
|
22
|
-
var _default = {
|
|
23
|
-
title: 'Trepur Components/Atoms/Column',
|
|
24
|
-
component: _index.default,
|
|
25
|
-
parameters: {},
|
|
26
|
-
argTypes: _objectSpread({}, _controls.columnOptions),
|
|
27
|
-
args: {
|
|
28
|
-
sm: 1,
|
|
29
|
-
md: 1,
|
|
30
|
-
lg: 1,
|
|
31
|
-
xl: 1,
|
|
32
|
-
className: 'border h-16'
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
exports.default = _default;
|
|
36
|
-
|
|
37
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
|
|
38
|
-
|
|
39
|
-
const _Column = Template.bind({});
|
|
40
|
-
|
|
41
|
-
exports._Column = _Column;
|
|
42
|
-
_Column.args = {};
|