Add: Project Structure;

.docz/app/db.json

@@ -0,0 +1,123 @@
+{
+ "config": {
+ "title": "APHRODITE",
+ "description": "UI framework from ingresse.com",
+ "themeConfig": {
+ "colors": {
+ "primary": "#00A5DB"
+ },
+ "styles": {
+ "body": {
+ "fontFamily": "\"Roboto\", Helvetica, sans-serif",
+ "fontWeight": "400",
+ "fontSize": "16px",
+ "lineHeight": "20px"
+ },
+ "h1": {
+ "fontWeight": "700",
+ "fontSize": "60px",
+ "lineHeight": "60px",
+ "textTransform": "uppercase",
+ "margin": "40px 0 20px",
+ "padding": "10px 0"
+ },
+ "h2": {
+ "fontWeight": "700",
+ "fontSize": "32px",
+ "lineHeight": "40px",
+ "textTransform": "uppercase",
+ "margin": "40px 0 20px",
+ "padding": "10px 0"
+ }
+ }
+ },
+ "menu": [],
+ "ordering": "descending",
+ "version": "0.1.0",
+ "repository": null,
+ "native": false,
+ "base": "/aphrodite-react/",
+ "src": "./src/",
+ "htmlContext": {
+ "head": {
+ "links": [
+ {
+ "rel": "stylesheet",
+ "href": "https://fonts.googleapis.com/css?family=Roboto:400,600,700"
+ }
+ ]
+ }
+ }
+ },
+ "entries": {
+ "index.mdx": {
+ "name": "Getting Started",
+ "route": "/",
+ "id": "6576455a124f9aaefd860597f03a8fe4",
+ "filepath": "index.mdx",
+ "link": null,
+ "slug": "index",
+ "order": 0,
+ "menu": null,
+ "headings": [
+ {
+ "depth": 1,
+ "slug": "aphrodite-react",
+ "value": "Aphrodite React"
+ },
+ {
+ "depth": 2,
+ "slug": "install",
+ "value": "Install"
+ },
+ {
+ "depth": 2,
+ "slug": "usage-example",
+ "value": "Usage Example"
+ }
+ ]
+ },
+ "components/Button/Button.mdx": {
+ "name": "Button",
+ "menu": "Components",
+ "route": "/components/button",
+ "id": "2b773349a016959194c905ce6ad9d2d4",
+ "filepath": "components/Button/Button.mdx",
+ "link": null,
+ "slug": "components-button-button",
+ "order": 0,
+ "headings": [
+ {
+ "depth": 1,
+ "slug": "button",
+ "value": "Button"
+ },
+ {
+ "depth": 2,
+ "slug": "properties",
+ "value": "Properties"
+ },
+ {
+ "depth": 2,
+ "slug": "sizes",
+ "value": "Sizes"
+ },
+ {
+ "depth": 2,
+ "slug": "color",
+ "value": "Color"
+ },
+ {
+ "depth": 2,
+ "slug": "bordered",
+ "value": "Bordered"
+ },
+ {
+ "depth": 2,
+ "slug": "block",
+ "value": "Block"
+ }
+ ]
+ }
+ }
+}

.docz/app/imports.js

@@ -0,0 +1,6 @@
+export const imports = {
+ 'index.mdx': () =>
+ import(/* webpackPrefetch: true, webpackChunkName: "index" */ 'index.mdx'),
+ 'components/Button/Button.mdx': () =>
+ import(/* webpackPrefetch: true, webpackChunkName: "components-button-button" */ 'components/Button/Button.mdx'),
+}

.docz/app/index.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import Root from './root'
+
+const _onPreRenders = []
+const _onPostRenders = []
+
+const onPreRender = () => _onPreRenders.forEach(f => f && f())
+const onPostRender = () => _onPostRenders.forEach(f => f && f())
+
+const root = document.querySelector('#root')
+const render = (Component = Root) => {
+ onPreRender()
+ ReactDOM.render(<Component />, root, onPostRender)
+}
+
+render(Root)

.docz/app/root.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { hot } from 'react-hot-loader'
+import Theme from 'docz-theme-default'
+
+import { imports } from './imports'
+import db from './db.json'
+
+const Root = () => <Theme db={db} imports={imports} hashRouter={false} />
+
+export default hot(module)(Root)

.docz/cache/201e5d6a78e61c5f17130d82b1a3efd8.json

@@ -0,0 +1 @@
+{"remainingRequest":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/babel-loader/lib/index.js?{\"presets\":[[\"/Users/udi/projects/front/aphrodite-react/node_modules/babel-preset-docz/dist/index.js\",{\"flow\":true,\"typescript\":false,\"parseProps\":true}]],\"plugins\":[[\"/Users/udi/projects/front/aphrodite-react/node_modules/docz-utils/lib/named-asset-import.js\",{\"loaderMap\":{\"svg\":{\"ReactComponent\":\"@svgr/webpack?-prettier,-svgo![path]\"}}}]],\"cacheDirectory\":true,\"babelrc\":false}!/Users/udi/projects/front/aphrodite-react/.docz/app/root.jsx","dependencies":[{"path":"/Users/udi/projects/front/aphrodite-react/.docz/app/root.jsx","mtime":1538518938872},{"path":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/cache-loader/dist/cjs.js","mtime":1538432218423},{"path":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1538432218329}],"contextDependencies":[],"result":["import React from 'react';\nimport { hot } from 'react-hot-loader';\nimport Theme from 'docz-theme-default';\nimport { imports } from './imports';\nimport db from './db.json';\n\nvar Root = function Root() {\n return React.createElement(Theme, {\n db: db,\n imports: imports,\n hashRouter: false\n });\n};\n\nexport default hot(module)(Root);\nRoot.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [],\n \"displayName\": \"Root\"\n};",{"version":3,"sources":["/Users/udi/projects/front/aphrodite-react/.docz/app/root.jsx"],"names":["React","hot","Theme","imports","db","Root","module"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,kBAApB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,SAASC,OAAT,QAAwB,WAAxB;AACA,OAAOC,EAAP,MAAe,WAAf;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAM,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAED,EAAX;AAAe,IAAA,OAAO,EAAED,OAAxB;AAAiC,IAAA,UAAU,EAAE;AAA7C,IAAN;AAAA,CAAb;;AAEA,eAAeF,GAAG,CAACK,MAAD,CAAH,CAAYD,IAAZ,CAAf","sourcesContent":["import React from 'react'\nimport { hot } from 'react-hot-loader'\nimport Theme from 'docz-theme-default'\n\nimport { imports } from './imports'\nimport db from './db.json'\n\nconst Root = () => <Theme db={db} imports={imports} hashRouter={false} />\n\nexport default hot(module)(Root)\n"]}]}

.docz/cache/22617ce669c1eac20e0dec66058a6f34.json

@@ -0,0 +1 @@
+{"remainingRequest":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/babel-loader/lib/index.js?{\"presets\":[[\"/Users/udi/projects/front/aphrodite-react/node_modules/babel-preset-docz/dist/index.js\",{\"flow\":true,\"typescript\":false,\"parseProps\":true}]],\"plugins\":[[\"/Users/udi/projects/front/aphrodite-react/node_modules/docz-utils/lib/named-asset-import.js\",{\"loaderMap\":{\"svg\":{\"ReactComponent\":\"@svgr/webpack?-prettier,-svgo![path]\"}}}],\"/Users/udi/projects/front/aphrodite-react/node_modules/react-hot-loader/babel.js\"],\"cacheDirectory\":true,\"babelrc\":false}!/Users/udi/projects/front/aphrodite-react/.docz/app/imports.js","dependencies":[{"path":"/Users/udi/projects/front/aphrodite-react/.docz/app/imports.js","mtime":1538516856696},{"path":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/cache-loader/dist/cjs.js","mtime":1538432218423},{"path":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1538432218329}],"contextDependencies":[],"result":["(function () {\n var enterModule = require('react-hot-loader').enterModule;\n\n enterModule && enterModule(module);\n})();\n\nexport var imports = {\n 'index.mdx': function indexMdx() {\n return import(\n /* webpackPrefetch: true, webpackChunkName: \"index\" */\n 'index.mdx');\n },\n 'components/Button/Button.mdx': function componentsButtonButtonMdx() {\n return import(\n /* webpackPrefetch: true, webpackChunkName: \"components-button-button\" */\n 'components/Button/Button.mdx');\n }\n};\n;\n\n(function () {\n var reactHotLoader = require('react-hot-loader').default;\n\n var leaveModule = require('react-hot-loader').leaveModule;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(imports, \"imports\", \"/Users/udi/projects/front/aphrodite-react/.docz/app/imports.js\");\n leaveModule(module);\n})();\n\n;",{"version":3,"sources":["/Users/udi/projects/front/aphrodite-react/.docz/app/imports.js"],"names":["imports"],"mappings":";;;;;;AAAA,OAAO,IAAMA,OAAO,GAAG;AACrB,eAAa;AAAA,WACX;AAAO;AAAuD,eAA9D,CADW;AAAA,GADQ;AAGrB,kCAAgC;AAAA,WAC9B;AAAO;AAA0E,kCAAjF,CAD8B;AAAA;AAHX,CAAhB;;;;;;;;;;;;0BAAMA,O","sourcesContent":["export const imports = {\n 'index.mdx': () =>\n import(/* webpackPrefetch: true, webpackChunkName: \"index\" */ 'index.mdx'),\n 'components/Button/Button.mdx': () =>\n import(/* webpackPrefetch: true, webpackChunkName: \"components-button-button\" */ 'components/Button/Button.mdx'),\n}\n"]}]}

.docz/cache/2754184f93e4935bdab195648f76db03.json

@@ -0,0 +1 @@
+{"remainingRequest":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/babel-loader/lib/index.js?{\"presets\":[[\"/Users/udi/projects/front/aphrodite-react/node_modules/babel-preset-docz/dist/index.js\",{\"flow\":true,\"typescript\":false,\"parseProps\":true}]],\"plugins\":[[\"/Users/udi/projects/front/aphrodite-react/node_modules/docz-utils/lib/named-asset-import.js\",{\"loaderMap\":{\"svg\":{\"ReactComponent\":\"@svgr/webpack?-prettier,-svgo![path]\"}}}]],\"cacheDirectory\":true,\"babelrc\":false}!/Users/udi/projects/front/aphrodite-react/src/components/Button/Bordered/Bordered.jsx","dependencies":[{"path":"/Users/udi/projects/front/aphrodite-react/src/components/Button/Bordered/Bordered.jsx","mtime":1538516926907},{"path":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/cache-loader/dist/cjs.js","mtime":1538432218423},{"path":"/Users/udi/projects/front/aphrodite-react/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1538432218329}],"contextDependencies":[],"result":["function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n/* Packages */\nimport React from 'react';\nimport styled from 'react-emotion';\n/* Constants */\n\nimport { COLORS } from '../../../constants';\n/* Styled */\n\nvar StyledButton = styled('button')(function (props) {\n return _objectSpread({}, props.styles, {\n borderColor: props.color ? COLORS[props.color.toUpperCase()] : COLORS.PRIMARY,\n color: props.color ? COLORS[props.color.toUpperCase()] : COLORS.PRIMARY,\n background: 'transparent'\n });\n});\n/* Component */\n\nvar Bordered =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(Bordered, _React$Component);\n\n function Bordered() {\n _classCallCheck(this, Bordered);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(Bordered).apply(this, arguments));\n }\n\n _createClass(Bordered, [{\n key: \"render\",\n value: function render() {\n return React.createElement(StyledButton, this.props, this.props.children);\n }\n }]);\n\n return Bordered;\n}(React.Component);\n\nexport { Bordered as default };\nBordered.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [],\n \"displayName\": \"Bordered\"\n};",{"version":3,"sources":["/Users/udi/projects/front/aphrodite-react/src/components/Button/Bordered/Bordered.jsx"],"names":["React","styled","COLORS","StyledButton","props","styles","borderColor","color","toUpperCase","PRIMARY","background","Bordered","children","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA;;AACA,SAASC,MAAT,QAAuB,oBAAvB;AAEA;;AACA,IAAMC,YAAY,GAAGF,MAAM,CAAC,QAAD,CAAN,CAAiB,UAAAG,KAAK;AAAA,2BACpCA,KAAK,CAACC,MAD8B;AAGvCC,IAAAA,WAAW,EAAGF,KAAK,CAACG,KAAN,GAAcL,MAAM,CAACE,KAAK,CAACG,KAAN,CAAYC,WAAZ,EAAD,CAApB,GAAkDN,MAAM,CAACO,OAHhC;AAIvCF,IAAAA,KAAK,EAASH,KAAK,CAACG,KAAN,GAAcL,MAAM,CAACE,KAAK,CAACG,KAAN,CAAYC,WAAZ,EAAD,CAApB,GAAkDN,MAAM,CAACO,OAJhC;AAKvCC,IAAAA,UAAU,EAAG;AAL0B;AAAA,CAAtB,CAArB;AAQA;;IACqBC,Q;;;;;;;;;;;;;6BACR;AACL,aACI,oBAAC,YAAD,EAAkB,KAAKP,KAAvB,EACK,KAAKA,KAAL,CAAWQ,QADhB,CADJ;AAKH;;;;EAPiCZ,KAAK,CAACa,S;;SAAvBF,Q","sourcesContent":["/* Packages */\nimport React from 'react';\nimport styled from 'react-emotion';\n\n/* Constants */\nimport { COLORS } from '../../../constants';\n\n/* Styled */\nconst StyledButton = styled('button')(props => ({\n ...props.styles,\n\n borderColor: (props.color ? COLORS[props.color.toUpperCase()] : COLORS.PRIMARY),\n color : (props.color ? COLORS[props.color.toUpperCase()] : COLORS.PRIMARY),\n background : 'transparent',\n}));\n\n/* Component */\nexport default class Bordered extends React.Component {\n render() {\n return (\n <StyledButton {...this.props}>\n {this.props.children}\n </StyledButton>\n );\n }\n}\n"]}]}