@twreporter/react-components 8.21.0-rc.0 → 8.21.0-rc.10

package/lib/text/paragraph.js

@@ -25,10 +25,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 defaultContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var defaultContainer = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   displayName: "paragraph__defaultContainer",
   componentId: "sc-1aejhao-0"
-})(["font-weight:", ";font-family:", ";line-height:150%;display:flex;align-items:center;"], function (props) {
+})(["font-weight:", ";font-family:", ";line-height:150%;display:flex;align-items:center;margin-block-start:0px;margin-block-end:0px;"], function (props) {
   return _font.fontWeight[props.weight];
 }, _font.fontFamily["default"]);
 

package/lib/text/stories/headline.stories.js

@@ -15,6 +15,7 @@ var _enums = require("../enums");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 var _default = {
   title: 'Text/Headline',
   component: _headline.H1,
@@ -25,93 +26,90 @@ var _default = {
 exports["default"] = _default;
 var defaultText = '標題「標題」：標題，《標題》標題English標題123標題？';
 var defaultType = _headline.H1.Type.DEFAULT;
-
-var h1 = function h1(args) {
-  return /*#__PURE__*/_react["default"].createElement(_headline.H1, args);
+var h1 = {
+  args: {
+    text: defaultText,
+    type: defaultType
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
+  }
 };
-
 exports.h1 = h1;
-h1.args = {
-  text: defaultText,
-  type: defaultType
-};
-h1.parameters = {
-  controls: {
-    exclude: ['className']
+var h2 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_headline.H2, args);
+  },
+  args: {
+    text: defaultText,
+    type: defaultType
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var h2 = function h2(args) {
-  return /*#__PURE__*/_react["default"].createElement(_headline.H2, args);
-};
-
 exports.h2 = h2;
-h2.args = {
-  text: defaultText,
-  type: defaultType
-};
-h2.parameters = {
-  controls: {
-    exclude: ['className']
+var h3 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_headline.H3, args);
+  },
+  args: {
+    text: defaultText,
+    type: defaultType
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var h3 = function h3(args) {
-  return /*#__PURE__*/_react["default"].createElement(_headline.H3, args);
-};
-
 exports.h3 = h3;
-h3.args = {
-  text: defaultText,
-  type: defaultType
-};
-h3.parameters = {
-  controls: {
-    exclude: ['className']
+var h4 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_headline.H4, args);
+  },
+  args: {
+    text: defaultText,
+    type: defaultType
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var h4 = function h4(args) {
-  return /*#__PURE__*/_react["default"].createElement(_headline.H4, args);
-};
-
 exports.h4 = h4;
-h4.args = {
-  text: defaultText,
-  type: defaultType
-};
-h4.parameters = {
-  controls: {
-    exclude: ['className']
+var h5 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_headline.H5, args);
+  },
+  args: {
+    text: defaultText,
+    type: defaultType
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var h5 = function h5(args) {
-  return /*#__PURE__*/_react["default"].createElement(_headline.H5, args);
-};
-
 exports.h5 = h5;
-h5.args = {
-  text: defaultText,
-  type: defaultType
-};
-h5.parameters = {
-  controls: {
-    exclude: ['className']
+var h6 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_headline.H6, args);
+  },
+  args: {
+    text: defaultText,
+    type: defaultType
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var h6 = function h6(args) {
-  return /*#__PURE__*/_react["default"].createElement(_headline.H6, args);
-};
-
-exports.h6 = h6;
-h6.args = {
-  text: defaultText,
-  type: defaultType
-};
-h6.parameters = {
-  controls: {
-    exclude: ['className']
-  }
-};
+exports.h6 = h6;

package/lib/text/stories/paragraph.stories.js

@@ -15,6 +15,7 @@ var _enums = require("../enums");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 var _default = {
   title: 'Text/Paragraph',
   component: _paragraph.P1,
@@ -25,63 +26,60 @@ var _default = {
 exports["default"] = _default;
 var defaultText = '內文「內文」：內文，《內文》內文English內文123內文？';
 var defaultWeight = _paragraph.P1.Weight.NORMAL;
-
-var p1 = function p1(args) {
-  return /*#__PURE__*/_react["default"].createElement(_paragraph.P1, args);
+var p1 = {
+  args: {
+    text: defaultText,
+    weight: defaultWeight
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
+  }
 };
-
 exports.p1 = p1;
-p1.args = {
-  text: defaultText,
-  weight: defaultWeight
-};
-p1.parameters = {
-  controls: {
-    exclude: ['className']
+var p2 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_paragraph.P2, args);
+  },
+  args: {
+    text: defaultText,
+    weight: defaultWeight
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var p2 = function p2(args) {
-  return /*#__PURE__*/_react["default"].createElement(_paragraph.P2, args);
-};
-
 exports.p2 = p2;
-p2.args = {
-  text: defaultText,
-  weight: defaultWeight
-};
-p2.parameters = {
-  controls: {
-    exclude: ['className']
+var p3 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_paragraph.P3, args);
+  },
+  args: {
+    text: defaultText,
+    weight: defaultWeight
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var p3 = function p3(args) {
-  return /*#__PURE__*/_react["default"].createElement(_paragraph.P3, args);
-};
-
 exports.p3 = p3;
-p3.args = {
-  text: defaultText,
-  weight: defaultWeight
-};
-p3.parameters = {
-  controls: {
-    exclude: ['className']
+var p4 = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(_paragraph.P4, args);
+  },
+  args: {
+    text: defaultText,
+    weight: defaultWeight
+  },
+  parameters: {
+    controls: {
+      exclude: ['className']
+    }
   }
 };
-
-var p4 = function p4(args) {
-  return /*#__PURE__*/_react["default"].createElement(_paragraph.P4, args);
-};
-
-exports.p4 = p4;
-p4.args = {
-  text: defaultText,
-  weight: defaultWeight
-};
-p4.parameters = {
-  controls: {
-    exclude: ['className']
-  }
-};
+exports.p4 = p4;

package/lib/title-bar/stories/bar.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tagBar = exports["default"] = exports.bookmarkBar = exports.bar = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _bar = _interopRequireDefault(require("../components/bar"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -16,25 +14,23 @@ var _default = {
   component: _bar["default"]
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_bar["default"], args);
+var bar = {
+  args: {
+    title: '標題',
+    subtitle: '副標'
+  }
 };
-
-var bar = Template.bind({});
 exports.bar = bar;
-bar.args = {
-  title: '標題',
-  subtitle: '副標'
+var tagBar = {
+  args: {
+    title: 'Tag'
+  }
 };
-var tagBar = Template.bind({});
 exports.tagBar = tagBar;
-tagBar.args = {
-  title: 'Tag'
+var bookmarkBar = {
+  args: {
+    title: '我的書籤',
+    subtitle: '全部 55'
+  }
 };
-var bookmarkBar = Template.bind({});
-exports.bookmarkBar = bookmarkBar;
-bookmarkBar.args = {
-  title: '我的書籤',
-  subtitle: '全部 55'
-};
+exports.bookmarkBar = bookmarkBar;