@onereach/ui-components 3.0.0 → 3.0.1-beta.2469.0

package/dist/bundled/v2/{OrFab-3ae17aed.js → OrFab-c2321877.js}

@@ -66,14 +66,14 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('button', {
+  return _c('button', _vm._g({
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
       "type": 'button',
       "disabled": _vm.disabled
     }
-  }, [_c('OrIcon', {
+  }, _vm.$listeners), [_c('OrIcon', {
     attrs: {
       "icon": _vm.icon,
       "size": 'l'

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

@@ -26,7 +26,7 @@ export { _ as OrErrorTagV3 } from '../OrErrorTag-79922468.js';
 export { O as OrErrorV3 } from '../OrError-1186b62f.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-a38727b9.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, O as OrExpansionPanelV3 } from '../OrExpansionPanel-7cd552fa.js';
-export { F as FabColor, _ as OrFabV3 } from '../OrFab-3ae17aed.js';
+export { F as FabColor, _ as OrFabV3 } from '../OrFab-c2321877.js';
 export { O as OrFloating, b as OrFloatingHideStrategy, a as OrFloatingPlacements } from '../OrFloating-507e8028.js';
 export { O as OrHint } from '../OrHint-664117aa.js';
 export { O as OrHintV3 } from '../OrHint-29b31ba4.js';

package/dist/bundled/v2/components/or-fab-v3/index.js

@@ -1,4 +1,4 @@
-export { F as FabColor, _ as OrFabV3 } from '../../OrFab-3ae17aed.js';
+export { F as FabColor, _ as OrFabV3 } from '../../OrFab-c2321877.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/index.js

@@ -32,7 +32,7 @@ export { _ as OrErrorTagV3 } from './OrErrorTag-79922468.js';
 export { O as OrErrorV3 } from './OrError-1186b62f.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-a38727b9.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, O as OrExpansionPanelV3 } from './OrExpansionPanel-7cd552fa.js';
-export { F as FabColor, _ as OrFabV3 } from './OrFab-3ae17aed.js';
+export { F as FabColor, _ as OrFabV3 } from './OrFab-c2321877.js';
 export { O as OrFloating, b as OrFloatingHideStrategy, a as OrFloatingPlacements } from './OrFloating-507e8028.js';
 export { O as OrHint } from './OrHint-664117aa.js';
 export { O as OrHintV3 } from './OrHint-29b31ba4.js';

package/dist/bundled/v3/index.js

@@ -2,7 +2,7 @@ import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { R as RX_ABBREVIATION_FROM_STRING } from './color-1f348774.js';
 import { s as script } from './OrAvatar.vue_vue_type_script_lang-a013315b.js';
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar.vue_vue_type_script_lang-a013315b.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, renderSlot, createCommentVNode, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeProps, guardReactiveProps, normalizeStyle, withModifiers, pushScopeId, popScopeId, vModelText, vModelDynamic, createSlots, withKeys, vModelRadio, resolveDirective, resolveDynamicComponent, vModelCheckbox } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, renderSlot, createCommentVNode, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeProps, guardReactiveProps, normalizeStyle, withModifiers, pushScopeId, popScopeId, vModelText, toHandlers, vModelDynamic, createSlots, withKeys, vModelRadio, resolveDirective, resolveDynamicComponent, vModelCheckbox } from 'vue';
 import { s as script$1 } from './OrAvatar.vue_vue_type_script_lang-45732c41.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar.vue_vue_type_script_lang-45732c41.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover.vue_vue_type_script_lang-1caf28d1.js';
@@ -1055,15 +1055,15 @@ script$d.__file = "src/components/or-empty-state-v3/OrEmptyState.vue";
 const _hoisted_1$p = ["disabled"];
 function render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
-  return openBlock(), createElementBlock("button", {
+  return openBlock(), createElementBlock("button", mergeProps({
     ref: "root",
-    class: normalizeClass(_ctx.rootStyles),
+    class: _ctx.rootStyles,
     type: 'button',
     disabled: _ctx.disabled
-  }, [createVNode(_component_OrIcon, {
+  }, toHandlers(_ctx.$listeners, true)), [createVNode(_component_OrIcon, {
     icon: _ctx.icon,
     size: 'l'
-  }, null, 8 /* PROPS */, ["icon"])], 10 /* CLASS, PROPS */, _hoisted_1$p);
+  }, null, 8 /* PROPS */, ["icon"])], 16 /* FULL_PROPS */, _hoisted_1$p);
 }
 
 script$e.render = render$E;

package/dist/esm/v2/{OrFab-d1275424.js → OrFab-83550865.js}

@@ -65,14 +65,14 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('button', {
+  return _c('button', _vm._g({
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
       "type": 'button',
       "disabled": _vm.disabled
     }
-  }, [_c('OrIcon', {
+  }, _vm.$listeners), [_c('OrIcon', {
     attrs: {
       "icon": _vm.icon,
       "size": 'l'

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

@@ -26,7 +26,7 @@ export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
 export { _ as OrErrorV3 } from '../OrError-4ffc1c39.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-7c359bb0.js';
-export { F as FabColor, _ as OrFabV3 } from '../OrFab-d1275424.js';
+export { F as FabColor, _ as OrFabV3 } from '../OrFab-83550865.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-67b6592e.js';
 export { _ as OrHint } from '../OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from '../OrHint-aa221198.js';

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

@@ -1,4 +1,4 @@
-export { F as FabColor, _ as OrFabV3 } from '../../OrFab-d1275424.js';
+export { F as FabColor, _ as OrFabV3 } from '../../OrFab-83550865.js';
 import 'vue-demi';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/index.js

@@ -26,7 +26,7 @@ export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
 export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-7c359bb0.js';
-export { F as FabColor, _ as OrFabV3 } from './OrFab-d1275424.js';
+export { F as FabColor, _ as OrFabV3 } from './OrFab-83550865.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-67b6592e.js';
 export { _ as OrHint } from './OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';

package/dist/esm/v3/{OrFab-5f5fdd1e.js → OrFab-fb3ecb60.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrIcon-62793572.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createVNode } from 'vue';
 
 var FabColor;
 (function (FabColor) {
@@ -60,15 +60,15 @@ var script = defineComponent({
 const _hoisted_1 = ["disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
-  return openBlock(), createElementBlock("button", {
+  return openBlock(), createElementBlock("button", mergeProps({
     ref: "root",
-    class: normalizeClass(_ctx.rootStyles),
+    class: _ctx.rootStyles,
     type: 'button',
     disabled: _ctx.disabled
-  }, [createVNode(_component_OrIcon, {
+  }, toHandlers(_ctx.$listeners, true)), [createVNode(_component_OrIcon, {
     icon: _ctx.icon,
     size: 'l'
-  }, null, 8 /* PROPS */, ["icon"])], 10 /* CLASS, PROPS */, _hoisted_1);
+  }, null, 8 /* PROPS */, ["icon"])], 16 /* FULL_PROPS */, _hoisted_1);
 }
 
 script.render = render;

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

@@ -23,7 +23,7 @@ export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
 export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-99ca7ed7.js';
-export { F as FabColor, s as OrFabV3 } from '../OrFab-5f5fdd1e.js';
+export { F as FabColor, s as OrFabV3 } from '../OrFab-fb3ecb60.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-291c7653.js';
 export { s as OrHint } from '../OrHint-1414c530.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';

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

@@ -1,4 +1,4 @@
-export { F as FabColor, s as OrFabV3 } from '../../OrFab-5f5fdd1e.js';
+export { F as FabColor, s as OrFabV3 } from '../../OrFab-fb3ecb60.js';
 import 'vue-demi';
 import '../../OrIcon-62793572.js';
 import 'vue';

package/dist/esm/v3/index.js

@@ -23,7 +23,7 @@ export { s as OrErrorTagV3 } from './OrErrorTag-ade9192b.js';
 export { s as OrErrorV3 } from './OrError-c01d0c29.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-5349a1f9.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-99ca7ed7.js';
-export { F as FabColor, s as OrFabV3 } from './OrFab-5f5fdd1e.js';
+export { F as FabColor, s as OrFabV3 } from './OrFab-fb3ecb60.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-291c7653.js';
 export { s as OrHint } from './OrHint-1414c530.js';
 export { s as OrHintV3 } from './OrHint-06ab89d7.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "3.0.0",
+  "version": "3.0.1-beta.2469.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -124,6 +124,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "328075686d9061371cbec452ada057987d5c9790"
+  }
 }

package/src/components/or-fab-v3/OrFab.stories3.ts

@@ -1,4 +1,5 @@
 import { Meta, StoryFn } from '@storybook/vue3';
+import { action } from '@storybook/addon-actions';
 import { OrIconV3 as OrIcon } from '../or-icon-v3';
 import OrFabDocs from './OrFab.docs.mdx';
 import OrFab from './OrFab.vue';
@@ -43,10 +44,33 @@ const Template: StoryFn<typeof OrFab> = (args) => ({
   },
 
   setup() {
-    return { args };
+    return {
+      args,
+      handleClick: action('click'),
+      handleFocus: action('focus'),
+      handleBlur: action('blur'),
+      handleMouseover: action('mouseover'),
+      handleMouseout: action('moouseout'),
+      handleMousemove: action('moousemove'),
+      handleMouseenter: action('mouseenter'),
+      handleMouseleave: action('museleave'),
+    };
   },
 
-  template: '<OrFab v-bind="args" />',
+  template: `
+    <OrFab
+      v-bind="args"
+      @click="handleClick"
+      @focus="handleFocus"
+      @blur="handleBlur"
+      @mouseover="handleMouseover"
+      @mouseout="handleMouseout"
+      @mousemove="handleMousemove"
+      @mouseenter="handleMouseenter"
+      @mouseleave="handleMouseleave"
+      class="test-class"
+    />
+  `,
 });
 
 export const Default = Template.bind({});

package/src/components/or-fab-v3/OrFab.vue

@@ -4,6 +4,7 @@
     :class="rootStyles"
     :type="'button'"
     :disabled="disabled"
+    v-on="$listeners"
   >
     <OrIcon
       :icon="icon"