@onereach/ui-components 2.62.3-beta.1902.0 → 2.63.0-beta.1894.0

package/src/components/or-tag-v3/OrTag.docs.mdx

@@ -1,9 +1,5 @@
 import { DocsPage } from '@storybook/addon-docs';
 
-```ts
-import { OrTagV3 as OrTag } from '@onereach/ui-components';
-```
-
 <DocsPage />
 
 ## Migration Guide from V1

package/src/components/or-teleport-v3/OrTeleport.docs.mdx

@@ -1,7 +1,3 @@
 import { DocsPage } from '@storybook/addon-docs';
 
-```ts
-import { OrTeleportV3 as OrTeleport } from '@onereach/ui-components';
-```
-
 <DocsPage />

package/src/components/or-text-v3/OrText.docs.mdx

@@ -1,7 +1,3 @@
 import { DocsPage } from '@storybook/addon-docs';
 
-```ts
-import { OrTextV3 as OrText } from '@onereach/ui-components';
-```
-
 <DocsPage />

package/src/components/or-textarea-v3/OrTextarea.docs.mdx

@@ -1,9 +1,5 @@
 import { DocsPage } from '@storybook/addon-docs';
 
-```ts
-import { OrTextareaV3 as OrTextarea } from '@onereach/ui-components';
-```
-
 <DocsPage />
 
 ## Migration Guide from V1

package/src/components/or-tooltip-v3/OrTooltip.docs.mdx

@@ -1,8 +1,5 @@
 import { DocsPage } from '@storybook/addon-docs';
 
-```ts
-import { OrTooltipV3 as OrTooltip } from '@onereach/ui-components';
-```
 <DocsPage />
 
 ## Migration Guide from V1

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

@@ -30,7 +30,7 @@ import { computed, defineComponent, PropType, ref, watch } from 'vue-demi';
 import { useClassAttribute } from '../../hooks';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3';
 import { TooltipPlacement } from './props';
-import { TooltipBody, TooltipBodyPlacements, TooltipRoot } from './styles';
+import { TooltipBody, TooltipRoot } from './styles';
 
 export default defineComponent({
   name: 'OrTooltip',
@@ -63,7 +63,7 @@ export default defineComponent({
     'close',
   ],
 
-  setup(props) {
+  setup() {
     // Refs
     const root = ref<HTMLElement>();
 
@@ -81,7 +81,6 @@ export default defineComponent({
 
     const bodyStyles = computed(() => [
       ...TooltipBody,
-      ...TooltipBodyPlacements[props.placement],
     ]);
 
     // Methods

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

@@ -1,5 +1,3 @@
-import { TooltipPlacement } from './props';
-
 export const TooltipRoot: string[] = [
   // Layout
   'inline-block',
@@ -11,9 +9,6 @@ export const TooltipBody: string[] = [
   'rounded-sm',
 
   // Sizing
-  'mx-sm',
-  'my-sm',
-
   'px-sm',
   'py-xs',
 
@@ -27,53 +22,3 @@ export const TooltipBody: string[] = [
   'text-inverse-on-surface',
   'dark:text-inverse-on-surface-dark',
 ];
-
-export const TooltipBodyPlacements: Record<TooltipPlacement, 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',
-  ],
-};