@onereach/ui-components 4.7.0-beta.2809.0 → 4.7.0-beta.2811.0

package/dist/bundled/v3/OrMenu.vue_vue_type_script_lang-4d0b82a1.js

@@ -1,93 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { MenuRoot } from './components/OrMenuV3/styles.js';
-import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-8d44c242.js';
-import { PopoverPlacement } from './components/OrPopoverV3/props.js';
-
-var script = defineComponent({
-  name: 'OrMenu',
-  components: {
-    OrPopover: script$1
-  },
-  inheritAttrs: false,
-  props: {
-    trigger: {
-      type: HTMLElement,
-      default: undefined
-    },
-    placement: {
-      type: String,
-      default: PopoverPlacement.Bottom
-    }
-  },
-  emits: ['update:state'],
-  expose: ['root', 'state', 'isOpen', 'open', 'close', 'toggle'],
-  setup() {
-    // Refs
-    const root = ref();
-    const popover = ref();
-    const popoverRoot = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const popoverState = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
-    // Styles
-    const rootStyles = computed(() => ['or-menu-v3', ...MenuRoot]);
-    // State
-    const isOpen = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.isOpen;
-    });
-    // Methods
-    function open() {
-      const popoverInstance = popover.value;
-      if (popoverInstance) {
-        popoverInstance.open();
-      }
-    }
-    function close() {
-      const popoverInstance = popover.value;
-      if (popoverInstance) {
-        popoverInstance.close();
-      }
-    }
-    function toggle() {
-      isOpen.value ? close() : open();
-    }
-    // Handlers
-    function onClick(event) {
-      const path = event.composedPath();
-      const classLists = path.filter(_ref => {
-        let {
-          classList
-        } = _ref;
-        return !!classList;
-      }).map(_ref2 => {
-        let {
-          classList
-        } = _ref2;
-        return classList;
-      });
-      if (classLists.some(classList => classList.contains('or-menu-item-v3'))) {
-        close();
-      }
-    }
-    return {
-      root,
-      popover,
-      popoverRoot,
-      state: popoverState,
-      rootStyles,
-      isOpen,
-      open,
-      close,
-      toggle,
-      onClick
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-a040dba9.js

@@ -1,71 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { ModalSize } from './components/OrModalV3/props.js';
-import { ModalRoot, ModalRootSizes, ModalHeader, ModalContent, ModalFooter } from './components/OrModalV3/styles.js';
-import './components/OrOverlayV3/OrOverlay.js';
-import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-1d0fed0d.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-e9747c8c.js';
-
-var script = defineComponent({
-  name: 'OrModal',
-  components: {
-    OrOverlay: script$1,
-    OrIconButton: script$2
-  },
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: ModalSize.M
-    },
-    isOpen: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['open', 'close'],
-  expose: ['root', 'isActive', 'open', 'close'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
-    const headerStyles = computed(() => [...ModalHeader]);
-    const contentStyles = computed(() => [...ModalContent]);
-    const footerStyles = computed(() => [...ModalFooter]);
-    // State
-    const isActive = ref(false);
-    // Events
-    watch(isActive, value => {
-      context.emit(value ? 'open' : 'close');
-    });
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
-        open();
-      } else {
-        close();
-      }
-    }, {
-      immediate: true
-    });
-    // Methods
-    function open() {
-      isActive.value = true;
-    }
-    function close() {
-      isActive.value = false;
-    }
-    return {
-      root,
-      rootStyles,
-      headerStyles,
-      contentStyles,
-      footerStyles,
-      isActive,
-      open,
-      close
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrTooltip.vue_vue_type_script_lang-cb5fde6d.js

@@ -1,73 +0,0 @@
-import { a as useElementHover } from './index-94ecbedb.js';
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
-import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-8d44c242.js';
-import { PopoverPlacement } from './components/OrPopoverV3/props.js';
-import { b as useDebounceFn } from './index-6342140b.js';
-
-var script = defineComponent({
-  name: 'OrTooltip',
-  components: {
-    OrPopover: script$1
-  },
-  props: {
-    text: {
-      type: String,
-      default: undefined
-    },
-    placement: {
-      type: String,
-      default: PopoverPlacement.Bottom
-    }
-  },
-  emits: ['update:state'],
-  expose: ['root', 'open', 'close'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    const popover = ref();
-    const popoverRoot = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    // Styles
-    const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
-    const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
-    // Methods
-    const open = useDebounceFn(() => {
-      if (hover.value) {
-        const popoverInstance = popover.value;
-        if (popoverInstance) {
-          popoverInstance.open();
-        }
-      }
-    }, 250);
-    const close = useDebounceFn(() => {
-      if (!hover.value) {
-        const popoverInstance = popover.value;
-        if (popoverInstance) {
-          popoverInstance.close();
-        }
-      }
-    }, 250);
-    // Effects
-    // #region Hover
-    const hover = useElementHover(root);
-    watch(hover, value => {
-      value ? open() : close();
-    });
-    // #endregion
-    return {
-      root,
-      popover,
-      popoverRoot,
-      rootStyles,
-      bodyStyles,
-      open,
-      close
-    };
-  }
-});
-
-export { script as s };

package/dist/esm/v2/OrModal-1f80d87f.js

@@ -1,174 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-ee747c71.js';
-import { _ as __vue_component__$1 } from './OrOverlay-4c8c11e2.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var ModalSize;
-(function (ModalSize) {
-  ModalSize["L"] = "l";
-  ModalSize["M"] = "m";
-  ModalSize["S"] = "s";
-})(ModalSize || (ModalSize = {}));
-
-const ModalRoot = [
-// Layout
-'layout-column',
-// Box
-'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
-// Shape
-'md:rounded-md',
-// Spacing
-'py-md md:py-lg', 'gap-md md:gap-lg',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-modal', 'dark:shadow-modal-dark'];
-const ModalRootSizes = {
-  'l': [
-  // Box
-  'md:w-[1050px]'],
-  'm': [
-  // Box
-  'md:w-[700px]'],
-  's': [
-  // Box
-  'md:w-[480px]']
-};
-const ModalHeader = [
-// Layout
-'layout-row',
-// Spacing
-'px-md md:px-lg',
-// Typography
-'typography-headline-2'];
-const ModalContent = [
-// Box
-'grow', 'overflow-auto',
-// Spacing
-'px-md md:px-lg'];
-const ModalFooter = [
-// Spacing
-'px-md md:px-lg'];
-
-var script = defineComponent({
-  name: 'OrModal',
-  components: {
-    OrOverlay: __vue_component__$1,
-    OrIconButton: __vue_component__$2
-  },
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: ModalSize.M
-    },
-    isOpen: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['open', 'close'],
-  expose: ['root', 'isActive', 'open', 'close'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
-    const headerStyles = computed(() => [...ModalHeader]);
-    const contentStyles = computed(() => [...ModalContent]);
-    const footerStyles = computed(() => [...ModalFooter]);
-    // State
-    const isActive = ref(false);
-    // Events
-    watch(isActive, value => {
-      context.emit(value ? 'open' : 'close');
-    });
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
-        open();
-      } else {
-        close();
-      }
-    }, {
-      immediate: true
-    });
-    // Methods
-    function open() {
-      isActive.value = true;
-    }
-    function close() {
-      isActive.value = false;
-    }
-    return {
-      root,
-      rootStyles,
-      headerStyles,
-      contentStyles,
-      footerStyles,
-      isActive,
-      open,
-      close
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.isActive ? _c('OrOverlay', {
-    attrs: {
-      "fullscreen": true
-    }
-  }, [_c('div', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_c('div', {
-    class: _vm.headerStyles
-  }, [_c('div', {
-    class: ['grow']
-  }, [_vm._t("header")], 2), _vm._v(" "), _c('OrIconButton', {
-    attrs: {
-      "icon": 'close',
-      "size": 'l'
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.close.apply(null, arguments);
-      }
-    }
-  })], 1), _vm._v(" "), _c('div', {
-    class: _vm.contentStyles
-  }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
-    class: _vm.footerStyles
-  }, [_vm._t("footer")], 2)])]) : _vm._e();
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { ModalSize as M, __vue_component__ as _ };

package/dist/esm/v3/OrModal-1366926a.js

@@ -1,150 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-b7217ea5.js';
-import { s as script$1 } from './OrOverlay-bf72f582.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
-
-var ModalSize;
-(function (ModalSize) {
-  ModalSize["L"] = "l";
-  ModalSize["M"] = "m";
-  ModalSize["S"] = "s";
-})(ModalSize || (ModalSize = {}));
-
-const ModalRoot = [
-// Layout
-'layout-column',
-// Box
-'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
-// Shape
-'md:rounded-md',
-// Spacing
-'py-md md:py-lg', 'gap-md md:gap-lg',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-modal', 'dark:shadow-modal-dark'];
-const ModalRootSizes = {
-  'l': [
-  // Box
-  'md:w-[1050px]'],
-  'm': [
-  // Box
-  'md:w-[700px]'],
-  's': [
-  // Box
-  'md:w-[480px]']
-};
-const ModalHeader = [
-// Layout
-'layout-row',
-// Spacing
-'px-md md:px-lg',
-// Typography
-'typography-headline-2'];
-const ModalContent = [
-// Box
-'grow', 'overflow-auto',
-// Spacing
-'px-md md:px-lg'];
-const ModalFooter = [
-// Spacing
-'px-md md:px-lg'];
-
-var script = defineComponent({
-  name: 'OrModal',
-  components: {
-    OrOverlay: script$1,
-    OrIconButton: script$2
-  },
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: ModalSize.M
-    },
-    isOpen: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['open', 'close'],
-  expose: ['root', 'isActive', 'open', 'close'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
-    const headerStyles = computed(() => [...ModalHeader]);
-    const contentStyles = computed(() => [...ModalContent]);
-    const footerStyles = computed(() => [...ModalFooter]);
-    // State
-    const isActive = ref(false);
-    // Events
-    watch(isActive, value => {
-      context.emit(value ? 'open' : 'close');
-    });
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
-        open();
-      } else {
-        close();
-      }
-    }, {
-      immediate: true
-    });
-    // Methods
-    function open() {
-      isActive.value = true;
-    }
-    function close() {
-      isActive.value = false;
-    }
-    return {
-      root,
-      rootStyles,
-      headerStyles,
-      contentStyles,
-      footerStyles,
-      isActive,
-      open,
-      close
-    };
-  }
-});
-
-const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['grow'])
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
-    key: 0,
-    fullscreen: true
-  }, {
-    default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
-    }, _ctx.$attrs, {
-      class: _ctx.rootStyles
-    }), [createElementVNode("div", {
-      class: normalizeClass(_ctx.headerStyles)
-    }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "header")]), createVNode(_component_OrIconButton, {
-      icon: 'close',
-      size: 'l',
-      onClick: withModifiers(_ctx.close, ["stop"])
-    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */), createElementVNode("div", {
-      class: normalizeClass(_ctx.contentStyles)
-    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
-      class: normalizeClass(_ctx.footerStyles)
-    }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
-
-    _: 3 /* FORWARDED */
-  })) : createCommentVNode("v-if", true);
-}
-
-script.render = render;
-script.__file = "src/components/or-modal-v3/OrModal.vue";
-
-export { ModalSize as M, script as s };