imbric-theme 0.1.0

package/molecules/Task/constants.js

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

package/molecules/Task/index.js

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

package/molecules/TaskCounter/TaskCounter.js

@@ -0,0 +1,74 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Paragraph from '../../atoms/Paragraph'
+import Divider from '../../atoms/Divider'
+import Spacer from '../../layout/Spacer'
+import Accordion from '../Accordion'
+
+import styles from './TaskCounter.module.css'
+import withStyles from '../../hocs/withStyles'
+
+export const TaskCounter = ({
+  title,
+  children,
+  current,
+  total,
+  isToggleable,
+  onToggle,
+  getStyles,
+  defaultIsCollapsed,
+}) => {
+  if (isToggleable) {
+    return (
+      <Accordion
+        title={title}
+        addons={{
+          append: (
+            <Paragraph weight="medium" isInline>
+              {total ? `${current}/${total}` : current}
+            </Paragraph>
+          ),
+        }}
+        onToggle={onToggle}
+        defaultIsCollapsed={defaultIsCollapsed}
+      >
+        {children}
+      </Accordion>
+    )
+  }
+
+  return (
+    <div className={getStyles('task-counter')}>
+      <div className={getStyles('container')}>
+        <Paragraph weight="medium">{title}</Paragraph>
+        <Paragraph weight="medium" isInline>
+          {total ? `${current}/${total}` : current}
+        </Paragraph>
+      </div>
+      <Spacer.Vertical size="xs" />
+      <Divider />
+      {children}
+    </div>
+  )
+}
+
+TaskCounter.propTypes = {
+  title: PropTypes.string.isRequired,
+  getStyles: PropTypes.func.isRequired,
+  current: PropTypes.number.isRequired,
+  children: PropTypes.node,
+  onToggle: PropTypes.func,
+  isToggleable: PropTypes.bool,
+  total: PropTypes.number,
+  defaultIsCollapsed: PropTypes.bool,
+}
+
+TaskCounter.defaultProps = {
+  getStyles: () => {},
+  onToggle: () => {},
+  current: 0,
+  defaultIsCollapsed: true,
+}
+
+export default withStyles(styles)(TaskCounter)

package/molecules/TaskCounter/TaskCounter.module.css

@@ -0,0 +1,11 @@
+.task-counter {
+  width: 100%;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  line-height: 1;
+  text-transform: uppercase;
+}

package/molecules/TaskCounter/TaskCounter.stories.js

@@ -0,0 +1,26 @@
+import { TaskCounter, styles } from '.'
+
+import { getTemplate } from '../../helpers/storybook'
+
+const Template = getTemplate(TaskCounter, styles)
+
+export default {
+  title: 'Molecules/TaskCounter',
+  component: TaskCounter,
+  args: {
+    title: 'Em Sméagol body.',
+    current: 2,
+    children:
+      "Fells defeated veins this. There and Back Again. A Hobbit's Tale. Loved lucky Istari difficult lay? Dale fellow's rioting. Blanket Misty Mountain started rival wriggles flatten convinced succumbed closing? Slug town fond pipe-weed flatten recognizes Goblins! Innards pouf admirable freely nothingness sleepless exactly afternoon cruelty Bofur? Craftsmen tested fair Alfrid gets figure words winter's field offer healed squash? These galumphing Grima tread mustn't seen melt ideal picked recover employment. Nazgûl alas luckiest?",
+  },
+}
+
+export const Default = Template.bind({})
+export const Total = Template.bind({})
+Total.args = { total: 10 }
+
+export const Toggleable = Template.bind({})
+Toggleable.args = {
+  isToggleable: true,
+  total: 10,
+}

package/molecules/TaskCounter/__snapshots__/TaskCounter.stories.js.snap

@@ -0,0 +1,177 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Molecules/TaskCounter Default 1`] = `
+<div
+  style={
+    Object {
+      "alignContent": "flex-start",
+      "display": "flex",
+      "flexDirection": "column",
+      "flexWrap": "wrap",
+      "gap": "10px 30px",
+      "height": "100%",
+      "justifyContent": "flex-start",
+      "maxHeight": "auto",
+    }
+  }
+>
+  <div
+    className="task-counter"
+  >
+    <div
+      className="container"
+    >
+      <p
+        className="paragraph color-base size-md weight-medium"
+      >
+        Em Sméagol body.
+      </p>
+      <p
+        className="paragraph color-base size-md weight-medium is-inline"
+      >
+        2
+      </p>
+    </div>
+    <div
+      className="spacer vertical"
+      style={
+        Object {
+          "height": 5,
+        }
+      }
+    />
+    <div
+      className="divider"
+    />
+    Fells defeated veins this. There and Back Again. A Hobbit's Tale. Loved lucky Istari difficult lay? Dale fellow's rioting. Blanket Misty Mountain started rival wriggles flatten convinced succumbed closing? Slug town fond pipe-weed flatten recognizes Goblins! Innards pouf admirable freely nothingness sleepless exactly afternoon cruelty Bofur? Craftsmen tested fair Alfrid gets figure words winter's field offer healed squash? These galumphing Grima tread mustn't seen melt ideal picked recover employment. Nazgûl alas luckiest?
+  </div>
+</div>
+`;
+
+exports[`Storyshots Molecules/TaskCounter Toggleable 1`] = `
+<div
+  style={
+    Object {
+      "alignContent": "flex-start",
+      "display": "flex",
+      "flexDirection": "column",
+      "flexWrap": "wrap",
+      "gap": "10px 30px",
+      "height": "100%",
+      "justifyContent": "flex-start",
+      "maxHeight": "auto",
+    }
+  }
+>
+  <div
+    className="accordion"
+  >
+    <div
+      className="container"
+      onClick={[Function]}
+    >
+      <div
+        className="icon color-inverted size-sm background-muted"
+        style={
+          Object {
+            "height": 25,
+            "width": 25,
+          }
+        }
+      >
+        <svg
+          height={25}
+          viewBox="0 0 15 9"
+          width={25}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clipRule="evenodd"
+            d="M7.82633 8.70623L0.882568 1.54063L1.89405 0.496826L7.82633 6.61863L13.7586 0.496826L14.7701 1.54063L7.82633 8.70623Z"
+            fillRule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        className="spacer horizontal"
+        style={
+          Object {
+            "height": "100%",
+            "maxHeight": "auto",
+            "width": 15,
+          }
+        }
+      />
+      <p
+        className="paragraph color-base size-md weight-medium"
+      >
+        Em Sméagol body.
+      </p>
+      <p
+        className="paragraph color-base size-md weight-medium is-inline"
+      >
+        2/10
+      </p>
+    </div>
+    <div
+      className="spacer vertical"
+      style={
+        Object {
+          "height": 5,
+        }
+      }
+    />
+    <div
+      className="divider"
+    />
+  </div>
+</div>
+`;
+
+exports[`Storyshots Molecules/TaskCounter Total 1`] = `
+<div
+  style={
+    Object {
+      "alignContent": "flex-start",
+      "display": "flex",
+      "flexDirection": "column",
+      "flexWrap": "wrap",
+      "gap": "10px 30px",
+      "height": "100%",
+      "justifyContent": "flex-start",
+      "maxHeight": "auto",
+    }
+  }
+>
+  <div
+    className="task-counter"
+  >
+    <div
+      className="container"
+    >
+      <p
+        className="paragraph color-base size-md weight-medium"
+      >
+        Em Sméagol body.
+      </p>
+      <p
+        className="paragraph color-base size-md weight-medium is-inline"
+      >
+        2/10
+      </p>
+    </div>
+    <div
+      className="spacer vertical"
+      style={
+        Object {
+          "height": 5,
+        }
+      }
+    />
+    <div
+      className="divider"
+    />
+    Fells defeated veins this. There and Back Again. A Hobbit's Tale. Loved lucky Istari difficult lay? Dale fellow's rioting. Blanket Misty Mountain started rival wriggles flatten convinced succumbed closing? Slug town fond pipe-weed flatten recognizes Goblins! Innards pouf admirable freely nothingness sleepless exactly afternoon cruelty Bofur? Craftsmen tested fair Alfrid gets figure words winter's field offer healed squash? These galumphing Grima tread mustn't seen melt ideal picked recover employment. Nazgûl alas luckiest?
+  </div>
+</div>
+`;

package/molecules/TaskCounter/index.js

@@ -0,0 +1,2 @@
+export { default, TaskCounter } from './TaskCounter'
+export { default as styles } from './TaskCounter.module.css'

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "imbric-theme",
+  "version": "0.1.0",
+  "description": "Components library IMBRIC",
+  "private": false,
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://bitbucket.org/jorgemuriel/imbric-storybook/src/master/"
+  },
+  "engines": {
+    "node": ">=16.13.2",
+    "yarn": ">=1.22.17"
+  },
+  "scripts": {
+    "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",
+    "cc": "node ./scripts/create-component",
+    "commit": "cz",
+    "deploy:prod": "run-s build:docs deploy:vercel:prod",
+    "deploy:stag": "run-s build deploy:vercel:stag",
+    "deploy:vercel:prod": "vercel --prod",
+    "deploy:vercel:stag": "vercel",
+    "dev:storybook": "start-storybook -p 6006",
+    "dev:tokens": "watch 'yarn build:tokens' ./tokens",
+    "dev": "concurrently 'npm:dev:*'",
+    "lint:css:fix": "yarn lint:css:prettier:fix && yarn lint:css:stylelint:fix",
+    "lint:css:prettier:fix": "yarn lint:css:prettier --write",
+    "lint:css:prettier": "prettier '**/*.css' --list-different --ignore-path .gitignore",
+    "lint:css:stylelint:fix": "yarn lint:css:stylelint --fix",
+    "lint:css:stylelint": "stylelint '**/*.css' --ignore-path .gitignore",
+    "lint:css": "run-s lint:css:stylelint lint:css:prettier",
+    "lint:fix": "run-p lint:js:fix lint:json:fix lint:css:fix",
+    "lint:js:fix": "yarn lint:js --fix",
+    "lint:js": "eslint --cache --ignore-path .gitignore '**/*.js'",
+    "lint:json:fix": "yarn lint:json --write",
+    "lint:json": "prettier '**/*.json' --list-different --ignore-path .gitignore",
+    "lint": "run-p lint:js lint:json lint:css",
+    "test:coverage": "yarn test --coverage",
+    "test:coverage:html": "yarn test:coverage & open coverage/lcov-report/index.html",
+    "test:watch": "CONSOLE_LEVEL=debug yarn test --watch",
+    "test": "jest"
+  },
+  "keywords": [
+    "react",
+    "components"
+  ],
+  "author": "imbric",
+  "license": "MIT",
+  "dependencies": {
+    "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",
+    "@babel/preset-env": "7.11.5",
+    "@babel/preset-react": "7.10.4",
+    "@commitlint/cli": "11.0.0",
+    "@commitlint/config-conventional": "11.0.0",
+    "@semantic-release/changelog": "5.0.1",
+    "@semantic-release/git": "9.0.0",
+    "@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",
+    "babel-loader": "8.1.0",
+    "chromatic": "5.2.0",
+    "commitizen": "4.2.2",
+    "concurrently": "5.3.0",
+    "enquirer": "2.3.6",
+    "eslint": "7.8.1",
+    "eslint-config-prettier": "6.11.0",
+    "eslint-plugin-prettier": "3.1.4",
+    "eslint-plugin-react": "7.20.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": "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",
+    "stylelint-config-recommended": "3.0.0",
+    "watch": "1.0.2"
+  },
+  "peerDependencies": {
+    "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>