@onereach/ui-components 2.69.1 → 2.69.2-beta.2107.0

package/dist/bundled/v3/components/or-combined-input-v3/index.js

@@ -0,0 +1,132 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, Fragment } from 'vue';
+import '../../OrHint-9592499e.js';
+import '../../OrLabel-c6873e79.js';
+import { u as useClassAttribute } from '../../useClassAttribute-00888f78.js';
+import { s as script$1 } from '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
+import { s as script$2 } from '../../OrHint.vue_vue_type_script_lang-8e657168.js';
+import { s as script$3 } from '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
+import { a as InputBoxSize } from '../../props-78496a2d.js';
+export { a as CombinedInputSize } from '../../props-78496a2d.js';
+
+const CombinedInputRoot = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const CombinedInputControlGroup = [
+// Layout
+'layout-row',
+// Box
+'w-full',
+// Shape (.or-input-box)
+'[&_.or-input-box]:first-child:rounded-r-none', '[&_.or-input-box]:intermediate-child:rounded-none', '[&_.or-input-box]:last-child:rounded-l-none',
+// Spacing (children)
+'[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
+
+var script = defineComponent({
+  name: 'OrCombinedInput',
+  components: {
+    OrError: script$1,
+    OrHint: script$2,
+    OrLabel: script$3
+  },
+  inheritAttrs: false,
+  props: {
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: String,
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
+    const controlGroup = computed(() => [...CombinedInputControlGroup]);
+    // State
+    const invalid = computed(() => !!props.error);
+    const readonly = computed(() => context.attrs.readonly);
+    return {
+      root,
+      rootStyles,
+      controlGroup,
+      invalid,
+      readonly
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.controlGroup)
+  }, [renderSlot(_ctx.$slots, "default", {
+    size: _ctx.size,
+    required: _ctx.required,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled,
+    disableDefaultStyles: _ctx.disableDefaultStyles
+  })], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
+    key: 2,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
+
+export { script as OrCombinedInputV3 };

package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts

@@ -0,0 +1 @@
+export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';

package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CombinedInputRoot: string[];
+export declare const CombinedInputControlGroup: string[];

package/dist/bundled/v3/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-289b5600.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-338631e0.js';
 import 'vue';
 import '@vueuse/core';
 import '../../index-01519e46.js';
@@ -10,8 +10,8 @@ import '../../useElevation-c8d5d3ba.js';
 import '../../OrButton.vue_vue_type_script_lang-3718b300.js';
 import '../../OrLoader-c4bbef2f.js';
 import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
-import '../../OrInput-fa782fc1.js';
-import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
+import '../../OrInput-5efc4b9a.js';
+import '../../OrInput.vue_vue_type_script_lang-a9f3e530.js';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
 import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
@@ -24,8 +24,9 @@ import '../../OrPopover-c462ce77.js';
 import '../../OrPopover.vue_vue_type_script_lang-54c7b11c.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
-import '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+import '../../OrInputBox-1b143e00.js';
+import '../../OrInputBox.vue_vue_type_script_lang-70dec655.js';
+import '../../props-78496a2d.js';
 import '../../OrLabel-c6873e79.js';
 import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/or-input-box-v3/index.js

@@ -1,3 +1,4 @@
-export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { a as InputBoxSize, I as InputBoxVariant } from '../../props-78496a2d.js';
+export { s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-70dec655.js';
 import 'vue';
 import '../../useClassAttribute-00888f78.js';

package/dist/bundled/v3/components/or-input-v3/index.js

@@ -1,5 +1,5 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
-export { a as InputSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-a9f3e530.js';
+export { a as InputSize } from '../../props-78496a2d.js';
 import 'vue';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
@@ -19,6 +19,7 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import '../../useElevation-c8d5d3ba.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
+import '../../OrInputBox-1b143e00.js';
+import '../../OrInputBox.vue_vue_type_script_lang-70dec655.js';
 import '../../OrLabel-c6873e79.js';
 import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';

package/dist/bundled/v3/components/or-search-v3/index.js

@@ -1,9 +1,9 @@
-export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-ed78b21f.js';
-export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-df09cad8.js';
+export { a as SearchSize } from '../../props-78496a2d.js';
 import 'vue';
 import '@vueuse/core';
-import '../../OrInput-fa782fc1.js';
-import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
+import '../../OrInput-5efc4b9a.js';
+import '../../OrInput.vue_vue_type_script_lang-a9f3e530.js';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
 import '../../useClassAttribute-00888f78.js';
@@ -21,7 +21,8 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import '../../useElevation-c8d5d3ba.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
+import '../../OrInputBox-1b143e00.js';
+import '../../OrInputBox.vue_vue_type_script_lang-70dec655.js';
 import '../../OrLabel-c6873e79.js';
 import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts

@@ -88,6 +88,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableSearch: {
         type: BooleanConstructor;
         default: boolean;
@@ -153,6 +157,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableSearch: {
         type: BooleanConstructor;
         default: boolean;
@@ -182,6 +190,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     error: string;
     required: boolean;
     disabled: boolean;
+    disableDefaultStyles: boolean;
     enableSearch: boolean;
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
@@ -239,6 +248,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     error: string;
     required: boolean;
     disabled: boolean;
+    disableDefaultStyles: boolean;
     enableSearch: boolean;
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
@@ -258,6 +268,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     error: string;
     required: boolean;
     disabled: boolean;
+    disableDefaultStyles: boolean;
     enableSearch: boolean;
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;

package/dist/bundled/v3/components/or-select-v3/index.js

@@ -1,5 +1,5 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-15285ce4.js';
-export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-cf991ed8.js';
+export { a as SelectSize } from '../../props-78496a2d.js';
 import 'vue';
 import '../../OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
 import '../../OrLabel-c6873e79.js';
@@ -12,8 +12,8 @@ import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
 import '../../OrExpansionPanel.vue_vue_type_script_lang-7f9c6721.js';
 import '../../OrIcon-d878b768.js';
 import '../../OrIcon.vue_vue_type_script_lang-a119a715.js';
-import '../../OrInput-fa782fc1.js';
-import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
+import '../../OrInput-5efc4b9a.js';
+import '../../OrInput.vue_vue_type_script_lang-a9f3e530.js';
 import '../../OrIconButton-4bd33e3c.js';
 import '../../OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 import '../../OrTooltip.vue_vue_type_script_lang-67cc86ed.js';
@@ -26,7 +26,8 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import '../../useElevation-c8d5d3ba.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
+import '../../OrInputBox-1b143e00.js';
+import '../../OrInputBox.vue_vue_type_script_lang-70dec655.js';
 import '../../OrMenuItem-4feaba6c.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
 import '../../OrTag.vue_vue_type_script_lang-92d9fb12.js';

package/dist/bundled/v3/components/or-textarea-v3/index.js

@@ -1,10 +1,11 @@
-export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-8e3531cd.js';
-export { a as TextareaSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-115a1244.js';
+export { a as TextareaSize } from '../../props-78496a2d.js';
 import 'vue';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
 import '../../useClassAttribute-00888f78.js';
 import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
-import '../../OrInputBox-eb54d73d.js';
+import '../../OrInputBox-1b143e00.js';
+import '../../OrInputBox.vue_vue_type_script_lang-70dec655.js';
 import '../../OrLabel-c6873e79.js';
 import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';