@onereach/ui-components 8.1.1-beta.3637.0 → 8.2.0

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c59105c1.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';
@@ -108,7 +108,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
-    const popoverStyles = computed(() => [...TimePickerPopover]);
+    const popoverStyles = computed(() => ['or-time-picker-popover-v3', ...TimePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -279,6 +279,7 @@ var __vue_render__ = function () {
     ref: "popover",
     class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c59105c1.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';
@@ -101,7 +101,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
-    const popoverStyles = computed(() => [...TimeRangePickerPopover]);
+    const popoverStyles = computed(() => ['or-time-range-picker-popover-v3', ...TimeRangePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -323,6 +323,7 @@ var __vue_render__ = function () {
     ref: "popover",
     class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/bundled/v2/components/OrToast/Timer.js

@@ -1,4 +1,4 @@
-import { n as noop } from '../../index-39fe2838.js';
+import { n as noop } from '../../index-210a7ab2.js';
 
 class Timer {
   // eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,5 +1,5 @@
-import { l as useEventBus } from '../../../index-f29777b6.js';
-import { b as createSharedComposable } from '../../../index-39fe2838.js';
+import { l as useEventBus } from '../../../index-a77d7adf.js';
+import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {
   const busPull = {

package/dist/bundled/v2/components/OrToastContainer/OrToastContainer.js

@@ -4,7 +4,7 @@ import { defineComponent, nextTick } from 'vue-demi';
 import useQueue from '../OrToast/composable/useQueue.js';
 import useToastEventBus from '../OrToast/composable/useToastEventBus.js';
 import { PositionsX, PositionsY, TransitionType } from '../OrToast/constants.js';
-import { u as useToggle } from '../../index-39fe2838.js';
+import { u as useToggle } from '../../index-210a7ab2.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -5,7 +5,7 @@ import __vue_component__$2 from '../OrToastV3/OrToast.js';
 import { P as PositionsX, a as PositionsY, T as TransitionType } from '../../props-7be029c7.js';
 import { ToastContainer, ToastContainerPositions } from '../OrToastV3/styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';
-import { u as useToggle } from '../../index-39fe2838.js';
+import { u as useToggle } from '../../index-210a7ab2.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrToastV3/Timer.js

@@ -1,4 +1,4 @@
-import { n as noop } from '../../index-39fe2838.js';
+import { n as noop } from '../../index-210a7ab2.js';
 
 class Timer {
   // eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,5 +1,5 @@
-import { l as useEventBus } from '../../../index-f29777b6.js';
-import { b as createSharedComposable } from '../../../index-39fe2838.js';
+import { l as useEventBus } from '../../../index-a77d7adf.js';
+import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {
   const busPull = {

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -37,10 +37,6 @@ var script = defineComponent({
     offset: {
       type: [Number, Object, Function],
       default: undefined
-    },
-    externalControl: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -50,6 +46,7 @@ var script = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-tooltip-v3', ...Tooltip]);
+    const popoverStyles = computed(() => ['or-tooltip-popover-v3']);
     const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // State
     const {
@@ -63,6 +60,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      popoverStyles,
       bodyStyles,
       state,
       open,
@@ -85,14 +83,16 @@ var __vue_render__ = function () {
     class: _vm.rootStyles,
     on: {
       "mouseenter": function ($event) {
-        !_vm.externalControl && _vm.open();
+        return _vm.open();
       },
       "mouseleave": function ($event) {
-        !_vm.externalControl && _vm.close();
+        return _vm.close();
       }
     }
   }, [_vm._t("default"), _vm._v(" "), _vm.$slots.content || _vm.content || _vm.text ? [_c('OrPopover', {
+    class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "is-open": _vm.state === 'open',
       "variant": 'popover',
       "trigger": _vm.root,

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -3,6 +3,7 @@ import { TooltipOffset, TooltipPlacement } from './props';
 declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
@@ -33,10 +34,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: PropType<TooltipOffset>;
         default: undefined;
     };
-    externalControl: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
@@ -62,22 +59,18 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: PropType<TooltipOffset>;
         default: undefined;
     };
-    externalControl: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
     text: string;
     content: string;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: TooltipOffset;
-    externalControl: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
@@ -89,7 +82,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     content: string;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: TooltipOffset;
-    externalControl: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -98,6 +90,5 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     content: string;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: TooltipOffset;
-    externalControl: boolean;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-dem
 import { TreeNodeDropPosition } from './types.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
-import { u as useToggle } from '../../index-39fe2838.js';
+import { u as useToggle } from '../../index-210a7ab2.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 function inRange(num, min, max) {

package/dist/bundled/v2/components/index.d.ts

@@ -75,7 +75,6 @@ export * from './or-radio';
 export * from './or-radio-group';
 export * from './or-radio-group-v3';
 export * from './or-radio-v3';
-export * from './or-range-slider-v3';
 export * from './or-resizeable-panel-v3';
 export * from './or-rich-text-editor-v3';
 export * from './or-search';
@@ -88,7 +87,6 @@ export * from './or-sidebar-v3';
 export * from './or-skeleton';
 export * from './or-skeleton-v3';
 export * from './or-slider';
-export * from './or-slider-v3';
 export * from './or-sorting-v3';
 export * from './or-stepper';
 export * from './or-switch';

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

@@ -51,9 +51,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-2bb42ff2.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-72397f4c.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-c59105c1.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-12085f90.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-eccc1549.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-9e43a0fd.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';
@@ -100,7 +100,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-2eb3a2d0.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-307e390d.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -130,8 +130,6 @@ export { default as OrRadio } from './OrRadio/OrRadio.js';
 export { default as OrRadioGroup } from './OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './OrRadioGroupV3/OrRadioGroup.js';
 export { default as OrRadioV3 } from './OrRadioV3/OrRadio.js';
-export { default as OrRangeSliderV3 } from './OrRangeSliderV3/OrRangeSlider.js';
-export { SliderColor as RangeSliderColor, SliderOrientation as RangeSliderOrientation, SliderColor, SliderOrientation } from './OrSliderV3/props.js';
 export { default as OrResizeablePanelV3 } from './OrResizeablePanelV3/OrResizeablePanel.js';
 export { ResizeablePanelPadding, ResizeablePanelPlacement, ResizeablePanelPadding as SidebarPadding } from './OrResizeablePanelV3/props.js';
 export { default as OrRichTextEditorV3 } from './OrRichTextEditorV3/OrRichTextEditor.js';
@@ -154,7 +152,6 @@ export { default as OrSkeletonCircleV3 } from './OrSkeletonCircleV3/OrSkeletonCi
 export { default as OrSkeletonRectV3 } from './OrSkeletonRectV3/OrSkeletonRect.js';
 export { default as OrSkeletonTextV3 } from './OrSkeletonTextV3/OrSkeletonText.js';
 export { default as OrSlider } from './OrSlider/OrSlider.js';
-export { default as OrSliderV3 } from './OrSliderV3/OrSlider.js';
 export { default as OrSortingV3 } from './OrSortingV3/OrSorting.js';
 export { default as OrStepper } from './OrStepper/OrStepper.js';
 export { default as OrSwitch } from './OrSwitch/OrSwitch.js';

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { j as useMutationObserver, f as useResizeObserver } from '../index-f29777b6.js';
+import { j as useMutationObserver, e as useResizeObserver } from '../index-a77d7adf.js';
 import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from '../dom-cec392f3.js';
 

package/dist/bundled/v2/hooks/usePopoverState.js

@@ -1,5 +1,5 @@
 import { ref, watch } from 'vue-demi';
-import { r as refDebounced } from '../index-39fe2838.js';
+import { r as refDebounced } from '../index-210a7ab2.js';
 
 // TODO: Use `defineEmits` after migration to Vue 3
 function usePopoverState(isOpen, emit) {

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { k as useMediaQuery } from '../../index-f29777b6.js';
+import { k as useMediaQuery } from '../../index-a77d7adf.js';
 import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
 
 var createPlugin$2 = {};

package/dist/bundled/{v3/index-8d86c3d5.js → v2/index-210a7ab2.js}

@@ -5,7 +5,6 @@ const isClient = typeof window !== "undefined";
 const isDef = (val) => typeof val !== "undefined";
 const isFunction = (val) => typeof val === "function";
 const isString = (val) => typeof val === "string";
-const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
 const noop = () => {
 };
 const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -292,4 +291,4 @@ function whenever(source, cb, options) {
   }, options);
 }
 
-export { watchDebounced as a, computedWithControl as b, clamp as c, resolveUnref as d, tryOnScopeDispose as e, tryOnMounted as f, isDef as g, resolveRef as h, isClient as i, isString as j, isIOS as k, identity as l, isFunction as m, noop as n, createSharedComposable as o, refDebounced as r, toRefs as t, useToggle as u, whenever as w };
+export { watchDebounced as a, computedWithControl as b, createSharedComposable as c, resolveUnref as d, tryOnScopeDispose as e, tryOnMounted as f, resolveRef as g, isString as h, isClient as i, isIOS as j, identity as k, isFunction as l, isDef as m, noop as n, refDebounced as r, toRefs as t, useToggle as u, whenever as w };

package/dist/bundled/{v3/index-ba131271.js → v2/index-a77d7adf.js}

@@ -1,4 +1,4 @@
-import { i as isClient, b as computedWithControl, d as resolveUnref, t as toRefs, e as tryOnScopeDispose, f as tryOnMounted, g as isDef, n as noop, h as resolveRef, j as isString, k as isIOS, l as identity, m as isFunction } from './index-8d86c3d5.js';
+import { i as isClient, b as computedWithControl, d as resolveUnref, t as toRefs, e as tryOnScopeDispose, f as tryOnMounted, n as noop, g as resolveRef, h as isString, j as isIOS, k as identity, l as isFunction, m as isDef } from './index-210a7ab2.js';
 import { ref, computed, watch, reactive, unref, getCurrentInstance, isVue2, watchEffect, readonly, getCurrentScope } from 'vue-demi';
 
 function unrefElement(elRef) {
@@ -816,4 +816,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useDraggable as e, useResizeObserver as f, useFocus as g, useElementSize as h, useScrollLock as i, useMutationObserver as j, useMediaQuery as k, unrefElement as l, useEventBus as m, usePointerSwipe as n, onClickOutside as o, useElementHover as u };
+export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useResizeObserver as e, useFocus as f, useDraggable as g, useElementSize as h, useScrollLock as i, useMutationObserver as j, useMediaQuery as k, useEventBus as l, unrefElement as m, usePointerSwipe as n, onClickOutside as o, useElementHover as u };

package/dist/bundled/{v3/index-8420da7b.js → v2/index-bd1d316d.js}

@@ -1,5 +1,5 @@
 import { computed } from 'vue-demi';
-import { d as resolveUnref } from './index-8d86c3d5.js';
+import { d as resolveUnref } from './index-210a7ab2.js';
 
 function logicAnd(...args) {
   return computed(() => args.every((i) => resolveUnref(i)));