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

feat: really finish with Drawer and add Divider

parent cef215c4

.storybook/manager-head.html

0 → 100644
+11 −0
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <link rel="icon" href="./storybook.ico">

  <title>Storybook</title>

</head>

<body>



</body>

</html>
 
 No newline at end of file

README.md

+6 −0
Original line number Diff line number Diff line
@@ -27,3 +27,9 @@ yarn dev 
```sh

yarn build

```



## Важные моменты при разработке



После создания иконки:

1. Добавить иконку в iconsSet (src/common/constants/icons);

2. Добавить иконку в соответствующий массив в App.vue.
 
 No newline at end of file

public/storybook.ico

0 → 100644
+213 KiB
Loading image diff...

src/common/constants/icons.ts

0 → 100644
+209 −0
Original line number Diff line number Diff line 
import type { Component } from 'vue';



import Age18Icon from '@stories/icons/Mono/Age18Icon.vue';

import AirplaneIcon from '@stories/icons/Mono/AirplaneIcon.vue';

import AlarmIcon from '@stories/icons/Mono/AlarmIcon.vue';

import AlignCenterIcon from '@stories/icons/Mono/AlignCenterIcon.vue';

import AlignLeftIcon from '@stories/icons/Mono/AlignLeftIcon.vue';

import AlignRightIcon from '@stories/icons/Mono/AlignRightIcon.vue';

import AnchorIcon from '@stories/icons/Mono/AnchorIcon.vue';

import AnchorLinkIcon from '@stories/icons/Mono/AnchorLinkIcon.vue';

import ArchiveIcon from '@stories/icons/Mono/ArchiveIcon.vue';

import ArrowForwardIcon from '@stories/icons/Mono/ArrowForwardIcon.vue';

import ArrowLeftIcon from '@stories/icons/Mono/ArrowLeftIcon.vue';

import ArrowRightIcon from '@stories/icons/Mono/ArrowRightIcon.vue';

import ArrowsVerticalIcon from '@stories/icons/Mono/ArrowsVerticalIcon.vue';

import AtIcon from '@stories/icons/Mono/AtIcon.vue';

import AwardIcon from '@stories/icons/Mono/AwardIcon.vue';

import BackspaceIcon from '@stories/icons/Mono/BackspaceIcon.vue';

import BadgeIcon from '@stories/icons/Mono/BadgeIcon.vue';

import BallFootballIcon from '@stories/icons/Mono/BallFootballIcon.vue';

import BallIcon from '@stories/icons/Mono/BallIcon.vue';

import BanknoteIcon from '@stories/icons/Mono/BanknoteIcon.vue';

import BellIcon from '@stories/icons/Mono/BellIcon.vue';

import BellOffIcon from '@stories/icons/Mono/BellOffIcon.vue';

import BoxIcon from '@stories/icons/Mono/BoxIcon.vue';

import BrightnessIcon from '@stories/icons/Mono/BrightnessIcon.vue';

import BulbIcon from '@stories/icons/Mono/BulbIcon.vue';

import CalculatorIcon from '@stories/icons/Mono/CalculatorIcon.vue';

import CalendarAddIcon from '@stories/icons/Mono/CalendarAddIcon.vue';

import CalendarIcon from '@stories/icons/Mono/CalendarIcon.vue';

import CalendarRemoveIcon from '@stories/icons/Mono/CalendarRemoveIcon.vue';

import CardsIcon from '@stories/icons/Mono/CardsIcon.vue';

import ChartLineIcon from '@stories/icons/Mono/ChartLineIcon.vue';

import ChartPieIcon from '@stories/icons/Mono/ChartPieIcon.vue';

import ChatIcon from '@stories/icons/Mono/ChatIcon.vue';

import CrossCircleIcon from '@stories/icons/Mono/CrossCircleIcon.vue';

import CropIcon from '@stories/icons/Mono/CropIcon.vue';

import ChatWritingIcon from '@stories/icons/Mono/ChatWritingIcon.vue'

import CheckmarkIcon from '@stories/icons/Mono/CheckmarkIcon.vue'

import ChemistryFlaskIcon from '@stories/icons/Mono/ChemistryFlaskIcon.vue'

import CodeIcon from '@stories/icons/Mono/CodeIcon.vue'

import CoinsIcon from '@stories/icons/Mono/CoinsIcon.vue'

import ColorPaletteIcon from '@stories/icons/Mono/ColorPaletteIcon.vue'

import CompassIcon from '@stories/icons/Mono/CompassIcon.vue'

import ConstructionWorkerIcon from '@stories/icons/Mono/ConstructionWorkerIcon.vue'

import ContactsIcon from '@stories/icons/Mono/ContactsIcon.vue'

import CrossIcon from '@stories/icons/Mono/CrossIcon.vue'

import CubeIcon from '@stories/icons/Mono/CubeIcon.vue'

import CupIcon from '@stories/icons/Mono/CupIcon.vue'

import CursorIcon from '@stories/icons/Mono/CursorIcon.vue'

import DiamondIcon from '@stories/icons/Mono/DiamondIcon.vue'

import DiaryIcon from '@stories/icons/Mono/DiaryIcon.vue'

import DiceIcon from '@stories/icons/Mono/DiceIcon.vue'

import DigIcon from '@stories/icons/Mono/DigIcon.vue'

import DislikeIcon from '@stories/icons/Mono/DislikeIcon.vue'

import DisplayIcon from '@stories/icons/Mono/DisplayIcon.vue'

import DocumentIcon from '@stories/icons/Mono/DocumentIcon.vue'

import DocumentAddIcon from '@stories/icons/Mono/DocumentAddIcon.vue'

import DocumentDeleteIcon from '@stories/icons/Mono/DocumentDeleteIcon.vue'

import DocumentEditIcon from '@stories/icons/Mono/DocumentEditIcon.vue'

import DollarIcon from '@stories/icons/Mono/DollarIcon.vue'

import DotsHorizontalIcon from '@stories/icons/Mono/DotsHorizontalIcon.vue'

import DotsVerticalIcon from '@stories/icons/Mono/DotsVerticalIcon.vue'

import DownloadIcon from '@stories/icons/Mono/DownloadIcon.vue'

import DropIcon from '@stories/icons/Mono/DropIcon.vue'

import DumbbelIcon from '@stories/icons/Mono/DumbbelIcon.vue'

import EarthIcon from '@stories/icons/Mono/EarthIcon.vue'

import EditIcon from '@stories/icons/Mono/EditIcon.vue'

import EncyclopediaIcon from '@stories/icons/Mono/EncyclopediaIcon.vue'

import ExitIcon from '@stories/icons/Mono/ExitIcon.vue'

import EyeIcon from '@stories/icons/Mono/EyeIcon.vue'

import FeedbackIcon from '@stories/icons/Mono/FeedbackIcon.vue'

import FilterIcon from '@stories/icons/Mono/FilterIcon.vue'

import FingerprintIcon from '@stories/icons/Mono/FingerprintIcon.vue'

import FireIcon from '@stories/icons/Mono/FireIcon.vue'

import FlagIcon from '@stories/icons/Mono/FlagIcon.vue'

import FlashIcon from '@stories/icons/Mono/FlashIcon.vue'

import FlashlightIcon from '@stories/icons/Mono/FlashlightIcon.vue'

import FolderLockIcon from '@stories/icons/Mono/FolderLockIcon.vue'

import FrameIcon from '@stories/icons/Mono/FrameIcon.vue'

import FullScreenIcon from '@stories/icons/Mono/FullScreenIcon.vue'

import GameControllerIcon from '@stories/icons/Mono/GameControllerIcon.vue'

import GiftIcon from '@stories/icons/Mono/GiftIcon.vue'

import GlassesIcon from '@stories/icons/Mono/GlassesIcon.vue'

import HamburgerIcon from '@stories/icons/Mono/HamburgerIcon.vue'

import HandIcon from '@stories/icons/Mono/HandIcon.vue'

import HomeIcon from '@stories/icons/Mono/HomeIcon.vue'

import ImageIcon from '@stories/icons/Mono/ImageIcon.vue'

import ImageEditIcon from '@stories/icons/Mono/ImageEditIcon.vue'

import LineIcon from '@stories/icons/Mono/LineIcon.vue'

import LineDashedIcon from '@stories/icons/Mono/LineDashedIcon.vue'

import LineDottedIcon from '@stories/icons/Mono/LineDottedIcon.vue'

import LineDiagonalIcon from '@stories/icons/Mono/LineDiagonalIcon.vue'

import MoveIcon from '@stories/icons/Mono/MoveIcon.vue'

import ParagraphIcon from '@stories/icons/Mono/ParagraphIcon.vue'

import PhoneHandsetIcon from '@stories/icons/Mono/PhoneHandsetIcon.vue'

import PlusCircleIcon from '@stories/icons/Mono/PlusCircleIcon.vue'

import PlusIcon from '@stories/icons/Mono/PlusIcon.vue'

import PointerIcon from '@stories/icons/Mono/PointerIcon.vue'

import SaveIcon from '@stories/icons/Mono/SaveIcon.vue'

import SettingsIcon from '@stories/icons/Mono/SettingsIcon.vue'

import TableIcon from '@stories/icons/Mono/TableIcon.vue'

import TrashIcon from '@stories/icons/Mono/TrashIcon.vue'

import UserIcon from '@stories/icons/Mono/UserIcon.vue'



export const iconsSet: Record<string, Component> = {

  Age18Icon: Age18Icon,

  AirplaneIcon: AirplaneIcon,

  AlarmIcon: AlarmIcon,

  AlignCenterIcon: AlignCenterIcon,

  AlignLeftIcon: AlignLeftIcon,

  AlignRightIcon: AlignRightIcon,

  AnchorIcon: AnchorIcon,

  AnchorLinkIcon: AnchorLinkIcon,

  ArchiveIcon: ArchiveIcon,

  ArrowForwardIcon: ArrowForwardIcon,

  ArrowLeftIcon: ArrowLeftIcon,

  ArrowRightIcon: ArrowRightIcon,

  ArrowsVerticalIcon: ArrowsVerticalIcon,

  AtIcon: AtIcon,

  AwardIcon: AwardIcon,

  BackspaceIcon: BackspaceIcon,

  BadgeIcon: BadgeIcon,

  BallFootballIcon: BallFootballIcon,

  BallIcon: BallIcon,

  BanknoteIcon: BanknoteIcon,

  BellIcon: BellIcon,

  BellOffIcon: BellOffIcon,

  BoxIcon: BoxIcon,

  BrightnessIcon: BrightnessIcon,

  BulbIcon: BulbIcon,

  CalculatorIcon: CalculatorIcon,

  CalendarAddIcon: CalendarAddIcon,

  CalendarIcon: CalendarIcon,

  CalendarRemoveIcon: CalendarRemoveIcon,

  CardsIcon: CardsIcon,

  ChartLineIcon: ChartLineIcon,

  ChartPieIcon: ChartPieIcon,

  ChatIcon: ChatIcon,

  ChatWritingIcon: ChatWritingIcon,

  CheckmarkIcon: CheckmarkIcon,

  ChemistryFlaskIcon: ChemistryFlaskIcon,

  CodeIcon: CodeIcon,

  CoinsIcon: CoinsIcon,

  ColorPaletteIcon: ColorPaletteIcon,

  CompassIcon: CompassIcon,

  ConstructionWorkerIcon: ConstructionWorkerIcon,

  ContactsIcon: ContactsIcon,

  CropIcon: CropIcon,

  CrossIcon: CrossIcon,

  CrossCircleIcon: CrossCircleIcon,

  CubeIcon: CubeIcon,

  CupIcon: CupIcon,

  CursorIcon: CursorIcon,

  DiamondIcon: DiamondIcon,

  DiaryIcon: DiaryIcon,

  DiceIcon: DiceIcon,

  DigIcon: DigIcon,

  DislikeIcon: DislikeIcon,

  DisplayIcon: DisplayIcon,

  DocumentIcon: DocumentIcon,

  DocumentAddIcon: DocumentAddIcon,

  DocumentDeleteIcon: DocumentDeleteIcon,

  DocumentEditIcon: DocumentEditIcon,

  DollarIcon: DollarIcon,

  DotsHorizontalIcon: DotsHorizontalIcon,

  DotsVerticalIcon: DotsVerticalIcon,

  DownloadIcon: DownloadIcon,

  DropIcon: DropIcon,

  DumbbelIcon: DumbbelIcon,

  EarthIcon: EarthIcon,

  EditIcon: EditIcon,

  EncyclopediaIcon: EncyclopediaIcon,

  ExitIcon: ExitIcon,

  EyeIcon: EyeIcon,

  FeedbackIcon: FeedbackIcon,

  FilterIcon: FilterIcon,

  FingerprintIcon: FingerprintIcon,

  FireIcon: FireIcon,

  FlagIcon: FlagIcon,

  FlashIcon: FlashIcon,

  FlashlightIcon: FlashlightIcon,

  FolderLockIcon: FolderLockIcon,

  FrameIcon: FrameIcon,

  FullScreenIcon: FullScreenIcon,

  GameControllerIcon: GameControllerIcon,

  GiftIcon: GiftIcon,

  GlassesIcon: GlassesIcon,

  HamburgerIcon: HamburgerIcon,

  HandIcon: HandIcon,

  HomeIcon: HomeIcon,

  ImageIcon: ImageIcon,

  ImageEditIcon: ImageEditIcon,

  LineIcon: LineIcon,

  LineDashedIcon: LineDashedIcon,

  LineDottedIcon: LineDottedIcon,

  LineDiagonalIcon: LineDiagonalIcon,

  MoveIcon: MoveIcon,

  ParagraphIcon: ParagraphIcon,

  PhoneHandsetIcon: PhoneHandsetIcon,

  PlusCircleIcon: PlusCircleIcon,

  PlusIcon: PlusIcon,

  PointerIcon: PointerIcon,

  SaveIcon: SaveIcon,

  SettingsIcon: SettingsIcon,

  TableIcon: TableIcon,

  TrashIcon: TrashIcon,

  UserIcon: UserIcon,

};

src/common/helpers/icons.ts

deleted100644 → 0
+0 −8
Original line number Diff line number Diff line 
import CrossCircleIcon from '@stories/icons/Mono/CrossCircleIcon.vue';

import CropIcon from '@stories/icons/Mono/CropIcon.vue';

import type { Component } from 'vue';



export const iconsSet: Record<string, Component> = {

  CrossCircleIcon: CrossCircleIcon,

  CropIcon: CropIcon,

};