@onereach/ui-components 6.1.1-beta.3244.0 → 6.1.1-beta.3247.0

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-31a5687d.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-47a6a91f.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-31a5687d.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-47a6a91f.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7fd83e23.js';
 import { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,7 +1,6 @@
 import { a as autoUpdate, c as computePosition, o as offset, s as shift, f as flip, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
 import { o as onClickOutside } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
-import { r as requestAF } from '../../dom-bb55b42a.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './styles.js';
 import __vue_component__$1 from '../OrBottomSheetV3/OrBottomSheet.js';
@@ -105,15 +104,11 @@ var script = defineComponent({
             const {
               width: triggerWidth
             } = trigger.getBoundingClientRect();
-            // this hack fixes the issue when popover triggers 'ResizeObserver loop limit exceeded' runtime error
-            // https://github.com/floating-ui/floating-ui/issues/1740#issuecomment-1563544849
-            requestAF(() => {
-              Object.assign(rootElement.style, {
-                left: `${x}px`,
-                top: `${y}px`,
-                visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
-                width: props.fullWidth ? `${triggerWidth}px` : ''
-              });
+            Object.assign(rootElement.style, {
+              left: `${x}px`,
+              top: `${y}px`,
+              visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
+              width: props.fullWidth ? `${triggerWidth}px` : ''
             });
             isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
             isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);

package/dist/bundled/v2/components/OrSidebarV3/styles.js

@@ -4,7 +4,7 @@ const SidebarRoot = [
 // Layout
 'flex', 'flex-row', 'shrink-0',
 // Box
-'min-w-0', 'h-full', 'p-0',
+'min-w-0', 'min-h-0', 'h-full', 'p-0',
 // Theme
 'bg-background', 'dark:bg-background-dark'];
 const SidebarBar = [

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,7 +1,7 @@
 import { f as useResizeObserver } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
-import { TabsRoot, TabsRootVariants, TabsContainer } from './styles.js';
+import { TabsRoot, TabsRootVariants, TabsContainer, TabsContent } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
@@ -54,6 +54,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
     const containerStyles = computed(() => [...TabsContainer]);
+    const contentStyles = computed(() => [...TabsContent]);
     // State
     const tabs = reactive({
       normal: [],
@@ -119,6 +120,7 @@ var script = defineComponent({
       overflowMenuRoot,
       rootStyles,
       containerStyles,
+      contentStyles,
       tabs,
       proxyModelValue,
       activeTab
@@ -181,7 +183,9 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._v("\n          " + _vm._s(tab.label) + "\n        ")]);
-  }), 1)] : _vm._e()], 2), _vm._v(" "), _vm._t(String(_vm.proxyModelValue))], 2);
+  }), 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    class: _vm.contentStyles
+  }, [_vm._t(String(_vm.proxyModelValue))], 2)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;
@@ -77,6 +78,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

package/dist/bundled/v2/components/OrTabsV3/styles.d.ts

@@ -2,3 +2,4 @@ import { TabsVariant } from './props';
 export declare const TabsRoot: string[];
 export declare const TabsRootVariants: Record<TabsVariant, string[]>;
 export declare const TabsContainer: string[];
+export declare const TabsContent: string[];

package/dist/bundled/v2/components/OrTabsV3/styles.js

@@ -2,7 +2,7 @@ const TabsRoot = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
-'overflow-hidden',
+'overflow-hidden', 'flex-shrink-0',
 // Spacing
 'gap-lg',
 // Theme
@@ -18,7 +18,14 @@ const TabsRootVariants = {
 const TabsContainer = [
 // Layout
 'layout-column',
+// Box
+'h-full', 'overflow-hidden',
 // Spacing
 'gap-lg'];
+const TabsContent = [
+// Layout
+'grow',
+// box
+'h-full', 'overflow-auto'];
 
-export { TabsContainer, TabsRoot, TabsRootVariants };
+export { TabsContainer, TabsContent, TabsRoot, TabsRootVariants };