@factoringplus/pl-components-pack-v3 2.0.0-pre-optimized-19-icons → 2.0.0-pre-optimized-21-icons

package/playwright.config.ts

@@ -0,0 +1,130 @@
+import path from 'path';
+import { defineConfig, devices } from '@playwright/experimental-ct-vue';
+import eslintPlugin from 'vite-plugin-eslint';
+import dts from 'vite-plugin-dts';
+import svgLoader from 'vite-svg-loader';
+import stylelint from 'vite-plugin-stylelint';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+import vue from '@vitejs/plugin-vue';
+import Components from 'unplugin-vue-components/vite';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+function vitePluginIgnore(options: { modules?: string[] }) {
+  const { modules = [] } = options; // Получаем список модулей для игнорирования
+
+  // Основной объект плагина
+  return {
+    name: 'vite-plugin-ignore', // Имя плагина, которое будет видно в выводе логов Vite
+
+    // Хук для загрузки содержимого модуля
+    load(id) {
+      if (modules.find((m) => id.indexOf(m) !== -1)) {
+        // Если это игнорируемый модуль, возвращаем пустой объект
+        return 'export default {};'; // Пустой модуль
+      }
+      return null; // Для всех остальных модулей Vite использует стандартную логику
+    },
+  };
+}
+
+export default defineConfig({
+  testDir: './component-tests',
+  tsconfig: './tsconfig.json',
+  snapshotPathTemplate: 'screenshot/{testFileName}-snapshots/{arg}-{projectName}-{platform}{ext}',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: [
+    ['allure-playwright'],
+    [
+      'monocart-reporter',
+      {
+        name: 'Playwright CT Vue Report',
+        outputFile: 'test-results/index.html',
+        coverage: {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
+          entryFilter: (entry) => true,
+          sourceFilter: (sourcePath) => {
+            return /src\/.*\.vue$/.test(sourcePath) && !/deprecated/.test(sourcePath);
+          },
+          lcov: true,
+        },
+      },
+    ],
+  ],
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    ctPort: 4173,
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+    ctViteConfig: {
+      build: {
+        lib: {
+          entry: path.resolve(__dirname, 'src/components/entry.ts'),
+          name: 'PlComponentsPackV3',
+          fileName: (format) => `pl-components-pack-v3.${format}.js`,
+          formats: ['es'],
+        },
+        rollupOptions: {
+          external: ['crypto-pro'],
+          output: {
+            // Provide global variables to use in the UMD build
+            // Add external deps here
+            exports: 'named',
+            globals: {
+              vue: 'Vue',
+              'crypto-pro': 'CryptoPro',
+            },
+          },
+        },
+      },
+      ssr: {
+        external: ['crypto-pro'],
+      },
+      plugins: [
+        stylelint({
+          // recommend to enable auto fix
+          fix: true,
+          // This will significantly slow down Vite first starting if you have no caches and don't enable
+          lintOnStart: true,
+        }),
+        vue(),
+        // eslint(),
+        eslintPlugin({
+          exclude: [/virtual:/, /node_modules/],
+        }),
+        Components({
+          resolvers: [],
+          dts: path.resolve(path.resolve(__dirname, 'src'), 'components.d.ts'),
+        }),
+        svgLoader({
+          svgo: false,
+        }),
+        dts({
+          insertTypesEntry: true,
+        }),
+        vitePluginIgnore({ modules: ['crypto-pro', 'pl-signing'] }),
+      ],
+      resolve: {
+        alias: {
+          '@/': `${path.resolve(__dirname, 'src')}/`,
+        },
+      },
+    },
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'], locale: 'ru-RU' },
+    },
+  ],
+});

package/src/assets/calendar.json

@@ -0,0 +1,134 @@
+[
+  {
+    "year": 2022,
+    "months": [
+      {
+        "month": 1,
+        "days": "1,2,3,4,5,6,7,8,9,15,16,22,23,29,30"
+      },
+      {
+        "month": 2,
+        "days": "5,6,12,13,19,20,22*,23,26,27"
+      },
+      {
+        "month": 3,
+        "days": "5*,6,7+,8,12,13,19,20,26,27"
+      },
+      {
+        "month": 4,
+        "days": "2,3,9,10,16,17,23,24,30"
+      },
+      {
+        "month": 5,
+        "days": "1,2+,3+,7,8,9,10+,14,15,21,22,28,29"
+      },
+      {
+        "month": 6,
+        "days": "4,5,11,12,13+,18,19,25,26"
+      },
+      {
+        "month": 7,
+        "days": "2,3,9,10,16,17,23,24,30,31"
+      },
+      {
+        "month": 8,
+        "days": "6,7,13,14,20,21,27,28"
+      },
+      {
+        "month": 9,
+        "days": "3,4,10,11,17,18,24,25"
+      },
+      {
+        "month": 10,
+        "days": "1,2,8,9,15,16,22,23,29,30"
+      },
+      {
+        "month": 11,
+        "days": "3*,4,5,6,12,13,19,20,26,27"
+      },
+      {
+        "month": 12,
+        "days": "3,4,10,11,17,18,24,25,31"
+      }
+    ],
+    "transitions": [
+      { "from": "03.05", "to": "03.07" },
+      { "from": "05.01", "to": "05.02" },
+      { "from": "01.01", "to": "05.03" },
+      { "from": "01.02", "to": "05.10" },
+      { "from": "06.12", "to": "06.13" }
+    ],
+    "statistic": {
+      "workdays": 247,
+      "holidays": 118,
+      "hours40": 1973,
+      "hours36": 1775.4,
+      "hours24": 1182.6
+    }
+  },
+  {
+    "year": 2023,
+    "months": [
+      {
+        "month": 1,
+        "days": "1,2,3,4,5,6,7,8,14,15,21,22,28,29"
+      },
+      {
+        "month": 2,
+        "days": "4,5,11,12,18,19,22*,23,24+,25,26"
+      },
+      {
+        "month": 3,
+        "days": "4,5,7*,8,11,12,18,19,25,26"
+      },
+      {
+        "month": 4,
+        "days": "1,2,8,9,15,16,22,23,29,30"
+      },
+      {
+        "month": 5,
+        "days": "1,6,7,8+,9,13,14,20,21,27,28"
+      },
+      {
+        "month": 6,
+        "days": "3,4,10,11,12,17,18,24,25"
+      },
+      {
+        "month": 7,
+        "days": "1,2,8,9,15,16,22,23,29,30"
+      },
+      {
+        "month": 8,
+        "days": "5,6,12,13,19,20,26,27"
+      },
+      {
+        "month": 9,
+        "days": "2,3,9,10,16,17,23,24,30"
+      },
+      {
+        "month": 10,
+        "days": "1,7,8,14,15,21,22,28,29"
+      },
+      {
+        "month": 11,
+        "days": "3*,4,5,6+,11,12,18,19,25,26"
+      },
+      {
+        "month": 12,
+        "days": "2,3,9,10,16,17,23,24,30,31"
+      }
+    ],
+    "transitions": [
+      { "from": "01.01", "to": "02.24" },
+      { "from": "01.08", "to": "05.08" },
+      { "from": "11.04", "to": "11.06" }
+    ],
+    "statistic": {
+      "workdays": 247,
+      "holidays": 118,
+      "hours40": 1973,
+      "hours36": 1775.4,
+      "hours24": 1182.6
+    }
+  }
+]

package/src/assets/icon/Bin.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.18622 3.74609C9.08664 3.74609 8.99114 3.78565 8.92073 3.85607C8.85031 3.92648 8.81076 4.02198 8.81076 4.12156V5.6225H15.189V4.12156C15.189 3.9142 15.0209 3.74609 14.8136 3.74609H9.18622ZM16.689 5.6225V4.12156C16.689 3.08577 15.8494 2.24609 14.8136 2.24609H9.18622C8.68882 2.24609 8.21179 2.44369 7.86007 2.79541C7.50835 3.14712 7.31076 3.62416 7.31076 4.12156V5.6225H3.99658C3.58237 5.6225 3.24658 5.95829 3.24658 6.3725C3.24658 6.78671 3.58237 7.1225 3.99658 7.1225H4.55258L5.46491 18.9828C5.58518 20.5463 6.88891 21.7536 8.45701 21.7536H15.5428C17.1109 21.7536 18.4146 20.5463 18.5349 18.9828L19.4473 7.1225H20.0032C20.4175 7.1225 20.7532 6.78671 20.7532 6.3725C20.7532 5.95829 20.4175 5.6225 20.0032 5.6225H16.689ZM6.05701 7.1225L6.9605 18.8678C7.02065 19.6498 7.67272 20.2536 8.45701 20.2536H15.5428C16.3271 20.2536 16.9792 19.6498 17.0393 18.8678L17.9428 7.1225H6.05701ZM9.24908 17.0019C9.24908 16.5877 9.58487 16.2519 9.99908 16.2519H14.0007C14.415 16.2519 14.7507 16.5877 14.7507 17.0019C14.7507 17.4161 14.415 17.7519 14.0007 17.7519H9.99908C9.58487 17.7519 9.24908 17.4161 9.24908 17.0019Z" fill="#505051"/>
+</svg>

package/src/assets/icon/ChevronLeft.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5303 7.46967C14.8232 7.76256 14.8232 8.23744 14.5303 8.53033L11.0607 12L14.5303 15.4697C14.8232 15.7626 14.8232 16.2374 14.5303 16.5303C14.2374 16.8232 13.7626 16.8232 13.4697 16.5303L9.46967 12.5303C9.17678 12.2374 9.17678 11.7626 9.46967 11.4697L13.4697 7.46967C13.7626 7.17678 14.2374 7.17678 14.5303 7.46967Z" fill="#656567"/>
+</svg>

package/src/assets/icon/ChevronSelected.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5458 5.96167C20.8388 6.25446 20.8389 6.72933 20.5461 7.02233L9.53833 18.038C9.24563 18.3309 8.77093 18.3311 8.4779 18.0386L3.45446 13.0229C3.16134 12.7303 3.16097 12.2554 3.45363 11.9623C3.7463 11.6691 4.22117 11.6688 4.51429 11.9614L9.00721 16.4474L19.4851 5.96205C19.7779 5.66905 20.2528 5.66888 20.5458 5.96167Z" fill="#4164EB"/>
+</svg>

package/src/assets/icon/Edit.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5017 5.82332C16.4046 5.72621 16.2464 5.72621 16.1493 5.82332L14.8117 7.16099L16.8399 9.1892L18.1777 7.85166C18.1777 7.85164 18.1777 7.85162 18.1777 7.85161C18.2748 7.7545 18.2748 7.59641 18.1777 7.49932L16.5017 5.82332ZM17.3841 10.7662L19.2383 8.91237L19.2383 8.91232C19.9212 8.22943 19.9212 7.12155 19.2383 6.43866L17.5623 4.76266C16.8794 4.07976 15.7716 4.07976 15.0887 4.76266L13.2535 6.59782C13.242 6.60802 13.2307 6.61863 13.2197 6.62966C13.2086 6.64069 13.198 6.65197 13.1878 6.6635L4.76409 15.0872C4.76383 15.0875 4.76357 15.0878 4.7633 15.088C4.4335 15.4165 4.25 15.8619 4.25 16.325V19C4.25 19.4142 4.58579 19.75 5 19.75H7.675C8.13818 19.75 8.58359 19.5665 8.91206 19.2366C8.91229 19.2364 8.91252 19.2361 8.91274 19.2359L17.3561 10.7942C17.3609 10.7896 17.3656 10.785 17.3703 10.7803C17.375 10.7757 17.3796 10.771 17.3841 10.7662ZM15.7791 10.2498L13.751 8.22165L5.82333 16.1493L5.82191 16.1507C5.77621 16.1962 5.75 16.2585 5.75 16.325V18.25H7.675C7.7415 18.25 7.8038 18.2238 7.84926 18.1781L7.85072 18.1766L15.7791 10.2498Z" fill="#505051"/>
+</svg>

package/src/assets/icon/Eye-crossed.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46421 2.46589C4.75711 2.17299 5.23198 2.17299 5.52487 2.46589L8.73657 5.67759C8.74486 5.6855 8.75298 5.69362 8.76093 5.70194L11.96 8.90099C11.9679 8.90853 11.9756 8.91627 11.9832 8.9242L16.0751 13.0161C16.083 13.0237 16.0908 13.0315 16.0983 13.0393L19.5159 16.4569C19.5215 16.4623 19.5269 16.4678 19.5323 16.4733L22.532 19.473C22.8248 19.7659 22.8248 20.2407 22.532 20.5336C22.2391 20.8265 21.7642 20.8265 21.4713 20.5336L18.9121 17.9744C17.166 19.1361 15.1103 19.7578 13.0034 19.7529C9.13486 19.8188 5.56125 17.6916 3.775 14.259L3.76771 14.2446C3.06962 12.8296 3.06962 11.1703 3.76771 9.75534L3.77005 9.75059L3.77007 9.7506C4.518 8.26117 5.63601 6.99596 7.0097 6.07203L4.46421 3.52655C4.17132 3.23365 4.17132 2.75878 4.46421 2.46589ZM8.09433 7.15666C6.82145 7.94751 5.78786 9.07606 5.11177 10.4213C4.62237 11.4151 4.6216 12.5796 5.10945 13.5739C6.63549 16.4997 9.68466 18.3117 12.9845 18.253L13.0002 18.2529C14.7105 18.2581 16.3817 17.7825 17.8266 16.8889L15.6222 14.6845C14.7667 15.5369 13.5337 15.9403 12.3073 15.7191C10.7652 15.441 9.55832 14.2341 9.2802 12.692C9.05901 11.4656 9.46237 10.2326 10.3148 9.3771L8.09433 7.15666ZM11.3755 10.4378C10.8651 10.9513 10.6238 11.6905 10.7564 12.4258C10.9233 13.3515 11.6478 14.076 12.5735 14.2429C13.3088 14.3755 14.048 14.1342 14.5615 13.6238L11.3755 10.4378ZM12.9908 4.24706C16.86 4.18051 20.4343 6.30783 22.2208 9.74095L22.2281 9.75533C22.9262 11.1703 22.9262 12.8296 22.2281 14.2446C22.1904 14.3213 22.1493 14.3865 22.1269 14.4221L22.1259 14.4237C22.0973 14.469 22.0921 14.4777 22.0883 14.4849C21.8947 14.8511 21.441 14.9911 21.0748 14.7976C20.7085 14.6041 20.5685 14.1503 20.762 13.7841C20.7949 13.722 20.8314 13.6642 20.8508 13.6336C20.8529 13.6303 20.8548 13.6273 20.8564 13.6246C20.8779 13.5905 20.8819 13.5828 20.8819 13.5829L20.8829 13.5809C21.3734 12.5866 21.3745 11.4211 20.8863 10.426C19.3603 7.50014 16.3111 5.68817 13.0112 5.74693L12.9979 5.74717V5.74705C12.8792 5.74705 12.7877 5.75555 12.6689 5.76658C12.5904 5.77388 12.4999 5.78228 12.3817 5.79007C11.9684 5.81729 11.6112 5.50431 11.584 5.09099C11.5568 4.67767 11.8698 4.32054 12.2831 4.29331C12.3241 4.29061 12.3782 4.28581 12.4403 4.28031C12.599 4.26625 12.8101 4.24754 12.9908 4.24706Z" fill="#656567"/>
+</svg>

package/src/assets/icon/Eye.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.11067 10.4257C3.87102 10.9159 3.746 11.4543 3.74512 12C3.746 12.5458 3.87102 13.0842 4.11067 13.5744C5.63677 16.5 8.68581 18.3118 11.9855 18.2531C11.9944 18.2529 12.0033 18.2529 12.0122 18.2531C15.3121 18.3118 18.3613 16.4998 19.8873 13.574C20.3744 12.5812 20.3744 11.4188 19.8873 10.4261C18.3613 7.50022 15.3121 5.68823 12.0122 5.74699C12.0033 5.74715 11.9944 5.74715 11.9855 5.74699C8.68581 5.68824 5.63677 7.50004 4.11067 10.4257ZM11.9989 4.247C8.13241 4.18319 4.56136 6.31 2.77599 9.74103L2.76826 9.7563C2.42511 10.4542 2.24616 11.2213 2.24512 11.999V12.001C2.24616 12.7787 2.42511 13.5459 2.76826 14.2438L2.77599 14.259C4.56136 17.6901 8.13241 19.8169 11.9989 19.7531C15.8653 19.8169 19.4364 17.6901 21.2217 14.259L21.229 14.2447C21.9271 12.8297 21.9271 11.1704 21.229 9.75539L21.2217 9.74103C19.4364 6.31 15.8653 4.18319 11.9989 4.247ZM11.9989 9.74878C10.7555 9.74878 9.74762 10.7567 9.74762 12C9.74762 13.2434 10.7555 14.2513 11.9989 14.2513C13.2422 14.2513 14.2501 13.2434 14.2501 12C14.2501 11.5858 14.5859 11.25 15.0001 11.25C15.4143 11.25 15.7501 11.5858 15.7501 12C15.7501 14.0718 14.0706 15.7513 11.9989 15.7513C9.92711 15.7513 8.24762 14.0718 8.24762 12C8.24762 9.92827 9.92711 8.24878 11.9989 8.24878C12.4131 8.24878 12.7489 8.58457 12.7489 8.99878C12.7489 9.41299 12.4131 9.74878 11.9989 9.74878Z" fill="#656567"/>
+</svg>

package/src/assets/icon/Plus.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C12.4142 4 12.75 4.33579 12.75 4.75V11.25L19.2422 11.25C19.6564 11.25 19.9922 11.5858 19.9922 12C19.9922 12.4142 19.6564 12.75 19.2422 12.75L12.75 12.75V19.2422C12.75 19.6564 12.4142 19.9922 12 19.9922C11.5858 19.9922 11.25 19.6564 11.25 19.2422V12.75L4.74218 12.7499C4.32797 12.7499 3.99219 12.4141 3.99219 11.9999C3.99219 11.5857 4.32798 11.2499 4.74219 11.2499L11.25 11.25V4.75C11.25 4.33579 11.5858 4 12 4Z" fill="#19191A"/>
+</svg>

package/src/assets/icon/ScrollLeft.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1879 12.9124C19.4204 13.1486 19.4174 13.5285 19.1813 13.761L16.916 15.9913L19.183 18.2408C19.4182 18.4742 19.4197 18.8541 19.1863 19.0893C18.9529 19.3246 18.573 19.326 18.3377 19.0926L15.6398 16.4156C15.526 16.3026 15.4621 16.1488 15.4624 15.9885C15.4627 15.8281 15.5272 15.6746 15.6415 15.5621L18.3394 12.9058C18.5755 12.6734 18.9554 12.6763 19.1879 12.9124ZM16.365 12.9124C16.5975 13.1486 16.5945 13.5285 16.3584 13.761L14.093 15.9913L16.3601 18.2408C16.5953 18.4742 16.5967 18.8541 16.3633 19.0893C16.1299 19.3246 15.75 19.326 15.5148 19.0926L12.8169 16.4156C12.7031 16.3026 12.6392 16.1488 12.6395 15.9885C12.6398 15.8281 12.7043 15.6746 12.8186 15.5621L15.5165 12.9058C15.7526 12.6734 16.1325 12.6763 16.365 12.9124Z" fill="#3455D1"/>
+</svg>

package/src/assets/icon/calendar.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 2C8.75 1.58579 8.41421 1.25 8 1.25C7.58579 1.25 7.25 1.58579 7.25 2V3.25H5C3.48079 3.25 2.25 4.48079 2.25 6V9V19C2.25 20.5192 3.48079 21.75 5 21.75H19C20.5192 21.75 21.75 20.5192 21.75 19V9V6C21.75 4.48079 20.5192 3.25 19 3.25H16.75V2C16.75 1.58579 16.4142 1.25 16 1.25C15.5858 1.25 15.25 1.58579 15.25 2V3.25H8.75V2ZM5 4.75H7.25V6C7.25 6.41421 7.58579 6.75 8 6.75C8.41421 6.75 8.75 6.41421 8.75 6V4.75H15.25V6C15.25 6.41421 15.5858 6.75 16 6.75C16.4142 6.75 16.75 6.41421 16.75 6V4.75H19C19.6908 4.75 20.25 5.30921 20.25 6V8.25H3.75V6C3.75 5.30921 4.30921 4.75 5 4.75ZM3.75 9.75H20.25V19C20.25 19.6908 19.6908 20.25 19 20.25H5C4.30921 20.25 3.75 19.6908 3.75 19V9.75ZM8.00781 12.9766C8.00781 13.5288 7.5601 13.9766 7.00781 13.9766C6.45553 13.9766 6.00781 13.5288 6.00781 12.9766C6.00781 12.4243 6.45553 11.9766 7.00781 11.9766C7.5601 11.9766 8.00781 12.4243 8.00781 12.9766ZM8.00781 16.9805C8.00781 17.5328 7.5601 17.9805 7.00781 17.9805C6.45553 17.9805 6.00781 17.5328 6.00781 16.9805C6.00781 16.4282 6.45553 15.9805 7.00781 15.9805C7.5601 15.9805 8.00781 16.4282 8.00781 16.9805ZM12 13.9766C12.5523 13.9766 13 13.5288 13 12.9766C13 12.4243 12.5523 11.9766 12 11.9766C11.4477 11.9766 11 12.4243 11 12.9766C11 13.5288 11.4477 13.9766 12 13.9766ZM13 16.9805C13 17.5328 12.5523 17.9805 12 17.9805C11.4477 17.9805 11 17.5328 11 16.9805C11 16.4282 11.4477 15.9805 12 15.9805C12.5523 15.9805 13 16.4282 13 16.9805ZM16.9922 13.9766C17.5445 13.9766 17.9922 13.5288 17.9922 12.9766C17.9922 12.4243 17.5445 11.9766 16.9922 11.9766C16.4399 11.9766 15.9922 12.4243 15.9922 12.9766C15.9922 13.5288 16.4399 13.9766 16.9922 13.9766Z" fill="#656567"/>
+</svg>

package/src/assets/icon/checkmark.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.06066 11.9393C7.47487 11.3536 6.52513 11.3536 5.93934 11.9393C5.35355 12.5251 5.35355 13.4749 5.93934 14.0607L8.93934 17.0607C9.52513 17.6464 10.4749 17.6464 11.0607 17.0607L18.0607 10.0607C18.6464 9.47487 18.6464 8.52513 18.0607 7.93934C17.4749 7.35355 16.5251 7.35355 15.9393 7.93934L10 13.8787L8.06066 11.9393Z" fill="white"/>
+</svg>

package/src/assets/icon/clear.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99902 8L15.999 16" stroke="#505051" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.999 8L7.99902 16" stroke="#505051" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icon/close.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.3483 6.34052C6.64119 6.04763 7.11606 6.04763 7.40896 6.34052L12.0051 10.9367L16.5958 6.34604C16.8887 6.05315 17.3636 6.05315 17.6565 6.34605C17.9494 6.63894 17.9494 7.11382 17.6565 7.40671L13.0658 11.9973L17.6565 16.588C17.9494 16.8809 17.9494 17.3558 17.6565 17.6487C17.3636 17.9416 16.8887 17.9416 16.5958 17.6487L12.0051 13.058L7.40337 17.6597C7.11048 17.9526 6.63561 17.9526 6.34271 17.6597C6.04982 17.3668 6.04982 16.8919 6.34272 16.599L10.9445 11.9973L6.34829 7.40118C6.0554 7.10829 6.0554 6.63341 6.3483 6.34052Z" fill="#6F767E"/>
+</svg>

package/src/assets/icon/cube20.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.04197 1.32343C9.7897 0.892189 10.7103 0.892189 11.458 1.32343L17.2914 4.69093C17.2913 4.69088 17.2915 4.69098 17.2914 4.69093C18.0395 5.12253 18.5 5.92043 18.5 6.78396V13.519C18.5 14.3828 18.0396 15.1801 17.2922 15.6124L11.4583 18.9802C10.7106 19.4114 9.7897 19.4116 9.04197 18.9803L3.20863 15.6128C2.46034 15.1812 2 14.3834 2 13.5198V6.78396C2 5.92016 2.46042 5.12283 3.20785 4.69055L9.04197 1.32343ZM9.79137 2.62282C9.7913 2.62285 9.79143 2.62278 9.79137 2.62282L3.95882 5.98903C3.95878 5.98905 3.95887 5.989 3.95882 5.98903C3.67466 6.15344 3.5 6.45614 3.5 6.78396V13.5198C3.5 13.8478 3.67466 14.15 3.95803 14.3134L9.79137 17.6809C10.0753 17.8447 10.4247 17.8447 10.7086 17.6809L16.5412 14.3139C16.8254 14.1495 17 13.8468 17 13.519V6.78396C17 6.45592 16.8253 6.15375 16.542 5.99032L10.7086 2.62282C10.4248 2.4591 10.0753 2.45918 9.79137 2.62282Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.25 9.40143C10.6642 9.40143 11 9.73721 11 10.1514V18.5514C11 18.9656 10.6642 19.3014 10.25 19.3014C9.83579 19.3014 9.5 18.9656 9.5 18.5514V10.1514C9.5 9.73721 9.83579 9.40143 10.25 9.40143Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1745 5.5765C18.3816 5.93522 18.2587 6.39391 17.9 6.60101L10.625 10.801C10.2663 11.0081 9.80757 10.8852 9.60048 10.5265C9.39338 10.1677 9.51629 9.70905 9.87502 9.50195L17.15 5.30195C17.5087 5.09485 17.9674 5.21777 18.1745 5.5765Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.32545 5.5765C2.53255 5.21777 2.99124 5.09485 3.34996 5.30195L10.625 9.50195C10.9837 9.70905 11.1066 10.1677 10.8995 10.5265C10.6924 10.8852 10.2337 11.0081 9.87499 10.801L2.59999 6.60101C2.24127 6.39391 2.11835 5.93522 2.32545 5.5765Z" />
+</svg>

package/src/assets/icon/cube24.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6003 1.49297C11.4667 0.99331 12.5333 0.99331 13.3997 1.49297L20.3997 5.53397C20.3996 5.53392 20.3998 5.53403 20.3997 5.53397C21.2665 6.03401 21.8 6.95843 21.8 7.95898V16.041C21.8 17.0418 21.2666 17.9656 20.4005 18.4665L13.4 22.5078C12.5336 23.0075 11.4667 23.0076 10.6003 22.508L3.60033 18.467C3.60024 18.4669 3.60043 18.467 3.60033 18.467C2.73355 17.9669 2.20001 17.0425 2.20001 16.042V7.95898C2.20001 6.95815 2.73346 6.03432 3.59949 5.53346L10.6003 1.49297ZM11.3997 2.87898L4.40053 6.9185C4.40044 6.91855 4.40062 6.91844 4.40053 6.9185C4.02871 7.13366 3.80001 7.52991 3.80001 7.95898V16.042C3.80001 16.4713 4.02865 16.867 4.39969 17.081L11.3997 21.122C11.3996 21.1219 11.3998 21.122 11.3997 21.122C11.7712 21.3361 12.2286 21.3363 12.6 21.1221C12.6 21.1222 12.6001 21.1221 12.6 21.1221L19.5995 17.0815C19.5994 17.0815 19.5995 17.0814 19.5995 17.0815C19.9714 16.8663 20.2 16.4701 20.2 16.041V7.95898C20.2 7.52963 19.9714 7.13398 19.6003 6.91998L12.6003 2.87898C12.2287 2.66464 11.7713 2.66464 11.3997 2.87898Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2C12.4418 11.2 12.8 11.5581 12.8 12V22.08C12.8 22.5218 12.4418 22.88 12 22.88C11.5582 22.88 11.2 22.5218 11.2 22.08V12C11.2 11.5581 11.5582 11.2 12 11.2Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4229 6.56C21.6438 6.94264 21.5126 7.43191 21.13 7.65281L12.4 12.6928C12.0174 12.9137 11.5281 12.7826 11.3072 12.4C11.0863 12.0173 11.2174 11.5281 11.6 11.3072L20.33 6.26716C20.7127 6.04625 21.2019 6.17736 21.4229 6.56Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.57715 6.56C2.79806 6.17736 3.28733 6.04625 3.66997 6.26716L12.4 11.3072C12.7826 11.5281 12.9137 12.0173 12.6928 12.4C12.4719 12.7826 11.9826 12.9137 11.6 12.6928L2.87 7.65281C2.48736 7.43191 2.35625 6.94264 2.57715 6.56Z" />
+</svg>

package/src/assets/icon/eye20.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.53805 8.74435C3.34715 9.13541 3.24756 9.56475 3.24683 9.99998C3.24756 10.4352 3.34715 10.8646 3.53805 11.2556C4.78814 13.6508 7.28477 15.134 9.9866 15.0859C9.9955 15.0857 10.0044 15.0857 10.0133 15.0859C12.7153 15.134 15.2121 13.6506 16.4621 11.2551C16.8501 10.4634 16.8501 9.53661 16.4621 8.74482C15.2121 6.3494 12.7153 4.86599 10.0133 4.9141C10.0044 4.91426 9.9955 4.91426 9.9866 4.9141C7.28477 4.86599 4.78814 6.3492 3.53805 8.74435ZM9.99995 3.41411C6.73134 3.36094 3.71269 5.15919 2.20333 8.05978L2.19561 8.07505C1.90123 8.67374 1.74772 9.33183 1.74683 9.99898V10.001C1.74772 10.6681 1.90123 11.3262 2.19561 11.9249L2.20333 11.9402C3.71269 14.8408 6.73134 16.639 9.99995 16.5859C13.2686 16.639 16.2872 14.8408 17.7966 11.9402L17.8038 11.9258C18.4028 10.7118 18.4028 9.28818 17.8038 8.07415L17.7966 8.05978C16.2872 5.15919 13.2686 3.36094 9.99995 3.41411ZM9.99995 8.24894C9.03288 8.24894 8.24891 9.03291 8.24891 9.99998C8.24891 10.9671 9.03288 11.751 9.99995 11.751C10.967 11.751 11.751 10.9671 11.751 9.99998C11.751 9.58577 12.0868 9.24998 12.501 9.24998C12.9152 9.24998 13.251 9.58577 13.251 9.99998C13.251 11.7955 11.7955 13.251 9.99995 13.251C8.20445 13.251 6.74891 11.7955 6.74891 9.99998C6.74891 8.20448 8.20445 6.74894 9.99995 6.74894C10.4142 6.74894 10.7499 7.08473 10.7499 7.49894C10.7499 7.91316 10.4142 8.24894 9.99995 8.24894Z" />
+</svg>

package/src/assets/icon/eyeCrossed20.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.80029 1.96656C3.09318 1.67366 3.56805 1.67366 3.86095 1.96656L6.53531 4.64092C6.54359 4.64882 6.55171 4.65694 6.55966 4.66527L9.22153 7.32714C9.22941 7.33469 9.23716 7.34243 9.24474 7.35036L12.6509 10.7565C12.6589 10.7641 12.6666 10.7719 12.6742 10.7798L15.5186 13.6242C15.5242 13.6296 15.5297 13.6351 15.5351 13.6407L18.0335 16.1391C18.3264 16.432 18.3264 16.9069 18.0335 17.1998C17.7406 17.4927 17.2657 17.4927 16.9729 17.1998L14.9122 15.1391C13.4555 16.0844 11.7514 16.5896 10.0056 16.5858C6.73486 16.6411 3.71367 14.8424 2.20345 11.9402L2.19616 11.9258C1.59721 10.7118 1.59721 9.28822 2.19616 8.07419L2.1985 8.06944L2.19852 8.06945C2.80864 6.85445 3.70976 5.81575 4.81517 5.0421L2.80029 3.02722C2.50739 2.73432 2.50739 2.25945 2.80029 1.96656ZM5.89604 6.12297C4.89333 6.76678 4.07837 7.66956 3.54022 8.74015C3.14996 9.53297 3.14919 10.4618 3.53791 11.2552C4.78794 13.6506 7.28471 15.134 9.98671 15.0859L10.0023 15.0858C11.351 15.0899 12.6701 14.7293 13.8227 14.0497L12.1852 12.4121C11.4488 13.0914 10.4229 13.4064 9.40236 13.2223C8.06598 12.9813 7.02001 11.9353 6.77899 10.5989C6.59492 9.57838 6.90989 8.55253 7.58921 7.81614L5.89604 6.12297ZM8.65153 8.87846C8.3134 9.2714 8.1597 9.80337 8.25517 10.3327C8.38503 11.0527 8.94858 11.6163 9.6686 11.7461C10.1979 11.8416 10.7299 11.6879 11.1228 11.3498L8.65153 8.87846ZM9.99285 3.41426C13.2642 3.35832 16.2862 5.15707 17.7967 8.0598L17.804 8.07418C18.4029 9.28821 18.4029 10.7118 17.804 11.9258C17.7697 11.9956 17.7326 12.0545 17.7137 12.0844L17.7125 12.0864C17.7008 12.105 17.6956 12.1132 17.6901 12.1222C17.6867 12.1277 17.6854 12.13 17.6854 12.13C17.6854 12.13 17.6856 12.1297 17.6859 12.1292C17.4924 12.4954 17.0386 12.6354 16.6724 12.4419C16.3062 12.2484 16.1662 11.7946 16.3597 11.4284C16.3895 11.3719 16.4226 11.3196 16.4386 11.2944C16.4403 11.2917 16.4418 11.2893 16.4431 11.2873C16.454 11.27 16.4585 11.2624 16.4596 11.2605C16.8502 10.4675 16.851 9.53837 16.4622 8.7448C15.2122 6.3494 12.7154 4.86601 10.0134 4.91413L10.0001 4.91437V4.91425C9.90589 4.91425 9.83743 4.92067 9.74381 4.92945C9.67868 4.93555 9.60138 4.9428 9.49478 4.94983C9.08146 4.97705 8.72433 4.66407 8.6971 4.25075C8.66987 3.83743 8.98286 3.4803 9.39618 3.45307C9.42547 3.45114 9.46666 3.44749 9.5154 3.44318C9.64795 3.43144 9.83631 3.41476 9.99285 3.41426Z" />
+</svg>

package/src/assets/icon/iconSelectBox.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4687 9.46967C11.7616 9.17678 12.2364 9.17678 12.5293 9.46967L16.5293 13.4697C16.8222 13.7626 16.8222 14.2374 16.5293 14.5303C16.2364 14.8232 15.7616 14.8232 15.4687 14.5303L11.999 11.0607L8.52932 14.5303C8.23643 14.8232 7.76156 14.8232 7.46866 14.5303C7.17577 14.2374 7.17577 13.7626 7.46866 13.4697L11.4687 9.46967Z" fill="#656567"/>
+</svg>

package/src/assets/icon/info.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5999 8.00039C2.5999 5.01776 5.01727 2.60039 7.9999 2.60039C10.9825 2.60039 13.3999 5.01776 13.3999 8.00039C13.3999 10.983 10.9825 13.4004 7.9999 13.4004C5.01727 13.4004 2.5999 10.983 2.5999 8.00039ZM7.9999 1.40039C4.35453 1.40039 1.3999 4.35502 1.3999 8.00039C1.3999 11.6458 4.35453 14.6004 7.9999 14.6004C11.6453 14.6004 14.5999 11.6458 14.5999 8.00039C14.5999 4.35502 11.6453 1.40039 7.9999 1.40039ZM8.5999 5.00039C8.5999 4.66902 8.33127 4.40039 7.9999 4.40039C7.66853 4.40039 7.3999 4.66902 7.3999 5.00039V8.33372C7.3999 8.66509 7.66853 8.93372 7.9999 8.93372C8.33127 8.93372 8.5999 8.66509 8.5999 8.33372V5.00039ZM7.9999 11.4926C8.38561 11.4926 8.69828 11.1799 8.69828 10.7942C8.69828 10.4085 8.38561 10.0958 7.9999 10.0958C7.6142 10.0958 7.30152 10.4085 7.30152 10.7942C7.30152 11.1799 7.6142 11.4926 7.9999 11.4926Z" fill="#656567"/>
+</svg>

package/src/assets/icon/notification.svg

@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="24" fill="#FF7D1F" fill-opacity="0.08"/>
+<path d="M20.2496 29.9992C20.2496 29.9995 20.2496 30.0006 20.2496 30.0009L20.99 26.2954L20.9734 26.2836C20.8118 26.1694 20.657 26.0464 20.5096 25.9153L20.1077 27.5086C20.2169 27.586 20.2496 27.6753 20.2496 27.7371V29.9992Z" fill="#FF7D1F"/>
+<path d="M27.7496 27.1901C27.7496 26.8248 27.4884 26.5205 27.1426 26.4537L27.0596 26.3362L26.2496 27.9401H26.9996C27.2002 27.9401 27.3823 27.8613 27.5169 27.7331C27.6349 27.6206 27.7163 27.4701 27.7414 27.3012C27.7468 27.2649 27.7496 27.2278 27.7496 27.1901Z" fill="#FF7D1F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2792 14.2797C15.5721 13.9868 16.047 13.9868 16.3399 14.2797L17.5299 15.4697C17.8228 15.7626 17.8228 16.2375 17.5299 16.5304C17.237 16.8233 16.7621 16.8233 16.4692 16.5304L15.2792 15.3404C14.9863 15.0475 14.9863 14.5726 15.2792 14.2797ZM33.7199 15.2797C34.0128 15.5726 34.0128 16.0475 33.7199 16.3404L32.5299 17.5304C32.237 17.8233 31.7621 17.8233 31.4692 17.5304C31.1763 17.2375 31.1763 16.7626 31.4692 16.4697L32.6592 15.2797C32.9521 14.9868 33.427 14.9868 33.7199 15.2797ZM29.2496 22.0001C29.2496 18.8917 26.549 16.4139 23.362 16.7879C23.197 16.8073 23.0338 16.8347 22.8733 16.8698L23.1871 15.2982C27.2761 14.8184 30.7496 18.0045 30.7496 22.0001C30.7496 24.28 29.6158 26.2907 27.8893 27.5106C27.7805 27.5875 27.7496 27.6751 27.7496 27.7331V30.5001C27.7496 32.2953 26.2948 33.7501 24.4996 33.7501H23.4996C21.7044 33.7501 20.2496 32.2953 20.2496 30.5001V30.0009L20.99 26.2954C21.0513 26.3398 21.1105 26.3881 21.1668 26.4401H26.8324C26.8932 26.3842 26.9572 26.3326 27.0238 26.2855C27.0563 26.2625 27.0886 26.2392 27.1206 26.2155L27.0596 26.3362L26.2496 27.9401H21.7496V29.2501H26.2496V27.9401H26.9996C27.2002 27.9401 27.3823 27.8613 27.5169 27.7331C27.6349 27.6206 27.7163 27.4701 27.7414 27.3012C27.7468 27.2649 27.7496 27.2278 27.7496 27.1901C27.7496 26.8248 27.4884 26.5205 27.1426 26.4537L27.3342 26.0486C28.5047 25.085 29.2496 23.6302 29.2496 22.0001ZM20.1077 27.5086C20.2169 27.586 20.2496 27.6753 20.2496 27.7371V30.0009L20.1077 27.5086ZM20.1077 27.5086L20.5096 25.9153C19.2379 24.7843 18.5209 23.0496 18.8156 21.1535C19.1393 19.075 20.7601 17.3704 22.7858 16.8898L23.1871 15.2982C20.2336 15.6442 17.7916 17.9811 17.3335 20.9228C16.9124 23.6309 18.1115 26.0979 20.1077 27.5086ZM21.7673 30.7501H26.2319C26.1106 31.5983 25.3815 32.2501 24.4996 32.2501H23.4996C22.6177 32.2501 21.8885 31.5983 21.7673 30.7501ZM12.5596 22.0001C12.5596 21.5858 12.8954 21.2501 13.3096 21.2501H14.9996C15.4138 21.2501 15.7496 21.5858 15.7496 22.0001C15.7496 22.4143 15.4138 22.7501 14.9996 22.7501H13.3096C12.8954 22.7501 12.5596 22.4143 12.5596 22.0001ZM32.2496 22.0001C32.2496 21.5858 32.5854 21.2501 32.9996 21.2501H34.6896C35.1038 21.2501 35.4396 21.5858 35.4396 22.0001C35.4396 22.4143 35.1038 22.7501 34.6896 22.7501H32.9996C32.5854 22.7501 32.2496 22.4143 32.2496 22.0001ZM16.5299 26.4697C16.8228 26.7626 16.8228 27.2375 16.5299 27.5304L15.3399 28.7204C15.047 29.0133 14.5721 29.0133 14.2792 28.7204C13.9863 28.4275 13.9863 27.9526 14.2792 27.6597L15.4692 26.4697C15.7621 26.1768 16.237 26.1768 16.5299 26.4697ZM31.4692 26.4697C31.7621 26.1768 32.237 26.1768 32.5299 26.4697L33.7199 27.6597C34.0128 27.9526 34.0128 28.4275 33.7199 28.7204C33.427 29.0133 32.9521 29.0133 32.6592 28.7204L31.4692 27.5304C31.1763 27.2375 31.1763 26.7626 31.4692 26.4697Z" fill="#FF7D1F"/>
+<path d="M27.1206 26.2155L27.0596 26.3362L27.1426 26.4537L27.3342 26.0486C27.2645 26.106 27.1933 26.1616 27.1206 26.2155Z" fill="#FF7D1F"/>
+<path d="M23.1871 15.2982L22.7858 16.8898C22.8148 16.8829 22.844 16.8762 22.8733 16.8698L23.1871 15.2982Z" fill="#FF7D1F"/>
+</svg>

package/src/assets/icon/question.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.5C4.96214 2.5 2.5 4.96214 2.5 8C2.5 11.0379 4.96214 13.5 8 13.5C11.0379 13.5 13.5 11.0379 13.5 8C13.5 4.96214 11.0379 2.5 8 2.5ZM1.5 8C1.5 4.40986 4.40986 1.5 8 1.5C11.5901 1.5 14.5 4.40986 14.5 8C14.5 11.5901 11.5901 14.5 8 14.5C4.40986 14.5 1.5 11.5901 1.5 8ZM6.16667 6.55533C6.16667 5.54252 6.98719 4.722 8 4.722C9.01281 4.722 9.83333 5.54252 9.83333 6.55533C9.83333 7.35146 9.31446 7.77126 8.95348 8.0146L8.95286 8.01501C8.64779 8.22 8.5 8.38486 8.5 8.66667V8.83333C8.5 9.10948 8.27614 9.33333 8 9.33333C7.72386 9.33333 7.5 9.10948 7.5 8.83333V8.66667C7.5 7.8593 8.02534 7.4335 8.39492 7.18513C8.69233 6.9846 8.83333 6.82576 8.83333 6.55533C8.83333 6.09481 8.46052 5.722 8 5.722C7.53948 5.722 7.16667 6.09481 7.16667 6.55533C7.16667 6.83148 6.94281 7.05533 6.66667 7.05533C6.39052 7.05533 6.16667 6.83148 6.16667 6.55533ZM7.33334 10.8351C7.33163 10.4643 7.6325 10.1667 7.99933 10.1667C8.36684 10.1667 8.66667 10.4639 8.66667 10.8333C8.66667 11.2015 8.36814 11.5 8 11.5C7.63246 11.5 7.33431 11.2025 7.33334 10.8351ZM7.66667 10.8345L7.33335 10.837C7.33334 10.8364 7.33334 10.8357 7.33334 10.8351C7.33333 10.8345 7.33333 10.8339 7.33333 10.8333H7.66667C7.66667 10.8337 7.66667 10.8341 7.66667 10.8345Z" fill="#505051"/>
+</svg>

package/src/assets/icon/question20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="9.99984" cy="13.5444" r="0.833333" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.25C6.27171 3.25 3.25 6.27171 3.25 10C3.25 13.7283 6.27171 16.75 10 16.75C13.7283 16.75 16.75 13.7283 16.75 10C16.75 6.27171 13.7283 3.25 10 3.25ZM1.75 10C1.75 5.44329 5.44329 1.75 10 1.75C14.5567 1.75 18.25 5.44329 18.25 10C18.25 14.5567 14.5567 18.25 10 18.25C5.44329 18.25 1.75 14.5567 1.75 10ZM7.58333 8.19417C7.58333 6.85913 8.66495 5.77751 10 5.77751C11.335 5.77751 12.4167 6.85913 12.4167 8.19417C12.4167 9.25502 11.7209 9.8124 11.2617 10.1219L11.2608 10.1225C11.0718 10.2495 10.9463 10.3556 10.8654 10.4645C10.7971 10.5567 10.75 10.6642 10.75 10.8333V11.0417C10.75 11.4559 10.4142 11.7917 10 11.7917C9.58579 11.7917 9.25 11.4559 9.25 11.0417V10.8333C9.25 9.75875 9.95345 9.1939 10.4235 8.87796C10.6077 8.75375 10.7288 8.65104 10.8065 8.54626C10.8718 8.45828 10.9167 8.35601 10.9167 8.19417C10.9167 7.68755 10.5066 7.27751 10 7.27751C9.49338 7.27751 9.08333 7.68755 9.08333 8.19417C9.08333 8.60839 8.74755 8.94417 8.33333 8.94417C7.91912 8.94417 7.58333 8.60839 7.58333 8.19417Z" />
+</svg>
+

package/src/assets/icon/ruble20.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.773 5.22703C12.1369 2.59099 7.86307 2.59099 5.22703 5.22703L5.22703 5.22703C2.59099 7.86305 2.59099 12.1369 5.22703 14.773L4.6967 15.3033L5.22703 14.773C7.86305 17.409 12.1369 17.409 14.773 14.773C17.409 12.1369 17.409 7.86307 14.773 5.22703ZM4.16637 4.16637C7.3882 0.944544 12.6118 0.944542 15.8336 4.16637C19.0554 7.3882 19.0554 12.6118 15.8336 15.8336C12.6118 19.0554 7.38818 19.0554 4.16637 15.8336C0.944545 12.6118 0.944541 7.38818 4.16637 4.16637ZM7.40104 6.2565C7.40104 5.84229 7.73682 5.5065 8.15104 5.5065H11.4518C11.4617 5.5065 11.4715 5.5067 11.4814 5.50709C12.8321 5.5604 14.0638 6.63404 14.0638 8.15754C14.0638 9.01486 13.6385 9.67324 13.1284 10.0973C12.6367 10.5062 12.0059 10.75 11.4518 10.75H8.90104V11.5417H10.8333C11.2475 11.5417 11.5833 11.8774 11.5833 12.2917C11.5833 12.7059 11.2475 13.0417 10.8333 13.0417H8.90104V13.763C8.90104 14.1772 8.56525 14.513 8.15104 14.513C7.73682 14.513 7.40104 14.1772 7.40104 13.763V13.0417H6.67968C6.26547 13.0417 5.92968 12.7059 5.92968 12.2917C5.92968 11.8774 6.26547 11.5417 6.67968 11.5417H7.40104V10.75H6.67968C6.26547 10.75 5.92968 10.4142 5.92968 9.99999C5.92968 9.58578 6.26547 9.24999 6.67968 9.24999H7.40104V6.2565ZM8.90104 9.24999H11.4518C11.6074 9.24999 11.9075 9.16173 12.1694 8.94399C12.413 8.74145 12.5638 8.47862 12.5638 8.15754C12.5638 7.52402 12.0578 7.03752 11.4353 7.0065H8.90104V9.24999Z" />
+</svg>

package/src/assets/icon/saved.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25691 5.0204C2.24591 3.4931 3.48055 2.25 5.00689 2.25H16.1639C16.8944 2.25 17.5926 2.54041 18.1085 3.05496L20.9372 5.88367C21.4527 6.39916 21.7429 7.09886 21.7429 7.828V14C21.7429 14.4142 21.4071 14.75 20.9929 14.75C20.5787 14.75 20.2429 14.4142 20.2429 14V7.828C20.2429 7.49714 20.1111 7.17884 19.8766 6.94433L17.0493 4.11704C17.0491 4.11692 17.0494 4.11715 17.0493 4.11704C16.9581 4.02621 16.8545 3.9505 16.7429 3.89221V6.909C16.7429 7.87521 15.9591 8.659 14.9929 8.659H8.99289C8.02668 8.659 7.24289 7.87521 7.24289 6.909V3.75H5.00689C4.31325 3.75 3.75191 4.31476 3.75687 5.00943C3.75687 5.00945 3.75687 5.00941 3.75687 5.00943L3.86087 19.0094C3.86587 19.6961 4.42372 20.25 5.11089 20.25H6.24989V13.286C6.24989 12.1618 7.16168 11.25 8.28589 11.25H15.7149C16.8385 11.25 17.7499 12.1622 17.7499 13.286V14C17.7499 14.4142 17.4141 14.75 16.9999 14.75C16.5857 14.75 16.2499 14.4142 16.2499 14V13.286C16.2499 12.9898 16.0093 12.75 15.7149 12.75H8.28589C7.9901 12.75 7.74989 12.9902 7.74989 13.286V20.25H12.9999C13.4141 20.25 13.7499 20.5858 13.7499 21C13.7499 21.4142 13.4141 21.75 12.9999 21.75H5.11089C3.60009 21.75 2.37197 20.5318 2.36091 19.0206C2.36091 19.0205 2.36091 19.0206 2.36091 19.0206L2.25691 5.0204ZM8.74289 3.75V6.909C8.74289 7.04679 8.8551 7.159 8.99289 7.159H14.9929C15.1307 7.159 15.2429 7.04679 15.2429 6.909V3.75H8.74289ZM21.5302 17.4697C21.8231 17.7626 21.8231 18.2374 21.5302 18.5303L18.5302 21.5303C18.2373 21.8232 17.7625 21.8232 17.4696 21.5303L15.4696 19.5303C15.1767 19.2374 15.1767 18.7626 15.4696 18.4697C15.7625 18.1768 16.2373 18.1768 16.5302 18.4697L17.9999 19.9393L20.4696 17.4697C20.7625 17.1768 21.2373 17.1768 21.5302 17.4697Z" fill="#505051"/>
+</svg>

package/src/assets/icon/share.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.24609C12.1989 2.24609 12.3897 2.32511 12.5303 2.46576L15.5316 5.46701C15.8245 5.75991 15.8245 6.23478 15.5316 6.52767C15.2387 6.82057 14.7638 6.82057 14.4709 6.52767L12.75 4.80675V15.0011C12.75 15.4153 12.4142 15.7511 12 15.7511C11.5858 15.7511 11.25 15.4153 11.25 15.0011V4.80675L9.52907 6.52767C9.23617 6.82057 8.7613 6.82057 8.46841 6.52767C8.17551 6.23478 8.17551 5.75991 8.46841 5.46701L11.4697 2.46576C11.6103 2.32511 11.8011 2.24609 12 2.24609ZM6.9979 9.74859C6.30709 9.74859 5.74707 10.3086 5.74707 10.9994V19.0028C5.74707 19.6936 6.30709 20.2536 6.9979 20.2536H17.0021C17.6929 20.2536 18.2529 19.6936 18.2529 19.0028V10.9994C18.2529 10.3086 17.6929 9.74859 17.0021 9.74859H15.0012C14.587 9.74859 14.2512 9.41281 14.2512 8.99859C14.2512 8.58438 14.587 8.24859 15.0012 8.24859H17.0021C18.5213 8.24859 19.7529 9.48018 19.7529 10.9994V19.0028C19.7529 20.522 18.5213 21.7536 17.0021 21.7536H6.9979C5.47866 21.7536 4.24707 20.522 4.24707 19.0028V10.9994C4.24707 9.48018 5.47866 8.24859 6.9979 8.24859H8.99874C9.41295 8.24859 9.74874 8.58438 9.74874 8.99859C9.74874 9.41281 9.41295 9.74859 8.99874 9.74859H6.9979Z" fill="#505051"/>
+</svg>

package/src/assets/icon/support.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.35889C6.70495 2.35889 2.25 6.26993 2.25 11.2909C2.25 14.1132 3.67507 16.5901 5.84874 18.2106C5.84864 18.6169 5.84896 19.073 5.84931 19.5585V19.5586L5.84931 19.5592C5.84964 20.0315 5.85 20.5316 5.85 21.0409C5.85 21.3003 5.98401 21.5412 6.20436 21.678C6.42471 21.8149 6.70011 21.8281 6.93259 21.7131L10.2419 20.0758C10.8119 20.1714 11.3987 20.2229 12 20.2229C17.2951 20.2229 21.75 16.3118 21.75 11.2909C21.75 6.26993 17.2951 2.35889 12 2.35889ZM3.75 11.2909C3.75 7.23385 7.39105 3.85889 12 3.85889C16.6089 3.85889 20.25 7.23385 20.25 11.2909C20.25 15.3479 16.6089 18.7229 12 18.7229C11.4084 18.7229 10.8317 18.6648 10.2725 18.5573C10.1117 18.5265 9.94517 18.5491 9.79841 18.6217L7.3495 19.8333L7.3493 19.555C7.34884 18.9103 7.34842 18.3191 7.349 17.8258C7.34929 17.5777 7.22693 17.3456 7.02215 17.2057C5.02085 15.8381 3.75 13.6953 3.75 11.2909ZM11.9 7.08489C10.5713 7.08489 9.49 8.1602 9.49 9.49289C9.49 9.9071 9.82579 10.2429 10.24 10.2429C10.6542 10.2429 10.99 9.9071 10.99 9.49289C10.99 8.99157 11.3967 8.58489 11.9 8.58489C12.4021 8.58489 12.809 8.99139 12.809 9.49389C12.809 9.65432 12.7646 9.75543 12.7 9.84241C12.623 9.94618 12.5028 10.0481 12.3196 10.1715C11.8513 10.4859 11.149 11.0486 11.149 12.1209V12.3279C11.149 12.7421 11.4848 13.0779 11.899 13.0779C12.3132 13.0779 12.649 12.7421 12.649 12.3279V12.1209C12.649 11.9532 12.6956 11.847 12.7631 11.756C12.8432 11.6482 12.9677 11.543 13.1561 11.4166L13.1568 11.4161C13.6144 11.108 14.309 10.5523 14.309 9.49389C14.309 8.16238 13.2299 7.08489 11.9 7.08489ZM11.8905 15.7261C12.393 15.7261 12.8005 15.3187 12.8005 14.8161C12.8005 14.3136 12.393 13.9061 11.8905 13.9061C11.3879 13.9061 10.9805 14.3136 10.9805 14.8161C10.9805 15.3187 11.3879 15.7261 11.8905 15.7261Z" fill="#505051"/>
+</svg>

package/src/assets/icon/user.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4749 4.52513C15.8417 5.89197 15.8417 8.10804 14.4749 9.47488C13.108 10.8417 10.892 10.8417 9.52513 9.47488C8.15829 8.10804 8.15829 5.89197 9.52513 4.52513C10.892 3.15829 13.108 3.15829 14.4749 4.52513" stroke="#656567" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.4998V19.4998C4 20.0518 4.448 20.4998 5 20.4998H19C19.552 20.4998 20 20.0518 20 19.4998V18.4998C20 15.4738 16.048 13.5078 12 13.5078C7.952 13.5078 4 15.4738 4 18.4998Z" stroke="#656567" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/basic/pl-button/components/PlButtonSpinner.vue

@@ -0,0 +1,124 @@
+<template>
+  <div class="loading-button__body">
+    <div class="loading-button__spinner-wrapper">
+      <svg>
+        <circle :cx="spinnerSize.c" :cy="spinnerSize.c" :r="spinnerSize.r" />
+      </svg>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+const props = defineProps<{
+  type: 'primary' | 'alternative' | 'secondary' | 'error' | 'empty';
+  size: 'large' | 'medium' | 'small';
+}>();
+const strokeColor = computed(() => {
+  switch (props.type) {
+    case 'alternative':
+      return 'var(--color-text-icons-interactive)';
+    case 'secondary':
+      return 'var(--color-text-icons-primary)';
+    case 'error':
+      return 'var(--color-text-icons-white)';
+    case 'empty':
+      return 'var(--color-buttons-accent-themed)';
+    default:
+      return 'var(--color-text-icons-contrast-themed)';
+  }
+});
+const spinnerSize = computed(() => {
+  switch (props.size) {
+    case 'large':
+      return {
+        c: 6,
+        r: 9.8,
+        containerWidth: '24px',
+        strokeWidth: 1.6,
+      };
+    default:
+      return {
+        c: 4,
+        r: 8.25,
+        containerWidth: '20px',
+        strokeWidth: 1.5,
+      };
+  }
+});
+</script>
+<style lang="scss">
+.loading-button__body {
+  position: absolute;
+  inset: 0;
+  z-index: 50 !important;
+  background-color: inherit;
+  border-radius: inherit;
+
+  .loading-button__spinner-wrapper {
+    display: flex;
+    width: 100%;
+    height: 100%;
+  }
+
+  svg {
+    position: relative;
+    width: v-bind('spinnerSize.containerWidth');
+    height: v-bind('spinnerSize.containerWidth');
+    margin: auto;
+    animation: spin 3s linear infinite;
+  }
+
+  svg circle {
+    z-index: 51;
+    width: 100%;
+    height: 100%;
+    fill: none;
+    stroke: v-bind('strokeColor');
+
+    // Считаем по формуле Math.round(2 * Math.PI * (radius / 2))
+    stroke-dasharray: 100;
+    stroke-dashoffset: 200;
+    stroke-linecap: round;
+    stroke-width: v-bind('spinnerSize.strokeWidth');
+    transform: translate(6px, 6px);
+    animation: animate 4s linear infinite;
+  }
+}
+
+.loading__wrapper {
+  z-index: 10;
+  padding: 24px;
+  background: var(--token-color-background-default);
+  border-radius: 17px;
+}
+
+.loading__scroll-hidden {
+  overflow: hidden;
+}
+
+/* Анимации для спиннера */
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes animate {
+  0%,
+  100% {
+    stroke-dashoffset: 200;
+  }
+
+  50% {
+    stroke-dashoffset: 0;
+  }
+
+  50.1% {
+    stroke-dashoffset: 400;
+  }
+}
+</style>

package/src/components/basic/pl-button/index.ts

@@ -0,0 +1,27 @@
+import Button from './pl-button.vue';
+import { withInstallFunction } from '@/install-function';
+
+import type { TButtonProps } from './types';
+
+export const PlButton = withInstallFunction(Button, 'PlButton');
+export default PlButton;
+export type { TButtonProps };
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    /**
+     * Параметры Button
+     *
+     * @property fullWidth boolean;
+     * @property disabled boolean;
+     * @property type 'primary' | 'secondary' | 'alternative' | 'error' | 'empty';
+     * @property size 'large' | 'medium' | 'small';
+     * @property icon IIcon;
+     * @property iconColor string;
+     * @property iconPosition 'left' | 'right';
+     * @property nativeType 'button'| 'submit'| 'reset' | undefined
+     * @property loading boolean;
+     */
+    PlButton: import('vue').DefineComponent<TButtonProps>;
+  }
+}