@eturnity/eturnity_reusable_components 7.4.4-EPDM-7260.17 → 7.4.4-EPDM-7260.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.4.4-EPDM-7260.17",
+  "version": "7.4.4-EPDM-7260.19",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/rangeSlider/index.vue

@@ -67,10 +67,10 @@
                 @deactivated="onDeactivateBar()"
               >
                 <template #mr>
-                  <HandleIcon name="handle" size="50px" cursor="pointer" />
+                  <HandleIcon />
                 </template>
                 <template #ml>
-                  <HandleIcon name="handle" size="50px" cursor="pointer" />
+                  <HandleIcon />
                 </template>
               </Slider>
             </SliderWrapper>
@@ -114,9 +114,9 @@
 
 <script>
 import styled from 'vue3-styled-components'
+import handleSVG from '../../assets/svgIcons/handle.svg'
 
 import SliderComponent from './Slider'
-import Icon from '../icon'
 
 const wrapperAttrs = { width: String, height: String }
 const SliderWrapper = styled('div', wrapperAttrs)`
@@ -128,7 +128,7 @@ const SliderWrapper = styled('div', wrapperAttrs)`
 
 const sliderAttrs = { color: String, draggable: Boolean }
 const Slider = styled(SliderComponent, sliderAttrs)`
-  cursor: ${(props) => (props.draggable ? 'pointer' : 'none')};
+  cursor: ${(props) => (props.draggable ? 'pointer' : 'not-allowed')};
   opacity: 0.7;
   display: flex;
   justify-content: space-between;
@@ -241,8 +241,8 @@ const VerticalLabel = styled.div`
   font-size: 13px;
 `
 
-const HandleIcon = styled(Icon)`
-  width: 12px;
+const HandleIcon = styled(handleSVG)`
+  width: 13px;
   min-width: 0;
   margin: -6px;
 `
@@ -309,8 +309,7 @@ export default {
     RangeSliderContainer,
     BarOptionsContainer,
     BarItemContainer,
-    BarItemText,
-    Icon
+    BarItemText
   },
   data() {
     return {