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

package/dist/bundled/v2/OrInput-f5a4e016.js

@@ -1,386 +0,0 @@
-import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import __vue_component__$1 from './components/OrErrorV3/OrErrorV3.js';
-import __vue_component__$2 from './components/OrHintV3/OrHintV3.js';
-import { _ as __vue_component__$3 } from './OrIcon-7e3098b7.js';
-import { _ as __vue_component__$4 } from './OrIconButton-69a3f0e3.js';
-import { _ as __vue_component__$5, I as InputBoxSize } from './OrInputBox-65544401.js';
-import { _ as __vue_component__$6 } from './OrLabel-b26f4298.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var InputType;
-(function (InputType) {
-  InputType["Text"] = "text";
-  InputType["Number"] = "number";
-  InputType["Password"] = "password";
-  InputType["Search"] = "search";
-})(InputType || (InputType = {}));
-
-const InputRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const InputControl = [
-// Layout
-'grow',
-// Typography
-'typography-inherit',
-// Theme
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
-
-var script = defineComponent({
-  name: 'OrInput',
-  components: {
-    OrError: __vue_component__$1,
-    OrHint: __vue_component__$2,
-    OrIcon: __vue_component__$3,
-    OrIconButton: __vue_component__$4,
-    OrInputBox: __vue_component__$5,
-    OrLabel: __vue_component__$6
-  },
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: undefined
-    },
-    value: {
-      type: [String, Number],
-      default: undefined
-    },
-    type: {
-      type: String,
-      default: InputType.Text
-    },
-    size: {
-      type: String,
-      default: InputBoxSize.M
-    },
-    label: {
-      type: String,
-      default: undefined
-    },
-    placeholder: {
-      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
-    }
-  },
-  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
-  expose: ['root', 'focus'],
-  setup(props, context) {
-    var _a;
-    const currentInstance = getCurrentInstance();
-    // Refs
-    const root = ref();
-    const input = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-input', ...InputRoot, classAttribute.value]);
-    const controlStyles = computed(() => [...InputControl]);
-    // State
-    const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
-    const proxyModelValue = computed({
-      get: () => {
-        var _a;
-        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
-      },
-
-      set: value => {
-        context.emit('input', value);
-        context.emit('update:modelValue', value);
-      }
-    });
-    const invalid = computed(() => !!props.error);
-    const readonly = computed(() => context.attrs.readonly);
-    const currentLength = computed(() => {
-      var _a, _b;
-      return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
-    });
-    const maxLength = computed(() => context.attrs.maxlength);
-    const disclosed = ref(false);
-    // Methods
-    function focus() {
-      var _a;
-      (_a = input.value) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    return {
-      root,
-      input,
-      rootStyles,
-      controlStyles,
-      controlId,
-      proxyModelValue,
-      invalid,
-      readonly,
-      currentLength,
-      maxLength,
-      disclosed,
-      focus
-    };
-  }
-});
-
-/* 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', {
-    ref: "root",
-    class: _vm.rootStyles
-  }, [_vm.label ? [_c('OrLabel', {
-    attrs: {
-      "control-id": _vm.controlId,
-      "variant": 'input',
-      "required": _vm.required,
-      "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm._t("addon")];
-      },
-      proxy: true
-    }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
-    attrs: {
-      "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
-      "size": _vm.size,
-      "invalid": _vm.invalid,
-      "readonly": _vm.readonly,
-      "disabled": _vm.disabled
-    }
-  }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
-    }],
-    ref: "input",
-    class: _vm.controlStyles,
-    attrs: {
-      "id": _vm.controlId,
-      "placeholder": _vm.placeholder,
-      "required": _vm.required,
-      "disabled": _vm.disabled,
-      "type": "checkbox"
-    },
-    domProps: {
-      "checked": Array.isArray(_vm.proxyModelValue) ? _vm._i(_vm.proxyModelValue, null) > -1 : _vm.proxyModelValue
-    },
-    on: {
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      },
-      "change": function ($event) {
-        var $$a = _vm.proxyModelValue,
-          $$el = $event.target,
-          $$c = $$el.checked ? true : false;
-        if (Array.isArray($$a)) {
-          var $$v = null,
-            $$i = _vm._i($$a, $$v);
-          if ($$el.checked) {
-            $$i < 0 && (_vm.proxyModelValue = $$a.concat([$$v]));
-          } else {
-            $$i > -1 && (_vm.proxyModelValue = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
-          }
-        } else {
-          _vm.proxyModelValue = $$c;
-        }
-      }
-    }
-  }, 'input', _vm.$attrs, false)) : (_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'radio' ? _c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
-    }],
-    ref: "input",
-    class: _vm.controlStyles,
-    attrs: {
-      "id": _vm.controlId,
-      "placeholder": _vm.placeholder,
-      "required": _vm.required,
-      "disabled": _vm.disabled,
-      "type": "radio"
-    },
-    domProps: {
-      "checked": _vm._q(_vm.proxyModelValue, null)
-    },
-    on: {
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      },
-      "change": function ($event) {
-        _vm.proxyModelValue = null;
-      }
-    }
-  }, 'input', _vm.$attrs, false)) : _c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
-    }],
-    ref: "input",
-    class: _vm.controlStyles,
-    attrs: {
-      "id": _vm.controlId,
-      "placeholder": _vm.placeholder,
-      "required": _vm.required,
-      "disabled": _vm.disabled,
-      "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
-    },
-    domProps: {
-      "value": _vm.proxyModelValue
-    },
-    on: {
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      },
-      "input": function ($event) {
-        if ($event.target.composing) {
-          return;
-        }
-        _vm.proxyModelValue = $event.target.value;
-      }
-    }
-  }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('div', {
-    class: ['layout-row']
-  }, [_vm.type === 'password' ? [_c('OrIconButton', {
-    attrs: {
-      "icon": {
-        icon: _vm.disclosed ? 'visibility_off' : 'visibility',
-        variant: 'filled'
-      },
-      "color": 'inherit',
-      "disabled": _vm.disabled
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        _vm.disclosed = !_vm.disclosed;
-      }
-    }
-  })] : _vm._e(), _vm._v(" "), _vm.type === 'search' ? [_vm.modelValue ? [_c('OrIconButton', {
-    attrs: {
-      "icon": 'close',
-      "color": 'inherit',
-      "disabled": _vm.disabled
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.$emit('update:modelValue', '');
-      }
-    }
-  })] : [_c('OrIcon', {
-    attrs: {
-      "icon": 'search',
-      "variant": 'outlined'
-    }
-  })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
-    attrs: {
-      "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([_vm.maxLength ? {
-      key: "addon",
-      fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
-      },
-      proxy: true
-    } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : [_c('OrError', {
-    attrs: {
-      "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([_vm.maxLength ? {
-      key: "addon",
-      fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
-      },
-      proxy: true
-    } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])]], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-677a1aa4_0", {
-    source: "input[data-v-677a1aa4]{min-width:0;background:0 0;outline:0}input[type=number][data-v-677a1aa4]::-webkit-inner-spin-button{display:none}input[type=search][data-v-677a1aa4]::-webkit-search-cancel-button{display:none}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-677a1aa4";
-/* 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 { InputType as I, __vue_component__ as _ };

package/dist/bundled/v2/OrLabel-b26f4298.js

@@ -1,124 +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 LabelVariant;
-(function (LabelVariant) {
-  LabelVariant["Input"] = "input";
-  LabelVariant["Toggle"] = "toggle";
-})(LabelVariant || (LabelVariant = {}));
-
-const LabelRoot = [
-// Layout
-'layout-row justify-between',
-// Spacing
-'gap-sm'];
-const LabelRootVariants = {
-  'input': [
-  // Typography
-  'typography-caption-regular',
-  // Theme
-  'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],
-  'toggle': [
-  // Typography
-  'typography-body-2-regular',
-  // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark']
-};
-const LabelText = [
-// Content (required)
-'required:after:content-label-required',
-// Interactivity
-'interactivity-auto !cursor-default'];
-const LabelAddon = [
-// Layout
-'layout-row empty:hidden',
-// Typography
-'whitespace-nowrap'];
-
-var script = defineComponent({
-  name: 'OrLabel',
-  inheritAttrs: false,
-  props: {
-    controlId: {
-      type: String,
-      default: undefined
-    },
-    variant: {
-      type: String,
-      default: LabelVariant.Input
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-label', ...LabelRoot, ...LabelRootVariants[props.variant], classAttribute.value]);
-    const textStyles = computed(() => [...LabelText]);
-    const addonStyles = computed(() => [...LabelAddon]);
-    return {
-      root,
-      rootStyles,
-      textStyles,
-      addonStyles
-    };
-  }
-});
-
-/* 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('label', {
-    class: _vm.textStyles,
-    attrs: {
-      "for": _vm.controlId,
-      "required": _vm.required ? '' : null,
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
-    class: _vm.addonStyles
-  }, [_vm._t("addon")], 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 { LabelVariant as L, __vue_component__ as _ };

package/dist/bundled/v2/OrLink-bb7b075d.js

@@ -1,120 +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 LinkColor;
-(function (LinkColor) {
-  LinkColor["Primary"] = "primary";
-  LinkColor["Success"] = "success";
-  LinkColor["Warning"] = "warning";
-  LinkColor["Danger"] = "danger";
-  LinkColor["Inherit"] = "inherit";
-})(LinkColor || (LinkColor = {}));
-
-const LinkRoot = [
-// Layout
-'inline-flex', 'items-center',
-// Interactivity
-'interactivity-auto',
-// Typography
-'typography-inherit'];
-const LinkRootColors = {
-  'primary': [
-  // Theme
-  'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],
-  'success': [
-  // Theme
-  'theme-preset-4-success', 'dark:theme-preset-4-success-dark'],
-  'warning': [
-  // Theme
-  'theme-preset-4-warning', 'dark:theme-preset-4-warning-dark'],
-  'danger': [
-  // Theme
-  'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
-  'inherit': [
-  // Theme
-  'theme-foreground-inherit', 'hover:theme-foreground-primary-hover', 'disabled:!text-on-disabled', 'disabled:dark:!text-on-disabled-dark']
-};
-
-var script = defineComponent({
-  name: 'OrLink',
-  inheritAttrs: false,
-  props: {
-    href: {
-      type: String,
-      required: true
-    },
-    color: {
-      type: String,
-      default: LinkColor.Inherit
-    },
-    underlined: {
-      type: Boolean,
-      default: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    loadingText: {
-      type: String,
-      default: 'Loading'
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-link', ...LinkRoot, ...LinkRootColors[`${props.color}`], props.loading && 'interactivity-none', props.underlined && 'underline hover:no-underline', 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('a', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "href": _vm.href,
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, 'a', _vm.$attrs, false), [_vm.loading ? [_vm._v("\n    " + _vm._s(_vm.loadingText + '…') + "\n  ")] : [_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 { LinkColor as L, __vue_component__ as _ };