@eturnity/eturnity_reusable_components 1.2.2-EPDM-5243.4 → 1.2.2-QA03-19-9-2022.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.2-EPDM-5243.4",
+  "version": "1.2.2-QA03-19-9-2022.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",
@@ -28,8 +28,7 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
-    "vue-template-compiler": "^2.6.11",
-    "html-loader": "^0.5.5"
+    "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {
     "root": true,

package/src/App.vue

@@ -1,74 +1,14 @@
 <template>
   <ThemeProvider :theme="getTheme()" :style="{ height: '100%' }">
     <page-container>
-      <main-table titleText="My Table">
-        <thead>
-          <tr>
-            <th>Column 1</th>
-            <th>Column 2</th>
-            <th>Column 3</th>
-            <div />
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <!-- <table-dropdown
-              :colSpan="3"
-              :tableItems="getDropdownValues()"
-              @toggle-dropdown-open="toggleDropdownOpen()"
-              @item-selected="onItemSelected({ item: $event, index })"
-              :isOpen="isDropdownOpen()"
-              :optionItems="itemOptions"
-              :optionsDisplay="['display_name', 'company_item_number', 'model']"
-            /> -->
-            <td>Test</td>
-            <div class="icons-container">
-              <three-dots :options="listOptions" :isLoading="false" />
-            </div>
-          </tr>
-        </tbody>
-      </main-table>
-      <br />
-      <br />
-      <toggle
-        @on-toggle-change="onInputChange($event)"
-        :isChecked="inputValue"
-        label="My Label Text"
-        infoTextMessage="This is my test message"
-        infoTextAlign="right"
-        labelAlign="right"
-        :disabled="false"
-      />
-      <br />
       <input-number
-        placeholder="Enter distance"
-        :numberPrecision="2"
-        :value="inputValue"
-        @input-change="onInputChange($event)"
-      />
-      <br />
-      <page-subtitle text="My Subtitle" infoText="My info Text" />
-      <spinner size="30px" />
-      <checkbox
-        label="Do you accept the Terms?"
-        :isChecked="true"
-        size="small"
-        :isDisabled="false"
+        :value="num"
+        @input-change="num = $event"
+        unitName="t"
+        id="biebie"
+        test="koko"
+        @keydown="keydownHandler"
       />
-      <external-button text="Click me!" minWidth="500px" />
-      <icon name="Battery" />
-      <icon name="Bubble" color="red" hoveredColor="blue" size="60px" />
-      <icon name="Call" color="red" hoveredColor="blue" size="60px" />
-      <icon name="Camera" color="yellow" hoveredColor="green" size="60px" />
-      <icon name="House" color="red" hoveredColor="blue" size="20px" />
-      <icon name="House" color="red" hoveredColor="blue" size="40px" />
-      <icon name="House" color="red" hoveredColor="blue" size="80px" />
-      <icon name="House" color="red" hoveredColor="blue" size="120px" />
-      <icon name="Area_Active" color="red" hoveredColor="blue" size="150px" />
-      <icon name="Area_Active" color="red" hoveredColor="blue" size="120px" />
-      <icon name="Area_Active" color="red" hoveredColor="blue" size="80px" />
-      <icon name="Area_Active" color="red" hoveredColor="blue" size="40px" />
-      <collection />
     </page-container>
   </ThemeProvider>
 </template>
@@ -77,17 +17,7 @@
 import { ThemeProvider } from 'vue-styled-components'
 import theme from './assets/theme'
 import styled from 'vue-styled-components'
-import MainTable from '@/components/tables/mainTable'
-import ThreeDots from '@/components/threeDots'
-import Toggle from '@/components/inputs/toggle'
 import InputNumber from '@/components/inputs/inputNumber'
-import Checkbox from '@/components/inputs/checkbox'
-import PageSubtitle from '@/components/pageSubtitle'
-import Spinner from '@/components/spinner'
-import ExternalButton from '@/components/buttons/externalButton'
-import icon from '@/components/icon'
-import collection from '@/components/icons/iconCollection'
-// import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
   padding: 40px;
@@ -98,20 +28,12 @@ export default {
   components: {
     ThemeProvider,
     PageContainer,
-    MainTable,
-    ThreeDots,
-    Toggle,
-    InputNumber,
-    PageSubtitle,
-    Spinner,
-    Checkbox,
-    ExternalButton,
-    collection,
-    icon
+    InputNumber
     // TableDropdown,
   },
   data() {
     return {
+      num: 42,
       inputValue: null,
       checkedOption: 'button_1',
       question: {
@@ -170,6 +92,9 @@ export default {
     }
   },
   methods: {
+    keydownHandler(e) {
+      console.log('test', e)
+    },
     getTheme() {
       return theme
     },

package/src/components/errorMessage/index.vue

@@ -0,0 +1,62 @@
+<template>
+  <component-wrapper>
+    <text-overlay>
+      <slot></slot>
+    </text-overlay>
+  </component-wrapper>
+</template>
+
+<script>
+// import InfoText from "@eturnity/eturnity_reusable_components/src/components/infoText"
+//To use:
+// <error-message
+//     alignText="right" // default is left
+// />
+
+import styled from 'vue-styled-components'
+
+const TextOverlay = styled.div`
+  position: absolute;
+  top: calc(100% + 13px);
+  background: ${(props) => props.theme.colors.red};
+  padding: 10px;
+  width: max-content;
+  max-width: 100%;
+  min-width: 200px;
+  font-size: 11px;
+  font-weight: 400;
+  border-radius: 4px;
+  font-family: 'Lato-Bold', Arial;
+  z-index: 99;
+  color: ${(props) => props.theme.colors.white};
+
+  :before {
+    content: '';
+    background-color: ${(props) => props.theme.colors.red};
+    position: absolute;
+    top: 2px;
+    left: 40px;
+    height: 11px;
+    width: 11px;
+    transform-origin: center center;
+    transform: translate(-2em, -0.5em) rotate(45deg);
+  }
+`
+
+const ComponentWrapper = styled.div`
+  display: block;
+`
+
+export default {
+  name: 'info-text',
+  components: {
+    TextOverlay,
+    ComponentWrapper
+  },
+  props: {},
+  methods: {},
+  data() {
+    return {}
+  }
+}
+</script>

package/src/components/inputs/inputNumber/index.vue

@@ -14,9 +14,10 @@
     </label-wrapper>
     <input-wrapper>
       <input-container
+        v-bind="$attrs"
         ref="inputField1"
         :hasUnit="unitName && !!unitName.length"
-        :placeholder="placeholder"
+        :placeholder="displayedPlaceholder"
         :isError="isError"
         :inputWidth="inputWidth"
         :minWidth="minWidth"
@@ -30,6 +31,7 @@
         :textAlign="textAlign"
         :fontSize="fontSize"
         :fontColor="fontColor"
+        v-on="$listeners"
       />
       <unit-container
         v-if="unitName && showLinearUnitName"
@@ -37,6 +39,11 @@
         :isError="isError"
         >{{ unitName }}</unit-container
       >
+      <icon
+        v-if="(isError || inputIcon) && !showLinearUnitName"
+        :class="inputIconImageClass"
+        :src="isError ? warningIcon : inputIconImage"
+      />
     </input-wrapper>
     <error-message v-if="isError">{{ errorMessage }}</error-message>
   </container>
@@ -68,13 +75,14 @@
 //     :minNumber="0"
 //     fontColor="blue"
 // />
-import styled from "vue-styled-components"
+import styled from 'vue-styled-components'
 import {
   stringToNumber,
-  numberToString,
-} from "../../../helpers/numberConverter"
-import InfoText from "../../infoText"
-
+  numberToString
+} from '../../../helpers/numberConverter'
+import InfoText from '../../infoText'
+import ErrorMessage from '../../errorMessage'
+import warningIcon from '../../../assets/icons/error_icon.png'
 const Container = styled.div`
   width: 100%;
   position: relative;
@@ -89,31 +97,31 @@ const inputProps = {
   noBorder: Boolean,
   textAlign: String,
   fontSize: String,
-  fontColor: String,
+  fontColor: String
 }
-const InputContainer = styled("input", inputProps)`
+const InputContainer = styled('input', inputProps)`
   border: ${(props) =>
     props.isError
-      ? "1px solid " + props.theme.colors.red
+      ? '1px solid ' + props.theme.colors.red
       : props.noBorder
-      ? "none"
-      : "1px solid " + props.theme.colors.mediumGray};
+      ? 'none'
+      : '1px solid ' + props.theme.colors.mediumGray};
   padding: ${(props) =>
-    props.hasUnit ? "11px 40px 11px 10px" : "11px 5px 11px 10px"};
+    props.hasUnit ? '11px 40px 11px 10px' : '11px 5px 11px 10px'};
   border-radius: 4px;
   text-align: ${(props) => props.textAlign};
-  cursor: ${(props) => (props.isDisabled ? "not-allowed" : "auto")};
-  font-size: ${(props) => (props.fontSize ? props.fontSize : "13px")};
+  cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
+  font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
   color: ${(props) =>
     props.isError
       ? props.theme.colors.red
       : props.fontColor
-      ? props.fontColor + " !important"
+      ? props.fontColor + ' !important'
       : props.theme.colors.black};
-  width: ${(props) => (props.inputWidth ? props.inputWidth : "100%")};
-  min-width: ${(props) => (props.minWidth ? props.minWidth : "unset")};
+  width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
+  min-width: ${(props) => (props.minWidth ? props.minWidth : 'unset')};
   background-color: ${(props) =>
-    props.isDisabled ? props.theme.colors.grey5 : "#fff"};
+    props.isDisabled ? props.theme.colors.grey5 : '#fff'};
   box-sizing: border-box;
 
   &::placeholder {
@@ -125,12 +133,21 @@ const InputContainer = styled("input", inputProps)`
     outline: none;
   }
 `
+const IconProps = {
+  inputIconHeight: String
+}
+
+const Icon = styled('img', IconProps)`
+  position: absolute;
+  right: 10px;
+  top: 2px;
+`
 
 const InputWrapper = styled.span`
   position: relative;
 `
 
-const UnitContainer = styled("span", inputProps)`
+const UnitContainer = styled('span', inputProps)`
   border-left: 1px solid
     ${(props) =>
       props.isError
@@ -150,12 +167,14 @@ const UnitContainer = styled("span", inputProps)`
       : props.theme.colors.mediumGray};
 `
 
-const ErrorMessage = styled.div`
-  font-size: 14px;
-  color: ${(props) => props.theme.colors.red};
-  position: absolute;
-  top: calc(100% + 1px);
-`
+// const ErrorMessage = styled.div`
+//   margin-top: 5px;
+//   line-height: 1;
+//   text-transform: none;
+//   font-size: 10px;
+//   color: ${(props) => props.theme.colors.red};
+//   position: absolute;
+// `
 
 const LabelWrapper = styled.div`
   display: flex;
@@ -169,7 +188,7 @@ const LabelText = styled.div`
 `
 
 export default {
-  name: "input-number",
+  name: 'input-number',
   components: {
     Container,
     InputContainer,
@@ -179,130 +198,154 @@ export default {
     LabelWrapper,
     LabelText,
     InfoText,
+    Icon
   },
+  inheritAttrs: false,
   data() {
     return {
-      textInput: "",
+      textInput: '',
       isFocused: false,
+      warningIcon: warningIcon
+    }
+  },
+  computed: {
+    displayedPlaceholder() {
+      if (this.placeholder) return this.placeholder
+      return `${this.minNumber || 0} ${this.unitName ? this.unitName : ''}`
     }
   },
   props: {
     placeholder: {
       required: false,
-      default: "",
+      default: ''
     },
     isError: {
       required: false,
-      default: false,
+      default: false
     },
     inputWidth: {
       required: false,
-      default: null,
+      default: null
     },
     minWidth: {
       required: false,
-      default: null,
+      default: null
     },
     value: {
       required: true,
-      default: null,
+      default: null
     },
     clearInput: {
       required: false,
-      default: false,
+      default: false
     },
     errorMessage: {
       required: false,
-      default: "Please insert a correct number",
+      default: 'Please insert a correct number'
     },
     numberPrecision: {
       required: false,
-      default: 0,
+      default: 0
     },
     unitName: {
       required: false,
-      default: "",
+      default: ''
     },
     showLinearUnitName: {
       required: false,
-      default: false,
+      default: false
     },
     disabled: {
       required: false,
-      default: false,
+      default: false
     },
     noBorder: {
       required: false,
-      default: false,
+      default: false
     },
     textAlign: {
       required: false,
-      default: "left",
+      default: 'left'
     },
     fontSize: {
       required: false,
-      default: "13px",
+      default: '13px'
     },
     labelText: {
       required: false,
-      default: null,
+      default: null
     },
     labelInfoText: {
       required: false,
-      default: null,
+      default: null
     },
     labelInfoAlign: {
       required: false,
-      default: "right",
+      default: 'right'
     },
     minNumber: {
       required: false,
-      default: null,
+      default: null
     },
     fontColor: {
       required: false,
-      default: null,
+      default: null
     },
     numberToStringEnabled: {
       required: false,
-      default: true,
+      default: true
+    },
+    inputIcon: {
+      require: false,
+      type: Boolean,
+      default: false
+    },
+    inputIconImage: {
+      require: false,
+      type: String,
+      default: ''
     },
+    inputIconImageClass: {
+      require: false,
+      type: Array,
+      default: () => []
+    }
   },
   methods: {
     onChangeHandler(event) {
       if (isNaN(event)) {
         event = this.minNumber || this.minNumber === 0 ? this.minNumber : event
       }
-      this.$emit("input-change", event)
+      this.$emit('input-change', event)
     },
     onEvaluateCode(val) {
       // function to perform math on the code
       // filter the string in case of any malicious content
-      let filtered = val.replace(/[^-()\d/*+.,]/g, "")
+      let filtered = val.replace(/[^-()\d/*+.,]/g, '')
       filtered = filtered.split(/([-+*/()])/)
       let formatted = filtered.map((item) => {
         if (
-          item === "+" ||
-          item === "-" ||
-          item === "*" ||
-          item === "/" ||
-          item === "(" ||
-          item === ")" ||
-          item === ""
+          item === '+' ||
+          item === '-' ||
+          item === '*' ||
+          item === '/' ||
+          item === '(' ||
+          item === ')' ||
+          item === ''
         ) {
           return item
         } else {
           let num = stringToNumber({
             value: item,
-            numberPrecision: false,
+            numberPrecision: false
           })
           return num
         }
       })
-      let evaluated = eval(formatted.join(""))
+      let evaluated = eval(formatted.join(''))
       evaluated = stringToNumber({
         value: evaluated,
-        numberPrecision: this.numberPrecision,
+        numberPrecision: this.numberPrecision
       })
       return evaluated
     },
@@ -315,7 +358,7 @@ export default {
         this.textInput = numberToString({
           value:
             evaluatedInput && value.length ? evaluatedInput : this.minNumber,
-          numberPrecision: this.numberPrecision,
+          numberPrecision: this.numberPrecision
         })
       }
       let adjustedMinValue =
@@ -323,8 +366,8 @@ export default {
           ? value
           : this.minNumber || this.minNumber === 0
           ? this.minNumber
-          : ""
-      this.$emit("input-blur", adjustedMinValue)
+          : ''
+      this.$emit('input-blur', adjustedMinValue)
     },
     focusInput() {
       if (this.disabled) {
@@ -341,38 +384,38 @@ export default {
           ? value
           : this.minNumber || this.minNumber === 0
           ? this.minNumber
-          : ""
+          : ''
       if ((adjustedMinValue || adjustedMinValue === 0) && !this.isFocused) {
         let input = this.numberToStringEnabled
           ? numberToString({
               value: adjustedMinValue,
-              numberPrecision: this.numberPrecision,
+              numberPrecision: this.numberPrecision
             })
           : adjustedMinValue
-        let unit = this.showLinearUnitName ? "" : this.unitName
-        return input + " " + unit
+        let unit = this.showLinearUnitName ? '' : this.unitName
+        return input + ' ' + unit
       } else if (!adjustedMinValue && adjustedMinValue !== 0) {
-        return ""
+        return ''
       } else {
         return this.numberToStringEnabled
           ? numberToString({
               value: adjustedMinValue,
-              numberPrecision: this.numberPrecision,
+              numberPrecision: this.numberPrecision
             })
           : adjustedMinValue
       }
-    },
+    }
   },
   created() {
     if (this.value) {
       this.textInput = numberToString({
         value: this.value,
-        numberPrecision: this.numberPrecision,
+        numberPrecision: this.numberPrecision
       })
     } else if (this.minNumber !== null) {
       this.textInput = numberToString({
         value: this.minNumber,
-        numberPrecision: this.numberPrecision,
+        numberPrecision: this.numberPrecision
       })
     }
   },
@@ -380,9 +423,9 @@ export default {
     clearInput: function (value) {
       if (value) {
         // If the value is typed, then we should clear the textInput on Continue
-        this.textInput = ""
+        this.textInput = ''
       }
-    },
-  },
+    }
+  }
 }
-</script>
+</script>

package/src/assets/icons/warning_icon.svg

@@ -1,3 +0,0 @@
-<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 +0,0 @@
-<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 +0,0 @@
-<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 +0,0 @@
-<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 +0,0 @@
-<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>