@onereach/ui-components 4.4.2-beta.2712.0 → 4.4.2

package/src/components/or-select-v3/OrSelect.vue

@@ -22,7 +22,7 @@
       ref="inputBox"
       v-dropdown-open="toggle"
       v-dropdown-close="close"
-      :class="[popoverState === 'open' && (popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0')]"
+      :class="[popoverState === 'open' && 'rounded-b-0']"
       :variant="disableDefaultStyles ? 'unstyled' : 'styled'"
       :size="size"
       :invalid="!!error"
@@ -241,7 +241,7 @@ import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3';
 import { OrTagV3 as OrTag } from '../or-tag-v3';
 import { SelectSize } from './props';
-import { SelectControl, SelectDropdown, SelectDropdownDefault, SelectDropdownFlipped, SelectNoSearchResults, SelectPlaceholder, SelectRoot } from './styles';
+import { SelectControl, SelectDropdown, SelectNoSearchResults, SelectPlaceholder, SelectRoot } from './styles';
 import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './types';
 
 export default defineComponent({
@@ -400,7 +400,6 @@ export default defineComponent({
 
     const dropdownStyles = computed(() => [
       ...SelectDropdown,
-      ...popover.value?.isFlipped ? SelectDropdownFlipped : SelectDropdownDefault,
     ]);
 
     const noSearchResultsStyles = computed(() => [

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

@@ -42,30 +42,19 @@ export const SelectDropdown: string[] = [
   // Box
   'max-h-[340px]',
 
+  // Shape
+  'rounded-b-md',
+
   // Theme
   'theme-background-default',
   'dark:theme-background-default-dark',
 
   'theme-border-1-outline',
   'dark:theme-border-1-outline-dark',
-];
-
-export const SelectDropdownDefault: string[] = [
-  // Shape
-  'rounded-b-md',
 
-  // Theme
   '!border-t-0',
 ];
 
-export const SelectDropdownFlipped: string[] = [
-  // Shape
-  'rounded-t-md',
-
-  // Theme
-  '!border-b-0',
-];
-
 export const SelectNoSearchResults: string[] = [
   // Layout
   'layout-row justify-center',

package/src/components/or-tabs-v3/OrTabs.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :class="containerStyles">
     <div
       ref="root"
       v-bind="$attrs"
@@ -52,7 +52,7 @@ import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3';
 import { OrTabV3 as OrTab } from '../or-tab-v3';
 import { TabsVariant } from './props';
-import { TabsRoot, TabsRootVariants } from './styles';
+import { TabsContainer, TabsRoot, TabsRootVariants } from './styles';
 import { TabsItem } from './types';
 
 export default defineComponent({
@@ -114,6 +114,10 @@ export default defineComponent({
       ...TabsRootVariants[props.variant],
     ]);
 
+    const containerStyles = computed(() => [
+      ...TabsContainer,
+    ]);
+
     // State
     const tabs = reactive({
       normal: [] as TabsItem[],
@@ -197,6 +201,7 @@ export default defineComponent({
       overflowMenu,
       overflowMenuRoot,
       rootStyles,
+      containerStyles,
       tabs,
       proxyModelValue,
       activeTab,

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

@@ -31,3 +31,11 @@ export const TabsRootVariants: Record<TabsVariant, string[]> = {
     'auto-cols-auto',
   ],
 };
+
+export const TabsContainer: string[] = [
+  // Layout
+  'layout-column',
+
+  // Spacing
+  'gap-lg',
+];

package/src/components/or-tooltip-v3/OrTooltip.vue

@@ -25,7 +25,7 @@
 
 <script lang="ts">
 import { useDebounceFn, useElementHover } from '@vueuse/core';
-import { PropType, computed, defineComponent, ref, watch } from 'vue-demi';
+import { computed, defineComponent, PropType, ref, watch } from 'vue-demi';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3';
 import { TooltipPlacement } from './props';
 import { TooltipBody, TooltipBodyPlacements, TooltipRoot } from './styles';
@@ -44,7 +44,7 @@ export default defineComponent({
     },
 
     placement: {
-      type: String as PropType<`${TooltipPlacement}`>,
+      type: String as PropType<TooltipPlacement>,
       default: TooltipPlacement.Bottom,
     },
   },