@onereach/ui-components 8.0.6-beta.3614.0 → 8.0.6

package/dist/esm/v2/{OrTabs-db6e7f59.js → OrTabs-20560ebc.js}

@@ -21,7 +21,7 @@ const TabsRoot = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
-'overflow-hidden', 'flex-shrink-0',
+'shrink-0',
 // Spacing
 'gap-lg',
 // Theme
@@ -38,7 +38,7 @@ const TabsContainer = [
 // Layout
 'layout-column',
 // Box
-'h-full', 'overflow-hidden',
+'h-full',
 // Spacing
 'gap-lg'];
 const TabsContent = [
@@ -191,13 +191,18 @@ var __vue_render__ = function () {
           _vm.proxyModelValue = tab.value;
         }
       }
-    }, [_vm._v("\n      " + _vm._s(tab.label) + "\n    ")]);
+    }, [_vm._t("tab", function () {
+      return [_vm._v("\n        " + _vm._s(tab.label) + "\n      ")];
+    }, {
+      "tab": tab,
+      "activeTab": _vm.activeTab
+    })], 2);
   }), _vm._v(" "), _vm.tabs.hidden.length > 0 ? [_c('OrTab', {
     ref: "overflowTab",
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        return _vm.overflowMenu.open();
+        _vm.overflowMenu && _vm.overflowMenu.open();
       }
     }
   }, [_c('OrIcon', {
@@ -217,7 +222,7 @@ var __vue_render__ = function () {
         "click": function ($event) {
           $event.stopPropagation();
           _vm.proxyModelValue = tab.value;
-          _vm.overflowMenu.close();
+          _vm.overflowMenu && _vm.overflowMenu.close();
         }
       }
     }, [_vm._v("\n          " + _vm._s(tab.label) + "\n        ")]);

package/dist/esm/v2/components/index.js

@@ -117,7 +117,7 @@ export { _ as OrTab } from '../OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from '../OrTab-13db2e49.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-db6e7f59.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-20560ebc.js';
 export { _ as OrTag } from '../OrTag-b5803a20.js';
 export { _ as OrTagInputV3 } from '../OrTagInput-ea068aee.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-d5b9610f.js';

package/dist/esm/v2/components/or-tabs-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-db6e7f59.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-20560ebc.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v2/index.js

@@ -117,7 +117,7 @@ export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-13db2e49.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-db6e7f59.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-20560ebc.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
 export { _ as OrTagInputV3 } from './OrTagInput-ea068aee.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d5b9610f.js';

package/dist/esm/v3/{OrTabs-0660d898.js → OrTabs-faae418d.js}

@@ -9,7 +9,7 @@ import { s as script$3 } from './OrMenuItem-c5d2a427.js';
 import { s as script$2 } from './OrMenu-72844eb1.js';
 import './OrPopover-3b07d49e.js';
 import { s as script$4 } from './OrTab-db771526.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
 
 var TabsVariant;
 (function (TabsVariant) {
@@ -21,7 +21,7 @@ const TabsRoot = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
-'overflow-hidden', 'flex-shrink-0',
+'shrink-0',
 // Spacing
 'gap-lg',
 // Theme
@@ -38,7 +38,7 @@ const TabsContainer = [
 // Layout
 'layout-column',
 // Box
-'h-full', 'overflow-hidden',
+'h-full',
 // Spacing
 'gap-lg'];
 const TabsContent = [
@@ -183,7 +183,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       selected: tab.value === _ctx.proxyModelValue,
       onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
     }, {
-      default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
+      default: withCtx(() => [renderSlot(_ctx.$slots, "tab", {
+        tab: tab,
+        activeTab: _ctx.activeTab
+      }, () => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)])]),
 
       _: 2 /* DYNAMIC */
     }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
@@ -191,7 +194,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createVNode(_component_OrTab, {
     ref: "overflowTab",
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowMenu.open(), ["stop"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowMenu && _ctx.overflowMenu.open(), ["stop"]))
   }, {
     default: withCtx(() => [createVNode(_component_OrIcon, {
       icon: 'more_horiz',
@@ -207,7 +210,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: tab.value,
         onClick: withModifiers($event => {
           _ctx.proxyModelValue = tab.value;
-          _ctx.overflowMenu.close();
+          _ctx.overflowMenu && _ctx.overflowMenu.close();
         }, ["stop"])
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),

package/dist/esm/v3/components/index.js

@@ -114,7 +114,7 @@ export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-db771526.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-0660d898.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-faae418d.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
 export { s as OrTagInputV3 } from '../OrTagInput-bdbf9b9f.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-a37e8e69.js';

package/dist/esm/v3/components/or-tabs-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-0660d898.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-faae418d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/index.js

@@ -114,7 +114,7 @@ export { s as OrTab } from './OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from './OrTab-db771526.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-0660d898.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-faae418d.js';
 export { s as OrTag } from './OrTag-1b3b1296.js';
 export { s as OrTagInputV3 } from './OrTagInput-bdbf9b9f.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-a37e8e69.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.0.6-beta.3614.0",
+  "version": "8.0.6",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -175,5 +175,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "8658802f434b8151675b95e12710a87a59e4cc6f"
 }

package/src/components/or-tabs-v3/OrTabs.vue

@@ -11,13 +11,19 @@
         :selected="tab.value === proxyModelValue"
         @click.stop="proxyModelValue = tab.value"
       >
-        {{ tab.label }}
+        <slot
+          name="tab"
+          :tab="tab"
+          :active-tab="activeTab"
+        >
+          {{ tab.label }}
+        </slot>
       </OrTab>
 
       <template v-if="tabs.hidden.length > 0">
         <OrTab
           ref="overflowTab"
-          @click.stop="overflowMenu.open()"
+          @click.stop="overflowMenu && overflowMenu.open()"
         >
           <OrIcon
             :icon="'more_horiz'"
@@ -32,7 +38,7 @@
           <OrMenuItem
             v-for="tab in tabs.hidden"
             :key="tab.value"
-            @click.stop="proxyModelValue = tab.value; overflowMenu.close()"
+            @click.stop="proxyModelValue = tab.value; overflowMenu && overflowMenu.close()"
           >
             {{ tab.label }}
           </OrMenuItem>

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

@@ -8,8 +8,7 @@ export const TabsRoot: string[] = [
   'items-center',
 
   // Box
-  'overflow-hidden',
-  'flex-shrink-0',
+  'shrink-0',
 
   // Spacing
   'gap-lg',
@@ -39,7 +38,6 @@ export const TabsContainer: string[] = [
 
   // Box
   'h-full',
-  'overflow-hidden',
 
   // Spacing
   'gap-lg',