@twreporter/react-components 9.0.2 → 9.1.0-rc.0

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 (152) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/lib/badge/badge.stories.js +3 -9
  3. package/lib/badge/index.js +8 -24
  4. package/lib/bookmark-list/bookmark.js +20 -69
  5. package/lib/bookmark-list/bookmarks.js +10 -40
  6. package/lib/bookmark-list/customized-link.js +4 -14
  7. package/lib/bookmark-list/image-wrapper.js +9 -36
  8. package/lib/bookmark-list/index.js +36 -91
  9. package/lib/bookmark-list/redirect-to-sign-in.js +1 -10
  10. package/lib/bookmark-list/stories/bookmark.stories.js +3 -9
  11. package/lib/bookmark-widget/index.js +91 -220
  12. package/lib/button/components/iconButton.js +15 -34
  13. package/lib/button/components/iconWithTextButton.js +16 -31
  14. package/lib/button/components/link.js +27 -45
  15. package/lib/button/components/menuButton.js +18 -38
  16. package/lib/button/components/pillButton.js +31 -60
  17. package/lib/button/components/textButton.js +29 -61
  18. package/lib/button/components/toggleButton.js +11 -31
  19. package/lib/button/enums/index.js +4 -7
  20. package/lib/button/index.js +5 -18
  21. package/lib/button/stories/iconButton.stories.js +4 -15
  22. package/lib/button/stories/iconWithTextButton.stories.js +4 -13
  23. package/lib/button/stories/link.stories.js +9 -27
  24. package/lib/button/stories/menuButton.stories.js +3 -10
  25. package/lib/button/stories/pillButton.stories.js +4 -15
  26. package/lib/button/stories/textButton.stories.js +4 -15
  27. package/lib/button/stories/toggleButton.stories.js +3 -8
  28. package/lib/button/utils/size.js +3 -8
  29. package/lib/button/utils/theme.js +11 -102
  30. package/lib/card/components/article-card.js +31 -59
  31. package/lib/card/components/dialog.js +7 -22
  32. package/lib/card/components/short-story.js +24 -44
  33. package/lib/card/index.js +2 -8
  34. package/lib/card/stories/articleCard.stories.js +3 -14
  35. package/lib/card/stories/dialog.stories.js +3 -11
  36. package/lib/card/stories/shortStory.stories.js +3 -16
  37. package/lib/checkbox/checkbox.stories.js +3 -8
  38. package/lib/checkbox/index.js +10 -31
  39. package/lib/color.stories.js +9 -34
  40. package/lib/confirmation/index.js +7 -29
  41. package/lib/customized-link.js +5 -18
  42. package/lib/divider.js +3 -19
  43. package/lib/divider.stories.js +5 -18
  44. package/lib/donation-link.js +2 -14
  45. package/lib/empty-state/enums/index.js +2 -3
  46. package/lib/empty-state/index.js +20 -41
  47. package/lib/empty-state/stories/empty-guide.stories.js +3 -11
  48. package/lib/error/index.js +3 -8
  49. package/lib/error/message.js +3 -44
  50. package/lib/footer/constants/links.js +10 -16
  51. package/lib/footer/footer.stories.js +3 -10
  52. package/lib/footer/index.js +5 -40
  53. package/lib/footer/link.js +15 -46
  54. package/lib/footer/logo.js +12 -32
  55. package/lib/hook/index.js +3 -18
  56. package/lib/hook/use-bookmark.js +21 -47
  57. package/lib/hook/use-font-face-observer.js +9 -24
  58. package/lib/hook/use-outside-click.js +4 -9
  59. package/lib/icon/enum/index.js +5 -9
  60. package/lib/icon/index.js +49 -105
  61. package/lib/icon/stories/arrow.stories.js +7 -16
  62. package/lib/icon/stories/article.stories.js +2 -7
  63. package/lib/icon/stories/bookmark.stories.js +6 -14
  64. package/lib/icon/stories/changeIconColor.stories.js +2 -12
  65. package/lib/icon/stories/clock.stories.js +2 -7
  66. package/lib/icon/stories/copy.stories.js +2 -7
  67. package/lib/icon/stories/cross.stories.js +2 -7
  68. package/lib/icon/stories/hamburger.stories.js +2 -7
  69. package/lib/icon/stories/home.stories.js +2 -7
  70. package/lib/icon/stories/letter.stories.js +2 -7
  71. package/lib/icon/stories/loading.stories.js +2 -7
  72. package/lib/icon/stories/member.stories.js +2 -7
  73. package/lib/icon/stories/printer.stories.js +2 -7
  74. package/lib/icon/stories/search.stories.js +2 -7
  75. package/lib/icon/stories/share.stories.js +2 -7
  76. package/lib/icon/stories/socialMedia.stories.js +2 -8
  77. package/lib/icon/stories/text.stories.js +2 -7
  78. package/lib/icon/stories/topic.stories.js +2 -7
  79. package/lib/image-with-fallback.js +22 -52
  80. package/lib/input/components/search-bar.js +40 -85
  81. package/lib/input/components/text-field.js +20 -40
  82. package/lib/input/enums/index.js +6 -8
  83. package/lib/input/index.js +2 -7
  84. package/lib/input/stories/search-bar.stories.js +3 -16
  85. package/lib/input/stories/text-field.stories.js +3 -14
  86. package/lib/input/utils/theme.js +2 -9
  87. package/lib/is-fetching-wrapper.js +16 -48
  88. package/lib/junior-link.js +6 -29
  89. package/lib/link-with-tracker.js +14 -47
  90. package/lib/listing-page/components/card-list.js +20 -51
  91. package/lib/listing-page/components/image.js +15 -46
  92. package/lib/listing-page/components/list-item.js +18 -65
  93. package/lib/listing-page/components/list.js +17 -61
  94. package/lib/listing-page/components/page-content.js +2 -12
  95. package/lib/listing-page/components/topics/index.js +26 -74
  96. package/lib/listing-page/components/topics/post-item.js +14 -47
  97. package/lib/listing-page/components/topics/posts.js +1 -10
  98. package/lib/listing-page/components/topics/section.js +3 -25
  99. package/lib/listing-page/components/topics/topic-item.js +17 -56
  100. package/lib/listing-page/constants/mockup-spec.js +2 -3
  101. package/lib/listing-page/constants/predefined-css.js +2 -10
  102. package/lib/listing-page/constants/prop-types.js +2 -7
  103. package/lib/listing-page/constants/topics.js +2 -3
  104. package/lib/listing-page/index.js +2 -8
  105. package/lib/listing-page/stories/cardList.stories.js +3 -10
  106. package/lib/logo/components/logo-footer.js +6 -21
  107. package/lib/logo/components/logo-header.js +7 -23
  108. package/lib/logo/components/logo-loading-fallback.js +4 -13
  109. package/lib/logo/components/logo-symbol.js +7 -23
  110. package/lib/logo/index.js +2 -9
  111. package/lib/logo/stories/logoFooter.stories.js +2 -8
  112. package/lib/logo/stories/logoHeader.stories.js +3 -9
  113. package/lib/logo/stories/logoLoadingFallback.stories.js +2 -8
  114. package/lib/logo/stories/logoSymbol.stories.js +3 -9
  115. package/lib/logo/utils/path.js +2 -9
  116. package/lib/material-icon.js +9 -17
  117. package/lib/mobile-member-role-card/index.js +22 -49
  118. package/lib/mobile-member-role-card/stories/member-role-card.stories.js +3 -12
  119. package/lib/mobile-pop-up-modal.js +10 -44
  120. package/lib/more.js +10 -37
  121. package/lib/pagination/index.js +17 -83
  122. package/lib/podcast-link.js +6 -29
  123. package/lib/rwd.js +6 -26
  124. package/lib/shared-enum.js +2 -3
  125. package/lib/side-bar/index.js +16 -59
  126. package/lib/simple-header/index.js +2 -12
  127. package/lib/simple-header/simpleHeader.stories.js +3 -8
  128. package/lib/snack-bar/components/snack-bar.js +9 -20
  129. package/lib/snack-bar/hooks/use-snack-bar.js +12 -25
  130. package/lib/snack-bar/index.js +2 -7
  131. package/lib/snack-bar/stories/snackBar.stories.js +12 -29
  132. package/lib/snack-bar/utils/theme.js +3 -9
  133. package/lib/storybook/constants/index.js +3 -11
  134. package/lib/storybook/utils/get-enum-arg.js +2 -5
  135. package/lib/table-of-contents/index.js +62 -128
  136. package/lib/text/constants/headline-type.js +5 -8
  137. package/lib/text/enums/index.js +3 -5
  138. package/lib/text/headline.js +14 -41
  139. package/lib/text/paragraph.js +13 -34
  140. package/lib/text/stories/headline.stories.js +8 -21
  141. package/lib/text/stories/paragraph.stories.js +6 -17
  142. package/lib/text/utils/webfonts.js +9 -22
  143. package/lib/title-bar/components/tab.js +27 -69
  144. package/lib/title-bar/components/title1.js +6 -17
  145. package/lib/title-bar/components/title2.js +7 -23
  146. package/lib/title-bar/index.js +2 -8
  147. package/lib/title-bar/stories/tab.stories.js +5 -12
  148. package/lib/title-bar/stories/title1.stories.js +5 -12
  149. package/lib/title-bar/stories/title2.stories.js +3 -11
  150. package/lib/utils/link-with-params.js +0 -5
  151. package/package.json +4 -4
  152. package/lib/hook/use-store.js +0 -46
@@ -4,25 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.MediaType = exports.IconType = exports.BookmarkType = exports.ArrowDirection = void 0;
7
- var IconType = Object.freeze({
7
+ var IconType = exports.IconType = Object.freeze({
8
8
  MASK: 'mask',
9
9
  RAW: 'raw'
10
10
  });
11
- exports.IconType = IconType;
12
- var ArrowDirection = Object.freeze({
11
+ var ArrowDirection = exports.ArrowDirection = Object.freeze({
13
12
  RIGHT: 'right',
14
13
  LEFT: 'left',
15
14
  UP: 'up',
16
15
  DOWN: 'down'
17
16
  });
18
- exports.ArrowDirection = ArrowDirection;
19
- var BookmarkType = Object.freeze({
17
+ var BookmarkType = exports.BookmarkType = Object.freeze({
20
18
  BASIC: 'basic',
21
19
  ADD: 'add',
22
20
  SAVED: 'saved'
23
21
  });
24
- exports.BookmarkType = BookmarkType;
25
- var MediaType = Object.freeze({
22
+ var MediaType = exports.MediaType = Object.freeze({
26
23
  FACEBOOK: 'facebook',
27
24
  INSTAGRAM: 'instagram',
28
25
  MEDIUM: 'medium',
@@ -31,5 +28,4 @@ var MediaType = Object.freeze({
31
28
  LINE: 'line',
32
29
  GOOGLE: 'google',
33
30
  PLURK: 'plurk'
34
- });
35
- exports.MediaType = MediaType;
31
+ });
package/lib/icon/index.js CHANGED
@@ -4,53 +4,39 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Plurk = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.KidStar = exports.Instagram = exports.Icon = exports.Home = exports.History = exports.Hamburger = exports.Google = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
10
  var _enum = require("./enum");
15
-
16
11
  var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
17
-
18
12
  var _excluded = ["type", "filename", "releaseBranch"],
19
- _excluded2 = ["releaseBranch"],
20
- _excluded3 = ["direction", "releaseBranch"],
21
- _excluded4 = ["mediaType"];
22
-
13
+ _excluded2 = ["releaseBranch"],
14
+ _excluded3 = ["direction", "releaseBranch"],
15
+ _excluded4 = ["mediaType"]; // enum
16
+ // @twreporter
23
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
-
25
18
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
26
-
27
19
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
28
-
29
20
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
30
-
31
21
  var baseGCSDir = 'https://www.twreporter.org/assets/icon/';
32
-
33
22
  var IconContainer = /*#__PURE__*/_styledComponents["default"].svg.withConfig({
34
23
  displayName: "icon__IconContainer",
35
24
  componentId: "sc-4fv57p-0"
36
25
  })(["height:24px;width:24px;background-color:black;mask-image:url(", ");mask-size:cover;"], function (props) {
37
26
  return props.src;
38
27
  });
39
-
40
28
  var RawIconContainer = /*#__PURE__*/_styledComponents["default"].img.withConfig({
41
29
  displayName: "icon__RawIconContainer",
42
30
  componentId: "sc-4fv57p-1"
43
31
  })(["height:24px;width:24px;"]);
44
-
45
- var Icon = function Icon(_ref) {
32
+ var Icon = exports.Icon = function Icon(_ref) {
46
33
  var _ref$type = _ref.type,
47
- type = _ref$type === void 0 ? _enum.IconType.MASK : _ref$type,
48
- _ref$filename = _ref.filename,
49
- filename = _ref$filename === void 0 ? '' : _ref$filename,
50
- _ref$releaseBranch = _ref.releaseBranch,
51
- releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
52
- restProps = _objectWithoutProperties(_ref, _excluded);
53
-
34
+ type = _ref$type === void 0 ? _enum.IconType.MASK : _ref$type,
35
+ _ref$filename = _ref.filename,
36
+ filename = _ref$filename === void 0 ? '' : _ref$filename,
37
+ _ref$releaseBranch = _ref.releaseBranch,
38
+ releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
39
+ restProps = _objectWithoutProperties(_ref, _excluded);
54
40
  var src = "".concat(baseGCSDir).concat(releaseBranch, "/").concat(filename, ".svg");
55
41
  var IconComponent = type === _enum.IconType.RAW ? RawIconContainer : IconContainer;
56
42
  return /*#__PURE__*/_react["default"].createElement(IconComponent, _extends({
@@ -58,8 +44,6 @@ var Icon = function Icon(_ref) {
58
44
  src: src
59
45
  }, restProps));
60
46
  };
61
-
62
- exports.Icon = Icon;
63
47
  Icon.propTypes = {
64
48
  type: _propTypes["default"].oneOf(Object.values(_enum.IconType)),
65
49
  filename: _propTypes["default"].string,
@@ -67,19 +51,16 @@ Icon.propTypes = {
67
51
  };
68
52
  Icon.type = _enum.IconType;
69
53
  Icon.releaseBranch = _releaseBranch.BRANCH;
70
-
71
54
  var getIcon = function getIcon(gcsFileName) {
72
55
  var gcsIcon = function gcsIcon(_ref2) {
73
56
  var _ref2$releaseBranch = _ref2.releaseBranch,
74
- releaseBranch = _ref2$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref2$releaseBranch,
75
- props = _objectWithoutProperties(_ref2, _excluded2);
76
-
57
+ releaseBranch = _ref2$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref2$releaseBranch,
58
+ props = _objectWithoutProperties(_ref2, _excluded2);
77
59
  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
78
60
  filename: gcsFileName,
79
61
  releaseBranch: releaseBranch
80
62
  }, props));
81
63
  };
82
-
83
64
  gcsIcon.propTypes = {
84
65
  type: _propTypes["default"].oneOf(Object.values(_enum.IconType)),
85
66
  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
@@ -88,105 +69,69 @@ var getIcon = function getIcon(gcsFileName) {
88
69
  gcsIcon.Type = _enum.IconType;
89
70
  return gcsIcon;
90
71
  };
91
-
92
- var Hamburger = getIcon('hamburger');
93
- exports.Hamburger = Hamburger;
94
- var Cross = getIcon('cross');
95
- exports.Cross = Cross;
96
- var Search = getIcon('search');
97
- exports.Search = Search;
98
- var Member = getIcon('member');
99
- exports.Member = Member;
100
- var Home = getIcon('home');
101
- exports.Home = Home;
102
- var Share = getIcon('share');
103
- exports.Share = Share;
104
- var Text = getIcon('text');
105
- exports.Text = Text;
106
- var Clock = getIcon('clock');
107
- exports.Clock = Clock;
108
- var Article = getIcon('article');
109
- exports.Article = Article;
110
- var Topic = getIcon('topic');
111
- exports.Topic = Topic;
112
- var Copy = getIcon('copy');
113
- exports.Copy = Copy;
114
- var Loading = getIcon('loading');
115
- exports.Loading = Loading;
116
- var Printer = getIcon('printer');
117
- exports.Printer = Printer;
118
- var Letter = getIcon('letter');
119
- exports.Letter = Letter;
120
- var Facebook = getIcon('facebook');
121
- exports.Facebook = Facebook;
122
- var Instagram = getIcon('instagram');
123
- exports.Instagram = Instagram;
124
- var Medium = getIcon('medium');
125
- exports.Medium = Medium;
126
- var Twitter = getIcon('twitter');
127
- exports.Twitter = Twitter;
128
- var Youtube = getIcon('youtube');
129
- exports.Youtube = Youtube;
130
- var Line = getIcon('line');
131
- exports.Line = Line;
132
- var Google = getIcon('google');
133
- exports.Google = Google;
134
- var History = getIcon('history');
135
- exports.History = History;
136
- var KidStar = getIcon('kid_star');
137
- exports.KidStar = KidStar;
138
- var Plurk = getIcon('plurk');
139
- exports.Plurk = Plurk;
140
-
141
- var Arrow = function Arrow(_ref3) {
72
+ var Hamburger = exports.Hamburger = getIcon('hamburger');
73
+ var Cross = exports.Cross = getIcon('cross');
74
+ var Search = exports.Search = getIcon('search');
75
+ var Member = exports.Member = getIcon('member');
76
+ var Home = exports.Home = getIcon('home');
77
+ var Share = exports.Share = getIcon('share');
78
+ var Text = exports.Text = getIcon('text');
79
+ var Clock = exports.Clock = getIcon('clock');
80
+ var Article = exports.Article = getIcon('article');
81
+ var Topic = exports.Topic = getIcon('topic');
82
+ var Copy = exports.Copy = getIcon('copy');
83
+ var Loading = exports.Loading = getIcon('loading');
84
+ var Printer = exports.Printer = getIcon('printer');
85
+ var Letter = exports.Letter = getIcon('letter');
86
+ var Facebook = exports.Facebook = getIcon('facebook');
87
+ var Instagram = exports.Instagram = getIcon('instagram');
88
+ var Medium = exports.Medium = getIcon('medium');
89
+ var Twitter = exports.Twitter = getIcon('twitter');
90
+ var Youtube = exports.Youtube = getIcon('youtube');
91
+ var Line = exports.Line = getIcon('line');
92
+ var Google = exports.Google = getIcon('google');
93
+ var History = exports.History = getIcon('history');
94
+ var KidStar = exports.KidStar = getIcon('kid_star');
95
+ var Plurk = exports.Plurk = getIcon('plurk');
96
+ var Arrow = exports.Arrow = function Arrow(_ref3) {
142
97
  var _ref3$direction = _ref3.direction,
143
- direction = _ref3$direction === void 0 ? _enum.ArrowDirection.RIGHT : _ref3$direction,
144
- releaseBranch = _ref3.releaseBranch,
145
- props = _objectWithoutProperties(_ref3, _excluded3);
146
-
98
+ direction = _ref3$direction === void 0 ? _enum.ArrowDirection.RIGHT : _ref3$direction,
99
+ releaseBranch = _ref3.releaseBranch,
100
+ props = _objectWithoutProperties(_ref3, _excluded3);
147
101
  var filename = "arrow_".concat(direction);
148
102
  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
149
103
  filename: filename,
150
104
  releaseBranch: releaseBranch
151
105
  }, props));
152
106
  };
153
-
154
- exports.Arrow = Arrow;
155
107
  Arrow.propTypes = {
156
108
  direction: _propTypes["default"].oneOf(Object.values(_enum.ArrowDirection)),
157
109
  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
158
110
  };
159
111
  Arrow.Direction = _enum.ArrowDirection;
160
-
161
- var Bookmark = function Bookmark(_ref4) {
112
+ var Bookmark = exports.Bookmark = function Bookmark(_ref4) {
162
113
  var _ref4$type = _ref4.type,
163
- type = _ref4$type === void 0 ? _enum.BookmarkType.BASIC : _ref4$type,
164
- releaseBranch = _ref4.releaseBranch;
114
+ type = _ref4$type === void 0 ? _enum.BookmarkType.BASIC : _ref4$type,
115
+ releaseBranch = _ref4.releaseBranch;
165
116
  var filename = "bookmark_".concat(type);
166
117
  return /*#__PURE__*/_react["default"].createElement(Icon, {
167
118
  filename: filename,
168
119
  releaseBranch: releaseBranch
169
120
  });
170
121
  };
171
-
172
- exports.Bookmark = Bookmark;
173
122
  Bookmark.propTypes = {
174
123
  type: _propTypes["default"].oneOf(Object.values(_enum.BookmarkType)),
175
124
  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
176
125
  };
177
126
  Bookmark.Type = _enum.BookmarkType;
178
-
179
- var SocialMedia = function SocialMedia(_ref5) {
127
+ var SocialMedia = exports.SocialMedia = function SocialMedia(_ref5) {
180
128
  var _ref5$mediaType = _ref5.mediaType,
181
- mediaType = _ref5$mediaType === void 0 ? _enum.MediaType.GOOGLE : _ref5$mediaType,
182
- args = _objectWithoutProperties(_ref5, _excluded4);
183
-
129
+ mediaType = _ref5$mediaType === void 0 ? _enum.MediaType.GOOGLE : _ref5$mediaType,
130
+ args = _objectWithoutProperties(_ref5, _excluded4);
184
131
  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
185
132
  filename: mediaType
186
133
  }, args));
187
134
  };
188
-
189
- exports.SocialMedia = SocialMedia;
190
135
  SocialMedia.propTypes = {
191
136
  type: Icon.propTypes.type,
192
137
  mediaType: _propTypes["default"].oneOf(Object.values(_enum.MediaType)),
@@ -194,7 +139,7 @@ SocialMedia.propTypes = {
194
139
  };
195
140
  SocialMedia.Type = _enum.IconType;
196
141
  SocialMedia.MediaType = _enum.MediaType;
197
- var _default = {
142
+ var _default = exports["default"] = {
198
143
  Arrow: Arrow,
199
144
  Article: Article,
200
145
  Bookmark: Bookmark,
@@ -222,5 +167,4 @@ var _default = {
222
167
  History: History,
223
168
  KidStar: KidStar,
224
169
  Plurk: Plurk
225
- };
226
- exports["default"] = _default;
170
+ };
@@ -4,26 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.up = exports.right = exports.left = exports.down = exports["default"] = exports.arrow = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Arrow',
14
11
  component: _index.Arrow,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var arrow = {
16
+ var arrow = exports.arrow = {
21
17
  args: {
22
18
  direction: _index.Arrow.Direction.RIGHT
23
19
  }
24
20
  };
25
- exports.arrow = arrow;
26
- var right = {
21
+ var right = exports.right = {
27
22
  parameters: {
28
23
  controls: {
29
24
  exclude: ['direction']
@@ -33,8 +28,7 @@ var right = {
33
28
  direction: _index.Arrow.Direction.RIGHT
34
29
  }
35
30
  };
36
- exports.right = right;
37
- var left = {
31
+ var left = exports.left = {
38
32
  parameters: {
39
33
  controls: {
40
34
  exclude: ['direction']
@@ -44,8 +38,7 @@ var left = {
44
38
  direction: _index.Arrow.Direction.LEFT
45
39
  }
46
40
  };
47
- exports.left = left;
48
- var up = {
41
+ var up = exports.up = {
49
42
  parameters: {
50
43
  controls: {
51
44
  exclude: ['direction']
@@ -55,8 +48,7 @@ var up = {
55
48
  direction: _index.Arrow.Direction.UP
56
49
  }
57
50
  };
58
- exports.up = up;
59
- var down = {
51
+ var down = exports.down = {
60
52
  parameters: {
61
53
  controls: {
62
54
  exclude: ['direction']
@@ -65,5 +57,4 @@ var down = {
65
57
  args: {
66
58
  direction: _index.Arrow.Direction.DOWN
67
59
  }
68
- };
69
- exports.down = down;
60
+ };
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.article = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Article',
14
11
  component: _index.Article,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var article = {};
21
- exports.article = article;
16
+ var article = exports.article = {};
@@ -4,26 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.saved = exports["default"] = exports.bookmark = exports.basic = exports.add = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Bookmark',
14
11
  component: _index.Bookmark,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var bookmark = {
16
+ var bookmark = exports.bookmark = {
21
17
  args: {
22
18
  type: _index.Bookmark.Type.BASIC
23
19
  }
24
20
  };
25
- exports.bookmark = bookmark;
26
- var basic = {
21
+ var basic = exports.basic = {
27
22
  parameters: {
28
23
  controls: {
29
24
  exclude: ['type']
@@ -33,8 +28,7 @@ var basic = {
33
28
  type: _index.Bookmark.Type.BASIC
34
29
  }
35
30
  };
36
- exports.basic = basic;
37
- var add = {
31
+ var add = exports.add = {
38
32
  parameters: {
39
33
  controls: {
40
34
  exclude: ['type']
@@ -44,8 +38,7 @@ var add = {
44
38
  type: _index.Bookmark.Type.ADD
45
39
  }
46
40
  };
47
- exports.add = add;
48
- var saved = {
41
+ var saved = exports.saved = {
49
42
  parameters: {
50
43
  controls: {
51
44
  exclude: ['type']
@@ -54,5 +47,4 @@ var saved = {
54
47
  args: {
55
48
  type: _index.Bookmark.Type.SAVED
56
49
  }
57
- };
58
- exports.saved = saved;
50
+ };
@@ -4,35 +4,27 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.changeIconColor = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
10
  var _index = require("../index");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
12
  var IconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
19
13
  displayName: "changeIconColorstories__IconContainer",
20
14
  componentId: "qv69ol-0"
21
15
  })(["svg{background-color:", ";}"], function (props) {
22
16
  return props.$color;
23
17
  });
24
-
25
18
  var ChangeIconColor = function ChangeIconColor(_ref) {
26
19
  var color = _ref.color;
27
20
  return /*#__PURE__*/_react["default"].createElement(IconContainer, {
28
21
  $color: color
29
22
  }, /*#__PURE__*/_react["default"].createElement(_index.Article, null));
30
23
  };
31
-
32
24
  ChangeIconColor.propTypes = {
33
25
  color: _propTypes["default"].string
34
26
  };
35
- var _default = {
27
+ var _default = exports["default"] = {
36
28
  title: 'Icon/Change Icon Color',
37
29
  component: ChangeIconColor,
38
30
  argTypes: {
@@ -44,6 +36,4 @@ var _default = {
44
36
  }
45
37
  }
46
38
  };
47
- exports["default"] = _default;
48
- var changeIconColor = {};
49
- exports.changeIconColor = changeIconColor;
39
+ var changeIconColor = exports.changeIconColor = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.clock = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Clock',
14
11
  component: _index.Clock,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var clock = {};
21
- exports.clock = clock;
16
+ var clock = exports.clock = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.copy = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Copy',
14
11
  component: _index.Copy,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var copy = {};
21
- exports.copy = copy;
16
+ var copy = exports.copy = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.cross = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Cross',
14
11
  component: _index.Cross,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var cross = {};
21
- exports.cross = cross;
16
+ var cross = exports.cross = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.hamburger = exports["default"] = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Hamburger',
14
11
  component: _index.Hamburger,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var hamburger = {};
21
- exports.hamburger = hamburger;
16
+ var hamburger = exports.hamburger = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.home = exports["default"] = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Home',
14
11
  component: _index.Home,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var home = {};
21
- exports.home = home;
16
+ var home = exports.home = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.letter = exports["default"] = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Letter',
14
11
  component: _index.Letter,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var letter = {};
21
- exports.letter = letter;
16
+ var letter = exports.letter = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.loading = exports["default"] = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Loading',
14
11
  component: _index.Loading,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var loading = {};
21
- exports.loading = loading;
16
+ var loading = exports.loading = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.member = exports["default"] = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Member',
14
11
  component: _index.Member,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var member = {};
21
- exports.member = member;
16
+ var member = exports.member = {};
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.printer = exports["default"] = void 0;
7
-
8
7
  var _index = require("../index");
9
-
10
8
  var _constants = require("../../storybook/constants");
11
-
12
- var _default = {
9
+ var _default = exports["default"] = {
13
10
  title: 'Icon/Printer',
14
11
  component: _index.Printer,
15
12
  argTypes: {
16
13
  releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
17
14
  }
18
15
  };
19
- exports["default"] = _default;
20
- var printer = {};
21
- exports.printer = printer;
16
+ var printer = exports.printer = {};