@onereach/ui-components 10.3.1-beta.4292.0 → 10.3.1-beta.4294.0

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

@@ -12,7 +12,7 @@ const BottomSheet = [
 // Typography
 'typography-body-2-regular',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const BottomSheetVariants = {
   [BottomSheetVariant.Basic]: [],
   [BottomSheetVariant.Advanced]: [

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -5,7 +5,7 @@ import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$3 } from '../../OrInput-b477f1d1.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

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-eef95dbd.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3bdda1bb.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,7 +8,7 @@ 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 { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eef95dbd.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3bdda1bb.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';

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-eef95dbd.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3bdda1bb.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.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-eef95dbd.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3bdda1bb.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
 export { formatDate } from './utils/formatDate.js';

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-ba8d63bb.js';
+export { _ as default } from '../../OrInlineInput-f6ebd8d7.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-ba8d63bb.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-f6ebd8d7.js';

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-436fb208.js';
+export { _ as default } from '../../OrInput-b477f1d1.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-436fb208.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-b477f1d1.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-2f433e52.js';
+export { _ as default } from '../../OrList-1ced1c7d.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-2f433e52.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-1ced1c7d.js';

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

@@ -11,7 +11,7 @@ const PopoverBody = [
 // Elevation
 'shadow-contextual', 'dark:shadow-contextual-dark',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const PopoverBodyPlacements = {
   [PopoverPlacement.Top]: [
   // Spacing

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

@@ -76,10 +76,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-col justify-center',
   // Interactivity
   'interactivity-resize-row',
-  // Box
-  'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-my-[calc(theme(spacing.md)/2)]',
+  '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-b-1'],
   [ResizeablePanelPlacement.Bottom]: [
@@ -87,10 +85,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-col justify-center',
   // Interactivity
   'interactivity-resize-row',
-  // Box
-  'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-my-[calc(theme(spacing.md)/2)]',
+  '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-t-1'],
   [ResizeablePanelPlacement.Left]: [
@@ -98,10 +94,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-row justify-center',
   // Interactivity
   'interactivity-resize-column',
-  // Box
-  'w-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-mx-[calc(theme(spacing.md)/2)]',
+  '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-r-1'],
   [ResizeablePanelPlacement.Right]: [
@@ -109,16 +103,14 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-row justify-center',
   // Interactivity
   'interactivity-resize-column',
-  // Box
-  'w-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-mx-[calc(theme(spacing.md)/2)]',
+  '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-l-1']
 };
 const ResizeablePanelCollapseButtonContainer = [
 // Position
-'relative z-10',
+'absolute z-10',
 // Shape
 'rounded-full',
 // Box
@@ -130,24 +122,24 @@ const ResizeablePanelCollapseButtonContainer = [
 const ResizeablePanelCollapseButtonContainerPlacements = {
   [ResizeablePanelPlacement.Top]: [
   // Position
-  'left-md',
-  // Spacing
-  '-my-[calc(theme(spacing.md)-2px)]'],
+  'left-md', 'bottom-0',
+  // Transform
+  'translate-y-1/2'],
   [ResizeablePanelPlacement.Bottom]: [
   // Position
-  'left-md',
-  // Spacing
-  '-my-[calc(theme(spacing.md)-2px)]'],
+  'left-md', 'top-0',
+  // Transform
+  '-translate-y-1/2'],
   [ResizeablePanelPlacement.Left]: [
   // Position
-  'top-md',
-  // Spacing
-  '-mx-[calc(theme(spacing.md)-2px)]'],
+  'top-md', 'right-0',
+  // Transform
+  'translate-x-1/2'],
   [ResizeablePanelPlacement.Right]: [
   // Position
-  'top-md',
-  // Spacing
-  '-mx-[calc(theme(spacing.md)-2px)]']
+  'top-md', 'left-0',
+  // Transform
+  '-translate-x-1/2']
 };
 const ResizeablePanelToolbar = [
 // Layout

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -12,7 +12,7 @@ import __vue_component__$2 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrModalV3/OrModal.js';
-import { _ as __vue_component__$6 } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$6 } from '../../OrInput-b477f1d1.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$1 } from '../../OrInput-b477f1d1.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';

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

@@ -14,7 +14,7 @@ import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrIconV3/OrIcon.js';
 import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$c } from '../../OrInput-b477f1d1.js';
 import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$e from '../OrLabelV3/OrLabel.js';
 import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';

package/dist/bundled/v2/components/OrTeleport/OrTeleport.vue2.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
     to: {
         type: StringConstructor;
         required: boolean;
@@ -20,7 +20,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         required: boolean;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     to: string;
     isDisabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {

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

@@ -50,7 +50,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-eef95dbd.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-3bdda1bb.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-31d1e247.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-e2499ef1.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
@@ -85,14 +85,14 @@ export { default as OrIconV3 } from './OrIconV3/OrIcon.js';
 export { IconSize, IconVariant } from './OrIconV3/props.js';
 export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3/OrInlineInputBox.js';
 export { InlineInputBoxSize } from './OrInlineInputBoxV3/props.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-ba8d63bb.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-f6ebd8d7.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 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 { InputBoxSize, InputBoxVariant } from './OrInputBoxV3/props.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-436fb208.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-b477f1d1.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { LabelVariant } from './OrLabelV3/props.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-2f433e52.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-1ced1c7d.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';