@xaypay/tui 0.0.24 → 0.0.26
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.
- package/.idea/workspace.xml +341 -4774
- package/dist/index.es.js +191 -108
- package/dist/index.js +191 -107
- package/package.json +1 -1
- package/src/assets/upload.svg +4 -0
- package/src/assets_old/icons/demo.html +15 -1
- package/src/assets_old/icons/fonts/icomoon.eot +0 -0
- package/src/assets_old/icons/fonts/icomoon.svg +5 -4
- package/src/assets_old/icons/fonts/icomoon.ttf +0 -0
- package/src/assets_old/icons/fonts/icomoon.woff +0 -0
- package/src/assets_old/icons/selection.json +1 -1
- package/src/assets_old/icons/style.css +8 -5
- package/src/components/autocomplate/autocomplate.module.css +15 -2
- package/src/components/autocomplate/index.js +1 -1
- package/src/components/button/button.module.css +1 -0
- package/src/components/file/file.module.css +77 -6
- package/src/components/file/index.js +16 -18
- package/src/components/input/index.js +1 -1
- package/src/components/input/input.module.css +10 -0
- package/src/components/modal/index.js +36 -9
- package/src/components/modal/modal.stories.js +24 -2
- package/src/components/pagination/index.js +3 -1
- package/src/components/select/select.module.css +1 -0
- package/src/components/typography/typography.module.css +6 -4
- package/src/index.js +2 -1
package/package.json
CHANGED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="51" height="35" viewBox="0 0 51 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M41.5403 11.8419C41.5349 11.8419 41.5274 11.8424 41.5225 11.8424C41.2927 8.61702 38.6209 6.07 35.3563 6.07C34.276 6.07 33.2606 6.34963 32.3774 6.83909C30.2665 2.77529 26.0408 0 21.1675 0C14.3168 0 8.74244 5.48334 8.53335 12.3264C3.75801 12.7082 0 16.726 0 21.6292C0 26.7839 4.15325 30.9633 9.27679 30.9633H31.9019C31.3318 29.632 31.0143 28.1666 31.0143 26.6289C31.0143 20.5705 35.9125 15.6423 41.9322 15.6423C45.7055 15.6423 49.0385 17.5803 51 20.5175C50.5557 15.6533 46.492 11.8419 41.5403 11.8419ZM15.6538 6.97457C15.582 7.03438 15.5102 7.09469 15.4428 7.16048C15.1773 7.41867 14.9307 7.69081 14.7375 8.00882C13.997 9.227 13.8563 10.5324 14.0183 11.936C14.1743 13.2852 12.0762 13.2703 11.9226 11.936C11.6344 9.44278 12.4269 6.62908 14.587 5.16118C15.7074 4.39807 16.7514 6.21345 15.6538 6.97457ZM15.632 6.99002C15.585 7.02491 15.5206 7.08273 15.632 6.99002V6.99002Z" fill="#D1D1D1"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.8221 17.2454C36.9581 17.2454 33 21.2274 33 26.123C33 31.0176 36.9581 35.0001 41.8221 35.0001C46.686 35.0001 50.6441 31.0181 50.6441 26.123C50.6437 21.2269 46.6855 17.2454 41.8221 17.2454ZM41.2857 30.2505V23.5611L38.2194 26.7808C37.9404 27.0737 37.4882 27.0737 37.2092 26.7808C36.9303 26.4879 36.9303 26.013 37.2092 25.7201L41.4949 21.2201C41.5634 21.1482 41.6423 21.0939 41.7266 21.0573C41.8108 21.0207 41.9031 21.0004 42 21.0004C42.0969 21.0004 42.1892 21.0207 42.2734 21.0573C42.3577 21.0939 42.4366 21.1482 42.5051 21.2201L46.7908 25.7201C47.0697 26.013 47.0697 26.4879 46.7908 26.7808C46.5118 27.0737 46.0596 27.0737 45.7806 26.7808L42.7143 23.5611V30.2505C42.7143 30.6647 42.3945 31.0005 42 31.0005C41.6055 31.0005 41.2857 30.6647 41.2857 30.2505Z" fill="#0DA574"/>
|
|
4
|
+
</svg>
|
|
@@ -9,10 +9,24 @@
|
|
|
9
9
|
<link rel="stylesheet" href="style.css"></head>
|
|
10
10
|
<body>
|
|
11
11
|
<div class="bgc1 clearfix">
|
|
12
|
-
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:
|
|
12
|
+
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs: 11)</small></h1>
|
|
13
13
|
</div>
|
|
14
14
|
<div class="clearfix mhl ptl">
|
|
15
15
|
<h1 class="mvm mtn fgc1">Grid Size: 32</h1>
|
|
16
|
+
<div class="glyph fs1">
|
|
17
|
+
<div class="clearfix bshadow0 pbs">
|
|
18
|
+
<span class="icon-delete"></span>
|
|
19
|
+
<span class="mls"> icon-delete</span>
|
|
20
|
+
</div>
|
|
21
|
+
<fieldset class="fs0 size1of1 clearfix hidden-false">
|
|
22
|
+
<input type="text" readonly value="e90a" class="unit size1of2" />
|
|
23
|
+
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
|
|
24
|
+
</fieldset>
|
|
25
|
+
<div class="fs0 bshadow0 clearfix hidden-true">
|
|
26
|
+
<span class="unit pvs fgc1">liga: </span>
|
|
27
|
+
<input type="text" readonly value="" class="liga unitRight" />
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
16
30
|
<div class="glyph fs1">
|
|
17
31
|
<div class="clearfix bshadow0 pbs">
|
|
18
32
|
<span class="icon-vector-up"></span>
|
|
Binary file
|
|
@@ -10,11 +10,12 @@
|
|
|
10
10
|
<glyph unicode="" 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" />
|
|
11
11
|
<glyph unicode="" 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" />
|
|
12
12
|
<glyph unicode="" 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" />
|
|
13
|
-
<glyph unicode="" glyph-name="text"
|
|
13
|
+
<glyph unicode="" glyph-name="text" d="M0 448.383c0 19.158 2.522 35.293 7.561 48.401 5.041 13.613 11.846 24.453 20.418 32.517 8.569 8.569 18.657 14.622 30.249 18.149 11.595 4.032 24.203 6.050 37.812 6.050 13.112 0 25.462-2.014 37.060-6.050 12.103-3.531 22.435-9.577 31.007-18.149 8.569-8.067 15.38-18.908 20.418-32.517 5.041-13.112 7.56-29.24 7.56-48.401 0-18.657-2.522-34.792-7.56-48.401-5.041-13.112-11.846-23.952-20.418-32.524s-18.908-14.872-31.007-18.908c-11.595-4.032-23.948-6.050-37.060-6.050-13.613 0-26.22 2.014-37.812 6.050-11.595 4.032-21.681 10.336-30.249 18.908s-15.38 19.409-20.418 32.524c-5.041 13.613-7.561 29.748-7.561 48.401zM415.955 448.383c0 19.158 2.522 35.293 7.56 48.401 5.041 13.613 11.846 24.453 20.418 32.517 8.569 8.569 18.657 14.622 30.249 18.149 11.595 4.032 24.203 6.050 37.812 6.050 13.109 0 25.462-2.014 37.060-6.050 12.103-3.531 22.435-9.577 31.007-18.149 8.569-8.067 15.38-18.908 20.418-32.517 5.041-13.112 7.565-29.24 7.565-48.401 0-18.657-2.522-34.792-7.565-48.401-5.041-13.112-11.846-23.952-20.418-32.524s-18.908-14.872-31.007-18.908c-11.595-4.032-23.952-6.050-37.060-6.050-13.613 0-26.22 2.014-37.812 6.050-11.595 4.032-21.681 10.336-30.249 18.908s-15.38 19.409-20.418 32.524c-5.041 13.613-7.56 29.748-7.56 48.401zM831.918 448.383c0 19.158 2.522 35.293 7.56 48.401 5.041 13.613 11.846 24.453 20.418 32.517 8.569 8.569 18.657 14.622 30.249 18.149 11.595 4.032 24.196 6.050 37.818 6.050 13.105 0 25.462-2.014 37.054-6.050 12.103-3.531 22.428-9.577 31.007-18.149 8.569-8.067 15.373-18.908 20.418-32.517 5.041-13.112 7.56-29.24 7.56-48.401 0-18.657-2.515-34.792-7.56-48.401-5.041-13.112-11.846-23.952-20.418-32.524-8.575-8.569-18.908-14.872-31.007-18.908-11.595-4.032-23.952-6.050-37.054-6.050-13.619 0-26.227 2.014-37.818 6.050-11.595 4.032-21.681 10.336-30.249 18.908s-15.38 19.409-20.418 32.524c-5.041 13.613-7.56 29.748-7.56 48.401z" />
|
|
14
14
|
<glyph unicode="" 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" />
|
|
15
|
-
<glyph unicode="" glyph-name="icon-arrow-top"
|
|
16
|
-
<glyph unicode="" glyph-name="icon-arrow-bottom"
|
|
15
|
+
<glyph unicode="" glyph-name="icon-arrow-top" d="M511.196 192.041c-17.061-0.034-33.594 5.919-46.73 16.823l-438.090 365.714c-14.911 12.416-24.288 30.255-26.068 49.596s4.182 38.599 16.575 53.535c12.394 14.938 30.203 24.33 49.51 26.113s38.531-4.19 53.442-16.605l391.361-327.679 391.361 315.977c7.468 6.075 16.062 10.613 25.285 13.351s18.9 3.622 28.467 2.602c9.567-1.020 18.834-3.923 27.282-8.543 8.441-4.62 15.887-10.867 21.914-18.38 6.685-7.521 11.754-16.344 14.877-25.916s4.242-19.689 3.284-29.713-3.979-19.744-8.857-28.546c-4.886-8.803-11.535-16.501-19.522-22.612l-438.093-353.28c-13.514-9.181-29.709-13.558-45.999-12.434z" />
|
|
16
|
+
<glyph unicode="" glyph-name="icon-arrow-bottom" d="M512.804 703.958c17.061 0.034 33.594-5.919 46.73-16.823l438.087-365.714c14.914-12.416 24.291-30.256 26.068-49.596 1.785-19.341-4.176-38.599-16.574-53.535-12.391-14.938-30.201-24.331-49.511-26.113-19.302-1.783-38.532 4.19-53.438 16.605l-391.362 327.68-391.361-315.977c-7.469-6.076-16.062-10.613-25.287-13.351s-18.899-3.622-28.466-2.603c-9.567 1.020-18.839 3.923-27.282 8.544s-15.891 10.867-21.917 18.382c-6.687 7.521-11.751 16.344-14.876 25.916s-4.242 19.689-3.283 29.714 3.975 19.743 8.859 28.547c4.883 8.803 11.529 16.502 19.521 22.612l438.090 353.28c13.515 9.181 29.71 13.559 46 12.434z" />
|
|
17
17
|
<glyph unicode="" 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" />
|
|
18
18
|
<glyph unicode="" glyph-name="vector-up" horiz-adv-x="819" d="M409.501-29.752c15.512 0 30.39 6.292 41.358 17.493s17.132 26.386 17.132 42.22v691.829l251.038-256.404c5.44-5.552 11.896-9.956 19-12.96s14.714-4.551 22.407-4.551c7.692 0 15.308 1.546 22.414 4.551s13.562 7.408 19 12.96c5.44 5.552 9.753 12.143 12.695 19.396s4.457 15.028 4.457 22.879c0 7.851-1.516 15.626-4.457 22.88s-7.255 13.845-12.695 19.396l-350.939 358.274c-5.434 5.561-11.888 9.973-18.994 12.983s-14.723 4.56-22.417 4.56c-7.693 0-15.311-1.55-22.418-4.56s-13.56-7.422-18.993-12.983l-350.937-358.274c-10.982-11.212-17.153-26.42-17.153-42.276s6.171-31.064 17.153-42.276c10.982-11.212 25.879-17.511 41.411-17.511s30.428 6.298 41.411 17.511l251.037 256.404v-691.829c0-15.834 6.163-31.020 17.132-42.22s25.846-17.493 41.358-17.493z" />
|
|
19
|
-
<glyph unicode="" glyph-name="vector-down" horiz-adv-x="819" d="M409.501 925.75c-15.512 0-30.39-6.291-41.358-17.49s-17.132-26.387-17.132-42.223v-691.
|
|
19
|
+
<glyph unicode="" glyph-name="vector-down" horiz-adv-x="819" d="M409.501 925.75c-15.512 0-30.39-6.291-41.358-17.49s-17.132-26.387-17.132-42.223v-691.829l-251.038 256.407c-5.438 5.552-11.894 9.956-18.999 12.96s-14.72 4.551-22.412 4.551c-7.691 0-15.306-1.546-22.412-4.551s-13.562-7.408-18.999-12.96c-5.438-5.552-9.752-12.143-12.695-19.396s-4.458-15.028-4.458-22.88c0-7.851 1.515-15.626 4.458-22.881s7.257-13.845 12.695-19.396l350.938-358.273c5.434-5.563 11.888-9.972 18.994-12.981s14.723-4.559 22.417-4.559c7.693 0 15.311 1.55 22.418 4.559s13.56 7.419 18.993 12.981l350.94 358.274c10.981 11.212 17.151 26.42 17.151 42.276s-6.17 31.064-17.151 42.276c-10.981 11.212-25.881 17.511-41.414 17.511-15.527 0-30.426-6.298-41.407-17.511l-251.039-256.407v691.829c0 15.837-6.163 31.025-17.132 42.223s-25.846 17.49-41.358 17.49z" />
|
|
20
|
+
<glyph unicode="" glyph-name="delete" horiz-adv-x="910" d="M455.025 959.875c46.697 0 91.607-16.825 125.442-46.996s54.009-71.378 56.34-115.098l0.228-8.531h227.512c11.602-0.012 22.756-4.175 31.19-11.639 8.429-7.463 13.508-17.664 14.185-28.518 0.683-10.853-3.088-21.541-10.527-29.878-7.445-8.337-18.007-13.696-29.524-14.979l-5.324-0.299h-38.63l-53.69-620.775c-3.469-40.063-22.886-77.43-54.407-104.673-31.514-27.243-72.811-42.367-115.684-42.367h-294.221c-42.871 0-84.172 15.123-115.687 42.367s-50.938 64.61-54.402 104.673l-53.738 620.775h-38.586c-11.145 0.001-21.902 3.837-30.231 10.78s-13.65 16.509-14.953 26.886l-0.319 4.991c0.001 10.447 4.093 20.532 11.499 28.34s17.611 12.796 28.68 14.018l5.324 0.299h227.513c0 45.253 19.176 88.652 53.31 120.651s80.429 49.975 128.701 49.975zM352.644 565.304c-8.246-0.001-16.214-2.8-22.43-7.882s-10.258-12.1-11.379-19.759l-0.319-4.351v-341.251l0.319-4.351c1.124-7.655 5.167-14.673 11.382-19.753s14.182-7.877 22.427-7.877c8.245 0 16.212 2.798 22.427 7.877s10.258 12.097 11.382 19.753l0.319 4.351v341.251l-0.319 4.351c-1.122 7.659-5.164 14.678-11.379 19.759s-14.183 7.881-22.43 7.882zM557.406 565.304c-8.246-0.001-16.214-2.8-22.43-7.882s-10.258-12.1-11.379-19.759l-0.319-4.351v-341.251l0.319-4.351c1.124-7.655 5.167-14.673 11.382-19.753s14.182-7.877 22.427-7.877c8.245 0 16.213 2.798 22.43 7.877 6.21 5.079 10.255 12.097 11.38 19.753l0.319 4.351v341.251l-0.319 4.351c-1.121 7.659-5.165 14.678-11.38 19.759s-14.183 7.881-22.43 7.882zM455.025 874.563c-22.959 0.007-45.073-8.122-61.909-22.757s-27.147-34.695-28.869-56.157l-0.228-6.398h182.011l-0.228 6.398c-1.722 21.463-12.034 41.522-28.869 56.157s-38.949 22.763-61.909 22.757z" />
|
|
20
21
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M409.501 989.752c15.512 0 30.39-6.292 41.358-17.493s17.132-26.386 17.132-42.22v-691.829l251.038 256.404c5.44 5.552 11.896 9.956 19 12.96s14.714 4.551 22.407 4.551c7.692 0 15.308-1.546 22.414-4.551s13.562-7.408 19-12.96c5.44-5.552 9.753-12.143 12.695-19.396s4.457-15.028 4.457-22.879c0-7.851-1.516-15.626-4.457-22.88s-7.255-13.845-12.695-19.396l-350.939-358.274c-5.434-5.561-11.888-9.973-18.994-12.983s-14.723-4.56-22.417-4.56c-7.693 0-15.311 1.55-22.418 4.56s-13.56 7.422-18.993 12.983l-350.937 358.274c-10.982 11.212-17.153 26.42-17.153 42.276s6.171 31.064 17.153 42.276c10.982 11.212 25.879 17.511 41.411 17.511s30.428-6.298 41.411-17.511l251.037-256.404v691.829c0 15.834 6.163 31.020 17.132 42.22s25.846 17.493 41.358 17.493z"],"attrs":[],"width":819,"isMulticolor":false,"isMulticolor2":false,"grid":32,"tags":["vector-up"],"colorPermutations":{}},"attrs":[],"properties":{"order":14,"id":9,"name":"vector-up","prevSize":32,"code":59656},"setIdx":0,"setId":0,"iconIdx":0},{"icon":{"paths":["M409.501 34.25c-15.512 0-30.39 6.291-41.358 17.49s-17.132 26.387-17.132 42.223v691.83l-251.038-256.407c-5.438-5.552-11.894-9.956-18.999-12.96s-14.72-4.551-22.412-4.551c-7.691 0-15.306 1.546-22.412 4.551s-13.562 7.408-18.999 12.96c-5.438 5.552-9.752 12.143-12.695 19.396s-4.458 15.028-4.458 22.88c0 7.851 1.515 15.626 4.458 22.881s7.257 13.845 12.695 19.396l350.938 358.273c5.434 5.563 11.888 9.972 18.994 12.981s14.723 4.559 22.417 4.559c7.693 0 15.311-1.55 22.418-4.559s13.56-7.419 18.993-12.981l350.94-358.274c10.981-11.212 17.151-26.42 17.151-42.276s-6.17-31.064-17.151-42.276c-10.981-11.212-25.881-17.511-41.414-17.511-15.527 0-30.426 6.298-41.407 17.511l-251.039 256.407v-691.83c0-15.837-6.163-31.025-17.132-42.223s-25.846-17.49-41.358-17.49z"],"attrs":[],"width":819,"isMulticolor":false,"isMulticolor2":false,"grid":32,"tags":["vector-down"],"colorPermutations":{}},"attrs":[],"properties":{"order":13,"id":8,"name":"vector-down","prevSize":32,"code":59657},"setIdx":0,"setId":0,"iconIdx":1},{"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,"tags":["close"],"grid":32},"attrs":[{}],"properties":{"order":12,"id":0,"name":"close","prevSize":32,"code":59655},"setIdx":0,"setId":0,"iconIdx":2},{"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":1,"name":"icon-arrow-top","prevSize":32,"code":59653},"setIdx":0,"setId":0,"iconIdx":3},{"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":2,"name":"icon-arrow-bottom","prevSize":32,"code":59654},"setIdx":0,"setId":0,"iconIdx":4},{"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":3,"name":"arrow","prevSize":32,"code":59648},"setIdx":0,"setId":0,"iconIdx":5},{"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":4,"name":"arrow-jump-next","prevSize":32,"code":59649},"setIdx":0,"setId":0,"iconIdx":6},{"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":5,"name":"arrow-jump-back","prevSize":32,"code":59650},"setIdx":0,"setId":0,"iconIdx":7},{"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":6,"name":"text","prevSize":32,"code":59651},"setIdx":0,"setId":0,"iconIdx":8},{"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":7,"name":"arrow-back","prevSize":32,"code":59652},"setIdx":0,"setId":0,"iconIdx":9}],"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}}
|
|
1
|
+
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M455.025 0.125c46.697 0 91.607 16.825 125.442 46.996s54.009 71.378 56.34 115.098l0.228 8.531h227.512c11.602 0.012 22.756 4.175 31.19 11.639 8.429 7.463 13.508 17.664 14.185 28.518 0.683 10.853-3.088 21.541-10.527 29.878-7.445 8.337-18.007 13.696-29.524 14.979l-5.324 0.299h-38.63l-53.69 620.775c-3.469 40.063-22.886 77.43-54.407 104.673-31.514 27.243-72.811 42.367-115.684 42.367h-294.221c-42.871 0-84.172-15.123-115.687-42.367s-50.938-64.61-54.402-104.673l-53.738-620.775h-38.586c-11.145-0.001-21.902-3.837-30.231-10.78s-13.65-16.509-14.953-26.886l-0.319-4.991c0.001-10.447 4.093-20.532 11.499-28.34s17.611-12.796 28.68-14.018l5.324-0.299h227.513c0-45.253 19.176-88.652 53.31-120.651s80.429-49.975 128.701-49.975zM352.644 394.696c-8.246 0.001-16.214 2.8-22.43 7.882s-10.258 12.1-11.379 19.759l-0.319 4.351v341.251l0.319 4.351c1.124 7.655 5.167 14.673 11.382 19.753s14.182 7.877 22.427 7.877c8.245 0 16.212-2.798 22.427-7.877s10.258-12.097 11.382-19.753l0.319-4.351v-341.251l-0.319-4.351c-1.122-7.659-5.164-14.678-11.379-19.759s-14.183-7.881-22.43-7.882zM557.406 394.696c-8.246 0.001-16.214 2.8-22.43 7.882s-10.258 12.1-11.379 19.759l-0.319 4.351v341.251l0.319 4.351c1.124 7.655 5.167 14.673 11.382 19.753s14.182 7.877 22.427 7.877c8.245 0 16.213-2.798 22.43-7.877 6.21-5.079 10.255-12.097 11.38-19.753l0.319-4.351v-341.251l-0.319-4.351c-1.121-7.659-5.165-14.678-11.38-19.759s-14.183-7.881-22.43-7.882zM455.025 85.437c-22.959-0.007-45.073 8.122-61.909 22.757s-27.147 34.695-28.869 56.157l-0.228 6.398h182.011l-0.228-6.398c-1.722-21.463-12.034-41.522-28.869-56.157s-38.949-22.763-61.909-22.757z"],"attrs":[],"width":910,"isMulticolor":false,"isMulticolor2":false,"grid":32,"tags":["delete"],"colorPermutations":{}},"attrs":[],"properties":{"order":43,"id":11,"name":"delete","prevSize":32,"code":59658},"setIdx":0,"setId":0,"iconIdx":0},{"icon":{"paths":["M409.501 989.752c15.512 0 30.39-6.292 41.358-17.493s17.132-26.386 17.132-42.22v-691.829l251.038 256.404c5.44 5.552 11.896 9.956 19 12.96s14.714 4.551 22.407 4.551c7.692 0 15.308-1.546 22.414-4.551s13.562-7.408 19-12.96c5.44-5.552 9.753-12.143 12.695-19.396s4.457-15.028 4.457-22.879c0-7.851-1.516-15.626-4.457-22.88s-7.255-13.845-12.695-19.396l-350.939-358.274c-5.434-5.561-11.888-9.973-18.994-12.983s-14.723-4.56-22.417-4.56c-7.693 0-15.311 1.55-22.418 4.56s-13.56 7.422-18.993 12.983l-350.937 358.274c-10.982 11.212-17.153 26.42-17.153 42.276s6.171 31.064 17.153 42.276c10.982 11.212 25.879 17.511 41.411 17.511s30.428-6.298 41.411-17.511l251.037-256.404v691.829c0 15.834 6.163 31.020 17.132 42.22s25.846 17.493 41.358 17.493z"],"width":819,"attrs":[],"isMulticolor":false,"isMulticolor2":false,"colorPermutations":{},"tags":["vector-up"],"grid":32},"attrs":[],"properties":{"order":14,"id":0,"name":"vector-up","prevSize":32,"code":59656},"setIdx":0,"setId":0,"iconIdx":2},{"icon":{"paths":["M409.501 34.25c-15.512 0-30.39 6.291-41.358 17.49s-17.132 26.387-17.132 42.223v691.829l-251.038-256.407c-5.438-5.552-11.894-9.956-18.999-12.96s-14.72-4.551-22.412-4.551c-7.691 0-15.306 1.546-22.412 4.551s-13.562 7.408-18.999 12.96c-5.438 5.552-9.752 12.143-12.695 19.396s-4.458 15.028-4.458 22.88c0 7.851 1.515 15.626 4.458 22.881s7.257 13.845 12.695 19.396l350.938 358.273c5.434 5.563 11.888 9.972 18.994 12.981s14.723 4.559 22.417 4.559c7.693 0 15.311-1.55 22.418-4.559s13.56-7.419 18.993-12.981l350.94-358.274c10.981-11.212 17.151-26.42 17.151-42.276s-6.17-31.064-17.151-42.276c-10.981-11.212-25.881-17.511-41.414-17.511-15.527 0-30.426 6.298-41.407 17.511l-251.039 256.407v-691.829c0-15.837-6.163-31.025-17.132-42.223s-25.846-17.49-41.358-17.49z"],"width":819,"attrs":[],"isMulticolor":false,"isMulticolor2":false,"colorPermutations":{},"tags":["vector-down"],"grid":32},"attrs":[],"properties":{"order":13,"id":1,"name":"vector-down","prevSize":32,"code":59657},"setIdx":0,"setId":0,"iconIdx":3},{"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,"tags":["close"],"grid":32},"attrs":[{}],"properties":{"order":12,"id":2,"name":"close","prevSize":32,"code":59655},"setIdx":0,"setId":0,"iconIdx":4},{"icon":{"paths":["M511.196 767.959c-17.061 0.034-33.594-5.919-46.73-16.823l-438.090-365.714c-14.911-12.416-24.288-30.255-26.068-49.596-1.78-19.341 4.182-38.599 16.575-53.535 12.394-14.938 30.203-24.33 49.51-26.113s38.531 4.19 53.442 16.605l391.361 327.679 391.361-315.977c7.468-6.075 16.062-10.613 25.285-13.351s18.9-3.622 28.467-2.602c9.567 1.020 18.834 3.923 27.282 8.543 8.441 4.62 15.887 10.867 21.914 18.38 6.685 7.521 11.754 16.344 14.877 25.916s4.242 19.689 3.284 29.713-3.979 19.744-8.857 28.546c-4.886 8.803-11.535 16.501-19.522 22.612l-438.093 353.28c-13.514 9.181-29.709 13.558-45.999 12.434z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["icon-arrow-top"],"grid":32},"attrs":[{}],"properties":{"order":41,"id":3,"name":"icon-arrow-top","prevSize":32,"code":59653},"setIdx":0,"setId":0,"iconIdx":5},{"icon":{"paths":["M512.804 256.042c17.061-0.034 33.594 5.919 46.73 16.823l438.087 365.714c14.914 12.416 24.291 30.256 26.068 49.596 1.785 19.341-4.176 38.599-16.574 53.535-12.391 14.938-30.201 24.331-49.511 26.113-19.302 1.783-38.532-4.19-53.438-16.605l-391.362-327.68-391.361 315.977c-7.469 6.076-16.062 10.613-25.287 13.351s-18.899 3.622-28.466 2.603c-9.567-1.020-18.839-3.923-27.282-8.544s-15.891-10.867-21.917-18.382c-6.687-7.521-11.751-16.344-14.876-25.916-3.124-9.573-4.242-19.689-3.283-29.714s3.975-19.743 8.859-28.547c4.883-8.803 11.529-16.502 19.521-22.612l438.090-353.28c13.515-9.181 29.71-13.559 46-12.434z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["icon-arrow-bottom"],"grid":32},"attrs":[{}],"properties":{"order":10,"id":4,"name":"icon-arrow-bottom","prevSize":32,"code":59654},"setIdx":0,"setId":0,"iconIdx":6},{"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":5,"name":"arrow","prevSize":32,"code":59648},"setIdx":0,"setId":0,"iconIdx":7},{"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":6,"name":"arrow-jump-next","prevSize":32,"code":59649},"setIdx":0,"setId":0,"iconIdx":8},{"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":7,"name":"arrow-jump-back","prevSize":32,"code":59650},"setIdx":0,"setId":0,"iconIdx":9},{"icon":{"paths":["M-0 511.617c0-19.158 2.522-35.293 7.561-48.401 5.041-13.613 11.846-24.453 20.418-32.517 8.569-8.569 18.657-14.622 30.249-18.149 11.595-4.032 24.203-6.050 37.812-6.050 13.112 0 25.462 2.014 37.060 6.050 12.103 3.531 22.435 9.577 31.007 18.149 8.569 8.067 15.38 18.908 20.418 32.517 5.041 13.112 7.56 29.24 7.56 48.401 0 18.657-2.522 34.792-7.56 48.401-5.041 13.112-11.846 23.952-20.418 32.524s-18.908 14.872-31.007 18.908c-11.595 4.032-23.948 6.050-37.060 6.050-13.613 0-26.22-2.014-37.812-6.050-11.595-4.032-21.681-10.336-30.249-18.908s-15.38-19.409-20.418-32.524c-5.041-13.613-7.561-29.748-7.561-48.401zM415.955 511.617c0-19.158 2.522-35.293 7.56-48.401 5.041-13.613 11.846-24.453 20.418-32.517 8.569-8.569 18.657-14.622 30.249-18.149 11.595-4.032 24.203-6.050 37.812-6.050 13.109 0 25.462 2.014 37.060 6.050 12.103 3.531 22.435 9.577 31.007 18.149 8.569 8.067 15.38 18.908 20.418 32.517 5.041 13.112 7.565 29.24 7.565 48.401 0 18.657-2.522 34.792-7.565 48.401-5.041 13.112-11.846 23.952-20.418 32.524s-18.908 14.872-31.007 18.908c-11.595 4.032-23.952 6.050-37.060 6.050-13.613 0-26.22-2.014-37.812-6.050-11.595-4.032-21.681-10.336-30.249-18.908s-15.38-19.409-20.418-32.524c-5.041-13.613-7.56-29.748-7.56-48.401zM831.918 511.617c0-19.158 2.522-35.293 7.56-48.401 5.041-13.613 11.846-24.453 20.418-32.517 8.569-8.569 18.657-14.622 30.249-18.149 11.595-4.032 24.196-6.050 37.818-6.050 13.105 0 25.462 2.014 37.054 6.050 12.103 3.531 22.428 9.577 31.007 18.149 8.569 8.067 15.373 18.908 20.418 32.517 5.041 13.112 7.56 29.24 7.56 48.401 0 18.657-2.515 34.792-7.56 48.401-5.041 13.112-11.846 23.952-20.418 32.524-8.575 8.569-18.908 14.872-31.007 18.908-11.595 4.032-23.952 6.050-37.054 6.050-13.619 0-26.227-2.014-37.818-6.050-11.595-4.032-21.681-10.336-30.249-18.908s-15.38-19.409-20.418-32.524c-5.041-13.613-7.56-29.748-7.56-48.401z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"tags":["text"],"grid":32,"colorPermutations":{}},"attrs":[],"properties":{"order":6,"id":8,"name":"text","prevSize":32,"code":59651},"setIdx":0,"setId":0,"iconIdx":10},{"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":9,"name":"arrow-back","prevSize":32,"code":59652},"setIdx":0,"setId":0,"iconIdx":11}],"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}}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'icomoon';
|
|
3
|
-
src: url('fonts/icomoon.eot?
|
|
4
|
-
src: url('fonts/icomoon.eot?
|
|
5
|
-
url('fonts/icomoon.ttf?
|
|
6
|
-
url('fonts/icomoon.woff?
|
|
7
|
-
url('fonts/icomoon.svg?
|
|
3
|
+
src: url('fonts/icomoon.eot?pr3wo0');
|
|
4
|
+
src: url('fonts/icomoon.eot?pr3wo0#iefix') format('embedded-opentype'),
|
|
5
|
+
url('fonts/icomoon.ttf?pr3wo0') format('truetype'),
|
|
6
|
+
url('fonts/icomoon.woff?pr3wo0') format('woff'),
|
|
7
|
+
url('fonts/icomoon.svg?pr3wo0#icomoon') format('svg');
|
|
8
8
|
font-weight: normal;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-display: block;
|
|
@@ -25,6 +25,9 @@
|
|
|
25
25
|
-moz-osx-font-smoothing: grayscale;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
+
.icon-delete:before {
|
|
29
|
+
content: "\e90a";
|
|
30
|
+
}
|
|
28
31
|
.icon-vector-up:before {
|
|
29
32
|
content: "\e908";
|
|
30
33
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
.autocomplate-content {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
|
+
position: relative;
|
|
4
5
|
}
|
|
5
6
|
.autocomplate-content-top {
|
|
6
7
|
display: flex;
|
|
@@ -25,8 +26,10 @@
|
|
|
25
26
|
border-color: #3C393E;
|
|
26
27
|
}
|
|
27
28
|
.autocomplate-content-bottom {
|
|
28
|
-
position:
|
|
29
|
-
|
|
29
|
+
position: absolute;
|
|
30
|
+
width: 100%;
|
|
31
|
+
top: 52px;
|
|
32
|
+
left: 0;
|
|
30
33
|
overflow: hidden;
|
|
31
34
|
max-width: 400px;
|
|
32
35
|
background: #FBFBFB;
|
|
@@ -34,6 +37,7 @@
|
|
|
34
37
|
border-radius: 6px;
|
|
35
38
|
animation: select-show 640ms linear forwards;
|
|
36
39
|
max-height: 0;
|
|
40
|
+
z-index: 1;
|
|
37
41
|
}
|
|
38
42
|
.autocomplate-content-bottom-inner {
|
|
39
43
|
display: flex;
|
|
@@ -71,4 +75,13 @@
|
|
|
71
75
|
}
|
|
72
76
|
.option-active .autocomplate-content-bottom-row {
|
|
73
77
|
color: #00236A;
|
|
78
|
+
}
|
|
79
|
+
.autocomplate-title {
|
|
80
|
+
color: #3c393e;
|
|
81
|
+
display: block;
|
|
82
|
+
font-size: 16px;
|
|
83
|
+
font-weight: 500;
|
|
84
|
+
line-height: 22px;
|
|
85
|
+
margin-bottom: 6px;
|
|
86
|
+
text-transform: none;
|
|
74
87
|
}
|
|
@@ -91,7 +91,7 @@ export const Autocomplate = ({
|
|
|
91
91
|
|
|
92
92
|
return (
|
|
93
93
|
<>
|
|
94
|
-
{label ? <label className={styles
|
|
94
|
+
{label ? <label className={styles['autocomplate-title']}>{label}</label> : ""}
|
|
95
95
|
<div className={styles['autocomplate-content']}>
|
|
96
96
|
<input
|
|
97
97
|
id={inputId}
|
|
@@ -1,11 +1,82 @@
|
|
|
1
|
-
.file-
|
|
1
|
+
.file-form{
|
|
2
|
+
position: relative;
|
|
2
3
|
display: flex;
|
|
3
4
|
flex-direction: column;
|
|
4
|
-
justify-content:
|
|
5
|
+
justify-content: space-between;
|
|
5
6
|
align-items: center;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
background: #FBFBFB;
|
|
8
|
+
border: 2px dashed;
|
|
9
|
+
border-radius: 6px;
|
|
10
|
+
width: 100%;
|
|
11
|
+
height: 100%;
|
|
12
|
+
padding: 4px 0;
|
|
9
13
|
cursor: pointer;
|
|
10
|
-
|
|
14
|
+
}
|
|
15
|
+
.file-form:hover .delete-upload-file {
|
|
16
|
+
opacity: 1;
|
|
17
|
+
}
|
|
18
|
+
.file-form-inner-upload {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
justify-content: space-between;
|
|
22
|
+
align-items: center;
|
|
23
|
+
padding-top: 48px;
|
|
24
|
+
padding-bottom: 16px;
|
|
25
|
+
}
|
|
26
|
+
.file-form-inner-upload > img {
|
|
27
|
+
margin-bottom: 14px;
|
|
28
|
+
display: block;
|
|
29
|
+
}
|
|
30
|
+
.upload-info {
|
|
31
|
+
margin-bottom: 40px;
|
|
32
|
+
max-width: 150px;
|
|
33
|
+
text-align: center;
|
|
34
|
+
}
|
|
35
|
+
.upload-info-txt {
|
|
36
|
+
color: #0DA574;
|
|
37
|
+
}
|
|
38
|
+
.file-form.default {
|
|
39
|
+
border-color: #D1D1D1;
|
|
40
|
+
}
|
|
41
|
+
.file-form.error {
|
|
42
|
+
border-color: #EE0000;
|
|
43
|
+
}
|
|
44
|
+
.file-form.accept {
|
|
45
|
+
border-color: #00236A;
|
|
46
|
+
}
|
|
47
|
+
.delete-upload-file {
|
|
48
|
+
position: absolute;
|
|
49
|
+
top: 0;
|
|
50
|
+
left: 0;
|
|
51
|
+
width: 100%;
|
|
52
|
+
height: 100%;
|
|
53
|
+
background: rgba(60, 57, 62, 0.4);
|
|
54
|
+
z-index: 1;
|
|
55
|
+
opacity: 0;
|
|
56
|
+
transition: opacity 240ms;
|
|
57
|
+
}
|
|
58
|
+
.delete-upload-icon {
|
|
59
|
+
position: absolute;
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
width: 26px;
|
|
64
|
+
height: 26px;
|
|
65
|
+
right: 10px;
|
|
66
|
+
top: 10px;
|
|
67
|
+
background: #ffffff;
|
|
68
|
+
border-radius: 6px;
|
|
69
|
+
z-index: 2;
|
|
70
|
+
}
|
|
71
|
+
.delete-upload-icon > i {
|
|
72
|
+
color: #00236A;
|
|
73
|
+
font-size: 16px;
|
|
74
|
+
}
|
|
75
|
+
.upload-file-content > img {
|
|
76
|
+
display: block;
|
|
77
|
+
}
|
|
78
|
+
.file-form-title {
|
|
79
|
+
margin-bottom: 10px;
|
|
80
|
+
max-width: 390px;
|
|
81
|
+
word-break: break-all;
|
|
11
82
|
}
|
|
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
import PropTypes from "prop-types";
|
|
3
3
|
import classnames from "classnames";
|
|
4
4
|
import styles from "./file.module.css";
|
|
5
|
+
import Icon from '../icon/Icon'
|
|
5
6
|
|
|
6
7
|
export const File = ({
|
|
7
8
|
className,
|
|
@@ -47,10 +48,9 @@ export const File = ({
|
|
|
47
48
|
|
|
48
49
|
return (
|
|
49
50
|
<>
|
|
50
|
-
<
|
|
51
|
-
<div
|
|
52
|
-
|
|
53
|
-
className={styles['file-Form']}
|
|
51
|
+
<p className={styles['file-form-title']}>{label}</p>
|
|
52
|
+
<div
|
|
53
|
+
className={styles['file-form']}
|
|
54
54
|
onChange={(e) => { console.log(e) }}
|
|
55
55
|
style={error ? { borderColor: 'red' } : {}}
|
|
56
56
|
onClick={() => {
|
|
@@ -68,35 +68,33 @@ export const File = ({
|
|
|
68
68
|
/>
|
|
69
69
|
{
|
|
70
70
|
image ?
|
|
71
|
-
<div>
|
|
71
|
+
<div className={styles['upload-file-content']}>
|
|
72
72
|
<div
|
|
73
73
|
onClick={() => {
|
|
74
74
|
setFileName('no selected file');
|
|
75
75
|
setImage(null)
|
|
76
76
|
}}
|
|
77
77
|
>
|
|
78
|
-
|
|
78
|
+
<div className={styles['delete-upload-file']}>
|
|
79
|
+
<div className={styles['delete-upload-icon']}>
|
|
80
|
+
{/*<Icon className='icon-delete'/>*/}
|
|
81
|
+
<i className="icon-arrow"/>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
79
84
|
</div>
|
|
80
85
|
<img
|
|
81
86
|
src={image}
|
|
82
|
-
height={
|
|
87
|
+
height={190}
|
|
83
88
|
alt={fileName}
|
|
84
89
|
/>
|
|
85
90
|
</div> :
|
|
86
|
-
<div>
|
|
87
|
-
<
|
|
88
|
-
|
|
89
|
-
</
|
|
90
|
-
<div>
|
|
91
|
-
<span>Տեղադրել ֆայլը այստեղ կամ Բեռնել</span>
|
|
92
|
-
</div>
|
|
93
|
-
<div>
|
|
94
|
-
<span>Առավելագույնը 5ՄԲ ( jpg, jpeg, png, pdf)</span>
|
|
95
|
-
</div>
|
|
91
|
+
<div className={styles['file-form-inner-upload']}>
|
|
92
|
+
<img src="../../assets/upload.svg" alt=""/>
|
|
93
|
+
<span className={styles['upload-info']}>Տեղադրել ֆայլը այստեղ կամ <span className={styles['upload-info-txt']}>Բեռնել</span></span>
|
|
94
|
+
<span className={styles['upload-info-size']}>Առավելագույնը 5ՄԲ ( jpg, jpeg, png, pdf)</span>
|
|
96
95
|
</div>
|
|
97
96
|
}
|
|
98
97
|
</div>
|
|
99
|
-
</div>
|
|
100
98
|
{
|
|
101
99
|
error ? <span style={{ color: 'red' }}>{error}</span> : null
|
|
102
100
|
}
|
|
@@ -53,7 +53,7 @@ export const Input = ({
|
|
|
53
53
|
const classProps = classnames(styles.input, styles[size], eMessage != '' ? styles['error-message'] :"" , className);
|
|
54
54
|
return (
|
|
55
55
|
<div className={styles['input-wrap']}>
|
|
56
|
-
{label ? <label className={styles
|
|
56
|
+
{label ? <label className={styles['input-title']}>{label}</label> : ""}
|
|
57
57
|
<input
|
|
58
58
|
{...props}
|
|
59
59
|
type={type}
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
.input.size-medium {
|
|
42
42
|
min-height: 46px;
|
|
43
43
|
padding: 12px 15px;
|
|
44
|
+
max-width: 400px;
|
|
44
45
|
}
|
|
45
46
|
|
|
46
47
|
.input.with-icon {
|
|
@@ -81,6 +82,15 @@
|
|
|
81
82
|
/* .input-error-message-text {
|
|
82
83
|
|
|
83
84
|
} */
|
|
85
|
+
.input-title {
|
|
86
|
+
color: #3c393e;
|
|
87
|
+
display: block;
|
|
88
|
+
font-size: 16px;
|
|
89
|
+
font-weight: 500;
|
|
90
|
+
line-height: 22px;
|
|
91
|
+
margin-bottom: 6px;
|
|
92
|
+
text-transform: none;
|
|
93
|
+
}
|
|
84
94
|
@keyframes error-message-show {
|
|
85
95
|
100% {
|
|
86
96
|
bottom: -20px;
|
|
@@ -1,22 +1,46 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useState } from "react";
|
|
2
2
|
import PropTypes from "prop-types";
|
|
3
3
|
import classnames from "classnames";
|
|
4
4
|
import styles from "./modal.module.css";
|
|
5
5
|
import Icon from '../icon/Icon';
|
|
6
6
|
|
|
7
|
-
export const Modal = ({ setShow, headerText, className }) => {
|
|
7
|
+
export const Modal = ({ setShow, headerText, className, type, data, selected}) => {
|
|
8
8
|
const classProps = classnames(styles.modal, className);
|
|
9
|
+
const [select, setSelect] = useState(selected)
|
|
9
10
|
return (
|
|
10
11
|
<div className={styles["modal-wrap"]}>
|
|
11
|
-
|
|
12
|
+
|
|
13
|
+
{
|
|
14
|
+
type == 'content' ?
|
|
15
|
+
<div className={styles["modal-content"]}>
|
|
12
16
|
<div className={styles["modal-top"]}>
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
+
<div className={styles['modal-title']}>Title</div>
|
|
18
|
+
<div className={styles["close-btn"]} onClick={() => setShow(false)}>
|
|
19
|
+
<Icon className="icon-close" />
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
<div className={styles["modal-section"]} />
|
|
23
|
+
</div>
|
|
24
|
+
: type == 'images' ?
|
|
25
|
+
<div className={styles["modal-content"]}>
|
|
26
|
+
<div className={styles["close-btn"]} onClick={() => setShow(false)}>
|
|
27
|
+
<Icon className="icon-close" />
|
|
28
|
+
</div>
|
|
29
|
+
<div>
|
|
30
|
+
{select > 1 ? <h1 onClick={()=>setSelect(select - 1)}>-</h1> : null}
|
|
31
|
+
{
|
|
32
|
+
data.map(elem => {
|
|
33
|
+
if(select == elem.id){
|
|
34
|
+
return<img width='600px' key={elem.id} src={elem.url}/>
|
|
35
|
+
}
|
|
36
|
+
})
|
|
37
|
+
}
|
|
38
|
+
{select < data.length ? <h1 onClick={()=>{ setSelect(select + 1)}}>+</h1>: null}
|
|
39
|
+
</div>
|
|
40
|
+
<div className={styles["modal-section"]} />
|
|
17
41
|
</div>
|
|
18
|
-
|
|
19
|
-
|
|
42
|
+
: null
|
|
43
|
+
}
|
|
20
44
|
</div>
|
|
21
45
|
);
|
|
22
46
|
};
|
|
@@ -25,4 +49,7 @@ Modal.propTypes = {
|
|
|
25
49
|
setShow: PropTypes.func,
|
|
26
50
|
headerText: PropTypes.string,
|
|
27
51
|
className: PropTypes.string,
|
|
52
|
+
type: PropTypes.string,
|
|
53
|
+
selected: PropTypes.string,
|
|
54
|
+
data: PropTypes.array
|
|
28
55
|
};
|
|
@@ -8,6 +8,28 @@ export default {
|
|
|
8
8
|
|
|
9
9
|
const Template = ({ headerText, className }) => {
|
|
10
10
|
const [show, setShow] = useState(false);
|
|
11
|
+
const data = [
|
|
12
|
+
{
|
|
13
|
+
url: 'https://images.pexels.com/photos/268533/pexels-photo-268533.jpeg?cs=srgb&dl=pexels-pixabay-268533.jpg&fm=jpg',
|
|
14
|
+
id: 1
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
url: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSS8LHEGxt49kfpf7asGDZd5rnTjQMD0HF2WtJ3wKEDww&s',
|
|
18
|
+
id: 2
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
url: 'https://s.alamy.com/kdawwlsweh27/2LtummpjO849eQ83yGGiUN/316e62a71020a924f9f663b6ca6b7eda/Fresh_Stock_Content.jpg?fm=jpg&q=100',
|
|
22
|
+
id: 3
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
url: 'https://media.istockphoto.com/id/533899788/photo/mount-ararat-from-armenia.jpg?s=612x612&w=0&k=20&c=dB48gVwJq4UGCzdLpOsxDv9DniGQIOBdmli28zUXu0A=',
|
|
26
|
+
id: 4
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
url: 'https://media.istockphoto.com/id/500221043/photo/cascade-yerevan.jpg?s=612x612&w=0&k=20&c=vaULCkIZaIbetZlkFnP20ELnD8cyhlc9cRsvt-X5YAk=',
|
|
30
|
+
id: 5
|
|
31
|
+
}
|
|
32
|
+
]
|
|
11
33
|
const handleClick = () => {
|
|
12
34
|
setShow(true);
|
|
13
35
|
};
|
|
@@ -15,7 +37,7 @@ const Template = ({ headerText, className }) => {
|
|
|
15
37
|
<>
|
|
16
38
|
<button onClick={handleClick}>Click</button>
|
|
17
39
|
{show && (
|
|
18
|
-
<Modal setShow={setShow} headerText={headerText} className={className} />
|
|
40
|
+
<Modal type='images' selected={4} data={data} setShow={setShow} headerText={headerText} className={className} />
|
|
19
41
|
)}
|
|
20
42
|
</>
|
|
21
43
|
);
|
|
@@ -25,5 +47,5 @@ export const Default = Template.bind({});
|
|
|
25
47
|
|
|
26
48
|
Default.args = {
|
|
27
49
|
headerText: "Hi...",
|
|
28
|
-
className: "Modal"
|
|
50
|
+
className: "Modal",
|
|
29
51
|
};
|
|
@@ -76,7 +76,9 @@ export const Pagination = ({
|
|
|
76
76
|
return (
|
|
77
77
|
<li key={id} className={classnames(styles['pagination-jump-next'],styles.listItem)} onClick={id < currentPageIndex ? onPreviousFive : onNextFive}
|
|
78
78
|
disabled={currentPageIndex === 0 ? true : false}>
|
|
79
|
-
<span className={styles['pagination-jump-next-txt']}
|
|
79
|
+
<span className={styles['pagination-jump-next-txt']}>
|
|
80
|
+
<i className='icon-text'/>
|
|
81
|
+
</span>
|
|
80
82
|
<span className={styles['pagination-jump-next-arrow']}>
|
|
81
83
|
{/* <Icon className="icon-arrow-jump-next"/> */}
|
|
82
84
|
<i className="icon-arrow-jump-next"></i>
|