imbric-theme 0.1.1 → 0.1.3

package/molecules/RowTable/index.js

@@ -0,0 +1,3 @@
+export { default, RowTable } from './RowTable'
+export { options } from './constants'
+export { default as styles } from './RowTable.module.css'

package/molecules/Tabs/Tabs.js

@@ -0,0 +1,59 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import styles from './Tabs.module.css'
+import { options } from './constants'
+import withStyles from '../../hocs/withStyles'
+
+import Tab from '../../atoms/Tab/Tab'
+
+export const handleClick = ({ onClickTab }) => (e, index) => {
+  onClickTab(e, index)
+}
+
+export const Tabs = ({ getStyles, viewTabs, options, onClickTab }) => {
+
+  if (viewTabs) {
+    return (
+
+      <div className={getStyles('tabs')}>
+
+        <nav className={getStyles('pro-nav')}>
+
+          <ul>
+
+            {options.map((item, index) => (
+
+              <Tab
+                key={index}
+                activeTab={item.active}
+                onClick={(e) => onClickTab(e, index) && handleClick({ onClickTab } )}
+                viewTab={item.view}
+              >
+                {item.text}
+              </Tab>
+
+            ))}
+
+          </ul>
+
+        </nav>
+
+      </div>
+    )
+  } else {
+    null
+  }
+}
+
+Tabs.propTypes = {
+  getStyles: PropTypes.func.isRequired,
+  onClickTab: PropTypes.func
+}
+
+Tabs.defaultProps = {
+  getStyles: () => { },
+  onClickTab: () => { },
+}
+
+export default withStyles(styles)(Tabs)

package/molecules/Tabs/Tabs.module.css

@@ -0,0 +1,13 @@
+.tabs {
+  display: flex;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.pro-nav ul {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+}

package/molecules/Tabs/Tabs.stories.js

@@ -0,0 +1,34 @@
+import { Tabs, styles, options } from '.'
+
+import {
+  getTemplate,
+  getListTemplate,
+  getOptionsArgTypes,
+} from '../../helpers/storybook'
+
+const Template = getTemplate(Tabs, styles)
+const ListTemplate = getListTemplate(Tabs, styles)
+
+export default {
+  title: 'Molecules/Tabs',
+  component: Tabs,
+  args: {
+    options: options.itemTabs,
+    viewTabs: true,
+  },
+  argTypes: {
+    options: {
+      description: '**array of shaped objects:**',
+      table: {
+        type: {
+          summary: 'object',
+          detail: "{ text: 'string', icon: 'string', href: 'string', view: 'bool', viewSubMenu: 'bool'}",
+        },
+      },
+    },
+  },
+}
+
+export const Default = Template.bind({})
+// export const List = ListTemplate.bind({})
+// List.args = { items: options.types.map((type) => ({ type })) }

package/molecules/Tabs/constants.js

@@ -0,0 +1,34 @@
+export const options = {
+    itemTabs: [
+        {
+            text: "Taxi",
+            href: "/taxi",
+            view: true,
+            active: false,
+        },
+        {
+            text: "Parking",
+            href: "/parking",
+            view: true,
+            active: false,
+        },
+        {
+            text: "Sharing",
+            href: "/sharing",
+            view: true,
+            active: false,
+        },
+        {
+            text: "T. Publico",
+            href: "/sharing",
+            view: true,
+            active: false,
+        },
+        {
+            text: "Hoja de Km",
+            href: "/sharing",
+            view: true,
+            active: false,
+        },
+    ],
+}

package/molecules/Tabs/index.js

@@ -0,0 +1,3 @@
+export { default, Tabs } from './Tabs'
+export { options } from './constants'
+export { default as styles } from './Tabs.module.css'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "imbric-theme",
-  "version": "0.1.1",
-  "description": "A components library to create apps from zero to production",
+  "version": "0.1.3",
+  "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",
   "repository": {
@@ -13,7 +13,7 @@
     "yarn": ">=1.22.17"
   },
   "scripts": {
-    "build:storybook": "build-storybook --no-dll",
+    "build:storybook": "build-storybook",
     "build:tokens": "node ./scripts/build-tokens",
     "build": "run-s build:tokens build:storybook",
     "build:docs": "yarn build:tokens && yarn build:storybook --docs --no-manager-cache",
@@ -48,9 +48,25 @@
     "components"
   ],
   "author": "imbric",
-  "license": "UNLICENSED",
+  "license": "MIT",
   "dependencies": {
-    "classnames": "2.3.1"
+    "classnames": "2.3.1",
+    "formik": "2.2.9",
+    "moment": "2.29.3",
+    "moment-timezone": "0.5.34",
+    "react-date-range": "1.4.0",
+    "react-datepicker": "4.10.0",
+    "react-icons": "4.3.1",
+    "react-moment": "1.1.2",
+    "react-router": "6.3.0",
+    "react-router-dom": "6.3.0",
+    "react-select": "5.3.2",
+    "react-spinners": "0.13.4",
+    "react-tooltip": "4.4.0",
+    "storybook-addon-theme-changer": "0.1.2",
+    "sweetalert2": "11.4.14",
+    "sweetalert2-react-content": "5.0.0",
+    "yup": "0.32.11"
   },
   "devDependencies": {
     "@babel/core": "7.11.6",
@@ -60,11 +76,11 @@
     "@commitlint/config-conventional": "11.0.0",
     "@semantic-release/changelog": "5.0.1",
     "@semantic-release/git": "9.0.0",
-    "@storybook/addon-actions": "6.4.18",
-    "@storybook/addon-essentials": "6.4.18",
-    "@storybook/addon-links": "6.4.18",
-    "@storybook/addon-storyshots": "6.4.18",
-    "@storybook/react": "6.4.18",
+    "@storybook/addon-actions": "6.4.21",
+    "@storybook/addon-essentials": "6.4.21",
+    "@storybook/addon-links": "6.4.21",
+    "@storybook/addon-storyshots": "6.4.21",
+    "@storybook/react": "6.4.21",
     "@svgr/webpack": "5.5.0",
     "@testing-library/react": "12.0.0",
     "babel-jest": "26.3.0",
@@ -77,18 +93,19 @@
     "eslint-config-prettier": "6.11.0",
     "eslint-plugin-prettier": "3.1.4",
     "eslint-plugin-react": "7.20.6",
-    "eslint-plugin-storybook": "0.5.6",
+    "eslint-plugin-storybook": "0.5.8",
     "husky": "7.0.4",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.4.2",
     "lint-staged": "10.3.0",
     "minireset.css": "0.0.6",
+    "next": "11",
     "npm-run-all": "4.1.5",
     "prettier": "2.1.1",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-is": "16.13.1",
-    "react-test-renderer": "16.13.1",
+    "react": "18",
+    "react-dom": "18",
+    "react-is": "18",
+    "react-test-renderer": "18",
     "semantic-release": "17.1.2",
     "stylelint": "13.7.2",
     "stylelint-config-idiomatic-order": "8.1.0",
@@ -96,7 +113,7 @@
     "watch": "1.0.2"
   },
   "peerDependencies": {
-    "react": "16.13.1",
-    "react-dom": "16.13.1"
+    "react": "18",
+    "react-dom": "18"
   }
 }

package/pages/Login/Login.js

@@ -0,0 +1,102 @@
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useRouter } from 'next/router'
+import styles from './Login.module.css'
+import { options } from './constants'
+import withStyles from '../../hocs/withStyles'
+import Picture from '../../atoms/Picture'
+import Divider from '../../atoms/Divider'
+import Button from '../../atoms/Button'
+import Input from '../../atoms/Input'
+import Label from '../../atoms/Label'
+import Spacer from '../../layout/Spacer'
+import CenteredContent from '../../layout/CenteredContent'
+import { loginSchema } from './validation/loginSchema'
+
+
+export const Login = ({ children, getStyles }) => {
+
+
+  const router = useRouter()
+  // const [formValues, setFormValues] = useState({})
+
+  // const onChange = (key) => (event) => {
+  //   const { value } = event.target
+  //   setFormValues({ ...formValues, [key]: value })
+  // }
+
+
+
+  return (
+
+    <div className={getStyles('login')}>
+
+      <CenteredContent >
+
+        <Picture
+          src={router.basePath + "/static/logologin.svg"}
+          width={170}
+        />
+
+        <Spacer.Vertical size="md" />
+        <Divider color="highlight" />
+        <Spacer.Vertical size="md" />
+
+        <form id='loginform' onSubmit={handleSubmit}>
+
+          <Label >Email</Label>
+
+          <Input
+            id='email'
+            // value={formValues.email}
+            type="text"
+            name='email'
+            // onChange={formik.handleChange}
+            placeholder="Introduce tu email"
+          />
+
+          {/* <Label color="muted" isHint> {formik.errors.email}</Label> */}
+
+          <Spacer.Vertical size="md" />
+
+          <Label >Contraseña</Label>
+
+          <Input
+            id='password'
+            // value={formValues.password}
+            type="password"
+            name='password'
+            // onChange={formik.handleChange}
+            placeholder="Introduce tu contraseña"
+          />
+
+          {/* <Label color="muted" isHint> {formik.errors.password}</Label> */}
+
+          <Spacer.Vertical size="md" />
+
+          {/* <Button type='primary' isMuted={!(formik.isValid && formik.dirty)}> Acceder </Button> */}
+
+        </form>
+
+        {children}
+
+      </CenteredContent>
+
+    </div>
+  )
+
+
+
+}
+
+Login.propTypes = {
+  children: PropTypes.node,
+  getStyles: PropTypes.func.isRequired,
+  // type: PropTypes.oneOf(options.types),
+}
+
+Login.defaultProps = {
+  getStyles: () => { },
+}
+
+export default withStyles(styles)(Login)

package/pages/Login/Login.module.css

@@ -0,0 +1,5 @@
+.login {
+  display: flex;
+  max-width: 400px;
+  min-width: 300px;
+}

package/pages/Login/Login.stories.js

@@ -0,0 +1,23 @@
+import { Login, styles, options } from '.'
+
+import {
+  getTemplate,
+  getListTemplate,
+  getOptionsArgTypes,
+} from '../../helpers/storybook'
+
+const Template = getTemplate(Login, styles)
+const ListTemplate = getListTemplate(Login, styles)
+
+export default {
+  title: 'Pages/Login',
+  component: Login,
+  args: {},
+  argTypes: {
+    // types: getOptionsArgTypes(options.types),
+  },
+}
+
+export const Default = Template.bind({})
+// export const List = ListTemplate.bind({})
+// List.args = { items: options.types.map((type) => ({ type })) }

package/pages/Login/constants.js

@@ -0,0 +1 @@
+export const options = { types: [] }

package/pages/Login/index.js

@@ -0,0 +1,3 @@
+export { default, Login } from './Login'
+export { options } from './constants'
+export { default as styles } from './Login.module.css'

package/pages/Login/validation/loginSchema.js

@@ -0,0 +1,5 @@
+import * as Yup from 'yup'
+export const loginSchema = Yup.object().shape({
+  email: Yup.string().email().required('Required'),
+  password: Yup.string().required('Required').min(3, 'Too Short!'),
+})

package/public/static/images/folders-folder.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M23.2,5.1H12.8L9.4,1.7H0v5.8v14c0,0.4,0.3,0.8,0.8,0.8h22.5c0.4,0,0.8-0.3,0.8-0.8V5.8C24,5.4,23.7,5.1,23.2,5.1z
+			 M1.5,3.2h7.3l1.9,1.8H1.5V3.2z M22.5,20.8h-21V6.6h21V20.8z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<rect x="4.8" y="9.3" width="14.3" height="1.5"/>
+	</g>
+</g>
+<g>
+	<g>
+		<rect x="4.8" y="12.9" width="14.3" height="1.5"/>
+	</g>
+</g>
+<g>
+	<g>
+		<rect x="4.8" y="16.5" width="14.3" height="1.5"/>
+	</g>
+</g>
+</svg>

package/public/static/images/permissions.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<path d="M21.6,21.7H2.2c-1.1,0-2.1-0.9-2.1-2.1v-14c0-1.1,0.9-2.1,2.1-2.1h7.6c0.6,0,1,0.4,1,1s-0.4,1-1,1H2.2c0,0-0.1,0-0.1,0.1v14
+	c0,0,0,0.1,0.1,0.1h19.4c0,0,0.1,0,0.1-0.1V15c0-0.6,0.4-1,1-1s1,0.4,1,1v4.6C23.7,20.7,22.8,21.7,21.6,21.7z"/>
+<path d="M9.7,12.5H4.3c-0.6,0-1-0.4-1-1s0.4-1,1-1h5.4c0.6,0,1,0.4,1,1S10.3,12.5,9.7,12.5z"/>
+<path d="M19.5,16.8H4.3c-0.6,0-1-0.4-1-1s0.4-1,1-1h15.1c0.6,0,1,0.4,1,1S20,16.8,19.5,16.8z"/>
+<path d="M17.3,11.9c-2.3,0-4.2-1.9-4.2-4.2s1.9-4.2,4.2-4.2s4.2,1.9,4.2,4.2S19.6,11.9,17.3,11.9z M17.3,5.5c-1.2,0-2.2,1-2.2,2.2
+	s1,2.2,2.2,2.2s2.2-1,2.2-2.2S18.5,5.5,17.3,5.5z"/>
+<path d="M11,16.8c-0.1,0-0.2,0-0.2,0c-0.5-0.1-0.9-0.7-0.7-1.2c0.8-3.3,3.7-5.6,7.1-5.6c2.7,0,5.2,1.5,6.5,4
+	c0.3,0.5,0.1,1.1-0.4,1.3c-0.5,0.3-1.1,0.1-1.3-0.4c-0.9-1.8-2.7-2.9-4.7-2.9c-2.4,0-4.5,1.7-5.1,4.1C11.9,16.5,11.5,16.8,11,16.8z"
+	/>
+</svg>

package/public/static/images/reports-results.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M9.2,1.6c-0.5,0-1,0.4-1,1V4h1.7V3.9c0-0.3,0.3-0.6,0.6-0.6h11.2c0.3,0,0.6,0.3,0.6,0.6V12c0,0.2-0.2,0.4-0.4,0.4v1.7h1
+			c0.5,0,1-0.4,1-1V2.6c0-0.5-0.4-1-1-1H9.2z"/>
+		<path d="M5,7.2h1.6c0-0.3,0.3-0.6,0.6-0.6h11C18.6,6.6,19,7,19,7.5v7.8c0,0.2-0.2,0.4-0.4,0.4h-0.2v1.6h1.2c0.5,0,1-0.4,1-1V5.8
+			c0-0.5-0.4-0.9-0.9-0.9H5.9c-0.5,0-1,0.4-1,1L5,7.2L5,7.2z"/>
+		<g>
+			<path d="M7.3,10.3c0.6,0,1.2,0.4,1.4,1l0.5,1.1v0h4.6c0.9,0,1.5,0.7,1.5,1.6l0,6.5c0,0.7-0.4,1.3-1.6,1.3c0,0,0,0,0,0l-10.9,0
+				c-0.5,0-0.9-0.4-0.9-0.9V15v-2.7V12c0-0.9,0.7-1.6,1.5-1.6H7.3 M7.3,8.3H3.5C1.6,8.3,0,10,0,12v0.4V15v5.7c0,1.6,1.3,2.9,2.9,2.9
+				l10.9,0c2.5,0,3.6-1.7,3.6-3.3l0-6.5c0-2-1.6-3.6-3.5-3.6h-3.3C9.9,9.1,8.7,8.3,7.3,8.3L7.3,8.3z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/public/static/logo.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="52px" viewBox="0 0 52 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>MKP</title>
+  <defs>
+    <filter id="filter">
+      <feColorMatrix type="matrix" values="0 0 0 0 0.262745 0 0 0 0 0.329412 0 0 0 0 0.866667 0 0 0 1.000000 0" />
+    </filter>
+  </defs>
+  <g fill="none" stroke="none">
+    <g filter="url(#filter)">
+      <g>
+        <rect x="0" y="4.26325641e-14" width="52" height="52" />
+        <path d="M23.2968,26.3643 L11.87,19.9731 C11.606,19.8255 11.3864,19.6106 11.2335,19.3506 C11.0806,19.0905 11,18.7947 11,18.4934 C11,18.1921 11.0806,17.8963 11.2335,17.6362 C11.3864,17.3762 11.606,17.1613 11.87,17.0137 L23.2967,10.6222 C24.026,10.2143 24.8484,10 25.6849,10 C26.5215,10 27.3439,10.2143 28.0731,10.6222 L39.4999,17.0137 C39.7638,17.1613 39.9835,17.3762 40.1364,17.6362 C40.2893,17.8963 40.3699,18.1921 40.3699,18.4934 C40.3699,18.7947 40.2893,19.0905 40.1364,19.3506 C39.9835,19.6106 39.7638,19.8255 39.4999,19.9731 L28.0731,26.3643 C27.3439,26.7722 26.5215,26.9864 25.6849,26.9864 C24.8484,26.9864 24.026,26.7722 23.2968,26.3643 Z" id="Path" fill="#2196F3" fill-rule="nonzero" transform="translate(25.684950, 18.493200) rotate(180.000000) translate(-25.684950, -18.493200)" />
+        <path d="M23.2349,37.8879 L6.87,28.7347 C6.6061,28.5871 6.3864,28.3722 6.2335,28.1122 C6.0806,27.8521 6,27.5563 6,27.255 C6,26.9537 6.0806,26.6578 6.2335,26.3978 C6.3864,26.1377 6.6061,25.9229 6.87,25.7752 L23.2349,16.6221 C23.9641,16.2143 24.7865,16 25.623,16 C26.4595,16 27.2819,16.2143 28.0111,16.6221 L44.376,25.7752 C44.6399,25.9229 44.8596,26.1377 45.0125,26.3978 C45.1654,26.6578 45.246,26.9537 45.246,27.255 C45.246,27.5563 45.1654,27.8521 45.0125,28.1122 C44.8596,28.3722 44.6399,28.5871 44.376,28.7347 L28.0111,37.8879 C27.2819,38.2957 26.4595,38.5099 25.623,38.5099 C24.7865,38.5099 23.9641,38.2957 23.2349,37.8879 Z" id="Path" fill="#2196F3" fill-rule="nonzero" opacity="0.7" transform="translate(25.623000, 27.254950) rotate(180.000000) translate(-25.623000, -27.254950)" />
+        <path d="M23.6157447,51.02171 L0.86859567,38.2985735 C0.605087772,38.1511153 0.385747448,37.9366669 0.233097764,37.6769927 C0.0804480806,37.4174184 0,37.1220028 0,36.8211961 C0,36.5203894 0.0804480806,36.2250736 0.233097764,35.9653994 C0.385747448,35.7058251 0.605087772,35.4912769 0.86859567,35.3439185 L23.6158446,22.6210616 C24.3438508,22.2138793 25.1649044,22 26.0000349,22 C26.8351655,22 27.6562191,22.2138793 28.3842253,22.6210616 L51.1314243,35.3439185 C51.3948923,35.4912769 51.6142326,35.7058251 51.7668823,35.9653994 C51.919532,36.2250736 52,36.5203894 52,36.8211961 C52,37.1220028 51.919532,37.4174184 51.7668823,37.6769927 C51.6142326,37.9366669 51.3948923,38.1511153 51.1314243,38.2985735 L28.3842253,51.02171 C27.6562191,51.4288424 26.8351655,51.6427915 26.0000349,51.6427915 C25.1649044,51.6427915 24.3438508,51.4288424 23.6157447,51.02171 Z" id="Path" fill="#2196F3" fill-rule="nonzero" opacity="0.4" transform="translate(26.000000, 36.821396) rotate(180.000000) translate(-26.000000, -36.821396)" />
+      </g>
+    </g>
+  </g>
+</svg>

package/public/static/logologin.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="170px" height="42px" viewBox="0 0 170 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logotipo</title>
+    <defs>
+        <linearGradient x1="0%" y1="50.0030427%" x2="100%" y2="50.0030427%" id="linearGradient-1">
+            <stop stop-color="#ED495E" offset="0%"></stop>
+            <stop stop-color="#39B54A" offset="52.6050465%"></stop>
+            <stop stop-color="#00A3FF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="fullcolor_positivo" transform="translate(-70.000000, -46.000000)" fill="url(#linearGradient-1)">
+            <path d="M175.713077,67.7540277 L175.713077,87.0631181 L182.139472,87.0631181 L182.139472,67.7540277 C182.139472,64.9417213 184.426502,62.6529572 187.239242,62.6529572 L206.049494,62.6529572 L206.049494,56.725834 L186.73997,56.725834 C180.650323,56.725834 175.713077,61.6630808 175.713077,67.7540277 L175.713077,67.7540277 Z M199.623532,87.0631181 L206.049494,87.0631181 L206.049494,65.4973349 L199.623532,65.4973349 L199.623532,87.0631181 Z M224.479224,62.6529572 L240,62.6529572 L240,56.725834 L223.979952,56.725834 C217.889872,56.725834 212.952191,61.6630808 212.952191,67.7540277 L212.952191,76.0349244 C212.952191,82.1258712 217.889872,87.0631181 223.979952,87.0631181 L240,87.0631181 L240,81.1355615 L224.479224,81.1355615 C221.666051,81.1355615 219.378587,78.8472308 219.378587,76.0349244 L219.378587,67.7540277 C219.378587,64.9417213 221.666051,62.6529572 224.479224,62.6529572 L224.479224,62.6529572 Z M158.104632,56.725834 L147.764238,56.725834 C144.951498,56.725834 142.663167,54.4379367 142.663167,51.6260637 L142.663167,46.5718 L136.237639,46.5718 L136.237639,51.6260637 C136.237639,57.7157104 141.175319,62.6529572 147.264966,62.6529572 L157.606227,62.6529572 C160.418966,62.6529572 162.705997,64.9417213 162.705997,67.7540277 L162.705997,76.0349244 C162.705997,78.8472308 160.418966,81.1355615 157.606227,81.1355615 L146.015052,81.1355615 L146.015052,87.0631181 L158.104632,87.0631181 C164.195579,87.0631181 169.132392,82.1258712 169.132392,76.0349244 L169.132392,67.7540277 C169.132392,61.6630808 164.195579,56.725834 158.104632,56.725834 L158.104632,56.725834 Z M199.623532,53.8823231 L206.049494,53.8823231 L206.049494,46.5718 L199.623532,46.5718 L199.623532,53.8823231 Z M84.2140874,87.0631181 L90.639616,87.0631181 L90.639616,65.4973349 L84.2140874,65.4973349 L84.2140874,87.0631181 Z M136.237639,60.0278779 L136.237639,87.0631181 L142.663167,87.0631181 L142.663167,64.7107213 C140.090962,63.8018899 137.86374,62.1575856 136.237639,60.0278779 L136.237639,60.0278779 Z M70,53.8823231 L76.4263953,53.8823231 L76.4263953,46.5718 L70,46.5718 L70,53.8823231 Z M70,87.0631181 L76.4263953,87.0631181 L76.4263953,56.725834 L70,56.725834 L70,87.0631181 Z M98.7714244,56.725834 L84.2140874,56.725834 L84.2140874,62.6529572 L98.2725857,62.6529572 C101.084459,62.6529572 103.371923,64.9417213 103.371923,67.7540277 L103.371923,87.0631181 L109.798318,87.0631181 L109.798318,67.7540277 C109.798318,61.6630808 104.861504,56.725834 98.7714244,56.725834 L98.7714244,56.725834 Z M117.930126,56.725834 L107.173672,56.725834 C109.163393,58.2457537 110.730119,60.291816 111.667555,62.6529572 L117.430854,62.6529572 C120.244027,62.6529572 122.531925,64.9417213 122.531925,67.7540277 L122.531925,87.0631181 L128.957453,87.0631181 L128.957453,67.7540277 C128.957453,61.6630808 124.02064,56.725834 117.930126,56.725834 L117.930126,56.725834 Z" id="logotipo"></path>
+        </g>
+    </g>
+</svg>

package/public/static/logologintagos.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="258" height="203" viewBox="0 0 258 203">
+  <defs>
+    <style>
+      .cls-1 {
+        opacity: 0.78;
+      }
+
+      .cls-2 {
+        font-size: 91.667px;
+        text-anchor: middle;
+        font-family: "Avenir Next";
+        font-weight: 700;
+      }
+    </style>
+  </defs>
+  <image id="Objeto_inteligente_vectorial" data-name="Objeto inteligente vectorial" x="69" y="172" width="120" height="29" xlink:href="data:img/png;base64,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"/>
+  <image id="Objeto_inteligente_vectorial-2" data-name="Objeto inteligente vectorial" class="cls-1" x="89" y="4" width="79" height="73" xlink:href="data:img/png;base64,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"/>
+  <text id="Tagos" class="cls-2" x="128.88" y="141.508"><tspan x="128.88">Tagos</tspan></text>
+</svg>

package/public/static/logotipo.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="24px" viewBox="0 0 100 24" enable-background="new 0 0 100 24" xml:space="preserve">  <image id="image0" width="100" height="24" x="0" y="0"
+    href="data:image/png;base64,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
+OjAwHfuD4AAAAABJRU5ErkJggg==" />
+</svg>

package/public/static/logotipoS.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="23px" height="30px" viewBox="0 0 23 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Glyph@3x</title>
+    <defs>
+        <linearGradient x1="0%" y1="49.9999577%" x2="100.000156%" y2="49.9999577%" id="linearGradient-1">
+            <stop stop-color="#ED495E" offset="0%"></stop>
+            <stop stop-color="#39B54A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50.0005174%" y1="0.000272104363%" x2="50.0004898%" y2="100.000124%" id="linearGradient-2">
+            <stop stop-color="#39B54A" offset="0%"></stop>
+            <stop stop-color="#00A3FF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group" transform="translate(-124.000000, -79.000000)">
+            <g id="Group-7" transform="translate(124.000000, 79.000000)">
+                <g id="Group-3" transform="translate(0.000000, 7.478261)" fill="url(#linearGradient-1)">
+                    <path d="M8.14890423,0.0165987074 C3.64845652,0.0165987074 0,3.66505523 0,8.16610928 L0,8.16610928 L0,22.4347826 L4.74882197,22.4347826 L4.74882197,8.16610928 C4.74882197,6.08793596 6.43938895,4.39676263 8.51756228,4.39676263 L8.51756228,4.39676263 L22.4175018,4.39676263 L22.4175018,0.0165987074 L8.14890423,0.0165987074 Z" id="Fill-1"></path>
+                </g>
+                <g id="Group-6" transform="translate(17.652174, 0.000000)" fill="url(#linearGradient-2)">
+                    <path d="M0.00888198758,5.41666667 L4.76530021,5.41666667 L4.76530021,0.0170454545 L0.00888198758,0.0170454545 L0.00888198758,5.41666667 Z M0.00888198758,29.9242424 L4.76530021,29.9242424 L4.76530021,13.9958333 L0.00888198758,13.9958333 L0.00888198758,29.9242424 Z" id="Fill-4"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/scripts/create-component.js

@@ -10,6 +10,7 @@ const ATOMIC_DESIGN_TYPES = {
   atom: 'atoms',
   molecule: 'molecules',
   layout: 'layout',
+  pages: 'pages',
 }
 const COMPONENT_TEMPLATE_PATH = 'templates/component'
 
@@ -88,7 +89,7 @@ async function getPromptParams() {
     type: 'select',
     name: 'type',
     message: 'What kind of component would you like to create?',
-    choices: ['atom', 'molecule', 'layout'],
+    choices: ['atom', 'molecule', 'layout', 'pages'],
     initial: 'atom',
   })