adata-ui 0.1.50 → 0.1.53

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.
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
3
+ </svg>
@@ -0,0 +1,54 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_179_1917)">
3
+ <path d="M26.4 0.5H-4V16.5H26.4V0.5Z" fill="white"/>
4
+ <path d="M26.4 0.5H-4V1.732H26.4V0.5Z" fill="#B22234"/>
5
+ <path d="M26.4 2.95996H-4V4.19196H26.4V2.95996Z" fill="#B22234"/>
6
+ <path d="M26.4 5.42407H-4V6.65607H26.4V5.42407Z" fill="#B22234"/>
7
+ <path d="M26.4 7.88403H-4V9.11603H26.4V7.88403Z" fill="#B22234"/>
8
+ <path d="M26.4 10.3479H-4V11.5799H26.4V10.3479Z" fill="#B22234"/>
9
+ <path d="M26.4 12.8081H-4V14.0401H26.4V12.8081Z" fill="#B22234"/>
10
+ <path d="M26.4 15.2681H-4V16.5001H26.4V15.2681Z" fill="#B22234"/>
11
+ <path d="M8.16 0.5H-4V9.116H8.16V0.5Z" fill="#3C3B6E"/>
12
+ <path d="M0.603882 1.20011L0.891882 1.40811L0.783882 1.75211L1.07188 1.54011L1.35988 1.75211L1.25188 1.40811L1.53988 1.20011H1.18388L1.07188 0.860107L0.959882 1.20011H0.603882Z" fill="white"/>
13
+ <path d="M2.61987 1.20011L2.90787 1.40811L2.79987 1.75211L3.08787 1.54011L3.37587 1.75211L3.26787 1.40811L3.55587 1.20011H3.19987L3.08787 0.860107L2.97587 1.20011H2.61987Z" fill="white"/>
14
+ <path d="M4.63599 1.20011L4.92399 1.40811L4.81599 1.75211L5.10399 1.54011L5.39199 1.75211L5.28399 1.40811L5.57199 1.20011H5.21599L5.10399 0.860107L4.99199 1.20011H4.63599Z" fill="white"/>
15
+ <path d="M6.65198 1.20011L6.93998 1.40811L6.83198 1.75211L7.11998 1.54011L7.40798 1.75211L7.29998 1.40811L7.58798 1.20011H7.23198L7.11998 0.860107L7.00798 1.20011H6.65198Z" fill="white"/>
16
+ <path d="M-0.403931 2.06412L-0.115931 2.27212L-0.223931 2.61612L0.0640694 2.40412L0.352069 2.61612L0.244069 2.27212L0.532069 2.06412H0.176069L0.0640694 1.72412L-0.0479305 2.06412H-0.403931Z" fill="white"/>
17
+ <path d="M1.61206 2.06412L1.90006 2.27212L1.79206 2.61612L2.08006 2.40412L2.36806 2.61612L2.26006 2.27212L2.54806 2.06412H2.19206L2.08006 1.72412L1.96806 2.06412H1.61206Z" fill="white"/>
18
+ <path d="M3.62817 2.06412L3.91617 2.27212L3.80817 2.61612L4.09617 2.40412L4.38417 2.61612L4.27617 2.27212L4.56417 2.06412H4.20817L4.09617 1.72412L3.98417 2.06412H3.62817Z" fill="white"/>
19
+ <path d="M5.64417 2.06412L5.93216 2.27212L5.82416 2.61612L6.11216 2.40412L6.40016 2.61612L6.29216 2.27212L6.58016 2.06412H6.22416L6.11216 1.72412L6.00016 2.06412H5.64417Z" fill="white"/>
20
+ <path d="M0.603882 2.92789L0.891882 3.13589L0.783882 3.47989L1.07188 3.26789L1.35988 3.47989L1.25188 3.13589L1.53988 2.92789H1.18388L1.07188 2.58789L0.959882 2.92789H0.603882Z" fill="white"/>
21
+ <path d="M2.61987 2.92789L2.90787 3.13589L2.79987 3.47989L3.08787 3.26789L3.37587 3.47989L3.26787 3.13589L3.55587 2.92789H3.19987L3.08787 2.58789L2.97587 2.92789H2.61987Z" fill="white"/>
22
+ <path d="M4.63599 2.92789L4.92399 3.13589L4.81599 3.47989L5.10399 3.26789L5.39199 3.47989L5.28399 3.13589L5.57199 2.92789H5.21599L5.10399 2.58789L4.99199 2.92789H4.63599Z" fill="white"/>
23
+ <path d="M6.65198 2.92789L6.93998 3.13589L6.83198 3.47989L7.11998 3.26789L7.40798 3.47989L7.29998 3.13589L7.58798 2.92789H7.23198L7.11998 2.58789L7.00798 2.92789H6.65198Z" fill="white"/>
24
+ <path d="M-0.380127 3.7959L-0.0881271 4.0039L-0.200127 4.3439L0.0878731 4.1359L0.379873 4.3439L0.267873 4.0039L0.555873 3.7959H0.199873L0.0878731 3.4519L-0.0201271 3.7959H-0.380127Z" fill="white"/>
25
+ <path d="M1.63599 3.7959L1.92399 4.0039L1.81599 4.3439L2.10399 4.1359L2.39599 4.3439L2.28399 4.0039L2.57199 3.7959H2.21599L2.10399 3.4519L1.99599 3.7959H1.63599Z" fill="white"/>
26
+ <path d="M3.65198 3.7959L3.94398 4.0039L3.83198 4.3439L4.11998 4.1359L4.41198 4.3439L4.29998 4.0039L4.58798 3.7959H4.23198L4.11998 3.4519L4.01198 3.7959H3.65198Z" fill="white"/>
27
+ <path d="M5.66797 3.7959L5.95597 4.0039L5.84797 4.3439L6.13597 4.1359L6.42797 4.3439L6.31597 4.0039L6.60397 3.7959H6.24797L6.13597 3.4519L6.02797 3.7959H5.66797Z" fill="white"/>
28
+ <path d="M0.635986 4.65201L0.923986 4.86001L0.811986 5.20401L1.10399 4.99201L1.39199 5.20401L1.27999 4.86001L1.57199 4.65201H1.21199L1.10399 4.31201L0.991986 4.65201H0.635986Z" fill="white"/>
29
+ <path d="M2.65198 4.65201L2.93998 4.86001L2.82798 5.20401L3.11998 4.99201L3.40798 5.20401L3.29598 4.86001L3.58798 4.65201H3.22798L3.11998 4.31201L3.00798 4.65201H2.65198Z" fill="white"/>
30
+ <path d="M4.66406 4.65201L4.95606 4.86001L4.84406 5.20401L5.13606 4.99201L5.42406 5.20401L5.31206 4.86001L5.60406 4.65201H5.24406L5.13606 4.31201L5.02406 4.65201H4.66406Z" fill="white"/>
31
+ <path d="M6.40002 4.84L6.69202 5.048L6.58002 5.392L6.87202 5.18L7.16002 5.392L7.04802 5.048L7.34002 4.84H6.98002L6.87202 4.5L6.76002 4.84H6.40002Z" fill="white"/>
32
+ <path d="M0.651978 6.35196L0.943977 6.55996L0.831978 6.90396L1.11998 6.69196L1.41198 6.90396L1.29998 6.55996L1.58798 6.35196H1.23198L1.11998 6.01196L1.01198 6.35196H0.651978Z" fill="white"/>
33
+ <path d="M2.66797 6.35196L2.95997 6.55996L2.84797 6.90396L3.13597 6.69196L3.42797 6.90396L3.31597 6.55996L3.60797 6.35196H3.24797L3.13597 6.01196L3.02797 6.35196H2.66797Z" fill="white"/>
34
+ <path d="M4.68396 6.35196L4.97596 6.55996L4.86396 6.90396L5.15196 6.69196L5.44396 6.90396L5.33196 6.55996L5.61996 6.35196H5.26396L5.15196 6.01196L5.04396 6.35196H4.68396Z" fill="white"/>
35
+ <path d="M6.69995 6.35196L6.99195 6.55996L6.87995 6.90396L7.16795 6.69196L7.45995 6.90396L7.34795 6.55996L7.63595 6.35196H7.27995L7.16795 6.01196L7.05995 6.35196H6.69995Z" fill="white"/>
36
+ <path d="M0.628174 8.07193L0.916174 8.28393L0.808174 8.62393L1.09617 8.41193L1.38817 8.62393L1.27617 8.28393L1.56417 8.07193H1.20817L1.09617 7.73193L0.988174 8.07193H0.628174Z" fill="white"/>
37
+ <path d="M2.64417 8.07193L2.93616 8.28393L2.82416 8.62393L3.11216 8.41193L3.40416 8.62393L3.29216 8.28393L3.58016 8.07193H3.22416L3.11216 7.73193L3.00416 8.07193H2.64417Z" fill="white"/>
38
+ <path d="M4.66016 8.07193L4.95216 8.28393L4.84016 8.62393L5.12816 8.41193L5.42016 8.62393L5.30816 8.28393L5.59616 8.07193H5.24016L5.12816 7.73193L5.02016 8.07193H4.66016Z" fill="white"/>
39
+ <path d="M6.67615 8.07193L6.96415 8.28393L6.85615 8.62393L7.14415 8.41193L7.43615 8.62393L7.32415 8.28393L7.61215 8.07193H7.25615L7.14415 7.73193L7.03615 8.07193H6.67615Z" fill="white"/>
40
+ <path d="M-0.376221 5.4921L-0.0842209 5.7041L-0.196221 6.0441L0.095779 5.8321L0.383779 6.0441L0.275779 5.7041L0.563779 5.4921H0.203779L0.095779 5.1521L-0.0162209 5.4921H-0.376221Z" fill="white"/>
41
+ <path d="M1.64417 5.4921L1.93217 5.7041L1.82017 6.0441L2.11217 5.8321L2.40017 6.0441L2.28817 5.7041L2.58017 5.4921H2.22017L2.11217 5.1521L2.00017 5.4921H1.64417Z" fill="white"/>
42
+ <path d="M3.65588 5.4921L3.94788 5.7041L3.83588 6.0441L4.12788 5.8321L4.41588 6.0441L4.30788 5.7041L4.59588 5.4921H4.23588L4.12788 5.1521L4.01588 5.4921H3.65588Z" fill="white"/>
43
+ <path d="M5.67188 5.4921L5.96387 5.7041L5.85187 6.0441L6.14387 5.8321L6.43187 6.0441L6.31987 5.7041L6.61187 5.4921H6.25187L6.14387 5.1521L6.03187 5.4921H5.67188Z" fill="white"/>
44
+ <path d="M-0.380127 7.21207L-0.0881271 7.42007L-0.200127 7.76007L0.0878731 7.55207L0.379873 7.76007L0.267873 7.42007L0.555873 7.21207H0.199873L0.0878731 6.87207L-0.0201271 7.21207H-0.380127Z" fill="white"/>
45
+ <path d="M1.63599 7.21207L1.92399 7.42007L1.81599 7.76007L2.10399 7.55207L2.39599 7.76007L2.28399 7.42007L2.57199 7.21207H2.21599L2.10399 6.87207L1.99599 7.21207H1.63599Z" fill="white"/>
46
+ <path d="M3.65198 7.21207L3.94398 7.42007L3.83198 7.76007L4.11998 7.55207L4.41198 7.76007L4.29998 7.42007L4.58798 7.21207H4.23198L4.11998 6.87207L4.01198 7.21207H3.65198Z" fill="white"/>
47
+ <path d="M5.66797 7.21207L5.95597 7.42007L5.84797 7.76007L6.13597 7.55207L6.42797 7.76007L6.31597 7.42007L6.60397 7.21207H6.24797L6.13597 6.87207L6.02797 7.21207H5.66797Z" fill="white"/>
48
+ </g>
49
+ <defs>
50
+ <clipPath id="clip0_179_1917">
51
+ <path d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z" fill="white"/>
52
+ </clipPath>
53
+ </defs>
54
+ </svg>
@@ -0,0 +1,15 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z" fill="#314199"/>
3
+ <path d="M7.99479 12.5967L8.18355 13.1573L8.75857 13.1568L8.35044 13.4667L8.46265 14.0686L7.99479 13.7271L7.52542 14.0594L7.639 13.4667L7.23511 13.1549H7.80958L7.99479 12.5967Z" fill="#F8EC26"/>
4
+ <path d="M7.99479 2.85718L8.18355 3.41796L8.75857 3.41727L8.35044 3.72735L8.46265 4.32913L7.99479 3.98765L7.52542 4.31994L7.639 3.72735L7.23511 3.41535H7.80958L7.99479 2.85718Z" fill="#F8EC26"/>
5
+ <path d="M10.333 3.48364L10.5218 4.04428L11.097 4.04373L10.6888 4.35368L10.8009 4.95546L10.333 4.61411L9.86366 4.94641L9.97739 4.35368L9.57349 4.04181H10.148L10.333 3.48364Z" fill="#F8EC26"/>
6
+ <path d="M5.54397 3.48364L5.73273 4.04428L6.3079 4.04373L5.89976 4.35368L6.01184 4.95546L5.54397 4.61411L5.0746 4.94641L5.18832 4.35368L4.78442 4.04181H5.35877L5.54397 3.48364Z" fill="#F8EC26"/>
7
+ <path d="M10.333 11.9387L10.5218 12.4995L11.097 12.4989L10.6888 12.8089L10.8009 13.4107L10.333 13.0693L9.86366 13.4016L9.97739 12.8089L9.57349 12.4969H10.148L10.333 11.9387Z" fill="#F8EC26"/>
8
+ <path d="M5.54397 11.9387L5.73273 12.4995L6.3079 12.4989L5.89976 12.8089L6.01184 13.4107L5.54397 13.0693L5.0746 13.4016L5.18832 12.8089L4.78442 12.4969H5.35877L5.54397 11.9387Z" fill="#F8EC26"/>
9
+ <path d="M3.75309 5.32153L3.94185 5.88231L4.51688 5.88162L4.10888 6.1917L4.22082 6.79349L3.75309 6.45214L3.28372 6.7843L3.39731 6.1917L2.99341 5.8797H3.56789L3.75309 5.32153Z" fill="#F8EC26"/>
10
+ <path d="M12.1823 5.32153L12.3711 5.88231L12.9462 5.88162L12.5381 6.1917L12.6502 6.79349L12.1823 6.45214L11.7129 6.7843L11.8265 6.1917L11.4226 5.8797H11.9971L12.1823 5.32153Z" fill="#F8EC26"/>
11
+ <path d="M3.75309 10.1826L3.94185 10.7434L4.51688 10.7427L4.10888 11.0528L4.22082 11.6546L3.75309 11.3131L3.28372 11.6454L3.39731 11.0528L2.99341 10.7408H3.56789L3.75309 10.1826Z" fill="#F8EC26"/>
12
+ <path d="M12.1823 10.1826L12.3711 10.7434L12.9462 10.7427L12.5381 11.0528L12.6502 11.6546L12.1823 11.3131L11.7129 11.6454L11.8265 11.0528L11.4226 10.7408H11.9971L12.1823 10.1826Z" fill="#F8EC26"/>
13
+ <path d="M3.19682 7.73389L3.38558 8.29466L3.96074 8.29398L3.55261 8.60406L3.66469 9.20584L3.19682 8.86436L2.72745 9.19665L2.84103 8.60406L2.43713 8.29206H3.01161L3.19682 7.73389Z" fill="#F8EC26"/>
14
+ <path d="M12.799 7.73389L12.9877 8.29466L13.5629 8.29398L13.1548 8.60406L13.2668 9.20584L12.799 8.86436L12.3296 9.19665L12.4433 8.60406L12.0394 8.29206H12.6138L12.799 7.73389Z" fill="#F8EC26"/>
15
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_179_2012)">
3
+ <path d="M0 0.5C0 -0.60457 0.895431 -1.5 2 -1.5H18C19.1046 -1.5 20 -0.604569 20 0.5V5.5H0V0.5Z" fill="#F0F0F0"/>
4
+ <rect y="5.5" width="20" height="7" fill="#0039A6"/>
5
+ <path d="M0 11.5H20V16.5C20 17.6046 19.1046 18.5 18 18.5H2C0.895431 18.5 0 17.6046 0 16.5V11.5Z" fill="#D52B1E"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_179_2012">
9
+ <rect y="0.5" width="16" height="16" rx="2" fill="white"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adata-ui",
3
- "version": "0.1.50",
3
+ "version": "0.1.53",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/App.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div id="app"></div>
2
+ <div id="app"><a-header active-tab-key="" login-url="" mode="" is-authenticated request-count="199" days-remaining="18 часов 44 минуты"/></div>
3
3
  </template>
4
4
 
5
5
  <script>
@@ -15,6 +15,5 @@ export default {
15
15
  -moz-osx-font-smoothing: grayscale;
16
16
  text-align: center;
17
17
  color: #2c3e50;
18
- margin-top: 60px;
19
18
  }
20
19
  </style>
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
3
+ </svg>
@@ -0,0 +1,54 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_179_1917)">
3
+ <path d="M26.4 0.5H-4V16.5H26.4V0.5Z" fill="white"/>
4
+ <path d="M26.4 0.5H-4V1.732H26.4V0.5Z" fill="#B22234"/>
5
+ <path d="M26.4 2.95996H-4V4.19196H26.4V2.95996Z" fill="#B22234"/>
6
+ <path d="M26.4 5.42407H-4V6.65607H26.4V5.42407Z" fill="#B22234"/>
7
+ <path d="M26.4 7.88403H-4V9.11603H26.4V7.88403Z" fill="#B22234"/>
8
+ <path d="M26.4 10.3479H-4V11.5799H26.4V10.3479Z" fill="#B22234"/>
9
+ <path d="M26.4 12.8081H-4V14.0401H26.4V12.8081Z" fill="#B22234"/>
10
+ <path d="M26.4 15.2681H-4V16.5001H26.4V15.2681Z" fill="#B22234"/>
11
+ <path d="M8.16 0.5H-4V9.116H8.16V0.5Z" fill="#3C3B6E"/>
12
+ <path d="M0.603882 1.20011L0.891882 1.40811L0.783882 1.75211L1.07188 1.54011L1.35988 1.75211L1.25188 1.40811L1.53988 1.20011H1.18388L1.07188 0.860107L0.959882 1.20011H0.603882Z" fill="white"/>
13
+ <path d="M2.61987 1.20011L2.90787 1.40811L2.79987 1.75211L3.08787 1.54011L3.37587 1.75211L3.26787 1.40811L3.55587 1.20011H3.19987L3.08787 0.860107L2.97587 1.20011H2.61987Z" fill="white"/>
14
+ <path d="M4.63599 1.20011L4.92399 1.40811L4.81599 1.75211L5.10399 1.54011L5.39199 1.75211L5.28399 1.40811L5.57199 1.20011H5.21599L5.10399 0.860107L4.99199 1.20011H4.63599Z" fill="white"/>
15
+ <path d="M6.65198 1.20011L6.93998 1.40811L6.83198 1.75211L7.11998 1.54011L7.40798 1.75211L7.29998 1.40811L7.58798 1.20011H7.23198L7.11998 0.860107L7.00798 1.20011H6.65198Z" fill="white"/>
16
+ <path d="M-0.403931 2.06412L-0.115931 2.27212L-0.223931 2.61612L0.0640694 2.40412L0.352069 2.61612L0.244069 2.27212L0.532069 2.06412H0.176069L0.0640694 1.72412L-0.0479305 2.06412H-0.403931Z" fill="white"/>
17
+ <path d="M1.61206 2.06412L1.90006 2.27212L1.79206 2.61612L2.08006 2.40412L2.36806 2.61612L2.26006 2.27212L2.54806 2.06412H2.19206L2.08006 1.72412L1.96806 2.06412H1.61206Z" fill="white"/>
18
+ <path d="M3.62817 2.06412L3.91617 2.27212L3.80817 2.61612L4.09617 2.40412L4.38417 2.61612L4.27617 2.27212L4.56417 2.06412H4.20817L4.09617 1.72412L3.98417 2.06412H3.62817Z" fill="white"/>
19
+ <path d="M5.64417 2.06412L5.93216 2.27212L5.82416 2.61612L6.11216 2.40412L6.40016 2.61612L6.29216 2.27212L6.58016 2.06412H6.22416L6.11216 1.72412L6.00016 2.06412H5.64417Z" fill="white"/>
20
+ <path d="M0.603882 2.92789L0.891882 3.13589L0.783882 3.47989L1.07188 3.26789L1.35988 3.47989L1.25188 3.13589L1.53988 2.92789H1.18388L1.07188 2.58789L0.959882 2.92789H0.603882Z" fill="white"/>
21
+ <path d="M2.61987 2.92789L2.90787 3.13589L2.79987 3.47989L3.08787 3.26789L3.37587 3.47989L3.26787 3.13589L3.55587 2.92789H3.19987L3.08787 2.58789L2.97587 2.92789H2.61987Z" fill="white"/>
22
+ <path d="M4.63599 2.92789L4.92399 3.13589L4.81599 3.47989L5.10399 3.26789L5.39199 3.47989L5.28399 3.13589L5.57199 2.92789H5.21599L5.10399 2.58789L4.99199 2.92789H4.63599Z" fill="white"/>
23
+ <path d="M6.65198 2.92789L6.93998 3.13589L6.83198 3.47989L7.11998 3.26789L7.40798 3.47989L7.29998 3.13589L7.58798 2.92789H7.23198L7.11998 2.58789L7.00798 2.92789H6.65198Z" fill="white"/>
24
+ <path d="M-0.380127 3.7959L-0.0881271 4.0039L-0.200127 4.3439L0.0878731 4.1359L0.379873 4.3439L0.267873 4.0039L0.555873 3.7959H0.199873L0.0878731 3.4519L-0.0201271 3.7959H-0.380127Z" fill="white"/>
25
+ <path d="M1.63599 3.7959L1.92399 4.0039L1.81599 4.3439L2.10399 4.1359L2.39599 4.3439L2.28399 4.0039L2.57199 3.7959H2.21599L2.10399 3.4519L1.99599 3.7959H1.63599Z" fill="white"/>
26
+ <path d="M3.65198 3.7959L3.94398 4.0039L3.83198 4.3439L4.11998 4.1359L4.41198 4.3439L4.29998 4.0039L4.58798 3.7959H4.23198L4.11998 3.4519L4.01198 3.7959H3.65198Z" fill="white"/>
27
+ <path d="M5.66797 3.7959L5.95597 4.0039L5.84797 4.3439L6.13597 4.1359L6.42797 4.3439L6.31597 4.0039L6.60397 3.7959H6.24797L6.13597 3.4519L6.02797 3.7959H5.66797Z" fill="white"/>
28
+ <path d="M0.635986 4.65201L0.923986 4.86001L0.811986 5.20401L1.10399 4.99201L1.39199 5.20401L1.27999 4.86001L1.57199 4.65201H1.21199L1.10399 4.31201L0.991986 4.65201H0.635986Z" fill="white"/>
29
+ <path d="M2.65198 4.65201L2.93998 4.86001L2.82798 5.20401L3.11998 4.99201L3.40798 5.20401L3.29598 4.86001L3.58798 4.65201H3.22798L3.11998 4.31201L3.00798 4.65201H2.65198Z" fill="white"/>
30
+ <path d="M4.66406 4.65201L4.95606 4.86001L4.84406 5.20401L5.13606 4.99201L5.42406 5.20401L5.31206 4.86001L5.60406 4.65201H5.24406L5.13606 4.31201L5.02406 4.65201H4.66406Z" fill="white"/>
31
+ <path d="M6.40002 4.84L6.69202 5.048L6.58002 5.392L6.87202 5.18L7.16002 5.392L7.04802 5.048L7.34002 4.84H6.98002L6.87202 4.5L6.76002 4.84H6.40002Z" fill="white"/>
32
+ <path d="M0.651978 6.35196L0.943977 6.55996L0.831978 6.90396L1.11998 6.69196L1.41198 6.90396L1.29998 6.55996L1.58798 6.35196H1.23198L1.11998 6.01196L1.01198 6.35196H0.651978Z" fill="white"/>
33
+ <path d="M2.66797 6.35196L2.95997 6.55996L2.84797 6.90396L3.13597 6.69196L3.42797 6.90396L3.31597 6.55996L3.60797 6.35196H3.24797L3.13597 6.01196L3.02797 6.35196H2.66797Z" fill="white"/>
34
+ <path d="M4.68396 6.35196L4.97596 6.55996L4.86396 6.90396L5.15196 6.69196L5.44396 6.90396L5.33196 6.55996L5.61996 6.35196H5.26396L5.15196 6.01196L5.04396 6.35196H4.68396Z" fill="white"/>
35
+ <path d="M6.69995 6.35196L6.99195 6.55996L6.87995 6.90396L7.16795 6.69196L7.45995 6.90396L7.34795 6.55996L7.63595 6.35196H7.27995L7.16795 6.01196L7.05995 6.35196H6.69995Z" fill="white"/>
36
+ <path d="M0.628174 8.07193L0.916174 8.28393L0.808174 8.62393L1.09617 8.41193L1.38817 8.62393L1.27617 8.28393L1.56417 8.07193H1.20817L1.09617 7.73193L0.988174 8.07193H0.628174Z" fill="white"/>
37
+ <path d="M2.64417 8.07193L2.93616 8.28393L2.82416 8.62393L3.11216 8.41193L3.40416 8.62393L3.29216 8.28393L3.58016 8.07193H3.22416L3.11216 7.73193L3.00416 8.07193H2.64417Z" fill="white"/>
38
+ <path d="M4.66016 8.07193L4.95216 8.28393L4.84016 8.62393L5.12816 8.41193L5.42016 8.62393L5.30816 8.28393L5.59616 8.07193H5.24016L5.12816 7.73193L5.02016 8.07193H4.66016Z" fill="white"/>
39
+ <path d="M6.67615 8.07193L6.96415 8.28393L6.85615 8.62393L7.14415 8.41193L7.43615 8.62393L7.32415 8.28393L7.61215 8.07193H7.25615L7.14415 7.73193L7.03615 8.07193H6.67615Z" fill="white"/>
40
+ <path d="M-0.376221 5.4921L-0.0842209 5.7041L-0.196221 6.0441L0.095779 5.8321L0.383779 6.0441L0.275779 5.7041L0.563779 5.4921H0.203779L0.095779 5.1521L-0.0162209 5.4921H-0.376221Z" fill="white"/>
41
+ <path d="M1.64417 5.4921L1.93217 5.7041L1.82017 6.0441L2.11217 5.8321L2.40017 6.0441L2.28817 5.7041L2.58017 5.4921H2.22017L2.11217 5.1521L2.00017 5.4921H1.64417Z" fill="white"/>
42
+ <path d="M3.65588 5.4921L3.94788 5.7041L3.83588 6.0441L4.12788 5.8321L4.41588 6.0441L4.30788 5.7041L4.59588 5.4921H4.23588L4.12788 5.1521L4.01588 5.4921H3.65588Z" fill="white"/>
43
+ <path d="M5.67188 5.4921L5.96387 5.7041L5.85187 6.0441L6.14387 5.8321L6.43187 6.0441L6.31987 5.7041L6.61187 5.4921H6.25187L6.14387 5.1521L6.03187 5.4921H5.67188Z" fill="white"/>
44
+ <path d="M-0.380127 7.21207L-0.0881271 7.42007L-0.200127 7.76007L0.0878731 7.55207L0.379873 7.76007L0.267873 7.42007L0.555873 7.21207H0.199873L0.0878731 6.87207L-0.0201271 7.21207H-0.380127Z" fill="white"/>
45
+ <path d="M1.63599 7.21207L1.92399 7.42007L1.81599 7.76007L2.10399 7.55207L2.39599 7.76007L2.28399 7.42007L2.57199 7.21207H2.21599L2.10399 6.87207L1.99599 7.21207H1.63599Z" fill="white"/>
46
+ <path d="M3.65198 7.21207L3.94398 7.42007L3.83198 7.76007L4.11998 7.55207L4.41198 7.76007L4.29998 7.42007L4.58798 7.21207H4.23198L4.11998 6.87207L4.01198 7.21207H3.65198Z" fill="white"/>
47
+ <path d="M5.66797 7.21207L5.95597 7.42007L5.84797 7.76007L6.13597 7.55207L6.42797 7.76007L6.31597 7.42007L6.60397 7.21207H6.24797L6.13597 6.87207L6.02797 7.21207H5.66797Z" fill="white"/>
48
+ </g>
49
+ <defs>
50
+ <clipPath id="clip0_179_1917">
51
+ <path d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z" fill="white"/>
52
+ </clipPath>
53
+ </defs>
54
+ </svg>
@@ -0,0 +1,15 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z" fill="#314199"/>
3
+ <path d="M7.99479 12.5967L8.18355 13.1573L8.75857 13.1568L8.35044 13.4667L8.46265 14.0686L7.99479 13.7271L7.52542 14.0594L7.639 13.4667L7.23511 13.1549H7.80958L7.99479 12.5967Z" fill="#F8EC26"/>
4
+ <path d="M7.99479 2.85718L8.18355 3.41796L8.75857 3.41727L8.35044 3.72735L8.46265 4.32913L7.99479 3.98765L7.52542 4.31994L7.639 3.72735L7.23511 3.41535H7.80958L7.99479 2.85718Z" fill="#F8EC26"/>
5
+ <path d="M10.333 3.48364L10.5218 4.04428L11.097 4.04373L10.6888 4.35368L10.8009 4.95546L10.333 4.61411L9.86366 4.94641L9.97739 4.35368L9.57349 4.04181H10.148L10.333 3.48364Z" fill="#F8EC26"/>
6
+ <path d="M5.54397 3.48364L5.73273 4.04428L6.3079 4.04373L5.89976 4.35368L6.01184 4.95546L5.54397 4.61411L5.0746 4.94641L5.18832 4.35368L4.78442 4.04181H5.35877L5.54397 3.48364Z" fill="#F8EC26"/>
7
+ <path d="M10.333 11.9387L10.5218 12.4995L11.097 12.4989L10.6888 12.8089L10.8009 13.4107L10.333 13.0693L9.86366 13.4016L9.97739 12.8089L9.57349 12.4969H10.148L10.333 11.9387Z" fill="#F8EC26"/>
8
+ <path d="M5.54397 11.9387L5.73273 12.4995L6.3079 12.4989L5.89976 12.8089L6.01184 13.4107L5.54397 13.0693L5.0746 13.4016L5.18832 12.8089L4.78442 12.4969H5.35877L5.54397 11.9387Z" fill="#F8EC26"/>
9
+ <path d="M3.75309 5.32153L3.94185 5.88231L4.51688 5.88162L4.10888 6.1917L4.22082 6.79349L3.75309 6.45214L3.28372 6.7843L3.39731 6.1917L2.99341 5.8797H3.56789L3.75309 5.32153Z" fill="#F8EC26"/>
10
+ <path d="M12.1823 5.32153L12.3711 5.88231L12.9462 5.88162L12.5381 6.1917L12.6502 6.79349L12.1823 6.45214L11.7129 6.7843L11.8265 6.1917L11.4226 5.8797H11.9971L12.1823 5.32153Z" fill="#F8EC26"/>
11
+ <path d="M3.75309 10.1826L3.94185 10.7434L4.51688 10.7427L4.10888 11.0528L4.22082 11.6546L3.75309 11.3131L3.28372 11.6454L3.39731 11.0528L2.99341 10.7408H3.56789L3.75309 10.1826Z" fill="#F8EC26"/>
12
+ <path d="M12.1823 10.1826L12.3711 10.7434L12.9462 10.7427L12.5381 11.0528L12.6502 11.6546L12.1823 11.3131L11.7129 11.6454L11.8265 11.0528L11.4226 10.7408H11.9971L12.1823 10.1826Z" fill="#F8EC26"/>
13
+ <path d="M3.19682 7.73389L3.38558 8.29466L3.96074 8.29398L3.55261 8.60406L3.66469 9.20584L3.19682 8.86436L2.72745 9.19665L2.84103 8.60406L2.43713 8.29206H3.01161L3.19682 7.73389Z" fill="#F8EC26"/>
14
+ <path d="M12.799 7.73389L12.9877 8.29466L13.5629 8.29398L13.1548 8.60406L13.2668 9.20584L12.799 8.86436L12.3296 9.19665L12.4433 8.60406L12.0394 8.29206H12.6138L12.799 7.73389Z" fill="#F8EC26"/>
15
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_179_2012)">
3
+ <path d="M0 0.5C0 -0.60457 0.895431 -1.5 2 -1.5H18C19.1046 -1.5 20 -0.604569 20 0.5V5.5H0V0.5Z" fill="#F0F0F0"/>
4
+ <rect y="5.5" width="20" height="7" fill="#0039A6"/>
5
+ <path d="M0 11.5H20V16.5C20 17.6046 19.1046 18.5 18 18.5H2C0.895431 18.5 0 17.6046 0 16.5V11.5Z" fill="#D52B1E"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_179_2012">
9
+ <rect y="0.5" width="16" height="16" rx="2" fill="white"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
@@ -1 +1 @@
1
- @import "text_field";
1
+ @import "text_field";
@@ -0,0 +1,114 @@
1
+ <template>
2
+ <label :for="fakeHash" class="a-checkbox">
3
+ <input
4
+ type="checkbox"
5
+ :id="fakeHash"
6
+ :value="inputValue"
7
+ v-model="model"
8
+ class="a-checkbox__input"
9
+ :disabled="disabled"
10
+ />
11
+ <span class="checkmark" />
12
+ <span class="a-checkbox__label">{{ label }}</span>
13
+ </label>
14
+ </template>
15
+
16
+ <script>
17
+ export default {
18
+ props: {
19
+ id: {
20
+ type: [String, Number],
21
+ default: null,
22
+ },
23
+ inputValue: {
24
+ type: [String, Boolean],
25
+ default: null,
26
+ },
27
+ value: {
28
+ type: Array,
29
+ default: () => [],
30
+ },
31
+ label: {
32
+ type: String,
33
+ default: "",
34
+ },
35
+ disabled: {
36
+ type: Boolean,
37
+ default: false,
38
+ },
39
+ },
40
+ computed: {
41
+ fakeHash: function () {
42
+ return `${this.id}_${this.label}_checkbox`;
43
+ },
44
+ model: {
45
+ get() {
46
+ return this.value;
47
+ },
48
+ set(value) {
49
+ this.$emit("input", value);
50
+ },
51
+ },
52
+ },
53
+ };
54
+ </script>
55
+
56
+ <style lang="scss" scoped>
57
+ .a-checkbox {
58
+ padding: 8px 0;
59
+ display: flex;
60
+ align-items: center;
61
+ position: relative;
62
+ cursor: pointer;
63
+ -webkit-user-select: none;
64
+ -moz-user-select: none;
65
+ -ms-user-select: none;
66
+ user-select: none;
67
+
68
+ &__input {
69
+ opacity: 0;
70
+ cursor: pointer;
71
+ height: 0;
72
+ width: 0;
73
+ &:checked ~ .checkmark {
74
+ position: relative;
75
+ background: #007aff;
76
+ border: 1px solid transparent;
77
+ }
78
+ &:checked ~ .checkmark:after {
79
+ display: block;
80
+ background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2012%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1%206.556L5.308%2011%2015%201%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
81
+ background-position: center center;
82
+ background-repeat: no-repeat;
83
+ }
84
+ }
85
+
86
+ &__label {
87
+ font-size: 14px;
88
+ line-height: 22px;
89
+ color: var(--newGray);
90
+ }
91
+ }
92
+
93
+ .checkmark {
94
+ border: 1px solid #9da3ac;
95
+ border-radius: 2px;
96
+ width: 16px;
97
+ height: 16px;
98
+ cursor: pointer;
99
+ margin-right: 8px;
100
+ display: flex;
101
+ justify-content: center;
102
+ align-items: center;
103
+ flex-shrink: 0;
104
+ background: #fff;
105
+ &:after {
106
+ content: "";
107
+ position: absolute;
108
+ left: -1px;
109
+ top: -1px;
110
+ width: 16px;
111
+ height: 16px;
112
+ }
113
+ }
114
+ </style>
@@ -0,0 +1,15 @@
1
+ import ACheckbox from "./ACheckbox.vue";
2
+
3
+ export default {
4
+ title: "Checkbox",
5
+ component: ACheckbox,
6
+ template: "<a-checkbox></a-checkbox>",
7
+ };
8
+
9
+ const Template = (args, { argTypes }) => ({
10
+ components: { ACheckbox },
11
+ props: Object.keys(argTypes),
12
+ template: "<a-checkbox v-bind='$props'></a-checkbox>",
13
+ });
14
+
15
+ export const BaseCheckbox = Template.bind({});