@snabcentr/client-ui 2.0.0 → 2.1.0

package/icons/svg-pack/instagram.svg

@@ -0,0 +1,6 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="1.5em" height="1.5em" fill="none" />
+    <path d="M12 2.16167C15.2044 2.16167 15.584 2.17439 16.8483 2.23252C18.1562 2.29246 19.5041 2.59037 20.4559 3.54405C21.4187 4.50681 21.7075 5.84015 21.7675 7.15168C21.8256 8.41599 21.8383 8.79746 21.8383 12C21.8383 15.2025 21.8256 15.584 21.7675 16.8483C21.7094 18.149 21.4042 19.5095 20.4559 20.4559C19.5077 21.4024 18.1617 21.7075 16.8483 21.7675C15.584 21.8256 15.2025 21.8383 12 21.8383C8.79746 21.8383 8.41599 21.8256 7.15168 21.7675C5.86013 21.7094 4.4832 21.3969 3.54405 20.4559C2.58674 19.4986 2.29246 18.1526 2.23252 16.8483C2.17439 15.584 2.16167 15.2025 2.16167 12C2.16167 8.79746 2.17439 8.41599 2.23252 7.15168C2.29065 5.85649 2.59946 4.48865 3.54405 3.54405C4.50318 2.58492 5.84378 2.29246 7.15168 2.23252C8.41599 2.17439 8.79746 2.16167 12 2.16167ZM12 0C8.74114 0 8.33243 0.0145322 7.05177 0.0726612C5.1971 0.158038 3.35513 0.673933 2.01453 2.01453C0.668483 3.36058 0.158037 5.19891 0.0726601 7.05177C0.0145311 8.33243 0 8.74114 0 12C0 15.2589 0.0145311 15.6676 0.0726601 16.9482C0.158037 18.8011 0.675749 20.6485 2.01453 21.9855C3.35876 23.3297 5.20073 23.842 7.05177 23.9273C8.33243 23.9855 8.74114 24 12 24C15.2589 24 15.6676 23.9855 16.9482 23.9273C18.8029 23.842 20.6467 23.3261 21.9855 21.9855C23.3243 20.6449 23.842 18.8011 23.9273 16.9482C23.9855 15.6676 24 15.2589 24 12C24 8.74114 23.9855 8.33243 23.9273 7.05177C23.842 5.19709 23.3261 3.35332 21.9855 2.01453C20.6431 0.672116 18.7975 0.156222 16.9482 0.0726612C15.6676 0.0145322 15.2589 0 12 0Z" fill="currentColor" />
+    <path d="M12 5.83833C8.59764 5.83833 5.83833 8.59764 5.83833 12C5.83833 15.4024 8.59764 18.1617 12 18.1617C15.4024 18.1617 18.1617 15.4024 18.1617 12C18.1617 8.59764 15.4024 5.83833 12 5.83833ZM12 16C9.7911 16 8 14.2089 8 12C8 9.7911 9.7911 8 12 8C14.2089 8 16 9.7911 16 12C16 14.2089 14.2089 16 12 16Z" fill="currentColor" />
+    <path d="M18.4051 7.03361C19.2007 7.03361 19.8456 6.38867 19.8456 5.5931C19.8456 4.79753 19.2007 4.15259 18.4051 4.15259C17.6095 4.15259 16.9646 4.79753 16.9646 5.5931C16.9646 6.38867 17.6095 7.03361 18.4051 7.03361Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/layout-list-tree.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M1.41034 1.29289C1.61493 1.10536 1.8924 1 2.18173 1L6.54537 1C7.14786 1 7.63628 1.44772 7.63628 2V6C7.63628 6.26522 7.52134 6.51957 7.31675 6.70711C7.11217 6.89464 6.83469 7 6.54537 7L2.18173 7C1.57924 7 1.09082 6.55229 1.09082 6L1.09082 2C1.09082 1.73478 1.20576 1.48043 1.41034 1.29289ZM3.27264 3V5H5.45446V3L3.27264 3Z" fill="currentColor " />
+	<path d="M10.9089 15.2728C10.9089 14.6703 11.3974 14.1819 11.9998 14.1819H21.818C22.4205 14.1819 22.9089 14.6703 22.9089 15.2728C22.9089 15.8753 22.4205 16.3637 21.818 16.3637H11.9998C11.3974 16.3637 10.9089 15.8753 10.9089 15.2728Z" fill="currentColor " />
+	<path d="M9.81812 4.36361C9.81812 3.76112 10.3065 3.27271 10.909 3.27271H21.8181C22.4206 3.27271 22.909 3.76112 22.909 4.36361C22.909 4.96611 22.4206 5.45452 21.8181 5.45452H10.909C10.3065 5.45452 9.81812 4.96611 9.81812 4.36361Z" fill="currentColor " />
+	<path d="M15.2727 21C15.2727 20.4477 15.7611 20 16.3636 20H21.8182C22.4207 20 22.9091 20.4477 22.9091 21C22.9091 21.5523 22.4207 22 21.8182 22H16.3636C15.7611 22 15.2727 21.5523 15.2727 21Z" fill="currentColor " />
+	<path d="M7.63623 9.8182C7.63623 9.21571 8.12465 8.72729 8.72714 8.72729H21.818C22.4205 8.72729 22.909 9.21571 22.909 9.8182C22.909 10.4207 22.4205 10.9091 21.818 10.9091H8.72714C8.12465 10.9091 7.63623 10.4207 7.63623 9.8182Z" fill="currentColor " />
+</svg>

package/icons/svg-pack/list.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+	<path d="M5.77433 9.50178C5.87572 9.60403 5.99635 9.68519 6.12926 9.74057C6.26217 9.79595 6.40473 9.82447 6.54871 9.82447C6.6927 9.82447 6.83526 9.79595 6.96817 9.74057C7.10108 9.68519 7.22171 9.60403 7.3231 9.50178C7.42533 9.40037 7.50647 9.27972 7.56184 9.14678C7.61721 9.01385 7.64572 8.87126 7.64572 8.72725C7.64572 8.58324 7.61721 8.44066 7.56184 8.30772C7.50647 8.17479 7.42533 8.05414 7.3231 7.95272L5.14173 5.77095C5.038 5.67163 4.91568 5.59378 4.7818 5.54186C4.51626 5.43275 4.21842 5.43275 3.95288 5.54186C3.819 5.59378 3.69668 5.67163 3.59295 5.77095L1.41158 7.95272C1.2062 8.15814 1.09082 8.43675 1.09082 8.72725C1.09082 9.01776 1.2062 9.29637 1.41158 9.50178C1.61696 9.7072 1.89552 9.8226 2.18597 9.8226C2.47642 9.8226 2.75498 9.7072 2.96036 9.50178L3.27665 9.17452V14.8253L2.96036 14.4981C2.75498 14.2926 2.47642 14.1772 2.18597 14.1772C1.89552 14.1772 1.61696 14.2926 1.41158 14.4981C1.2062 14.7035 1.09082 14.9821 1.09082 15.2726C1.09082 15.5631 1.2062 15.8417 1.41158 16.0471L3.59295 18.2289C3.69668 18.3282 3.819 18.4061 3.95288 18.458C4.08344 18.5157 4.2246 18.5455 4.36734 18.5455C4.51008 18.5455 4.65125 18.5157 4.7818 18.458C4.91568 18.4061 5.038 18.3282 5.14173 18.2289L7.3231 16.0471C7.42479 15.9454 7.50546 15.8246 7.5605 15.6918C7.61553 15.5589 7.64386 15.4164 7.64386 15.2726C7.64386 15.1287 7.61553 14.9863 7.5605 14.8534C7.50546 14.7205 7.42479 14.5998 7.3231 14.4981C7.22141 14.3963 7.10068 14.3157 6.96781 14.2606C6.83494 14.2056 6.69253 14.1772 6.54871 14.1772C6.4049 14.1772 6.26249 14.2056 6.12962 14.2606C5.99675 14.3157 5.87602 14.3963 5.77433 14.4981L5.45803 14.8253V9.17452L5.77433 9.50178ZM10.9115 7.63637H21.8183C22.1076 7.63637 22.385 7.52143 22.5895 7.31685C22.7941 7.11227 22.909 6.8348 22.909 6.54548C22.909 6.25616 22.7941 5.97868 22.5895 5.7741C22.385 5.56952 22.1076 5.45459 21.8183 5.45459H10.9115C10.6222 5.45459 10.3448 5.56952 10.1402 5.7741C9.93568 5.97868 9.82077 6.25616 9.82077 6.54548C9.82077 6.8348 9.93568 7.11227 10.1402 7.31685C10.3448 7.52143 10.6222 7.63637 10.9115 7.63637ZM21.8183 10.909H10.9115C10.6222 10.909 10.3448 11.024 10.1402 11.2285C9.93568 11.4331 9.82077 11.7106 9.82077 11.9999C9.82077 12.2892 9.93568 12.5667 10.1402 12.7713C10.3448 12.9759 10.6222 13.0908 10.9115 13.0908H21.8183C22.1076 13.0908 22.385 12.9759 22.5895 12.7713C22.7941 12.5667 22.909 12.2892 22.909 11.9999C22.909 11.7106 22.7941 11.4331 22.5895 11.2285C22.385 11.024 22.1076 10.909 21.8183 10.909ZM21.8183 16.3635H10.9115C10.6222 16.3635 10.3448 16.4784 10.1402 16.683C9.93568 16.8876 9.82077 17.165 9.82077 17.4544C9.82077 17.7437 9.93568 18.0212 10.1402 18.2257C10.3448 18.4303 10.6222 18.5452 10.9115 18.5452H21.8183C22.1076 18.5452 22.385 18.4303 22.5895 18.2257C22.7941 18.0212 22.909 17.7437 22.909 17.4544C22.909 17.165 22.7941 16.8876 22.5895 16.683C22.385 16.4784 22.1076 16.3635 21.8183 16.3635Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/reclamation.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+	<path d="M12.0153 10.9086C11.7263 10.9086 11.4493 11.0235 11.245 11.2281C11.0407 11.4326 10.9259 11.7101 10.9259 11.9994V15.272C10.9259 15.5613 11.0407 15.8388 11.245 16.0434C11.4493 16.2479 11.7263 16.3629 12.0153 16.3629C12.3042 16.3629 12.5813 16.2479 12.7856 16.0434C12.9899 15.8388 13.1046 15.5613 13.1046 15.272V11.9994C13.1046 11.7101 12.9899 11.4326 12.7856 11.2281C12.5813 11.0235 12.3042 10.9086 12.0153 10.9086ZM12.0153 7.63599C11.7998 7.63599 11.5892 7.69996 11.41 7.81983C11.2309 7.93969 11.0913 8.11006 11.0088 8.30939C10.9264 8.50872 10.9048 8.72806 10.9468 8.93966C10.9889 9.15127 11.0926 9.34564 11.245 9.4982C11.3973 9.65076 11.5914 9.75466 11.8027 9.79675C12.0141 9.83884 12.2331 9.81723 12.4321 9.73467C12.6312 9.65211 12.8013 9.51229 12.921 9.3329C13.0407 9.15351 13.1046 8.9426 13.1046 8.72685C13.1046 8.43753 12.9899 8.16007 12.7856 7.95549C12.5813 7.75092 12.3042 7.63599 12.0153 7.63599ZM12.0153 1.09082C10.5847 1.09082 9.1681 1.37298 7.84641 1.92119C6.52472 2.4694 5.3238 3.27292 4.31223 4.28588C2.26926 6.33164 1.12153 9.10629 1.12153 11.9994C1.112 14.5184 1.98299 16.9613 3.58351 18.9046L1.40476 21.0863C1.2536 21.2397 1.15121 21.4345 1.11049 21.6461C1.06978 21.8577 1.09257 22.0767 1.17599 22.2753C1.26648 22.4716 1.41316 22.6365 1.59742 22.7492C1.78167 22.8618 1.9952 22.9171 2.2109 22.908H12.0153C14.9045 22.908 17.6753 21.7587 19.7183 19.713C21.7613 17.6672 22.909 14.8926 22.909 11.9994C22.909 9.10629 21.7613 6.33164 19.7183 4.28588C17.6753 2.24012 14.9045 1.09082 12.0153 1.09082ZM12.0153 20.7263H4.83629L5.84941 19.7118C5.95234 19.6108 6.03423 19.4903 6.09033 19.3574C6.14643 19.2244 6.17562 19.0816 6.17622 18.9373C6.17213 18.6496 6.05466 18.3751 5.84941 18.1737C4.42297 16.7469 3.53468 14.869 3.33589 12.8599C3.13709 10.8508 3.6401 8.83485 4.75919 7.15549C5.87829 5.47612 7.54425 4.23725 9.47323 3.64995C11.4022 3.06265 13.4749 3.16324 15.3381 3.9346C17.2013 4.70596 18.7398 6.10035 19.6915 7.88022C20.6431 9.66009 20.9491 11.7153 20.5572 13.6957C20.1653 15.6761 19.0998 17.4592 17.5422 18.7412C15.9847 20.0232 14.0314 20.7247 12.0153 20.7263Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/send.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+	<path d="M21.9806 2.03538C21.5638 1.61067 21.0352 1.31257 20.456 1.17554C19.8769 1.03852 19.2707 1.06817 18.7077 1.26107L3.27042 6.41949C2.64782 6.62321 2.10383 7.0151 1.71355 7.54107C1.32327 8.06704 1.10595 8.70115 1.09158 9.35586C1.07721 10.0106 1.26651 10.6536 1.63334 11.1962C2.00017 11.7387 2.52644 12.1541 3.1395 12.3849L8.8562 14.5661C8.98637 14.6158 9.10489 14.6919 9.20437 14.7894C9.30386 14.887 9.38216 15.004 9.43441 15.1332L11.6164 20.8587C11.8385 21.4628 12.2415 21.9839 12.7706 22.3508C13.2996 22.7177 13.929 22.9126 14.5729 22.909H14.6493C15.305 22.897 15.9405 22.6803 16.4668 22.2892C16.993 21.898 17.3837 21.3521 17.584 20.7278L22.7443 5.27438C22.9319 4.71703 22.9599 4.11831 22.8249 3.54592C22.69 2.97352 22.3975 2.45029 21.9806 2.03538ZM20.726 4.58732L15.5111 20.0517C15.4506 20.2474 15.329 20.4186 15.1641 20.5403C14.9992 20.6619 14.7997 20.7276 14.5947 20.7278C14.391 20.7311 14.191 20.6724 14.0215 20.5594C13.852 20.4464 13.7208 20.2846 13.6456 20.0953L11.4636 14.3698C11.3054 13.9537 11.0615 13.5756 10.7476 13.26C10.4337 12.9443 10.0569 12.6982 9.6417 12.5376L3.91409 10.3565C3.72088 10.2857 3.55478 10.156 3.43929 9.98576C3.32379 9.81551 3.26472 9.61328 3.27042 9.40766C3.27059 9.20279 3.33633 9.00335 3.45804 8.83851C3.57975 8.67368 3.75103 8.5521 3.94682 8.49157L19.4168 3.33316C19.5944 3.2608 19.7892 3.24142 19.9776 3.27735C20.166 3.31329 20.3399 3.40301 20.4784 3.53567C20.6169 3.66833 20.714 3.83824 20.7579 4.02487C20.8018 4.2115 20.7907 4.40686 20.726 4.58732Z" fill="currentColor "/>
+</svg>

package/icons/svg-pack/solid/facebook.svg

@@ -0,0 +1,4 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="1.5em" height="1.5em" fill="none" />
+    <path d="M24 12C24 17.9891 19.6058 22.9537 13.871 23.8547V15.4914H16.6594L17.1898 12.0309H13.8692V9.78565C13.8692 8.83924 14.3324 7.91644 15.8183 7.91644H17.3279V4.97003C17.3279 4.97003 15.9582 4.73569 14.6485 4.73569C11.9146 4.73569 10.129 6.39237 10.129 9.39146V12.0291H7.08992V15.4896H10.129V23.8529C4.39419 22.9519 0 17.9873 0 12C0 5.3733 5.3733 0 12 0C18.6267 0 24 5.37148 24 12Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/solid/instagram.svg

@@ -0,0 +1,5 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="1.5em" height="1.5em" fill="none" />
+    <path d="M23.9292 7.05231C23.8438 5.19749 23.326 3.35357 21.9871 2.01469C20.6428 0.670353 18.7971 0.156235 16.9477 0.0726684C15.6688 0.014535 15.2582 0 11.9991 0C8.73999 0 8.33124 0.014535 7.05231 0.0726684C5.19567 0.156235 3.35357 0.673986 2.01287 2.01469C0.666715 3.36084 0.156231 5.19749 0.0708472 7.05231C0.0127138 8.33306 0 8.74181 0 12.0009C0 15.26 0.0127138 15.6688 0.0708472 16.9495C0.156231 18.8025 0.673981 20.6483 2.01287 21.9871C3.35902 23.3315 5.19931 23.8438 7.05231 23.9292C8.33124 23.9873 8.73999 24.0018 11.9991 24.0018C15.2582 24.0018 15.6688 23.9873 16.9477 23.9292C18.8025 23.8438 20.6464 23.3278 21.9871 21.9871C23.3333 20.641 23.8438 18.8025 23.9292 16.9495C23.9873 15.6688 24 15.26 24 12.0009C24 8.74181 23.9873 8.33306 23.9292 7.05231ZM11.9991 18.163C8.59647 18.163 5.83696 15.4035 5.83696 12.0009C5.83696 8.59829 8.59647 5.83877 11.9991 5.83877C15.4017 5.83877 18.163 8.59829 18.163 12.0009C18.163 15.4035 15.4035 18.163 11.9991 18.163ZM18.4065 7.03414C17.6108 7.03414 16.9659 6.38922 16.9659 5.59352C16.9659 4.79782 17.6108 4.15472 18.4065 4.15472C19.2022 4.15472 19.8471 4.79964 19.8471 5.59352C19.8471 6.38741 19.2022 7.03414 18.4065 7.03414Z" fill="currentColor" />
+    <path d="M13.5295 15.6964C15.5707 14.8509 16.5399 12.5109 15.6945 10.4698C14.849 8.42863 12.509 7.45935 10.4678 8.30481C8.4267 9.15028 7.45742 11.4903 8.30288 13.5315C9.14835 15.5726 11.4884 16.5419 13.5295 15.6964Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/solid/telegram.svg

@@ -0,0 +1,4 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<rect width="1.5em" height="1.5em" fill="none" />
+	<path d="M12 0C5.37329 0 0 5.3733 0 12C0 18.6267 5.37329 24 12 24C18.6267 24 24 18.6267 24 12C24 5.3733 18.6267 0 12 0ZM17.5622 8.16167C17.3824 10.0581 16.5995 14.663 16.2035 16.7884C16.0363 17.6876 15.7039 17.9891 15.3842 18.0182C14.6866 18.0817 14.158 17.5568 13.4841 17.1154C12.4287 16.4233 11.8311 15.9927 10.8065 15.317C9.62216 14.5359 10.3887 14.1072 11.0645 13.406C11.2407 13.2225 14.3106 10.4287 14.3706 10.1762C14.3778 10.1435 14.3851 10.0254 14.3143 9.96367C14.2434 9.90191 14.1399 9.92189 14.0654 9.94006C13.96 9.96367 12.2725 11.079 9.00273 13.2843C8.52316 13.6131 8.08901 13.7729 7.70027 13.7657C7.27157 13.7566 6.44868 13.5241 5.8347 13.3243C5.08447 13.0808 4.48501 12.95 4.53769 12.5359C4.56494 12.3197 4.86103 12.0981 5.42961 11.8728C8.92825 10.3488 11.2607 9.34424 12.4269 8.8574C15.7602 7.47139 16.4523 7.22979 16.9046 7.22253C17.4714 7.21526 17.6058 7.68211 17.5604 8.16167H17.5622Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/solid/vk-rounded.svg

@@ -0,0 +1,4 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<rect width="1.5em" height="1.5em" fill="none" />
+	<path d="M11.9991 0C5.37189 0 0 5.37371 0 12.0009C0 18.6281 5.37189 24.0018 11.9991 24.0018C18.6263 24.0018 24 18.6281 24 12.0009C24 5.37371 18.6263 0 11.9991 0ZM19.5037 17.0004H17.7525C17.0858 17.0004 16.8896 16.4681 15.7033 15.2818C14.6641 14.2808 14.2191 14.15 13.9593 14.15C13.6068 14.15 13.5015 14.2499 13.5015 14.7513V16.3191C13.5015 16.7497 13.3652 17.0004 12.2516 17.0004C10.3986 17.0004 8.3603 15.874 6.91242 13.7994C4.74332 10.7583 4.14926 8.45841 4.14926 7.99516C4.14926 7.73537 4.24918 7.50102 4.74876 7.50102H6.50003C6.94693 7.50102 7.11588 7.69723 7.28302 8.18046C8.14048 10.6729 9.58292 12.8529 10.177 12.8529C10.3986 12.8529 10.5003 12.7494 10.5003 12.1862V9.60836C10.4349 8.42207 9.80455 8.32397 9.80455 7.90251C9.80455 7.70812 9.97169 7.50102 10.2496 7.50102H13.0001C13.3725 7.50102 13.5015 7.69904 13.5015 8.14412V11.6103C13.5015 11.9809 13.6613 12.1099 13.7722 12.1099C13.9956 12.1099 14.1809 11.9809 14.5897 11.5722C15.8504 10.1643 16.7406 7.99516 16.7406 7.99516C16.8514 7.73356 17.0567 7.49921 17.5018 7.49921H19.253C19.7817 7.49921 19.8925 7.77171 19.7817 8.14231C19.5582 9.16328 17.4255 12.1662 17.4255 12.1662C17.2402 12.4623 17.1657 12.6113 17.4255 12.9456C17.6126 13.2054 18.223 13.7231 18.6317 14.2063C19.3838 15.0511 19.9506 15.765 20.1087 16.2574C20.254 16.7515 20.0033 17.0004 19.5037 17.0004Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/solid/vk.svg

@@ -0,0 +1,4 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<rect width="1.5em" height="1.5em" fill="none" />
+	<path d="M22.3161 1.68392C20.6321 0 17.9219 0 12.4995 0H11.5005C6.07993 0 3.36784 0 1.68392 1.68392C-7.62247e-06 3.36785 0 6.07811 0 11.5005V12.4995C0 17.9201 -7.62247e-06 20.6303 1.68392 22.3161C3.36784 24.0018 6.07811 24 11.5005 24H12.4995C17.9201 24 20.6303 24 22.3161 22.3161C24 20.6322 24 17.9219 24 12.4995V11.5005C24 6.07993 24 3.36785 22.3161 1.68392ZM19.5023 16.9991H17.7529C17.0863 16.9991 16.8901 16.4669 15.7039 15.2807C14.6648 14.2797 14.2198 14.149 13.9619 14.149C13.6094 14.149 13.5041 14.2489 13.5041 14.7484V16.3179C13.5041 16.7484 13.3678 16.9991 12.2543 16.9991C10.3996 16.9991 8.3633 15.8728 6.91552 13.7965C4.74477 10.7557 4.15259 8.45595 4.15259 7.99455C4.15259 7.73479 4.25249 7.50045 4.75204 7.50045H6.50318C6.95004 7.50045 7.11898 7.69664 7.2861 8.17984C8.14169 10.6721 9.58583 12.852 10.1798 12.852C10.4015 12.852 10.5032 12.7484 10.5032 12.1853V9.60763C10.4378 8.42144 9.80745 8.32334 9.80745 7.90191C9.80745 7.70754 9.97456 7.50045 10.2525 7.50045H13.0027C13.3733 7.50045 13.5023 7.69846 13.5023 8.14351V11.6113C13.5023 11.9818 13.6639 12.1108 13.7747 12.1108C13.9982 12.1108 14.1835 11.98 14.5904 11.5731C15.851 10.1635 16.7411 7.99455 16.7411 7.99455C16.8538 7.73479 17.0572 7.50045 17.5023 7.50045H19.2516C19.7802 7.50045 19.8928 7.77293 19.7802 8.14351C19.5568 9.16258 17.426 12.1671 17.426 12.1671C17.2407 12.4632 17.1662 12.6122 17.426 12.9464C17.6113 13.2062 18.2234 13.7257 18.6303 14.2071C19.3824 15.0536 19.9491 15.7657 20.1072 16.2579C20.2525 16.752 20.0018 17.0027 19.5023 17.0027V16.9991Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/solid/whatsapp.svg

@@ -0,0 +1,3 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5044 3.50472C18.2482 1.24673 15.2473 0 12.0511 0C5.46516 0 0.104044 5.3593 0.100393 11.9489C0.100393 14.0554 0.649831 16.1107 1.69577 17.9233L0 24.115L6.33404 22.4521C8.0791 23.4049 10.045 23.9069 12.0438 23.9069H12.0493C18.6352 23.9069 23.9963 18.5458 24 11.9562C24.0018 8.76361 22.7606 5.76088 20.5044 3.50289V3.50472ZM17.498 14.4515C17.2005 14.3018 15.7311 13.5789 15.4573 13.4804C15.1834 13.3818 14.9845 13.3307 14.7855 13.6282C14.5866 13.9258 14.0152 14.5993 13.84 14.8001C13.6666 14.9991 13.4913 15.0246 13.192 14.875C12.8944 14.7253 11.9306 14.4113 10.7898 13.3928C9.90265 12.6005 9.3021 11.624 9.12869 11.3246C8.95528 11.0253 9.11043 10.8646 9.26011 10.7149C9.39519 10.5817 9.55765 10.3663 9.70916 10.1911C9.86066 10.0176 9.90995 9.89352 10.0103 9.69455C10.1089 9.49559 10.0615 9.32035 9.98479 9.17067C9.90995 9.02282 9.31305 7.55157 9.0648 6.95467C8.82202 6.37238 8.5756 6.45087 8.39306 6.44174C8.21965 6.43262 8.02069 6.43079 7.8199 6.43079C7.6191 6.43079 7.29784 6.50563 7.02403 6.80499C6.75023 7.10435 5.9781 7.8272 5.9781 9.29663C5.9781 10.766 7.04776 12.1862 7.19744 12.3852C7.34712 12.5841 9.3021 15.6015 12.2975 16.8938C13.0094 17.2005 13.5662 17.3848 14.0006 17.5236C14.7162 17.7499 15.3678 17.7189 15.8826 17.6422C16.4557 17.5564 17.6495 16.9194 17.8978 16.2221C18.146 15.5248 18.1479 14.9261 18.0712 14.8019C17.9963 14.676 17.7974 14.6012 17.4998 14.4515H17.498Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/telegram.svg

@@ -0,0 +1,5 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<rect width="1.5em" height="1.5em" fill="none" />
+	<path d="M23.9841 3.72939C23.6529 7.22465 22.2147 15.7036 21.4822 19.6136C21.1745 21.2726 20.5624 21.8245 19.9737 21.878C18.6893 21.9984 17.716 21.0318 16.4718 20.2157C14.5285 18.9413 13.428 18.1486 11.5416 16.9043C9.36083 15.4661 10.7757 14.6768 12.0166 13.3857C12.3443 13.0479 17.997 7.90364 18.1073 7.43872C18.1207 7.37851 18.1341 7.16111 18.0037 7.04739C17.8732 6.93367 17.6826 6.9738 17.5454 7.0039C17.3514 7.04739 14.2442 9.10106 8.22696 13.1616C7.34395 13.7703 6.54455 14.0647 5.82877 14.0479C5.03941 14.0312 3.52424 13.6031 2.39372 13.2352C1.01234 12.787 -0.0880876 12.5461 0.00556532 11.7835C0.0557365 11.3855 0.604276 10.9808 1.64784 10.5627C8.08982 7.75647 12.3845 5.90682 14.5352 5.01043C20.6728 2.45838 21.9438 2.01688 22.7766 2.00015C23.8202 1.98678 24.071 2.84638 23.9841 3.72939Z" fill="currentColor" />
+	<path d="M23.9841 3.72939C23.6529 7.22465 22.2147 15.7036 21.4822 19.6136C21.1745 21.2726 20.5624 21.8245 19.9737 21.878C18.6893 21.9984 17.716 21.0318 16.4718 20.2157C14.5285 18.9413 13.428 18.1486 11.5416 16.9043C9.36083 15.4661 10.7757 14.6768 12.0166 13.3857C12.3443 13.0479 17.997 7.90364 18.1073 7.43872C18.1207 7.37851 18.1341 7.16111 18.0037 7.04739C17.8732 6.93367 17.6826 6.9738 17.5454 7.0039C17.3514 7.04739 14.2442 9.10106 8.22696 13.1616C7.34395 13.7703 6.54455 14.0647 5.82877 14.0479C5.03941 14.0312 3.52424 13.6031 2.39372 13.2352C1.01234 12.787 -0.0880876 12.5461 0.00556532 11.7835C0.0557365 11.3855 0.604276 10.9808 1.64784 10.5627C8.08982 7.75647 12.3845 5.90682 14.5352 5.01043C20.6728 2.45838 21.9438 2.01688 22.7766 2.00015C23.8202 1.98678 24.071 2.84638 23.9841 3.72939Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/vk.svg

@@ -0,0 +1,5 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<rect width="1.5em" height="1.5em" fill="none" />
+	<path d="M23.0312 19.2514H20.4043C19.4043 19.2514 19.11 18.453 17.3306 16.6736C15.7719 15.1722 15.1043 14.976 14.7147 14.976C14.186 14.976 14.028 15.1259 14.028 15.8752V18.2296C14.028 18.8754 13.8236 19.2514 12.1532 19.2514C9.37378 19.2514 6.31641 17.562 4.14463 14.4474C0.89106 9.88582 0 6.43877 0 5.74391C0 5.35424 0.149868 5 0.899226 5H3.52607C4.1964 5 4.44982 5.29429 4.70052 6.02185C5.98669 9.76046 8.15028 13.0304 9.04134 13.0304C9.37378 13.0304 9.52638 12.8751 9.52638 12.0276V8.16366C9.42829 6.38427 8.48273 6.23712 8.48273 5.60494C8.48273 5.31064 8.73343 5 9.15034 5H13.2759C13.8345 5 14.028 5.29702 14.028 5.96463V11.1665C14.028 11.7224 14.2678 11.9159 14.434 11.9159C14.7692 11.9159 15.0471 11.7224 15.6602 11.1093C17.5513 8.99476 18.8865 5.74118 18.8865 5.74118C19.0528 5.35152 19.3607 5 20.0283 5H22.6551C23.4481 5 23.6143 5.40874 23.4481 5.96463C23.1129 7.49332 19.9138 11.9976 19.9138 11.9976C19.6359 12.4445 19.5242 12.6652 19.9138 13.1666C20.1945 13.5563 21.1101 14.3356 21.7232 15.0577C22.8513 16.3276 23.7015 17.3985 23.9386 18.1342C24.1566 18.8754 23.7805 19.2514 23.0312 19.2514Z" fill="currentColor" />
+	<path d="M23.0312 19.2514H20.4043C19.4043 19.2514 19.11 18.453 17.3306 16.6736C15.7719 15.1722 15.1043 14.976 14.7147 14.976C14.186 14.976 14.028 15.1259 14.028 15.8752V18.2296C14.028 18.8754 13.8236 19.2514 12.1532 19.2514C9.37378 19.2514 6.31641 17.562 4.14463 14.4474C0.89106 9.88582 0 6.43877 0 5.74391C0 5.35424 0.149868 5 0.899226 5H3.52607C4.1964 5 4.44982 5.29429 4.70052 6.02185C5.98669 9.76046 8.15028 13.0304 9.04134 13.0304C9.37378 13.0304 9.52638 12.8751 9.52638 12.0276V8.16366C9.42829 6.38427 8.48273 6.23712 8.48273 5.60494C8.48273 5.31064 8.73343 5 9.15034 5H13.2759C13.8345 5 14.028 5.29702 14.028 5.96463V11.1665C14.028 11.7224 14.2678 11.9159 14.434 11.9159C14.7692 11.9159 15.0471 11.7224 15.6602 11.1093C17.5513 8.99476 18.8865 5.74118 18.8865 5.74118C19.0528 5.35152 19.3607 5 20.0283 5H22.6551C23.4481 5 23.6143 5.40874 23.4481 5.96463C23.1129 7.49332 19.9138 11.9976 19.9138 11.9976C19.6359 12.4445 19.5242 12.6652 19.9138 13.1666C20.1945 13.5563 21.1101 14.3356 21.7232 15.0577C22.8513 16.3276 23.7015 17.3985 23.9386 18.1342C24.1566 18.8754 23.7805 19.2514 23.0312 19.2514Z" fill="currentColor" />
+</svg>

package/icons/svg-pack/whatsapp.svg

@@ -0,0 +1,3 @@
+<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M20.5062 3.50471C18.2482 1.24673 15.2473 0 12.0511 0C5.46517 0 0.104047 5.35929 0.100396 11.9489C0.100396 14.0554 0.649834 16.1107 1.69577 17.9233L0 24.115L6.33404 22.4521C8.0791 23.4049 10.045 23.9069 12.0438 23.9069H12.0493C18.6352 23.9069 23.9963 18.5458 24 11.9562C24.0018 8.76361 22.7606 5.76088 20.5044 3.50289L20.5062 3.50471ZM12.0529 21.8899H12.0493C10.2659 21.8899 8.51901 21.4098 6.99483 20.5044L6.63158 20.289L2.87314 21.2747L3.87709 17.6094L3.64162 17.2333C2.64679 15.6526 2.12291 13.8235 2.12291 11.9471C2.12473 6.47094 6.58229 2.01521 12.0602 2.01521C14.7125 2.01521 17.2078 3.0502 19.0824 4.92668C20.9571 6.80499 21.9903 9.30027 21.9884 11.9544C21.9848 17.4323 17.5291 21.888 12.0548 21.888L12.0529 21.8899ZM17.5017 14.4515C17.2041 14.3018 15.7347 13.5789 15.4609 13.4804C15.1871 13.3818 14.9881 13.3307 14.7892 13.6282C14.5902 13.9258 14.0189 14.5993 13.8436 14.8001C13.6702 14.9991 13.495 15.0246 13.1956 14.875C12.8981 14.7253 11.9343 14.4113 10.7934 13.3928C9.9063 12.6005 9.30575 11.624 9.13234 11.3246C8.95893 11.0252 9.11408 10.8646 9.26376 10.7149C9.39884 10.5817 9.5613 10.3663 9.71281 10.1911C9.86431 10.0176 9.9136 9.89352 10.014 9.69455C10.1126 9.49559 10.0651 9.32035 9.98844 9.17067C9.9136 9.02282 9.3167 7.55156 9.06845 6.95467C8.82568 6.37237 8.57925 6.45087 8.39671 6.44174C8.2233 6.43261 8.02434 6.43079 7.82355 6.43079C7.62275 6.43079 7.30149 6.50563 7.02768 6.80499C6.75388 7.10435 5.98175 7.8272 5.98175 9.29662C5.98175 10.766 7.05142 12.1862 7.2011 12.3852C7.35078 12.5841 9.30575 15.6015 12.3012 16.8938C13.0131 17.2005 13.5698 17.3848 14.0043 17.5236C14.7198 17.7499 15.3715 17.7189 15.8862 17.6422C16.4594 17.5564 17.6532 16.9194 17.9014 16.2221C18.1497 15.5248 18.1515 14.9261 18.0748 14.8019C18 14.676 17.801 14.6012 17.5035 14.4515H17.5017Z" fill="currentColor" />
+</svg>

package/package.json

@@ -1,18 +1,16 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
   "description": "Snabcentr client UI package.",
   "peerDependencies": {
-    "@angular/common": ">=18.2.2",
-    "@angular/compiler": ">=18.2.2",
-    "@angular/core": ">=18.2.2",
-    "@angular/forms": ">=18.2.2",
-    "@angular/platform-browser": ">=18.2.2",
-    "@angular/platform-browser-dynamic": ">=18.2.2",
-    "@angular/router": ">=18.2.2",
+    "@angular/common": ">=18.2.3",
+    "@angular/compiler": ">=18.2.3",
+    "@angular/core": ">=18.2.3",
+    "@angular/forms": ">=18.2.3",
+    "@angular/platform-browser": ">=18.2.3",
     "@maskito/angular": ">=3.0.1",
     "@maskito/core": ">=3.0.1",
     "@maskito/kit": ">=3.0.1",
@@ -27,7 +25,7 @@
     "@taiga-ui/addon-table": ">=4.5.0",
     "@taiga-ui/cdk": ">=4.5.0",
     "@taiga-ui/core": ">=4.5.0",
-    "@taiga-ui/dompurify": ">=4.1.2",
+    "@taiga-ui/dompurify": ">=4.1.6",
     "@taiga-ui/event-plugins": ">=4.0.1",
     "@taiga-ui/i18n": ">=4.5.0",
     "@taiga-ui/icons": ">=4.5.0",

package/styles/taiga/taiga-tailwind-preset.js

@@ -145,122 +145,171 @@ module.exports = {
                 'min-content': 'min-content',
             },
             colors: {
-                // Base colors
+                /**
+                 * @deprecated
+                 */
                 'tui-autofill': 'var(--tui-autofill)',
-                'tui-base-01': 'var(--tui-base-01)',
-                'tui-base-02': 'var(--tui-base-02)',
-                'tui-base-03': 'var(--tui-base-03)',
-                'tui-base-04': 'var(--tui-base-04)',
-                'tui-base-05': 'var(--tui-base-05)',
-                'tui-base-06': 'var(--tui-base-06)',
-                'tui-base-07': 'var(--tui-base-07)',
-                'tui-base-08': 'var(--tui-base-08)',
-                'tui-base-09': 'var(--tui-base-09)',
-                'tui-primary': 'var(--tui-primary)',
-                'tui-primary-hover': 'var(--tui-primary-hover)',
-                'tui-primary-active': 'var(--tui-primary-active)',
-                'tui-primary-text': 'var(--tui-primary-text)',
-                'tui-secondary': 'var(--tui-secondary)',
-                'tui-secondary-hover': 'var(--tui-secondary-hover)',
-                'tui-secondary-active': 'var(--tui-secondary-active)',
-                'tui-accent': 'var(--tui-accent)',
-                'tui-accent-hover': 'var(--tui-accent-hover)',
-                'tui-accent-active': 'var(--tui-accent-active)',
-                'tui-accent-text': 'var(--tui-accent-text)',
-                'tui-selection': 'var(--tui-selection)',
-                'tui-focus': 'var(--tui-focus)',
-                'tui-clear': 'var(--tui-clear)',
-                'tui-clear-disabled': 'var(--tui-clear-disabled)',
-                'tui-clear-hover': 'var(--tui-clear-hover)',
-                'tui-clear-active': 'var(--tui-clear-active)',
-                'tui-clear-inverse': 'var(--tui-clear-inverse)',
-                'tui-clear-inverse-hover': 'var(--tui-clear-inverse-hover)',
-                'tui-clear-inverse-active': 'var(--tui-clear-inverse-active)',
-                'tui-elevation-01': 'var(--tui-elevation-01)',
-                'tui-elevation-02': 'var(--tui-elevation-02)',
+                'tui-base-01': 'var(--tui-background-base)',
+                'tui-base-02': 'var(--tui-background-base-alt)',
+                'tui-base-03': 'var(--tui-background-neutral-1-hover)',
+                'tui-base-04': 'var(--tui-border-normal)',
+                'tui-base-05': 'var(--tui-border-hover)',
+                'tui-base-06': 'var(--tui-text-secondary)',
+                'tui-base-07': 'var(--tui-background-accent-opposite-pressed)',
+                'tui-base-08': 'var(--tui-background-accent-opposite-hover)',
+                'tui-base-09': 'var(--tui-background-accent-opposite)',
+                'tui-primary': 'var(--tui-background-accent-1)',
+                'tui-primary-hover': 'var(--tui-background-accent-1-hover)',
+                'tui-primary-active': 'var(--tui-background-accent-1-pressed)',
+                'tui-primary-text': 'var(--tui-text-primary-on-accent-1)',
+                'tui-secondary': 'var(--tui-background-neutral-1)',
+                'tui-secondary-hover': 'var(--tui-background-neutral-1-hover)',
+                'tui-secondary-active': 'var(--tui-background-neutral-1-pressed)',
+                'tui-accent': 'var(--tui-background-accent-2)',
+                'tui-accent-hover': 'var(--tui-background-accent-2-hover)',
+                'tui-accent-active': 'var(--tui-background-accent-2-pressed)',
+                'tui-accent-text': 'var(--tui-text-primary-on-accent-2)',
+                'tui-selection': 'var(--tui-service-selection-background)',
+                'tui-focus': 'var(--tui-border-focus)',
+                'tui-clear': 'var(--tui-background-neutral-1)',
+                'tui-clear-disabled': 'var(--tui-background-neutral-1)',
+                'tui-clear-hover': 'var(--tui-background-neutral-1-hover)',
+                'tui-clear-active': 'var(--tui-background-neutral-1-pressed)',
+                'tui-clear-inverse': 'var(--tui-background-neutral-1)',
+                'tui-clear-inverse-hover': 'var(--tui-background-neutral-1-hover)',
+                'tui-clear-inverse-active': 'var(--tui-background-neutral-1-pressed)',
+                'tui-elevation-01': 'var(--tui-background-elevation-1)',
+                'tui-elevation-02': 'var(--tui-background-elevation-2)',
+                'tui-error-fill': 'var(--tui-status-negative)',
+                'tui-error-bg': 'var(--tui-status-negative-pale)',
+                'tui-error-bg-hover': 'var(--tui-status-negative-pale-hover)',
+                'tui-success-fill': 'var(--tui-status-positive)',
+                'tui-success-bg': 'var(--tui-status-positive-pale)',
+                'tui-success-bg-hover': 'var(--tui-status-positive-pale-hover)',
+                'tui-warning-fill': 'var(--tui-status-warning)',
+                'tui-warning-bg': 'var(--tui-status-warning-pale)',
+                'tui-warning-bg-hover': 'var(--tui-status-warning-pale-hover)',
+                'tui-info-fill': 'var(--tui-status-info)',
+                'tui-info-bg': 'var(--tui-status-info-pale)',
+                'tui-info-bg-hover': 'var(--tui-status-info-pale-hover)',
+                'tui-neutral-fill': 'var(--tui-status-neutral)',
+                'tui-neutral-bg': 'var(--tui-background-neutral-1)',
+                'tui-neutral-bg-hover': 'var(--tui-background-neutral-1-hover)',
+                'tui-text-01': 'var(--tui-text-primary)',
+                'tui-text-02': 'var(--tui-text-secondary)',
+                'tui-text-03': 'var(--tui-text-tertiary)',
+                'tui-link': 'var(--tui-text-action)',
+                'tui-link-hover': 'var(--tui-text-action-hover)',
+                'tui-positive': 'var(--tui-text-positive)',
+                'tui-positive-hover': 'var(--tui-text-positive-hover)',
+                'tui-negative': 'var(--tui-text-negative)',
+                'tui-negative-hover': 'var(--tui-text-negative-hover)',
+                'tui-error-fill-night': 'var(--tui-status-negative)',
+                'tui-error-bg-night': 'var(--tui-status-negative-pale)',
+                'tui-error-bg-night-hover': 'var(--tui-status-negative-pale-hover)',
+                'tui-success-fill-night': 'var(--tui-status-positive)',
+                'tui-success-bg-night': 'var(--tui-status-positive-pale)',
+                'tui-success-bg-night-hover': 'var(--tui-status-positive-pale-hover)',
+                'tui-warning-fill-night': 'var(--tui-status-warning)',
+                'tui-warning-bg-night': 'var(--tui-status-warning-pale)',
+                'tui-warning-bg-night-hover': 'var(--tui-status-warning-pale-hover)',
+                'tui-info-fill-night': 'var(--tui-status-info)',
+                'tui-info-bg-night': 'var(--tui-status-info-pale)',
+                'tui-info-bg-night-hover': 'var(--tui-status-info-pale-hover)',
+                'tui-neutral-fill-night': 'var(--tui-status-neutral)',
+                'tui-neutral-bg-night': 'var(--tui-background-neutral-1)',
+                'tui-neutral-bg-night-hover': 'var(--tui-background-neutral-1-hover)',
+                'tui-text-01-night': 'var(--tui-text-primary)',
+                'tui-text-02-night': 'var(--tui-text-secondary)',
+                'tui-text-03-night': 'var(--tui-text-tertiary)',
+                'tui-link-night': 'var(--tui-text-action)',
+                'tui-link-night-hover': 'var(--tui-text-action-hover)',
+                'tui-positive-night': 'var(--tui-status-positive)',
+                'tui-positive-night-hover': 'var(--tui-status-positive)',
+                'tui-negative-night': 'var(--tui-status-negative)',
+                'tui-negative-night-hover': 'var(--tui-status-negative)',
 
-                // Statuses
-                'tui-error-fill': 'var(--tui-error-fill)',
-                'tui-error-bg': 'var(--tui-error-bg)',
-                'tui-error-bg-hover': 'var(--tui-error-bg-hover)',
-                'tui-success-fill': 'var(--tui-success-fill)',
-                'tui-success-bg': 'var(--tui-success-bg)',
-                'tui-success-bg-hover': 'var(--tui-success-bg-hover)',
-                'tui-warning-fill': 'var(--tui-warning-fill)',
-                'tui-warning-bg': 'var(--tui-warning-bg)',
-                'tui-warning-bg-hover': 'var(--tui-warning-bg-hover)',
-                'tui-info-fill': 'var(--tui-info-fill)',
-                'tui-info-bg': 'var(--tui-info-bg)',
-                'tui-info-bg-hover': 'var(--tui-info-bg-hover)',
-                'tui-neutral-fill': 'var(--tui-neutral-fill)',
-                'tui-neutral-bg': 'var(--tui-neutral-bg)',
-                'tui-neutral-bg-hover': 'var(--tui-neutral-bg-hover)',
-
-                // Text
-                'tui-text-01': 'var(--tui-text-01)',
-                'tui-text-02': 'var(--tui-text-02)',
-                'tui-text-03': 'var(--tui-text-03)',
-                'tui-link': 'var(--tui-link)',
-                'tui-link-hover': 'var(--tui-link-hover)',
-                'tui-positive': 'var(--tui-positive)',
-                'tui-positive-hover': 'var(--tui-positive-hover)',
-                'tui-negative': 'var(--tui-negative)',
-                'tui-negative-hover': 'var(--tui-negative-hover)',
-
-                // Modifiers for dark background
-                'tui-error-fill-night': 'var(--tui-error-fill-night)',
-                'tui-error-bg-night': 'var(--tui-error-bg-night)',
-                'tui-error-bg-night-hover': 'var(--tui-error-bg-night-hover)',
-                'tui-success-fill-night': 'var(--tui-success-fill-night)',
-                'tui-success-bg-night': 'var(--tui-success-bg-night)',
-                'tui-success-bg-night-hover': 'var(--tui-success-bg-night-hover)',
-                'tui-warning-fill-night': 'var(--tui-warning-fill-night)',
-                'tui-warning-bg-night': 'var(--tui-warning-bg-night)',
-                'tui-warning-bg-night-hover': 'var(--tui-warning-bg-night-hover)',
-                'tui-info-fill-night': 'var(--tui-info-fill-night)',
-                'tui-info-bg-night': 'var(--tui-info-bg-night)',
-                'tui-info-bg-night-hover': 'var(--tui-info-bg-night-hover)',
-                'tui-neutral-fill-night': 'var(--tui-neutral-fill-night)',
-                'tui-neutral-bg-night': 'var(--tui-neutral-bg-night)',
-                'tui-neutral-bg-night-hover': 'var(--tui-neutral-bg-night-hover)',
-                'tui-autofill-night': 'var(--tui-autofill-night)',
-                'tui-text-01-night': 'var(--tui-text-01-night)',
-                'tui-text-02-night': 'var(--tui-text-02-night)',
-                'tui-text-03-night': 'var(--tui-text-03-night)',
-                'tui-link-night': 'var(--tui-link-night)',
-                'tui-link-night-hover': 'var(--tui-link-night-hover)',
-                'tui-positive-night': 'var(--tui-positive-night)',
-                'tui-positive-night-hover': 'var(--tui-positive-night-hover)',
-                'tui-negative-night': 'var(--tui-negative-night)',
-                'tui-negative-night-hover': 'var(--tui-negative-night-hover)',
-
-                // Others
-                'tui-support-01': 'var(--tui-support-01)',
-                'tui-support-02': 'var(--tui-support-02)',
-                'tui-support-03': 'var(--tui-support-03)',
-                'tui-support-04': 'var(--tui-support-04)',
-                'tui-support-05': 'var(--tui-support-05)',
-                'tui-support-06': 'var(--tui-support-06)',
-                'tui-support-07': 'var(--tui-support-07)',
-                'tui-support-08': 'var(--tui-support-08)',
-                'tui-support-09': 'var(--tui-support-09)',
-                'tui-support-10': 'var(--tui-support-10)',
-                'tui-support-11': 'var(--tui-support-11)',
-                'tui-support-12': 'var(--tui-support-12)',
-                'tui-support-13': 'var(--tui-support-13)',
-                'tui-support-14': 'var(--tui-support-14)',
-                'tui-support-15': 'var(--tui-support-15)',
-                'tui-support-16': 'var(--tui-support-16)',
-                'tui-support-17': 'var(--tui-support-17)',
-                'tui-support-18': 'var(--tui-support-18)',
-                'tui-support-19': 'var(--tui-support-19)',
-                'tui-support-20': 'var(--tui-support-20)',
-                'tui-support-21': 'var(--tui-support-21)',
-                'tui-chart-0': 'var(--tui-chart-0)',
-                'tui-chart-1': 'var(--tui-chart-1)',
-                'tui-chart-2': 'var(--tui-chart-2)',
-                'tui-chart-3': 'var(--tui-chart-3)',
-                'tui-chart-4': 'var(--tui-chart-4)',
+                /**
+                 * Новая палитра.
+                 */
+                'tui-background-base': 'var(--tui-background-base)',
+                'tui-background-base-alt': 'var(--tui-background-base-alt)',
+                'tui-background-neutral-1': 'var(--tui-background-neutral-1)',
+                'tui-background-neutral-1-hover': 'var(--tui-background-neutral-1-hover)',
+                'tui-background-neutral-1-pressed': 'var(--tui-background-neutral-1-pressed)',
+                'tui-background-neutral-2': 'var(--tui-background-neutral-2)',
+                'tui-background-neutral-2-hover': 'var(--tui-background-neutral-2-hover)',
+                'tui-background-neutral-2-pressed': 'var(--tui-background-neutral-2-pressed)',
+                'tui-background-accent-1': 'var(--tui-background-accent-1)',
+                'tui-background-accent-1-hover': 'var(--tui-background-accent-1-hover)',
+                'tui-background-accent-1-pressed': 'var(--tui-background-accent-1-pressed)',
+                'tui-background-accent-2': 'var(--tui-background-accent-2)',
+                'tui-background-accent-2-hover': 'var(--tui-background-accent-2-hover)',
+                'tui-background-accent-2-pressed': 'var(--tui-background-accent-2-pressed)',
+                'tui-background-accent-opposite': 'var(--tui-background-accent-opposite)',
+                'tui-background-accent-opposite-hover': 'var(--tui-background-accent-opposite-hover)',
+                'tui-background-accent-opposite-pressed': 'var(--tui-background-accent-opposite-pressed)',
+                'tui-background-elevation-1': 'var(--tui-background-elevation-1)',
+                'tui-background-elevation-2': 'var(--tui-background-elevation-2)',
+                'tui-background-elevation-3': 'var(--tui-background-elevation-3)',
+                'tui-service-autofill-background': 'var(--tui-service-autofill-background)',
+                'tui-service-selection-background': 'var(--tui-service-selection-background)',
+                'tui-service-backdrop': 'var(--tui-service-backdrop)',
+                'tui-border-normal': 'var(--tui-border-normal)',
+                'tui-border-hover': 'var(--tui-border-hover)',
+                'tui-border-focus': 'var(--tui-border-focus)',
+                'tui-status-negative': 'var(--tui-status-negative)',
+                'tui-status-negative-pale': 'var(--tui-status-negative-pale)',
+                'tui-status-negative-pale-hover': 'var(--tui-status-negative-pale-hover)',
+                'tui-status-positive': 'var(--tui-status-positive)',
+                'tui-status-positive-pale': 'var(--tui-status-positive-pale)',
+                'tui-status-positive-pale-hover': 'var(--tui-status-positive-pale-hover)',
+                'tui-status-warning': 'var(--tui-status-warning)',
+                'tui-status-warning-pale': 'var(--tui-status-warning-pale)',
+                'tui-status-warning-pale-hover': 'var(--tui-status-warning-pale-hover)',
+                'tui-status-info': 'var(--tui-status-info)',
+                'tui-status-info-pale': 'var(--tui-status-info-pale)',
+                'tui-status-info-pale-hover': 'var(--tui-status-info-pale-hover)',
+                'tui-status-neutral': 'var(--tui-status-neutral)',
+                'tui-text-primary': 'var(--tui-text-primary)',
+                'tui-text-secondary': 'var(--tui-text-secondary)',
+                'tui-text-tertiary': 'var(--tui-text-tertiary)',
+                'tui-text-primary-on-accent-1': 'var(--tui-text-primary-on-accent-1)',
+                'tui-text-primary-on-accent-2': 'var(--tui-text-primary-on-accent-2)',
+                'tui-text-action': 'var(--tui-text-action)',
+                'tui-text-action-hover': 'var(--tui-text-action-hover)',
+                'tui-text-positive': 'var(--tui-text-positive)',
+                'tui-text-positive-hover': 'var(--tui-text-positive-hover)',
+                'tui-text-negative': 'var(--tui-text-negative)',
+                'tui-text-negative-hover': 'var(--tui-text-negative-hover)',
+                'tui-chart-categorical-00': 'var(--tui-chart-categorical-00)',
+                'tui-chart-categorical-01': 'var(--tui-chart-categorical-01)',
+                'tui-chart-categorical-02': 'var(--tui-chart-categorical-02)',
+                'tui-chart-categorical-03': 'var(--tui-chart-categorical-03)',
+                'tui-chart-categorical-04': 'var(--tui-chart-categorical-04)',
+                'tui-chart-categorical-05': 'var(--tui-chart-categorical-05)',
+                'tui-chart-categorical-06': 'var(--tui-chart-categorical-06)',
+                'tui-chart-categorical-07': 'var(--tui-chart-categorical-07)',
+                'tui-chart-categorical-08': 'var(--tui-chart-categorical-08)',
+                'tui-chart-categorical-09': 'var(--tui-chart-categorical-09)',
+                'tui-chart-categorical-10': 'var(--tui-chart-categorical-10)',
+                'tui-chart-categorical-11': 'var(--tui-chart-categorical-11)',
+                'tui-chart-categorical-12': 'var(--tui-chart-categorical-12)',
+                'tui-chart-categorical-13': 'var(--tui-chart-categorical-13)',
+                'tui-chart-categorical-14': 'var(--tui-chart-categorical-14)',
+                'tui-chart-categorical-15': 'var(--tui-chart-categorical-15)',
+                'tui-chart-categorical-16': 'var(--tui-chart-categorical-16)',
+                'tui-chart-categorical-17': 'var(--tui-chart-categorical-17)',
+                'tui-chart-categorical-18': 'var(--tui-chart-categorical-18)',
+                'tui-chart-categorical-19': 'var(--tui-chart-categorical-19)',
+                'tui-chart-categorical-20': 'var(--tui-chart-categorical-20)',
+                'tui-chart-categorical-21': 'var(--tui-chart-categorical-21)',
+                'tui-chart-categorical-22': 'var(--tui-chart-categorical-22)',
+                'tui-shadow-small': 'var(--tui-shadow-small)',
+                'tui-shadow-small-hover': 'var(--tui-shadow-small-hover)',
+                'tui-shadow-medium': 'var(--tui-shadow-medium)',
+                'tui-shadow-medium-hover': 'var(--tui-shadow-medium-hover)',
+                'tui-shadow-popup': 'var(--tui-shadow-popup)',
             },
             height: {
                 'tui-height-xs': 'var(--tui-height-xs)',

package/styles/taiga/variables.less

@@ -1,20 +1,11 @@
-:root {
-    // Sizes
-    --tui-skeleton-radius: var(--tui-radius-m);
-    // Base colors
+&:root,
+[tuiTheme='light'] {
     --tui-background-accent-1: #ffcc40; // primary buttons, background
     --tui-background-accent-1-hover: #ffe49b; // primary buttons hover
     --tui-background-accent-1-pressed: #ffbb00; // primary buttons pressed
     --tui-background-neutral-1: #f4f4f4; // primary buttons, background
     --tui-background-neutral-1-hover: #ececec; // primary buttons hover
-    --tui-background-neutral-1-pressed: #e0e0e0; // primary buttons pressed
-    --tui-background-neutral-1: rgba(246, 246, 246, 1); // translucent dark fill
-    --tui-background-neutral-1: rgb(230, 229, 229); // translucent dark fill disabled
-    --tui-background-neutral-1-hover: rgba(238, 239, 239, 1); // translucent dark fill hover
-    --tui-background-neutral-1-pressed: rgba(224, 223, 224, 1); // translucent dark fill pressed
-    --tui-background-neutral-1: rgba(255, 255, 255, 0.16); // translucent light fill
-    --tui-background-neutral-1-hover: rgba(255, 255, 255, 0.24); // translucent light fill hover
-    --tui-background-neutral-1-pressed: rgba(255, 255, 255, 0.4); // translucent light fill pressed
+    --tui-background-neutral-1-pressed: #e0e0e0;
 }
 
 sc-input-quantity {
@@ -43,4 +34,4 @@ sc-input-quantity {
     section.t-buttons {
         display: none !important;
     }
-}
+}