@onereach/ui-components 12.0.1 → 13.0.0

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize;
@@ -50,10 +54,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
     attributes: {
         required: boolean | undefined;
@@ -90,6 +90,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize;
@@ -126,10 +130,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -141,6 +141,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     name: string;
     modelValue: TextareaModelValue;
     autocomplete: string;
+    variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     maxHeight: string;
     label: string;
@@ -150,6 +151,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    disableDefaultStyles: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { b as InputBoxSize } from '../../types-945b6452.js';
 
 const Textarea = [
 // Layout

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

@@ -11,7 +11,7 @@ import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { a as InputBoxVariant } from '../../types-945b6452.js';
 import { useTimeFormat } from '../../hooks/useTimeFormat.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { getCurrentDate } from '../OrDateTimePickerV3/utils/getCurrentDate.js';
@@ -64,9 +64,17 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
+    },
+    anchor: {
+      type: Object,
+      default: undefined
     },
     label: {
       type: String,
@@ -91,10 +99,6 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -103,7 +107,7 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
+    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const inputBox = ref();
     const inputBoxRoot = computed(() => {
       var _a;
@@ -224,7 +228,7 @@ var __vue_render__ = function () {
     }],
     ref: 'inputBox',
     attrs: {
-      "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
+      "variant": _vm.variant,
       "size": _vm.size,
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
@@ -291,7 +295,7 @@ var __vue_render__ = function () {
       "bottom-sheet-props": {
         variant: 'basic'
       },
-      "trigger": _vm.inputBoxRoot,
+      "trigger": _vm.anchor || _vm.inputBoxRoot,
       "placement": 'bottom-start',
       "fallback-placement": 'start'
     },

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.vue.d.ts

@@ -1,7 +1,7 @@
+import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { FilterFunction, FormatFunction } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
-import { InputBoxSize } from '../or-input-box-v3';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -23,9 +23,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -51,10 +59,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -219,9 +223,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -247,10 +259,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -259,11 +267,13 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
+    anchor: ReferenceElement;
     modelValue: DateTimePickerModelValue;
     format: "auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>;
     locale: string;
     hoursFilter: FilterFunction<Date>;
     minutesFilter: FilterFunction<Date>;
+    variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;
     hint: string;
@@ -271,6 +281,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    disableDefaultStyles: boolean;
 }>;
 export default _default;

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

@@ -11,7 +11,7 @@ import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter,
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-30392a5d.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { a as InputBoxVariant } from '../../types-945b6452.js';
 import { useTimeFormat } from '../../hooks/useTimeFormat.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { getCurrentDate } from '../OrDateTimePickerV3/utils/getCurrentDate.js';
@@ -57,9 +57,17 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
+    },
+    anchor: {
+      type: Object,
+      default: undefined
     },
     label: {
       type: String,
@@ -84,10 +92,6 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -96,7 +100,7 @@ var script = defineComponent({
     var _a, _b, _c, _d;
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
+    const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const inputBox = ref();
     const inputBoxRoot = computed(() => {
       var _a;
@@ -250,7 +254,7 @@ var __vue_render__ = function () {
     }],
     ref: 'inputBox',
     attrs: {
-      "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
+      "variant": _vm.variant,
       "size": _vm.size,
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
@@ -349,7 +353,7 @@ var __vue_render__ = function () {
       "bottom-sheet-props": {
         variant: 'basic'
       },
-      "trigger": _vm.inputBoxRoot,
+      "trigger": _vm.anchor || _vm.inputBoxRoot,
       "placement": 'bottom-start',
       "fallback-placement": 'start'
     },

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.vue.d.ts

@@ -1,7 +1,7 @@
+import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { FormatFunction } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
-import { InputBoxSize } from '../or-input-box-v3';
 import { TimeRangePickerModelValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
@@ -16,9 +16,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -44,10 +52,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -458,9 +462,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -486,10 +498,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -498,9 +506,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
+    anchor: ReferenceElement;
     modelValue: TimeRangePickerModelValue;
     format: "auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>;
     locale: string;
+    variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;
     hint: string;
@@ -508,6 +518,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    disableDefaultStyles: boolean;
 }>;
 export default _default;

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

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-c7fcc3f2.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-381900a9.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -97,8 +97,8 @@ export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineText
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
-export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from '../types-ef6428f0.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-52dfcc01.js';
+export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from '../types-945b6452.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-cba841ef.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { L as LabelVariant } from '../styles-30358b7e.js';