@onereach/ui-components 8.0.8 → 8.0.9-beta.3622.0

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

@@ -90,6 +90,7 @@
 
       <OrPopover
         ref="popover"
+        :class="popoverStyles"
         :variant="'auto'"
         :trigger="inputBoxRoot"
         :placement="'bottom'"
@@ -420,6 +421,10 @@ export default defineComponent({
       ...Select,
     ]);
 
+    const popoverStyles = computed(() => [
+      'or-select-popover-v3',
+    ]);
+
     const controlStyles = computed(() => [
       ...SelectControl,
     ]);
@@ -597,6 +602,7 @@ export default defineComponent({
       popoverRoot,
       popoverState,
       rootStyles,
+      popoverStyles,
       controlStyles,
       searchControlStyles,
       dropdownStyles,

package/src/components/or-tags-v3/OrTags.vue

@@ -38,6 +38,7 @@
 
       <OrPopover
         ref="overflowPopover"
+        :class="popoverStyles"
         :trigger="overflowButtonRoot"
       >
         <div :class="overflowPopoverStyles">
@@ -60,7 +61,7 @@
 </template>
 
 <script lang="ts">
-import { PropType, computed, defineComponent, ref, toRefs, nextTick } from 'vue-demi';
+import { PropType, computed, defineComponent, nextTick, ref, toRefs } from 'vue-demi';
 import { useOverflow } from '../../hooks';
 import { OrButtonV3 as OrButton } from '../or-button-v3';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3';
@@ -142,6 +143,10 @@ export default defineComponent({
       ...Tags,
     ]);
 
+    const popoverStyles = computed(() => [
+      'or-tags-popover-v3',
+    ]);
+
     const containerStyles = computed(() => [
       ...TagsContainer,
       ...TagsContainerOverflows[localOverflow.value],
@@ -193,6 +198,7 @@ export default defineComponent({
       overflowPopover,
       overflowPopoverRoot,
       rootStyles,
+      popoverStyles,
       containerStyles,
       overflowButtonStyles,
       overflowPopoverStyles,

package/src/components/or-teleport-v3/OrTeleport.vue2.vue

@@ -14,8 +14,6 @@ import { MountingPortal } from 'portal-vue';
 import { defineComponent } from 'vue-demi';
 
 export default defineComponent({
-  name: 'OrTeleport',
-
   components: {
     MountingPortal,
   },

package/src/components/or-teleport-v3/OrTeleport.vue3.vue

@@ -11,8 +11,6 @@
 import { defineComponent } from 'vue-demi';
 
 export default defineComponent({
-  name: 'OrTeleport',
-
   props: {
     to: {
       type: String,

package/src/components/or-time-picker-v3/OrTimePicker.vue

@@ -244,6 +244,7 @@ export default defineComponent({
     ]);
 
     const popoverStyles = computed(() => [
+      'or-time-picker-popover-v3',
       ...TimePickerPopover,
     ]);
 

package/src/components/or-time-range-picker-v3/OrTimeRangePicker.vue

@@ -270,6 +270,7 @@ export default defineComponent({
     ]);
 
     const popoverStyles = computed(() => [
+      'or-time-range-picker-popover-v3',
       ...TimeRangePickerPopover,
     ]);
 

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

@@ -9,6 +9,7 @@
 
     <template v-if="$slots.content || content || text">
       <OrPopover
+        :class="popoverStyles"
         :is-open="state === 'open'"
         :variant="'popover'"
         :trigger="root"
@@ -103,6 +104,10 @@ export default defineComponent({
       ...Tooltip,
     ]);
 
+    const popoverStyles = computed(() => [
+      'or-tooltip-popover-v3',
+    ]);
+
     const bodyStyles = computed(() => [
       ...TooltipBody,
       ...TooltipBodyPlacements[props.placement],
@@ -114,6 +119,7 @@ export default defineComponent({
     return {
       root,
       rootStyles,
+      popoverStyles,
       bodyStyles,
       state,
       open,