@eturnity/eturnity_reusable_components 7.45.5-EPDM-11313-EPDM-11314.2 → 7.45.5-EPDM-12680.0

package/src/Test.vue

@@ -1,128 +1,128 @@
-<template>
-  <PageContainer>
-    <SpinnerComponent size="60px" />
-    <IconComponent color="red" cursor="pointer" name="House" size="30px" />
-    <MainButton icon="bell" text="Click ME" type="secondary" />
-    <AddNewButton />
-    <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>
-    <br />
-    <IconCollection />
-  </PageContainer>
-</template>
-
-<script>
-  import styled from 'vue3-styled-components'
-  import InputNumber from '@/components/inputs/inputNumber'
-  import ToggleComponent from '@/components/inputs/toggle'
-  import IconCollection from '@/components/icon/iconCollection'
-  import AddNewButton from '@/components/addNewButton'
-  import MainButton from '@/components/buttons/mainButton'
-  import IconComponent from '@/components/icon'
-  import SpinnerComponent from '@/components/spinner'
-
-  const PageContainer = styled.div`
-    padding: 40px;
-  `
-
-  export default {
-    name: 'App',
-    components: {
-      PageContainer,
-      InputNumber,
-      ToggleComponent,
-      IconCollection,
-      AddNewButton,
-      MainButton,
-      IconComponent,
-      SpinnerComponent,
-    },
-    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>
+    <SpinnerComponent size="60px" />
+    <IconComponent color="red" cursor="pointer" name="House" size="30px" />
+    <MainButton icon="bell" text="Click ME" type="secondary" />
+    <AddNewButton />
+    <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>
+    <br />
+    <IconCollection />
+  </PageContainer>
+</template>
+
+<script>
+  import styled from 'vue3-styled-components'
+  import InputNumber from '@/components/inputs/inputNumber'
+  import ToggleComponent from '@/components/inputs/toggle'
+  import IconCollection from '@/components/icon/iconCollection'
+  import AddNewButton from '@/components/addNewButton'
+  import MainButton from '@/components/buttons/mainButton'
+  import IconComponent from '@/components/icon'
+  import SpinnerComponent from '@/components/spinner'
+
+  const PageContainer = styled.div`
+    padding: 40px;
+  `
+
+  export default {
+    name: 'App',
+    components: {
+      PageContainer,
+      InputNumber,
+      ToggleComponent,
+      IconCollection,
+      AddNewButton,
+      MainButton,
+      IconComponent,
+      SpinnerComponent,
+    },
+    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>

package/src/assets/icons/plus_button.svg

@@ -1,4 +1,4 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 10V12L0 12L1.19209e-07 10L22 10Z" fill="white"/>
-<path d="M10 0H12V22H10V0Z" fill="white"/>
-</svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 10V12L0 12L1.19209e-07 10L22 10Z" fill="white"/>
+<path d="M10 0H12V22H10V0Z" fill="white"/>
+</svg>

package/src/assets/icons/search_icon_black.svg

@@ -1,3 +1,3 @@
-<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.9751 13.6383L11.3396 9.9957C12.0755 8.94938 12.4395 7.6858 12.3731 6.40752C12.3068 5.12923 11.8141 3.91027 10.9739 2.94605C10.1337 1.98183 8.9947 1.3282 7.73954 1.08993C6.48437 0.85166 5.1857 1.04256 4.05173 1.63202C2.91776 2.22148 2.01415 3.17536 1.48577 4.34076C0.957383 5.50615 0.834825 6.81556 1.13774 8.05906C1.44065 9.30257 2.1515 10.4082 3.15631 11.1986C4.16113 11.989 5.40173 12.4185 6.67922 12.4183C7.86776 12.418 9.02614 12.0434 9.99056 11.3474L13.626 14.9901L14.9751 13.6383ZM3.98109 9.38128C3.44671 8.84727 3.08262 8.16629 2.93499 7.42469C2.78736 6.68309 2.86284 5.91427 3.15185 5.2157C3.44086 4.51713 3.93039 3.92029 4.55837 3.50084C5.18635 3.08139 5.9245 2.85823 6.67922 2.85965C7.40253 2.85844 8.11118 3.06399 8.72198 3.45218C9.33279 3.84037 9.8204 4.39508 10.1276 5.05121C10.4348 5.70735 10.5488 6.43766 10.4562 7.15645C10.3637 7.87523 10.0684 8.55264 9.60512 9.10918L9.09703 9.61827C8.37063 10.2302 7.44086 10.5457 6.49283 10.5017C5.54479 10.4578 4.64804 10.0578 3.98109 9.38128Z" fill="#263238"/>
-</svg>
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.9751 13.6383L11.3396 9.9957C12.0755 8.94938 12.4395 7.6858 12.3731 6.40752C12.3068 5.12923 11.8141 3.91027 10.9739 2.94605C10.1337 1.98183 8.9947 1.3282 7.73954 1.08993C6.48437 0.85166 5.1857 1.04256 4.05173 1.63202C2.91776 2.22148 2.01415 3.17536 1.48577 4.34076C0.957383 5.50615 0.834825 6.81556 1.13774 8.05906C1.44065 9.30257 2.1515 10.4082 3.15631 11.1986C4.16113 11.989 5.40173 12.4185 6.67922 12.4183C7.86776 12.418 9.02614 12.0434 9.99056 11.3474L13.626 14.9901L14.9751 13.6383ZM3.98109 9.38128C3.44671 8.84727 3.08262 8.16629 2.93499 7.42469C2.78736 6.68309 2.86284 5.91427 3.15185 5.2157C3.44086 4.51713 3.93039 3.92029 4.55837 3.50084C5.18635 3.08139 5.9245 2.85823 6.67922 2.85965C7.40253 2.85844 8.11118 3.06399 8.72198 3.45218C9.33279 3.84037 9.8204 4.39508 10.1276 5.05121C10.4348 5.70735 10.5488 6.43766 10.4562 7.15645C10.3637 7.87523 10.0684 8.55264 9.60512 9.10918L9.09703 9.61827C8.37063 10.2302 7.44086 10.5457 6.49283 10.5017C5.54479 10.4578 4.64804 10.0578 3.98109 9.38128Z" fill="#263238"/>
+</svg>

package/src/assets/icons/subposition_icon.svg

@@ -1,3 +1,3 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 0V10H7" stroke="#B2B9C5"/>
-</svg>
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 0V10H7" stroke="#B2B9C5"/>
+</svg>

package/src/assets/icons/subposition_marker.svg

@@ -1,3 +1,3 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 0V10H7" stroke="#B2B9C5"/>
-</svg>
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 0V10H7" stroke="#B2B9C5"/>
+</svg>

package/src/assets/icons/warning_icon.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 -1.04907e-06C14.3734 -8.41587e-07 16.6934 0.703787 18.6668 2.02236C20.6402 3.34094 22.1783 5.21509 23.0865 7.4078C23.9948 9.60051 24.2324 12.0133 23.7694 14.3411C23.3064 16.6689 22.1635 18.8071 20.4853 20.4853C18.807 22.1635 16.6688 23.3064 14.3411 23.7694C12.0133 24.2324 9.6005 23.9948 7.40779 23.0866C5.21508 22.1783 3.34093 20.6402 2.02236 18.6668C0.703782 16.6935 -6.97861e-06 14.3734 -6.77112e-06 12C-6.49289e-06 8.8174 1.26428 5.76515 3.51471 3.51472C5.76515 1.26428 8.8174 -1.32731e-06 12 -1.04907e-06ZM9.74999 19.81L14.25 19.81L14.25 10.81L9.74999 10.81L9.74999 19.81ZM12 8.69C12.445 8.69 12.88 8.55804 13.25 8.31081C13.62 8.06357 13.9084 7.71217 14.0787 7.30104C14.249 6.8899 14.2936 6.4375 14.2068 6.00105C14.1199 5.56459 13.9057 5.16368 13.591 4.84901C13.2763 4.53434 12.8754 4.32005 12.4389 4.23323C12.0025 4.14642 11.5501 4.19097 11.139 4.36127C10.7278 4.53157 10.3764 4.81996 10.1292 5.18997C9.88195 5.55998 9.74999 5.99499 9.74999 6.44C9.75079 7.03649 9.98809 7.60833 10.4099 8.03011C10.8317 8.4519 11.4035 8.68921 12 8.69Z" fill="#B2B9C5"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 -1.04907e-06C14.3734 -8.41587e-07 16.6934 0.703787 18.6668 2.02236C20.6402 3.34094 22.1783 5.21509 23.0865 7.4078C23.9948 9.60051 24.2324 12.0133 23.7694 14.3411C23.3064 16.6689 22.1635 18.8071 20.4853 20.4853C18.807 22.1635 16.6688 23.3064 14.3411 23.7694C12.0133 24.2324 9.6005 23.9948 7.40779 23.0866C5.21508 22.1783 3.34093 20.6402 2.02236 18.6668C0.703782 16.6935 -6.97861e-06 14.3734 -6.77112e-06 12C-6.49289e-06 8.8174 1.26428 5.76515 3.51471 3.51472C5.76515 1.26428 8.8174 -1.32731e-06 12 -1.04907e-06ZM9.74999 19.81L14.25 19.81L14.25 10.81L9.74999 10.81L9.74999 19.81ZM12 8.69C12.445 8.69 12.88 8.55804 13.25 8.31081C13.62 8.06357 13.9084 7.71217 14.0787 7.30104C14.249 6.8899 14.2936 6.4375 14.2068 6.00105C14.1199 5.56459 13.9057 5.16368 13.591 4.84901C13.2763 4.53434 12.8754 4.32005 12.4389 4.23323C12.0025 4.14642 11.5501 4.19097 11.139 4.36127C10.7278 4.53157 10.3764 4.81996 10.1292 5.18997C9.88195 5.55998 9.74999 5.99499 9.74999 6.44C9.75079 7.03649 9.98809 7.60833 10.4099 8.03011C10.8317 8.4519 11.4035 8.68921 12 8.69Z" fill="#B2B9C5"/>
+</svg>

package/src/assets/svgIcons/2d_active.svg

@@ -1,7 +1,7 @@
-<svg fill="none" height="35" viewbox="4 2 32 35" width="32" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.5503 29.3C18.5503 30.3 17.7503 31.4 16.7503 32.5L14.6503 34.7H18.9503V36.5H11.7503V35L15.2503 31.3C15.8503 30.7 16.2503 30 16.2503 29.6C16.2503 29 15.7503 28.6 14.9503 28.6C14.1503 28.6 13.1503 29.1 12.3503 29.8L11.5503 28.2C12.7503 27.3 13.9503 26.8 15.3503 26.8C17.1503 26.8 18.5503 27.8 18.5503 29.3Z" fill="#666666"></path>
-<path d="M24.4502 26.9001C27.4502 26.9001 29.5502 28.9001 29.5502 31.7001C29.5502 34.5001 27.4502 36.5001 24.4502 36.5001H20.4502V26.9001H24.4502ZM22.5502 34.7001H24.5502C26.1502 34.7001 27.3502 33.5001 27.3502 31.7001C27.3502 29.9001 26.1502 28.7001 24.4502 28.7001H22.5502V34.7001V34.7001Z" fill="#666666"></path>
-<path d="M35.0502 13L20.0502 22.5L4.9502 13L20.0502 3.5L35.0502 13Z" stroke="#666666" stroke-miterlimit="10"></path>
-<path d="M4.9502 13H20.0502H35.0502" stroke="#666666" stroke-miterlimit="10"></path>
-<path d="M20.0503 3.5V22.5" stroke="#666666" stroke-miterlimit="10"></path>
-</svg>
+<svg fill="none" height="35" viewbox="4 2 32 35" width="32" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.5503 29.3C18.5503 30.3 17.7503 31.4 16.7503 32.5L14.6503 34.7H18.9503V36.5H11.7503V35L15.2503 31.3C15.8503 30.7 16.2503 30 16.2503 29.6C16.2503 29 15.7503 28.6 14.9503 28.6C14.1503 28.6 13.1503 29.1 12.3503 29.8L11.5503 28.2C12.7503 27.3 13.9503 26.8 15.3503 26.8C17.1503 26.8 18.5503 27.8 18.5503 29.3Z" fill="#666666"></path>
+<path d="M24.4502 26.9001C27.4502 26.9001 29.5502 28.9001 29.5502 31.7001C29.5502 34.5001 27.4502 36.5001 24.4502 36.5001H20.4502V26.9001H24.4502ZM22.5502 34.7001H24.5502C26.1502 34.7001 27.3502 33.5001 27.3502 31.7001C27.3502 29.9001 26.1502 28.7001 24.4502 28.7001H22.5502V34.7001V34.7001Z" fill="#666666"></path>
+<path d="M35.0502 13L20.0502 22.5L4.9502 13L20.0502 3.5L35.0502 13Z" stroke="#666666" stroke-miterlimit="10"></path>
+<path d="M4.9502 13H20.0502H35.0502" stroke="#666666" stroke-miterlimit="10"></path>
+<path d="M20.0503 3.5V22.5" stroke="#666666" stroke-miterlimit="10"></path>
+</svg>

package/src/assets/svgIcons/2d_inactive.svg

@@ -1,8 +1,8 @@
-<svg fill="none" height="42" viewbox="-1 -1 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
-<rect fill="#B2B9C5" height="40" width="40"></rect>
-<path d="M18.5503 29.3C18.5503 30.3 17.7503 31.4 16.7503 32.5L14.6503 34.7H18.9503V36.5H11.7503V35L15.2503 31.3C15.8503 30.7 16.2503 30 16.2503 29.6C16.2503 29 15.7503 28.6 14.9503 28.6C14.1503 28.6 13.1503 29.1 12.3503 29.8L11.5503 28.2C12.7503 27.3 13.9503 26.8 15.3503 26.8C17.1503 26.8 18.5503 27.8 18.5503 29.3Z" fill="white"></path>
-<path d="M24.4502 26.9001C27.4502 26.9001 29.5502 28.9001 29.5502 31.7001C29.5502 34.5001 27.4502 36.5001 24.4502 36.5001H20.4502V26.9001H24.4502ZM22.5502 34.7001H24.5502C26.1502 34.7001 27.3502 33.5001 27.3502 31.7001C27.3502 29.9001 26.1502 28.7001 24.4502 28.7001H22.5502V34.7001V34.7001Z" fill="white"></path>
-<path d="M35.0502 13L20.0502 22.5L4.9502 13L20.0502 3.5L35.0502 13Z" stroke="white" stroke-miterlimit="10"></path>
-<path d="M4.9502 13H20.0502H35.0502" stroke="white" stroke-miterlimit="10"></path>
-<path d="M20.0503 3.5V22.5" stroke="white" stroke-miterlimit="10"></path>
-</svg>
+<svg fill="none" height="42" viewbox="-1 -1 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
+<rect fill="#B2B9C5" height="40" width="40"></rect>
+<path d="M18.5503 29.3C18.5503 30.3 17.7503 31.4 16.7503 32.5L14.6503 34.7H18.9503V36.5H11.7503V35L15.2503 31.3C15.8503 30.7 16.2503 30 16.2503 29.6C16.2503 29 15.7503 28.6 14.9503 28.6C14.1503 28.6 13.1503 29.1 12.3503 29.8L11.5503 28.2C12.7503 27.3 13.9503 26.8 15.3503 26.8C17.1503 26.8 18.5503 27.8 18.5503 29.3Z" fill="white"></path>
+<path d="M24.4502 26.9001C27.4502 26.9001 29.5502 28.9001 29.5502 31.7001C29.5502 34.5001 27.4502 36.5001 24.4502 36.5001H20.4502V26.9001H24.4502ZM22.5502 34.7001H24.5502C26.1502 34.7001 27.3502 33.5001 27.3502 31.7001C27.3502 29.9001 26.1502 28.7001 24.4502 28.7001H22.5502V34.7001V34.7001Z" fill="white"></path>
+<path d="M35.0502 13L20.0502 22.5L4.9502 13L20.0502 3.5L35.0502 13Z" stroke="white" stroke-miterlimit="10"></path>
+<path d="M4.9502 13H20.0502H35.0502" stroke="white" stroke-miterlimit="10"></path>
+<path d="M20.0503 3.5V22.5" stroke="white" stroke-miterlimit="10"></path>
+</svg>

package/src/assets/svgIcons/3d_active.svg

@@ -1,7 +1,7 @@
-<svg fill="none" height="36" viewbox="5 2 30 36" width="30" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.45 31.6001C17.75 31.8001 18.75 32.6001 18.75 34.0001C18.75 35.7001 17.45 36.9001 15.45 36.9001C14.25 36.9001 13.05 36.5001 12.25 35.9001L13.05 34.2001C13.75 34.9001 14.55 35.2001 15.35 35.2001C16.35 35.2001 16.85 34.7001 16.85 34.0001C16.85 33.2001 16.35 32.8001 15.35 32.8001H13.95V31.7001L16.05 29.5001H12.65V27.9001H18.35V29.1001L16.05 31.5001L16.45 31.6001Z" fill="#666666"></path>
-<path d="M24.05 27.9001C26.85 27.9001 28.75 29.7001 28.75 32.4001C28.75 35.0001 26.85 36.9001 23.95 36.9001H20.25V28.0001H24.05V27.9001ZM22.25 35.1001H24.05C25.55 35.1001 26.65 34.0001 26.65 32.4001C26.65 30.8001 25.55 29.6001 23.95 29.6001H22.25V35.1001V35.1001Z" fill="#666666"></path>
-<path d="M20.1498 4.6001L32.2498 18.7001L19.9498 23.8001L7.7498 18.7001L20.1498 4.6001ZM20.1498 3.1001L6.0498 19.1001L19.9498 24.9001L33.9498 19.1001L20.1498 3.1001Z" fill="#666666"></path>
-<path d="M20.1497 4.5L19.9497 24.4" stroke="#666666" stroke-miterlimit="10"></path>
-<path d="M7.25 19L19.95 13.3L32.55 18.5" stroke="#666666" stroke-dasharray="3 3" stroke-miterlimit="10"></path>
-</svg>
+<svg fill="none" height="36" viewbox="5 2 30 36" width="30" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.45 31.6001C17.75 31.8001 18.75 32.6001 18.75 34.0001C18.75 35.7001 17.45 36.9001 15.45 36.9001C14.25 36.9001 13.05 36.5001 12.25 35.9001L13.05 34.2001C13.75 34.9001 14.55 35.2001 15.35 35.2001C16.35 35.2001 16.85 34.7001 16.85 34.0001C16.85 33.2001 16.35 32.8001 15.35 32.8001H13.95V31.7001L16.05 29.5001H12.65V27.9001H18.35V29.1001L16.05 31.5001L16.45 31.6001Z" fill="#666666"></path>
+<path d="M24.05 27.9001C26.85 27.9001 28.75 29.7001 28.75 32.4001C28.75 35.0001 26.85 36.9001 23.95 36.9001H20.25V28.0001H24.05V27.9001ZM22.25 35.1001H24.05C25.55 35.1001 26.65 34.0001 26.65 32.4001C26.65 30.8001 25.55 29.6001 23.95 29.6001H22.25V35.1001V35.1001Z" fill="#666666"></path>
+<path d="M20.1498 4.6001L32.2498 18.7001L19.9498 23.8001L7.7498 18.7001L20.1498 4.6001ZM20.1498 3.1001L6.0498 19.1001L19.9498 24.9001L33.9498 19.1001L20.1498 3.1001Z" fill="#666666"></path>
+<path d="M20.1497 4.5L19.9497 24.4" stroke="#666666" stroke-miterlimit="10"></path>
+<path d="M7.25 19L19.95 13.3L32.55 18.5" stroke="#666666" stroke-dasharray="3 3" stroke-miterlimit="10"></path>
+</svg>

package/src/assets/svgIcons/3d_inactive.svg

@@ -1,8 +1,8 @@
-<svg fill="none" height="42" viewbox="-1 -1 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
-<rect fill="#B2B9C5" height="40" width="40"></rect>
-<path d="M16.45 31.6001C17.75 31.8001 18.75 32.6001 18.75 34.0001C18.75 35.7001 17.45 36.9001 15.45 36.9001C14.25 36.9001 13.05 36.5001 12.25 35.9001L13.05 34.2001C13.75 34.9001 14.55 35.2001 15.35 35.2001C16.35 35.2001 16.85 34.7001 16.85 34.0001C16.85 33.2001 16.35 32.8001 15.35 32.8001H13.95V31.7001L16.05 29.5001H12.65V27.9001H18.35V29.1001L16.05 31.5001L16.45 31.6001Z" fill="white"></path>
-<path d="M24.05 27.9001C26.85 27.9001 28.75 29.7001 28.75 32.4001C28.75 35.0001 26.85 36.9001 23.95 36.9001H20.25V28.0001H24.05V27.9001ZM22.25 35.1001H24.05C25.55 35.1001 26.65 34.0001 26.65 32.4001C26.65 30.8001 25.55 29.6001 23.95 29.6001H22.25V35.1001V35.1001Z" fill="white"></path>
-<path d="M20.1498 4.6001L32.2498 18.7001L19.9498 23.8001L7.7498 18.7001L20.1498 4.6001ZM20.1498 3.1001L6.0498 19.1001L19.9498 24.9001L33.9498 19.1001L20.1498 3.1001Z" fill="white"></path>
-<path d="M20.1497 4.5L19.9497 24.4" stroke="white" stroke-miterlimit="10"></path>
-<path d="M7.25 19L19.95 13.3L32.55 18.5" stroke="white" stroke-dasharray="3 3" stroke-miterlimit="10"></path>
-</svg>
+<svg fill="none" height="42" viewbox="-1 -1 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
+<rect fill="#B2B9C5" height="40" width="40"></rect>
+<path d="M16.45 31.6001C17.75 31.8001 18.75 32.6001 18.75 34.0001C18.75 35.7001 17.45 36.9001 15.45 36.9001C14.25 36.9001 13.05 36.5001 12.25 35.9001L13.05 34.2001C13.75 34.9001 14.55 35.2001 15.35 35.2001C16.35 35.2001 16.85 34.7001 16.85 34.0001C16.85 33.2001 16.35 32.8001 15.35 32.8001H13.95V31.7001L16.05 29.5001H12.65V27.9001H18.35V29.1001L16.05 31.5001L16.45 31.6001Z" fill="white"></path>
+<path d="M24.05 27.9001C26.85 27.9001 28.75 29.7001 28.75 32.4001C28.75 35.0001 26.85 36.9001 23.95 36.9001H20.25V28.0001H24.05V27.9001ZM22.25 35.1001H24.05C25.55 35.1001 26.65 34.0001 26.65 32.4001C26.65 30.8001 25.55 29.6001 23.95 29.6001H22.25V35.1001V35.1001Z" fill="white"></path>
+<path d="M20.1498 4.6001L32.2498 18.7001L19.9498 23.8001L7.7498 18.7001L20.1498 4.6001ZM20.1498 3.1001L6.0498 19.1001L19.9498 24.9001L33.9498 19.1001L20.1498 3.1001Z" fill="white"></path>
+<path d="M20.1497 4.5L19.9497 24.4" stroke="white" stroke-miterlimit="10"></path>
+<path d="M7.25 19L19.95 13.3L32.55 18.5" stroke="white" stroke-dasharray="3 3" stroke-miterlimit="10"></path>
+</svg>