@onereach/ui-components 6.0.0 → 6.0.1-beta.3229.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 };

package/dist/bundled/v2/components/OrTag/OrTag.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
     handleDeleteClick(event: MouseEvent): void;
 }, {
     rootClasses(): Record<string, boolean>;
@@ -44,7 +44,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         required: false;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     content: string;
     color: string;
     canDelete: boolean;

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TagInputSize } from './props';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -110,7 +110,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string[];
     size: "m" | "s";
     label: string;

package/dist/bundled/v2/components/OrTagV3/OrTag.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TagColor, TagVariant } from './props';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     custom: import("@vue/composition-api").ComputedRef<boolean>;
@@ -30,7 +30,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: "tag" | "button" | "reset";
     color: string;
     disabled: boolean;

package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TagsOverflow } from './props';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -50,7 +50,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: string[];
     overflow: "default" | "wrap";
     tagProps: Readonly<Partial<{

package/dist/bundled/v2/components/OrTeleport/OrTeleport.vue2.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
     to: {
         type: StringConstructor;
         required: boolean;
@@ -20,7 +20,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         required: boolean;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     to: string;
     isDisabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {