@xaypay/tui 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -8,7 +8,8 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "build-lib": "rollup -c"
+    "build-lib": "rollup -c",
+    "svgr": "svgr --icon --title-prop --replace-attr-values '#1D1D1D=currentColor' -d src/components/icon -- src/assets"
   },
   "author": "",
   "license": "MIT",
@@ -25,6 +26,7 @@
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^6.5.10",
     "@storybook/testing-library": "^0.0.13",
+    "@svgr/cli": "^6.4.0",
     "babel-loader": "^8.2.5",
     "classnames": "^2.3.1",
     "css-loader": "^6.7.1",
@@ -40,11 +42,13 @@
     "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.54.9",
     "sass-loader": "^13.0.2",
-    "style-loader": "^3.3.1"
+    "style-loader": "^3.3.1",
+    "styled-components": "^5.3.5"
   },
   "peerDependencies": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.5"
   },
   "publishConfig": {
     "access": "public"

package/src/assets/heart-filled.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	y="0px" width="511.626px" height="511.627px" viewBox="0 0 511.626 511.627"
+	style="enable-background:new 0 0 511.626 511.627;" xml:space="preserve">
+	<g>
+		<path d="M475.366,71.951c-24.175-23.606-57.575-35.404-100.215-35.404c-11.8,0-23.843,2.046-36.117,6.136
+		c-12.279,4.093-23.702,9.615-34.256,16.562c-10.568,6.945-19.65,13.467-27.269,19.556c-7.61,6.091-14.845,12.564-21.696,19.414
+		c-6.854-6.85-14.087-13.323-21.698-19.414c-7.616-6.089-16.702-12.607-27.268-19.556c-10.564-6.95-21.985-12.468-34.261-16.562
+		c-12.275-4.089-24.316-6.136-36.116-6.136c-42.637,0-76.039,11.801-100.211,35.404C12.087,95.552,0,128.288,0,170.162
+		c0,12.753,2.24,25.889,6.711,39.398c4.471,13.514,9.566,25.031,15.275,34.546c5.708,9.514,12.181,18.796,19.414,27.837
+		c7.233,9.042,12.519,15.27,15.846,18.699c3.33,3.422,5.948,5.899,7.851,7.419L243.25,469.937c3.427,3.429,7.614,5.144,12.562,5.144
+		s9.138-1.715,12.563-5.137l177.87-171.307c43.588-43.583,65.38-86.41,65.38-128.475C511.626,128.288,499.537,95.552,475.366,71.951
+		z" fill="#1D1D1D" />
+	</g>
+</svg>

package/src/assets/heart-outline.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	y="0px" viewBox="0 0 471.701 471.701" style="enable-background:new 0 0 471.701 471.701;" xml:space="preserve">
+	<g>
+		<path d="M433.601,67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7,13.6-92.4,38.3l-12.9,12.9l-13.1-13.1
+		c-24.7-24.7-57.6-38.4-92.5-38.4c-34.8,0-67.6,13.6-92.2,38.2c-24.7,24.7-38.3,57.5-38.2,92.4c0,34.9,13.7,67.6,38.4,92.3
+		l187.8,187.8c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-3.9l188.2-187.5c24.7-24.7,38.3-57.5,38.3-92.4
+		C471.801,124.501,458.301,91.701,433.601,67.001z M414.401,232.701l-178.7,178l-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3
+		s10.7-53.7,30.3-73.2c19.5-19.5,45.5-30.3,73.1-30.3c27.7,0,53.8,10.8,73.4,30.4l22.6,22.6c5.3,5.3,13.8,5.3,19.1,0l22.4-22.4
+		c19.6-19.6,45.7-30.4,73.3-30.4c27.6,0,53.6,10.8,73.2,30.3c19.6,19.6,30.3,45.6,30.3,73.3
+		C444.801,187.101,434.001,213.101,414.401,232.701z" fill="#1D1D1D" />
+	</g>
+</svg>

package/src/assets/like-filled.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="23px" height="20px" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>thumb_up_alt</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Rounded" transform="translate(-747.000000, -4099.000000)">
+            <g id="Social" transform="translate(100.000000, 4044.000000)">
+                <g id="-Round-/-Social-/-thumb_up_alt" transform="translate(646.000000, 54.000000)">
+                    <g>
+                        <polygon id="Path" opacity="0.87" points="0 0 24 0 24 24 0 24"></polygon>
+                        <path
+                            d="M13.12,2.06 L7.58,7.6 C7.21,7.97 7,8.48 7,9.01 L7,19 C7,20.1 7.9,21 9,21 L18,21 C18.8,21 19.52,20.52 19.84,19.79 L23.1,12.18 C23.94,10.2 22.49,8 20.34,8 L14.69,8 L15.64,3.42 C15.74,2.92 15.59,2.41 15.23,2.05 C14.64,1.47 13.7,1.47 13.12,2.06 Z M3,21 C4.1,21 5,20.1 5,19 L5,11 C5,9.9 4.1,9 3,9 C1.9,9 1,9.9 1,11 L1,19 C1,20.1 1.9,21 3,21 Z"
+                            id="🔹-Icon-Color" fill="#1D1D1D"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/like-outline.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="20px" viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>thumb_up_alt</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Outlined" transform="translate(-815.000000, -4099.000000)">
+            <g id="Social" transform="translate(100.000000, 4044.000000)">
+                <g id="Outlined-/-Social-/-thumb_up_alt" transform="translate(714.000000, 54.000000)">
+                    <g>
+                        <polygon id="Path" opacity="0.87" points="0 0 24 0 24 24 0 24"></polygon>
+                        <path
+                            d="M21,8 L14.69,8 L15.64,3.43 L15.67,3.11 C15.67,2.7 15.5,2.32 15.23,2.05 L14.17,1 L7.59,7.59 C7.22,7.95 7,8.45 7,9 L7,19 C7,20.1 7.9,21 9,21 L18,21 C18.83,21 19.54,20.5 19.84,19.78 L22.86,12.73 C22.95,12.5 23,12.26 23,12 L23,10 C23,8.9 22.1,8 21,8 Z M21,12 L18,19 L9,19 L9,9 L13.34,4.66 L12.23,10 L21,10 L21,12 Z M1,9 L5,9 L5,21 L1,21 L1,9 Z"
+                            id="🔹-Icon-Color" fill="#1D1D1D"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/star-filled.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>star</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Rounded" transform="translate(-273.000000, -4323.000000)">
+            <g id="Toggle" transform="translate(100.000000, 4266.000000)">
+                <g id="-Round-/-Toggle-/-star" transform="translate(170.000000, 54.000000)">
+                    <g>
+                        <polygon id="Path" fill-rule="nonzero" points="0 0 24 0 24 24 0 24"></polygon>
+                        <path
+                            d="M12,17.27 L16.15,19.78 C16.91,20.24 17.84,19.56 17.64,18.7 L16.54,13.98 L20.21,10.8 C20.88,10.22 20.52,9.12 19.64,9.05 L14.81,8.64 L12.92,4.18 C12.58,3.37 11.42,3.37 11.08,4.18 L9.19,8.63 L4.36,9.04 C3.48,9.11 3.12,10.21 3.79,10.79 L7.46,13.97 L6.36,18.69 C6.16,19.55 7.09,20.23 7.85,19.77 L12,17.27 Z"
+                            id="🔹-Icon-Color" fill="#1D1D1D"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/star-outline.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#1D1D1D" stroke-width="2"
+  stroke-linecap="round" stroke-linejoin="round" class="feather feather-star">
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2">
+  </polygon>
+</svg>

package/src/assets_old/icons/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

package/src/assets_old/icons/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+

package/src/assets_old/icons/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());

package/src/assets_old/icons/demo.html

@@ -0,0 +1,150 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;8)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-close"></span>
+                <span class="mls"> icon-close</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e907" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-icon-arrow-top"></span>
+                <span class="mls"> icon-icon-arrow-top</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e905" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-icon-arrow-bottom"></span>
+                <span class="mls"> icon-icon-arrow-bottom</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow"></span>
+                <span class="mls"> icon-arrow</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e900" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-jump-next"></span>
+                <span class="mls"> icon-arrow-jump-next</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-jump-back"></span>
+                <span class="mls"> icon-arrow-jump-back</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-text"></span>
+                <span class="mls"> icon-text</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-back"></span>
+                <span class="mls"> icon-arrow-back</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e904" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>

package/src/assets_old/icons/fonts/icomoon.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="arrow" horiz-adv-x="512" d="M72.658-63.871c-16.947-0.026-33.37 5.914-46.419 16.794-7.344 6.127-13.415 13.645-17.865 22.135s-7.191 17.783-8.067 27.341c-0.876 9.566 0.131 19.2 2.963 28.365s7.433 17.681 13.54 25.062l324.929 391.173-313.325 391.907c-6.025 7.465-10.524 16.055-13.239 25.276s-3.592 18.889-2.581 28.452c1.011 9.563 3.89 18.83 8.472 27.269s10.776 15.884 18.227 21.907c7.504 6.644 16.292 11.655 25.813 14.72s19.567 4.116 29.511 3.088c9.943-1.028 19.568-4.113 28.27-9.061s16.294-11.653 22.298-19.693l350.315-437.885c10.668-13.059 16.499-29.439 16.499-46.344s-5.832-33.284-16.499-46.343l-362.644-437.888c-7.276-8.832-16.518-15.812-26.978-20.378s-21.84-6.579-33.221-5.897z" />
+<glyph unicode="&#xe901;" glyph-name="arrow-jump-next" horiz-adv-x="1109" d="M669.791-63.727c-16.941-0.026-33.361 5.912-46.405 16.789-7.343 6.125-13.411 13.641-17.86 22.129s-7.189 17.778-8.065 27.333c-0.876 9.563 0.131 19.195 2.962 28.357s7.431 17.676 13.536 25.055l324.842 391.063-313.24 391.797c-6.023 7.463-10.521 16.050-13.235 25.269s-3.592 18.884-2.58 28.444c1.011 9.56 3.889 18.825 8.47 27.261s10.774 15.88 18.222 21.901c7.502 6.642 16.287 11.652 25.805 14.716s19.562 4.115 29.503 3.087c9.94-1.028 19.562-4.112 28.262-9.058s16.289-11.65 22.292-19.687l350.212-437.762c10.672-13.055 16.498-29.431 16.498-46.331s-5.826-33.275-16.498-46.33l-362.538-437.765c-7.274-8.83-16.513-15.808-26.97-20.372s-21.834-6.577-33.212-5.895zM72.627-63.727c-16.942-0.026-33.361 5.912-46.406 16.789-7.342 6.125-13.411 13.641-17.86 22.129s-7.189 17.778-8.065 27.333c-0.876 9.563 0.131 19.195 2.962 28.357s7.431 17.676 13.536 25.055l324.838 391.063-313.237 391.797c-6.023 7.463-10.521 16.050-13.235 25.269s-3.591 18.884-2.58 28.444c1.011 9.56 3.889 18.825 8.47 27.261s10.773 15.88 18.222 21.901c7.502 6.642 16.287 11.652 25.806 14.716s19.561 4.115 29.503 3.087c9.94-1.028 19.562-4.112 28.262-9.058s16.289-11.65 22.292-19.687l350.217-437.762c10.665-13.055 16.494-29.431 16.494-46.331s-5.83-33.275-16.494-46.33l-362.542-437.765c-7.274-8.83-16.513-15.808-26.97-20.372s-21.834-6.577-33.212-5.895z" />
+<glyph unicode="&#xe902;" glyph-name="arrow-jump-back" horiz-adv-x="1109" d="M439.209-63.727c16.941-0.026 33.361 5.912 46.405 16.789 7.343 6.125 13.411 13.641 17.86 22.129s7.189 17.778 8.065 27.333c0.876 9.563-0.131 19.195-2.962 28.357s-7.431 17.676-13.536 25.055l-324.839 391.063 313.236 391.797c6.023 7.463 10.521 16.050 13.235 25.269s3.592 18.884 2.58 28.444c-1.011 9.56-3.889 18.825-8.47 27.261s-10.774 15.879-18.222 21.901c-7.502 6.642-16.287 11.652-25.805 14.716s-19.562 4.115-29.503 3.087c-9.94-1.028-19.562-4.112-28.262-9.058s-16.289-11.65-22.292-19.687l-350.215-437.762c-10.665-13.055-16.494-29.431-16.494-46.331s5.83-33.275 16.494-46.33l362.542-437.765c7.274-8.829 16.513-15.808 26.97-20.372s21.834-6.577 33.212-5.895zM1036.376-63.727c16.934-0.026 33.356 5.912 46.4 16.789 7.345 6.125 13.41 13.641 17.864 22.129 4.445 8.489 7.183 17.778 8.062 27.333 0.879 9.563-0.128 19.195-2.96 28.357s-7.431 17.676-13.538 25.055l-324.837 391.063 313.235 391.797c6.023 7.463 10.519 16.050 13.24 25.269 2.713 9.217 3.592 18.884 2.576 28.444-1.007 9.56-3.89 18.825-8.472 27.261s-10.775 15.879-18.222 21.901c-7.499 6.642-16.285 11.652-25.806 14.716-9.512 3.063-19.561 4.115-29.5 3.087s-19.561-4.112-28.263-9.058c-8.702-4.947-16.285-11.65-22.292-19.687l-350.215-437.762c-10.665-13.055-16.494-29.431-16.494-46.331s5.83-33.275 16.494-46.33l362.542-437.765c7.277-8.829 16.516-15.808 26.966-20.372 10.459-4.564 21.839-6.577 33.22-5.895z" />
+<glyph unicode="&#xe903;" glyph-name="text" horiz-adv-x="4096" d="M1319.954 448.542c0 27.242 3.586 50.185 10.753 68.825 7.168 19.357 16.844 34.771 29.033 46.24 12.184 12.184 26.529 20.791 43.012 25.807 16.488 5.733 34.415 8.602 53.767 8.602 18.644 0 36.205-2.864 52.698-8.602 17.21-5.021 31.902-13.619 44.091-25.807 12.184-11.472 21.87-26.886 29.033-46.24 7.168-18.644 10.75-41.58 10.75-68.825 0-26.529-3.586-49.472-10.75-68.825-7.168-18.644-16.846-34.058-29.033-46.245s-26.886-21.148-44.091-26.886c-16.488-5.733-34.053-8.602-52.698-8.602-19.357 0-37.284 2.864-53.767 8.602-16.488 5.733-30.829 14.697-43.012 26.886s-21.87 27.598-29.033 46.245c-7.168 19.357-10.753 42.3-10.753 68.825zM1911.428 448.542c0 27.242 3.586 50.185 10.75 68.825 7.168 19.357 16.846 34.771 29.033 46.24 12.184 12.184 26.529 20.791 43.012 25.807 16.488 5.733 34.415 8.602 53.769 8.602 18.64 0 36.205-2.864 52.698-8.602 17.21-5.021 31.902-13.619 44.091-25.807 12.184-11.472 21.87-26.886 29.033-46.24 7.168-18.644 10.756-41.58 10.756-68.825 0-26.529-3.586-49.472-10.756-68.825-7.168-18.644-16.846-34.058-29.033-46.245s-26.886-21.148-44.091-26.886c-16.488-5.733-34.058-8.602-52.698-8.602-19.357 0-37.284 2.864-53.769 8.602-16.488 5.733-30.829 14.697-43.012 26.886s-21.87 27.598-29.033 46.245c-7.168 19.357-10.75 42.3-10.75 68.825zM2502.91 448.542c0 27.242 3.586 50.185 10.75 68.825 7.168 19.357 16.846 34.771 29.033 46.24 12.184 12.184 26.529 20.791 43.012 25.807 16.488 5.733 34.405 8.602 53.776 8.602 18.635 0 36.205-2.864 52.691-8.602 17.21-5.021 31.892-13.619 44.091-25.807 12.184-11.472 21.86-26.886 29.033-46.24 7.168-18.644 10.75-41.58 10.75-68.825 0-26.529-3.577-49.472-10.75-68.825-7.168-18.644-16.846-34.058-29.033-46.245-12.193-12.184-26.886-21.148-44.091-26.886-16.488-5.733-34.058-8.602-52.691-8.602-19.366 0-37.293 2.864-53.776 8.602-16.488 5.733-30.829 14.697-43.012 26.886s-21.87 27.598-29.033 46.245c-7.168 19.357-10.75 42.3-10.75 68.825z" />
+<glyph unicode="&#xe904;" glyph-name="arrow-back" horiz-adv-x="512" d="M439.342-63.871c16.946-0.026 33.37 5.914 46.418 16.794 7.345 6.127 13.415 13.645 17.865 22.135s7.191 17.783 8.067 27.341c0.876 9.566-0.131 19.2-2.963 28.365s-7.433 17.681-13.54 25.062l-324.93 391.173 313.324 391.907c6.025 7.465 10.524 16.055 13.239 25.276s3.593 18.889 2.581 28.452c-1.011 9.563-3.89 18.83-8.472 27.269s-10.777 15.884-18.227 21.907c-7.504 6.644-16.292 11.655-25.812 14.72s-19.568 4.116-29.511 3.088c-9.943-1.028-19.568-4.113-28.27-9.061s-16.294-11.653-22.298-19.693l-350.314-437.885c-10.668-13.059-16.499-29.439-16.499-46.344s5.832-33.284 16.499-46.343l362.644-437.888c7.276-8.832 16.518-15.812 26.978-20.378s21.84-6.579 33.221-5.897z" />
+<glyph unicode="&#xe905;" glyph-name="icon-arrow-top" horiz-adv-x="1707" d="M852.16 21.315c-28.44-0.056-56.001 9.867-77.899 28.044l-730.297 609.647c-24.857 20.697-40.488 50.436-43.455 82.676-2.967 32.242 6.972 64.344 27.631 89.243 20.661 24.901 50.348 40.559 82.533 43.531s64.231-6.984 89.088-27.681l652.4-546.243 652.4 526.735c12.449 10.127 26.776 17.692 42.151 22.256s31.506 6.038 47.455 4.338c15.948-1.7 31.397-6.539 45.48-14.242 14.071-7.702 26.484-18.115 36.53-30.64 11.144-12.537 19.594-27.245 24.8-43.202s7.072-32.821 5.475-49.532-6.633-32.913-14.765-47.587c-8.145-14.675-19.229-27.508-32.543-37.694l-730.302-588.919c-22.528-15.304-49.525-22.602-76.68-20.728z" />
+<glyph unicode="&#xe906;" glyph-name="icon-arrow-bottom" horiz-adv-x="1707" d="M854.84 874.686c28.44 0.056 56.001-9.867 77.899-28.044l730.294-609.648c24.861-20.697 40.493-50.436 43.455-82.676 2.975-32.242-6.962-64.344-27.629-89.244-20.655-24.901-50.345-40.559-82.534-43.531-32.177-2.973-64.232 6.984-89.082 27.681l-652.404 546.244-652.401-526.736c-12.45-10.129-26.776-17.692-42.153-22.256s-31.504-6.038-47.453-4.339c-15.948 1.7-31.405 6.54-45.479 14.242-14.075 7.703-26.491 18.116-36.536 30.642-11.147 12.537-19.589 27.246-24.798 43.202-5.208 15.958-7.071 32.821-5.472 49.533s6.627 32.912 14.768 47.588c8.14 14.675 19.219 27.508 32.542 37.694l730.299 588.92c22.529 15.304 49.526 22.602 76.682 20.728z" />
+<glyph unicode="&#xe907;" glyph-name="close" d="M595.597 450.819l414.718 414.718c9.324 10.883 14.194 24.882 13.642 39.2-0.558 14.318-6.491 27.899-16.623 38.031s-23.711 16.067-38.030 16.62c-14.319 0.553-28.319-4.317-39.202-13.637l-414.716-414.718-414.718 415.287c-10.883 9.32-24.881 14.19-39.199 13.637s-27.899-6.488-38.031-16.62c-10.132-10.132-16.067-23.713-16.62-38.031s4.317-28.316 13.637-39.2l414.718-415.287-415.287-414.72c-5.955-5.097-10.792-11.372-14.207-18.432s-5.334-14.746-5.636-22.579c-0.303-7.834 1.018-15.65 3.878-22.949s7.198-13.932 12.742-19.473c5.544-5.547 12.174-9.882 19.475-12.743s15.113-4.181 22.948-3.88c7.835 0.307 15.522 2.224 22.58 5.638s13.334 8.255 18.434 14.205l415.287 414.718 414.716-414.718c10.883-9.318 24.883-14.188 39.202-13.636 14.319 0.558 27.898 6.491 38.030 16.623s16.065 23.711 16.623 38.030c0.552 14.319-4.318 28.314-13.642 39.196l-414.718 414.72z" />
+</font></defs></svg>

package/src/assets_old/icons/selection.json

@@ -0,0 +1 @@
+{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M595.597 509.181l414.718-414.718c9.324-10.883 14.194-24.882 13.642-39.2-0.558-14.318-6.491-27.899-16.623-38.031s-23.711-16.067-38.030-16.62c-14.319-0.553-28.319 4.317-39.202 13.637l-414.716 414.718-414.718-415.287c-10.883-9.32-24.881-14.19-39.199-13.637s-27.899 6.488-38.031 16.62c-10.132 10.132-16.067 23.713-16.62 38.031s4.317 28.316 13.637 39.2l414.718 415.287-415.287 414.72c-5.955 5.097-10.792 11.372-14.207 18.432s-5.334 14.746-5.636 22.579c-0.303 7.834 1.018 15.65 3.878 22.949s7.198 13.932 12.742 19.473c5.544 5.547 12.174 9.882 19.475 12.743s15.113 4.181 22.948 3.88c7.835-0.307 15.522-2.224 22.58-5.638s13.334-8.255 18.434-14.205l415.287-414.718 414.716 414.718c10.883 9.318 24.883 14.188 39.202 13.636 14.319-0.558 27.898-6.491 38.030-16.623s16.065-23.711 16.623-38.030c0.552-14.319-4.318-28.314-13.642-39.196l-414.718-414.72z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":32,"tags":["close"]},"attrs":[{}],"properties":{"order":12,"id":7,"name":"close","prevSize":32,"code":59655},"setIdx":0,"setId":0,"iconIdx":0},{"icon":{"paths":["M852.16 938.685c-28.44 0.056-56.001-9.867-77.899-28.044l-730.297-609.647c-24.857-20.697-40.488-50.436-43.455-82.676-2.967-32.242 6.972-64.344 27.631-89.243 20.661-24.901 50.348-40.559 82.533-43.531s64.231 6.984 89.088 27.681l652.4 546.243 652.4-526.735c12.449-10.127 26.776-17.692 42.151-22.256s31.506-6.038 47.455-4.338c15.948 1.7 31.397 6.539 45.48 14.242 14.071 7.702 26.484 18.115 36.53 30.64 11.144 12.537 19.594 27.245 24.8 43.202s7.072 32.821 5.475 49.532-6.633 32.913-14.765 47.587c-8.145 14.675-19.229 27.508-32.543 37.694l-730.302 588.919c-22.528 15.304-49.525 22.602-76.68 20.728z"],"width":1707,"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["icon-arrow-top"],"grid":32},"attrs":[{}],"properties":{"order":11,"id":0,"name":"icon-arrow-top","prevSize":32,"code":59653},"setIdx":0,"setId":0,"iconIdx":1},{"icon":{"paths":["M854.84 85.314c28.44-0.056 56.001 9.867 77.899 28.044l730.294 609.648c24.861 20.697 40.493 50.436 43.455 82.676 2.975 32.242-6.962 64.344-27.629 89.244-20.655 24.901-50.345 40.559-82.534 43.531-32.177 2.973-64.232-6.984-89.082-27.681l-652.404-546.244-652.401 526.736c-12.45 10.129-26.776 17.692-42.153 22.256s-31.504 6.038-47.453 4.339c-15.948-1.7-31.405-6.54-45.479-14.242-14.075-7.703-26.491-18.116-36.536-30.642-11.147-12.537-19.589-27.246-24.798-43.202-5.208-15.958-7.071-32.821-5.472-49.533s6.627-32.912 14.768-47.588c8.14-14.675 19.219-27.508 32.542-37.694l730.299-588.92c22.529-15.304 49.526-22.602 76.682-20.728z"],"width":1707,"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["icon-arrow-bottom"],"grid":32},"attrs":[{}],"properties":{"order":10,"id":1,"name":"icon-arrow-bottom","prevSize":32,"code":59654},"setIdx":0,"setId":0,"iconIdx":2},{"icon":{"paths":["M72.658 1023.871c-16.947 0.026-33.37-5.914-46.419-16.794-7.344-6.127-13.415-13.645-17.865-22.135s-7.191-17.783-8.067-27.341c-0.876-9.566 0.131-19.2 2.963-28.365s7.433-17.681 13.54-25.062l324.929-391.173-313.325-391.907c-6.025-7.465-10.524-16.055-13.239-25.276s-3.592-18.889-2.581-28.452c1.011-9.563 3.89-18.83 8.472-27.269s10.776-15.884 18.227-21.907c7.504-6.644 16.292-11.655 25.813-14.72s19.567-4.116 29.511-3.088c9.943 1.028 19.568 4.113 28.27 9.061s16.294 11.653 22.298 19.693l350.315 437.885c10.668 13.059 16.499 29.439 16.499 46.344s-5.832 33.284-16.499 46.343l-362.644 437.888c-7.276 8.832-16.518 15.812-26.978 20.378s-21.84 6.579-33.221 5.897z"],"width":512,"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow"],"grid":32},"attrs":[{}],"properties":{"order":3,"id":2,"name":"arrow","prevSize":32,"code":59648},"setIdx":0,"setId":0,"iconIdx":3},{"icon":{"paths":["M669.791 1023.727c-16.941 0.026-33.361-5.912-46.405-16.789-7.343-6.125-13.411-13.641-17.86-22.129s-7.189-17.778-8.065-27.333c-0.876-9.563 0.131-19.195 2.962-28.357s7.431-17.676 13.536-25.055l324.842-391.063-313.24-391.797c-6.023-7.463-10.521-16.050-13.235-25.269s-3.592-18.884-2.58-28.444c1.011-9.56 3.889-18.825 8.47-27.261s10.774-15.88 18.222-21.901c7.502-6.642 16.287-11.652 25.805-14.716s19.562-4.115 29.503-3.087c9.94 1.028 19.562 4.112 28.262 9.058s16.289 11.65 22.292 19.687l350.212 437.762c10.672 13.055 16.498 29.431 16.498 46.331s-5.826 33.275-16.498 46.33l-362.538 437.765c-7.274 8.83-16.513 15.808-26.97 20.372s-21.834 6.577-33.212 5.895z","M72.627 1023.727c-16.942 0.026-33.361-5.912-46.406-16.789-7.342-6.125-13.411-13.641-17.86-22.129s-7.189-17.778-8.065-27.333c-0.876-9.563 0.131-19.195 2.962-28.357s7.431-17.676 13.536-25.055l324.838-391.063-313.237-391.797c-6.023-7.463-10.521-16.050-13.235-25.269s-3.591-18.884-2.58-28.444c1.011-9.56 3.889-18.825 8.47-27.261s10.773-15.88 18.222-21.901c7.502-6.642 16.287-11.652 25.806-14.716s19.561-4.115 29.503-3.087c9.94 1.028 19.562 4.112 28.262 9.058s16.289 11.65 22.292 19.687l350.217 437.762c10.665 13.055 16.494 29.431 16.494 46.331s-5.83 33.275-16.494 46.33l-362.542 437.765c-7.274 8.83-16.513 15.808-26.97 20.372s-21.834 6.577-33.212 5.895z"],"width":1109,"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow-jump-next"],"grid":32},"attrs":[{},{}],"properties":{"order":4,"id":3,"name":"arrow-jump-next","prevSize":32,"code":59649},"setIdx":0,"setId":0,"iconIdx":4},{"icon":{"paths":["M439.209 1023.727c16.941 0.026 33.361-5.912 46.405-16.789 7.343-6.125 13.411-13.641 17.86-22.129s7.189-17.778 8.065-27.333c0.876-9.563-0.131-19.195-2.962-28.357s-7.431-17.676-13.536-25.055l-324.839-391.063 313.236-391.797c6.023-7.463 10.521-16.050 13.235-25.269s3.592-18.884 2.58-28.444c-1.011-9.56-3.889-18.825-8.47-27.261s-10.774-15.879-18.222-21.901c-7.502-6.642-16.287-11.652-25.805-14.716s-19.562-4.115-29.503-3.087c-9.94 1.028-19.562 4.112-28.262 9.058s-16.289 11.65-22.292 19.687l-350.215 437.762c-10.665 13.055-16.494 29.431-16.494 46.331s5.83 33.275 16.494 46.33l362.542 437.765c7.274 8.829 16.513 15.808 26.97 20.372s21.834 6.577 33.212 5.895z","M1036.376 1023.727c16.934 0.026 33.356-5.912 46.4-16.789 7.345-6.125 13.41-13.641 17.864-22.129 4.445-8.489 7.183-17.778 8.062-27.333 0.879-9.563-0.128-19.195-2.96-28.357s-7.431-17.676-13.538-25.055l-324.837-391.063 313.235-391.797c6.023-7.463 10.519-16.050 13.24-25.269 2.713-9.217 3.592-18.884 2.576-28.444-1.007-9.56-3.89-18.825-8.472-27.261s-10.775-15.879-18.222-21.901c-7.499-6.642-16.285-11.652-25.806-14.716-9.512-3.063-19.561-4.115-29.5-3.087s-19.561 4.112-28.263 9.058c-8.702 4.947-16.285 11.65-22.292 19.687l-350.215 437.762c-10.665 13.055-16.494 29.431-16.494 46.331s5.83 33.275 16.494 46.33l362.542 437.765c7.277 8.829 16.516 15.808 26.966 20.372 10.459 4.564 21.839 6.577 33.22 5.895z"],"width":1109,"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow-jump-back"],"grid":32},"attrs":[{},{}],"properties":{"order":5,"id":4,"name":"arrow-jump-back","prevSize":32,"code":59650},"setIdx":0,"setId":0,"iconIdx":5},{"icon":{"paths":["M1319.954 511.458c0-27.242 3.586-50.185 10.753-68.825 7.168-19.357 16.844-34.771 29.033-46.24 12.184-12.184 26.529-20.791 43.012-25.807 16.488-5.733 34.415-8.602 53.767-8.602 18.644 0 36.205 2.864 52.698 8.602 17.21 5.021 31.902 13.619 44.091 25.807 12.184 11.472 21.87 26.886 29.033 46.24 7.168 18.644 10.75 41.58 10.75 68.825 0 26.529-3.586 49.472-10.75 68.825-7.168 18.644-16.846 34.058-29.033 46.245s-26.886 21.148-44.091 26.886c-16.488 5.733-34.053 8.602-52.698 8.602-19.357 0-37.284-2.864-53.767-8.602-16.488-5.733-30.829-14.697-43.012-26.886s-21.87-27.598-29.033-46.245c-7.168-19.357-10.753-42.3-10.753-68.825zM1911.428 511.458c0-27.242 3.586-50.185 10.75-68.825 7.168-19.357 16.846-34.771 29.033-46.24 12.184-12.184 26.529-20.791 43.012-25.807 16.488-5.733 34.415-8.602 53.769-8.602 18.64 0 36.205 2.864 52.698 8.602 17.21 5.021 31.902 13.619 44.091 25.807 12.184 11.472 21.87 26.886 29.033 46.24 7.168 18.644 10.756 41.58 10.756 68.825 0 26.529-3.586 49.472-10.756 68.825-7.168 18.644-16.846 34.058-29.033 46.245s-26.886 21.148-44.091 26.886c-16.488 5.733-34.058 8.602-52.698 8.602-19.357 0-37.284-2.864-53.769-8.602-16.488-5.733-30.829-14.697-43.012-26.886s-21.87-27.598-29.033-46.245c-7.168-19.357-10.75-42.3-10.75-68.825zM2502.91 511.458c0-27.242 3.586-50.185 10.75-68.825 7.168-19.357 16.846-34.771 29.033-46.24 12.184-12.184 26.529-20.791 43.012-25.807 16.488-5.733 34.405-8.602 53.776-8.602 18.635 0 36.205 2.864 52.691 8.602 17.21 5.021 31.892 13.619 44.091 25.807 12.184 11.472 21.86 26.886 29.033 46.24 7.168 18.644 10.75 41.58 10.75 68.825 0 26.529-3.577 49.472-10.75 68.825-7.168 18.644-16.846 34.058-29.033 46.245-12.193 12.184-26.886 21.148-44.091 26.886-16.488 5.733-34.058 8.602-52.691 8.602-19.366 0-37.293-2.864-53.776-8.602-16.488-5.733-30.829-14.697-43.012-26.886s-21.87-27.598-29.033-46.245c-7.168-19.357-10.75-42.3-10.75-68.825z"],"width":4096,"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["text"],"grid":32},"attrs":[{}],"properties":{"order":6,"id":5,"name":"text","prevSize":32,"code":59651},"setIdx":0,"setId":0,"iconIdx":6},{"icon":{"paths":["M439.342 1023.871c16.946 0.026 33.37-5.914 46.418-16.794 7.345-6.127 13.415-13.645 17.865-22.135s7.191-17.783 8.067-27.341c0.876-9.566-0.131-19.2-2.963-28.365s-7.433-17.681-13.54-25.062l-324.93-391.173 313.324-391.907c6.025-7.465 10.524-16.055 13.239-25.276s3.593-18.889 2.581-28.452c-1.011-9.563-3.89-18.83-8.472-27.269s-10.777-15.884-18.227-21.907c-7.504-6.644-16.292-11.655-25.812-14.72s-19.568-4.116-29.511-3.088c-9.943 1.028-19.568 4.113-28.27 9.061s-16.294 11.653-22.298 19.693l-350.314 437.885c-10.668 13.059-16.499 29.439-16.499 46.344s5.832 33.284 16.499 46.343l362.644 437.888c7.276 8.832 16.518 15.812 26.978 20.378s21.84 6.579 33.221 5.897z"],"width":512,"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow-back"],"grid":32},"attrs":[{}],"properties":{"order":9,"id":6,"name":"arrow-back","prevSize":32,"code":59652},"setIdx":0,"setId":0,"iconIdx":7}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon","majorVersion":1,"minorVersion":0},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon"},"historySize":50,"showCodes":true,"gridSize":16,"showGrid":true}}

package/src/assets_old/icons/style.css

@@ -0,0 +1,51 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?b29ky3');
+  src:  url('fonts/icomoon.eot?b29ky3#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?b29ky3') format('truetype'),
+    url('fonts/icomoon.woff?b29ky3') format('woff'),
+    url('fonts/icomoon.svg?b29ky3#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-close:before {
+  content: "\e907";
+}
+.icon-arrow-up:before {
+  content: "\e905";
+}
+.icon-arrow-down:before {
+  content: "\e906";
+}
+.icon-arrow:before {
+  content: "\e900";
+}
+.icon-arrow-jump-next:before {
+  content: "\e901";
+}
+.icon-arrow-jump-back:before {
+  content: "\e902";
+}
+.icon-text:before {
+  content: "\e903";
+}
+.icon-arrow-back:before {
+  content: "\e904";
+}