flipper-ui 0.25.8 → 0.25.9

package/core/Chapter.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, FC } from 'react';
+import { DefaultProps } from './types';
+import type { TypographyProps } from '@material-ui/core/Typography';
+interface LineProps extends DefaultProps {
+    primary?: boolean;
+    width?: string;
+    variant?: TypographyProps['variant'];
+    childrenStyle?: CSSProperties;
+}
+declare const Chapter: FC<LineProps>;
+export default Chapter;

package/core/Chapter.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _colors = require("../colors");
+
+var _Typography = _interopRequireDefault(require("./Typography"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _templateObject2() {
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n\n    & hr:first-child {\n        margin-right: 10px;\n    }\n\n    & hr:last-child {\n        margin-left: 10px;\n    }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n    --color: ", ";\n    flex: 1;\n    min-height: .75px;\n    max-height: 3px;\n    align-self: center;\n    background-color: var(--color);\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+var StyledLine = _styledComponents["default"].hr(_templateObject(), function (props) {
+  return props.primary ? _colors.primary.normal : _colors.background.normal;
+});
+
+var Container = _styledComponents["default"].div(_templateObject2());
+
+var Chapter = function Chapter(_ref) {
+  var padding = _ref.padding,
+      margin = _ref.margin,
+      style = _ref.style,
+      childrenStyle = _ref.childrenStyle,
+      children = _ref.children,
+      variant = _ref.variant,
+      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["padding", "margin", "style", "childrenStyle", "children", "variant"]);
+
+  var Line = function Line() {
+    return /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({
+      style: _objectSpread({
+        padding: padding,
+        margin: margin
+      }, style)
+    }, otherProps));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Line, null), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: variant,
+    style: _objectSpread({}, childrenStyle)
+  }, children), /*#__PURE__*/_react["default"].createElement(Line, null));
+};
+
+var _default = Chapter;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.25.8",
+    "version": "0.25.9",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",

package/stories/Chapter.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithCustomStyle = exports.Default = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Chapter = _interopRequireDefault(require("../core/Chapter"));
+
+var _default = {
+  title: 'Chapter',
+  component: _Chapter["default"]
+};
+exports["default"] = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_Chapter["default"], args);
+};
+
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  variant: 'body1',
+  children: 'Chapter'
+};
+var WithCustomStyle = Template.bind({});
+exports.WithCustomStyle = WithCustomStyle;
+WithCustomStyle.args = {
+  style: {
+    'background-color': 'red'
+  },
+  variant: 'body1',
+  typoStyle: {
+    'color': 'blue'
+  },
+  children: 'Chapter'
+};