@eturnity/eturnity_reusable_components 8.19.8-EPDM-12618.6 → 8.19.8-EPDM-13618.0

package/README.md

@@ -1,29 +1,29 @@
-# eturnity_reusable_components
-
-## To use in a project:
-
-```
-npm install @eturnity/eturnity_reusable_components
-```
-
-### To run locally
-
-```
-npm run dev
-```
-
-### To use storybook
-
-```
-npm run storybook
-```
-
-### To publish a new version
-
-```
-Follow correct semantic versioning
-https://docs.npmjs.com/about-semantic-versioning
-
-
-npm publish
-```
+# eturnity_reusable_components
+
+## To use in a project:
+
+```
+npm install @eturnity/eturnity_reusable_components
+```
+
+### To run locally
+
+```
+npm run dev
+```
+
+### To use storybook
+
+```
+npm run storybook
+```
+
+### To publish a new version
+
+```
+Follow correct semantic versioning
+https://docs.npmjs.com/about-semantic-versioning
+
+
+npm publish
+```

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.19.8-EPDM-12618.6",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "main": "./dist/main.umd.js",
-  "module": "./dist/main.es.js",
-  "private": false,
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "vue-cli-service lint",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prettier": "prettier --write 'src/**/*.{js,vue}'",
-    "test": "jest",
-    "test-coverage": "jest --coverage",
-    "merge-remote-master": "node scripts/merge-remote-master.js"
-  },
-  "dependencies": {
-    "@originjs/vite-plugin-commonjs": "1.0.3",
-    "@vue/compat": "3.3.4",
-    "@vueform/slider": "2.1.10",
-    "@vuepic/vue-datepicker": "6.1.0",
-    "click-outside-vue3": "4.0.1",
-    "storybook": "8.2.9",
-    "vite-plugin-require": "1.1.14",
-    "vue": "3.3.4",
-    "vue-router": "4.2.2",
-    "vue3-styled-components": "1.2.1",
-    "vuedraggable": "4.1.0"
-  },
-  "devDependencies": {
-    "@babel/core": "7.25.2",
-    "@babel/plugin-syntax-import-meta": "7.10.4",
-    "@babel/preset-env": "7.25.3",
-    "@chromatic-com/storybook": "1.6.1",
-    "@storybook/addon-essentials": "8.2.9",
-    "@storybook/addon-interactions": "8.2.9",
-    "@storybook/addon-links": "8.2.9",
-    "@storybook/addon-onboarding": "8.2.8",
-    "@storybook/blocks": "8.2.8",
-    "@storybook/test": "8.2.8",
-    "@storybook/vue3-vite": "8.2.9",
-    "@types/node": "22.1.0",
-    "@vitejs/plugin-vue": "4.0.0",
-    "@vue/cli-plugin-babel": "5.0.8",
-    "@vue/cli-plugin-eslint": "5.0.8",
-    "@vue/cli-service": "5.0.8",
-    "@vue/compiler-sfc": "3.3.4",
-    "@vue/test-utils": "2.4.6",
-    "babel-eslint": "10.1.0",
-    "babel-jest": "26.6.3",
-    "eslint": "8.0.1",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-storybook": "0.8.0",
-    "eslint-plugin-vue": "9.14.1",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "26.6.3",
-    "jest-styled-components": "7.2.0",
-    "jsdom": "24.1.1",
-    "prettier": "2.8.4",
-    "vite": "4.0.0",
-    "vite-svg-loader": "5.1.0",
-    "vue-jest": "5.0.0-alpha.10",
-    "vue-loader": "17.4.2",
-    "vue-svg-loader": "0.16.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "description": "## Project setup ``` npm install ```",
-  "repository": {
-    "type": "git",
-    "url": "git+https://aaronenser@bitbucket.org/eturnitydevs/eturnity_reusable_components.git"
-  },
-  "author": "Aaron Enser",
-  "license": "ISC",
-  "homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
-}
+{
+  "name": "@eturnity/eturnity_reusable_components",
+  "version": "8.19.8-EPDM-13618.0",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "main": "./dist/main.umd.js",
+  "module": "./dist/main.es.js",
+  "private": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "vue-cli-service lint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prettier": "prettier --write 'src/**/*.{js,vue}'",
+    "test": "jest",
+    "test-coverage": "jest --coverage",
+    "merge-remote-master": "node scripts/merge-remote-master.js"
+  },
+  "dependencies": {
+    "@originjs/vite-plugin-commonjs": "1.0.3",
+    "@vue/compat": "3.3.4",
+    "@vueform/slider": "2.1.10",
+    "@vuepic/vue-datepicker": "6.1.0",
+    "click-outside-vue3": "4.0.1",
+    "storybook": "8.2.9",
+    "vite-plugin-require": "1.1.14",
+    "vue": "3.3.4",
+    "vue-router": "4.2.2",
+    "vue3-styled-components": "1.2.1",
+    "vuedraggable": "4.1.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.25.2",
+    "@babel/plugin-syntax-import-meta": "7.10.4",
+    "@babel/preset-env": "7.25.3",
+    "@chromatic-com/storybook": "1.6.1",
+    "@storybook/addon-essentials": "8.2.9",
+    "@storybook/addon-interactions": "8.2.9",
+    "@storybook/addon-links": "8.2.9",
+    "@storybook/addon-onboarding": "8.2.8",
+    "@storybook/blocks": "8.2.8",
+    "@storybook/test": "8.2.8",
+    "@storybook/vue3-vite": "8.2.9",
+    "@types/node": "22.1.0",
+    "@vitejs/plugin-vue": "4.0.0",
+    "@vue/cli-plugin-babel": "5.0.8",
+    "@vue/cli-plugin-eslint": "5.0.8",
+    "@vue/cli-service": "5.0.8",
+    "@vue/compiler-sfc": "3.3.4",
+    "@vue/test-utils": "2.4.6",
+    "babel-eslint": "10.1.0",
+    "babel-jest": "26.6.3",
+    "eslint": "8.0.1",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-vue": "9.14.1",
+    "identity-obj-proxy": "3.0.0",
+    "jest": "26.6.3",
+    "jest-styled-components": "7.2.0",
+    "jsdom": "24.1.1",
+    "prettier": "2.8.4",
+    "vite": "4.0.0",
+    "vite-svg-loader": "5.1.0",
+    "vue-jest": "5.0.0-alpha.10",
+    "vue-loader": "17.4.2",
+    "vue-svg-loader": "0.16.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "description": "## Project setup ``` npm install ```",
+  "repository": {
+    "type": "git",
+    "url": "git+https://aaronenser@bitbucket.org/eturnitydevs/eturnity_reusable_components.git"
+  },
+  "author": "Aaron Enser",
+  "license": "ISC",
+  "homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
+}

package/src/App.vue

@@ -1,30 +1,30 @@
-<template>
-  <ThemeProvider :style="{ height: '100%' }" :theme="theme">
-    <RouterView />
-  </ThemeProvider>
-</template>
-
-<script>
-  import { ThemeProvider } from 'vue3-styled-components'
-  import theme from '@/assets/theme.js'
-
-  export default {
-    name: 'App',
-    components: {
-      ThemeProvider,
-    },
-    setup() {
-      return {
-        theme,
-      }
-    },
-  }
-</script>
-
-<style>
-  html,
-  body {
-    height: 100%;
-    margin: 0;
-  }
-</style>
+<template>
+  <ThemeProvider :style="{ height: '100%' }" :theme="theme">
+    <RouterView />
+  </ThemeProvider>
+</template>
+
+<script>
+  import { ThemeProvider } from 'vue3-styled-components'
+  import theme from '@/assets/theme.js'
+
+  export default {
+    name: 'App',
+    components: {
+      ThemeProvider,
+    },
+    setup() {
+      return {
+        theme,
+      }
+    },
+  }
+</script>
+
+<style>
+  html,
+  body {
+    height: 100%;
+    margin: 0;
+  }
+</style>

package/src/Test.vue

@@ -1,64 +1,64 @@
-<template>
-  <PageContainer>
-    <PanelRangeInfo
-      :arrow-color="value < 8 ? 'yellow' : 'lime'"
-      height="42px"
-      :max-value="12"
-      :min-value="8"
-      :value="value"
-      width="120px"
-  /></PageContainer>
-  <IconCollection color="red" />
-  <input v-model="value" max="30" min="0" type="range" />
-</template>
-
-<script>
-  import styled from 'vue3-styled-components'
-  import PanelRangeInfo from '@/components/panelRangeInfo'
-  import IconCollection from './components/icon/iconCollection.vue'
-
-  const PageContainer = styled.div`
-    padding: 40px;
-  `
-
-  export default {
-    name: 'App',
-    components: {
-      PageContainer,
-      PanelRangeInfo,
-      IconCollection,
-    },
-    data() {
-      return {
-        value: 42,
-      }
-    },
-    computed: {},
-    methods: {
-      blurHandler(e) {
-        console.log('blur', e)
-      },
-      changeHandler(e) {
-        console.log('change', e)
-      },
-      focusHandler(e) {
-        console.log('focus', e)
-      },
-      inputHandler(e) {
-        console.log('input', e)
-        //this.value = e
-        setTimeout(() => {
-          this.value = e
-        }, 1000)
-      },
-    },
-  }
-</script>
-
-<style>
-  html,
-  body {
-    height: 100%;
-    margin: 0;
-  }
-</style>
+<template>
+  <PageContainer>
+    <PanelRangeInfo
+      :arrow-color="value < 8 ? 'yellow' : 'lime'"
+      height="42px"
+      :max-value="12"
+      :min-value="8"
+      :value="value"
+      width="120px"
+  /></PageContainer>
+  <IconCollection color="red" />
+  <input v-model="value" max="30" min="0" type="range" />
+</template>
+
+<script>
+  import styled from 'vue3-styled-components'
+  import PanelRangeInfo from '@/components/panelRangeInfo'
+  import IconCollection from './components/icon/iconCollection.vue'
+
+  const PageContainer = styled.div`
+    padding: 40px;
+  `
+
+  export default {
+    name: 'App',
+    components: {
+      PageContainer,
+      PanelRangeInfo,
+      IconCollection,
+    },
+    data() {
+      return {
+        value: 42,
+      }
+    },
+    computed: {},
+    methods: {
+      blurHandler(e) {
+        console.log('blur', e)
+      },
+      changeHandler(e) {
+        console.log('change', e)
+      },
+      focusHandler(e) {
+        console.log('focus', e)
+      },
+      inputHandler(e) {
+        console.log('input', e)
+        //this.value = e
+        setTimeout(() => {
+          this.value = e
+        }, 1000)
+      },
+    },
+  }
+</script>
+
+<style>
+  html,
+  body {
+    height: 100%;
+    margin: 0;
+  }
+</style>

package/src/assets/icons/arrow_down.svg

@@ -1,3 +1,3 @@
-<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 4L8 0H0L4 4Z" fill="#263238"/>
-</svg>
+<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4L8 0H0L4 4Z" fill="#263238"/>
+</svg>

package/src/assets/icons/arrow_up_red.svg

@@ -1,3 +1,3 @@
-<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 0L8 4H0L4 0Z" fill="#FF5656"/>
-</svg>
+<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 0L8 4H0L4 0Z" fill="#FF5656"/>
+</svg>

package/src/assets/icons/black_spinner.svg

@@ -1,36 +1,36 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="207px" height="207px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
-<g transform="rotate(0 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.875s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(45 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(90 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.625s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(135 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(180 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.375s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(225 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(270 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.125s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(315 50 50)">
-  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
-  </rect>
-</g>
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="207px" height="207px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<g transform="rotate(0 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.875s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(45 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(90 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.625s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(135 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(180 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.375s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(225 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(270 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.125s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(315 50 50)">
+  <rect x="48" y="20" rx="0" ry="0" width="4" height="14" fill="#000000">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
+  </rect>
+</g>
 <!-- [ldio] generated by https://loading.io/ --></svg>

package/src/assets/icons/delete_icon.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="5 5 30 30">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #ff5656;
-        fill-rule: evenodd;
-      }
-    </style>
-  </defs>
-  <path id="delete_icon" class="cls-1" d="M15.44,27.225a0.8,0.8,0,0,0,.8.771h7.512a0.8,0.8,0,0,0,.8-0.771L25.1,15.9H14.9ZM21.7,18.711a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H22.026a0.327,0.327,0,0,1-.327-0.327V18.711Zm-2.288,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H19.739a0.327,0.327,0,0,1-.327-0.327V18.711h0Zm-2.287,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H17.451a0.327,0.327,0,0,1-.327-0.327V18.711Zm8.329-5.884H21.988V12.172A0.169,0.169,0,0,0,21.819,12H18.18a0.168,0.168,0,0,0-.168.168v0.656H14.546a0.505,0.505,0,0,0-.505.505v1.587H25.958V13.332A0.505,0.505,0,0,0,25.453,12.827Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="5 5 30 30">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ff5656;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="delete_icon" class="cls-1" d="M15.44,27.225a0.8,0.8,0,0,0,.8.771h7.512a0.8,0.8,0,0,0,.8-0.771L25.1,15.9H14.9ZM21.7,18.711a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H22.026a0.327,0.327,0,0,1-.327-0.327V18.711Zm-2.288,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H19.739a0.327,0.327,0,0,1-.327-0.327V18.711h0Zm-2.287,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H17.451a0.327,0.327,0,0,1-.327-0.327V18.711Zm8.329-5.884H21.988V12.172A0.169,0.169,0,0,0,21.819,12H18.18a0.168,0.168,0,0,0-.168.168v0.656H14.546a0.505,0.505,0,0,0-.505.505v1.587H25.958V13.332A0.505,0.505,0,0,0,25.453,12.827Z"/>
+</svg>

package/src/assets/icons/delete_icon_gray.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="5 5 30 30">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #DEE2EB;
-        fill-rule: evenodd;
-      }
-    </style>
-  </defs>
-  <path id="delete_icon" class="cls-1" d="M15.44,27.225a0.8,0.8,0,0,0,.8.771h7.512a0.8,0.8,0,0,0,.8-0.771L25.1,15.9H14.9ZM21.7,18.711a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H22.026a0.327,0.327,0,0,1-.327-0.327V18.711Zm-2.288,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H19.739a0.327,0.327,0,0,1-.327-0.327V18.711h0Zm-2.287,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H17.451a0.327,0.327,0,0,1-.327-0.327V18.711Zm8.329-5.884H21.988V12.172A0.169,0.169,0,0,0,21.819,12H18.18a0.168,0.168,0,0,0-.168.168v0.656H14.546a0.505,0.505,0,0,0-.505.505v1.587H25.958V13.332A0.505,0.505,0,0,0,25.453,12.827Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="5 5 30 30">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #DEE2EB;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="delete_icon" class="cls-1" d="M15.44,27.225a0.8,0.8,0,0,0,.8.771h7.512a0.8,0.8,0,0,0,.8-0.771L25.1,15.9H14.9ZM21.7,18.711a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H22.026a0.327,0.327,0,0,1-.327-0.327V18.711Zm-2.288,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H19.739a0.327,0.327,0,0,1-.327-0.327V18.711h0Zm-2.287,0a0.327,0.327,0,0,1,.327-0.327h0.523a0.327,0.327,0,0,1,.327.327v6.472a0.327,0.327,0,0,1-.327.327H17.451a0.327,0.327,0,0,1-.327-0.327V18.711Zm8.329-5.884H21.988V12.172A0.169,0.169,0,0,0,21.819,12H18.18a0.168,0.168,0,0,0-.168.168v0.656H14.546a0.505,0.505,0,0,0-.505.505v1.587H25.958V13.332A0.505,0.505,0,0,0,25.453,12.827Z"/>
+</svg>

package/src/assets/icons/drag_icon.svg

@@ -1,8 +1,8 @@
-<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 2C4 3.10457 3.10457 4 2 4C0.89543 4 0 3.10457 0 2C0 0.89543 0.89543 0 2 0C3.10457 0 4 0.89543 4 2Z" fill="#B2B9C5"/>
-<path d="M10 2C10 3.10457 9.10457 4 8 4C6.89543 4 6 3.10457 6 2C6 0.89543 6.89543 0 8 0C9.10457 0 10 0.89543 10 2Z" fill="#B2B9C5"/>
-<path d="M4 8C4 9.10457 3.10457 10 2 10C0.89543 10 0 9.10457 0 8C0 6.89543 0.89543 6 2 6C3.10457 6 4 6.89543 4 8Z" fill="#B2B9C5"/>
-<path d="M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z" fill="#B2B9C5"/>
-<path d="M4 14C4 15.1046 3.10457 16 2 16C0.89543 16 0 15.1046 0 14C0 12.8954 0.89543 12 2 12C3.10457 12 4 12.8954 4 14Z" fill="#B2B9C5"/>
-<path d="M10 14C10 15.1046 9.10457 16 8 16C6.89543 16 6 15.1046 6 14C6 12.8954 6.89543 12 8 12C9.10457 12 10 12.8954 10 14Z" fill="#B2B9C5"/>
-</svg>
+<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 2C4 3.10457 3.10457 4 2 4C0.89543 4 0 3.10457 0 2C0 0.89543 0.89543 0 2 0C3.10457 0 4 0.89543 4 2Z" fill="#B2B9C5"/>
+<path d="M10 2C10 3.10457 9.10457 4 8 4C6.89543 4 6 3.10457 6 2C6 0.89543 6.89543 0 8 0C9.10457 0 10 0.89543 10 2Z" fill="#B2B9C5"/>
+<path d="M4 8C4 9.10457 3.10457 10 2 10C0.89543 10 0 9.10457 0 8C0 6.89543 0.89543 6 2 6C3.10457 6 4 6.89543 4 8Z" fill="#B2B9C5"/>
+<path d="M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z" fill="#B2B9C5"/>
+<path d="M4 14C4 15.1046 3.10457 16 2 16C0.89543 16 0 15.1046 0 14C0 12.8954 0.89543 12 2 12C3.10457 12 4 12.8954 4 14Z" fill="#B2B9C5"/>
+<path d="M10 14C10 15.1046 9.10457 16 8 16C6.89543 16 6 15.1046 6 14C6 12.8954 6.89543 12 8 12C9.10457 12 10 12.8954 10 14Z" fill="#B2B9C5"/>
+</svg>

package/src/assets/icons/external_icon.svg

@@ -1,6 +1,6 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 4C0 1.79086 1.79086 0 4 0H30V30H4C1.79086 30 0 28.2091 0 26V4Z" fill="white" fill-opacity="0.1"/>
-<path d="M20.65 22H9.24995C8.54995 22 7.94995 21.4 7.94995 20.7V9.3C7.94995 8.6 8.54995 8 9.24995 8H13.95V10H10.85C10.35 10 9.94995 10.4 9.94995 10.9V19.2C9.94995 19.6 10.35 20 10.85 20H19.15C19.65 20 20.05 19.6 20.05 19.1V16H22.05V20.7C21.95 21.4 21.35 22 20.65 22Z" fill="white"/>
-<path d="M15.95 8H21.95V14L15.95 8Z" fill="white"/>
-<path d="M20.809 10.6108L19.3948 9.19659L12.2531 16.3383L13.6673 17.7525L20.809 10.6108Z" fill="white"/>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 4C0 1.79086 1.79086 0 4 0H30V30H4C1.79086 30 0 28.2091 0 26V4Z" fill="white" fill-opacity="0.1"/>
+<path d="M20.65 22H9.24995C8.54995 22 7.94995 21.4 7.94995 20.7V9.3C7.94995 8.6 8.54995 8 9.24995 8H13.95V10H10.85C10.35 10 9.94995 10.4 9.94995 10.9V19.2C9.94995 19.6 10.35 20 10.85 20H19.15C19.65 20 20.05 19.6 20.05 19.1V16H22.05V20.7C21.95 21.4 21.35 22 20.65 22Z" fill="white"/>
+<path d="M15.95 8H21.95V14L15.95 8Z" fill="white"/>
+<path d="M20.809 10.6108L19.3948 9.19659L12.2531 16.3383L13.6673 17.7525L20.809 10.6108Z" fill="white"/>
+</svg>

package/src/assets/icons/language_icon.svg

@@ -1,6 +1,6 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M26.7677 12.2383H15.4708C13.6885 12.2383 12.2385 13.6883 12.2385 15.4706V21.6083C10.9445 22.5326 9.63063 23.4325 8.37891 24.4139C9.64181 25.4045 10.968 26.3123 12.2738 27.2449C12.5052 28.8018 13.8508 30 15.4708 30H26.7677C28.55 30 30 28.55 30 26.7675V15.4706C30 13.6883 28.55 12.2383 26.7677 12.2383ZM22.9692 24.5883C22.7621 24.5883 22.6021 24.5226 22.5552 24.3436L22.1972 23.0914H20.0411L19.6836 24.3436C19.6365 24.5226 19.4765 24.5883 19.2693 24.5883C18.9397 24.5883 18.4973 24.3814 18.4973 24.0802C18.4973 24.0612 18.5067 24.0237 18.5161 23.9859L20.3332 18.0643C20.4179 17.7818 20.7662 17.6498 21.1146 17.6498C21.4723 17.6498 21.8207 17.7818 21.9054 18.0643L23.7225 23.9859C23.7318 24.0237 23.7412 24.0518 23.7412 24.0802C23.7412 24.3718 23.2988 24.5883 22.9692 24.5883Z" fill="white"/>
-<path d="M20.2954 22.131H21.9337L21.1143 19.241L20.2954 22.131Z" fill="white"/>
-<path d="M10.4807 15.4706C10.4807 14.2905 10.8934 13.2056 11.5807 12.3502C10.578 12.3502 9.6476 12.0364 8.88062 11.5034C8.11363 12.0367 7.18323 12.3502 6.18027 12.3502C5.90675 12.3502 5.68474 12.1282 5.68474 11.8545C5.68474 11.5807 5.90675 11.3589 6.18027 11.3589C6.88271 11.3589 7.54005 11.1644 8.10287 10.8275C7.42401 10.0948 6.97266 9.14886 6.86348 8.10196H6.1805C5.90675 8.10196 5.68474 7.88017 5.68474 7.60643C5.68474 7.33269 5.90675 7.11067 6.1805 7.11067H8.38531V5.90721C8.38531 5.63324 8.6071 5.41145 8.88084 5.41145C9.15459 5.41145 9.37637 5.63324 9.37637 5.90721V7.11067H11.5812C11.8549 7.11067 12.077 7.33269 12.077 7.60643C12.077 7.88017 11.8549 8.10196 11.5812 8.10196H10.8982C10.789 9.14886 10.3377 10.0948 9.65881 10.8275C10.2214 11.1649 10.879 11.3589 11.5812 11.3589C11.8428 11.3589 12.0566 11.5617 12.0751 11.8188C12.9666 10.9893 14.1602 10.4805 15.471 10.4805H17.7617V8.39172C19.0587 7.46534 20.3833 6.57167 21.6211 5.56641C20.3441 4.60054 19.0292 3.68558 17.7264 2.75505C17.4948 1.1982 16.1492 0 14.5292 0H3.2325C1.44997 0 0 1.44997 0 3.23227V14.5294C0 16.3117 1.44997 17.7617 3.2325 17.7617H10.4807V15.4706Z" fill="white"/>
-<path d="M8.88072 10.2081C9.42317 9.64531 9.79144 8.91449 9.89925 8.10219H7.86243C7.97023 8.91449 8.33873 9.64531 8.88072 10.2081Z" fill="white"/>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.7677 12.2383H15.4708C13.6885 12.2383 12.2385 13.6883 12.2385 15.4706V21.6083C10.9445 22.5326 9.63063 23.4325 8.37891 24.4139C9.64181 25.4045 10.968 26.3123 12.2738 27.2449C12.5052 28.8018 13.8508 30 15.4708 30H26.7677C28.55 30 30 28.55 30 26.7675V15.4706C30 13.6883 28.55 12.2383 26.7677 12.2383ZM22.9692 24.5883C22.7621 24.5883 22.6021 24.5226 22.5552 24.3436L22.1972 23.0914H20.0411L19.6836 24.3436C19.6365 24.5226 19.4765 24.5883 19.2693 24.5883C18.9397 24.5883 18.4973 24.3814 18.4973 24.0802C18.4973 24.0612 18.5067 24.0237 18.5161 23.9859L20.3332 18.0643C20.4179 17.7818 20.7662 17.6498 21.1146 17.6498C21.4723 17.6498 21.8207 17.7818 21.9054 18.0643L23.7225 23.9859C23.7318 24.0237 23.7412 24.0518 23.7412 24.0802C23.7412 24.3718 23.2988 24.5883 22.9692 24.5883Z" fill="white"/>
+<path d="M20.2954 22.131H21.9337L21.1143 19.241L20.2954 22.131Z" fill="white"/>
+<path d="M10.4807 15.4706C10.4807 14.2905 10.8934 13.2056 11.5807 12.3502C10.578 12.3502 9.6476 12.0364 8.88062 11.5034C8.11363 12.0367 7.18323 12.3502 6.18027 12.3502C5.90675 12.3502 5.68474 12.1282 5.68474 11.8545C5.68474 11.5807 5.90675 11.3589 6.18027 11.3589C6.88271 11.3589 7.54005 11.1644 8.10287 10.8275C7.42401 10.0948 6.97266 9.14886 6.86348 8.10196H6.1805C5.90675 8.10196 5.68474 7.88017 5.68474 7.60643C5.68474 7.33269 5.90675 7.11067 6.1805 7.11067H8.38531V5.90721C8.38531 5.63324 8.6071 5.41145 8.88084 5.41145C9.15459 5.41145 9.37637 5.63324 9.37637 5.90721V7.11067H11.5812C11.8549 7.11067 12.077 7.33269 12.077 7.60643C12.077 7.88017 11.8549 8.10196 11.5812 8.10196H10.8982C10.789 9.14886 10.3377 10.0948 9.65881 10.8275C10.2214 11.1649 10.879 11.3589 11.5812 11.3589C11.8428 11.3589 12.0566 11.5617 12.0751 11.8188C12.9666 10.9893 14.1602 10.4805 15.471 10.4805H17.7617V8.39172C19.0587 7.46534 20.3833 6.57167 21.6211 5.56641C20.3441 4.60054 19.0292 3.68558 17.7264 2.75505C17.4948 1.1982 16.1492 0 14.5292 0H3.2325C1.44997 0 0 1.44997 0 3.23227V14.5294C0 16.3117 1.44997 17.7617 3.2325 17.7617H10.4807V15.4706Z" fill="white"/>
+<path d="M8.88072 10.2081C9.42317 9.64531 9.79144 8.91449 9.89925 8.10219H7.86243C7.97023 8.91449 8.33873 9.64531 8.88072 10.2081Z" fill="white"/>
+</svg>

package/src/assets/icons/pdf_icon.svg

@@ -1,6 +1,6 @@
-<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.5999 25.8002H2.8999C1.4999 25.8002 0.399902 24.7002 0.399902 23.3002V2.7002C0.399902 1.3002 1.4999 0.200195 2.8999 0.200195H13.7999L19.0999 5.5002V9.0002H17.2999V6.2002L13.0999 2.0002H2.8999C2.4999 2.0002 2.1999 2.3002 2.1999 2.7002V23.4002C2.1999 23.8002 2.4999 24.1002 2.8999 24.1002H16.6999C17.0999 24.1002 17.3999 23.8002 17.3999 23.4002H19.1999C19.0999 24.7002 17.9999 25.8002 16.5999 25.8002Z" fill="white"/>
-<path d="M23 12.6V15H26.4V16.5H23V20.6H21.2V11.3V11H21.5H26.6V12.6H23Z" fill="white"/>
-<path d="M18.9999 12.2C18.0999 11.4 16.8999 11 15.1999 11C14.2999 11 13.3999 11.1 12.6999 11.2H12.3999V11.5V20.5H12.6999C13.2999 20.6 13.9999 20.6 14.7999 20.6C16.5999 20.6 17.9999 20.1 18.8999 19.2C19.7999 18.3 20.2999 17 20.2999 15.5C20.2999 14.1 19.7999 13 18.9999 12.2ZM15.0999 19.1C14.7999 19.1 14.4999 19.1 14.1999 19.1V12.6C14.4999 12.6 14.7999 12.5 15.1999 12.5C16.3999 12.5 17.1999 12.8 17.6999 13.4C18.1999 13.9 18.4999 14.7 18.4999 15.7C18.4999 16.8 18.1999 17.7 17.5999 18.3C16.9999 18.9 16.1999 19.1 15.0999 19.1Z" fill="white"/>
-<path d="M10.5999 11.8C9.9999 11.3 9.0999 11 7.8999 11C6.9999 11 6.1999 11.1 5.5999 11.2H5.3999V20.5H7.0999V17C7.2999 17 7.4999 17 7.6999 17C8.8999 17 9.8999 16.7 10.5999 15.9C11.0999 15.4 11.3999 14.6 11.3999 13.8C11.4999 13 11.0999 12.2 10.5999 11.8ZM7.7999 15.5C7.4999 15.5 7.2999 15.5 7.1999 15.5V12.5H7.2999C7.4999 12.5 7.6999 12.5 7.8999 12.5C8.4999 12.5 8.8999 12.6 9.1999 12.9C9.4999 13.1 9.6999 13.5 9.6999 14C9.6999 14.5 9.4999 14.9 9.1999 15.2C8.8999 15.4 8.4999 15.5 7.7999 15.5Z" fill="white"/>
-</svg>
+<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5999 25.8002H2.8999C1.4999 25.8002 0.399902 24.7002 0.399902 23.3002V2.7002C0.399902 1.3002 1.4999 0.200195 2.8999 0.200195H13.7999L19.0999 5.5002V9.0002H17.2999V6.2002L13.0999 2.0002H2.8999C2.4999 2.0002 2.1999 2.3002 2.1999 2.7002V23.4002C2.1999 23.8002 2.4999 24.1002 2.8999 24.1002H16.6999C17.0999 24.1002 17.3999 23.8002 17.3999 23.4002H19.1999C19.0999 24.7002 17.9999 25.8002 16.5999 25.8002Z" fill="white"/>
+<path d="M23 12.6V15H26.4V16.5H23V20.6H21.2V11.3V11H21.5H26.6V12.6H23Z" fill="white"/>
+<path d="M18.9999 12.2C18.0999 11.4 16.8999 11 15.1999 11C14.2999 11 13.3999 11.1 12.6999 11.2H12.3999V11.5V20.5H12.6999C13.2999 20.6 13.9999 20.6 14.7999 20.6C16.5999 20.6 17.9999 20.1 18.8999 19.2C19.7999 18.3 20.2999 17 20.2999 15.5C20.2999 14.1 19.7999 13 18.9999 12.2ZM15.0999 19.1C14.7999 19.1 14.4999 19.1 14.1999 19.1V12.6C14.4999 12.6 14.7999 12.5 15.1999 12.5C16.3999 12.5 17.1999 12.8 17.6999 13.4C18.1999 13.9 18.4999 14.7 18.4999 15.7C18.4999 16.8 18.1999 17.7 17.5999 18.3C16.9999 18.9 16.1999 19.1 15.0999 19.1Z" fill="white"/>
+<path d="M10.5999 11.8C9.9999 11.3 9.0999 11 7.8999 11C6.9999 11 6.1999 11.1 5.5999 11.2H5.3999V20.5H7.0999V17C7.2999 17 7.4999 17 7.6999 17C8.8999 17 9.8999 16.7 10.5999 15.9C11.0999 15.4 11.3999 14.6 11.3999 13.8C11.4999 13 11.0999 12.2 10.5999 11.8ZM7.7999 15.5C7.4999 15.5 7.2999 15.5 7.1999 15.5V12.5H7.2999C7.4999 12.5 7.6999 12.5 7.8999 12.5C8.4999 12.5 8.8999 12.6 9.1999 12.9C9.4999 13.1 9.6999 13.5 9.6999 14C9.6999 14.5 9.4999 14.9 9.1999 15.2C8.8999 15.4 8.4999 15.5 7.7999 15.5Z" fill="white"/>
+</svg>