@onereach/ui-components 4.1.0-beta.2526.0 → 4.1.0

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

@@ -39,7 +39,9 @@ const ButtonRootColors = {
   'inherit-contained': [],
   'primary-outlined': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-1-primary', 'dark:theme-border-1-primary-dark'],
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
+  // Theme (active)
+  'active:theme-border-1-primary', 'dark:active:theme-border-1-primary-dark'],
   'danger-outlined': [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark', 'theme-border-1-error', 'dark:theme-border-1-error-dark'],

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -26,10 +26,6 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
-    tooltipStyles: {
-      type: Array,
-      default: () => []
-    },
     placement: {
       type: String,
       default: PopoverPlacement.Bottom
@@ -37,7 +33,7 @@ var script = defineComponent({
   },
   emits: ['update:state'],
   expose: ['root', 'open', 'close'],
-  setup(props, ctx) {
+  setup(props) {
     // Refs
     const root = ref();
     const popover = ref();
@@ -45,11 +41,9 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
-    const hasTooltipSlot = computed(() => typeof ctx.slots.tooltip === 'function');
-    const hasTooltip = computed(() => Boolean(props.text) || hasTooltipSlot.value);
     // Styles
     const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
-    const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement], ...props.tooltipStyles]);
+    const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // Methods
     const open = useDebounceFn(() => {
       if (hover.value) {
@@ -75,13 +69,11 @@ var script = defineComponent({
     });
     // #endregion
     return {
-      bodyStyles,
-      hasTooltip,
-      hasTooltipSlot,
+      root,
       popover,
       popoverRoot,
-      root,
       rootStyles,
+      bodyStyles,
       open,
       close
     };
@@ -99,7 +91,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [_vm._t("default"), _vm._v(" "), _vm.hasTooltip ? [_c('OrPopover', {
+  }, [_vm._t("default"), _vm._v(" "), _vm.text ? [_c('OrPopover', {
     ref: "popover",
     attrs: {
       "variant": 'popover',
@@ -115,7 +107,7 @@ var __vue_render__ = function () {
     }
   }, [_c('div', {
     class: _vm.bodyStyles
-  }, [_vm._v("\n        " + _vm._s(_vm.text) + "\n        "), _vm.hasTooltipSlot ? _c('div', [_vm._t("tooltip")], 2) : _vm._e()])])] : _vm._e()], 2);
+  }, [_vm._v("\n        " + _vm._s(_vm.text) + "\n      ")])])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -1,17 +1,15 @@
 import { PropType } from 'vue-demi';
 import { TooltipPlacement } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    hasTooltip: import("@vue/composition-api").ComputedRef<boolean>;
-    hasTooltipSlot: import("@vue/composition-api").ComputedRef<boolean>;
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     popover: 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, {
         [x: string]: ((...args: any[]) => any) | null;
     } | string[], {} & {}, {
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     open: () => void;
     close: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -19,10 +17,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    tooltipStyles: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
     placement: {
         type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
@@ -32,43 +26,34 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    tooltipStyles: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
     placement: {
         type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     text: string;
-    tooltipStyles: string[];
     placement: TooltipPlacement;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
-    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    hasTooltip: import("@vue/composition-api").ComputedRef<boolean>;
-    hasTooltipSlot: import("@vue/composition-api").ComputedRef<boolean>;
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     popover: 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, {
         [x: string]: ((...args: any[]) => any) | null;
     } | string[], {} & {}, {
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     open: () => void;
     close: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     text: string;
-    tooltipStyles: string[];
     placement: TooltipPlacement;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     text: string;
-    tooltipStyles: string[];
     placement: TooltipPlacement;
 }, true>);
 export default _default;

package/dist/bundled/v2/hooks/useElevation.js

@@ -5,11 +5,11 @@ function useElevation(element, trigger) {
   const elementRef = isRef(element) ? element : ref(element);
   const triggerRef = isRef(trigger) ? trigger : ref();
   // Functions
-  function getPageElevations() {
-    return [...document.body.querySelectorAll('*')].filter(isVisible).map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
+  function getPageElevations(currentElement) {
+    return [...document.body.querySelectorAll('*')].filter(isVisible).filter(element => !element.isEqualNode(currentElement)).map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
   }
   function setElementElevation(element) {
-    element.style.zIndex = String(Math.max(0, ...getPageElevations()) + 1);
+    element.style.zIndex = String(Math.max(0, ...getPageElevations(element)) + 1);
   }
   // Effects
   watch([elementRef, triggerRef], ([element]) => {