@onereach/ui-components 13.2.2 → 13.2.3

package/dist/esm/v2/{OrRangeSlider-58dad70b.js → OrRangeSlider-d8d0a2f5.js}

@@ -5,7 +5,7 @@ import './dom-53c9635b.js';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
 import { _ as __vue_component__$1 } from './OrTooltip-07c5992f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -294,7 +294,8 @@ var script = defineComponent({
     const filler = ref();
     const thumbFrom = ref();
     const thumbTo = ref();
-    const thumbStyles = computed(() => ['or-range-slider-thumb-v3', ...RangeSliderThumb, ...RangeSliderThumbColors[props.color]]);
+    const thumbStyles = computed(() => ['or-range-slider-thumb-v3', ...RangeSliderThumb, ...RangeSliderThumbColors[props.color], 'touch-none' // Required for proper work on mobile
+    ]);
     const breakpointMarkStyles = computed(() => [...RangeSliderBreakpointMark, ...RangeSliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...RangeSliderLabel, ...RangeSliderLabelOrientations[props.orientation]]);
     const labelMarkStyles = computed(() => [...RangeSliderLabelMark, ...RangeSliderLabelMarkOrientations[props.orientation]]);

package/dist/esm/v2/{OrSlider-6a373c9b.js → OrSlider-3d8de563.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
+import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-b29efe08.js → OrSlider.vue_rollup-plugin-vue_script-d5250220.js}

@@ -271,7 +271,8 @@ var script = defineComponent({
       }
     });
     const thumb = ref();
-    const thumbStyles = computed(() => ['or-slider-thumb-v3', ...SliderThumb, ...SliderThumbColors[props.color]]);
+    const thumbStyles = computed(() => ['or-slider-thumb-v3', ...SliderThumb, ...SliderThumbColors[props.color], 'touch-none' // Required for proper work on mobile
+    ]);
     const breakpointMarkStyles = computed(() => [...SliderBreakpointMark, ...SliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...SliderLabel, ...SliderLabelOrientations[props.orientation]]);
     const labelMarkStyles = computed(() => [...SliderLabelMark, ...SliderLabelMarkOrientations[props.orientation]]);

package/dist/esm/v2/components/index.js

@@ -100,7 +100,7 @@ export { _ as OrRadio } from '../OrRadio-7077aacc.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-ad1ffc12.js';
 export { _ as OrRadioV3 } from '../OrRadio-c866dfc1.js';
-export { _ as OrRangeSliderV3 } from '../OrRangeSlider-58dad70b.js';
+export { _ as OrRangeSliderV3 } from '../OrRangeSlider-d8d0a2f5.js';
 export { _ as OrRatingV3, R as RatingVariant } from '../OrRating-7c968949.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-4069d595.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-71fb65c1.js';
@@ -120,8 +120,8 @@ export { _ as OrSkeletonCircleV3 } from '../OrSkeletonCircle-88272bb7.js';
 export { _ as OrSkeletonRectV3 } from '../OrSkeletonRect-c38eb161.js';
 export { _ as OrSkeletonTextV3 } from '../OrSkeletonText-b6e51e70.js';
 export { _ as OrSlider } from '../OrSlider-baad996a.js';
-export { _ as OrSliderV3 } from '../OrSlider-6a373c9b.js';
-export { S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
+export { _ as OrSliderV3 } from '../OrSlider-3d8de563.js';
+export { S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
 export { _ as OrSortingV3 } from '../OrSorting-f71ae3b3.js';
 export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-9a6a42fa.js';
 export { _ as OrStepper } from '../OrStepper-582cd0d4.js';

package/dist/esm/v2/components/or-range-slider-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-58dad70b.js';
+export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-d8d0a2f5.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
@@ -8,7 +8,7 @@ import 'lodash/isElement';
 import '../../useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
+import '../../OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
 import '../../OrTooltip-07c5992f.js';
 import '../../usePopoverState-7267fa91.js';
 import '../../OrPopover-45e2dbce.js';

package/dist/esm/v2/components/or-slider-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrSliderV3 } from '../../OrSlider-6a373c9b.js';
-export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
+export { _ as OrSliderV3 } from '../../OrSlider-3d8de563.js';
+export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
 import '../../normalize-component-6e8e3d80.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v2/index.js

@@ -100,7 +100,7 @@ export { _ as OrRadio } from './OrRadio-7077aacc.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-ad1ffc12.js';
 export { _ as OrRadioV3 } from './OrRadio-c866dfc1.js';
-export { _ as OrRangeSliderV3 } from './OrRangeSlider-58dad70b.js';
+export { _ as OrRangeSliderV3 } from './OrRangeSlider-d8d0a2f5.js';
 export { _ as OrRatingV3, R as RatingVariant } from './OrRating-7c968949.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-4069d595.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-71fb65c1.js';
@@ -120,8 +120,8 @@ export { _ as OrSkeletonCircleV3 } from './OrSkeletonCircle-88272bb7.js';
 export { _ as OrSkeletonRectV3 } from './OrSkeletonRect-c38eb161.js';
 export { _ as OrSkeletonTextV3 } from './OrSkeletonText-b6e51e70.js';
 export { _ as OrSlider } from './OrSlider-baad996a.js';
-export { _ as OrSliderV3 } from './OrSlider-6a373c9b.js';
-export { S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
+export { _ as OrSliderV3 } from './OrSlider-3d8de563.js';
+export { S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
 export { _ as OrSortingV3 } from './OrSorting-f71ae3b3.js';
 export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-9a6a42fa.js';
 export { _ as OrStepper } from './OrStepper-582cd0d4.js';

package/dist/esm/v3/{OrRangeSlider-2bcd90ef.js → OrRangeSlider-c1ed0ba5.js}

@@ -5,7 +5,7 @@ import './dom-53c9635b.js';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider-45bd13d5.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-5c665987.js';
 import { s as script$1 } from './OrTooltip-de856939.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
@@ -294,7 +294,8 @@ var script = defineComponent({
     const filler = ref();
     const thumbFrom = ref();
     const thumbTo = ref();
-    const thumbStyles = computed(() => ['or-range-slider-thumb-v3', ...RangeSliderThumb, ...RangeSliderThumbColors[props.color]]);
+    const thumbStyles = computed(() => ['or-range-slider-thumb-v3', ...RangeSliderThumb, ...RangeSliderThumbColors[props.color], 'touch-none' // Required for proper work on mobile
+    ]);
     const breakpointMarkStyles = computed(() => [...RangeSliderBreakpointMark, ...RangeSliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...RangeSliderLabel, ...RangeSliderLabelOrientations[props.orientation]]);
     const labelMarkStyles = computed(() => [...RangeSliderLabelMark, ...RangeSliderLabelMarkOrientations[props.orientation]]);

package/dist/esm/v3/{OrSlider-45bd13d5.js → OrSlider-5c665987.js}

@@ -272,7 +272,8 @@ var script = defineComponent({
       }
     });
     const thumb = ref();
-    const thumbStyles = computed(() => ['or-slider-thumb-v3', ...SliderThumb, ...SliderThumbColors[props.color]]);
+    const thumbStyles = computed(() => ['or-slider-thumb-v3', ...SliderThumb, ...SliderThumbColors[props.color], 'touch-none' // Required for proper work on mobile
+    ]);
     const breakpointMarkStyles = computed(() => [...SliderBreakpointMark, ...SliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...SliderLabel, ...SliderLabelOrientations[props.orientation]]);
     const labelMarkStyles = computed(() => [...SliderLabelMark, ...SliderLabelMarkOrientations[props.orientation]]);

package/dist/esm/v3/components/index.js

@@ -97,7 +97,7 @@ export { s as OrRadio } from '../OrRadio-8506e7d9.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-1a0fe40f.js';
 export { s as OrRadioV3 } from '../OrRadio-8677bac3.js';
-export { s as OrRangeSliderV3 } from '../OrRangeSlider-2bcd90ef.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSlider-c1ed0ba5.js';
 export { s as OrRatingV3, R as RatingVariant } from '../OrRating-7c2f8e4d.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-1d0c171b.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-f1d7597b.js';
@@ -117,7 +117,7 @@ export { s as OrSkeletonCircleV3 } from '../OrSkeletonCircle-a3eb5f53.js';
 export { s as OrSkeletonRectV3 } from '../OrSkeletonRect-d0b8b2cf.js';
 export { s as OrSkeletonTextV3 } from '../OrSkeletonText-5e9579c1.js';
 export { s as OrSlider } from '../OrSlider-d6f94501.js';
-export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSlider-45bd13d5.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSlider-5c665987.js';
 export { s as OrSortingV3 } from '../OrSorting-9744f44c.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-29df22e1.js';
 export { s as OrStepper } from '../OrStepper-8722709f.js';

package/dist/esm/v3/components/or-range-slider-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrRangeSliderV3 } from '../../OrRangeSlider-2bcd90ef.js';
+export { s as OrRangeSliderV3 } from '../../OrRangeSlider-c1ed0ba5.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
@@ -8,7 +8,7 @@ import 'lodash/isElement';
 import '../../useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrSlider-45bd13d5.js';
+import '../../OrSlider-5c665987.js';
 import '../../OrTooltip-de856939.js';
 import '../../usePopoverState-7267fa91.js';
 import '../../OrPopover-0daeba14.js';

package/dist/esm/v3/components/or-slider-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../../OrSlider-45bd13d5.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../../OrSlider-5c665987.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';

package/dist/esm/v3/index.js

@@ -97,7 +97,7 @@ export { s as OrRadio } from './OrRadio-8506e7d9.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from './OrRadioGroup-1a0fe40f.js';
 export { s as OrRadioV3 } from './OrRadio-8677bac3.js';
-export { s as OrRangeSliderV3 } from './OrRangeSlider-2bcd90ef.js';
+export { s as OrRangeSliderV3 } from './OrRangeSlider-c1ed0ba5.js';
 export { s as OrRatingV3, R as RatingVariant } from './OrRating-7c2f8e4d.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-1d0c171b.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-f1d7597b.js';
@@ -117,7 +117,7 @@ export { s as OrSkeletonCircleV3 } from './OrSkeletonCircle-a3eb5f53.js';
 export { s as OrSkeletonRectV3 } from './OrSkeletonRect-d0b8b2cf.js';
 export { s as OrSkeletonTextV3 } from './OrSkeletonText-5e9579c1.js';
 export { s as OrSlider } from './OrSlider-d6f94501.js';
-export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from './OrSlider-45bd13d5.js';
+export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from './OrSlider-5c665987.js';
 export { s as OrSortingV3 } from './OrSorting-9744f44c.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-29df22e1.js';
 export { s as OrStepper } from './OrStepper-8722709f.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "13.2.2",
+  "version": "13.2.3",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -180,5 +180,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "455a49a6f90995535dbc2651cef77bf68419c2a0"
+  "gitHead": "5dd536ca40034e4f7abbb280f0f674439f1114be"
 }

package/src/components/or-range-slider-v3/OrRangeSlider.vue

@@ -255,6 +255,7 @@ export default defineComponent({
       'or-range-slider-thumb-v3',
       ...Styles.RangeSliderThumb,
       ...Styles.RangeSliderThumbColors[props.color],
+      'touch-none', // Required for proper work on mobile
     ]);
 
     const breakpointMarkStyles = computed(() => [

package/src/components/or-slider-v3/OrSlider.vue

@@ -192,6 +192,7 @@ export default defineComponent({
       'or-slider-thumb-v3',
       ...Styles.SliderThumb,
       ...Styles.SliderThumbColors[props.color],
+      'touch-none', // Required for proper work on mobile
     ]);
 
     const breakpointMarkStyles = computed(() => [