@onereach/ui-components 2.59.1-beta.1840.0 → 2.60.0

package/dist/v3/index38.js

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from './OrInput-03eb5e28.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-5e4c5c9a.js';
 export { a as InputSize } from './OrInputBox-f44f1f5f.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-e914edc4.js';
+import './OrIconButton-54618375.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-b814fa5e.js';
-import './OrPopover-5b07072d.js';
+import './OrTooltip-3928dfdc.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index48.js

@@ -1,5 +1,5 @@
-export { s as OrMenuV3 } from './OrMenu-2c15e173.js';
-export { P as MenuPlacement } from './OrPopover-5b07072d.js';
+export { s as OrMenuV3 } from './OrMenu-e9a72243.js';
+export { P as MenuPlacement } from './OrPopover-f49b5714.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v3/index50.js

@@ -1,12 +1,12 @@
-export { M as ModalSize, s as OrModalV3 } from './OrModal-a4e95fdd.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-17b49caa.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-e914edc4.js';
+import './OrIconButton-54618375.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-b814fa5e.js';
-import './OrPopover-5b07072d.js';
+import './OrTooltip-3928dfdc.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index52.js

@@ -1,12 +1,12 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-b9ad2b61.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-9e7e5d16.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-e914edc4.js';
+import './OrIconButton-54618375.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-b814fa5e.js';
-import './OrPopover-5b07072d.js';
+import './OrTooltip-3928dfdc.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index56.js

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

package/dist/v3/index62.js

@@ -1,16 +1,16 @@
-export { s as OrSearchV3 } from './OrSearch-d49ac793.js';
+export { s as OrSearchV3 } from './OrSearch-d7c4ed11.js';
 export { a as SearchSize } from './OrInputBox-f44f1f5f.js';
 import 'vue-demi';
 import '@vueuse/core';
 import './useClassAttribute-47fdb016.js';
-import './OrInput-03eb5e28.js';
+import './OrInput-5e4c5c9a.js';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-e914edc4.js';
+import './OrIconButton-54618375.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-b814fa5e.js';
-import './OrPopover-5b07072d.js';
+import './OrTooltip-3928dfdc.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index64.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from './OrSelect-ab88b818.js';
+export { s as OrSelectV3 } from './OrSelect-d5376a93.js';
 export { a as SelectSize } from './OrInputBox-f44f1f5f.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
@@ -12,10 +12,10 @@ import './OrError-19a62a18.js';
 import './OrExpansionPanel-1e2a6375.js';
 import './OrIcon-b3906e35.js';
 import './OrHint-73835593.js';
-import './OrInput-03eb5e28.js';
-import './OrIconButton-e914edc4.js';
-import './OrTooltip-b814fa5e.js';
-import './OrPopover-5b07072d.js';
+import './OrInput-5e4c5c9a.js';
+import './OrIconButton-54618375.js';
+import './OrTooltip-3928dfdc.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';
@@ -23,4 +23,4 @@ import './OrBottomSheet-20a6e3ee.js';
 import './OrOverlay-27050c19.js';
 import './OrTeleport.vue3-8099178c.js';
 import './OrMenuItem-f7d575ba.js';
-import './OrTag-09cc3f1f.js';
+import './OrTag-58145d09.js';

package/dist/v3/index77.js

@@ -1,12 +1,12 @@
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ff70020b.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-bfcbbd53.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
 import './OrMenuItem-f7d575ba.js';
-import './OrMenu-2c15e173.js';
-import './OrPopover-5b07072d.js';
+import './OrMenu-e9a72243.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index79.js

@@ -1,12 +1,12 @@
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-09cc3f1f.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-58145d09.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-e914edc4.js';
+import './OrIconButton-54618375.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-b814fa5e.js';
-import './OrPopover-5b07072d.js';
+import './OrTooltip-3928dfdc.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index87.js

@@ -1,14 +1,14 @@
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-eafe769d.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-59395ba4.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-e914edc4.js';
+import './OrIconButton-54618375.js';
 import './useClassAttribute-47fdb016.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-b814fa5e.js';
-import './OrPopover-5b07072d.js';
+import './OrTooltip-3928dfdc.js';
+import './OrPopover-f49b5714.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index90.js

@@ -1,5 +1,5 @@
-export { s as OrTooltipV3 } from './OrTooltip-b814fa5e.js';
-export { P as TooltipPlacement } from './OrPopover-5b07072d.js';
+export { s as OrTooltipV3 } from './OrTooltip-3928dfdc.js';
+export { P as TooltipPlacement } from './OrPopover-f49b5714.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';

package/dist/v3/{types-eafe769d.js → types-59395ba4.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-e914edc4.js';
+import { s as script$2 } from './OrIconButton-54618375.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.59.1-beta.1840.0",
+  "version": "2.60.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -75,5 +75,6 @@
     "portal-vue": {
       "optional": true
     }
-  }
+  },
+  "gitHead": "a6d8285aee8f32ec3db7d20f5488d71de5dc45bb"
 }

package/src/components/or-input-v3/OrInput.vue

@@ -41,34 +41,32 @@
         @blur="$emit('blur', $event)"
       >
 
-      <div :class="['-m-xs', 'ml-none']">
-        <template v-if="type === 'password'">
+      <template v-if="type === 'password'">
+        <OrIconButton
+          :icon="{ icon: disclosed ? 'visibility_off' : 'visibility', variant: 'filled' }"
+          :color="'inherit'"
+          :disabled="disabled"
+          @click.stop="disclosed = !disclosed"
+        />
+      </template>
+
+      <template v-if="type === 'search'">
+        <template v-if="modelValue">
           <OrIconButton
-            :icon="{ icon: disclosed ? 'visibility_off' : 'visibility', variant: 'filled' }"
+            :icon="'close'"
             :color="'inherit'"
             :disabled="disabled"
-            @click.stop="disclosed = !disclosed"
+            @click.stop="$emit('update:modelValue', '')"
           />
         </template>
 
-        <template v-if="type === 'search'">
-          <template v-if="modelValue">
-            <OrIconButton
-              :icon="'close'"
-              :color="'inherit'"
-              :disabled="disabled"
-              @click.stop="$emit('update:modelValue', '')"
-            />
-          </template>
-
-          <template v-else>
-            <OrIcon
-              :icon="'search'"
-              :variant="'outlined'"
-            />
-          </template>
+        <template v-else>
+          <OrIcon
+            :icon="'search'"
+            :variant="'outlined'"
+          />
         </template>
-      </div>
+      </template>
     </OrInputBox>
 
     <template v-if="!invalid">

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

@@ -37,7 +37,7 @@ import { useClassAttribute, useElevation, useResponsive } from '../../hooks';
 import { OrBottomSheetV3 as OrBottomSheet } from '../or-bottom-sheet-v3';
 import { OrTeleportV3 as OrTeleport } from '../or-teleport-v3';
 import { PopoverPlacement, PopoverVariant } from './props';
-import { PopoverBody, PopoverRoot } from './styles';
+import { PopoverBody, PopoverBodyPlacements, PopoverRoot } from './styles';
 
 export default defineComponent({
   name: 'OrPopover',
@@ -107,6 +107,7 @@ export default defineComponent({
 
     const bodyStyles = computed(() => [
       ...PopoverBody,
+      ...PopoverBodyPlacements[props.placement],
     ]);
 
     // State

package/src/components/or-popover-v3/props.ts

@@ -6,7 +6,15 @@ export enum PopoverVariant {
 
 export enum PopoverPlacement {
   Top = 'top',
+  TopStart = 'top-start',
+  TopEnd = 'top-end',
   Bottom = 'bottom',
+  BottomStart = 'bottom-start',
+  BottomEnd = 'bottom-end',
   Left = 'left',
+  LeftStart = 'left-start',
+  LeftEnd = 'left-end',
   Right = 'right',
+  RightStart = 'right-start',
+  RightEnd = 'right-end',
 }

package/src/components/or-popover-v3/styles.ts

@@ -1,3 +1,5 @@
+import { PopoverPlacement } from './props';
+
 export const PopoverRoot: string[] = [
   // Position
   'absolute',
@@ -17,3 +19,53 @@ export const PopoverBody: string[] = [
   'shadow-contextual',
   'dark:shadow-contextual-dark',
 ];
+
+export const PopoverBodyPlacements: Record<PopoverPlacement, string[]> = {
+  'top': [],
+
+  'top-start': [
+    // Sizing
+    'ml-none',
+  ],
+
+  'top-end': [
+    // Sizing
+    'mr-none',
+  ],
+
+  'bottom': [],
+
+  'bottom-start': [
+    // Sizing
+    'ml-none',
+  ],
+
+  'bottom-end': [
+    // Sizing
+    'mr-none',
+  ],
+
+  'left': [],
+
+  'left-start': [
+    // Sizing
+    'mt-none',
+  ],
+
+  'left-end': [
+    // Sizing
+    'mb-none',
+  ],
+
+  'right': [],
+
+  'right-start': [
+    // Sizing
+    'mt-none',
+  ],
+
+  'right-end': [
+    // Sizing
+    'mb-none',
+  ],
+};