@eturnity/eturnity_reusable_components 7.33.4-EPDM-11313.0 → 7.33.4-EPDM-11205.1

package/package.json

@@ -1,76 +1,76 @@
-{
-  "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.33.4-EPDM-11313.0",
-  "private": false,
-  "scripts": {
-    "dev": "vue-cli-service serve",
-    "build": "vue-cli-service 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",
-    "prepublishOnly": "npm run test"
-  },
-  "dependencies": {
-    "@storybook/vue3": "8.2.8",
-    "@vue/compat": "3.3.4",
-    "@vueform/slider": "2.1.10",
-    "@vuepic/vue-datepicker": "6.1.0",
-    "click-outside-vue3": "4.0.1",
-    "html-loader": "0.5.5",
-    "postcss": "8.4.25",
-    "vue": "3.3.4",
-    "vue-router": "^4.4.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.8",
-    "@storybook/addon-interactions": "^8.2.8",
-    "@storybook/addon-links": "^8.2.8",
-    "@storybook/addon-onboarding": "^8.2.8",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
-    "@storybook/blocks": "^8.2.8",
-    "@storybook/test": "^8.2.8",
-    "@storybook/testing-library": "^0.2.1",
-    "@storybook/vue3-webpack5": "^8.2.8",
-    "@types/node": "^22.1.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",
-    "jest": "^26.6.3",
-    "prettier": "2.8.4",
-    "storybook": "^8.2.8",
-    "vue-jest": "^5.0.0-alpha.10",
-    "vue-loader": "^17.4.2"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "description": "## Project setup ``` npm install ```",
-  "main": "babel.config.js",
-  "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": "7.33.4-EPDM-11205.1",
+  "private": false,
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service 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",
+    "prepublishOnly": "npm run test"
+  },
+  "dependencies": {
+    "@storybook/vue3": "8.2.8",
+    "@vue/compat": "3.3.4",
+    "@vueform/slider": "2.1.10",
+    "@vuepic/vue-datepicker": "6.1.0",
+    "click-outside-vue3": "4.0.1",
+    "html-loader": "0.5.5",
+    "postcss": "8.4.25",
+    "vue": "3.3.4",
+    "vue-router": "^4.4.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.8",
+    "@storybook/addon-interactions": "^8.2.8",
+    "@storybook/addon-links": "^8.2.8",
+    "@storybook/addon-onboarding": "^8.2.8",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/blocks": "^8.2.8",
+    "@storybook/test": "^8.2.8",
+    "@storybook/testing-library": "^0.2.1",
+    "@storybook/vue3-webpack5": "^8.2.8",
+    "@types/node": "^22.1.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",
+    "jest": "^26.6.3",
+    "prettier": "2.8.4",
+    "storybook": "^8.2.8",
+    "vue-jest": "^5.0.0-alpha.10",
+    "vue-loader": "^17.4.2"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "description": "## Project setup ``` npm install ```",
+  "main": "babel.config.js",
+  "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/postcss.config.js

@@ -1,6 +1,6 @@
-module.exports = {
-  plugins: {
-    // Add your PostCSS plugins here
-    // Example: require('autoprefixer')
-  }
-}
+module.exports = {
+  plugins: {
+    // Add your PostCSS plugins here
+    // Example: require('autoprefixer')
+  }
+}

package/src/App.vue

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

package/src/Test.vue

@@ -1,112 +1,112 @@
-<template>
-  <PageContainer>
-    <ToggleComponent
-      :disabled="false"
-      info-text-message="My info message"
-      :is-checked="true"
-      label="My Label Text"
-      label-align="right"
-      toggle-color="red"
-    />
-    <br />
-    <InputNumber
-      background-color="transparent"
-      border-color="eturnityGrey"
-      input-height="34px"
-      input-width="420px"
-      :interaction-step="1"
-      :is-interactive="true"
-      :min-number="0"
-      :number-precision="0"
-      text-align="left"
-      unit-name="mm"
-      :value="value"
-      @input-blur="blurHandler"
-      @input-change="changeHandler"
-      @input-focus="focusHandler"
-      @on-input="inputHandler"
-    >
-      <template #label>
-        <div>Interactive Label 1</div>
-      </template>
-    </InputNumber>
-
-    <hr />
-
-    <InputNumber
-      background-color="transparent"
-      border-color="eturnityGrey"
-      input-height="34px"
-      input-width="420px"
-      :interaction-step="1"
-      :is-interactive="true"
-      :min-number="0"
-      :number-precision="0"
-      text-align="left"
-      unit-name="mm"
-      :value="value"
-      @input-blur="blurHandler"
-      @input-change="changeHandler"
-      @input-focus="focusHandler"
-      @on-input="inputHandler"
-    >
-      <template #label>
-        <div>Interactive Label 2</div>
-      </template>
-    </InputNumber>
-
-    <hr />
-    <button @click="value = 42">Click to set at 42</button>
-  </PageContainer>
-</template>
-
-<script>
-  import styled from 'vue3-styled-components'
-  import InputNumber from '@/components/inputs/inputNumber'
-  import ToggleComponent from '@/components/inputs/toggle'
-
-  const PageContainer = styled.div`
-    padding: 40px;
-  `
-
-  export default {
-    name: 'App',
-    components: {
-      PageContainer,
-      InputNumber,
-      ToggleComponent,
-    },
-    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>
+    <ToggleComponent
+      :disabled="false"
+      info-text-message="My info message"
+      :is-checked="true"
+      label="My Label Text"
+      label-align="right"
+      toggle-color="red"
+    />
+    <br />
+    <InputNumber
+      background-color="transparent"
+      border-color="eturnityGrey"
+      input-height="34px"
+      input-width="420px"
+      :interaction-step="1"
+      :is-interactive="true"
+      :min-number="0"
+      :number-precision="0"
+      text-align="left"
+      unit-name="mm"
+      :value="value"
+      @input-blur="blurHandler"
+      @input-change="changeHandler"
+      @input-focus="focusHandler"
+      @on-input="inputHandler"
+    >
+      <template #label>
+        <div>Interactive Label 1</div>
+      </template>
+    </InputNumber>
+
+    <hr />
+
+    <InputNumber
+      background-color="transparent"
+      border-color="eturnityGrey"
+      input-height="34px"
+      input-width="420px"
+      :interaction-step="1"
+      :is-interactive="true"
+      :min-number="0"
+      :number-precision="0"
+      text-align="left"
+      unit-name="mm"
+      :value="value"
+      @input-blur="blurHandler"
+      @input-change="changeHandler"
+      @input-focus="focusHandler"
+      @on-input="inputHandler"
+    >
+      <template #label>
+        <div>Interactive Label 2</div>
+      </template>
+    </InputNumber>
+
+    <hr />
+    <button @click="value = 42">Click to set at 42</button>
+  </PageContainer>
+</template>
+
+<script>
+  import styled from 'vue3-styled-components'
+  import InputNumber from '@/components/inputs/inputNumber'
+  import ToggleComponent from '@/components/inputs/toggle'
+
+  const PageContainer = styled.div`
+    padding: 40px;
+  `
+
+  export default {
+    name: 'App',
+    components: {
+      PageContainer,
+      InputNumber,
+      ToggleComponent,
+    },
+    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>