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

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

@@ -1,15 +1,128 @@
-export { _ as default } from '../../OrIconButton-69a3f0e3.js';
-import '../../normalize-component-6e8e3d80.js';
-import 'vue-demi';
-import '../../OrIcon-7e3098b7.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../OrTooltipV3/OrTooltipV3.js';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { IconButtonColor } from './props.js';
+import { IconButtonRoot, IconButtonRootColors } from './styles.js';
+import __vue_component__$1 from '../OrIconV3/OrIconV3.js';
+import __vue_component__$2 from '../OrTooltipV3/OrTooltipV3.js';
+import { IconSize } from '../OrIconV3/props.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../OrIconV3/styles.js';
 import '@vueuse/core';
-import '../../OrPopover-6750b9e2.js';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopoverV3.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrOverlayV3/styles.js';
 import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
-import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/useResponsive/useResponsive.js';
+
+var script = defineComponent({
+  name: 'OrIconButton',
+  components: {
+    OrIcon: __vue_component__$1,
+    OrTooltip: __vue_component__$2
+  },
+  inheritAttrs: false,
+  props: {
+    icon: {
+      type: [String, Object],
+      required: true
+    },
+    color: {
+      type: String,
+      default: IconButtonColor.Inherit
+    },
+    size: {
+      type: String,
+      default: IconSize.M
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    tooltip: {
+      type: [String, Object],
+      default: undefined
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-icon-button', ...IconButtonRoot, ...IconButtonRootColors[props.color], 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('OrTooltip', _vm._b({}, 'OrTooltip', typeof _vm.tooltip === 'string' ? {
+    text: _vm.tooltip
+  } : _vm.tooltip, false), [_c('button', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles,
+    attrs: {
+      "type": 'button',
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('click', $event);
+      },
+      "focus": function ($event) {
+        return _vm.$emit('focus', $event);
+      },
+      "blur": function ($event) {
+        return _vm.$emit('blur', $event);
+      }
+    }
+  }, 'button', _vm.$attrs, false), [_c('OrIcon', _vm._b({
+    attrs: {
+      "variant": 'inherit',
+      "size": _vm.size
+    }
+  }, 'OrIcon', typeof _vm.icon === 'string' ? {
+    icon: _vm.icon
+  } : _vm.icon, false))], 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 { __vue_component__ as default };

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

@@ -1,15 +1,25 @@
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../../OrIconButton-69a3f0e3.js';
-export { I as IconButtonSize } from '../../OrIcon-7e3098b7.js';
+export { default as OrIconButtonV3 } from './OrIconButtonV3.js';
+export { IconButtonColor } from './props.js';
+export { IconSize as IconButtonSize } from '../OrIconV3/props.js';
 import 'vue-demi';
+import './styles.js';
+import '../OrIconV3/OrIconV3.js';
+import '../OrIconV3/styles.js';
+import '../../hooks/useClassAttribute.js';
+import '../../normalize-component-6e8e3d80.js';
 import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-6750b9e2.js';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopoverV3.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrOverlayV3/styles.js';
 import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
-import '../../normalize-component-6e8e3d80.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v2/components/OrIconButtonV3/props.js

@@ -0,0 +1,10 @@
+export { IconSize as IconButtonSize } from '../OrIconV3/props.js';
+
+var IconButtonColor;
+(function (IconButtonColor) {
+  IconButtonColor["Primary"] = "primary";
+  IconButtonColor["Danger"] = "danger";
+  IconButtonColor["Inherit"] = "inherit";
+})(IconButtonColor || (IconButtonColor = {}));
+
+export { IconButtonColor };

package/dist/bundled/{v3/OrIconButton.vue_vue_type_script_lang-7663827a.js → v2/components/OrIconButtonV3/styles.js}

@@ -1,17 +1,3 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIconV3/OrIconV3.js';
-import './components/OrTooltipV3/OrTooltipV3.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-680dfd41.js';
-import { s as script$1, I as IconSize } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var IconButtonColor;
-(function (IconButtonColor) {
-  IconButtonColor["Primary"] = "primary";
-  IconButtonColor["Danger"] = "danger";
-  IconButtonColor["Inherit"] = "inherit";
-})(IconButtonColor || (IconButtonColor = {}));
-
 const IconButtonRoot = [
 // Layout
 'layout-inline-row justify-center',
@@ -59,48 +45,4 @@ const IconButtonRootColors = {
   'active:outline-primary-opacity-0-16', 'dark:active:outline-primary-opacity-0-16-dark']
 };
 
-var script = defineComponent({
-  name: 'OrIconButton',
-  components: {
-    OrIcon: script$1,
-    OrTooltip: script$2
-  },
-  inheritAttrs: false,
-  props: {
-    icon: {
-      type: [String, Object],
-      required: true
-    },
-    color: {
-      type: String,
-      default: IconButtonColor.Inherit
-    },
-    size: {
-      type: String,
-      default: IconSize.M
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    tooltip: {
-      type: [String, Object],
-      default: undefined
-    }
-  },
-  emits: ['click', 'focus', 'blur'],
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-icon-button', ...IconButtonRoot, ...IconButtonRootColors[props.color], classAttribute.value]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { IconButtonColor as I, script as s };
+export { IconButtonRoot, IconButtonRootColors };

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

@@ -1,4 +1,72 @@
-export { _ as default } from '../../OrIcon-7e3098b7.js';
-import '../../normalize-component-6e8e3d80.js';
-import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { IconVariant, IconSize } from './props.js';
+import { IconRoot, IconRootVariants, IconRootSizes } from './styles.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+
+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 { __vue_component__ as default };

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

@@ -1,4 +1,6 @@
-export { I as IconSize, a as IconVariant, _ as OrIconV3 } from '../../OrIcon-7e3098b7.js';
+export { default as OrIconV3 } from './OrIconV3.js';
+export { IconSize, IconVariant } from './props.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import './styles.js';
+import '../../hooks/useClassAttribute.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrIconV3/props.js

@@ -0,0 +1,17 @@
+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 = {}));
+
+export { IconSize, IconVariant };

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

@@ -0,0 +1,44 @@
+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']
+};
+
+export { IconRoot, IconRootSizes, IconRootVariants };

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

@@ -1,4 +1,71 @@
-export { _ as default } from '../../OrInlineInputBox-614a3bf6.js';
-import '../../normalize-component-6e8e3d80.js';
-import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { InlineInputBoxSize } from './props.js';
+import { InlineInputBoxRoot, InlineInputBoxRootSizes } from './styles.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  name: 'OrInlineInputBox',
+  inheritAttrs: false,
+  props: {
+    size: {
+      type: String,
+      default: InlineInputBoxSize.M
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-inline-input-box', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[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,
+    attrs: {
+      "invalid": _vm.invalid ? '' : null
+    }
+  }, 'div', _vm.$attrs, false), [_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 { __vue_component__ as default };

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

@@ -1,4 +1,6 @@
-export { I as InlineInputBoxSize, _ as OrInlineInputBoxV3 } from '../../OrInlineInputBox-614a3bf6.js';
+export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3.js';
+export { InlineInputBoxSize } from './props.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
+import './styles.js';
+import '../../hooks/useClassAttribute.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputBoxV3/props.js

@@ -0,0 +1,7 @@
+var InlineInputBoxSize;
+(function (InlineInputBoxSize) {
+  InlineInputBoxSize["M"] = "m";
+  InlineInputBoxSize["S"] = "s";
+})(InlineInputBoxSize || (InlineInputBoxSize = {}));
+
+export { InlineInputBoxSize };

package/dist/bundled/{v3/OrInlineInputBox.vue_vue_type_script_lang-ef7d7eaf.js → v2/components/OrInlineInputBoxV3/styles.js}

@@ -1,12 +1,3 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var InlineInputBoxSize;
-(function (InlineInputBoxSize) {
-  InlineInputBoxSize["M"] = "m";
-  InlineInputBoxSize["S"] = "s";
-})(InlineInputBoxSize || (InlineInputBoxSize = {}));
-
 const InlineInputBoxRoot = [
 // Layout
 'layout-row',
@@ -29,31 +20,4 @@ const InlineInputBoxRootSizes = {
   'typography-body-2-regular']
 };
 
-var script = defineComponent({
-  name: 'OrInlineInputBox',
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: InlineInputBoxSize.M
-    },
-    invalid: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-inline-input-box', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[props.size], classAttribute.value]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { InlineInputBoxSize as I, script as s };
+export { InlineInputBoxRoot, InlineInputBoxRootSizes };