mediacube-ui 0.1.21 → 0.1.23

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.21",
-  "description": "Design system for MediaCube services",
-  "author": "MediaCube",
+  "version": "0.1.23",
+  "description": "Design system for Mediacube services",
+  "author": "Mediacube",
   "private": false,
   "homepage": "https://mediacube.co",
   "license": "MIT",
-  "main": "dist/mcui.common.js",
+  "main": "dist/mediacube-ui.common.js",
   "files": [
     "src/assets",
     "src/helpers",

package/src/assets/icons/apple_icon.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="apple_icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.1402 7.03379C10.2674 7.03379 8.91626 6.09065 7.49342 6.12474C5.61624 6.14747 3.8945 7.15878 2.92601 8.76097C0.977093 11.9767 2.42384 16.7265 4.32493 19.34C5.25755 20.6126 6.35755 22.0444 7.81625 21.9989C9.21517 21.9421 9.74126 21.1354 11.4391 21.1354C13.125 21.1354 13.6032 21.9989 15.0858 21.9649C16.5924 21.9421 17.5489 20.6695 18.4696 19.3854C19.5337 17.9082 19.9761 16.4765 20 16.397C19.9641 16.3856 17.0706 15.3288 17.0348 12.1472C17.0109 9.48821 19.3185 8.21555 19.4261 8.15873C18.1109 6.32928 16.0902 6.12474 15.3848 6.07929C13.5435 5.94293 12.0011 7.03379 11.1402 7.03379ZM14.2489 4.3521C15.0261 3.46579 15.5402 2.22721 15.3967 1C14.2848 1.04545 12.9456 1.70451 12.1445 2.59083C11.4271 3.37488 10.8054 4.63618 10.9728 5.84067C12.2043 5.93157 13.4717 5.23842 14.2489 4.3521Z" fill="black"/>
 </svg>

package/src/assets/icons/arrows.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="arrows" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.6 3.4L6.8 5.2L5 7L8.6 10.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M19 7H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M15.4004 20.6L19.0004 17L15.4004 13.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/bank.svg

@@ -0,0 +1,12 @@
+<svg data-token-name="bank" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.35742 17V8.934" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 8.934V17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 17H4L3 19V20H11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 5.928L12 2L3 5.928V8.934H21V5.928Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.999 19.5L21 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 13.5V19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 13.5C21 12.6707 19.432 12 17.5 12C15.568 12 14.001 12.6718 14 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 19.5C14 20.3293 15.568 21 17.5 21C19.432 21 20.999 20.3282 21 19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 13.5C14 14.3293 15.568 15 17.5 15C19.432 15 20.999 14.3282 21 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 16.5C14 17.3293 15.568 18 17.5 18C19.432 18 20.999 17.3282 21 16.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/cash-ad.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="cash-ad" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 22L14 20L16 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M20 20H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12.0589 7.40433L7.40399 12.0592C6.95489 12.5083 6.95489 13.2364 7.40399 13.6856L10.3141 16.5956C10.7632 17.0447 11.4913 17.0447 11.9404 16.5956L16.5953 11.9408C17.0444 11.4917 17.0444 10.7635 16.5953 10.3144L13.6852 7.40433C13.2361 6.95523 12.508 6.95523 12.0589 7.40433Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/confetti.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="confetti" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8718 16.5757L6.29224 20.3655C5.52946 20.7469 4.6082 20.5974 4.00517 19.9944V19.9944C3.40214 19.3913 3.25264 18.4701 3.63403 17.7073L7.42382 10.1277C7.56757 9.84019 7.84078 9.63929 8.15809 9.5878C8.4754 9.53631 8.79812 9.6405 9.02542 9.86782L14.1317 14.9741C14.3591 15.2014 14.4632 15.5242 14.4117 15.8415C14.3603 16.1588 14.1594 16.432 13.8718 16.5757Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 3V3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 7V6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/contracts.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="contracts" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14 19L19 14M6 7H18M6 11H9M6 15H7M9 21H7C4.791 21 3 19.209 3 17V7C3 4.791 4.791 3 7 3H17C19.209 3 21 4.791 21 7V10M14.5607 12.4393C15.1464 13.0251 15.1464 13.9749 14.5607 14.5607C13.9749 15.1464 13.0251 15.1464 12.4393 14.5607C11.8536 13.9749 11.8536 13.0251 12.4393 12.4393C13.0251 11.8536 13.9749 11.8536 14.5607 12.4393ZM20.5607 18.4393C21.1464 19.0251 21.1464 19.9749 20.5607 20.5607C19.9749 21.1464 19.0251 21.1464 18.4393 20.5607C17.8536 19.9749 17.8536 19.0251 18.4393 18.4393C19.0251 17.8536 19.9749 17.8536 20.5607 18.4393Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/assets/icons/credit-card.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="credit-card" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.996 6.6H5.795C4.804 6.6 4 7.404 4 8.395V19.206C4 20.196 4.804 21 5.795 21H12.942C13.933 21 14.737 20.196 14.737 19.205V18.442" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M15.8041 18.73L9.29505 16.976C8.23105 16.689 7.60005 15.595 7.88305 14.53L10.5591 4.486C10.8441 3.417 11.9431 2.782 13.0121 3.07L19.5211 4.824C20.5801 5.11 21.2151 6.21 20.9331 7.27L18.2571 17.314C17.9721 18.383 16.8731 19.018 15.8041 18.73Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M11.4004 17.54L15.1204 3.64" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/fast.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="fast" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10 2H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M9 10L12 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M20.0002 5L17.6602 7.34" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/flag_ar.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="flag_ar" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 4H23.25V19H0.75V4Z" fill="#199D00"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.41915 8.25098C6.39571 8.60254 6.36055 9.21778 6.66231 9.28223C7.02266 9.31738 6.82345 8.67285 6.95528 8.55567C6.97872 8.49707 7.02266 8.49707 7.02559 8.57031V9.11817C7.02559 9.29395 7.14278 9.34668 7.23067 9.38184C7.32442 9.37598 7.38888 9.38184 7.42403 9.46973L7.47091 10.416C7.47091 10.416 7.6877 10.4805 7.69942 9.88574C7.70821 9.53418 7.62911 9.24414 7.67598 9.17676C7.67598 9.10938 7.76388 9.10645 7.82247 9.13867C7.91622 9.20313 7.95723 9.28516 8.10372 9.25586C8.32638 9.19141 8.46114 9.08301 8.46407 8.91309C8.45967 8.7461 8.42493 8.58131 8.36153 8.42676C8.37325 8.39746 8.32052 8.31836 8.33223 8.28906C8.37032 8.35352 8.43184 8.34766 8.44356 8.28906C8.40548 8.16602 8.34688 8.0459 8.25313 7.9961C8.17403 7.92578 8.05684 7.9375 8.01876 8.08399C7.99532 8.25098 8.07735 8.44727 8.19747 8.61133C8.22384 8.67285 8.25899 8.77832 8.24434 8.87207C8.17989 8.91016 8.11544 8.89258 8.05977 8.83692C8.05977 8.83692 7.88399 8.70508 7.88399 8.67285C7.93087 8.37403 7.89278 8.33887 7.86641 8.25391C7.84884 8.13965 7.79317 8.10156 7.74923 8.02539C7.70528 7.97852 7.64669 7.97852 7.61739 8.02539C7.53829 8.16016 7.57638 8.4502 7.63204 8.58203C7.67305 8.70215 7.73458 8.77832 7.70528 8.77832C7.68184 8.84571 7.63204 8.82813 7.59395 8.74903C7.55108 8.58256 7.53039 8.41115 7.53243 8.23926C7.51778 8.10449 7.5002 7.81738 7.40938 7.74121C7.35665 7.6709 7.27755 7.70606 7.24825 7.77051C7.24051 7.90139 7.24345 8.03268 7.25704 8.16309C7.31563 8.37989 7.33614 8.57324 7.36544 8.79297C7.37423 9.08887 7.19552 8.92188 7.2043 8.77246C7.24274 8.58462 7.23974 8.39066 7.19552 8.2041C7.16622 8.12793 7.13399 8.11035 7.06075 8.12207C7.00509 8.12207 6.86153 8.27735 6.82052 8.54102C6.82052 8.54102 6.78536 8.67578 6.77071 8.7959C6.7502 8.93067 6.66231 9.03028 6.59786 8.77832C6.54512 8.59375 6.50997 8.14551 6.42208 8.25098H6.41915Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.40039 9.68945L6.46289 10.1406C6.47168 9.92676 6.90527 9.54297 7.2041 9.54004C7.39453 9.54297 7.34766 9.61328 7.39746 9.68945H7.40039Z" fill="white"/>

package/src/assets/icons/freeze.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="freeze" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.9871 3.00008C11.5326 3.00912 11.1684 3.3588 11.1749 3.78383V5.0077L10.9331 4.78161C10.7784 4.63089 10.5657 4.5495 10.3401 4.54649C10.0048 4.5495 9.70509 4.73941 9.57616 5.0288C9.45046 5.3212 9.52459 5.65279 9.76633 5.87284L11.1749 7.19015V10.1624L8.41904 8.67928L7.90333 6.87966C7.81308 6.54205 7.49398 6.3039 7.12654 6.29486C6.86224 6.28883 6.61405 6.40037 6.45289 6.59329C6.29173 6.78923 6.24016 7.04244 6.31107 7.27757L6.40132 7.58504L5.26676 6.97612C5.1475 6.90679 5.01213 6.87062 4.87353 6.86459C4.84775 6.86459 4.81874 6.86459 4.79295 6.8676C4.42873 6.88871 4.11931 7.12986 4.03873 7.46446C3.95815 7.79907 4.12253 8.14271 4.44162 8.30851L5.57619 8.92044L5.2442 9.00484C4.95411 9.07116 4.72526 9.27915 4.64468 9.55045C4.56733 9.81874 4.64791 10.1081 4.86064 10.3041C5.07337 10.5 5.38279 10.5723 5.66966 10.497L7.59712 10.0147L10.3497 11.5008L7.59712 12.9869L5.66966 12.5046C5.5923 12.4835 5.51172 12.4745 5.42792 12.4775C5.01213 12.4835 4.67047 12.7759 4.62212 13.1617C4.577 13.5446 4.8413 13.9033 5.2442 13.9967L5.57619 14.0812L4.44162 14.6931C4.1741 14.8227 4.00327 15.0819 4.00005 15.3653C3.99682 15.6487 4.15798 15.9109 4.42228 16.0496C4.68659 16.1852 5.01213 16.1792 5.26676 16.0255L6.40132 15.4165L6.31107 15.724C6.22727 15.9923 6.30785 16.2817 6.51736 16.4806C6.72686 16.6796 7.03307 16.758 7.32315 16.6826C7.61002 16.6103 7.83242 16.3962 7.90333 16.1219L8.41904 14.3223L11.1749 12.8392V15.8114L9.76633 17.1287C9.55038 17.3217 9.46335 17.6111 9.54071 17.8793C9.61484 18.1506 9.84046 18.3617 10.1306 18.431C10.4174 18.5033 10.7268 18.4219 10.9331 18.22L11.1749 17.9939V19.2178C11.1716 19.4951 11.3264 19.7543 11.5842 19.896C11.8421 20.0347 12.1579 20.0347 12.4158 19.896C12.6736 19.7543 12.8284 19.4951 12.8251 19.2178V17.9939L13.0669 18.22C13.2732 18.4219 13.5826 18.5033 13.8694 18.431C14.1595 18.3617 14.3852 18.1506 14.4593 17.8793C14.5366 17.6111 14.4496 17.3217 14.2337 17.1287L12.8251 15.8114V12.8392L15.581 14.3223L16.0967 16.1219C16.1676 16.3962 16.39 16.6103 16.6768 16.6826C16.9669 16.758 17.2731 16.6796 17.4826 16.4806C17.6922 16.2817 17.7727 15.9923 17.6889 15.724L17.5987 15.4165L18.7332 16.0255C18.9879 16.1792 19.3134 16.1852 19.5777 16.0496C19.842 15.9109 20.0032 15.6487 20 15.3653C19.9967 15.0819 19.8259 14.8227 19.5584 14.6931L18.4238 14.0812L18.7558 13.9967C19.1619 13.9033 19.4294 13.5386 19.3747 13.1497C19.3231 12.7608 18.9653 12.4714 18.5495 12.4775C18.4722 12.4775 18.4013 12.4865 18.3303 12.5046L16.4029 12.9869L13.6503 11.5008L16.4029 10.0147L18.3303 10.497C18.6172 10.5723 18.9266 10.5 19.1394 10.3041C19.3521 10.1081 19.4327 9.81874 19.3553 9.55045C19.2747 9.27915 19.0459 9.07116 18.7558 9.00484L18.4238 8.92044L19.5584 8.30851C19.8807 8.1397 20.0419 7.79002 19.9548 7.45542C19.8678 7.1178 19.5519 6.87966 19.1813 6.8676C19.0265 6.86158 18.8686 6.89775 18.7332 6.97612L17.5987 7.58504L17.6889 7.27757C17.7631 7.03641 17.705 6.78019 17.5407 6.58425C17.3731 6.39132 17.1184 6.2828 16.8509 6.29486C16.4899 6.31596 16.1837 6.55109 16.0967 6.87966L15.581 8.67928L12.8251 10.1624V7.19015L14.2337 5.87284C14.4786 5.65279 14.5528 5.31215 14.4238 5.01975C14.2917 4.72735 13.9823 4.53744 13.6406 4.54347C13.4246 4.5495 13.2184 4.63391 13.0669 4.78161L12.8251 5.0077V3.78383C12.8284 3.57584 12.7413 3.37387 12.5834 3.22616C12.4255 3.07846 12.2095 2.99707 11.9871 3.00008Z" fill="currentColor"/>
 </svg>

package/src/assets/icons/iban.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="iban" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.64941 11.3333L3.98275 10L5.31608 11.3333" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21.3151 12.6667L19.9818 14L18.6484 12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5.47363 7.36889C6.9243 5.33422 9.29319 4 11.9821 4C16.3999 4 19.9821 7.58223 19.9821 12C19.9821 12.608 19.9083 13.1982 19.7803 13.7671" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/iban_blue.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="iban_blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="24" height="24" rx="12" fill="#8756FF"/>
 <path d="M4 11.2857L5.14286 10.1429L6.28571 11.2857" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M19.9996 12.4286L18.8567 13.5714L17.7139 12.4286" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/mc_dashboard.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="mc_dashboard" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.5942 2H10.4058C5.76813 2 2 5.76813 2 10.4058V20.7163C2 21.4202 2.5797 22 3.28363 22H13.5942C18.2319 22 22 18.2319 22 13.5942V10.4058C22 5.76813 18.2733 2 13.5942 2Z" fill="#703CEE"/>
 <path d="M12 7C12 6.44772 12.4477 6 13 6H15.5C16.0523 6 16.5 6.44772 16.5 7V17C16.5 17.5523 16.0523 18 15.5 18H12V7Z" fill="white"/>
 <path d="M6 12C6 11.4477 6.44772 11 7 11H10.5V18H7C6.44772 18 6 17.5523 6 17V12Z" fill="white"/>

package/src/assets/icons/phone_colored.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="phone_colored" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="#4DCB4D"/>
 <path d="M9.18173 14.8144C11.8015 17.4352 15.1209 19.1056 17.0951 17.14L17.5739 16.6612C18.2111 16.024 18.1223 14.9692 17.3831 14.4544C16.9163 14.1292 16.4146 13.78 15.8602 13.39C15.2865 12.9868 14.4993 13.048 14.0013 13.5424L13.46 14.08C12.7892 13.6552 12.1255 13.1092 11.5087 12.4936L11.5063 12.4912C10.8906 11.8756 10.3446 11.2108 9.91978 10.54L10.4574 9.99876C10.9519 9.50075 11.0143 8.71235 10.6086 8.13875C10.2186 7.58555 9.86938 7.08514 9.54655 6.61954C9.03292 5.87794 7.97685 5.78794 7.3384 6.42634L6.85957 6.90514C4.89503 8.87915 6.56435 12.196 9.18413 14.818" fill="white"/>
 </svg>

package/src/assets/icons/referral.svg

@@ -0,0 +1,10 @@
+<svg data-token-name="referral" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="7.5" cy="12" r="3" fill="none" />
+    <circle cx="16.4004" cy="4.6" r="3" fill="none" />
+    <circle cx="16.4004" cy="19.5" r="3" fill="none" />
+    <path d="M14.5833 6.36688L9.41602 10.1893" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M18.2421 2.74834C19.252 3.74613 19.252 5.36388 18.2421 6.36166C17.2321 7.35946 15.5946 7.35946 14.5846 6.36166C13.5747 5.36387 13.5747 3.74613 14.5846 2.74834C15.5946 1.75055 17.2321 1.75055 18.2421 2.74834" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M14.5833 17.6331L9.41602 13.8106" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M18.2421 17.6383C19.252 18.6361 19.252 20.2539 18.2421 21.2517C17.2321 22.2494 15.5946 22.2494 14.5846 21.2517C13.5747 20.2539 13.5747 18.6361 14.5846 17.6383C15.5946 16.6405 17.2321 16.6405 18.2421 17.6383" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M9.41056 10.1951C10.4195 11.1919 10.4195 12.8081 9.41056 13.8049C8.40158 14.8017 6.7657 14.8017 5.75673 13.8049C4.74776 12.8081 4.74776 11.1919 5.75673 10.1951C6.76571 9.19832 8.40158 9.19832 9.41056 10.1951" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>

package/src/assets/icons/referral_solid.svg

@@ -0,0 +1,10 @@
+<svg data-token-name="referral_solid" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="7.5" cy="12" r="3" fill="currentColor" />
+    <circle cx="16.4004" cy="4.6" r="3" fill="currentColor" />
+    <circle cx="16.4004" cy="19.5" r="3" fill="currentColor" />
+    <path d="M14.5833 6.36688L9.41602 10.1893" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M18.2421 2.74834C19.252 3.74613 19.252 5.36388 18.2421 6.36166C17.2321 7.35946 15.5946 7.35946 14.5846 6.36166C13.5747 5.36387 13.5747 3.74613 14.5846 2.74834C15.5946 1.75055 17.2321 1.75055 18.2421 2.74834" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M14.5833 17.6331L9.41602 13.8106" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M18.2421 17.6383C19.252 18.6361 19.252 20.2539 18.2421 21.2517C17.2321 22.2494 15.5946 22.2494 14.5846 21.2517C13.5747 20.2539 13.5747 18.6361 14.5846 17.6383C15.5946 16.6405 17.2321 16.6405 18.2421 17.6383" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M9.41056 10.1951C10.4195 11.1919 10.4195 12.8081 9.41056 13.8049C8.40158 14.8017 6.7657 14.8017 5.75673 13.8049C4.74776 12.8081 4.74776 11.1919 5.75673 10.1951C6.76571 9.19832 8.40158 9.19832 9.41056 10.1951" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>

package/src/assets/icons/requisites.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="requisites" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13 19H6C5.20435 19 4.44129 18.6839 3.87868 18.1213C3.31607 17.5587 3 16.7956 3 16V8C3 7.20435 3.31607 6.44129 3.87868 5.87868C4.44129 5.31607 5.20435 5 6 5H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16 19H18C18.7956 19 19.5587 18.6839 20.1213 18.1213C20.6839 17.5587 21 16.7956 21 16V8C21 7.20435 20.6839 6.44129 20.1213 5.87868C19.5587 5.31607 18.7956 5 18 5H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16 2.00001V22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/icons/spy_colored.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="spy_colored" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M22.0002 24V23.3333C22.0002 21.1246 20.2088 19.3333 18.0001 19.3333H6.00004C3.79135 19.3333 2 21.1246 2 23.3333V24H22.0002ZM17.8335 13.6232C18.6255 13.7619 19.5795 13.7092 19.4442 14.2346C19.1248 15.4706 17.7081 15.0126 17.4581 15.0266C17.2081 15.0399 17.8335 13.6232 17.8335 13.6232Z" fill="#8F99A3"/>
 <path d="M18.0427 13.7633C19.2928 13.9299 19.7368 14.0406 18.8201 14.4019C18.3054 14.6053 17.3247 17.604 16.5994 17.1473C15.8747 16.6906 18.0427 13.7633 18.0427 13.7633Z" fill="#202427"/>
 <path d="M6.17146 13.6232C5.37945 13.7619 4.42544 13.7092 4.56078 14.2346C4.88012 15.4706 6.29679 15.0126 6.5468 15.0266C6.7968 15.0399 6.17146 13.6232 6.17146 13.6232Z" fill="#8F99A3"/>

package/src/assets/icons/stars.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="stars" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.69 15.0288L3.495 13.4648C2.835 12.5998 2.835 11.3998 3.495 10.5358L4.69 8.97275L4.951 7.02075C5.095 5.94075 5.945 5.09175 7.025 4.94875L8.973 4.68975H8.971L10.535 3.49575C11.4 2.83475 12.599 2.83475 13.464 3.49575L15.027 4.68975L16.98 4.94975C18.06 5.09375 18.909 5.94375 19.052 7.02375L19.31 8.97075L20.503 10.5358C21.163 11.4008 21.164 12.5998 20.503 13.4648L19.308 15.0278L19.048 16.9797C18.904 18.0597 18.054 18.9088 16.974 19.0518L15.026 19.3097H15.028L13.464 20.5047C12.599 21.1657 11.4 21.1657 10.535 20.5047L8.972 19.3108L7.02 19.0497C5.94 18.9057 5.091 18.0557 4.948 16.9757L4.69 15.0288Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M11.6311 14.975L10.8011 15.411C10.5341 15.551 10.2101 15.527 9.96615 15.351L9.65615 15.126C9.41215 14.949 9.28915 14.649 9.34015 14.351L9.49915 13.427C9.54315 13.17 9.45815 12.907 9.27115 12.725L8.60015 12.071C8.38315 11.86 8.30615 11.545 8.39915 11.258L8.51715 10.894C8.61015 10.607 8.85815 10.398 9.15715 10.354L10.0851 10.219C10.3431 10.182 10.5661 10.019 10.6821 9.78495L11.0971 8.94395C11.2301 8.67295 11.5061 8.50195 11.8081 8.50195H12.1911C12.4931 8.50195 12.7691 8.67295 12.9031 8.94295L13.3181 9.78395C13.4341 10.018 13.6571 10.181 13.9151 10.218L14.8431 10.353C15.1421 10.397 15.3901 10.606 15.4831 10.893L15.6011 11.257C15.6941 11.544 15.6161 11.859 15.4001 12.07L14.7291 12.724C14.5421 12.906 14.4571 13.169 14.5011 13.426L14.6601 14.35C14.7101 14.647 14.5881 14.948 14.3441 15.125L14.0341 15.35C13.7901 15.528 13.4671 15.552 13.1991 15.411L12.3691 14.975C12.1381 14.854 11.8621 14.854 11.6311 14.975Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/assets/icons/wallet.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg data-token-name="wallet" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 20H18C19.657 20 21 18.657 21 17V6C21 4.895 20.105 4 19 4H5C3.895 4 3 4.895 3 6V17C3 18.657 4.343 20 6 20Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21 11.5H17.5C16.97 11.5 16.461 11.711 16.086 12.086L15.258 12.914C14.883 13.289 14.374 13.5 13.844 13.5H10.743C10.213 13.5 9.704 13.289 9.329 12.914L8.5 12.086C8.125 11.711 7.616 11.5 7.086 11.5H3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21 8H3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

package/src/assets/tokens/tokens.json

@@ -254,11 +254,6 @@
       "value": "#EEE8FF",
       "compiledValue": ""
     },
-    {
-      "name": "$color-bg-purple",
-      "value": "#9673ED",
-      "compiledValue": ""
-    },
     {
       "name": "$color-hover-blue",
       "value": "#0A54C2",
@@ -611,11 +606,6 @@
       "value": "linear-gradient(180deg, #F26567 0%, #F79440 100%)",
       "compiledValue": ""
     },
-    {
-      "name": "$gradient-purple",
-      "value": "linear-gradient(270deg, #a246ff 0%, $color-purple 100%)",
-      "compiledValue": ""
-    },
     {
       "name": "$gradient-primary-radial",
       "value": "radial-gradient(rgb(179, 211, 255), rgb(62, 132, 244))",

package/src/elements/McCropper/McCropper.vue

@@ -19,7 +19,7 @@
 
 <script>
 const VueCropper = () => import('vue-cropperjs')
-import 'cropperjs/dist/cropper.css';
+import 'cropperjs/dist/cropper.css'
 
 export default {
     name: 'McCropper',

package/src/elements/McDatePicker/McDatePicker.vue

@@ -136,6 +136,7 @@ import 'vue2-datepicker/locale/es'
 import McTitle from '../McTitle/McTitle'
 import McSvgIcon from '../McSvgIcon/McSvgIcon'
 import McButton from '../McButton/McButton'
+import fieldErrors from '../../mixins/fieldErrors'
 
 export default {
     name: 'McDatePicker',
@@ -145,6 +146,7 @@ export default {
         DatePicker,
         McButton,
     },
+    mixins: [fieldErrors],
     props: {
         /**
          *  Тип датапикера date|datetime|year|month|time|week
@@ -356,11 +358,6 @@ export default {
             }
         },
 
-        errorText() {
-            if (!this.errors || !this.errors.length) return ''
-            return this.errors.join(', ')
-        },
-
         listeners() {
             return _omit(this.$listeners, 'input')
         },
@@ -388,9 +385,11 @@ export default {
         prettyValue() {
             if (!this.useTimezone) {
                 if (this.isRange && this.value) return this.value.map(item => new Date(item))
-                return this.useFormat || (!this.setDefaultToday && !this.value) ?
-                    this.value : this.value ?
-                        new Date(this.value) : new Date()
+                return this.useFormat || (!this.setDefaultToday && !this.value)
+                    ? this.value
+                    : this.value
+                    ? new Date(this.value)
+                    : new Date()
             }
             const formattingDate = date =>
                 momentTz.tz(moment(date, 'YYYY-MM-DD HH:mm:SS')._i, this.currentTimezone).format(this.format)
@@ -414,6 +413,7 @@ export default {
     methods: {
         handleEmitDate(value) {
             const date = this.getFormattedDate(value)
+            this.toggleErrorVisible()
             /**
              * Событие инпута
              * @property {string}
@@ -786,6 +786,12 @@ export default {
         }
     }
 
+    .mx-time-column {
+        .mx-time-list::after {
+            height: 0;
+        }
+    }
+
     .mx-calendar-decade-separator:after {
         content: '-';
     }

package/src/elements/McField/McFieldCheckbox/McFieldCheckbox.vue

@@ -50,9 +50,11 @@
 <script>
 import McTitle from '../../McTitle/McTitle'
 import McSvgIcon from '../../McSvgIcon/McSvgIcon'
+import fieldErrors from '../../../mixins/fieldErrors'
 export default {
     name: 'McFieldCheckbox',
     components: { McTitle, McSvgIcon },
+    mixins: [fieldErrors],
     props: {
         /**
          *  Значение
@@ -172,10 +174,6 @@ export default {
                 class: 'mc-field-checkbox__input',
             }
         },
-        errorText() {
-            if (this.errors == null || this.errors.length === 0) return null
-            return this.errors.join(', ')
-        },
         isChecked() {
             return this.multiple && this.value
                 ? this.value.includes(this.checkedValue)
@@ -184,6 +182,7 @@ export default {
     },
     methods: {
         handleChange(e) {
+            this.toggleErrorVisible()
             /**
              * Событие инпута
              * @property {boolean}

package/src/elements/McField/McFieldRadio/McFieldRadioGroup/McFieldRadioGroup.vue

@@ -39,9 +39,11 @@
 import _XEUtils from 'xe-utils'
 import McFieldRadioButton from '../McFieldRadioButton/McFieldRadioButton'
 import McTitle from '../../../McTitle/McTitle'
+import fieldErrors from '../../../../mixins/fieldErrors'
 export default {
     name: 'McFieldRadioGroup',
     components: { McFieldRadioButton, McTitle },
+    mixins: [fieldErrors],
     props: {
         /**
          *  Значение
@@ -138,13 +140,10 @@ export default {
                 [`mc-field-radio-group--direction-${this.direction}`]: this.direction,
             }
         },
-        errorText() {
-            if (this.errors === null || !this.errors.length) return null
-            return this.errors.join(', ')
-        },
     },
     methods: {
         handleInput(e) {
+            this.toggleErrorVisible()
             this.$emit('input', e.target.value)
             /**
              * Событие по смене выбора

package/src/elements/McField/McFieldSelect/McFieldSelect.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="mc-field-select" :class="classes">
+    <div class="mc-field-select" :class="classes" :style="styles">
         <div :for="name" class="mc-field-select__header" :class="{ required }">
             <!-- @slot Слот заголовка -->
             <slot name="header">
@@ -87,9 +87,11 @@ import McTooltip from '../../McTooltip/McTooltip'
 import McAvatar from '../../McAvatar/McAvatar'
 import McSvgIcon from '../../McSvgIcon/McSvgIcon'
 import McPreview from '../../../patterns/McPreview/McPreview'
+import fieldErrors from '../../../mixins/fieldErrors'
 export default {
     name: 'McFieldSelect',
     components: { McSvgIcon, McAvatar, McTitle, McTooltip, MultiSelect, McPreview },
+    mixins: [fieldErrors],
     props: {
         /**
          *  Заголовок поля:
@@ -275,6 +277,13 @@ export default {
             type: [String, Number],
             default: null,
         },
+        /**
+         * Если нужно ограничить максимальную высоту блока с выбранными элементами
+         */
+        maxHeight: {
+            type: String,
+            default: null,
+        },
     },
     data() {
         return {
@@ -322,6 +331,12 @@ export default {
                 [`mc-field-select--bg-${this.backgroundColor}`]: this.backgroundColor,
                 'mc-field-select--is-empty-options-list': this.isEmptyOptionsList,
                 'mc-field-select--with-preview': this.optionWithPreview,
+                'mc-field-select--max-height': this.maxHeight,
+            }
+        },
+        styles() {
+            return {
+                '--max-height': this.maxHeight,
             }
         },
         _value() {
@@ -352,10 +367,6 @@ export default {
             return this.options.find(o => o.value == this.value)
         },
 
-        errorText() {
-            if (this.errors === null || !this.errors.length) return null
-            return this.errors.join(', ')
-        },
         isEmptyOptionsList() {
             if ((this.hideSelected && !this.searchValue) || !this.computedOptions.length) {
                 if (this.multiple) {
@@ -406,6 +417,7 @@ export default {
         },
 
         emitInput(value) {
+            this.toggleErrorVisible()
             /**
              * Событие инпута (выбранное значение)
              * @property {array, number}
@@ -833,6 +845,15 @@ $text-white: scale-color($color-white, $alpha: -10%);
         }
     }
 
+    &--max-height {
+        .multiselect {
+            &__tags {
+                max-height: var(--max-height);
+                overflow-y: auto;
+            }
+        }
+    }
+
     &__options-tooltip-target {
         overflow: hidden;
         text-overflow: ellipsis;

package/src/elements/McField/McFieldText/McFieldText.vue

@@ -120,6 +120,7 @@ import TextareaAutosize from 'vue-textarea-autosize/src/components/TextareaAutos
 import McTitle from '../../McTitle/McTitle'
 import McButton from '../../McButton/McButton'
 import McSvgIcon from '../../McSvgIcon/McSvgIcon'
+import fieldErrors from '../../../mixins/fieldErrors'
 
 export default {
     name: 'McFieldText',
@@ -130,6 +131,7 @@ export default {
         TextareaAutosize,
         'imask-input': IMaskComponent,
     },
+    mixins: [fieldErrors],
     props: {
         /**
          *  Тип:
@@ -343,7 +345,7 @@ export default {
         isMobile: {
             type: Boolean,
             default: false,
-        }
+        },
     },
 
     data() {
@@ -465,11 +467,6 @@ export default {
             return this.maxLength < this.charCounter ? 'red' : 'dark-gray'
         },
 
-        errorText() {
-            if (this.errors === null || !this.errors.length) return null
-            return this.errors.join(', ')
-        },
-
         inputStyles() {
             const space = parseInt(getTokenValue('$space-150'))
             let bottomStyle = {}
@@ -601,6 +598,7 @@ export default {
             return formatted_values.filter(v => !!v).join('.')
         },
         handleInput(value) {
+            this.toggleErrorVisible()
             /**
              * Событие инпута
              * @property {string}

package/src/patterns/McDrawer/McDrawer.vue

@@ -28,7 +28,6 @@
 </template>
 
 <script>
-import McButton from '../../elements/McButton/McButton'
 import McSvgIcon from '../../elements/McSvgIcon/McSvgIcon'
 import McTitle from '../../elements/McTitle/McTitle'
 /**
@@ -37,7 +36,6 @@ import McTitle from '../../elements/McTitle/McTitle'
 export default {
     name: 'McDrawer',
     components: {
-        McButton,
         McSvgIcon,
         McTitle,
     },

package/src/patterns/McGrid/McGridRow/McGridRow.vue

@@ -6,11 +6,8 @@
 </template>
 
 <script>
-import McGridCol from '../McGridCol/McGridCol'
-
 export default {
     name: 'McGridRow',
-    components: { McGridCol },
     provide() {
         const provideData = {}
         const properties = ['gutterX', 'gutterY']

package/src/patterns/McModal/McModal.vue

@@ -111,6 +111,14 @@ export default {
             type: Boolean,
             default: false,
         },
+        /**
+         * Вариация модалки default || info
+         * info модалки имеют меньшие размеры паддингов
+         * */
+        variation: {
+            type: String,
+            default: 'default',
+        },
     },
     status: 'ready',
     release: '1.0.0',
@@ -128,6 +136,7 @@ export default {
                 'mc-modal--scrolled-bottom': this.scrolled_bottom,
                 'mc-modal--scrollable': this.scrollableContent,
                 'mc-modal--top-padding': this.topPadding,
+                [`mc-modal--variation-${this.variation}`]: !!this.variation,
                 [`mc-modal--header-align-${this.headerAlign}`]:
                     (this.closeVisible || this.arrowVisible) && !!this.headerAlign,
             }
@@ -482,6 +491,35 @@ export default {
             padding: $space-300 0 0;
         }
     }
+    &--variation {
+        &-info {
+            #{$block-name} {
+                &__header {
+                    @media #{$media-query-s} {
+                        padding: $space-300 $space-300 $space-150;
+                    }
+                }
+                &__inner {
+                    & > *:first-child {
+                        @media #{$media-query-s} {
+                            padding-top: $space-300;
+                        }
+                    }
+                    & > *:last-child {
+                        @media #{$media-query-s} {
+                            padding-bottom: $space-300;
+                        }
+                    }
+                }
+                &__body {
+                    @media #{$media-query-s} {
+                        padding-left: $space-300;
+                        padding-right: $space-300;
+                    }
+                }
+            }
+        }
+    }
 }
 html[direction='rtl'] {
     .mc-modal {

package/src/patterns/McStack/McStack.vue

@@ -44,6 +44,7 @@ export default {
         return h(
             'div',
             {
+                ref: data.ref,
                 class: classes,
                 style,
             },
@@ -51,6 +52,7 @@ export default {
                 h(
                     'div',
                     {
+                        ref: 'body',
                         class: 'mc-stack__body',
                     },
                     items,
@@ -59,6 +61,7 @@ export default {
                     ? h(
                           'div',
                           {
+                              ref: 'counter',
                               class: 'mc-stack__counter',
                           },
                           [`+${more}`],

package/src/patterns/McTable/McTableCol/McTableCol.vue

@@ -119,9 +119,11 @@ export default {
             return this.$attrs['total-append'] || ''
         },
         isSortable() {
+            // eslint-disable-next-line no-prototype-builtins
             return this.$attrs.hasOwnProperty('sortable') && this.$attrs.sortable !== false
         },
         ellipsis() {
+            // eslint-disable-next-line no-prototype-builtins
             if (!this.$attrs.hasOwnProperty('show-overflow')) return true
             return this.$attrs['show-overflow'] !== false
         },
@@ -224,7 +226,9 @@ export default {
         align-items: center;
     }
     &__right {
-        display: none;
+        display: flex;
+        opacity: 0;
+        pointer-events: none;
         align-items: center;
         flex-wrap: nowrap;
         @include position(absolute, 0 $space-200 0 null);
@@ -261,7 +265,8 @@ export default {
     }
     &.row--hover {
         .mc-table-col__right {
-            display: flex;
+            opacity: 1;
+            pointer-events: unset;
         }
         @include col-right-color($vxe-table-row-hover-background-color);
         &.row--current {

package/src/styles/global.scss

@@ -26,6 +26,8 @@ body,
 *:before,
 *:after {
   box-sizing: inherit;
+  // убирает превращение х в знак умножения между цифр
+  font-variant-ligatures: none !important;
 }
 
 body {
@@ -37,7 +39,7 @@ body {
   font-size: $font-size-200;
   line-height: $line-height-200;
   color: $color-black;
-  font-variant: normal !important;
+  font-variant: none !important;
   font-feature-settings: normal !important;
 }