@paperless/core 0.1.0-alpha.5 → 0.1.0-alpha.52

package/CHANGELOG.md

@@ -3,6 +3,469 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.1.0-alpha.52 (2022-08-10)
+
+
+### Features
+
+* **Atoms:** Add tab group component ([e2a3feb](https://github.com/ionic-team/stencil-component-starter/commit/e2a3feb532d62adc9a879143f58cffc61c588e95))
+
+
+
+
+
+# 0.1.0-alpha.51 (2022-08-10)
+
+
+### Features
+
+* **Atoms:** Add profile component ([6940b79](https://github.com/ionic-team/stencil-component-starter/commit/6940b79aa89a65e1da802c7a2bddcc79b4b5be7e))
+
+
+
+
+
+# 0.1.0-alpha.50 (2022-08-09)
+
+
+### Features
+
+* **Atoms:** Add avatar group component ([a5db706](https://github.com/ionic-team/stencil-component-starter/commit/a5db7063e414c37748efd63918a2590571d90a87))
+
+
+
+
+
+# 0.1.0-alpha.49 (2022-08-08)
+
+
+### Features
+
+* **Molecules:** Add stepper component ([ed27680](https://github.com/ionic-team/stencil-component-starter/commit/ed27680bd9a33045bb4aee187d3a28964aec4280))
+
+
+
+
+
+# 0.1.0-alpha.48 (2022-08-08)
+
+
+### Features
+
+* **Molecules/Modal:** title -> header because title is reserved ([0b1852f](https://github.com/ionic-team/stencil-component-starter/commit/0b1852f0be34039d79e5ada865341d25dbced4cb))
+
+
+
+
+
+# 0.1.0-alpha.47 (2022-08-02)
+
+
+### Bug Fixes
+
+* **deps:** update angular monorepo to v14 ([#28](https://github.com/ionic-team/stencil-component-starter/issues/28)) ([d97a257](https://github.com/ionic-team/stencil-component-starter/commit/d97a257c98df220084f657a27301d2fa5a652fa4))
+
+
+
+
+
+# 0.1.0-alpha.46 (2022-08-02)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.45 (2022-08-02)
+
+
+### Features
+
+* Add renovate.json ([008bd9a](https://github.com/ionic-team/stencil-component-starter/commit/008bd9a723724fb278f4872e32a67ba344ba5b1a))
+
+
+
+
+
+# 0.1.0-alpha.44 (2022-08-02)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.43 (2022-08-02)
+
+
+### Features
+
+* **Molecules:** Add modal component ([8ba26b6](https://github.com/ionic-team/stencil-component-starter/commit/8ba26b6e6329baae899af86445f16b3fa6e406e5))
+
+
+
+
+
+# 0.1.0-alpha.42 (2022-08-02)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.41 (2022-08-02)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.40 (2022-08-01)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.39 (2022-07-28)
+
+
+### Features
+
+* **Atoms:** Add card header component ([64548ce](https://github.com/ionic-team/stencil-component-starter/commit/64548ce60bd354e2054e3fc595a2a99820df9a0f))
+
+
+
+
+
+# 0.1.0-alpha.38 (2022-07-27)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.37 (2022-07-26)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.36 (2022-07-26)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.35 (2022-07-25)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.34 (2022-07-25)
+
+
+### Features
+
+* **Typography:** Implement default typography ([b26b7d6](https://github.com/ionic-team/stencil-component-starter/commit/b26b7d6c3e68cefdec1b0c85333bd2d18b40b2d3))
+
+
+
+
+
+# 0.1.0-alpha.33 (2022-07-18)
+
+
+### Features
+
+* **Molecules/Dropdown:** Auto apply chevron to p-button instances ([e08a3c0](https://github.com/ionic-team/stencil-component-starter/commit/e08a3c0b467e1d2af71934772035d17232f292eb))
+
+
+
+
+
+# 0.1.0-alpha.32 (2022-07-18)
+
+
+### Features
+
+* **Atoms/Button:** Add chevron prop ([342e0e7](https://github.com/ionic-team/stencil-component-starter/commit/342e0e7a78f92f6a7c84b4009c9d2004585630c7))
+
+
+
+
+
+# 0.1.0-alpha.31 (2022-07-18)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.30 (2022-07-15)
+
+
+### Features
+
+* **Atoms/Icons:** Add 5 new icons ([15e8900](https://github.com/ionic-team/stencil-component-starter/commit/15e89009e426107204f85dc7decefb3fd9724fc6))
+
+
+
+
+
+# 0.1.0-alpha.29 (2022-07-15)
+
+
+### Features
+
+* **Atoms:** Add status component ([5e42f15](https://github.com/ionic-team/stencil-component-starter/commit/5e42f157044240bc47ef573973d1399596ba877e))
+
+
+
+
+
+# 0.1.0-alpha.28 (2022-07-14)
+
+
+### Features
+
+* **Molecules:** Add dropdown component ([3e608f5](https://github.com/ionic-team/stencil-component-starter/commit/3e608f52b3486f24193dcee221efe345d2952041))
+
+
+
+
+
+# 0.1.0-alpha.27 (2022-07-12)
+
+
+### Reverts
+
+* Revert "chore: add some debugging" ([c5487af](https://github.com/ionic-team/stencil-component-starter/commit/c5487afc0d09090d65cf5e452d487b59872196bb))
+
+
+
+
+
+# 0.1.0-alpha.26 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.25 (2022-07-12)
+
+
+### Features
+
+* **Molecules/Pagination:** Set page to max if value is not available ([838210c](https://github.com/ionic-team/stencil-component-starter/commit/838210c82ccab9070cc3e6fe1d23d82cdc089ab2))
+
+
+
+
+
+# 0.1.0-alpha.24 (2022-07-12)
+
+
+### Bug Fixes
+
+* **Atoms/Loader:** Remove d-block attribute... ([8fc1222](https://github.com/ionic-team/stencil-component-starter/commit/8fc1222fbb2b3e212183f628bc3697a45b5f0178))
+
+
+
+
+
+# 0.1.0-alpha.23 (2022-07-12)
+
+
+### Bug Fixes
+
+* **Atoms/Loader:** fix loader z-index & full width version ([2d2a48a](https://github.com/ionic-team/stencil-component-starter/commit/2d2a48abb614e94a1c0f599b94dfcdc73aef67af))
+
+
+
+
+
+# 0.1.0-alpha.22 (2022-07-12)
+
+
+### Reverts
+
+* Revert "fix(Molecules/Pagination): Watch `page` => `value`" ([e598bb9](https://github.com/ionic-team/stencil-component-starter/commit/e598bb902605997389736a292da34de6bfa6400d))
+
+
+
+
+
+# 0.1.0-alpha.21 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.20 (2022-07-12)
+
+
+### Bug Fixes
+
+* **Molecules/Pagination:** Watch `page` => `value` ([92a2a8f](https://github.com/ionic-team/stencil-component-starter/commit/92a2a8f723f49999f9bc59f87f87210ed9b93996))
+
+
+
+
+
+# 0.1.0-alpha.19 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.18 (2022-07-12)
+
+
+### Features
+
+* We need a release ([ff8f487](https://github.com/ionic-team/stencil-component-starter/commit/ff8f487a07067522b817c14a969118c14e1fab7e))
+
+
+
+
+
+# 0.1.0-alpha.17 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.16 (2022-07-12)
+
+
+### Bug Fixes
+
+* **Angular/Pagination:** Make sure we write the correct property ([c1b9fdc](https://github.com/ionic-team/stencil-component-starter/commit/c1b9fdc22a9621a7f1ff0d354a9395d94902e4bc))
+
+
+
+
+
+# 0.1.0-alpha.15 (2022-07-12)
+
+
+### Bug Fixes
+
+* **Molecules/Pagination:** Reflect the value ([755a031](https://github.com/ionic-team/stencil-component-starter/commit/755a031d3f7fc2650fa1a6f0ca7bbc29f8cad49b))
+
+
+
+
+
+# 0.1.0-alpha.14 (2022-07-12)
+
+
+### Bug Fixes
+
+* **Angular:** Export custom directives from top level ([1058f9b](https://github.com/ionic-team/stencil-component-starter/commit/1058f9b7855e9bcc82c4ce492ecb9e3d465f0719))
+
+
+
+
+
+# 0.1.0-alpha.13 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.12 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.11 (2022-07-12)
+
+
+### Features
+
+* **Molecules:** Add pagination component ([fde8866](https://github.com/ionic-team/stencil-component-starter/commit/fde886609ae4a81b8ca2d258f6c3292aff7c4bfb))
+
+
+
+
+
+# 0.1.0-alpha.10 (2022-07-12)
+
+
+### Features
+
+* **Atoms:** Add info panel component ([bc3636d](https://github.com/ionic-team/stencil-component-starter/commit/bc3636d4006b164fbee5ded3ad7c2b1dfd07d86c))
+
+
+
+
+
+# 0.1.0-alpha.9 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.8 (2022-07-11)
+
+
+### Features
+
+* **Grid:** Implement grid ([969cd32](https://github.com/ionic-team/stencil-component-starter/commit/969cd32cdd604e6ff1b9bc4123606b891d66b79a))
+
+
+
+
+
+# 0.1.0-alpha.7 (2022-07-08)
+
+
+### Features
+
+* **Atoms:** Add helper component ([64cccca](https://github.com/ionic-team/stencil-component-starter/commit/64cccca8035f9492754370d1e94b275c226b1464))
+
+
+
+
+
+# 0.1.0-alpha.6 (2022-07-08)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
 # 0.1.0-alpha.5 (2022-07-08)
 
 

package/README.md

@@ -7,7 +7,7 @@
   <br />
 
   <span>
-  A collection of React & Angular components that conform to the Employes design system.
+  A collection of Web, React & Angular components that conform to the Employes design system.
   </span>
 
   </p>
@@ -63,6 +63,12 @@ yarn add @paperless/core
 #### React
 
 ```jsx
+// setup
+import { applyPolyfills, defineCustomElements } from '@paperless/core/loader';
+
+applyPolyfills().then(() => defineCustomElements());
+
+// usage
 import { Button } from '@employes/paperless';
 
 const App = () => <Button>Click me!</Button>;
@@ -71,6 +77,16 @@ const App = () => <Button>Click me!</Button>;
 #### Angular
 
 ```jsx
+// main.ts
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { applyPolyfills, defineCustomElements } from '@paperless/core/loader';
+
+applyPolyfills()
+    .then(() => defineCustomElements())
+    .then(() => platformBrowserDynamic().bootstrapModule(AppModule))
+    .catch((err) => console.error(err));
+
+// App Module
 import { PaperlessModule } from '@employes/paperless-ngx';
 
 @NgModule({
@@ -81,6 +97,7 @@ import { PaperlessModule } from '@employes/paperless-ngx';
 })
 export class AppModule {}
 
+// Any component
 @Component({
     selector: 'app-root',
     templateUrl: `

package/dist/assets/icons/checklist.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>default</title>
+    <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1526.000000)" fill="currentColor">
+            <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
+                <g id="icons" transform="translate(0.000000, 152.000000)">
+                    <g id="checklist" transform="translate(0.000000, 1318.000000)">
+                        <g id="⚛️-Atoms/icons/checklist" transform="translate(243.000000, 0.000000)">
+                            <path d="M1,0 L3,0 C3.55228475,-1.01453063e-16 4,0.44771525 4,1 L4,3 C4,3.55228475 3.55228475,4 3,4 L1,4 C0.44771525,4 6.76353751e-17,3.55228475 0,3 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z M7,1 L15,1 C15.5522847,1 16,1.44771525 16,2 C16,2.55228475 15.5522847,3 15,3 L7,3 C6.44771525,3 6,2.55228475 6,2 C6,1.44771525 6.44771525,1 7,1 Z M7,7 L15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.55228475 15.5522847,9 15,9 L7,9 C6.44771525,9 6,8.55228475 6,8 C6,7.44771525 6.44771525,7 7,7 Z M7,13 L15,13 C15.5522847,13 16,13.4477153 16,14 C16,14.5522847 15.5522847,15 15,15 L7,15 C6.44771525,15 6,14.5522847 6,14 C6,13.4477153 6.44771525,13 7,13 Z M1,6 L3,6 C3.55228475,6 4,6.44771525 4,7 L4,9 C4,9.55228475 3.55228475,10 3,10 L1,10 C0.44771525,10 6.76353751e-17,9.55228475 0,9 L0,7 C-6.76353751e-17,6.44771525 0.44771525,6 1,6 Z M1,12 L3,12 C3.55228475,12 4,12.4477153 4,13 L4,15 C4,15.5522847 3.55228475,16 3,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,13 C-6.76353751e-17,12.4477153 0.44771525,12 1,12 Z" id="Combined-Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/assets/icons/folder.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>default</title>
+    <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1622.000000)" fill="currentColor">
+            <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
+                <g id="icons" transform="translate(0.000000, 152.000000)">
+                    <g id="projects" transform="translate(0.000000, 1414.000000)">
+                        <g id="default" transform="translate(243.000000, 0.000000)">
+                            <g id="⚛️-Atoms/icons/projects" transform="translate(0.000000, 1.000000)">
+                                <path d="M1,0 L5.58578644,0 C5.85100293,-1.26996481e-15 6.10535684,0.10535684 6.29289322,0.292893219 L7.70710678,1.70710678 C7.89464316,1.89464316 8.14899707,2 8.41421356,2 L15,2 C15.5522847,2 16,2.44771525 16,3 L16,13 C16,13.5522847 15.5522847,14 15,14 L1,14 C0.44771525,14 6.76353751e-17,13.5522847 0,13 L0,1 C-6.76353751e-17,0.44771525 0.44771525,-4.5365845e-16 1,0 Z" id="Combined-Shape"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/assets/icons/integration.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>default</title>
+    <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1590.000000)" fill="currentColor">
+            <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
+                <g id="icons" transform="translate(0.000000, 152.000000)">
+                    <g id="koppelingen" transform="translate(0.000000, 1382.000000)">
+                        <g id="⚛️-Atoms/icons/koppelingen" transform="translate(243.000000, 0.000000)">
+                            <path d="M1,0 L6,0 C6.55228475,-1.01453063e-16 7,0.44771525 7,1 L7,6 C7,6.55228475 6.55228475,7 6,7 L1,7 C0.44771525,7 6.76353751e-17,6.55228475 0,6 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z M1,9 L6,9 C6.55228475,9 7,9.44771525 7,10 L7,15 C7,15.5522847 6.55228475,16 6,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,10 C-6.76353751e-17,9.44771525 0.44771525,9 1,9 Z M10,0 L15,0 C15.5522847,-1.01453063e-16 16,0.44771525 16,1 L16,6 C16,6.55228475 15.5522847,7 15,7 L10,7 C9.44771525,7 9,6.55228475 9,6 L9,1 C9,0.44771525 9.44771525,1.01453063e-16 10,0 Z M12.5,9 C13.0522847,9 13.5,9.44771525 13.5,10 L13.5,11.5 L15,11.5 C15.5522847,11.5 16,11.9477153 16,12.5 C16,13.0522847 15.5522847,13.5 15,13.5 L13.5,13.5 L13.5,15 C13.5,15.5522847 13.0522847,16 12.5,16 C11.9477153,16 11.5,15.5522847 11.5,15 L11.5,13.5 L10,13.5 C9.44771525,13.5 9,13.0522847 9,12.5 C9,11.9477153 9.44771525,11.5 10,11.5 L11.5,11.5 L11.5,10 C11.5,9.44771525 11.9477153,9 12.5,9 Z" id="Combined-Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/assets/icons/task.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>default</title>
+    <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1494.000000)" fill="currentColor">
+            <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
+                <g id="icons" transform="translate(0.000000, 152.000000)">
+                    <g id="task" transform="translate(0.000000, 1286.000000)">
+                        <g id="⚛️-Atoms/icons/task" transform="translate(243.000000, 0.000000)">
+                            <path d="M14,0 C15.1045695,-2.02906125e-16 16,0.8954305 16,2 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 1.3527075e-16,15.1045695 0,14 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L14,0 Z M12.5824067,4.15329919 C12.2191499,3.89109673 11.7287641,3.97276881 11.4568977,4.34074885 L11.4568977,4.34074885 L6.727,10.74 L4.48421797,8.28557606 C4.2033448,7.97804494 3.76334089,7.9304898 3.43345171,8.15708233 L3.34641434,8.22568799 L3.28382396,8.28198278 C3.11439636,8.43435761 3.01189474,8.65551042 3.00097092,8.89225358 C2.9900471,9.12899673 3.07168957,9.35990745 3.22626317,9.52945129 L3.22626317,9.52945129 L6.15124558,12.7298698 C6.40900695,13.0122133 6.80862496,13.0809955 7.13592632,12.899353 C7.28904921,12.8466515 7.42987755,12.7460396 7.5366165,12.6011104 L7.5366165,12.6011104 L12.8282975,5.43729943 C12.9657189,5.25134381 13.0245403,5.01239255 12.9905957,4.77799163 C12.9566512,4.5435907 12.8330171,4.33498317 12.6494679,4.20240741 L12.6494679,4.20240741 Z" id="Combined-Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/assets/icons/template.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>default</title>
+    <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1558.000000)" fill="currentColor">
+            <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
+                <g id="icons" transform="translate(0.000000, 152.000000)">
+                    <g id="template" transform="translate(0.000000, 1350.000000)">
+                        <g id="⚛️-Atoms/icons/template" transform="translate(243.000000, 0.000000)">
+                            <path d="M14,0 C15.1045695,-2.02906125e-16 16,0.8954305 16,2 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 1.3527075e-16,15.1045695 0,14 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L14,0 Z M8,3 C7.44771525,3 7,3.44771525 7,4 L7,4 L7,7 L4,7 C3.44771525,7 3,7.44771525 3,8 C3,8.55228475 3.44771525,9 4,9 L4,9 L7,9 L7,12 C7,12.5522847 7.44771525,13 8,13 C8.55228475,13 9,12.5522847 9,12 L9,12 L9,9 L12,9 C12.5522847,9 13,8.55228475 13,8 C13,7.44771525 12.5522847,7 12,7 L12,7 L9,7 L9,4 C9,3.44771525 8.55228475,3 8,3 Z" id="Combined-Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/assets/images/avatar/company-default.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
+    <defs>
+        <rect id="a" width="32" height="32" rx="4"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <use fill="#FFE8EA" fill-rule="nonzero" xlink:href="#a"/>
+        <path fill="#FF7D88" fill-rule="nonzero" d="M16 20.5l-5.29 2.781 1.01-5.89-4.28-4.172 5.915-.86L16 7l2.645 5.36 5.915.859-4.28 4.172 1.01 5.89z" mask="url(#b)"/>
+    </g>
+</svg>

package/dist/assets/images/avatar/user-default.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="104" height="104" viewBox="0 0 104 104">
+    <defs>
+        <rect id="a" width="104" height="104" rx="52"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <use fill="#F7FAFC" xlink:href="#a"/>
+        <path fill="#E3ECF3" fill-rule="nonzero" d="M52.5 23C60.717 23 71 29.402 71 42c0 12.598-8.283 23-18.5 23S34 54.598 34 42s10.283-19 18.5-19zM24 77c15-10 41-10 56 0 10 6.667 10 23 0 49H24c-10-26-10-42.333 0-49z" mask="url(#b)"/>
+    </g>
+</svg>

package/dist/assets/images/helper/helper-hover.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
+    <title>icon - 21</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon---21" fill-rule="nonzero">
+            <rect id="Rectangle-path" fill="#30C2C9" x="0" y="0" width="12" height="12" rx="3"></rect>
+            <g id="icon---21-b-link" transform="translate(4.000000, 2.000000)" fill="#FFFFFF">
+                <path d="M4.20169494,2.05088469 C4.20169494,2.90088469 3.68169494,3.31088469 3.41169494,3.53088469 L2.96745401,4.03088469 C2.69745401,4.26088469 2.66745401,4.38088469 2.65745401,4.63088469 L2.64745401,4.96088469 L1.10581057,4.96088469 L1.10581057,4.53088469 C1.08581057,4.08088469 1.58581057,3.36380227 1.83581057,3.16380227 C2.08581057,2.96380227 2.72169494,2.80726703 2.72169494,2.33612319 C2.72169494,1.86497934 2.30756831,1.6573357 1.93756831,1.6573357 C1.56756831,1.6573357 0.94169494,1.88088469 0.79169494,2.03088469 L0,0.9190163 C0.15,0.7690163 0.95649746,0 2.15649746,0 C3.35649746,0 4.20169494,1.20088469 4.20169494,2.05088469 Z M2.96745401,6.46948689 C2.96745401,6.86948689 2.66245401,7.32102543 2.16149746,7.32102543 C1.66054091,7.32102543 1.32164313,6.94462439 1.32164313,6.46948689 C1.32164313,5.99434938 1.53925393,5.67842783 2.16149746,5.67842783 C2.78374099,5.67842783 2.96745401,6.06948689 2.96745401,6.46948689 Z" id="icon---21-b"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/assets/images/helper/helper.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>helper</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="helper" fill-rule="nonzero">
+            <rect id="Rectangle-path" fill="#D0F5F7" x="0" y="0" width="12" height="12" rx="3"></rect>
+            <g id="icon---19-b-link" transform="translate(3.000000, 2.000000)" fill="#1EDAE3">
+                <path d="M5.03019748,2.07245686 C5.03019748,2.92245686 4.51019748,3.33245686 4.24019748,3.55245686 L3.79595655,4.05245686 C3.52595655,4.28245686 3.49595655,4.40245686 3.48595655,4.65245686 L3.47595655,4.98245686 L1.93431311,4.98245686 L1.93431311,4.55245686 C1.91431311,4.10245686 2.41431311,3.38537444 2.66431311,3.18537444 C2.91431311,2.98537444 3.55019748,2.8288392 3.55019748,2.35769536 C3.55019748,1.88655151 3.13607085,1.67890787 2.76607085,1.67890787 C2.39607085,1.67890787 1.77019748,1.90245686 1.62019748,2.05245686 L0.82850254,0.94058847 C0.97850254,0.79058847 1.785,0.02157217 2.985,0.02157217 C4.185,0.02157217 5.03019748,1.22245686 5.03019748,2.07245686 Z M3.79595655,6.49105906 C3.79595655,6.89105906 3.49095655,7.3425976 2.99,7.3425976 C2.48904345,7.3425976 2.15014567,6.96619656 2.15014567,6.49105906 C2.15014567,6.01592155 2.36775647,5.7 2.99,5.7 C3.61224353,5.7 3.79595655,6.09105906 3.79595655,6.49105906 Z" id="icon---19-b"></path>
+            </g>
+        </g>
+    </g>
+</svg>