@onereach/ui-components 4.18.2-beta.3122.0 → 4.18.2

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -10,8 +10,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
     control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    searchControl: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    mobileSearchControl: 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[], {} & {}, {
@@ -21,10 +19,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | object | string[] | object[] | number[]>;
@@ -41,11 +37,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     deselect: (option: SelectOption) => void;
-    focusSearchControl: () => void;
-    clearSearchControl: () => void;
     innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
     outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SelectOption[]>;
@@ -204,8 +197,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
     control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    searchControl: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    mobileSearchControl: 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[], {} & {}, {
@@ -215,10 +206,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | object | string[] | object[] | number[]>;
@@ -235,11 +224,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     deselect: (option: SelectOption) => void;
-    focusSearchControl: () => void;
-    clearSearchControl: () => void;
     innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
     outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number | object | string[] | object[] | number[];
     label: string;

package/dist/bundled/v2/components/OrSelectV3/styles.d.ts

@@ -1,9 +1,7 @@
-export declare const Select: string[];
+export declare const SelectRoot: string[];
 export declare const SelectControl: string[];
-export declare const SelectSearchControl: string[];
 export declare const SelectPlaceholder: string[];
 export declare const SelectDropdown: string[];
 export declare const SelectDropdownDefault: string[];
 export declare const SelectDropdownFlipped: string[];
-export declare const SelectDropdownItem: string[];
 export declare const SelectNoSearchResults: string[];

package/dist/bundled/v2/components/OrSelectV3/styles.js

@@ -1,4 +1,4 @@
-const Select = [
+const SelectRoot = [
 // Layout
 'layout-column',
 // Spacing
@@ -14,11 +14,6 @@ const SelectControl = [
 'gap-xs',
 // Typography
 'typography-inherit'];
-const SelectSearchControl = [
-// Layout
-'grow',
-// Spacing
-'!mx-lg md:!mx-none', '!my-sm md:!my-none'];
 const SelectPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
@@ -43,11 +38,6 @@ const SelectDropdownFlipped = [
 'rounded-t-md',
 // Theme
 '!border-b-0'];
-const SelectDropdownItem = [
-// Typography
-'!typography-body-2-regular',
-// Typography (selected)
-'selected:!typography-body-2-semibold'];
 const SelectNoSearchResults = [
 // Layout
 'layout-row justify-center',
@@ -58,4 +48,4 @@ const SelectNoSearchResults = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
-export { Select, SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectDropdownItem, SelectNoSearchResults, SelectPlaceholder, SelectSearchControl };
+export { SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectNoSearchResults, SelectPlaceholder, SelectRoot };

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9908babc.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-03768809.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-4d42b488.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

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

@@ -3,7 +3,7 @@ export { DateTimePickerTimeFormat as TimePickerFormat } from '../OrDateTimePicke
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerPopoverHeader-9908babc.js';
+import '../../OrDateTimePickerPopoverHeader-03768809.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

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

@@ -68,9 +68,9 @@ function useToast() {
   function loading(props) {
     let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
+      dismissible: false,
       ...props,
-      toastType: ToastType.loading,
-      dismissible: false
+      toastType: ToastType.loading
     }, {
       ...behaviour,
       duration: 0 // <- toast with type "loading" will not cloe automatically

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

@@ -68,9 +68,9 @@ function useToast() {
   function loading(props) {
     let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
+      dismissible: false,
       ...props,
-      toastType: ToastType.Loading,
-      dismissible: false
+      toastType: ToastType.Loading
     }, {
       ...behaviour,
       duration: 0 // <- toast with type "loading" will not cloe automatically

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

@@ -237,7 +237,7 @@ import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
 import '../OrDateTimePickerMonthSelect-8792b53f.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import '../OrDateTimePickerPopoverHeader-9908babc.js';
+import '../OrDateTimePickerPopoverHeader-03768809.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';

package/dist/bundled/v2/directives/dropdown-close.js

@@ -2,6 +2,8 @@ import { isVue3 } from 'vue-demi';
 
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
+    event.preventDefault();
+    event.stopPropagation();
     if (['Escape'].includes(event.key)) {
       binding.value(event);
     }

package/dist/bundled/v2/directives/dropdown-open.js

@@ -2,11 +2,15 @@ import { isVue3 } from 'vue-demi';
 
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
+    event.preventDefault();
+    event.stopPropagation();
     if (['Enter', ' '].includes(event.key)) {
       binding.value(event);
     }
   });
   element.addEventListener('click', event => {
+    event.preventDefault();
+    event.stopPropagation();
     binding.value(event);
   });
 };