@onereach/ui-components 2.70.0-beta.2185.0 → 2.70.0-beta.2206.0

package/dist/bundled/v2/OrExpansionPanel-94bf7c43.js

@@ -1,176 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-7e3098b7.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var ExpansionPanelVariant;
-(function (ExpansionPanelVariant) {
-  ExpansionPanelVariant["Default"] = "default";
-  ExpansionPanelVariant["Card"] = "card";
-})(ExpansionPanelVariant || (ExpansionPanelVariant = {}));
-var ExpansionPanelColor;
-(function (ExpansionPanelColor) {
-  ExpansionPanelColor["Default"] = "default";
-  ExpansionPanelColor["Danger"] = "danger";
-})(ExpansionPanelColor || (ExpansionPanelColor = {}));
-
-const ExpansionPanelRoot = [
-// Layout
-'layout-column'];
-const ExpansionPanelRootVariants = {
-  'default': [],
-  'card': [
-  // Shape
-  'rounded-md',
-  // Spacing
-  'px-md', 'py-md', 'gap-md',
-  // Theme
-  'theme-background-surface-1', 'dark:theme-background-surface-1-dark']
-};
-const ExpansionPanelHeader = [
-// Layout
-'layout-row',
-// Spacing
-'gap-sm',
-// Interactivity
-'interactivity-auto',
-// Typography
-'typography-body-2-bold',
-// Theme
-'outline-none'];
-const ExpansionPanelHeaderColors = {
-  'default': [
-  // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark',
-  // Theme (hover)
-  'hover:theme-foreground-primary-hover', 'dark:hover:theme-foreground-primary-hover-dark',
-  // Theme (focus)
-  'focus:theme-foreground-primary-hover', 'dark:focus:theme-foreground-primary-hover-dark'],
-  'danger': [
-  // Theme
-  'theme-foreground-error', 'dark:theme-foreground-error-dark',
-  // Theme (hover)
-  'hover:theme-foreground-error-hover', 'dark:hover:theme-foreground-error-hover-dark',
-  // Theme (focus)
-  'focus:theme-foreground-error-hover', 'dark:focus:theme-foreground-error-hover-dark']
-};
-const ExpansionPanelAddon = [
-// Layout
-'contents',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-
-var script = defineComponent({
-  name: 'OrExpansionPanel',
-  components: {
-    OrIcon: __vue_component__$1
-  },
-  inheritAttrs: false,
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    variant: {
-      type: String,
-      default: ExpansionPanelVariant.Default
-    },
-    color: {
-      type: String,
-      default: ExpansionPanelColor.Default
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-expansion-panel', ...ExpansionPanelRoot, ...ExpansionPanelRootVariants[props.variant], classAttribute.value]);
-    const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
-    const addonStyles = computed(() => [...ExpansionPanelAddon]);
-    // State
-    const expanded = ref(false);
-    return {
-      root,
-      rootStyles,
-      headerStyles,
-      addonStyles,
-      expanded
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, 'div', _vm.$attrs, false), [_c('div', {
-    class: ['layout-row', 'justify-between']
-  }, [_c('div', {
-    class: _vm.headerStyles,
-    attrs: {
-      "tabindex": !_vm.disabled ? 0 : null,
-      "disabled": _vm.disabled ? '' : null
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        _vm.expanded = !_vm.expanded;
-      }
-    }
-  }, [_c('OrIcon', {
-    class: [_vm.expanded ? 'rotate-0' : 'rotate-[-90deg]'],
-    attrs: {
-      "icon": 'expand_more',
-      "variant": 'filled-bold'
-    }
-  }), _vm._v("\n\n      " + _vm._s(_vm.label) + "\n    ")], 1), _vm._v(" "), _c('div', {
-    class: _vm.addonStyles
-  }, [_vm._t("addon")], 2)]), _vm._v(" "), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.expanded,
-      expression: "expanded"
-    }]
-  }, [_vm._t("default")], 2)]);
-};
-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 { ExpansionPanelVariant as E, __vue_component__ as _, ExpansionPanelColor as a };

package/dist/bundled/v2/OrFab-9921d745.js

@@ -1,104 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-7e3098b7.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var FabColor;
-(function (FabColor) {
-  FabColor["Primary"] = "primary";
-  FabColor["Danger"] = "danger";
-})(FabColor || (FabColor = {}));
-
-const FabRoot = [
-// Layout
-'layout-inline-row justify-center',
-// Shape
-'rounded-full',
-// Box
-'w-[56px]', 'h-[56px]',
-// Elevation
-'enabled:shadow-button', 'dark:enabled:shadow-button-dark'];
-const FabRootColors = {
-  'primary': [
-  // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
-  'danger': [
-  // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark']
-};
-
-var script = defineComponent({
-  name: 'OrFab',
-  components: {
-    OrIcon: __vue_component__$1
-  },
-  inheritAttrs: false,
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    color: {
-      type: String,
-      default: FabColor.Primary
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-fab', ...FabRoot, ...FabRootColors[props.color]]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('button', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "type": 'button',
-      "disabled": _vm.disabled
-    }
-  }, 'button', _vm.$attrs, false), [_c('OrIcon', {
-    attrs: {
-      "icon": _vm.icon,
-      "size": 'l'
-    }
-  })], 1);
-};
-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 { FabColor as F, __vue_component__ as _ };

package/dist/bundled/v2/OrFloating-0397263c.js

@@ -1,209 +0,0 @@
-import { defineComponent, ref, nextTick } from 'vue-demi';
-import { a as autoUpdate, c as computePosition, o as offset, h as hide, f as flip, s as shift } from './floating-ui.dom.esm-83eba816.js';
-import __vue_component__$1 from './components/OrTeleportVue2/OrTeleportVue2.js';
-import { g as getMaxZIndex, a as getCS } from './dom-a98e78cb.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var OrFloatingPlacements;
-(function (OrFloatingPlacements) {
-  OrFloatingPlacements["TOP_START"] = "top-start";
-  OrFloatingPlacements["RIGHT_START"] = "right-start";
-  OrFloatingPlacements["BOTTOM_START"] = "bottom-start";
-  OrFloatingPlacements["LEFT_START"] = "left-start";
-  OrFloatingPlacements["TOP"] = "top";
-  OrFloatingPlacements["RIGHT"] = "right";
-  OrFloatingPlacements["BOTTOM"] = "bottom";
-  OrFloatingPlacements["LEFT"] = "left";
-  OrFloatingPlacements["TOP_END"] = "top-end";
-  OrFloatingPlacements["RIGHT_END"] = "right-end";
-  OrFloatingPlacements["BOTTOM_END"] = "bottom-end";
-  OrFloatingPlacements["LEFT_END"] = "left-end";
-})(OrFloatingPlacements || (OrFloatingPlacements = {}));
-var OrFloatingHideStrategy;
-(function (OrFloatingHideStrategy) {
-  OrFloatingHideStrategy["REFERENCE_HIDDEN"] = "referenceHidden";
-  OrFloatingHideStrategy["ESCAPED"] = "escaped";
-})(OrFloatingHideStrategy || (OrFloatingHideStrategy = {}));
-
-var script = defineComponent({
-  name: 'OrFloating',
-  components: {
-    OrTeleport: __vue_component__$1
-  },
-  props: {
-    trigger: {
-      type: HTMLElement,
-      required: false,
-      default: null
-    },
-    placement: {
-      type: String,
-      required: false,
-      default: OrFloatingPlacements.BOTTOM
-    },
-    offset: {
-      type: Number,
-      required: false,
-      default: 0
-    },
-    isInheritingWidth: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isHidePadded: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    hideStrategy: {
-      type: String,
-      required: false,
-      default: OrFloatingHideStrategy.REFERENCE_HIDDEN
-    },
-    isUsingFlip: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isUsingShift: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    zIndexOffset: {
-      type: Number,
-      required: false,
-      default: 0
-    }
-  },
-  setup() {
-    const content = ref();
-    return {
-      content
-    };
-  },
-  data() {
-    return {
-      isInitialized: false,
-      cleanup: null,
-      isFlipped: false
-    };
-  },
-  computed: {
-    isVertical() {
-      return this.placement ? this.placement.includes(OrFloatingPlacements.BOTTOM) || this.placement.includes(OrFloatingPlacements.TOP) : true;
-    }
-  },
-  watch: {
-    trigger(newVal, oldVal) {
-      if (this.content) {
-        if (!oldVal && newVal && !this.isInitialized) {
-          this.initialize();
-        } else if (newVal !== oldVal && this.isInitialized && this.cleanup) {
-          this.cleanup();
-          this.initialize();
-        }
-      }
-    },
-    content(val) {
-      if (val && this.trigger && !this.isInitialized) this.initialize();
-    }
-  },
-  async mounted() {
-    if (!this.content) {
-      //ref to content is undefined in Vue 2
-      await nextTick();
-      this.$forceUpdate();
-    }
-  },
-  beforeUnmount() {
-    if (this.cleanup) this.cleanup();
-  },
-  methods: {
-    async initialize() {
-      this.cleanup = autoUpdate(this.trigger, this.content, this.updatePosition);
-      let maxZIndex = getMaxZIndex(this.trigger) + this.zIndexOffset;
-      if (maxZIndex) Object.assign(this.content.style, {
-        zIndex: maxZIndex
-      });
-      this.isInitialized = true;
-      await this.updatePosition();
-    },
-    async updatePosition() {
-      var _a, _b, _c;
-      const {
-        x,
-        y,
-        middlewareData
-      } = await computePosition(this.trigger, this.content, {
-        placement: this.placement,
-        middleware: [offset(this.offset), hide({
-          strategy: this.hideStrategy
-        }), ...(this.isUsingFlip ? [flip({
-          crossAxis: !this.isUsingShift
-        })] : []), ...(this.isUsingShift ? [shift()] : [])]
-      });
-      this.isFlipped = this.isUsingFlip && ((_c = (_b = (_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.overflows) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0;
-      const {
-        escaped,
-        referenceHidden
-      } = middlewareData.hide;
-      const hidden = this.hideStrategy === OrFloatingHideStrategy.ESCAPED ? escaped : referenceHidden;
-      Object.assign(this.content.style, {
-        left: `${x}px`,
-        top: `${y}px`,
-        visibility: hidden ? 'hidden' : 'visible'
-      });
-      if (this.isInheritingWidth) {
-        const cs = getCS(this.trigger);
-        const width = cs.width;
-        Object.assign(this.content.style, {
-          width: width
-        });
-      }
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('or-teleport', [_c('div', {
-    ref: "content",
-    staticClass: "or-floating"
-  }, [_vm._t("default")], 2)]);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-05d17142_0", {
-    source: ".or-floating[data-v-05d17142]{position:absolute;z-index:1}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-05d17142";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-
-export { OrFloatingPlacements as O, __vue_component__ as _, OrFloatingHideStrategy as a };

package/dist/bundled/v2/OrIcon-7e3098b7.js

@@ -1,129 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var IconVariant;
-(function (IconVariant) {
-  IconVariant["Outlined"] = "outlined";
-  IconVariant["OutlinedBold"] = "outlined-bold";
-  IconVariant["Filled"] = "filled";
-  IconVariant["FilledBold"] = "filled-bold";
-  IconVariant["Inherit"] = "inherit";
-})(IconVariant || (IconVariant = {}));
-var IconSize;
-(function (IconSize) {
-  IconSize["XL"] = "xl";
-  IconSize["L"] = "l";
-  IconSize["M"] = "m";
-  IconSize["Inherit"] = "inherit";
-})(IconSize || (IconSize = {}));
-
-const IconRoot = [
-// Layout
-'layout-inline-row justify-center'];
-const IconRootVariants = {
-  'outlined': [
-  // Iconography
-  'iconography-outlined'],
-  'outlined-bold': [
-  // Iconography
-  'iconography-outlined-bold'],
-  'filled': [
-  // Iconography
-  'iconography-filled'],
-  'filled-bold': [
-  // Iconography
-  'iconography-filled-bold'],
-  'inherit': [
-  // Iconography
-  'iconography-inherit']
-};
-const IconRootSizes = {
-  'xl': [
-  // Box
-  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
-  // Typography
-  'text-[28px] md:text-[24px]'],
-  'l': [
-  // Box
-  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
-  // Typography
-  'text-[24px] md:text-[20px]'],
-  'm': [
-  // Box
-  'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
-  // Typography
-  'text-[20px] md:text-[16px]'],
-  'inherit': [
-  // Box
-  'w-full', 'h-full',
-  // Typography
-  'text-inherit']
-};
-
-var script = defineComponent({
-  name: 'OrIcon',
-  inheritAttrs: false,
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    variant: {
-      type: String,
-      default: IconVariant.Outlined
-    },
-    size: {
-      type: String,
-      default: IconSize.M
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-icon', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size], classAttribute.value]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_vm._v("\n  " + _vm._s(_vm.icon) + "\n")]);
-};
-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 { IconSize as I, __vue_component__ as _, IconVariant as a };