Commit 1c66693b authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

fix: remove aliases (for using as lib)

parent 44165b39

package.json

+1 −4
Original line number Diff line number Diff line 
{

  "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"

  }

}

src/common/constants/icons.ts

+118 −118
Original line number Diff line number Diff line 
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,

src/common/helpers/common.ts

+1 −1
Original line number Diff line number Diff line
@@ -9,7 +9,7 @@ import { 
  convert700ThemeToColor,

  convert800ThemeToColor,

  convert900ThemeToColor,

} from '@helpers/colors';

} from './colors';



/**

 * Convert color of type TThemeColor to hex

src/components/Button/Button.vue

+5 −1
Original line number Diff line number Diff line 
<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',

src/components/Carousel/Carousel.vue

+4 −4
Original line number Diff line number Diff line 
<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>(), {