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

package/lib/button/components/toggleButton.js

@@ -4,75 +4,57 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _paragraph = require("../../text/paragraph");
-
 var _excluded = ["value", "labelOn", "labelOff", "disabled", "onChange"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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); }
-
 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; }
-
 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; }
-
 var ColorP2 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P2).withConfig({
   displayName: "toggleButton__ColorP2",
   componentId: "sc-183g3tk-0"
 })(["color:", ";white-space:nowrap;"], _color.colorGrayscale.gray600);
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "toggleButton__Container",
   componentId: "sc-183g3tk-1"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:42px;"]);
-
 var Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   displayName: "toggleButton__Label",
   componentId: "sc-183g3tk-2"
 })(["display:flex;align-items:center;gap:10px;cursor:", ";"], function (props) {
   return props.$disabled ? 'default' : 'pointer';
 });
-
 var Switch = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "toggleButton__Switch",
   componentId: "sc-183g3tk-3"
 })(["position:relative;width:40px;height:20px;background:", ";border-radius:20px;padding:0px;transition:100ms ease-in-out;&:before{transition:100ms ease-in-out;content:'';position:absolute;width:16px;height:16px;border-radius:20px;top:50%;left:2px;background:white;transform:translate(0,-50%);}"], function (props) {
   return props.$disabled ? _color.colorGrayscale.gray400 : _color.colorGrayscale.gray600;
 });
-
 var Input = /*#__PURE__*/_styledComponents["default"].input.withConfig({
   displayName: "toggleButton__Input",
   componentId: "sc-183g3tk-4"
 })(["opacity:0;position:absolute;&:checked + ", "{background:", ";&:before{transform:translate(20px,-50%);}}"], Switch, function (props) {
   return props.disabled ? _color.colorGrayscale.gray400 : _color.colorBrand.heavy;
 });
-
 var ToggleButton = function ToggleButton(_ref) {
   var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? false : _ref$value,
-      _ref$labelOn = _ref.labelOn,
-      labelOn = _ref$labelOn === void 0 ? '' : _ref$labelOn,
-      _ref$labelOff = _ref.labelOff,
-      labelOff = _ref$labelOff === void 0 ? '' : _ref$labelOff,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    value = _ref$value === void 0 ? false : _ref$value,
+    _ref$labelOn = _ref.labelOn,
+    labelOn = _ref$labelOn === void 0 ? '' : _ref$labelOn,
+    _ref$labelOff = _ref.labelOff,
+    labelOff = _ref$labelOff === void 0 ? '' : _ref$labelOff,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
   var handleChange = function handleChange(e) {
     onChange && onChange();
   };
-
   return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(ColorP2, {
     text: value ? labelOn : labelOff
   }), /*#__PURE__*/_react["default"].createElement(Label, _extends({
@@ -86,7 +68,6 @@ var ToggleButton = function ToggleButton(_ref) {
     $disabled: disabled
   })));
 };
-
 ToggleButton.propTypes = {
   value: _propTypes["default"].bool.isRequired,
   labelOn: _propTypes["default"].string,
@@ -94,5 +75,4 @@ ToggleButton.propTypes = {
   disabled: _propTypes["default"].bool,
   onChange: _propTypes["default"].func.isRequired
 };
-var _default = ToggleButton;
-exports["default"] = _default;
+var _default = exports["default"] = ToggleButton;

package/lib/button/enums/index.js

@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Type = exports.Style = exports.LinkType = void 0;
-var Style = Object.freeze({
+var Style = exports.Style = Object.freeze({
   BRAND: 'brand',
   DARK: 'dark',
   LIGHT: 'light'
 });
-exports.Style = Style;
-var Type = Object.freeze({
+var Type = exports.Type = Object.freeze({
   PRIMARY: 'primary',
   SECONDARY: 'secondary'
 });
-exports.Type = Type;
-var LinkType = Object.freeze({
+var LinkType = exports.LinkType = Object.freeze({
   DEFAULT: 'default',
   UNDERLINE: 'underline'
-});
-exports.LinkType = LinkType;
+});

package/lib/button/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -54,28 +53,17 @@ Object.defineProperty(exports, "ToggleButton", {
   }
 });
 exports["default"] = void 0;
-
 var _pillButton = _interopRequireDefault(require("./components/pillButton"));
-
 var _iconButton = _interopRequireDefault(require("./components/iconButton"));
-
 var _iconWithTextButton = _interopRequireDefault(require("./components/iconWithTextButton"));
-
 var _textButton = _interopRequireDefault(require("./components/textButton"));
-
 var _toggleButton = _interopRequireDefault(require("./components/toggleButton"));
-
 var _link = _interopRequireWildcard(require("./components/link"));
-
 var _menuButton = _interopRequireDefault(require("./components/menuButton"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   PillButton: _pillButton["default"],
   IconButton: _iconButton["default"],
   IconWithTextButton: _iconWithTextButton["default"],
@@ -84,5 +72,4 @@ var _default = {
   LinkButton: _link["default"],
   InheritLinkButton: _link.InheritLinkButton,
   MenuButton: _menuButton["default"]
-};
-exports["default"] = _default;
+};

package/lib/button/stories/iconButton.stories.js

@@ -4,22 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shareButton = exports.iconButton = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 var _iconButton = _interopRequireDefault(require("../components/iconButton"));
-
 var _icon = require("../../icon");
-
 var _enums = require("../enums");
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Button/Icon Button',
   component: _iconButton["default"],
   argTypes: {
@@ -27,8 +19,7 @@ var _default = {
     type: (0, _getEnumArg.getRadioArg)(_enums.Type, _enums.Type.PRIMARY)
   }
 };
-exports["default"] = _default;
-var iconButton = {
+var iconButton = exports.iconButton = {
   args: {
     iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
       direction: _icon.Arrow.Direction.DOWN
@@ -39,8 +30,7 @@ var iconButton = {
     active: false
   }
 };
-exports.iconButton = iconButton;
-var shareButton = {
+var shareButton = exports.shareButton = {
   args: {
     iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Share, null),
     theme: _iconButton["default"].THEME.normal,
@@ -48,5 +38,4 @@ var shareButton = {
     disabled: false,
     active: false
   }
-};
-exports.shareButton = shareButton;
+};

package/lib/button/stories/iconWithTextButton.stories.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shareButton = exports.iconWithTextButton = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _iconWithTextButton = _interopRequireDefault(require("../components/iconWithTextButton"));
-
 var _icon = require("../../icon");
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Button/Icon With Text Button',
   component: _iconWithTextButton["default"],
   argTypes: {
     theme: _constants.THEME_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var iconWithTextButton = {
+var iconWithTextButton = exports.iconWithTextButton = {
   args: {
     text: '文字',
     iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
@@ -35,8 +28,7 @@ var iconWithTextButton = {
     hideText: false
   }
 };
-exports.iconWithTextButton = iconWithTextButton;
-var shareButton = {
+var shareButton = exports.shareButton = {
   args: {
     text: '分享',
     iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Share, null),
@@ -45,5 +37,4 @@ var shareButton = {
     active: false,
     hideText: false
   }
-};
-exports.shareButton = shareButton;
+};

package/lib/button/stories/link.stories.js

@@ -1,32 +1,21 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.linkInParagraph = exports.link = exports.disabledLink = exports["default"] = exports.changeTextComponent = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 var _link = _interopRequireWildcard(require("../components/link"));
-
 var _paragraph = require("../../text/paragraph");
-
 var _headline = require("../../text/headline");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Button/Link',
   component: _link["default"],
   argTypes: {
@@ -55,8 +44,7 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
-var link = {
+var link = exports.link = {
   args: {
     text: '文字',
     type: _link["default"].Type.DEFAULT,
@@ -70,17 +58,14 @@ var link = {
     }
   }
 };
-exports.link = link;
-var changeTextComponent = {
+var changeTextComponent = exports.changeTextComponent = {
   render: function render(args) {
     if (args.textComponent === 'P2') {
       args.TextComponent = _paragraph.P2;
     }
-
     if (args.textComponent === 'H4') {
       args.TextComponent = _headline.H4;
     }
-
     return /*#__PURE__*/_react["default"].createElement(_link["default"], args);
   },
   args: {
@@ -97,8 +82,7 @@ var changeTextComponent = {
     }
   }
 };
-exports.changeTextComponent = changeTextComponent;
-var disabledLink = {
+var disabledLink = exports.disabledLink = {
   args: {
     text: '文字',
     type: _link["default"].Type.DEFAULT,
@@ -113,12 +97,11 @@ var disabledLink = {
     }
   }
 };
-exports.disabledLink = disabledLink;
 var StyledP1 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P1).withConfig({
   displayName: "linkstories__StyledP1",
   componentId: "sc-1i9kyc3-0"
 })(["display:unset;"]);
-var linkInParagraph = {
+var linkInParagraph = exports.linkInParagraph = {
   render: function render(args) {
     return /*#__PURE__*/_react["default"].createElement(StyledP1, null, args.leftWord, /*#__PURE__*/_react["default"].createElement(_link.InheritLinkButton, args), args.rightWord);
   },
@@ -136,5 +119,4 @@ var linkInParagraph = {
       exclude: ['textComponent', 'disabled', 'weight', 'TextComponent']
     }
   }
-};
-exports.linkInParagraph = linkInParagraph;
+};

package/lib/button/stories/menuButton.stories.js

@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.menuButton = exports["default"] = void 0;
-
 var _menuButton = _interopRequireDefault(require("../components/menuButton"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Button/Menu Button',
   component: _menuButton["default"],
   argTypes: {
     fontWeight: (0, _getEnumArg.getRadioArg)(_menuButton["default"].FontWeight, _menuButton["default"].FontWeight.NORMAL)
   }
 };
-exports["default"] = _default;
-var menuButton = {
+var menuButton = exports.menuButton = {
   args: {
     text: '文字',
     link: {},
@@ -31,5 +25,4 @@ var menuButton = {
     paddingLeft: 32,
     paddingRight: 32
   }
-};
-exports.menuButton = menuButton;
+};

package/lib/button/stories/pillButton.stories.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleIconDisplay = exports.pillButton = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 var _pillButton = _interopRequireDefault(require("../components/pillButton"));
-
 var _icon = require("../../icon");
-
 var _enums = require("../enums");
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Button/Pill Button',
   component: _pillButton["default"],
   argTypes: {
@@ -43,8 +35,7 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
-var pillButton = {
+var pillButton = exports.pillButton = {
   args: {
     text: '文字',
     size: _pillButton["default"].Size.S,
@@ -60,8 +51,7 @@ var pillButton = {
     }
   }
 };
-exports.pillButton = pillButton;
-var toggleIconDisplay = {
+var toggleIconDisplay = exports.toggleIconDisplay = {
   render: function render(args) {
     args.leftIconComponent = args.showLeft ? /*#__PURE__*/_react["default"].createElement(_icon.Cross, null) : null;
     args.rightIconComponent = args.showRight ? /*#__PURE__*/_react["default"].createElement(_icon.Cross, null) : null;
@@ -83,5 +73,4 @@ var toggleIconDisplay = {
       exclude: ['leftIconComponent', 'rightIconComponent']
     }
   }
-};
-exports.toggleIconDisplay = toggleIconDisplay;
+};

package/lib/button/stories/textButton.stories.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleIconDisplay = exports.textButton = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 var _textButton = _interopRequireDefault(require("../components/textButton"));
-
 var _icon = require("../../icon");
-
 var _enums = require("../enums");
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Button/Text Button',
   component: _textButton["default"],
   argTypes: {
@@ -42,8 +34,7 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
-var textButton = {
+var textButton = exports.textButton = {
   args: {
     text: '文字',
     size: _textButton["default"].Size.S,
@@ -65,8 +56,7 @@ var textButton = {
     }
   }
 };
-exports.textButton = textButton;
-var toggleIconDisplay = {
+var toggleIconDisplay = exports.toggleIconDisplay = {
   render: function render(args) {
     args.leftIconComponent = args.showLeft ? /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
       direction: _icon.Arrow.Direction.LEFT
@@ -92,5 +82,4 @@ var toggleIconDisplay = {
       exclude: ['leftIconComponent', 'rightIconComponent']
     }
   }
-};
-exports.toggleIconDisplay = toggleIconDisplay;
+};

package/lib/button/stories/toggleButton.stories.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleButton = exports["default"] = void 0;
-
 var _toggleButton = _interopRequireDefault(require("../components/toggleButton"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Button/Toggle Button',
   component: _toggleButton["default"],
   argTypes: {
@@ -19,8 +16,7 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
-var toggleButton = {
+var toggleButton = exports.toggleButton = {
   args: {
     value: false,
     labelOn: '已訂閱',
@@ -28,5 +24,4 @@ var toggleButton = {
     disabled: false,
     onChange: function onChange() {}
   }
-};
-exports.toggleButton = toggleButton;
+};

package/lib/button/utils/size.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSizeStyle = exports["default"] = void 0;
-
-var getSizeStyle = function getSizeStyle(size) {
+var getSizeStyle = exports.getSizeStyle = function getSizeStyle(size) {
   switch (size) {
     case 'L':
       return {
         iconSize: '24px',
         padding: '8px 16px'
       };
-
     case 'S':
     default:
       return {
@@ -21,9 +19,6 @@ var getSizeStyle = function getSizeStyle(size) {
       };
   }
 };
-
-exports.getSizeStyle = getSizeStyle;
-var _default = {
+var _default = exports["default"] = {
   getSizeStyle: getSizeStyle
-};
-exports["default"] = _default;
+};