@onereach/ui-components 6.1.1 → 6.1.2-beta.3249.0

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 };