diff --git a/package.json b/package.json
index 215d9ed944a5a3888dcf70c70151f6688ab608a9..22ab9917b77da79ac738f42d6564d7a1feb1aaa9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@d.malygin/UI_storybook",
- "version": "1.0.3",
+ "version": "1.0.4",
"type": "module",
"scripts": {
"dev": "vite",
@@ -201,8 +201,5 @@
"extends": [
"plugin:storybook/recommended"
]
- },
- "volta": {
- "node": "22.0.0"
}
}
diff --git a/src/common/constants/icons.ts b/src/common/constants/icons.ts
index f44b674719304e37991cf78dae9e9bd3ee714e20..4cdddf695366a8378a36979afd0ab1d5dae3b92b 100644
--- a/src/common/constants/icons.ts
+++ b/src/common/constants/icons.ts
@@ -1,123 +1,123 @@
import type { Component } from 'vue';
-import Age18Icon from '@icons/Mono/Age18Icon.vue';
-import AirplaneIcon from '@icons/Mono/AirplaneIcon.vue';
-import AlarmIcon from '@icons/Mono/AlarmIcon.vue';
-import AlignCenterIcon from '@icons/Mono/AlignCenterIcon.vue';
-import AlignLeftIcon from '@icons/Mono/AlignLeftIcon.vue';
-import AlignRightIcon from '@icons/Mono/AlignRightIcon.vue';
-import AnchorIcon from '@icons/Mono/AnchorIcon.vue';
-import AnchorLinkIcon from '@icons/Mono/AnchorLinkIcon.vue';
-import ArchiveIcon from '@icons/Mono/ArchiveIcon.vue';
-import ArrowForwardIcon from '@icons/Mono/ArrowForwardIcon.vue';
-import ArrowLeftIcon from '@icons/Mono/ArrowLeftIcon.vue';
-import ArrowRightIcon from '@icons/Mono/ArrowRightIcon.vue';
-import ArrowsVerticalIcon from '@icons/Mono/ArrowsVerticalIcon.vue';
-import AtIcon from '@icons/Mono/AtIcon.vue';
-import AwardIcon from '@icons/Mono/AwardIcon.vue';
-import BackspaceIcon from '@icons/Mono/BackspaceIcon.vue';
-import BadgeIcon from '@icons/Mono/BadgeIcon.vue';
-import BallFootballIcon from '@icons/Mono/BallFootballIcon.vue';
-import BallIcon from '@icons/Mono/BallIcon.vue';
-import BanknoteIcon from '@icons/Mono/BanknoteIcon.vue';
-import BellIcon from '@icons/Mono/BellIcon.vue';
-import BellOffIcon from '@icons/Mono/BellOffIcon.vue';
-import BoxIcon from '@icons/Mono/BoxIcon.vue';
-import BrightnessIcon from '@icons/Mono/BrightnessIcon.vue';
-import BulbIcon from '@icons/Mono/BulbIcon.vue';
-import CalculatorIcon from '@icons/Mono/CalculatorIcon.vue';
-import CalendarAddIcon from '@icons/Mono/CalendarAddIcon.vue';
-import CalendarIcon from '@icons/Mono/CalendarIcon.vue';
-import CalendarRemoveIcon from '@icons/Mono/CalendarRemoveIcon.vue';
-import CardsIcon from '@icons/Mono/CardsIcon.vue';
-import ChartLineIcon from '@icons/Mono/ChartLineIcon.vue';
-import ChartPieIcon from '@icons/Mono/ChartPieIcon.vue';
-import ChatIcon from '@icons/Mono/ChatIcon.vue';
-import CrossRoundFilledIcon from '@icons/Mono/CrossRoundFilledIcon.vue';
-import CropIcon from '@icons/Mono/CropIcon.vue';
-import ChatWritingIcon from '@icons/Mono/ChatWritingIcon.vue';
-import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
-import ChemistryFlaskIcon from '@icons/Mono/ChemistryFlaskIcon.vue';
-import CodeIcon from '@icons/Mono/CodeIcon.vue';
-import CoinsIcon from '@icons/Mono/CoinsIcon.vue';
-import ColorPaletteIcon from '@icons/Mono/ColorPaletteIcon.vue';
-import CompassIcon from '@icons/Mono/CompassIcon.vue';
-import ConstructionWorkerIcon from '@icons/Mono/ConstructionWorkerIcon.vue';
-import ContactsIcon from '@icons/Mono/ContactsIcon.vue';
-import CrossIcon from '@icons/Mono/CrossIcon.vue';
-import CubeIcon from '@icons/Mono/CubeIcon.vue';
-import CupIcon from '@icons/Mono/CupIcon.vue';
-import CursorIcon from '@icons/Mono/CursorIcon.vue';
-import DiamondIcon from '@icons/Mono/DiamondIcon.vue';
-import DiaryIcon from '@icons/Mono/DiaryIcon.vue';
-import DiceIcon from '@icons/Mono/DiceIcon.vue';
-import DigIcon from '@icons/Mono/DigIcon.vue';
-import DislikeIcon from '@icons/Mono/DislikeIcon.vue';
-import DisplayIcon from '@icons/Mono/DisplayIcon.vue';
-import DocumentIcon from '@icons/Mono/DocumentIcon.vue';
-import DocumentAddIcon from '@icons/Mono/DocumentAddIcon.vue';
-import DocumentDeleteIcon from '@icons/Mono/DocumentDeleteIcon.vue';
-import DocumentEditIcon from '@icons/Mono/DocumentEditIcon.vue';
-import DollarIcon from '@icons/Mono/DollarIcon.vue';
-import DotsHorizontalIcon from '@icons/Mono/DotsHorizontalIcon.vue';
-import DotsVerticalIcon from '@icons/Mono/DotsVerticalIcon.vue';
-import DownloadIcon from '@icons/Mono/DownloadIcon.vue';
-import DropIcon from '@icons/Mono/DropIcon.vue';
-import DumbbelIcon from '@icons/Mono/DumbbelIcon.vue';
-import EarthIcon from '@icons/Mono/EarthIcon.vue';
-import EditIcon from '@icons/Mono/EditIcon.vue';
-import EncyclopediaIcon from '@icons/Mono/EncyclopediaIcon.vue';
-import ExitIcon from '@icons/Mono/ExitIcon.vue';
-import EyeIcon from '@icons/Mono/EyeIcon.vue';
-import FeedbackIcon from '@icons/Mono/FeedbackIcon.vue';
-import FilterIcon from '@icons/Mono/FilterIcon.vue';
-import FingerprintIcon from '@icons/Mono/FingerprintIcon.vue';
-import FireIcon from '@icons/Mono/FireIcon.vue';
-import FlagIcon from '@icons/Mono/FlagIcon.vue';
-import FlashIcon from '@icons/Mono/FlashIcon.vue';
-import FlashlightIcon from '@icons/Mono/FlashlightIcon.vue';
-import FolderLockIcon from '@icons/Mono/FolderLockIcon.vue';
-import FrameIcon from '@icons/Mono/FrameIcon.vue';
-import FullScreenIcon from '@icons/Mono/FullScreenIcon.vue';
-import GameControllerIcon from '@icons/Mono/GameControllerIcon.vue';
-import GiftIcon from '@icons/Mono/GiftIcon.vue';
-import GlassesIcon from '@icons/Mono/GlassesIcon.vue';
-import HamburgerIcon from '@icons/Mono/HamburgerIcon.vue';
-import HandIcon from '@icons/Mono/HandIcon.vue';
-import HomeIcon from '@icons/Mono/HomeIcon.vue';
-import ImageIcon from '@icons/Mono/ImageIcon.vue';
-import ImageEditIcon from '@icons/Mono/ImageEditIcon.vue';
-import LineIcon from '@icons/Mono/LineIcon.vue';
-import LineDashedIcon from '@icons/Mono/LineDashedIcon.vue';
-import LineDottedIcon from '@icons/Mono/LineDottedIcon.vue';
-import LineDiagonalIcon from '@icons/Mono/LineDiagonalIcon.vue';
-import MoveIcon from '@icons/Mono/MoveIcon.vue';
-import ParagraphIcon from '@icons/Mono/ParagraphIcon.vue';
-import PhoneHandsetIcon from '@icons/Mono/PhoneHandsetIcon.vue';
-import PlusCircleIcon from '@icons/Mono/PlusCircleIcon.vue';
-import PlusIcon from '@icons/Mono/PlusIcon.vue';
-import PointerIcon from '@icons/Mono/PointerIcon.vue';
-import SaveIcon from '@icons/Mono/SaveIcon.vue';
-import SettingsIcon from '@icons/Mono/SettingsIcon.vue';
-import TableIcon from '@icons/Mono/TableIcon.vue';
-import TrashIcon from '@icons/Mono/TrashIcon.vue';
-import UserIcon from '@icons/Mono/UserIcon.vue';
-import TriangleIcon from '@icons/Mono/TriangleIcon.vue';
-import SortHorizontalIcon from '@icons/Mono/SortHorizontalIcon.vue';
-import SortDownIcon from '@icons/Mono/SortDownIcon.vue';
-import SortUpIcon from '@icons/Mono/SortUpIcon.vue';
-import SortVerticalIcon from '@icons/Mono/SortVerticalIcon.vue';
-import ArrowShortDownIcon from '@icons/Mono/ArrowDownShortIcon.vue';
-import SearchIcon from '@icons/Mono/SearchIcon.vue';
-import StarIcon from '@icons/Mono/StarIcon.vue';
-import StarFilledIcon from '@icons/Mono/StarFilledIcon.vue';
-import CornerLeftBottomIcon from '@icons/Mono/CornerLeftBottomIcon.vue';
-import CornerLeftTopIcon from '@icons/Mono/CornerLeftTopIcon.vue';
-import CornerRightBottomIcon from '@icons/Mono/CornerRightBottomIcon.vue';
-import CornerRightTopIcon from '@icons/Mono/CornerRightTopIcon.vue';
-import InfoIcon from '@icons/Mono/InfoIcon.vue';
-import WarningIcon from '@icons/Mono/WarningIcon.vue';
-import CrossRoundIcon from '@icons/Mono/CrossRoundIcon.vue';
+import Age18Icon from '../../icons/Mono/Age18Icon.vue';
+import AirplaneIcon from '../../icons/Mono/AirplaneIcon.vue';
+import AlarmIcon from '../../icons/Mono/AlarmIcon.vue';
+import AlignCenterIcon from '../../icons/Mono/AlignCenterIcon.vue';
+import AlignLeftIcon from '../../icons/Mono/AlignLeftIcon.vue';
+import AlignRightIcon from '../../icons/Mono/AlignRightIcon.vue';
+import AnchorIcon from '../../icons/Mono/AnchorIcon.vue';
+import AnchorLinkIcon from '../../icons/Mono/AnchorLinkIcon.vue';
+import ArchiveIcon from '../../icons/Mono/ArchiveIcon.vue';
+import ArrowForwardIcon from '../../icons/Mono/ArrowForwardIcon.vue';
+import ArrowLeftIcon from '../../icons/Mono/ArrowLeftIcon.vue';
+import ArrowRightIcon from '../../icons/Mono/ArrowRightIcon.vue';
+import ArrowsVerticalIcon from '../../icons/Mono/ArrowsVerticalIcon.vue';
+import AtIcon from '../../icons/Mono/AtIcon.vue';
+import AwardIcon from '../../icons/Mono/AwardIcon.vue';
+import BackspaceIcon from '../../icons/Mono/BackspaceIcon.vue';
+import BadgeIcon from '../../icons/Mono/BadgeIcon.vue';
+import BallFootballIcon from '../../icons/Mono/BallFootballIcon.vue';
+import BallIcon from '../../icons/Mono/BallIcon.vue';
+import BanknoteIcon from '../../icons/Mono/BanknoteIcon.vue';
+import BellIcon from '../../icons/Mono/BellIcon.vue';
+import BellOffIcon from '../../icons/Mono/BellOffIcon.vue';
+import BoxIcon from '../../icons/Mono/BoxIcon.vue';
+import BrightnessIcon from '../../icons/Mono/BrightnessIcon.vue';
+import BulbIcon from '../../icons/Mono/BulbIcon.vue';
+import CalculatorIcon from '../../icons/Mono/CalculatorIcon.vue';
+import CalendarAddIcon from '../../icons/Mono/CalendarAddIcon.vue';
+import CalendarIcon from '../../icons/Mono/CalendarIcon.vue';
+import CalendarRemoveIcon from '../../icons/Mono/CalendarRemoveIcon.vue';
+import CardsIcon from '../../icons/Mono/CardsIcon.vue';
+import ChartLineIcon from '../../icons/Mono/ChartLineIcon.vue';
+import ChartPieIcon from '../../icons/Mono/ChartPieIcon.vue';
+import ChatIcon from '../../icons/Mono/ChatIcon.vue';
+import CrossRoundFilledIcon from '../../icons/Mono/CrossRoundFilledIcon.vue';
+import CropIcon from '../../icons/Mono/CropIcon.vue';
+import ChatWritingIcon from '../../icons/Mono/ChatWritingIcon.vue';
+import CheckMarkIcon from '../../icons/Mono/CheckMarkIcon.vue';
+import ChemistryFlaskIcon from '../../icons/Mono/ChemistryFlaskIcon.vue';
+import CodeIcon from '../../icons/Mono/CodeIcon.vue';
+import CoinsIcon from '../../icons/Mono/CoinsIcon.vue';
+import ColorPaletteIcon from '../../icons/Mono/ColorPaletteIcon.vue';
+import CompassIcon from '../../icons/Mono/CompassIcon.vue';
+import ConstructionWorkerIcon from '../../icons/Mono/ConstructionWorkerIcon.vue';
+import ContactsIcon from '../../icons/Mono/ContactsIcon.vue';
+import CrossIcon from '../../icons/Mono/CrossIcon.vue';
+import CubeIcon from '../../icons/Mono/CubeIcon.vue';
+import CupIcon from '../../icons/Mono/CupIcon.vue';
+import CursorIcon from '../../icons/Mono/CursorIcon.vue';
+import DiamondIcon from '../../icons/Mono/DiamondIcon.vue';
+import DiaryIcon from '../../icons/Mono/DiaryIcon.vue';
+import DiceIcon from '../../icons/Mono/DiceIcon.vue';
+import DigIcon from '../../icons/Mono/DigIcon.vue';
+import DislikeIcon from '../../icons/Mono/DislikeIcon.vue';
+import DisplayIcon from '../../icons/Mono/DisplayIcon.vue';
+import DocumentIcon from '../../icons/Mono/DocumentIcon.vue';
+import DocumentAddIcon from '../../icons/Mono/DocumentAddIcon.vue';
+import DocumentDeleteIcon from '../../icons/Mono/DocumentDeleteIcon.vue';
+import DocumentEditIcon from '../../icons/Mono/DocumentEditIcon.vue';
+import DollarIcon from '../../icons/Mono/DollarIcon.vue';
+import DotsHorizontalIcon from '../../icons/Mono/DotsHorizontalIcon.vue';
+import DotsVerticalIcon from '../../icons/Mono/DotsVerticalIcon.vue';
+import DownloadIcon from '../../icons/Mono/DownloadIcon.vue';
+import DropIcon from '../../icons/Mono/DropIcon.vue';
+import DumbbelIcon from '../../icons/Mono/DumbbelIcon.vue';
+import EarthIcon from '../../icons/Mono/EarthIcon.vue';
+import EditIcon from '../../icons/Mono/EditIcon.vue';
+import EncyclopediaIcon from '../../icons/Mono/EncyclopediaIcon.vue';
+import ExitIcon from '../../icons/Mono/ExitIcon.vue';
+import EyeIcon from '../../icons/Mono/EyeIcon.vue';
+import FeedbackIcon from '../../icons/Mono/FeedbackIcon.vue';
+import FilterIcon from '../../icons/Mono/FilterIcon.vue';
+import FingerprintIcon from '../../icons/Mono/FingerprintIcon.vue';
+import FireIcon from '../../icons/Mono/FireIcon.vue';
+import FlagIcon from '../../icons/Mono/FlagIcon.vue';
+import FlashIcon from '../../icons/Mono/FlashIcon.vue';
+import FlashlightIcon from '../../icons/Mono/FlashlightIcon.vue';
+import FolderLockIcon from '../../icons/Mono/FolderLockIcon.vue';
+import FrameIcon from '../../icons/Mono/FrameIcon.vue';
+import FullScreenIcon from '../../icons/Mono/FullScreenIcon.vue';
+import GameControllerIcon from '../../icons/Mono/GameControllerIcon.vue';
+import GiftIcon from '../../icons/Mono/GiftIcon.vue';
+import GlassesIcon from '../../icons/Mono/GlassesIcon.vue';
+import HamburgerIcon from '../../icons/Mono/HamburgerIcon.vue';
+import HandIcon from '../../icons/Mono/HandIcon.vue';
+import HomeIcon from '../../icons/Mono/HomeIcon.vue';
+import ImageIcon from '../../icons/Mono/ImageIcon.vue';
+import ImageEditIcon from '../../icons/Mono/ImageEditIcon.vue';
+import LineIcon from '../../icons/Mono/LineIcon.vue';
+import LineDashedIcon from '../../icons/Mono/LineDashedIcon.vue';
+import LineDottedIcon from '../../icons/Mono/LineDottedIcon.vue';
+import LineDiagonalIcon from '../../icons/Mono/LineDiagonalIcon.vue';
+import MoveIcon from '../../icons/Mono/MoveIcon.vue';
+import ParagraphIcon from '../../icons/Mono/ParagraphIcon.vue';
+import PhoneHandsetIcon from '../../icons/Mono/PhoneHandsetIcon.vue';
+import PlusCircleIcon from '../../icons/Mono/PlusCircleIcon.vue';
+import PlusIcon from '../../icons/Mono/PlusIcon.vue';
+import PointerIcon from '../../icons/Mono/PointerIcon.vue';
+import SaveIcon from '../../icons/Mono/SaveIcon.vue';
+import SettingsIcon from '../../icons/Mono/SettingsIcon.vue';
+import TableIcon from '../../icons/Mono/TableIcon.vue';
+import TrashIcon from '../../icons/Mono/TrashIcon.vue';
+import UserIcon from '../../icons/Mono/UserIcon.vue';
+import TriangleIcon from '../../icons/Mono/TriangleIcon.vue';
+import SortHorizontalIcon from '../../icons/Mono/SortHorizontalIcon.vue';
+import SortDownIcon from '../../icons/Mono/SortDownIcon.vue';
+import SortUpIcon from '../../icons/Mono/SortUpIcon.vue';
+import SortVerticalIcon from '../../icons/Mono/SortVerticalIcon.vue';
+import ArrowShortDownIcon from '../../icons/Mono/ArrowDownShortIcon.vue';
+import SearchIcon from '../../icons/Mono/SearchIcon.vue';
+import StarIcon from '../../icons/Mono/StarIcon.vue';
+import StarFilledIcon from '../../icons/Mono/StarFilledIcon.vue';
+import CornerLeftBottomIcon from '../../icons/Mono/CornerLeftBottomIcon.vue';
+import CornerLeftTopIcon from '../../icons/Mono/CornerLeftTopIcon.vue';
+import CornerRightBottomIcon from '../../icons/Mono/CornerRightBottomIcon.vue';
+import CornerRightTopIcon from '../../icons/Mono/CornerRightTopIcon.vue';
+import InfoIcon from '../../icons/Mono/InfoIcon.vue';
+import WarningIcon from '../../icons/Mono/WarningIcon.vue';
+import CrossRoundIcon from '../../icons/Mono/CrossRoundIcon.vue';
export const iconsSet: Record<string, Component> = {
Age18: Age18Icon,
diff --git a/src/common/helpers/common.ts b/src/common/helpers/common.ts
index 75df67ab604fa138e8c3092f104acf7ff2e676cd..d1bff4c036f0d7c9386a4cd47c22a72faf721f54 100644
--- a/src/common/helpers/common.ts
+++ b/src/common/helpers/common.ts
@@ -9,7 +9,7 @@ import {
convert700ThemeToColor,
convert800ThemeToColor,
convert900ThemeToColor,
-} from '@helpers/colors';
+} from './colors';
/**
* Convert color of type TThemeColor to hex
diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
index 41d7e61d4173e12966b742524dc8e2d96361aa38..18b192563ba73ee197a4782364621b7c5b1d04cb 100644
--- a/src/components/Button/Button.vue
+++ b/src/components/Button/Button.vue
@@ -1,7 +1,11 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IButtonProps } from '@interfaces/componentsProps';
-import { convertThemeToSecondaryColor, convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToSecondaryColor,
+ convertThemeToColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
const props = withDefaults(defineProps<IButtonProps>(), {
size: 'normal',
diff --git a/src/components/Carousel/Carousel.vue b/src/components/Carousel/Carousel.vue
index 997571457f66a74cb4059a5f16d2e145df5c3f20..c4096fb8dcfd1882e4411408df6003720b24a1df 100644
--- a/src/components/Carousel/Carousel.vue
+++ b/src/components/Carousel/Carousel.vue
@@ -1,10 +1,10 @@
<script setup lang="ts">
import type { ICarouselProps } from '@interfaces/componentsProps';
-import CarouselButtonContainer from '@components/Carousel/CarouselButtonContainer.vue';
+import CarouselButtonContainer from './CarouselButtonContainer.vue';
import { computed, ref } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
-import ArrowLeftShortIcon from '@icons/Mono/ArrowLeftShortIcon.vue';
-import ArrowRightShortIcon from '@icons/Mono/ArrowRightShortIcon.vue';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
+import ArrowLeftShortIcon from '../../icons/Mono/ArrowLeftShortIcon.vue';
+import ArrowRightShortIcon from '../../icons/Mono/ArrowRightShortIcon.vue';
import { defaultProps, getNewValue } from './helpers';
const props = withDefaults(defineProps<ICarouselProps>(), {
diff --git a/src/components/Checkbox/Checkbox.vue b/src/components/Checkbox/Checkbox.vue
index f2b5e971a7c4f73a28055005d96cd90493aef6c7..8cf1e5d491df77119e0f9431e9805bb1d1d76a44 100644
--- a/src/components/Checkbox/Checkbox.vue
+++ b/src/components/Checkbox/Checkbox.vue
@@ -1,8 +1,8 @@
<script setup lang="ts">
import type { ICheckboxProps } from '@interfaces/componentsProps';
import { computed, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
-import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
+import CheckMarkIcon from '../../icons/Mono/CheckMarkIcon.vue';
const props = withDefaults(defineProps<ICheckboxProps>(), {
label: '',
diff --git a/src/components/ColorPicker/Button.vue b/src/components/ColorPicker/Button.vue
index 376914863571648fbc326a9bd1713a5070294a29..74ab49607a43c67bcdda89726217647d89fa7d37 100644
--- a/src/components/ColorPicker/Button.vue
+++ b/src/components/ColorPicker/Button.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IButtonProps } from '@interfaces/componentsProps';
-import { convertThemeToSecondaryColor, convertThemeToColor } from '@helpers/common';
+import { convertThemeToSecondaryColor, convertThemeToColor } from '../../common/helpers/common';
interface Props extends IButtonProps {
disabled?: boolean;
diff --git a/src/components/ColorPicker/ColorPicker.vue b/src/components/ColorPicker/ColorPicker.vue
index 8cdaf2f2c74e492fa180e8f03b1a86d6b3469b3b..d8f31e3fd53e53ff8bb3fab3ba10b5db0c7ada81 100644
--- a/src/components/ColorPicker/ColorPicker.vue
+++ b/src/components/ColorPicker/ColorPicker.vue
@@ -2,7 +2,7 @@
import type { IColorPickerProps } from '@interfaces/componentsProps';
import { computed, type Ref } from 'vue';
import Button from './Button.vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IColorPickerProps>(), {
size: 'normal',
diff --git a/src/components/Divider/Divider.vue b/src/components/Divider/Divider.vue
index 65894e0423bba64488471da9fc66e517cf243031..09a3de26318ee74729055e76ac9e199653c95ee7 100644
--- a/src/components/Divider/Divider.vue
+++ b/src/components/Divider/Divider.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IDividerProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
const props = withDefaults(defineProps<IDividerProps>(), {
height: 1,
diff --git a/src/components/Drawer/Drawer.vue b/src/components/Drawer/Drawer.vue
index 6480688cf55f597941550534dfd588db6f25f971..406a05688bfc6937976f4874fc107bdc4fc34987 100644
--- a/src/components/Drawer/Drawer.vue
+++ b/src/components/Drawer/Drawer.vue
@@ -2,7 +2,11 @@
import { computed, type Ref, watch } from 'vue';
import { iconsSet } from '@/common/constants/icons';
import type { IDrawerProps } from '@interfaces/componentsProps';
-import { convertThemeToColor, convertThemeToSecondaryColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToColor,
+ convertThemeToSecondaryColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { CustomWindow } from '@interfaces/common';
const props = withDefaults(defineProps<IDrawerProps>(), {
diff --git a/src/components/InputDiv/InputDiv.vue b/src/components/InputDiv/InputDiv.vue
index cce4d0598aeefc12acf3fc8387c3066ed7fdc2e9..8c0d7a5850e1ac7b7c14eecd7f47ae0257f1d232 100644
--- a/src/components/InputDiv/InputDiv.vue
+++ b/src/components/InputDiv/InputDiv.vue
@@ -1,14 +1,8 @@
<script setup lang="ts">
import type { IInputDivProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
-import {
- calcIndexesToValueindex,
- calcPartsBy,
- calcPartsDash,
- changeInputHandler,
- moveFocus,
-} from '@components/InputDiv/helpers';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
+import { calcIndexesToValueindex, calcPartsBy, calcPartsDash, changeInputHandler, moveFocus } from './helpers';
const props = withDefaults(defineProps<IInputDivProps>(), {
scheme: '4by1',
diff --git a/src/components/Knob/Knob.vue b/src/components/Knob/Knob.vue
index 5da0e2d58bf9aeb1cf774ab8cbb667b9f84a8e46..35be2a79ffafee33bfb8082b7ef1393069feb400 100644
--- a/src/components/Knob/Knob.vue
+++ b/src/components/Knob/Knob.vue
@@ -1,9 +1,9 @@
<script setup lang="ts">
import type { IKnobProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor } from '@helpers/common';
-import { calcCenter, calcStart, calcNewValue, calcThemeColor, calcContainerSize } from '@components/Knob/helpers';
-import Button from '@components/Button/Button.vue';
+import { convertThemeToColor } from '../../common/helpers/common';
+import { calcCenter, calcStart, calcNewValue, calcThemeColor, calcContainerSize } from './helpers';
+import Button from '../Button/Button.vue';
const props = withDefaults(defineProps<IKnobProps>(), {
min: 0,
diff --git a/src/components/Knob/helpers.ts b/src/components/Knob/helpers.ts
index 56cb24e280ebb755686755c77e9260ac9e872ed6..9d7114e07836d7ceecd42c85e5a75c0639ac723c 100644
--- a/src/components/Knob/helpers.ts
+++ b/src/components/Knob/helpers.ts
@@ -1,4 +1,4 @@
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
import { EThemeColor, type TDarkness, type TSize, type TThemeColor } from '@interfaces/common';
import type { IColorGap } from '@interfaces/componentsProp';
diff --git a/src/components/MenuDial/MenuDial.vue b/src/components/MenuDial/MenuDial.vue
index c7bbc57d91d188c760dc1ce4489c6603932d2795..13b001448919009be716fd13e105c419df888a5a 100644
--- a/src/components/MenuDial/MenuDial.vue
+++ b/src/components/MenuDial/MenuDial.vue
@@ -1,8 +1,12 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IMDProps } from '@interfaces/componentsProps';
-import PlusIcon from '@icons/Mono/PlusIcon.vue';
-import { convertThemeToSecondaryColor, convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import PlusIcon from '../../icons/Mono/PlusIcon.vue';
+import {
+ convertThemeToSecondaryColor,
+ convertThemeToColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { IMDItemProps } from '@interfaces/componentsProp';
const props = withDefaults(defineProps<IMDProps>(), {
diff --git a/src/components/Modal/Modal.vue b/src/components/Modal/Modal.vue
index 8b7597a8d8af42cbc595ac303792e1c29acdad7a..a193a468e2dde64b6a0c0cfdc8e0aa8ea0cb91b3 100644
--- a/src/components/Modal/Modal.vue
+++ b/src/components/Modal/Modal.vue
@@ -2,7 +2,11 @@
import { computed, watch } from 'vue';
import type { IModalProps } from '@interfaces/componentsProps';
import { iconsSet } from '@/common/constants/icons';
-import { convertThemeToColor, convertThemeToSecondaryColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToColor,
+ convertThemeToSecondaryColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { CustomWindow } from '@interfaces/common';
const props = withDefaults(defineProps<IModalProps>(), {
diff --git a/src/components/Paginator/Paginator.vue b/src/components/Paginator/Paginator.vue
index 14dfc4b7f5d8371ee866ef21e5827b3ed3f61bcc..61a08ba2d4c29b3eb51c48a07d699b23426534f8 100644
--- a/src/components/Paginator/Paginator.vue
+++ b/src/components/Paginator/Paginator.vue
@@ -1,14 +1,14 @@
<script setup lang="ts">
-import ArrowDoubleLeftShortIcon from '@icons/Mono/ArrowDoubleLeftShortIcon.vue';
-import ArrowDoubleRightShortIcon from '@icons/Mono/ArrowDoubleRightShortIcon.vue';
-import ArrowLeftShortIcon from '@icons/Mono/ArrowLeftShortIcon.vue';
-import ArrowRightShortIcon from '@icons/Mono/ArrowRightShortIcon.vue';
+import ArrowDoubleLeftShortIcon from '../../icons/Mono/ArrowDoubleLeftShortIcon.vue';
+import ArrowDoubleRightShortIcon from '../../icons/Mono/ArrowDoubleRightShortIcon.vue';
+import ArrowLeftShortIcon from '../../icons/Mono/ArrowLeftShortIcon.vue';
+import ArrowRightShortIcon from '../../icons/Mono/ArrowRightShortIcon.vue';
import type { IPaginatorProps } from '@interfaces/componentsProps';
-import PaginatorItem from '@components/Paginator/PaginatorItem.vue';
+import PaginatorItem from './PaginatorItem.vue';
import { computed, type Ref, watch } from 'vue';
-import Select from '@components/Select/Select.vue';
+import Select from '../Select/Select.vue';
import type { ISelectOption } from '@interfaces/componentsProp';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IPaginatorProps>(), {
total: 10,
diff --git a/src/components/Popup/Popup.vue b/src/components/Popup/Popup.vue
index 66e4f56b845b74eb2988771cbfc5a1ccfec814b5..a450980c2aa9d758dfabd662a4eae33f2a226beb 100644
--- a/src/components/Popup/Popup.vue
+++ b/src/components/Popup/Popup.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { IPopupProps } from '@interfaces/componentsProps';
import { computed, type Ref, ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToSecondaryColor } from '@helpers/common';
+import { convertThemeToColor, convertThemeToSecondaryColor } from '../../common/helpers/common';
import type { CustomWindow } from '@interfaces/common';
const props = withDefaults(defineProps<IPopupProps>(), {
diff --git a/src/components/ProgressBar/ProgressBar.vue b/src/components/ProgressBar/ProgressBar.vue
index ee2cde7dc64b975cf2e9ba02032666ba8d7dedee..d70ab958e37a9e2313e91da0b6687807eb33074f 100644
--- a/src/components/ProgressBar/ProgressBar.vue
+++ b/src/components/ProgressBar/ProgressBar.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { IProgressBarProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IProgressBarProps>(), {
value: 0,
diff --git a/src/components/Rating/Rating.vue b/src/components/Rating/Rating.vue
index aef15bc6db7a064b317fcac4939aa7f5ee73dfc8..37772cef5d1f98baed8686aa7844bb7e24ff1694 100644
--- a/src/components/Rating/Rating.vue
+++ b/src/components/Rating/Rating.vue
@@ -2,8 +2,8 @@
import type { IRatingProps } from '@interfaces/componentsProps';
import { computed, type Ref, ref, watch } from 'vue';
import { iconsSet } from '@/common/constants/icons';
-import StarFilledIcon from '@icons/Mono/StarFilledIcon.vue';
-import { convertThemeToColor, getValueFromSize } from '@helpers/common';
+import StarFilledIcon from '../../icons/Mono/StarFilledIcon.vue';
+import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IRatingProps>(), {
count: 5,
diff --git a/src/components/Select/Select.vue b/src/components/Select/Select.vue
index 92bec55016adba557e12e6cb66eb8fdbeb3c711e..fc1a19ca113f9ff7071f30522f2ef2f7823d5616 100644
--- a/src/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -1,12 +1,12 @@
<script setup lang="ts">
import type { ISelectProps } from '@interfaces/componentsProps';
import { computed, ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor } from '../../common/helpers/common';
import { iconsSet } from '@/common/constants/icons';
import type { TThemeColor } from '@interfaces/common';
-import SelectItem from '@components/Select/SelectItem.vue';
-import SearchIcon from '@icons/Mono/SearchIcon.vue';
-import { calcFontSize, calcPadding, getOptionsGroups } from '@components/Select/helpers';
+import SelectItem from './SelectItem.vue';
+import SearchIcon from '../../icons/Mono/SearchIcon.vue';
+import { calcFontSize, calcPadding, getOptionsGroups } from './helpers';
const props = withDefaults(defineProps<ISelectProps>(), {
options: () => [{ value: 'One' }, { value: 'Two' }],
diff --git a/src/components/Select/SelectItem.vue b/src/components/Select/SelectItem.vue
index 152c06b3b42f6109b5ce1f81738ffd7ace40a4b1..f1e71f31e472659c8eb9e99cc149aa04b45cc679 100644
--- a/src/components/Select/SelectItem.vue
+++ b/src/components/Select/SelectItem.vue
@@ -2,7 +2,7 @@
import { iconsSet } from '@/common/constants/icons';
import type { ISelectOption } from '@interfaces/componentsProp';
import type { TThemeColor } from '@interfaces/common';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
interface IProps {
option: ISelectOption | undefined;
fontSizeNumber: string;
diff --git a/src/components/SelectButton/SelectButton.vue b/src/components/SelectButton/SelectButton.vue
index 1d1f1b61977cc4073ec1c9a5a8498ef83dbab81c..65351578bd078f626bacf34fcdab92b7259c0c3b 100644
--- a/src/components/SelectButton/SelectButton.vue
+++ b/src/components/SelectButton/SelectButton.vue
@@ -1,7 +1,11 @@
<script setup lang="ts">
import { computed, type Ref } from 'vue';
import type { ISBProps } from '@interfaces/componentsProps';
-import { convertThemeToSecondaryColor, convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToSecondaryColor,
+ convertThemeToColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { ISBOption } from '@interfaces/componentsProp';
const props = withDefaults(defineProps<ISBProps>(), {
diff --git a/src/components/Slider/Slider.vue b/src/components/Slider/Slider.vue
index f8daeb6c4344cde16fb1dc7cc5833e96d3de5fcc..95cd9dab01864e2cd818112957635294309ab1e5 100644
--- a/src/components/Slider/Slider.vue
+++ b/src/components/Slider/Slider.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed, watch } from 'vue';
import type { ISliderProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
const props = withDefaults(defineProps<ISliderProps>(), {
width: '100',
diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue
index 317cb3a4272b0d527749b8b5b2d87c299f9f29a5..3b81ba461fc6b668ad656a2fe1acbc7d00b01e63 100644
--- a/src/components/Table/Table.vue
+++ b/src/components/Table/Table.vue
@@ -1,12 +1,16 @@
<script setup lang="ts">
import type { ITableProps } from '@interfaces/componentsProps';
import { computed, type Ref, ref } from 'vue';
-import { convertThemeToColor, convertThemeToSecondaryColor, convertThemeToTextColor } from '@helpers/common';
-import { calcAdditionalHeight, calcGap, calcRows } from '@components/Table/helpers';
-import TableHeader from '@components/Table/components/TableHeader.vue';
-import TableCell from '@components/Table/components/TableCell.vue';
-import Paginator from '@components/Paginator/Paginator.vue';
-import ToggleSwitch from '@components/ToggleSwitch/ToggleSwitch.vue';
+import {
+ convertThemeToColor,
+ convertThemeToSecondaryColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
+import { calcAdditionalHeight, calcGap, calcRows } from './helpers';
+import TableHeader from './components/TableHeader.vue';
+import TableCell from './components/TableCell.vue';
+import Paginator from '../Paginator/Paginator.vue';
+import ToggleSwitch from '../ToggleSwitch/ToggleSwitch.vue';
const props = withDefaults(defineProps<ITableProps>(), {
size: 'normal',
diff --git a/src/components/Table/components/TableCell.vue b/src/components/Table/components/TableCell.vue
index ef07be19f69ab21dac6e9279613cb9bd998cb669..867db267b02200201ba32469993e265b5846c13c 100644
--- a/src/components/Table/components/TableCell.vue
+++ b/src/components/Table/components/TableCell.vue
@@ -1,11 +1,11 @@
<script setup lang="ts">
-import { filterCheckboxProps, filterSelectProps } from '@components/Table/helpers';
+import { filterCheckboxProps, filterSelectProps } from '../helpers';
import type { ITableColumn, TTableColumnType } from '@interfaces/componentsProp';
-import Checkbox from '@components/Checkbox/Checkbox.vue';
-import Select from '@components/Select/Select.vue';
-import Rating from '@components/Rating/Rating.vue';
-import ProgressBar from '@components/ProgressBar/ProgressBar.vue';
-import Knob from '@components/Knob/Knob.vue';
+import Checkbox from '../../Checkbox/Checkbox.vue';
+import Select from '../../Select/Select.vue';
+import Rating from '../../Rating/Rating.vue';
+import ProgressBar from '../../ProgressBar/ProgressBar.vue';
+import Knob from '../../Knob/Knob.vue';
import type { TThemeColor } from '@interfaces/common';
interface IProps {
diff --git a/src/components/Table/components/TableHeader.vue b/src/components/Table/components/TableHeader.vue
index 0c965f5371fce2a78208d79236499cc56544e172..800d09451cfb07d2454b024f17326a6bc9552e3a 100644
--- a/src/components/Table/components/TableHeader.vue
+++ b/src/components/Table/components/TableHeader.vue
@@ -1,13 +1,13 @@
<script setup lang="ts">
-import FilterIcon from '@icons/Mono/FilterIcon.vue';
-import SortDownIcon from '@icons/Mono/SortDownIcon.vue';
-import SortUpIcon from '@icons/Mono/SortUpIcon.vue';
-import SortVerticalIcon from '@icons/Mono/SortVerticalIcon.vue';
-import { calcColumnPadding } from '@components/Table/helpers';
-import Popup from '@components/Popup/Popup.vue';
-import Button from '@components/Button/Button.vue';
-import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
-import CrossIcon from '@icons/Mono/CrossIcon.vue';
+import FilterIcon from '../../../icons/Mono/FilterIcon.vue';
+import SortDownIcon from '../../../icons/Mono/SortDownIcon.vue';
+import SortUpIcon from '../../../icons/Mono/SortUpIcon.vue';
+import SortVerticalIcon from '../../../icons/Mono/SortVerticalIcon.vue';
+import { calcColumnPadding } from '../helpers';
+import Popup from '../../Popup/Popup.vue';
+import Button from '../../Button/Button.vue';
+import CheckMarkIcon from '../../../icons/Mono/CheckMarkIcon.vue';
+import CrossIcon from '../../../icons/Mono/CrossIcon.vue';
import type { TThemeColor } from '@interfaces/common';
import type { ITableColumn, TTableColumnType } from '@interfaces/componentsProp';
import { computed } from 'vue';
diff --git a/src/components/Tag/Tag.vue b/src/components/Tag/Tag.vue
index 2b7d31bf26775bf50bd4c858953e06077ab90f0c..2eb93ebe030888b3efd970e562e44dbd00c64178 100644
--- a/src/components/Tag/Tag.vue
+++ b/src/components/Tag/Tag.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { ITagProps } from '@interfaces/componentsProps';
import { computed } from 'vue';
-import { convertThemeToColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
import { iconsSet } from '@/common/constants/icons';
const props = withDefaults(defineProps<ITagProps>(), {
diff --git a/src/components/Toast/Toast.vue b/src/components/Toast/Toast.vue
index bcf16cec8d7a5a46644c696c288548f831a0bf19..27dd30d6fe30dccf940274c915774fd2ecdeb8ee 100644
--- a/src/components/Toast/Toast.vue
+++ b/src/components/Toast/Toast.vue
@@ -1,10 +1,10 @@
<script setup lang="ts">
import type { IToastProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
import type { TToastType } from '@interfaces/componentsProp';
import { iconsSet } from '@/common/constants/icons';
-import CrossIcon from '@icons/Mono/CrossIcon.vue';
+import CrossIcon from '../../icons/Mono/CrossIcon.vue';
import type { TThemeColor } from '@interfaces/common';
const props = withDefaults(defineProps<IToastProps>(), {
diff --git a/src/components/ToggleSwitch/ToggleSwitch.vue b/src/components/ToggleSwitch/ToggleSwitch.vue
index 472ff20a92d9373a8f3e5fcdc126abc3794eef96..168a83e433e978056e3ab5c1ffe2d5c17f35cb26 100644
--- a/src/components/ToggleSwitch/ToggleSwitch.vue
+++ b/src/components/ToggleSwitch/ToggleSwitch.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed, type Ref } from 'vue';
import type { ITSProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
const props = withDefaults(defineProps<ITSProps>(), {
size: 'normal',
diff --git a/src/components/TreeList/TreeItems.vue b/src/components/TreeList/TreeItems.vue
index f39607396da7ee90866a45a2e571896c78d74b58..c9e488131f6feefd1722b4581cecdb1b2d3d6973 100644
--- a/src/components/TreeList/TreeItems.vue
+++ b/src/components/TreeList/TreeItems.vue
@@ -1,8 +1,8 @@
<script setup lang="ts">
import { iconsSet } from '@/common/constants/icons';
-import TriangleIcon from '@icons/Mono/TriangleIcon.vue';
+import TriangleIcon from '../../icons/Mono/TriangleIcon.vue';
import type { ITIProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
defineProps<ITIProps>();
const emit = defineEmits(['toggleIsOpen', 'onClick']);
diff --git a/src/components/TreeList/TreeList.vue b/src/components/TreeList/TreeList.vue
index 556c6741fbc10730c5f751d3b553c940ba0edc20..274ed3fbb1835cdb6c963ee51b3ad83089060e58 100644
--- a/src/components/TreeList/TreeList.vue
+++ b/src/components/TreeList/TreeList.vue
@@ -1,9 +1,9 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import type { ITreeItem } from '@interfaces/componentsProp';
-import TreeItems from '@components/TreeList/TreeItems.vue';
+import TreeItems from './TreeItems.vue';
import type { ITLProps } from '@interfaces/componentsProps';
-import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor } from '../../common/helpers/common';
interface IStateItem {
isOpen: boolean;
diff --git a/src/postponed/Cropper/Cropper.vue b/src/postponed/Cropper/Cropper.vue
index 568f1ee47d51ad0f85dbdf2508b54c6d44ccbb1f..b481c2de153137d2ef4c228c5645311584158999 100644
--- a/src/postponed/Cropper/Cropper.vue
+++ b/src/postponed/Cropper/Cropper.vue
@@ -1,9 +1,9 @@
<script setup lang="ts">
import type { ICropperProps } from '@interfaces/componentsProps';
import { computed, ref, watch } from 'vue';
-import Button from '@components/Button/Button.vue';
-import { convertThemeToTextColor } from '@helpers/common';
-import SaveIcon from '@icons/Mono/SaveIcon.vue';
+import Button from '../../components/Button/Button.vue';
+import { convertThemeToTextColor } from '../../common/helpers/common';
+import SaveIcon from '../../icons/Mono/SaveIcon.vue';
import { calcContainerRect } from '@/postponed/Cropper/helpers';
import CropperSelectedArea from '@/postponed/Cropper/CropperSelectedArea.vue';
diff --git a/src/postponed/Cropper/CropperSelectedArea.vue b/src/postponed/Cropper/CropperSelectedArea.vue
index 881b0fcdf4fada847fe50e30145b28db8f2635c0..83fa176631285f3267fb15b6f02cc089c9688bf5 100644
--- a/src/postponed/Cropper/CropperSelectedArea.vue
+++ b/src/postponed/Cropper/CropperSelectedArea.vue
@@ -1,8 +1,8 @@
<script setup lang="ts">
-import CornerRightBottomIcon from '@icons/Mono/CornerRightBottomIcon.vue';
-import CornerRightTopIcon from '@icons/Mono/CornerRightTopIcon.vue';
-import CornerLeftTopIcon from '@icons/Mono/CornerLeftTopIcon.vue';
-import CornerLeftBottomIcon from '@icons/Mono/CornerLeftBottomIcon.vue';
+import CornerRightBottomIcon from '../../icons/Mono/CornerRightBottomIcon.vue';
+import CornerRightTopIcon from '../../icons/Mono/CornerRightTopIcon.vue';
+import CornerLeftTopIcon from '../../icons/Mono/CornerLeftTopIcon.vue';
+import CornerLeftBottomIcon from '../../icons/Mono/CornerLeftBottomIcon.vue';
import { computed } from 'vue';
interface IProps {