@twreporter/react-components 8.21.0-rc.0 → 8.21.0-rc.10
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/CHANGELOG.md +112 -0
- package/lib/badge/badge.stories.js +7 -13
- package/lib/bookmark-list/stories/bookmark.stories.js +10 -9
- package/lib/button/components/link.js +38 -7
- package/lib/button/index.js +14 -1
- package/lib/button/stories/iconButton.stories.js +19 -22
- package/lib/button/stories/iconWithTextButton.stories.js +21 -24
- package/lib/button/stories/link.stories.js +95 -51
- package/lib/button/stories/menuButton.stories.js +11 -16
- package/lib/button/stories/pillButton.stories.js +38 -41
- package/lib/button/stories/textButton.stories.js +48 -51
- package/lib/button/stories/toggleButton.stories.js +9 -15
- package/lib/button/utils/theme.js +16 -16
- package/lib/card/stories/articleCard.stories.js +20 -18
- package/lib/card/stories/dialog.stories.js +15 -14
- package/lib/checkbox/checkbox.stories.js +10 -16
- package/lib/divider.stories.js +30 -28
- package/lib/empty-state/stories/empty-guide.stories.js +10 -15
- package/lib/icon/stories/arrow.stories.js +38 -42
- package/lib/icon/stories/article.stories.js +1 -9
- package/lib/icon/stories/bookmark.stories.js +30 -35
- package/lib/icon/stories/changeIconColor.stories.js +1 -5
- package/lib/icon/stories/clock.stories.js +1 -9
- package/lib/icon/stories/copy.stories.js +1 -9
- package/lib/icon/stories/cross.stories.js +1 -9
- package/lib/icon/stories/hamburger.stories.js +1 -9
- package/lib/icon/stories/home.stories.js +1 -9
- package/lib/icon/stories/letter.stories.js +1 -9
- package/lib/icon/stories/loading.stories.js +1 -9
- package/lib/icon/stories/member.stories.js +1 -9
- package/lib/icon/stories/printer.stories.js +1 -9
- package/lib/icon/stories/search.stories.js +1 -9
- package/lib/icon/stories/share.stories.js +1 -9
- package/lib/icon/stories/socialMedia.stories.js +1 -9
- package/lib/icon/stories/text.stories.js +1 -9
- package/lib/icon/stories/topic.stories.js +1 -9
- package/lib/input/stories/search-bar.stories.js +12 -17
- package/lib/input/stories/text-field.stories.js +15 -14
- package/lib/input/utils/theme.js +1 -1
- package/lib/listing-page/stories/cardList.stories.js +52 -57
- package/lib/logo/stories/logoFooter.stories.js +1 -7
- package/lib/logo/stories/logoHeader.stories.js +5 -10
- package/lib/logo/stories/logoLoadingFallback.stories.js +1 -7
- package/lib/logo/stories/logoSymbol.stories.js +5 -10
- package/lib/mobile-member-role-card/index.js +95 -57
- package/lib/mobile-member-role-card/stories/member-role-card.stories.js +14 -13
- package/lib/simple-header/simpleHeader.stories.js +3 -9
- package/lib/snack-bar/stories/snackBar.stories.js +18 -20
- package/lib/text/paragraph.js +2 -2
- package/lib/text/stories/headline.stories.js +72 -74
- package/lib/text/stories/paragraph.stories.js +48 -50
- package/lib/title-bar/stories/bar.stories.js +15 -19
- package/lib/title-bar/stories/tab.stories.js +252 -256
- package/package.json +21 -14
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.up = exports.right = exports.left = exports.down = exports["default"] = exports.arrow = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Arrow',
|
|
18
14
|
component: _index.Arrow,
|
|
@@ -21,53 +17,53 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
var arrow = {
|
|
21
|
+
args: {
|
|
22
|
+
direction: _index.Arrow.Direction.RIGHT
|
|
23
|
+
}
|
|
27
24
|
};
|
|
28
|
-
|
|
29
|
-
var arrow = Template.bind({});
|
|
30
25
|
exports.arrow = arrow;
|
|
31
|
-
|
|
32
|
-
|
|
26
|
+
var right = {
|
|
27
|
+
parameters: {
|
|
28
|
+
controls: {
|
|
29
|
+
exclude: ['direction']
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
args: {
|
|
33
|
+
direction: _index.Arrow.Direction.RIGHT
|
|
34
|
+
}
|
|
33
35
|
};
|
|
34
|
-
var right = Template.bind({});
|
|
35
36
|
exports.right = right;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
var left = {
|
|
38
|
+
parameters: {
|
|
39
|
+
controls: {
|
|
40
|
+
exclude: ['direction']
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
args: {
|
|
44
|
+
direction: _index.Arrow.Direction.LEFT
|
|
39
45
|
}
|
|
40
46
|
};
|
|
41
|
-
right.args = {
|
|
42
|
-
direction: _index.Arrow.Direction.RIGHT
|
|
43
|
-
};
|
|
44
|
-
var left = Template.bind({});
|
|
45
47
|
exports.left = left;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
48
|
+
var up = {
|
|
49
|
+
parameters: {
|
|
50
|
+
controls: {
|
|
51
|
+
exclude: ['direction']
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
args: {
|
|
55
|
+
direction: _index.Arrow.Direction.UP
|
|
49
56
|
}
|
|
50
57
|
};
|
|
51
|
-
left.args = {
|
|
52
|
-
direction: _index.Arrow.Direction.LEFT
|
|
53
|
-
};
|
|
54
|
-
var up = Template.bind({});
|
|
55
58
|
exports.up = up;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
var down = Template.bind({});
|
|
65
|
-
exports.down = down;
|
|
66
|
-
down.parameters = {
|
|
67
|
-
controls: {
|
|
68
|
-
exclude: ['direction']
|
|
59
|
+
var down = {
|
|
60
|
+
parameters: {
|
|
61
|
+
controls: {
|
|
62
|
+
exclude: ['direction']
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
args: {
|
|
66
|
+
direction: _index.Arrow.Direction.DOWN
|
|
69
67
|
}
|
|
70
68
|
};
|
|
71
|
-
down
|
|
72
|
-
direction: _index.Arrow.Direction.DOWN
|
|
73
|
-
};
|
|
69
|
+
exports.down = down;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.article = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Article',
|
|
18
14
|
component: _index.Article,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var article = function article(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Article, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var article = {};
|
|
29
21
|
exports.article = article;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.saved = exports["default"] = exports.bookmark = exports.basic = exports.add = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Bookmark',
|
|
18
14
|
component: _index.Bookmark,
|
|
@@ -21,43 +17,42 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
var bookmark = {
|
|
21
|
+
args: {
|
|
22
|
+
type: _index.Bookmark.Type.BASIC
|
|
23
|
+
}
|
|
27
24
|
};
|
|
28
|
-
|
|
29
|
-
var bookmark = Template.bind({});
|
|
30
25
|
exports.bookmark = bookmark;
|
|
31
|
-
|
|
32
|
-
|
|
26
|
+
var basic = {
|
|
27
|
+
parameters: {
|
|
28
|
+
controls: {
|
|
29
|
+
exclude: ['type']
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
args: {
|
|
33
|
+
type: _index.Bookmark.Type.BASIC
|
|
34
|
+
}
|
|
33
35
|
};
|
|
34
|
-
var basic = Template.bind({});
|
|
35
36
|
exports.basic = basic;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
var add = {
|
|
38
|
+
parameters: {
|
|
39
|
+
controls: {
|
|
40
|
+
exclude: ['type']
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
args: {
|
|
44
|
+
type: _index.Bookmark.Type.ADD
|
|
39
45
|
}
|
|
40
46
|
};
|
|
41
|
-
basic.args = {
|
|
42
|
-
type: _index.Bookmark.Type.BASIC
|
|
43
|
-
};
|
|
44
|
-
var add = Template.bind({});
|
|
45
47
|
exports.add = add;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
var saved = Template.bind({});
|
|
55
|
-
exports.saved = saved;
|
|
56
|
-
saved.parameters = {
|
|
57
|
-
controls: {
|
|
58
|
-
exclude: ['type']
|
|
48
|
+
var saved = {
|
|
49
|
+
parameters: {
|
|
50
|
+
controls: {
|
|
51
|
+
exclude: ['type']
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
args: {
|
|
55
|
+
type: _index.Bookmark.Type.SAVED
|
|
59
56
|
}
|
|
60
57
|
};
|
|
61
|
-
saved
|
|
62
|
-
type: _index.Bookmark.Type.SAVED
|
|
63
|
-
};
|
|
58
|
+
exports.saved = saved;
|
|
@@ -45,9 +45,5 @@ var _default = {
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
exports["default"] = _default;
|
|
48
|
-
|
|
49
|
-
var changeIconColor = function changeIconColor(args) {
|
|
50
|
-
return /*#__PURE__*/_react["default"].createElement(ChangeIconColor, args);
|
|
51
|
-
};
|
|
52
|
-
|
|
48
|
+
var changeIconColor = {};
|
|
53
49
|
exports.changeIconColor = changeIconColor;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.clock = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Clock',
|
|
18
14
|
component: _index.Clock,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var clock = function clock(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Clock, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var clock = {};
|
|
29
21
|
exports.clock = clock;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.copy = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Copy',
|
|
18
14
|
component: _index.Copy,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var copy = function copy(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Copy, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var copy = {};
|
|
29
21
|
exports.copy = copy;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.cross = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Cross',
|
|
18
14
|
component: _index.Cross,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var cross = function cross(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Cross, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var cross = {};
|
|
29
21
|
exports.cross = cross;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.hamburger = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Hamburger',
|
|
18
14
|
component: _index.Hamburger,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var hamburger = function hamburger(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Hamburger, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var hamburger = {};
|
|
29
21
|
exports.hamburger = hamburger;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.home = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Home',
|
|
18
14
|
component: _index.Home,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var home = function home(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Home, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var home = {};
|
|
29
21
|
exports.home = home;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.letter = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Letter',
|
|
18
14
|
component: _index.Letter,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var letter = function letter(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Letter, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var letter = {};
|
|
29
21
|
exports.letter = letter;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.loading = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Loading',
|
|
18
14
|
component: _index.Loading,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var loading = function loading(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Loading, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var loading = {};
|
|
29
21
|
exports.loading = loading;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.member = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Member',
|
|
18
14
|
component: _index.Member,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var member = function member(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Member, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var member = {};
|
|
29
21
|
exports.member = member;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.printer = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Printer',
|
|
18
14
|
component: _index.Printer,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var printer = function printer(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Printer, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var printer = {};
|
|
29
21
|
exports.printer = printer;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.search = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Search',
|
|
18
14
|
component: _index.Search,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var search = function search(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Search, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var search = {};
|
|
29
21
|
exports.search = search;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.share = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Share',
|
|
18
14
|
component: _index.Share,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var share = function share(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Share, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var share = {};
|
|
29
21
|
exports.share = share;
|
|
@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.socialMedia = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _getEnumArg = require("../../storybook/utils/get-enum-arg");
|
|
11
9
|
|
|
12
10
|
var _index = require("../index");
|
|
13
11
|
|
|
14
12
|
var _constants = require("../../storybook/constants");
|
|
15
13
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
14
|
var _default = {
|
|
19
15
|
title: 'Icon/Social Media',
|
|
20
16
|
component: _index.SocialMedia,
|
|
@@ -25,9 +21,5 @@ var _default = {
|
|
|
25
21
|
}
|
|
26
22
|
};
|
|
27
23
|
exports["default"] = _default;
|
|
28
|
-
|
|
29
|
-
var socialMedia = function socialMedia(args) {
|
|
30
|
-
return /*#__PURE__*/_react["default"].createElement(_index.SocialMedia, args);
|
|
31
|
-
};
|
|
32
|
-
|
|
24
|
+
var socialMedia = {};
|
|
33
25
|
exports.socialMedia = socialMedia;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.text = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Text',
|
|
18
14
|
component: _index.Text,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var text = function text(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Text, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var text = {};
|
|
29
21
|
exports.text = text;
|
|
@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.topic = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _index = require("../index");
|
|
11
9
|
|
|
12
10
|
var _constants = require("../../storybook/constants");
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
12
|
var _default = {
|
|
17
13
|
title: 'Icon/Topic',
|
|
18
14
|
component: _index.Topic,
|
|
@@ -21,9 +17,5 @@ var _default = {
|
|
|
21
17
|
}
|
|
22
18
|
};
|
|
23
19
|
exports["default"] = _default;
|
|
24
|
-
|
|
25
|
-
var topic = function topic(args) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Topic, args);
|
|
27
|
-
};
|
|
28
|
-
|
|
20
|
+
var topic = {};
|
|
29
21
|
exports.topic = topic;
|
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.searchBar = exports["default"] = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _getEnumArg = require("../../storybook/utils/get-enum-arg");
|
|
11
9
|
|
|
12
10
|
var _searchBar = _interopRequireDefault(require("../components/search-bar"));
|
|
@@ -28,12 +26,6 @@ var _default = {
|
|
|
28
26
|
};
|
|
29
27
|
exports["default"] = _default;
|
|
30
28
|
|
|
31
|
-
var searchBar = function searchBar(props) {
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement(_searchBar["default"], props);
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
exports.searchBar = searchBar;
|
|
36
|
-
|
|
37
29
|
var onSearch = function onSearch(keyword) {
|
|
38
30
|
var _window;
|
|
39
31
|
|
|
@@ -46,12 +38,15 @@ var onClose = function onClose() {
|
|
|
46
38
|
return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.alert('click close !');
|
|
47
39
|
};
|
|
48
40
|
|
|
49
|
-
searchBar
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
41
|
+
var searchBar = {
|
|
42
|
+
args: {
|
|
43
|
+
placeholder: '關鍵字搜尋',
|
|
44
|
+
theme: _searchBar["default"].THEME.normal,
|
|
45
|
+
releaseBranch: _releaseBranch.BRANCH.master,
|
|
46
|
+
onSearch: onSearch,
|
|
47
|
+
onClose: onClose,
|
|
48
|
+
autofocus: false,
|
|
49
|
+
widthType: _searchBar["default"].WidthType.FIT
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
exports.searchBar = searchBar;
|