@valtimo/layout 0.0.0

package/assets/img/accessControl.svg

@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 456.14 607.88">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient-4);
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17 {
+        stroke-width: 0px;
+      }
+
+      .cls-1, .cls-3 {
+        opacity: .8;
+      }
+
+      .cls-2 {
+        fill: url(#radial-gradient);
+      }
+
+      .cls-3, .cls-5 {
+        fill: #0f62fe;
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-4, .cls-5 {
+        opacity: .4;
+      }
+
+      .cls-6 {
+        fill: url(#radial-gradient-2);
+      }
+
+      .cls-7 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-8 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-9 {
+        fill: url(#linear-gradient-8);
+      }
+
+      .cls-10 {
+        fill: url(#linear-gradient-9);
+      }
+
+      .cls-11 {
+        fill: url(#linear-gradient-7);
+      }
+
+      .cls-12 {
+        fill: url(#linear-gradient-5);
+      }
+
+      .cls-13 {
+        fill: url(#linear-gradient-6);
+      }
+
+      .cls-14 {
+        fill: #343b54;
+      }
+
+      .cls-15 {
+        fill: #6f6f6f;
+      }
+
+      .cls-16 {
+        fill: #262626;
+      }
+
+      .cls-17 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="90.03" y1="443.4" x2="366.11" y2="443.4" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#2f81fe"/>
+      <stop offset="1" stop-color="#be95ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0" y1="457.27" x2="456.14" y2="457.27" gradientUnits="userSpaceOnUse">
+      <stop offset=".25" stop-color="#525252"/>
+      <stop offset=".35" stop-color="#4f4e4e"/>
+      <stop offset=".42" stop-color="#454545"/>
+      <stop offset=".48" stop-color="#363434"/>
+      <stop offset=".52" stop-color="#272525"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="90.03" y1="409.21" x2="366.11" y2="409.21" gradientUnits="userSpaceOnUse">
+      <stop offset=".48" stop-color="#272525"/>
+      <stop offset=".52" stop-color="#363434"/>
+      <stop offset=".58" stop-color="#454545"/>
+      <stop offset=".65" stop-color="#4f4e4e"/>
+      <stop offset=".75" stop-color="#525252"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-4" x1="228.07" y1="520.1" x2="228.07" y2="10.81" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#0f62fe"/>
+      <stop offset=".21" stop-color="#2c75fe" stop-opacity=".72"/>
+      <stop offset=".42" stop-color="#4787fe" stop-opacity=".47"/>
+      <stop offset=".61" stop-color="#5c96fe" stop-opacity=".27"/>
+      <stop offset=".78" stop-color="#6ba0fe" stop-opacity=".12"/>
+      <stop offset=".91" stop-color="#74a6fe" stop-opacity=".03"/>
+      <stop offset="1" stop-color="#78a9ff" stop-opacity="0"/>
+    </linearGradient>
+    <radialGradient id="radial-gradient" cx="228.07" cy="261.53" fx="228.07" fy="261.53" r="61.73" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#4a86be"/>
+      <stop offset="1" stop-color="#4795e3"/>
+    </radialGradient>
+    <linearGradient id="linear-gradient-5" x1="272.35" y1="235.83" x2="204.25" y2="195.21" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#c9deff"/>
+      <stop offset="1" stop-color="#c9deff"/>
+    </linearGradient>
+    <radialGradient id="radial-gradient-2" cx="-7036.61" cy="257.32" fx="-7036.61" fy="257.32" r="12.52" gradientTransform="translate(-6828.58) rotate(-180) scale(1 -1)" xlink:href="#radial-gradient"/>
+    <linearGradient id="linear-gradient-6" x1="-7095.95" y1="180.69" x2="-7017.09" y2="180.69" gradientTransform="translate(-6828.58) rotate(-180) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset=".02" stop-color="#dcdfed"/>
+      <stop offset=".36" stop-color="#e4e6f1"/>
+      <stop offset=".91" stop-color="#fafafc"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-7" x1="-7102.14" y1="186.92" x2="-7035.94" y2="175.25" gradientTransform="translate(-6828.58) rotate(-180) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7e87a8"/>
+      <stop offset=".09" stop-color="#969eba"/>
+      <stop offset=".2" stop-color="#afb5cb"/>
+      <stop offset=".32" stop-color="#c2c6d9"/>
+      <stop offset=".47" stop-color="#cfd3e3"/>
+      <stop offset=".65" stop-color="#d7dae9"/>
+      <stop offset="1" stop-color="#daddeb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-8" x1="-7052.48" y1="156.12" x2="-7051.83" y2="155.98" gradientTransform="translate(-6828.58) rotate(-180) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7e87a8"/>
+      <stop offset=".01" stop-color="#8089a9"/>
+      <stop offset=".17" stop-color="#9da4bd"/>
+      <stop offset=".33" stop-color="#b3b8cc"/>
+      <stop offset=".51" stop-color="#c3c7d7"/>
+      <stop offset=".72" stop-color="#cdd0dd"/>
+      <stop offset="1" stop-color="#d0d3e0"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-9" x1="-7043.68" y1="177.69" x2="-7029.16" y2="174.6" xlink:href="#linear-gradient-8"/>
+  </defs>
+  <g id="Layer_9" data-name="Layer 9">
+    <g>
+      <g>
+        <path class="cls-17" d="M225.07,524.83l-132.04-76.23c-4-2.31-4-8.09,0-10.4l132.04-76.23c1.86-1.07,4.14-1.07,6,0l132.04,76.23c4,2.31,4,8.09,0,10.4l-132.04,76.23c-1.86,1.07-4.14,1.07-6,0Z"/>
+        <path class="cls-4" d="M225.07,524.83l-132.04-76.23c-4-2.31-4-8.09,0-10.4l132.04-76.23c1.86-1.07,4.14-1.07,6,0l132.04,76.23c4,2.31,4,8.09,0,10.4l-132.04,76.23c-1.86,1.07-4.14,1.07-6,0Z"/>
+        <path class="cls-7" d="M456.14,443.4c0-4.04-2-8.09-6-10.4l-216.06-124.75c-3.71-2.14-8.29-2.14-12,0L6,433.01c-4,2.31-6,6.35-6,10.4v27.73c0,4.04,2,8.09,6,10.4l216.06,124.74c3.71,2.14,8.29,2.14,12,0l216.06-124.74c4-2.31,6-6.35,6-10.4v-27.73ZM348.14,457.26l-117.05,67.59c-1.86,1.07-4.14,1.07-6,0l-117.08-67.59,117.07-67.59c1.86-1.07,4.14-1.07,6,0l117.07,67.59Z"/>
+        <path class="cls-15" d="M222.07,308.26L6,433.01c-8,4.62-8,16.17,0,20.79l216.06,124.75c3.71,2.14,8.29,2.14,12,0l216.06-124.75c8-4.62,8-16.17,0-20.79l-216.06-124.75c-3.71-2.14-8.29-2.14-12,0ZM225.08,524.85l-132.09-76.26c-4-2.31-4-8.09,0-10.4l132.08-76.26c1.86-1.07,4.14-1.07,6,0l132.08,76.26c4,2.31,4,8.09,0,10.4l-132.07,76.26c-1.86,1.07-4.14,1.07-6,0Z"/>
+        <path class="cls-8" d="M93.03,448.59l15,8.66,117.04-67.57c1.86-1.07,4.14-1.07,6,0l117.04,67.57,15-8.66c4-2.31,4-8.09,0-10.4l-132.04-76.23c-1.86-1.07-4.14-1.07-6,0l-132.04,76.23c-4,2.31-4,8.09,0,10.4Z"/>
+        <g>
+          <path class="cls-5" d="M158.2,134.23c0-3.09,2.51-5.6,5.6-5.6s5.6,2.51,5.6,5.6-2.51,5.6-5.6,5.6-5.6-2.51-5.6-5.6Z"/>
+          <path class="cls-5" d="M247.91,367.47c0-3.09,2.51-5.6,5.6-5.6s5.6,2.51,5.6,5.6-2.51,5.6-5.6,5.6-5.6-2.51-5.6-5.6Z"/>
+          <circle class="cls-5" cx="253.77" cy="198.9" r="11.15"/>
+          <circle class="cls-3" cx="276.18" cy="68.99" r="5.84"/>
+          <circle class="cls-3" cx="186.07" cy="458.85" r="5.84"/>
+          <path class="cls-3" d="M174.56,316.44c0-6.17,5-11.17,11.17-11.17s11.17,5,11.17,11.17-5,11.17-11.17,11.17-11.17-5-11.17-11.17Z"/>
+          <path class="cls-3" d="M264.7,264.18c0-6.17,5-11.17,11.17-11.17s11.17,5,11.17,11.17-5,11.17-11.17,11.17-11.17-5-11.17-11.17Z"/>
+          <path class="cls-3" d="M275.6,439.89c0-6.17,5-11.17,11.17-11.17s11.17,5,11.17,11.17-5,11.17-11.17,11.17-11.17-5-11.17-11.17Z"/>
+          <circle class="cls-3" cx="209.13" cy="264.29" r="6.04"/>
+        </g>
+        <path class="cls-1" d="M93.45,448.98l131.62,75.86c1.85,1.07,4.14,1.07,5.99,0l132.08-76.1c1.81-1.04,3-2.78,3-4.89V0H89.99v443.59c0,2.63,1.47,4.34,3.46,5.39Z"/>
+      </g>
+      <g id="lock">
+        <g>
+          <path class="cls-2" d="M183.72,202.3c29.05,16.88,27.6,15.8,56.65,32.69,11.2,6.51,23.55,4.88,32,0,4.55-2.63,7.42-5.71,7.41-9.46v90c0,5.63-2.86,9.21-7.41,11.84-8.45,4.88-20.11,6.88-31.32.4-25.84-14.93-30.4-17.52-57.33-33.11-5.18-3-7.35-6.36-7.36-9.58l.02-93.89c0,3.22,2.16,8.11,7.34,11.11Z"/>
+          <path class="cls-12" d="M181.18,182.34c11.19-6.46,22.41-5.58,33.61.93,29.05,16.88,28.53,16.36,57.58,33.24,11.2,6.51,8.45,13.59,0,18.48-8.45,4.88-20.8,6.51-32,0-29.05-16.88-27.61-15.78-56.65-32.69-9.13-5.31-9.49-15.95-2.54-19.96Z"/>
+        </g>
+        <g>
+          <path class="cls-14" d="M201.88,246.85c.21-5.6,4.01-7.66,8.82-4.79,4.82,2.88,8.7,9.66,8.7,15.25,0,3.85-1.84,6.13-4.56,6.31-.25.02-.45.22-.45.47,0,2.32,0,4.64,0,6.96,0,5.47-7.36,1.32-7.36-4.62,0-2.47-.02-4.78-.02-7.26-3.06-3.48-5.29-8.17-5.14-12.33Z"/>
+          <path class="cls-6" d="M201.69,247.08c0-4.35,2.33-6.68,5.64-6.24-.9,1.08-1.39,2.66-1.39,4.7,0,3.91,1.9,8.41,4.7,11.75.19.23.3.51.3.81v6.96c0,2.76,1.66,5.19,3.44,6.41-.37,5.28-7.69.91-7.69-4.88,0-2.34,0-4.68,0-7.02,0-.26-.09-.5-.26-.7-2.82-3.34-4.74-7.86-4.74-11.8Z"/>
+        </g>
+        <g>
+          <path class="cls-16" d="M191.42,185.5c-5,2.89-5,7.57,0,10.46,5,2.89,13.11,2.89,18.12,0,5-2.89,5-7.57,0-10.46-5-2.89-13.11-2.89-18.12,0Z"/>
+          <path class="cls-16" d="M246.58,216.93c-5,2.89-5,7.57,0,10.46,5,2.89,13.11,2.89,18.12,0,5-2.89,5-7.57,0-10.46-5-2.89-13.11-2.89-18.12,0Z"/>
+          <path class="cls-13" d="M188.52,162.01c-.01-7.48,4.07-18.65,14.54-25.03,5.62-3.42,16.52-6.48,30.47-1.6,13.08,4.57,22.37,13.3,29.05,31.35,2.73,7.37,4.7,15.44,4.7,23.99s.08,30.89.08,30.89c.03,1.78-1.13,3.56-3.48,4.92-4.64,2.68-12.17,2.68-16.81,0-2.32-1.34-3.48-3.1-3.48-4.85,0-4.43-.03-22.29-.03-30.44,0-12.4-5.26-30.16-17.51-34.44-3.06-1.07-7.26-2.02-9.87-.47-1.9,1.13-3.72,3.41-3.88,5.49,0,.02,0,.04,0,.05.01,0,.01,28.44.01,28.44.03,1.78-1.21,3.48-3.56,4.83-4.64,2.68-12.09,2.76-16.73.08-2.32-1.34-3.48-3.1-3.48-4.85,0,0-.05-23.88-.01-28.35Z"/>
+          <g>
+            <path class="cls-11" d="M254.8,226.53c2.35-1.36,3.51-3.14,3.48-4.92,0,0-.08-15.23-.08-26.22,0-9.49-1.65-16.66-4.7-26.1-5.69-17.61-15.97-29.33-29.05-33.9-3.41-1.19-6.64-1.91-9.66-2.26,5.25-.65,11.6-.24,18.75,2.26,13.08,4.57,22.51,14.04,29.05,31.35,3.47,9.19,4.7,15.82,4.7,23.99.08,0,.15,30.89.08,30.89.03,1.78-1.13,3.56-3.48,4.92-3.5,2.02-8.64,2.52-12.95,1.49,1.4-.34,2.72-.83,3.86-1.49Z"/>
+            <path class="cls-9" d="M223.9,156.13c-.18-.06-.4-.11-.65-.16.22.05.44.11.65.16Z"/>
+            <path class="cls-10" d="M195.88,196.7c2.32.55,4.88.67,7.3.34.06,0,.11-.02.17-.02,1.09-.16,2.14-.41,3.12-.74.34-.12.67-.24.99-.38.48-.2.94-.43,1.38-.68,2.35-1.36,3.51-3.14,3.48-4.92v-28.44s.01-.1.01-.12c.16-2.08,2.02-4.3,3.86-5.42.92-.56,2.06-.79,3.28-.81-4.55-.31-7.09-.15-10.28.81-2.12.63-5.98,3.6-5.98,8.55,0,.71.01,25.43.01,25.43.03,1.78-1.13,3.56-3.48,4.92-1.14.66-2.45,1.15-3.86,1.49Z"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/assets/img/dashboard.svg

@@ -0,0 +1,138 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 456.14 607.88">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient-4);
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14 {
+        stroke-width: 0px;
+      }
+
+      .cls-1, .cls-3, .cls-15 {
+        opacity: .8;
+      }
+
+      .cls-2 {
+        opacity: .7;
+      }
+
+      .cls-2, .cls-6, .cls-14 {
+        fill: #fff;
+      }
+
+      .cls-3, .cls-5 {
+        fill: #0f62fe;
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-4, .cls-5, .cls-6 {
+        opacity: .4;
+      }
+
+      .cls-7 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-8 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-9 {
+        fill: #525252;
+      }
+
+      .cls-10 {
+        fill: #63a1ff;
+      }
+
+      .cls-11 {
+        fill: #6f6f6f;
+      }
+
+      .cls-12 {
+        fill: #2e7eff;
+      }
+
+      .cls-13 {
+        fill: #171717;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="90.03" y1="443.4" x2="366.11" y2="443.4" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#2f81fe"/>
+      <stop offset="1" stop-color="#be95ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0" y1="457.27" x2="456.14" y2="457.27" gradientUnits="userSpaceOnUse">
+      <stop offset=".25" stop-color="#525252"/>
+      <stop offset=".35" stop-color="#4f4e4e"/>
+      <stop offset=".42" stop-color="#454545"/>
+      <stop offset=".48" stop-color="#363434"/>
+      <stop offset=".52" stop-color="#272525"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="90.03" y1="409.21" x2="366.11" y2="409.21" gradientUnits="userSpaceOnUse">
+      <stop offset=".48" stop-color="#272525"/>
+      <stop offset=".52" stop-color="#363434"/>
+      <stop offset=".58" stop-color="#454545"/>
+      <stop offset=".65" stop-color="#4f4e4e"/>
+      <stop offset=".75" stop-color="#525252"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-4" x1="228.07" y1="520.1" x2="228.07" y2="10.81" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#0f62fe"/>
+      <stop offset=".21" stop-color="#2c75fe" stop-opacity=".72"/>
+      <stop offset=".42" stop-color="#4787fe" stop-opacity=".47"/>
+      <stop offset=".61" stop-color="#5c96fe" stop-opacity=".27"/>
+      <stop offset=".78" stop-color="#6ba0fe" stop-opacity=".12"/>
+      <stop offset=".91" stop-color="#74a6fe" stop-opacity=".03"/>
+      <stop offset="1" stop-color="#78a9ff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_9" data-name="Layer 9">
+    <g>
+      <g>
+        <path class="cls-14" d="M225.07,524.83l-132.04-76.23c-4-2.31-4-8.09,0-10.4l132.04-76.23c1.86-1.07,4.14-1.07,6,0l132.04,76.23c4,2.31,4,8.09,0,10.4l-132.04,76.23c-1.86,1.07-4.14,1.07-6,0Z"/>
+        <path class="cls-4" d="M225.07,524.83l-132.04-76.23c-4-2.31-4-8.09,0-10.4l132.04-76.23c1.86-1.07,4.14-1.07,6,0l132.04,76.23c4,2.31,4,8.09,0,10.4l-132.04,76.23c-1.86,1.07-4.14,1.07-6,0Z"/>
+        <path class="cls-7" d="M456.14,443.4c0-4.04-2-8.09-6-10.4l-216.06-124.75c-3.71-2.14-8.29-2.14-12,0L6,433.01c-4,2.31-6,6.35-6,10.4v27.73c0,4.04,2,8.09,6,10.4l216.06,124.74c3.71,2.14,8.29,2.14,12,0l216.06-124.74c4-2.31,6-6.35,6-10.4v-27.73ZM348.14,457.26l-117.05,67.59c-1.86,1.07-4.14,1.07-6,0l-117.08-67.59,117.07-67.59c1.86-1.07,4.14-1.07,6,0l117.07,67.59Z"/>
+        <path class="cls-11" d="M222.07,308.26L6,433.01c-8,4.62-8,16.17,0,20.79l216.06,124.75c3.71,2.14,8.29,2.14,12,0l216.06-124.75c8-4.62,8-16.17,0-20.79l-216.06-124.75c-3.71-2.14-8.29-2.14-12,0ZM225.08,524.85l-132.09-76.26c-4-2.31-4-8.09,0-10.4l132.08-76.26c1.86-1.07,4.14-1.07,6,0l132.08,76.26c4,2.31,4,8.09,0,10.4l-132.07,76.26c-1.86,1.07-4.14,1.07-6,0Z"/>
+        <path class="cls-8" d="M93.03,448.59l15,8.66,117.04-67.57c1.86-1.07,4.14-1.07,6,0l117.04,67.57,15-8.66c4-2.31,4-8.09,0-10.4l-132.04-76.23c-1.86-1.07-4.14-1.07-6,0l-132.04,76.23c-4,2.31-4,8.09,0,10.4Z"/>
+        <g>
+          <path class="cls-5" d="M158.2,134.23c0-3.09,2.51-5.6,5.6-5.6s5.6,2.51,5.6,5.6-2.51,5.6-5.6,5.6-5.6-2.51-5.6-5.6Z"/>
+          <path class="cls-5" d="M247.91,367.47c0-3.09,2.51-5.6,5.6-5.6s5.6,2.51,5.6,5.6-2.51,5.6-5.6,5.6-5.6-2.51-5.6-5.6Z"/>
+          <circle class="cls-5" cx="253.77" cy="198.9" r="11.15"/>
+          <circle class="cls-3" cx="276.18" cy="68.99" r="5.84"/>
+          <circle class="cls-3" cx="186.07" cy="458.85" r="5.84"/>
+          <path class="cls-3" d="M174.56,316.44c0-6.17,5-11.17,11.17-11.17s11.17,5,11.17,11.17-5,11.17-11.17,11.17-11.17-5-11.17-11.17Z"/>
+          <path class="cls-3" d="M264.7,264.18c0-6.17,5-11.17,11.17-11.17s11.17,5,11.17,11.17-5,11.17-11.17,11.17-11.17-5-11.17-11.17Z"/>
+          <path class="cls-3" d="M275.6,439.89c0-6.17,5-11.17,11.17-11.17s11.17,5,11.17,11.17-5,11.17-11.17,11.17-11.17-5-11.17-11.17Z"/>
+          <circle class="cls-3" cx="209.13" cy="264.29" r="6.04"/>
+        </g>
+        <path class="cls-1" d="M93.45,448.98l131.62,75.86c1.85,1.07,4.14,1.07,5.99,0l132.08-76.1c1.81-1.04,3-2.78,3-4.89V0H89.99v443.59c0,2.63,1.47,4.34,3.46,5.39Z"/>
+      </g>
+      <g>
+        <polygon class="cls-6" points="164.07 139.83 164.07 287.63 356.07 398.48 356.07 250.68 164.07 139.83"/>
+        <polygon class="cls-2" points="132.05 158.31 132.05 306.11 324.05 416.96 324.05 269.16 132.05 158.31"/>
+        <polygon class="cls-14" points="100.07 176.78 100.07 324.58 292.07 435.44 292.07 287.63 100.07 176.78"/>
+        <g>
+          <polygon class="cls-13" points="276.07 400.8 276.07 403.11 244.07 384.62 244.07 382.31 276.07 400.8"/>
+          <polygon class="cls-13" points="276.07 393.87 276.07 396.18 244.07 377.69 244.07 375.38 276.07 393.87"/>
+          <polygon class="cls-13" points="276.07 386.94 276.07 389.25 244.07 370.76 244.07 368.44 276.07 386.94"/>
+          <polygon class="cls-13" points="276.07 380.02 276.07 382.33 244.07 363.84 244.07 361.53 276.07 380.02"/>
+          <polygon class="cls-13" points="276.07 373.09 276.07 375.4 244.07 356.91 244.07 354.6 276.07 373.09"/>
+          <polygon class="cls-13" points="276.07 366.14 276.07 368.45 244.07 349.96 244.07 347.65 276.07 366.14"/>
+          <polygon class="cls-13" points="276.07 359.24 276.07 361.55 244.07 343.05 244.07 340.74 276.07 359.24"/>
+          <polygon class="cls-10" points="265.47 320.01 265.37 346.05 254.68 339.89 254.77 313.93 265.47 320.01"/>
+          <polygon class="cls-12" points="276.03 315.33 276.07 352.13 265.37 346.05 265.48 309.27 276.03 315.33"/>
+          <polygon class="cls-9" points="254.73 321.52 254.68 339.89 244.07 333.77 244.07 315.33 254.73 321.52"/>
+          <g class="cls-15">
+            <path class="cls-12" d="M116.07,276.28s6.76,11.93,14.59,16.4c21.58,12.31,23.7-10.45,37.73-2.76,13.31,7.29,14.99,24.11,26.08,30.51s16.21-5.93,26.17-18.68c4.01-5.14,7.46,4.66,7.46,4.66v73.61s-112.1-64.72-112.1-64.72l.08-39.02Z"/>
+            <path class="cls-10" d="M116.07,283.16s11.13,16.73,18.97,21.25c14.59,8.42,25.87-2,37.01,4.44,11.28,6.51,15.91,22.1,27,28.5,6.52,3.77,15.13-8.3,20.12-10.95,4.73-2.52,8.86,4.68,8.86,4.68l.07,48.94-112.1-64.72.07-32.14Z"/>
+            <path class="cls-9" d="M116.07,296.03s11.19-16.2,19.28-8.91c13.77,12.39,25.48,41.2,36.62,47.63,11.28,6.51,23.27-13.45,34.35-7.05,11.33,6.54,21.76,26.77,21.76,26.77v25.55s-112.1-64.72-112.1-64.72l.08-19.27Z"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/assets/img/emptystate-empty.svg

@@ -0,0 +1,261 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   class="iot--empty-state--icon"
+   data-testid="EmptyState-icon"
+   version="1.1"
+   id="svg280"
+   sodipodi:docname="empty.svg"
+   inkscape:version="1.2.2 (b0a8486, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview282"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="12.8375"
+     inkscape:cx="39.961052"
+     inkscape:cy="40"
+     inkscape:window-width="1390"
+     inkscape:window-height="1205"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg280" />
+  <defs
+     id="defs246">
+    <linearGradient
+       id="a"
+       x1="37.502%"
+       x2="55.959%"
+       y1="34.928%"
+       y2="57.808%">
+      <stop
+         offset="0%"
+         stop-opacity=".04"
+         id="stop196" />
+      <stop
+         offset="100%"
+         stop-opacity=".04"
+         id="stop198" />
+    </linearGradient>
+    <linearGradient
+       id="b"
+       x1="-63.062%"
+       x2="101.194%"
+       y1="77.587%"
+       y2="37.496%">
+      <stop
+         offset="0%"
+         stop-color="#767676"
+         id="stop201" />
+      <stop
+         offset="100%"
+         stop-color="#929292"
+         id="stop203" />
+    </linearGradient>
+    <linearGradient
+       id="c"
+       x1="73.167%"
+       x2="44.204%"
+       y1="89.948%"
+       y2="39.998%">
+      <stop
+         offset="0%"
+         stop-color="#969696"
+         id="stop206" />
+      <stop
+         offset="100%"
+         stop-color="#E8E8E8"
+         id="stop208" />
+    </linearGradient>
+    <linearGradient
+       id="d"
+       x1="-23.114%"
+       x2="57.391%"
+       y1="-11.496%"
+       y2="56.197%">
+      <stop
+         offset="0%"
+         stop-color="#393939"
+         id="stop211" />
+      <stop
+         offset="99%"
+         stop-color="#525252"
+         id="stop213" />
+    </linearGradient>
+    <linearGradient
+       id="e"
+       x1="5.255%"
+       x2="56.521%"
+       y1="115.2%"
+       y2="40.489%">
+      <stop
+         offset="0%"
+         stop-color="#9C9C9C"
+         id="stop216" />
+      <stop
+         offset="100%"
+         stop-color="#C5C5C5"
+         id="stop218" />
+    </linearGradient>
+    <linearGradient
+       id="f"
+       x1="45.625%"
+       x2="61.212%"
+       y1="38.922%"
+       y2="78.234%">
+      <stop
+         offset="0%"
+         stop-color="#8A8A8A"
+         id="stop221" />
+      <stop
+         offset="100%"
+         stop-color="#B5B5B5"
+         id="stop223" />
+    </linearGradient>
+    <linearGradient
+       id="g"
+       x1="57.243%"
+       x2="41.531%"
+       y1="31.727%"
+       y2="71.327%">
+      <stop
+         offset="0%"
+         stop-color="#A4A4A4"
+         id="stop226" />
+      <stop
+         offset="100%"
+         stop-color="#BEBEBE"
+         id="stop228" />
+    </linearGradient>
+    <linearGradient
+       id="h"
+       x1="27.599%"
+       x2="45.796%"
+       y1="69.394%"
+       y2="53.639%">
+      <stop
+         offset="0%"
+         stop-color="#C2C2C2"
+         id="stop231" />
+      <stop
+         offset="100%"
+         stop-color="#E8E8E8"
+         id="stop233" />
+    </linearGradient>
+    <linearGradient
+       id="i"
+       x1="62.356%"
+       x2="31.337%"
+       y1="64.634%"
+       y2="27.889%">
+      <stop
+         offset="0%"
+         stop-color="#C6C6C6"
+         id="stop236" />
+      <stop
+         offset="100%"
+         stop-color="#E8E8E8"
+         id="stop238" />
+    </linearGradient>
+    <linearGradient
+       id="j"
+       x1="62.354%"
+       x2="43.81%"
+       y1="114.244%"
+       y2="17.782%">
+      <stop
+         offset="0%"
+         stop-color="#B7B7B7"
+         id="stop241" />
+      <stop
+         offset="100%"
+         stop-color="#EEE"
+         id="stop243" />
+    </linearGradient>
+  </defs>
+  <g
+     fill="none"
+     id="g278">
+    <path
+       fill="#A8A8A8"
+       d="M36.131 27.683c.03.03.065.053.103.069h.042l-.159-.09s0 .02.014.02z"
+       id="path248" />
+    <path
+       fill="url(#a)"
+       d="M28.793.593.041 17.241l28.835 16.697 28.758-16.62z"
+       transform="translate(11.724 43)"
+       id="path250" />
+    <path
+       fill="url(#b)"
+       d="M.069 16.207v24.476L28.062 24.51V.034L.07 16.207z"
+       transform="translate(12.414 7.138)"
+       id="path252" />
+    <path
+       fill="url(#c)"
+       d="M40.455 2.807 27.945.33 0 16.551l12.483 2.477z"
+       transform="translate(0 4.38)"
+       id="path254" />
+    <path
+       fill="url(#d)"
+       d="M27.986.276 0 16.462l28.048 16.241 27.986-16.151z"
+       transform="translate(12.414 31.276)"
+       id="path256" />
+    <path
+       fill="url(#e)"
+       d="M28.434 40.641V16.207L.47.034V24.47l27.965 16.172z"
+       transform="translate(40 7.138)"
+       id="path258" />
+    <path
+       fill="url(#f)"
+       d="M28.476 24.828V.352l-28 16.2v24.482l28-16.206z"
+       transform="translate(40 23)"
+       id="path260" />
+    <path
+       fill="url(#g)"
+       d="M28.062 41.007V16.524L.097.36v24.475l27.965 16.173z"
+       transform="translate(12.414 23)"
+       id="path262" />
+    <path
+       fill="url(#h)"
+       d="M28.517 20.407 40 16.84 11.952.607.469 4.172z"
+       transform="translate(40 3)"
+       id="path264" />
+    <path
+       fill="url(#i)"
+       d="M39.559 10.834 28.524.317.517 16.503l11.076 10.51z"
+       transform="translate(40 23)"
+       id="path266" />
+    <path
+       fill="url(#j)"
+       d="m28.276 31.848 10.227-15.296L10.455.276.235 15.606z"
+       transform="translate(2.069 23)"
+       id="path268" />
+    <path
+       fill="#FFF"
+       d="m2.303 38.607.063.041 10.158-15.227 27.966 16.2.082-.104-28.048-16.241z"
+       id="path270" />
+    <path
+       fill="#FFF"
+       d="m68.69 23.503-.2-.186-27.973 16.186 11.076 10.51.076-.054-10.855-10.345z"
+       id="path272" />
+    <path
+       fill="#999"
+       d="m80 19.841-.159-.09-11.324 3.511-27.89-16.124-.158.055 28.048 16.235z"
+       id="path274" />
+    <path
+       fill="#FFF"
+       d="M68.517 23.262h.09L40.614 7.028v-.042l-.131.042 28.034 16.234z"
+       id="path276" />
+  </g>
+</svg>