npm - testio-tailwind - Versions diffs - 0.1.0 - Mend

testio-tailwind 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (538) hide show

package/src/_layouts/base.njk ADDED Viewed

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    {% include "head.njk" %}
+    <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.13.0/beautify-html.js"></script>
+    <script>
+      window.onload = () => {
+        const previews = document.getElementsByClassName("html-preview");
+        for (i = 0; i < previews.length; i++) {
+          previews[i].innerText = html_beautify(previews[i].textContent)
+        }
+      }
+    </script>
+  </head>
+  <body class="app-body">
+    <header class="header manager">
+      <div class="navlinks logo-wrapper">
+        <a class="navlink header-logo" href="/"></a>
+      </div>
+      <div class="navlinks">
+        {% for item in navigation.items %}
+          <a href="{{ item.url }}"
+              {% if page.url == item.url %} aria-current="page" {% endif %}
+              class="navlink
+              {% if page.url == item.url %} active {% endif %}">
+            {{ item.text }}
+          </a>
+        {% endfor %}
+        <details class="header-dropdown">
+          <summary class="navlink">Examples</summary>
+          <div class="dropdown-menu">
+            {% for examples in collections.examples %}
+              <a href="{{ examples.url }}"
+                  class="dropdown-link">
+                {{ examples.data.title }}
+              </a>
+            {% endfor %}
+          </div>
+        </details>
+      </div>
+      <!-- Mobile menu button-->
+      <div class="mobile-links">
+        <details>
+            <summary class="mobile-menu-btn"><div class="navlink"><span class="sr-only">Open main menu</span><!-- Icon when menu is closed.--><span class="text-xl icon icon-menu" aria-hidden="true"></span></div></summary>
+            <div class="mobile-menu sidebar">
+              {% for item in navigation.items %}
+                <a href="{{ item.url }}"
+                    {% if page.url == item.url %} aria-current="page" {% endif %}
+                    class="navlink
+                    {% if page.url == item.url %} active {% endif %}">
+                  {{ item.text }}
+                </a>
+              {% endfor %}
+              <details>
+                <summary class="navlink-container"><div class="navlink">Examples</div></summary>
+                {% for examples in collections.examples %}
+                  <a href="{{ examples.url }}"
+                      class="navlink">
+                    {{ examples.data.title }}
+                  </a>
+                {% endfor %}
+              </details>
+            </div>
+        </details>
+      </div>
+    </header>
+  {% block content %}
+    {{ content | safe }}
+  {% endblock %}
+  </body>
+  {% include "footer-scripts.njk" %}
+</html>

package/src/_layouts/email-template.njk ADDED Viewed

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    {% include "head.njk" %}
+    <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.13.0/beautify-html.js"></script>
+    <script>
+      window.onload = () => {
+        const previews = document.getElementsByClassName("html-preview");
+        for (i = 0; i < previews.length; i++) {
+          previews[i].innerText = html_beautify(previews[i].textContent)
+        }
+      }
+    </script>
+  </head>
+  <body class="app-body">
+    <header class="header"><a class="navlink header-logo" href="/"></a>
+      <div class="navlinks">
+        {% for item in navigation.items %}
+          <a href="{{ item.url }}"
+              {% if page.url == item.url %} aria-current="page" {% endif %}
+              class="navlink
+              {% if page.url == item.url %} active {% endif %}">
+            {{ item.text }}
+          </a>
+        {% endfor %}
+        <details class="header-dropdown">
+          <summary class="navlink">Examples</summary>
+          <div class="dropdown-menu dropdown-projects">
+            {% for examples in collections.examples %}
+              <a href="{{ examples.url }}"
+                  class="dropdown-link">
+                {{ examples.data.title }}
+              </a>
+            {% endfor %}
+          </div>
+        </details>
+      </div>
+      <!-- Mobile menu button-->
+      <div class="mobile-links">
+        <details>
+            <summary class="mobile-menu-btn"><div class="navlink"><span class="sr-only">Open main menu</span><!-- Icon when menu is closed.--><span class="text-xl icon icon-menu" aria-hidden="true"></span></div></summary>
+            <div class="mobile-menu sidebar">
+              {% for item in navigation.items %}
+                <a href="{{ item.url }}"
+                    {% if page.url == item.url %} aria-current="page" {% endif %}
+                    class="navlink
+                    {% if page.url == item.url %} active {% endif %}">
+                  {{ item.text }}
+                </a>
+              {% endfor %}
+            <details>
+              <summary class="navlink-container"><div class="navlink">Examples</div></summary>
+              {% for examples in collections.examples %}
+                <a href="{{ examples.url }}"
+                    class="navlink">
+                  {{ examples.data.title }}
+                </a>
+              {% endfor %}
+            </details>
+        <details>
+          <summary class="navlink-container"><div class="navlink">E-Mail</div></summary>
+          {% for emailtemplates in collections.emailtemplates %}
+            <a href="{{ emailtemplates.url }}"
+                class="navlink">
+              {{ emailtemplates.data.title }}
+            </a>
+          {% endfor %}
+        </details>
+            </div>
+        </details>
+      </div>
+    </header>
+    {% block content %}
+      <main class="email-template-container">{{ content | safe }}</main>
+    {% endblock %}
+  </body>
+  {% include "footer-scripts.njk" %}
+</html>

package/src/_layouts/page-example-customer.njk ADDED Viewed

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    {% include "head.njk" %}
+    <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
+  </head>
+  <body class="app-body">
+    <header class="header">
+      <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
+      <div class="navlinks left">
+        {% for item in navigation.items %}
+          <a href="{{ item.url }}"
+              {% if page.url == item.url %} aria-current="page" {% endif %}
+              class="navlink
+              {% if page.url == item.url %} active {% endif %}">
+            {{ item.text }}
+          </a>
+        {% endfor %}
+        <details class="header-dropdown">
+          <summary class="navlink">Examples</summary>
+          <div class="dropdown-menu dropdown-projects">
+            {% for examples in collections.examples %}
+              <a href="{{ examples.url }}"
+                  class="dropdown-link">
+                {{ examples.data.title }}
+              </a>
+            {% endfor %}
+          </div>
+        </details>
+      </div>
+    <details class="mobile-links">
+        <summary class="mobile-menu-btn">
+            <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
+        </summary>
+        <div class="mobile-menu sidebar z-10">
+          {% for item in navigation.items %}
+            <a href="{{ item.url }}"
+                {% if page.url == item.url %} aria-current="page" {% endif %}
+                class="navlink
+                {% if page.url == item.url %} active {% endif %}">
+              {{ item.text }}
+            </a>
+          {% endfor %}
+          <details class="header-dropdown">
+            <summary class="navlink">Examples</summary>
+            <div class="dropdown-menu">
+              {% for examples in collections.examples %}
+                <a href="{{ examples.url }}"
+                    class="dropdown-link">
+                  {{ examples.data.title }}
+                </a>
+              {% endfor %}
+            </div>
+          </details>
+        </div>
+    </details>
+    </header>
+    {% block content %}
+      <main class="page-example-container">
+        <div class="app-body">
+          {% include "example-header-customer.pug" %}
+          {{ content | safe }}
+        </div>
+      </main>
+    {% endblock %}
+  </body>
+  {% include "footer-scripts.njk" %}
+</html>

package/src/_layouts/page-example-manager.njk ADDED Viewed

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    {% include "head.njk" %}
+    <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
+  </head>
+  <body class="app-body">
+    <header class="header">
+      <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
+      <div class="navlinks left">
+        {% for item in navigation.items %}
+          <a href="{{ item.url }}"
+              {% if page.url == item.url %} aria-current="page" {% endif %}
+              class="navlink
+              {% if page.url == item.url %} active {% endif %}">
+            {{ item.text }}
+          </a>
+        {% endfor %}
+        <details class="header-dropdown">
+          <summary class="navlink">Examples</summary>
+          <div class="dropdown-menu dropdown-projects">
+            {% for examples in collections.examples %}
+              <a href="{{ examples.url }}"
+                  class="dropdown-link">
+                {{ examples.data.title }}
+              </a>
+            {% endfor %}
+          </div>
+        </details>
+      </div>
+    <details class="mobile-links">
+        <summary class="mobile-menu-btn">
+            <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
+        </summary>
+        <div class="mobile-menu sidebar z-10">
+          {% for item in navigation.items %}
+            <a href="{{ item.url }}"
+                {% if page.url == item.url %} aria-current="page" {% endif %}
+                class="navlink
+                {% if page.url == item.url %} active {% endif %}">
+              {{ item.text }}
+            </a>
+          {% endfor %}
+          <details class="header-dropdown">
+            <summary class="navlink">Examples</summary>
+            <div class="dropdown-menu">
+              {% for examples in collections.examples %}
+                <a href="{{ examples.url }}"
+                    class="dropdown-link">
+                  {{ examples.data.title }}
+                </a>
+              {% endfor %}
+            </div>
+          </details>
+        </div>
+    </details>
+    </header>
+    {% block content %}
+      <main class="page-example-container">
+        <div class="app-body">
+          {% include "example-header-manager.njk" %}
+          {{ content | safe }}
+        </div>
+      </main>
+    {% endblock %}
+  </body>
+  {% include "footer-scripts.njk" %}
+</html>

package/src/_layouts/page-example-tester.njk ADDED Viewed

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    {% include "head.njk" %}
+    <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
+  </head>
+  <body class="app-body">
+    <header class="header">
+      <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
+      <div class="navlinks left">
+        {% for item in navigation.items %}
+          <a href="{{ item.url }}"
+              {% if page.url == item.url %} aria-current="page" {% endif %}
+              class="navlink
+              {% if page.url == item.url %} active {% endif %}">
+            {{ item.text }}
+          </a>
+        {% endfor %}
+        <details class="header-dropdown">
+          <summary class="navlink">Examples</summary>
+          <div class="dropdown-menu dropdown-projects">
+            {% for examples in collections.examples %}
+              <a href="{{ examples.url }}"
+                  class="dropdown-link">
+                {{ examples.data.title }}
+              </a>
+            {% endfor %}
+          </div>
+        </details>
+      </div>
+    <details class="mobile-links">
+        <summary class="mobile-menu-btn">
+            <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
+        </summary>
+        <div class="mobile-menu sidebar z-10">
+          {% for item in navigation.items %}
+            <a href="{{ item.url }}"
+                {% if page.url == item.url %} aria-current="page" {% endif %}
+                class="navlink
+                {% if page.url == item.url %} active {% endif %}">
+              {{ item.text }}
+            </a>
+          {% endfor %}
+          <details class="header-dropdown">
+            <summary class="navlink">Examples</summary>
+            <div class="dropdown-menu">
+              {% for examples in collections.examples %}
+                <a href="{{ examples.url }}"
+                    class="dropdown-link">
+                  {{ examples.data.title }}
+                </a>
+              {% endfor %}
+            </div>
+          </details>
+        </div>
+    </details>
+    </header>
+    {% block content %}
+      <main class="page-example-container">
+        <div class="app-body">
+          {% include "example-header-tester.njk" %}
+          {{ content | safe }}
+        </div>
+      </main>
+    {% endblock %}
+  </body>
+  {% include "footer-scripts.njk" %}
+</html>

package/src/_layouts/page-example.njk ADDED Viewed

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    {% include "head.njk" %}
+    <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.13.0/beautify-html.js"></script>
+    <script>
+      window.onload = () => {
+        const previews = document.getElementsByClassName("html-preview");
+        for (i = 0; i < previews.length; i++) {
+          previews[i].innerText = html_beautify(previews[i].textContent)
+        }
+      }
+    </script>
+  </head>
+  <body class="app-body">
+    <header class="header">
+      <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
+      <div class="navlinks left">
+        {% for item in navigation.items %}
+          <a href="{{ item.url }}"
+              {% if page.url == item.url %} aria-current="page" {% endif %}
+              class="navlink
+              {% if page.url == item.url %} active {% endif %}">
+            {{ item.text }}
+          </a>
+        {% endfor %}
+        <details class="header-dropdown">
+          <summary class="navlink">Examples</summary>
+          <div class="dropdown-menu dropdown-projects">
+            {% for examples in collections.examples %}
+              <a href="{{ examples.url }}"
+                  class="dropdown-link">
+                {{ examples.data.title }}
+              </a>
+            {% endfor %}
+          </div>
+        </details>
+      </div>
+    <details class="mobile-links">
+        <summary class="mobile-menu-btn">
+            <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
+        </summary>
+        <div class="mobile-menu sidebar z-10">
+          {% for item in navigation.items %}
+            <a href="{{ item.url }}"
+                {% if page.url == item.url %} aria-current="page" {% endif %}
+                class="navlink
+                {% if page.url == item.url %} active {% endif %}">
+              {{ item.text }}
+            </a>
+          {% endfor %}
+          <details class="header-dropdown">
+            <summary class="navlink">Examples</summary>
+            <div class="dropdown-menu">
+              {% for examples in collections.examples %}
+                <a href="{{ examples.url }}"
+                    class="dropdown-link">
+                  {{ examples.data.title }}
+                </a>
+              {% endfor %}
+            </div>
+          </details>
+        </div>
+    </details>
+    </header>
+    {% block content %}
+      <main class="page-example-container">
+        <div class="app-body">
+          {% include "example-header.njk" %}
+          {{ content | safe }}
+        </div>
+      </main>
+    {% endblock %}
+  </body>
+  {% include "footer-scripts.njk" %}
+</html>

package/src/assets/images/Cirro-App-Defaultimage.png ADDED Viewed

Binary file

package/src/assets/images/Cirro-App-Defaultimage.svg ADDED Viewed

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="Cirro-App-Defaultimage" x="-0" y="0" width="300" height="300" style="fill:rgb(84,110,122);"/>
+    <g>
+        <path d="M184.254,127.391C184.254,108.181 168.681,92.609 149.472,92.609C130.275,92.609 114.689,108.194 114.689,127.391C114.689,127.998 114.705,128.605 114.737,129.212L121.684,128.848C121.658,128.363 121.645,127.877 121.645,127.391C121.645,112.034 134.114,99.565 149.472,99.565C164.839,99.565 177.298,112.023 177.298,127.391L184.254,127.391Z" style="fill:rgb(84,110,122);"/>
+        <path d="M184.254,127.391C184.254,108.181 168.681,92.609 149.472,92.609C130.275,92.609 114.689,108.194 114.689,127.391C114.689,127.998 114.705,128.605 114.737,129.212L121.684,128.848C121.658,128.363 121.645,127.877 121.645,127.391C121.645,112.034 134.114,99.565 149.472,99.565C164.839,99.565 177.298,112.023 177.298,127.391L184.254,127.391Z" style="fill:white;"/>
+        <path d="M168.922,142.714C172.432,138.379 174.348,132.97 174.348,127.391C174.348,113.953 163.438,103.043 150,103.043C136.562,103.043 125.652,113.953 125.652,127.391C125.652,131.809 126.854,136.144 129.13,139.931L133.304,137.423C131.483,134.394 130.522,130.926 130.522,127.391C130.522,116.641 139.25,107.913 150,107.913C160.75,107.913 169.478,116.641 169.478,127.391C169.478,131.854 167.946,136.181 165.137,139.649L168.922,142.714Z" style="fill:rgb(84,110,122);"/>
+        <path d="M168.922,142.714C172.432,138.379 174.348,132.97 174.348,127.391C174.348,113.953 163.438,103.043 150,103.043C136.562,103.043 125.652,113.953 125.652,127.391C125.652,131.809 126.854,136.144 129.13,139.931L133.304,137.423C131.483,134.394 130.522,130.926 130.522,127.391C130.522,116.641 139.25,107.913 150,107.913C160.75,107.913 169.478,116.641 169.478,127.391C169.478,131.854 167.946,136.181 165.137,139.649L168.922,142.714Z" style="fill:white;"/>
+        <path d="M136.536,147.049C138.925,145.438 139.555,142.195 137.944,139.806C130.508,128.782 118.08,122.174 104.783,122.174C82.706,122.174 64.783,140.097 64.783,162.174C64.783,184.251 82.706,202.174 104.783,202.174C105.714,202.174 106.644,202.141 107.573,202.076C110.447,201.875 112.615,199.382 112.414,196.508L111.928,189.568C111.727,186.694 109.234,184.527 106.36,184.728C105.835,184.764 105.309,184.783 104.783,184.783C92.305,184.783 82.174,174.652 82.174,162.174C82.174,149.696 92.305,139.565 104.783,139.565C112.299,139.565 119.323,143.3 123.526,149.531C125.137,151.92 128.38,152.55 130.769,150.939L136.536,147.049ZM133.619,142.724C127.153,133.138 116.346,127.391 104.783,127.391C85.586,127.391 70,142.977 70,162.174C70,181.371 85.586,196.957 104.783,196.957C105.592,196.957 106.401,196.928 107.209,196.872L106.724,189.932C106.078,189.977 105.43,190 104.783,190C89.425,190 76.957,177.532 76.957,162.174C76.957,146.816 89.425,134.348 104.783,134.348C114.033,134.348 122.679,138.945 127.851,146.614L133.619,142.724Z" style="fill:rgb(84,110,122);"/>
+        <path d="M133.619,142.724C127.153,133.138 116.346,127.391 104.783,127.391C85.586,127.391 70,142.977 70,162.174C70,181.371 85.586,196.957 104.783,196.957C105.592,196.957 106.401,196.928 107.209,196.872L106.724,189.932C106.078,189.977 105.43,190 104.783,190C89.425,190 76.957,177.532 76.957,162.174C76.957,146.816 89.425,134.348 104.783,134.348C114.033,134.348 122.679,138.945 127.851,146.614L133.619,142.724Z" style="fill:white;"/>
+        <path d="M190,196.957C190,199.838 192.336,202.174 195.217,202.174C217.309,202.174 235.217,184.265 235.217,162.174C235.217,140.097 217.294,122.174 195.217,122.174C180.927,122.174 167.722,129.798 160.576,142.174C159.136,144.669 159.991,147.86 162.486,149.301L168.511,152.779C171.006,154.22 174.197,153.365 175.638,150.87C179.676,143.874 187.14,139.565 195.217,139.565C207.695,139.565 217.826,149.696 217.826,162.174C217.826,174.66 207.704,184.783 195.217,184.783C192.336,184.783 190,187.119 190,190L190,196.957ZM195.217,196.957C214.427,196.957 230,181.384 230,162.174C230,142.977 214.414,127.391 195.217,127.391C182.791,127.391 171.308,134.021 165.095,144.783L171.119,148.261C176.09,139.651 185.276,134.348 195.217,134.348C210.575,134.348 223.043,146.816 223.043,162.174C223.043,177.542 210.585,190 195.217,190L195.217,196.957Z" style="fill:rgb(84,110,122);"/>
+        <path d="M195.217,196.957C214.427,196.957 230,181.384 230,162.174C230,142.977 214.414,127.391 195.217,127.391C182.791,127.391 171.308,134.021 165.095,144.783L171.119,148.261C176.09,139.651 185.276,134.348 195.217,134.348C210.575,134.348 223.043,146.816 223.043,162.174C223.043,177.542 210.585,190 195.217,190L195.217,196.957Z" style="fill:white;"/>
+        <path d="M124.727,148.209C120.171,141.701 112.726,137.826 104.783,137.826C91.345,137.826 80.435,148.736 80.435,162.174C80.435,175.621 91.336,186.522 104.783,186.522L104.783,181.652C94.025,181.652 85.304,172.931 85.304,162.174C85.304,151.424 94.032,142.696 104.783,142.696C111.138,142.696 117.093,145.796 120.738,151.002L124.727,148.209Z" style="fill:rgb(84,110,122);"/>
+        <path d="M124.727,148.209C120.171,141.701 112.726,137.826 104.783,137.826C91.345,137.826 80.435,148.736 80.435,162.174C80.435,175.621 91.336,186.522 104.783,186.522L104.783,181.652C94.025,181.652 85.304,172.931 85.304,162.174C85.304,151.424 94.032,142.696 104.783,142.696C111.138,142.696 117.093,145.796 120.738,151.002L124.727,148.209Z" style="fill:white;"/>
+        <path d="M174.347,149.634C178.749,142.308 186.67,137.826 195.217,137.826C208.655,137.826 219.565,148.736 219.565,162.174C219.565,175.621 208.664,186.522 195.217,186.522L195.217,181.652C205.975,181.652 214.696,172.931 214.696,162.174C214.696,151.424 205.968,142.696 195.217,142.696C188.38,142.696 182.043,146.281 178.521,152.142L174.347,149.634Z" style="fill:rgb(84,110,122);"/>
+        <path d="M174.347,149.634C178.749,142.308 186.67,137.826 195.217,137.826C208.655,137.826 219.565,148.736 219.565,162.174C219.565,175.621 208.664,186.522 195.217,186.522L195.217,181.652C205.975,181.652 214.696,172.931 214.696,162.174C214.696,151.424 205.968,142.696 195.217,142.696C188.38,142.696 182.043,146.281 178.521,152.142L174.347,149.634Z" style="fill:white;"/>
+        <path d="M174.348,179.565C182.027,179.565 188.261,185.799 188.261,193.478C188.261,201.157 182.027,207.391 174.348,207.391L160.435,207.391L160.435,179.565L174.348,179.565ZM174.348,200.435L167.391,200.435C167.391,200.435 167.391,186.522 167.391,186.522C167.391,186.522 174.348,186.522 174.348,186.522C178.187,186.522 181.304,189.639 181.304,193.478C181.304,197.318 178.187,200.435 174.348,200.435Z" style="fill:white;"/>
+        <path d="M122.174,179.565C114.495,179.565 108.261,185.799 108.261,193.478C108.261,201.157 114.495,207.391 122.174,207.391L136.087,207.391L136.087,179.565L122.174,179.565ZM122.174,200.435C118.335,200.435 115.217,197.318 115.217,193.478C115.217,189.639 118.335,186.522 122.174,186.522L129.13,186.522C129.13,186.522 129.13,200.435 129.13,200.435L122.174,200.435Z" style="fill:white;"/>
+        <path d="M146.522,186.499C146.522,184.579 144.963,183.021 143.043,183.021L132.609,183.021C130.689,183.021 129.13,184.579 129.13,186.499C129.13,188.419 130.689,189.977 132.609,189.977L143.043,189.977C144.963,189.977 146.522,188.419 146.522,186.499Z" style="fill:white;"/>
+        <path d="M115.217,193.456C115.217,191.536 113.659,189.977 111.739,189.977L101.304,189.977C99.385,189.977 97.826,191.536 97.826,193.456C97.826,195.375 99.385,196.934 101.304,196.934L111.739,196.934C113.659,196.934 115.217,195.375 115.217,193.456Z" style="fill:white;"/>
+        <path d="M198.696,193.456C198.696,191.536 197.137,189.977 195.217,189.977L184.783,189.977C182.863,189.977 181.304,191.536 181.304,193.456C181.304,195.375 182.863,196.934 184.783,196.934L195.217,196.934C197.137,196.934 198.696,195.375 198.696,193.456Z" style="fill:white;"/>
+        <path d="M146.522,200.412C146.522,198.492 144.963,196.934 143.043,196.934L132.609,196.934C130.689,196.934 129.13,198.492 129.13,200.412C129.13,202.332 130.689,203.89 132.609,203.89L143.043,203.89C144.963,203.89 146.522,202.332 146.522,200.412Z" style="fill:white;"/>
+    </g>
+</svg>

package/src/assets/images/arrow-down.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="arrow-down" x="0" y="0" width="14" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="14" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <g id="Arrow-head" serif:id="Arrow head">
+            <path d="M6.998,15.394L0.276,8.688C0.235,8.644 0.223,8.634 0.186,8.585C-0.156,8.134 -0.018,7.393 0.492,7.106C0.83,6.915 1.279,6.945 1.589,7.179C1.637,7.216 1.648,7.228 1.692,7.269L6.998,12.562L6.998,15.394ZM6.998,15.394L13.72,8.688C13.761,8.644 13.773,8.634 13.81,8.585C14.152,8.134 14.014,7.393 13.504,7.106C13.166,6.915 12.717,6.945 12.407,7.179C12.359,7.216 12.348,7.228 12.304,7.269L6.998,12.562L6.998,15.394Z"/>
+        </g>
+    </g>
+</svg>

package/src/assets/images/arrow-left.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 9 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="arrow-left" x="0" y="0" width="9" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="9" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <g id="Arrow-head" serif:id="Arrow head">
+            <path d="M0.587,9.998L7.293,3.276C7.337,3.235 7.347,3.223 7.396,3.186C7.847,2.844 8.588,2.982 8.875,3.492C9.066,3.83 9.036,4.279 8.801,4.589C8.765,4.637 8.753,4.648 8.712,4.692L3.418,9.998L0.587,9.998ZM0.587,9.998L7.293,16.72C7.337,16.761 7.347,16.773 7.396,16.81C7.847,17.152 8.588,17.014 8.875,16.504C9.066,16.166 9.036,15.717 8.801,15.407C8.765,15.359 8.753,15.348 8.712,15.304L3.418,9.998L0.587,9.998Z"/>
+        </g>
+    </g>
+</svg>

package/src/assets/images/arrow-right.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 9 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="arrow-right" x="0" y="0" width="9" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="9" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <g id="Arrow-head" serif:id="Arrow head">
+            <path d="M8.413,10.002L1.707,16.724C1.663,16.765 1.653,16.777 1.604,16.814C1.153,17.156 0.412,17.018 0.125,16.508C-0.066,16.17 -0.036,15.721 0.199,15.411C0.235,15.363 0.247,15.352 0.288,15.308L5.582,10.002L8.413,10.002ZM8.413,10.002L1.707,3.28C1.663,3.239 1.653,3.227 1.604,3.19C1.153,2.848 0.412,2.986 0.125,3.496C-0.066,3.834 -0.036,4.283 0.199,4.593C0.235,4.641 0.247,4.652 0.288,4.696L5.582,10.002L8.413,10.002Z"/>
+        </g>
+    </g>
+</svg>

package/src/assets/images/arrow-thick-left.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 13 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="arrow-thick-left" x="0" y="0" width="12.952" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="12.952" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <rect id="Bounding-box" serif:id="Bounding box" x="-0.005" y="0.006" width="20.021" height="19.994" style="fill:none;"/>
+        <path d="M0,9.996L10.006,0L12.829,2.824L5.653,10.001L12.829,17.178L10.006,20.002L0,10.005L0.005,10.001L0,9.996Z"/>
+        <path d="M0,9.996L10.006,0L12.829,2.824L5.653,10.001L12.829,17.178L10.006,20.002L0,10.005L0.005,10.001L0,9.996Z"/>
+    </g>
+</svg>

package/src/assets/images/arrow-thick-right.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 13 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="arrow-thick-right" x="-0.01" y="0" width="12.952" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="-0.01" y="0" width="12.952" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <rect id="Bounding-box" serif:id="Bounding box" x="-0.015" y="0.006" width="20.021" height="19.994" style="fill:none;"/>
+        <path d="M12.941,9.996L2.936,0L0.112,2.824L7.289,10.001L0.112,17.178L2.936,20.002L12.941,10.005L12.936,10.001L12.941,9.996Z"/>
+        <path d="M12.941,9.996L2.936,0L0.112,2.824L7.289,10.001L0.112,17.178L2.936,20.002L12.941,10.005L12.936,10.001L12.941,9.996Z"/>
+    </g>
+</svg>

package/src/assets/images/arrow-translation-lg.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="32" viewBox="0 0 10 32"><defs><clipPath id="a"><rect width="10" height="32" transform="translate(0 2)"/></clipPath></defs><g transform="translate(0 -2)"><rect width="10" height="32" transform="translate(0 2)" fill="none"/><g clip-path="url(#a)"><path d="M9,2H0V31H4V29H2V4H9Z" fill-rule="evenodd"/><path d="M10,30,4,26v8Z" fill-rule="evenodd"/></g></g></svg>

package/src/assets/images/arrow-translation.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="22" viewBox="0 0 8 22"><defs><clipPath id="a"><rect width="8" height="22"/></clipPath></defs><rect width="8" height="22" fill="none"/><g clip-path="url(#a)"><path d="M8,19,3.5,16v6Z" fill-rule="evenodd"/><path d="M7,0H0V20H4V18H2V2H7Z" fill-rule="evenodd"/><path d="M7,0H0V20H4V18H2V2H7Z" fill-rule="evenodd"/></g></svg>

package/src/assets/images/arrow-up.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="arrow-up" x="0" y="0" width="14" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="14" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <g id="Arrow-head" serif:id="Arrow head">
+            <path d="M7,4.587L13.722,11.293C13.763,11.337 13.775,11.347 13.812,11.396C14.154,11.847 14.016,12.588 13.506,12.875C13.168,13.066 12.719,13.036 12.409,12.801C12.361,12.765 12.35,12.753 12.306,12.712L7,7.418L7,4.587ZM7,4.587L0.278,11.293C0.237,11.337 0.225,11.347 0.188,11.396C-0.154,11.847 -0.016,12.588 0.494,12.875C0.832,13.066 1.281,13.036 1.591,12.801C1.639,12.765 1.65,12.753 1.694,12.712L7,7.418L7,4.587Z"/>
+        </g>
+    </g>
+</svg>

package/src/assets/images/at-sign.svg ADDED Viewed

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="at-sign" x="0" y="0" width="20" height="20" style="fill:none;"/>
+    <clipPath id="_clip1">
+        <rect x="0" y="0" width="20" height="20"/>
+    </clipPath>
+    <g clip-path="url(#_clip1)">
+        <rect id="Bounding-box" serif:id="Bounding box" x="0.05" y="0" width="19.952" height="19.996" style="fill:none;"/>
+        <path d="M9.112,20C7.928,20 6.787,19.821 5.689,19.463C4.591,19.104 3.621,18.559 2.78,17.827C1.939,17.095 1.266,16.164 0.759,15.035C0.253,13.906 0,12.57 0,11.028C0,9.377 0.288,7.87 0.864,6.507C1.441,5.144 2.22,3.984 3.201,3.026C4.182,2.068 5.331,1.324 6.647,0.794C7.963,0.265 9.361,0 10.841,0C12.134,0 13.306,0.21 14.357,0.631C15.409,1.051 16.305,1.639 17.044,2.395C17.784,3.15 18.353,4.054 18.75,5.105C19.147,6.157 19.346,7.305 19.346,8.551C19.346,9.642 19.178,10.592 18.843,11.402C18.509,12.212 18.072,12.886 17.535,13.423C16.998,13.96 16.398,14.365 15.736,14.638C15.074,14.91 14.424,15.047 13.785,15.047C13.084,15.047 12.477,14.891 11.963,14.579C11.449,14.268 11.121,13.832 10.981,13.271L10.935,13.271C10.779,13.505 10.592,13.715 10.374,13.902C10.156,14.089 9.918,14.252 9.661,14.393C9.404,14.533 9.143,14.638 8.879,14.708C8.614,14.778 8.364,14.813 8.131,14.813C7.165,14.813 6.394,14.482 5.818,13.82C5.241,13.158 4.953,12.29 4.953,11.215C4.953,10.467 5.078,9.743 5.327,9.042C5.576,8.341 5.919,7.718 6.355,7.173C6.791,6.628 7.301,6.192 7.886,5.864C8.47,5.537 9.097,5.374 9.766,5.374C10.14,5.374 10.475,5.463 10.771,5.643C11.067,5.822 11.308,6.121 11.495,6.542L11.542,6.542L11.916,5.561L14.346,5.561L13.224,10.888C12.944,12.04 13.271,12.617 14.206,12.617C14.548,12.617 14.883,12.523 15.21,12.336C15.537,12.15 15.822,11.881 16.063,11.53C16.305,11.18 16.499,10.759 16.647,10.269C16.795,9.778 16.869,9.237 16.869,8.645C16.869,7.85 16.76,7.079 16.542,6.332C16.324,5.584 15.966,4.918 15.467,4.334C14.969,3.75 14.315,3.279 13.505,2.921C12.695,2.562 11.698,2.383 10.514,2.383C9.533,2.383 8.571,2.586 7.629,2.991C6.686,3.396 5.849,3.972 5.117,4.72C4.385,5.467 3.793,6.367 3.341,7.418C2.889,8.47 2.664,9.642 2.664,10.935C2.664,12.087 2.85,13.084 3.224,13.925C3.598,14.766 4.1,15.46 4.731,16.005C5.362,16.55 6.086,16.955 6.904,17.22C7.722,17.484 8.567,17.617 9.439,17.617C10,17.617 10.6,17.535 11.238,17.371C11.877,17.208 12.43,17.009 12.897,16.776L13.738,18.925C13.006,19.299 12.262,19.572 11.507,19.743C10.752,19.914 9.953,20 9.112,20ZM9.019,12.336C9.237,12.336 9.443,12.27 9.638,12.138C9.833,12.005 10.062,11.76 10.327,11.402L10.841,8.458C10.763,8.287 10.643,8.15 10.479,8.049C10.315,7.948 10.125,7.897 9.907,7.897C9.595,7.897 9.319,7.998 9.077,8.201C8.836,8.403 8.633,8.657 8.47,8.96C8.306,9.264 8.178,9.599 8.084,9.965C7.991,10.331 7.944,10.67 7.944,10.981C7.944,11.885 8.302,12.336 9.019,12.336Z" style="fill-rule:nonzero;"/>
+    </g>
+</svg>