From aed1cb4c30bdd75d250ed33e654d98b03475b654 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
=?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Sat, 28 Dec 2024 15:26:16 +0500
Subject: [PATCH] fix: sort icons
---
src/stories/icons/Mono/SortDownIcon.vue | 23 +++++++-------
src/stories/icons/Mono/SortHorizontalIcon.vue | 18 +++--------
src/stories/icons/Mono/SortUpIcon.vue | 31 ++++++++++++-------
src/stories/icons/Mono/SortVerticalIcon.vue | 14 +++------
4 files changed, 39 insertions(+), 47 deletions(-)
diff --git a/src/stories/icons/Mono/SortDownIcon.vue b/src/stories/icons/Mono/SortDownIcon.vue
index f23751b..84f9f2f 100644
--- a/src/stories/icons/Mono/SortDownIcon.vue
+++ b/src/stories/icons/Mono/SortDownIcon.vue
@@ -11,19 +11,20 @@ defineProps<Props>();
:width="`${size ?? 40}px`"
:height="`${size ?? 40}px`"
viewBox="0 0 24 24"
- fill="none"
xmlns="http://www.w3.org/2000/svg"
+ aria-labelledby="sortDownIconTitle"
+ :stroke="color ?? '#000000'"
+ stroke-width="2.4"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ fill="none"
+ :color="color ?? '#000000'"
>
- <path d="M4 16L13 16" :stroke="color ?? '#000000'" stroke-width="1.5" stroke-linecap="round" />
- <path d="M6 11H13" :stroke="color ?? '#000000'" stroke-width="1.5" stroke-linecap="round" />
- <path d="M8 6L13 6" :stroke="color ?? '#000000'" stroke-width="1.5" stroke-linecap="round" />
- <path
- d="M17 4L17 20L20 16"
- :stroke="color ?? '#000000'"
- stroke-width="1.5"
- stroke-linecap="round"
- stroke-linejoin="round"
- />
+ <path d="M11 14H16" />
+ <path d="M11 9H19" />
+ <path d="M11 4H22" />
+ <path d="M9 18L5 22L1 18" />
+ <path d="M5 2V20" />
</svg>
</template>
diff --git a/src/stories/icons/Mono/SortHorizontalIcon.vue b/src/stories/icons/Mono/SortHorizontalIcon.vue
index 0d19cb5..3f78920 100644
--- a/src/stories/icons/Mono/SortHorizontalIcon.vue
+++ b/src/stories/icons/Mono/SortHorizontalIcon.vue
@@ -8,25 +8,15 @@ defineProps<Props>();
<template>
<svg
+ :fill="color ?? '#000000'"
:width="`${size ?? 40}px`"
:height="`${size ?? 40}px`"
- viewBox="0 0 24 24"
- fill="none"
+ viewBox="0 0 256 256"
+ id="Flat"
xmlns="http://www.w3.org/2000/svg"
>
<path
- d="M18 8L6 8M6 8L10.125 4M6 8L10.125 12"
- :stroke="color ?? '#000000'"
- stroke-width="1.5"
- stroke-linecap="round"
- stroke-linejoin="round"
- />
- <path
- d="M6 16L18 16M18 16L13.875 12M18 16L13.875 20"
- :stroke="color ?? '#000000'"
- stroke-width="1.5"
- stroke-linecap="round"
- stroke-linejoin="round"
+ d="M216.53955,184.42529c-.019.01953-.03467.04053-.0542.06006l-32,32a12.0001,12.0001,0,0,1-16.9707-16.9707L179.0293,188H48a12,12,0,0,1,0-24H179.0293l-11.51465-11.51465a12.0001,12.0001,0,0,1,16.9707-16.9707l32,32c.01953.01953.03516.04053.0542.06006.2583.26123.50586.5332.73926.81738.12109.14746.22656.30273.33935.4541.12061.16211.2461.31983.35889.48828.11914.17823.22315.3628.332.54639.09082.15283.1875.30225.272.46.09864.18506.18311.375.27149.56445.07861.166.16162.32959.23242.5.07617.18409.1377.37159.2041.55811.06543.1831.13574.36328.19239.5498.05712.18848.09912.38037.14648.5708.04736.189.10059.37549.13916.56836.04395.22071.07031.44385.10156.66651.02344.165.05518.32763.07129.49463a12.042,12.042,0,0,1,0,2.373c-.01611.167-.04785.32959-.07129.49463-.03125.22266-.05761.4458-.10156.66651-.03857.19287-.0918.37939-.13916.56836-.04736.19043-.08936.38232-.14648.5708-.05665.18652-.127.3667-.19239.5498-.0664.18652-.12793.374-.2041.55811-.0708.17041-.15381.334-.23242.5-.08838.18945-.17285.37939-.27149.56445-.08447.15771-.18115.30713-.272.46-.10888.18359-.21289.36816-.332.54639-.11279.16845-.23828.32617-.35889.48828-.11279.15137-.21826.30664-.33935.4541C217.04541,183.89209,216.79785,184.16406,216.53955,184.42529ZM38.38184,72.84619c-.12061.16211-.2461.31983-.35889.48828-.11914.17823-.22315.3628-.332.54639-.09082.15283-.1875.30225-.272.46-.09913.18555-.1836.37647-.27247.56641-.07812.16552-.16064.32812-.23095.49756-.07666.18457-.13867.373-.20508.56054-.06543.18213-.13525.36182-.1919.54785-.05712.18848-.09912.38037-.14648.5708-.04736.189-.10059.37549-.13916.56836-.04395.22071-.07031.44385-.10156.66651-.02344.165-.05518.32763-.07129.49463a12.042,12.042,0,0,0,0,2.373c.01611.167.04785.32959.07129.49463.03125.22266.05761.4458.10156.66651.03857.19287.0918.37939.13916.56836.04736.19043.08936.38232.14648.5708.05665.186.12647.36572.1919.54785.06641.1875.12842.376.20508.56054.07031.16944.15283.332.231.49756.08887.18994.17334.38086.27247.56641.08447.15771.18115.30713.272.46.10888.18359.21289.36816.332.54639.11279.16845.23828.32617.35889.48828.11279.15137.21826.30664.33935.4541.2334.28418.481.55615.73926.81738.019.01953.03467.04053.0542.06006l32,32a12.0001,12.0001,0,0,0,16.9707-16.9707L76.9707,92H208a12,12,0,0,0,0-24H76.9707L88.48535,56.48535a12.0001,12.0001,0,0,0-16.9707-16.9707l-32,32c-.01953.01953-.03516.04053-.0542.06006-.2583.26123-.50586.5332-.73926.81738C38.6001,72.53955,38.49463,72.69482,38.38184,72.84619Z"
/>
</svg>
</template>
diff --git a/src/stories/icons/Mono/SortUpIcon.vue b/src/stories/icons/Mono/SortUpIcon.vue
index 93e9e77..2beb85a 100644
--- a/src/stories/icons/Mono/SortUpIcon.vue
+++ b/src/stories/icons/Mono/SortUpIcon.vue
@@ -10,20 +10,27 @@ defineProps<Props>();
<svg
:width="`${size ?? 40}px`"
:height="`${size ?? 40}px`"
- viewBox="0 0 24 24"
- fill="none"
+ viewBox="0 0 24.00 24.00"
xmlns="http://www.w3.org/2000/svg"
+ aria-labelledby="sortUpIconTitle"
+ :stroke="color ?? '#000000'"
+ stroke-width="2.4"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ fill="none"
+ :color="color ?? '#000000'"
>
- <path d="M4 8H13" :stroke="color ?? '#000000'" stroke-width="1.5" stroke-linecap="round" />
- <path d="M6 13H13" :stroke="color ?? '#000000'" stroke-width="1.5" stroke-linecap="round" />
- <path d="M8 18H13" :stroke="color ?? '#000000'" stroke-width="1.5" stroke-linecap="round" />
- <path
- d="M17 20V4L20 8"
- :stroke="color ?? '#000000'"
- stroke-width="1.5"
- stroke-linecap="round"
- stroke-linejoin="round"
- />
+ <g id="SVGRepo_bgCarrier" stroke-width="0" />
+
+ <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="1" />
+
+ <g id="SVGRepo_iconCarrier">
+ <path d="M11 10H16" />
+ <path d="M11 15H19" />
+ <path d="M11 20H22" />
+ <path d="M1 6L5 2L9 6" />
+ <path d="M5 22L5 4" />
+ </g>
</svg>
</template>
diff --git a/src/stories/icons/Mono/SortVerticalIcon.vue b/src/stories/icons/Mono/SortVerticalIcon.vue
index aaeb511..08f83b3 100644
--- a/src/stories/icons/Mono/SortVerticalIcon.vue
+++ b/src/stories/icons/Mono/SortVerticalIcon.vue
@@ -15,18 +15,12 @@ defineProps<Props>();
xmlns="http://www.w3.org/2000/svg"
>
<path
- d="M16 18L16 6M16 6L20 10.125M16 6L12 10.125"
- :stroke="color ?? '#000000'"
- stroke-width="1.5"
- stroke-linecap="round"
- stroke-linejoin="round"
+ d="M11.1924 5.65685C11.5829 5.26633 11.5829 4.63316 11.1924 4.24264L8.36397 1.41421C8.30576 1.356 8.24485 1.30212 8.18165 1.25259C7.50286 0.720577 6.55947 0.689024 5.84929 1.15793C5.73839 1.23115 5.63317 1.31658 5.53554 1.41421L2.70711 4.24264C2.31658 4.63316 2.31658 5.26633 2.70711 5.65685C3.09763 6.04738 3.7308 6.04738 4.12132 5.65685L6.00003 3.77814V18C6.00003 18.5523 6.44775 19 7.00003 19C7.55232 19 8.00003 18.5523 8.00003 18V3.8787L9.77818 5.65685C10.1687 6.04737 10.8019 6.04737 11.1924 5.65685Z"
+ :fill="color ?? '#000000'"
/>
<path
- d="M8 6L8 18M8 18L12 13.875M8 18L4 13.875"
- :stroke="color ?? '#000000'"
- stroke-width="1.5"
- stroke-linecap="round"
- stroke-linejoin="round"
+ d="M12.7071 18.3432C12.3166 18.7337 12.3166 19.3668 12.7071 19.7574L15.5355 22.5858C15.6332 22.6834 15.7384 22.7689 15.8493 22.8421C16.6256 23.3546 17.6805 23.2692 18.364 22.5858L21.1924 19.7574C21.5829 19.3668 21.5829 18.7337 21.1924 18.3432C20.8019 17.9526 20.1687 17.9526 19.7782 18.3432L18 20.1213L18 6C18 5.44771 17.5523 5 17 5C16.4477 5 16 5.44771 16 6L16 20.2218L14.1213 18.3432C13.7308 17.9526 13.0976 17.9526 12.7071 18.3432Z"
+ :fill="color ?? '#000000'"
/>
</svg>
</template>
--
GitLab