@onereach/ui-components 4.6.0-beta.2757.0 → 4.6.0

package/dist/esm/v3/components/or-toast-v3/or-toast-container-v3/OrToastContainer.vue.d.ts

@@ -1,42 +1,7 @@
 import { PropType } from 'vue-demi';
 import { TransitionType } from '../props';
 import { Position, ToastBehaviour, ToastConfiguration } from '../types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
-    off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
-    classes: import("@vue/composition-api").ComputedRef<(string | {
-        'position--top--with-header': boolean;
-    })[]>;
-    transitionName: import("@vue/composition-api").ComputedRef<string>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
-    toggle: (value?: boolean | undefined) => boolean;
-    addItem: (item: ToastConfiguration) => void;
-    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
-    clearAll: () => void;
-    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
-    queue: import("@vue/composition-api").ComputedRef<ToastConfiguration[]>;
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    createToast: (toastConfiguration: ToastConfiguration) => void;
-    toastUpdate: (toast: ToastConfiguration) => void;
-    toastRemove: (toast: ToastConfiguration) => void;
-    onToastEnter: (toast: ToastConfiguration) => void;
-    onToastLeave: (toast: ToastConfiguration) => void;
-    onClick: (toastBehaviour: ToastBehaviour) => void;
-    onToastHidden: () => void;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    includeHeaderHeight: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    position: {
-        type: PropType<Position>;
-        default: Position;
-    };
-    transition: {
-        type: PropType<TransitionType>;
-        default: TransitionType;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
+declare const _default: import("vue-demi").DefineComponent<{
     includeHeaderHeight: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,25 +14,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<TransitionType>;
         default: TransitionType;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    includeHeaderHeight: boolean;
-    position: Position;
-    transition: TransitionType;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+}, {
     on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
     off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
-    classes: import("@vue/composition-api").ComputedRef<(string | {
+    classes: import("vue-demi").ComputedRef<(string | {
         'position--top--with-header': boolean;
     })[]>;
-    transitionName: import("@vue/composition-api").ComputedRef<string>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
+    transitionName: import("vue-demi").ComputedRef<string>;
+    isActive: import("vue-demi").Ref<boolean>;
     toggle: (value?: boolean | undefined) => boolean;
     addItem: (item: ToastConfiguration) => void;
-    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => void;
     clearAll: () => void;
-    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
-    queue: import("@vue/composition-api").ComputedRef<ToastConfiguration[]>;
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => import("vue-demi").Ref<ToastConfiguration>;
+    queue: import("vue-demi").ComputedRef<ToastConfiguration[]>;
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
     createToast: (toastConfiguration: ToastConfiguration) => void;
     toastUpdate: (toast: ToastConfiguration) => void;
     toastRemove: (toast: ToastConfiguration) => void;
@@ -75,13 +36,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onToastLeave: (toast: ToastConfiguration) => void;
     onClick: (toastBehaviour: ToastBehaviour) => void;
     onToastHidden: () => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    includeHeaderHeight: boolean;
-    position: Position;
-    transition: TransitionType;
-} & {}, {
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: Position;
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}>>, {
     includeHeaderHeight: boolean;
     position: Position;
     transition: TransitionType;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-tooltip/OrTooltip.vue.d.ts

@@ -1,13 +1,6 @@
 import { PropType } from 'vue-demi';
 import { OrFloatingPlacements } from '../or-floating';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    trigger: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-}> & {
-    isShown: boolean;
-}, {
-    show(): void;
-    hide(): void;
-}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<boolean>;
         required: false;
@@ -33,7 +26,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    trigger: import("vue-demi").Ref<HTMLElement | undefined>;
+}, {
+    isShown: boolean;
+}, {}, {
+    show(): void;
+    hide(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "show" | "hide")[], "update:modelValue" | "show" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<boolean>;
         required: false;
@@ -59,34 +59,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: boolean;
-    isVisible: boolean;
-    placement: OrFloatingPlacements;
-    content: string;
-    triggerOnParent: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    trigger: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-}>, {
-    isShown: boolean;
-}, {}, {
-    show(): void;
-    hide(): void;
-}, {}, {}, string[], {
-    modelValue: boolean;
-    isVisible: boolean;
-    placement: OrFloatingPlacements;
-    content: string;
-    triggerOnParent: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
     isVisible: boolean;
     placement: OrFloatingPlacements;
     content: string;
     triggerOnParent: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-tooltip/or-tooltip-content/OrTooltipContent.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     isShown: {
         type: PropType<boolean>;
         required: false;
@@ -12,7 +12,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: string;
         validator: (value?: any) => value is string;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isShown: {
         type: PropType<boolean>;
         required: false;
@@ -25,14 +25,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: string;
         validator: (value?: any) => value is string;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>>, {
     isShown: boolean;
     content: string;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    isShown: boolean;
-    content: string;
-} & {}, {
-    isShown: boolean;
-    content: string;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-tooltip-v3/OrTooltip.vue.d.ts

@@ -1,18 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TooltipPlacement } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    open: () => void;
-    close: () => void;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     text: {
         type: StringConstructor;
         default: undefined;
@@ -21,7 +9,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
         default: TooltipPlacement;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    popover: import("vue-demi").Ref<any>;
+    popoverRoot: import("vue-demi").ComputedRef<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    bodyStyles: import("vue-demi").ComputedRef<string[]>;
+    open: () => void;
+    close: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:state"[], "update:state", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         default: undefined;
@@ -30,30 +26,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">;
         default: TooltipPlacement;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    text: string;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    open: () => void;
-    close: () => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    text: string;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
 }, {
     text: string;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/directives/dropdown-close.d.ts

@@ -1,4 +1,6 @@
 import { DirectiveHook } from 'vue-demi';
 export declare const DropdownClose: {
-    [x: string]: DirectiveHook<any, import("vue-demi").VNode | null, any>;
+    [x: string]: DirectiveHook<any, import("vue-demi").VNode<any, any, {
+        [key: string]: any;
+    }> | null, any>;
 };

package/dist/esm/v3/directives/dropdown-open.d.ts

@@ -1,4 +1,6 @@
 import { DirectiveHook } from 'vue-demi';
 export declare const DropdownOpen: {
-    [x: string]: DirectiveHook<any, import("vue-demi").VNode | null, any>;
+    [x: string]: DirectiveHook<any, import("vue-demi").VNode<any, any, {
+        [key: string]: any;
+    }> | null, any>;
 };

package/dist/esm/v3/hooks/useResponsive/useResponsive.d.ts

@@ -1,5 +1,5 @@
 declare function useResponsive(): {
-    isMobile: import("@vue/composition-api").Ref<boolean>;
-    isDesktop: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("vue-demi").Ref<boolean>;
+    isDesktop: import("vue-demi").Ref<boolean>;
 };
 export default useResponsive;

package/dist/esm/v3/index.js

@@ -104,7 +104,7 @@ export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-d54c951d.js';
 export { s as OrTextarea } from './OrTextarea-f6722edc.js';
-export { s as OrTextareaV3 } from './OrTextarea-fa1454e3.js';
+export { s as OrTextareaV3 } from './OrTextarea-d9d355ce.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-6e585202.js';
 export { s as OrTimePickerV3 } from './OrTimePicker-68de86d9.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-24839efd.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.6.0-beta.2757.0",
+  "version": "4.6.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "@babel/preset-env": "7.18.10",
-    "@onereach/rollup-vue-lib-config": "2.1.3-SB15985.0",
+    "@onereach/rollup-vue-lib-config": "2.1.2",
     "@rollup/plugin-replace": "4.0.0",
     "@rollup/plugin-url": "^8.0.1",
     "@storybook/addon-actions": "6.5.16",
@@ -153,5 +153,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "c1f350b039e28c27828ab3382db0f6eee4f6e398"
 }

package/src/components/or-textarea-v3/styles.ts

@@ -10,6 +10,12 @@ export const TextareaControl: string[] = [
   // Box
   'w-full',
 
+  // Spacing
+  'px-md md:px-sm+',
+  'py-sm md:py-xs',
+
+  '!m-none',
+
   // Typography
   'typography-inherit',