@onereach/ui-components 4.6.4-beta.2804.0 → 4.6.4

package/dist/esm/v2/OrModal-3dca06f9.js

@@ -1,174 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-1ee067fd.js';
-import { _ as __vue_component__$1 } from './OrOverlay-cdaf5b7a.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/v2/hooks/useTheme.d.ts

@@ -1,2 +0,0 @@
-import { Config } from 'tailwindcss';
-export declare function useTheme(config?: Config): Config['theme'];

package/dist/esm/v2/useTheme-e23d13c8.js

@@ -1,9 +0,0 @@
-import defaultConfig from '@onereach/styles/tailwind.config';
-import resolveConfig from 'tailwindcss/resolveConfig';
-
-function useTheme() {
-  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
-  return resolveConfig(config).theme;
-}
-
-export { useTheme as u };

package/dist/esm/v3/OrModal-2db2eb9f.js

@@ -1,150 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-22ed57ad.js';
-import { s as script$1 } from './OrOverlay-5db47cfe.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 };

package/dist/esm/v3/hooks/useTheme.d.ts

@@ -1,2 +0,0 @@
-import { Config } from 'tailwindcss';
-export declare function useTheme(config?: Config): Config['theme'];

package/dist/esm/v3/useTheme-e23d13c8.js

@@ -1,9 +0,0 @@
-import defaultConfig from '@onereach/styles/tailwind.config';
-import resolveConfig from 'tailwindcss/resolveConfig';
-
-function useTheme() {
-  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
-  return resolveConfig(config).theme;
-}
-
-export { useTheme as u };

package/src/hooks/useTheme.ts

@@ -1,7 +0,0 @@
-import defaultConfig from '@onereach/styles/tailwind.config';
-import { Config } from 'tailwindcss';
-import resolveConfig from 'tailwindcss/resolveConfig';
-
-export function useTheme(config: Config = defaultConfig): Config['theme'] {
-  return resolveConfig(config).theme;
-}

package/src/shims-mdx.d.ts

@@ -1,4 +0,0 @@
-declare module '*.mdx' {
-  const content: string;
-  export default content;
-}