@onereach/ui-components 2.65.2-beta.1970.0 → 2.65.2-beta.1972.0

package/dist/v3/index39.js

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from './OrInput-c09652e0.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-0accb96c.js';
 export { a as InputSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
@@ -6,10 +6,10 @@ import '@vueuse/core';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-f8b88310.js';
+import './OrIconButton-7905be29.js';
 import './OrIcon-e2fa4cf8.js';
-import './OrTooltip-6e00b8ac.js';
-import './OrPopover-4306463c.js';
+import './OrTooltip-cbb14b43.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index49.js

@@ -1,5 +1,5 @@
-export { s as OrMenuV3 } from './OrMenu-73fdfbf0.js';
-export { P as MenuPlacement } from './OrPopover-4306463c.js';
+export { s as OrMenuV3 } from './OrMenu-320b485f.js';
+export { P as MenuPlacement } from './OrPopover-16b6f117.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v3/index51.js

@@ -1,12 +1,12 @@
-export { M as ModalSize, s as OrModalV3 } from './OrModal-a1f90b67.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-3e294644.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-f8b88310.js';
+import './OrIconButton-7905be29.js';
 import './OrIcon-e2fa4cf8.js';
 import 'vue';
-import './OrTooltip-6e00b8ac.js';
-import './OrPopover-4306463c.js';
+import './OrTooltip-cbb14b43.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index53.js

@@ -1,12 +1,12 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-d251a88f.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-5806b30e.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-f8b88310.js';
+import './OrIconButton-7905be29.js';
 import './OrIcon-e2fa4cf8.js';
 import 'vue';
-import './OrTooltip-6e00b8ac.js';
-import './OrPopover-4306463c.js';
+import './OrTooltip-cbb14b43.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index57.js

@@ -1,4 +1,4 @@
-export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from './OrPopover-4306463c.js';
+export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/v3/index63.js

@@ -1,16 +1,16 @@
-export { s as OrSearchV3 } from './OrSearch-0ca5a198.js';
+export { s as OrSearchV3 } from './OrSearch-d7662fa5.js';
 export { a as SearchSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import '@vueuse/core';
 import './useClassAttribute-47fdb016.js';
-import './OrInput-c09652e0.js';
+import './OrInput-0accb96c.js';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-f8b88310.js';
+import './OrIconButton-7905be29.js';
 import './OrIcon-e2fa4cf8.js';
-import './OrTooltip-6e00b8ac.js';
-import './OrPopover-4306463c.js';
+import './OrTooltip-cbb14b43.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index66.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from './OrSelect-3388f00a.js';
+export { s as OrSelectV3 } from './OrSelect-60ab3704.js';
 export { a as SelectSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import './dropdown-open-0d314aa4.js';
@@ -13,10 +13,10 @@ import './OrError-19a62a18.js';
 import './OrExpansionPanel-65afdfad.js';
 import './OrIcon-e2fa4cf8.js';
 import './OrHint-73835593.js';
-import './OrInput-c09652e0.js';
-import './OrIconButton-f8b88310.js';
-import './OrTooltip-6e00b8ac.js';
-import './OrPopover-4306463c.js';
+import './OrInput-0accb96c.js';
+import './OrIconButton-7905be29.js';
+import './OrTooltip-cbb14b43.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';
@@ -24,4 +24,4 @@ import './OrBottomSheet-9de57dd0.js';
 import './OrOverlay-27050c19.js';
 import './OrTeleport.vue3-8099178c.js';
 import './OrMenuItem-9cfc4cc4.js';
-import './OrTag-081d92e2.js';
+import './OrTag-7e2abc90.js';

package/dist/v3/index80.js

@@ -1,12 +1,12 @@
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-938f205b.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ec203edf.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import './OrIcon-e2fa4cf8.js';
 import 'vue';
 import './OrMenuItem-9cfc4cc4.js';
-import './OrMenu-73fdfbf0.js';
-import './OrPopover-4306463c.js';
+import './OrMenu-320b485f.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index82.js

@@ -1,12 +1,12 @@
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-081d92e2.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-7e2abc90.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-f8b88310.js';
+import './OrIconButton-7905be29.js';
 import './OrIcon-e2fa4cf8.js';
 import 'vue';
-import './OrTooltip-6e00b8ac.js';
-import './OrPopover-4306463c.js';
+import './OrTooltip-cbb14b43.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index90.js

@@ -1,14 +1,14 @@
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-45231fbe.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-ac61ba80.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './OrTeleport.vue3-8099178c.js';
 import 'vue';
-import './OrIconButton-f8b88310.js';
+import './OrIconButton-7905be29.js';
 import './useClassAttribute-47fdb016.js';
 import './OrIcon-e2fa4cf8.js';
-import './OrTooltip-6e00b8ac.js';
-import './OrPopover-4306463c.js';
+import './OrTooltip-cbb14b43.js';
+import './OrPopover-16b6f117.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index93.js

@@ -1,5 +1,5 @@
-export { s as OrTooltipV3 } from './OrTooltip-6e00b8ac.js';
-export { P as TooltipPlacement } from './OrPopover-4306463c.js';
+export { s as OrTooltipV3 } from './OrTooltip-cbb14b43.js';
+export { P as TooltipPlacement } from './OrPopover-16b6f117.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';

package/dist/v3/{types-45231fbe.js → types-ac61ba80.js}

@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { s as script$4 } from './OrTeleport.vue3-8099178c.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import { s as script$2 } from './OrIconButton-f8b88310.js';
+import { s as script$2 } from './OrIconButton-7905be29.js';
 import { s as script$3 } from './OrLoader-60943812.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, toDisplayString, createElementVNode, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.65.2-beta.1970.0",
+  "version": "2.65.2-beta.1972.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-menu-v3/OrMenu.stories3.ts

@@ -134,13 +134,15 @@ const OrderDropdownTemplate: StoryFn<typeof OrMenu> = (args) => ({
         ref="button"
         variant="link"
         @click="menu.toggle()"
-        class="text-on-background"
+        class="text-on-background typography-body-2-semibold"
       >
-        Last Updated
-        <OrIcon
-          v-if="menu"
-          :icon="menu.isOpen ? 'arrow_drop_up' : 'arrow_drop_down'"
-        />
+        <div class="text-on-background">
+          Last Updated
+          <OrIcon
+            v-if="menu"
+            :icon="menu.isOpen ? 'arrow_drop_up' : 'arrow_drop_down'"
+          />
+        </div>
       </OrButton>
 
       <OrMenu

package/src/components/or-popover-v3/OrPopover.vue

@@ -21,7 +21,7 @@
     <template v-if="isMobile && variant === 'auto' || variant === 'bottom-sheet'">
       <OrBottomSheet
         ref="bottomSheet"
-        @update:state="$emit('update:state', $event)"
+        @update:state="handleBottomSheetState"
       >
         <slot />
       </OrBottomSheet>
@@ -187,6 +187,15 @@ export default defineComponent({
       }
     }
 
+    // Handlers
+    function handleBottomSheetState(bottomShetState: string): void {
+      if (bottomShetState === 'closed') {
+        state.value = 'closed';
+      } else {
+        state.value = 'open';
+      }
+    }
+
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -235,6 +244,7 @@ export default defineComponent({
       root,
       bottomSheet,
       bottomSheetRoot,
+      handleBottomSheetState,
       rootStyles,
       bodyStyles,
       state,