@onereach/ui-components 6.4.4 → 6.4.5-beta.3418.0

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c7b48aa2.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e2a587bb.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -278,8 +278,8 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
-    class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c7b48aa2.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e2a587bb.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
 import { DateTimePickerTimeFormat } from './props.js';

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

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c7b48aa2.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e2a587bb.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
 export { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, isVue3 } from 'vue-demi';
 import { IconButtonColor } from './props.js';
 import { IconButton, IconButtonColors } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrTooltipV3/OrTooltip.js';
-import { IconSize } from '../OrIconV3/props.js';
+import { IconSize, IconVariant } from '../OrIconV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -49,12 +49,26 @@ var script = defineComponent({
   setup(props) {
     // Refs
     const root = ref();
+    const {
+      icon,
+      size
+    } = toRefs(props);
+    const iconProps = computed(() => {
+      return {
+        size: size.value,
+        variant: IconVariant.Inherit,
+        ...(typeof icon.value === 'string' ? {
+          icon: icon.value
+        } : icon.value)
+      };
+    });
     // Styles
     const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color]]);
     return {
       root,
       rootStyles,
-      isVue3
+      isVue3,
+      iconProps
     };
   }
 });
@@ -95,14 +109,7 @@ var __vue_render__ = function () {
     blur: function (e) {
       return _vm.$emit('blur', e);
     }
-  })), [_c('OrIcon', _vm._b({
-    attrs: {
-      "variant": 'inherit',
-      "size": _vm.size
-    }
-  }, 'OrIcon', typeof _vm.icon === 'string' ? {
-    icon: _vm.icon
-  } : _vm.icon, false))], 1)]);
+  })), [_c('OrIcon', _vm._b({}, 'OrIcon', _vm.iconProps, false))], 1)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.vue.d.ts

@@ -1,9 +1,15 @@
 import { PropType } from 'vue-demi';
+import { IconVariant } from '../or-icon-v3';
 import { IconButtonColor, IconButtonSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLButtonElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isVue3: boolean;
+    iconProps: import("@vue/composition-api").ComputedRef<{
+        icon?: string | undefined;
+        size: "inherit" | "xl" | "l" | "m";
+        variant: IconVariant;
+    }>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     additionalStyles: {
         type: PropType<string[]>;
@@ -88,6 +94,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLButtonElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isVue3: boolean;
+    iconProps: import("@vue/composition-api").ComputedRef<{
+        icon?: string | undefined;
+        size: "inherit" | "xl" | "l" | "m";
+        variant: IconVariant;
+    }>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     size: "inherit" | "xl" | "l" | "m";
     additionalStyles: string[];

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -26,6 +26,11 @@ var script = defineComponent({
     offset: {
       type: [Number, Object, Function],
       default: undefined
+    },
+    // TODO: Remove after migration to Vue 3
+    additionalStyles: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -89,7 +94,7 @@ var __vue_render__ = function () {
     }
   }, [_c('div', _vm._b({
     ref: "root",
-    class: _vm.rootStyles,
+    class: [_vm.rootStyles].concat(_vm.additionalStyles),
     on: {
       "click": function ($event) {
         $event.stopPropagation();

package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<MenuOffset>;
         default: undefined;
     };
+    additionalStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
@@ -43,11 +47,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<MenuOffset>;
         default: undefined;
     };
+    additionalStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
     trigger: ReferenceElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: MenuOffset;
+    additionalStyles: string[];
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -63,6 +72,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     trigger: ReferenceElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: MenuOffset;
+    additionalStyles: string[];
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -70,5 +80,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     trigger: ReferenceElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: MenuOffset;
+    additionalStyles: string[];
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js

@@ -246,8 +246,8 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('OrMenu', {
     ref: "limitMenu",
-    class: ['min-w-[60px]'],
     attrs: {
+      "additional-styles": ['min-w-[60px]'],
       "trigger": _vm.limitButtonRoot,
       "placement": 'top'
     }

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,6 +1,9 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import __vue_component__$1 from '../OrInputV3/OrInput.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
+import { useIdAttribute } from '../../hooks/useIdAttribute.js';
+import { useControlAttributes } from '../../hooks/useControlAttributes.js';
+import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
 import { a as watchDebounced } from '../../index-210a7ab2.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -27,10 +30,6 @@ var script = defineComponent({
       type: Number,
       default: 500
     },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -46,6 +45,11 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-search-v3']);
     // State
     const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
+    const controlAttributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes(),
+      ...useValidationAttributes()
+    });
     // Events
     watchDebounced(localModelValue, () => localModelValue.value.length > 0 && context.emit('search', localModelValue.value), {
       debounce: props.debounce
@@ -69,6 +73,7 @@ var script = defineComponent({
       root,
       rootStyles,
       localModelValue,
+      controlAttributes,
       focus,
       clear
     };
@@ -83,7 +88,7 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('OrInput', {
+  return _c('OrInput', _vm._b({
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
@@ -118,7 +123,7 @@ var __vue_render__ = function () {
       },
       expression: "localModelValue"
     }
-  });
+  }, 'OrInput', _vm.controlAttributes, false));
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrSearchV3/OrSearch.vue.d.ts

@@ -8,6 +8,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     localModelValue: import("@vue/composition-api").Ref<string>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
     focus: () => void;
     clear: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -28,10 +41,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: number;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
@@ -54,10 +63,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: number;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
@@ -67,7 +72,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: "m" | "s";
     placeholder: string;
     debounce: number;
-    disabled: boolean;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -79,6 +83,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     localModelValue: import("@vue/composition-api").Ref<string>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
     focus: () => void;
     clear: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -86,7 +103,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: "m" | "s";
     placeholder: string;
     debounce: number;
-    disabled: boolean;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -95,7 +111,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     size: "m" | "s";
     placeholder: string;
     debounce: number;
-    disabled: boolean;
     disableDefaultStyles: boolean;
 }, true>);
 export default _default;

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

@@ -47,7 +47,7 @@ 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-c7b48aa2.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-e2a587bb.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-e90e27c0.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-3d88a1aa.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './OrDateTimePickerV3/props.js';

package/dist/bundled/v2/index.js

@@ -99,7 +99,7 @@ export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, Inpu
 export { ConfirmType } from './components/OrConfirmV3/props.js';
 export { PopoverPlacement as ContextMenuPlacement, PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './components/OrPopoverV3/props.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/OrDateTimePicker/constants.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-c7b48aa2.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-e2a587bb.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-e90e27c0.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-3d88a1aa.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './components/OrDateTimePickerV3/props.js';

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-97ce4f39.js → OrCardCollection.vue_vue_type_script_lang-62d653d9.js}

@@ -4,10 +4,10 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-4a585ac8.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-f6a4b444.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-90f8fcdc.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-e76fd9bd.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-efa2aa0d.js → OrCode.vue_vue_type_script_lang-126d56f7.js}

@@ -16,9 +16,9 @@ import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, createCommentVNode, vShow } from 'vue';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-b71c252c.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-19e1ff1a.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-6574f677.js → OrConfirm.vue_vue_type_script_lang-56a57a28.js}

@@ -9,7 +9,7 @@ import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-a2afd31a.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-c8d558f3.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-bd483fbc.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { w as whenever } from './index-544e4b4e.js';
 

package/dist/bundled/v3/{OrContextMenu.vue_vue_type_script_lang-3e1745ee.js → OrContextMenu.vue_vue_type_script_lang-f3b2fa10.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch } from 'vue-demi';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-5e2a043c.js → OrDatePicker.vue_vue_type_script_lang-7d8b90bc.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-3eb04014.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-e59d849a.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
@@ -12,7 +12,7 @@ import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerP
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$d } from './OrPopover.vue_vue_type_script_lang-1de40837.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-10d17151.js → OrDateTimePicker.vue_vue_type_script_lang-090b5555.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-3eb04014.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerPopoverHeader-e59d849a.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-d40024d8.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
@@ -17,7 +17,7 @@ import { getCurrentDate } from './components/OrDateTimePickerV3/utils/getCurrent
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$f } from './OrPopover.vue_vue_type_script_lang-1de40837.js';

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-3eb04014.js → OrDateTimePickerPopoverHeader-e59d849a.js}

@@ -11,8 +11,8 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
-import { s as script$7 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
+import { s as script$6 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$7 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
 import { s as script$8 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-d7a9a943.js → OrIconButton.vue_vue_type_script_lang-ff65c253.js}

@@ -1,10 +1,10 @@
-import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, isVue3 } from 'vue-demi';
 import { IconButtonColor } from './components/OrIconButtonV3/props.js';
 import { IconButton, IconButtonColors } from './components/OrIconButtonV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrTooltipV3/OrTooltip.js';
 import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-f47bdea2.js';
-import { IconSize } from './components/OrIconV3/props.js';
+import { IconSize, IconVariant } from './components/OrIconV3/props.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
 
 var script = defineComponent({
@@ -50,12 +50,26 @@ var script = defineComponent({
   setup(props) {
     // Refs
     const root = ref();
+    const {
+      icon,
+      size
+    } = toRefs(props);
+    const iconProps = computed(() => {
+      return {
+        size: size.value,
+        variant: IconVariant.Inherit,
+        ...(typeof icon.value === 'string' ? {
+          icon: icon.value
+        } : icon.value)
+      };
+    });
     // Styles
     const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color]]);
     return {
       root,
       rootStyles,
-      isVue3
+      isVue3,
+      iconProps
     };
   }
 });

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-7b8c29ef.js → OrInlineInput.vue_vue_type_script_lang-a296caec.js}

@@ -9,7 +9,7 @@ import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-34458bc2.js → OrInlineTextarea.vue_vue_type_script_lang-6f0607c5.js}

@@ -6,7 +6,7 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-c8d558f3.js → OrInput.vue_vue_type_script_lang-bd483fbc.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-76aa4f7d.js → OrMenu.vue_vue_type_script_lang-13de0752.js}

@@ -26,6 +26,11 @@ var script = defineComponent({
     offset: {
       type: [Number, Object, Function],
       default: undefined
+    },
+    // TODO: Remove after migration to Vue 3
+    additionalStyles: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ['update:state', 'open', 'close'],

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-b71c252c.js → OrModal.vue_vue_type_script_lang-19e1ff1a.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers } from 'vue';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { Modal, ModalSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-0e25b4ec.js → OrNotification.vue_vue_type_script_lang-1bb2ed3f.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-666e37bc.js → OrPagination.vue_vue_type_script_lang-ca8c0f8a.js}

@@ -6,7 +6,7 @@ import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-5a2318e5.js → OrRichTextEditor.vue_vue_type_script_lang-b9bfac12.js}

@@ -16,12 +16,12 @@ import './components/OrModalV3/OrModal.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-d7a9a943.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
-import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-76aa4f7d.js';
-import { s as script$5 } from './OrModal.vue_vue_type_script_lang-b71c252c.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-c8d558f3.js';
+import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
+import { s as script$5 } from './OrModal.vue_vue_type_script_lang-19e1ff1a.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-bd483fbc.js';
 import { s as script$7 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
 import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-90f8fcdc.js → OrSearch.vue_vue_type_script_lang-e76fd9bd.js}

@@ -1,7 +1,10 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-c8d558f3.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-bd483fbc.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { useIdAttribute } from './hooks/useIdAttribute.js';
+import { useControlAttributes } from './hooks/useControlAttributes.js';
+import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { a as watchDebounced } from './index-544e4b4e.js';
 
 var script = defineComponent({
@@ -27,10 +30,6 @@ var script = defineComponent({
       type: Number,
       default: 500
     },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -46,6 +45,11 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-search-v3']);
     // State
     const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
+    const controlAttributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes(),
+      ...useValidationAttributes()
+    });
     // Events
     watchDebounced(localModelValue, () => localModelValue.value.length > 0 && context.emit('search', localModelValue.value), {
       debounce: props.debounce
@@ -69,6 +73,7 @@ var script = defineComponent({
       root,
       rootStyles,
       localModelValue,
+      controlAttributes,
       focus,
       clear
     };