@paperless/core 0.1.0-alpha.43 → 0.1.0-alpha.430

package/dist/collection/assets/illustrations/empty-state-add.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/illustrations/empty/overview</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="152" height="152"></rect>
+        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms/illustrations/empty/overview">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="bounding-box"></g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, -3.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 36.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 75.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 114.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <rect id="overlay-right" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="128" y="0" width="24" height="152"></rect>
+            <rect id="overlay-bottom" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 140.000000) rotate(90.000000) translate(-76.000000, -140.000000) " x="64" y="64" width="24" height="152"></rect>
+            <rect id="overlay-top" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-76.000000, -12.000000) " x="64" y="-64" width="24" height="152"></rect>
+            <g id="Group" mask="url(#mask-2)">
+                <g transform="translate(52.000000, 52.000000)">
+                    <rect id="bg" fill="#528AFA" fill-rule="evenodd" x="0" y="0" width="48" height="48" rx="24"></rect>
+                    <rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" transform="translate(24.000000, 24.000000) rotate(90.000000) translate(-24.000000, -24.000000) " x="23" y="14" width="2" height="20" rx="1"></rect>
+                    <rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" x="23" y="14" width="2" height="20" rx="1"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/collection/assets/illustrations/empty-state-overview.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/illustrations/empty/overview</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="152" height="152"></rect>
+        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms/illustrations/empty/overview">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="bounding-box"></g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, -3.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 36.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 75.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 114.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <rect id="overlay-right" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="128" y="0" width="24" height="152"></rect>
+            <rect id="overlay-bottom" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 140.000000) rotate(90.000000) translate(-76.000000, -140.000000) " x="64" y="64" width="24" height="152"></rect>
+            <rect id="overlay-top" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-76.000000, -12.000000) " x="64" y="-64" width="24" height="152"></rect>
+        </g>
+    </g>
+</svg>

package/dist/collection/assets/illustrations/empty-state-search.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/illustrations/empty/search</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="152" height="152"></rect>
+        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-4" cx="18" cy="18" r="18"></circle>
+    </defs>
+    <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="⚛️-Atoms/illustrations/empty/search">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="bounding-box"></g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, -3.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 36.000000)">
+                    <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1" fill="#F7FAFC" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 75.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <g id="row" mask="url(#mask-2)">
+                <g transform="translate(0.000000, 114.000000)">
+                    <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
+                    <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
+                </g>
+            </g>
+            <rect id="overlay-right" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="128" y="0" width="24" height="152"></rect>
+            <rect id="overlay-bottom" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 140.000000) rotate(90.000000) translate(-76.000000, -140.000000) " x="64" y="64" width="24" height="152"></rect>
+            <rect id="overlay-top" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-76.000000, -12.000000) " x="64" y="-64" width="24" height="152"></rect>
+            <g id="search" mask="url(#mask-2)" fill="#528AFA">
+                <g transform="translate(41.000000, 36.000000)" id="Combined-Shape">
+                    <path d="M24,0 C37.254834,0 48,10.745166 48,24 C48,30.3127374 45.5627505,36.0562247 41.5779034,40.3408099 C41.6050847,40.3633587 41.6311447,40.388504 41.6568542,40.4142136 L60.0416306,58.7989899 C61.2132034,59.9705627 61.2132034,61.8700577 60.0416306,63.0416306 C58.8700577,64.2132034 56.9705627,64.2132034 55.7989899,63.0416306 L37.4142136,44.6568542 C37.2617644,44.5044051 37.1291525,44.3396308 37.0163778,44.1657387 C33.2677827,46.5918601 28.7983357,48 24,48 C10.745166,48 0,37.254834 0,24 C0,10.745166 10.745166,0 24,0 Z M24,6 C14.0588745,6 6,14.0588745 6,24 C6,33.9411255 14.0588745,42 24,42 C33.9411255,42 42,33.9411255 42,24 C42,14.0588745 33.9411255,6 24,6 Z"></path>
+                </g>
+            </g>
+            <g id="zoom" mask="url(#mask-2)">
+                <g transform="translate(47.000000, 42.000000)">
+                    <mask id="mask-5" fill="white">
+                        <use xlink:href="#path-4"></use>
+                    </mask>
+                    <use id="Mask" stroke="none" fill-opacity="0.4" fill="#E3ECF3" fill-rule="evenodd" xlink:href="#path-4"></use>
+                    <g id="row" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" mask="url(#mask-5)">
+                        <g transform="translate(-62.000000, -13.000000)">
+                            <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1" fill="#F7FAFC" x="0.5" y="0.5" width="238" height="51"></rect>
+                            <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="12.9891304" y="18.2" width="70.1413043" height="7.8" rx="1.3"></rect>
+                            <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="12.9891304" y="31.2" width="55.8532609" height="2.6" rx="1.3"></rect>
+                            <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="113.005435" y="22.1" width="41.5652174" height="7.8" rx="1.16999997"></rect>
+                        </g>
+                    </g>
+                    <g id="row" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" mask="url(#mask-5)">
+                        <g transform="translate(-62.000000, 38.000000)">
+                            <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1.3" fill="#FFFFFF" x="0.65" y="0.65" width="237.7" height="50.7"></rect>
+                            <rect id="heading" stroke="none" fill="#F1F6FF" x="12.9891304" y="18.2" width="70.1413043" height="7.8" rx="1.3"></rect>
+                            <rect id="heading" stroke="none" fill="#F1F6FF" x="12.9891304" y="31.2" width="55.8532609" height="2.6" rx="1.3"></rect>
+                            <rect id="heading" stroke="none" fill="#F1F6FF" x="113.005435" y="22.1" width="41.5652174" height="7.8" rx="1.16999997"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -1,14 +1,14 @@
 <?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>
+    <!-- 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="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 id="helper" fill-rule="nonzero">
+            <rect id="Rectangle-path" fill="#28D17C" x="0" y="0" width="12" height="12" rx="3"></rect>
+            <g id="icon---19-b-link" transform="translate(3.000000, 2.000000)" fill="#fff">
+                <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>

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

@@ -6,8 +6,8 @@
     <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">
+            <rect id="Rectangle-path" fill="#E5FFF2" x="0" y="0" width="12" height="12" rx="3"></rect>
+            <g id="icon---19-b-link" transform="translate(3.000000, 2.000000)" fill="#28D17C">
                 <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>

package/dist/collection/collection-manifest.json

@@ -2,19 +2,29 @@
   "entries": [
     "./components/atoms/icon/icon.component.js",
     "./components/atoms/illustration/illustration.component.js",
+    "./components/molecules/page-size-select/page-size-select.component.js",
+    "./components/helpers/table-column/table-column.component.js",
+    "./components/molecules/table-header/table-header.component.js",
+    "./components/organisms/table/table.component.js",
     "./components/atoms/avatar/avatar.component.js",
+    "./components/atoms/avatar-group/avatar-group.component.js",
+    "./components/atoms/backdrop/backdrop.component.js",
     "./components/atoms/button/button.component.js",
     "./components/atoms/card-body/card-body.component.js",
     "./components/atoms/card-container/card-container.component.js",
     "./components/atoms/card-header/card-header.component.js",
     "./components/atoms/counter/counter.component.js",
     "./components/atoms/divider/divider.component.js",
+    "./components/atoms/drawer-body/drawer-body.component.js",
+    "./components/atoms/drawer-container/drawer-container.component.js",
+    "./components/atoms/drawer-header/drawer-header.component.js",
     "./components/atoms/dropdown-menu-container/dropdown-menu-container.component.js",
     "./components/atoms/dropdown-menu-item/dropdown-menu-item.component.js",
     "./components/atoms/helper/helper.component.js",
     "./components/atoms/info-panel/info-panel.component.js",
+    "./components/atoms/label/label.component.js",
+    "./components/atoms/layout/layout.component.js",
     "./components/atoms/loader/loader.component.js",
-    "./components/atoms/modal-backdrop/modal-backdrop.component.js",
     "./components/atoms/modal-body/modal-body.component.js",
     "./components/atoms/modal-container/modal-container.component.js",
     "./components/atoms/modal-footer/modal-footer.component.js",
@@ -22,17 +32,40 @@
     "./components/atoms/pagination-item/pagination-item.component.js",
     "./components/atoms/segment-container/segment-container.component.js",
     "./components/atoms/segment-item/segment-item.component.js",
+    "./components/atoms/slider-indicator/slider-indicator.component.js",
     "./components/atoms/status/status.component.js",
+    "./components/atoms/stepper-item/stepper-item.component.js",
+    "./components/atoms/stepper-line/stepper-line.component.js",
+    "./components/atoms/tab-group/tab-group.component.js",
+    "./components/atoms/tab-item/tab-item.component.js",
+    "./components/atoms/table-container/table-container.component.js",
+    "./components/atoms/toast-container/toast-container.component.js",
     "./components/atoms/tooltip/tooltip.component.js",
+    "./components/molecules/accordion/accordion.component.js",
+    "./components/molecules/attachment/attachment.component.js",
+    "./components/molecules/calendar/calendar.component.js",
+    "./components/molecules/content-slider/content-slider.component.js",
+    "./components/molecules/datepicker/datepicker.component.js",
     "./components/molecules/dropdown/dropdown.component.js",
-    "./components/molecules/modal/modal.component.js",
+    "./components/molecules/input-error/input-error.component.js",
+    "./components/molecules/input-group/input-group.component.js",
     "./components/molecules/navigation-item/navigation-item.component.js",
-    "./components/molecules/pagination/pagination.component.js"
+    "./components/molecules/pagination/pagination.component.js",
+    "./components/molecules/profile/profile.component.js",
+    "./components/molecules/select/select.component.js",
+    "./components/molecules/stepper/stepper.component.js",
+    "./components/molecules/table-cell/table-cell.component.js",
+    "./components/molecules/table-footer/table-footer.component.js",
+    "./components/molecules/table-row/table-row.component.js",
+    "./components/molecules/toast/toast.component.js",
+    "./components/organisms/drawer/drawer.component.js",
+    "./components/organisms/modal/modal.component.js",
+    "./components/organisms/navbar/navbar.component.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.17.0",
-    "typescriptVersion": "4.5.4"
+    "version": "3.2.1",
+    "typescriptVersion": "4.9.5"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/atoms/avatar/avatar.component.css

@@ -1,31 +1 @@
-:host {
-  @apply inline-block;
-}
-:host > img {
-  @apply object-cover object-center;
-}
-
-:host(.size-small) > img {
-  @apply w-10 h-10;
-}
-
-:host(.size-medium) > img {
-  @apply w-20 h-20;
-}
-
-:host(.size-large) > img {
-  @apply w-28 h-28;
-}
-
-:host(.variant-company) > img {
-  @apply rounded;
-}
-
-:host(.variant-company.size-medium),
-:host(.variant-company.size-large) {
-  @apply rounded-large;
-}
-
-:host(.variant-user) > img {
-  @apply rounded-round;
-} .static{position:static!important}
+.inline-block{display:inline-block!important}.h-\[3\.125rem\]{height:3.125rem!important}.h-\[6\.5rem\]{height:6.5rem!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.w-\[3\.125rem\]{width:3.125rem!important}.w-\[6\.5rem\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}

package/dist/collection/components/atoms/avatar/avatar.component.js

@@ -1,19 +1,23 @@
-import { Component, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class Avatar {
   constructor() {
-    /**
-     * The variant of the avatar
-     */
     this.variant = 'user';
-    /**
-     * The size of the avatar
-     */
     this.size = 'medium';
-    this._src = this.src;
+    this.defaultImage = undefined;
+    this.src = undefined;
+    this._src = undefined;
+  }
+  onSrchChange(src) {
+    this._src = src;
+  }
+  componentWillLoad() {
+    this.onSrchChange(this.src);
+    if (!this._src) {
+      this._setDefaultLink();
+    }
   }
   render() {
-    return (h(Host, { class: `p-avatar size-${this.size} variant-${this.variant}` },
-      h("img", { src: this._src, onError: () => this._setDefaultLink() })));
+    return (h(Host, { class: "p-avatar" }, h("img", { src: this._src, onError: () => this._setDefaultLink() })));
   }
   _setDefaultLink() {
     var _a;
@@ -23,86 +27,100 @@ export class Avatar {
         : '/assets/images/avatar/company-default.svg');
   }
   static get is() { return "p-avatar"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["avatar.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["avatar.component.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'user' | 'company'",
-        "resolved": "\"company\" | \"user\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The variant of the avatar"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'user'"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'small' | 'medium' | 'large'",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The size of the avatar"
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'medium'"
-    },
-    "defaultImage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The default image to show on errors"
+  static get originalStyleUrls() {
+    return {
+      "$": ["avatar.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["avatar.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'user' | 'company'",
+          "resolved": "\"company\" | \"user\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The variant of the avatar"
+        },
+        "attribute": "variant",
+        "reflect": true,
+        "defaultValue": "'user'"
       },
-      "attribute": "default-image",
-      "reflect": false
-    },
-    "src": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium' | 'large' | 'xlarge'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The size of the avatar"
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "'medium'"
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The image used for the avatar"
+      "defaultImage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The default image to show on errors"
+        },
+        "attribute": "default-image",
+        "reflect": false
       },
-      "attribute": "src",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "_src": {}
-  }; }
+      "src": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The image used for the avatar"
+        },
+        "attribute": "src",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_src": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "src",
+        "methodName": "onSrchChange"
+      }];
+  }
 }
+//# sourceMappingURL=avatar.component.js.map

package/dist/collection/components/atoms/avatar/avatar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/avatar/avatar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOvE,MAAM,OAAO,MAAM;;mBAIwC,MAAM;gBAMzD,QAAQ;;;;;EAeZ,YAAY,CAAC,GAAW;IACpB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;EACpB,CAAC;EAED,iBAAiB;IACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,IAAI,CAAC,eAAe,EAAE,CAAC;KAC1B;EACL,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MAClB,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,GAAI,CAC3D,CACV,CAAC;EACN,CAAC;EAEO,eAAe;;IACnB,IAAI,CAAC,IAAI;MACL,MAAA,IAAI,CAAC,YAAY,mCACjB,CAAC,IAAI,CAAC,OAAO,KAAK,MAAM;QACpB,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,2CAA2C,CAAC,CAAC;EAC3D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n    tag: 'p-avatar',\n    styleUrl: 'avatar.component.scss',\n    // shadow: true,\n})\nexport class Avatar {\n    /**\n     * The variant of the avatar\n     */\n    @Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n    /**\n     * The size of the avatar\n     */\n    @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | 'xlarge' =\n        'medium';\n\n    /**\n     * The default image to show on errors\n     */\n    @Prop() defaultImage: string;\n\n    /**\n     * The image used for the avatar\n     */\n    @Prop() src!: string;\n\n    @State() private _src: string;\n\n    @Watch('src')\n    onSrchChange(src: string) {\n        this._src = src;\n    }\n\n    componentWillLoad() {\n        this.onSrchChange(this.src);\n        if (!this._src) {\n            this._setDefaultLink();\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-avatar\">\n                <img src={this._src} onError={() => this._setDefaultLink()} />\n            </Host>\n        );\n    }\n\n    private _setDefaultLink() {\n        this._src =\n            this.defaultImage ??\n            (this.variant === 'user'\n                ? '/assets/images/avatar/user-default.svg'\n                : '/assets/images/avatar/company-default.svg');\n    }\n}\n"]}

package/dist/collection/components/atoms/avatar-group/avatar-group.component.css

@@ -0,0 +1 @@
+.flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}.static{position:static!important}