@onereach/ui-components 2.71.2-beta.2238.0 → 2.71.2-beta.2240.0

package/dist/bundled/v2/{OrCardCollection-166cfcc6.js → OrCardCollection-89428bbf.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import { O as OrCard } from './OrCard-a6b30f8f.js';
 import { O as OrIcon } from './OrIcon-10ec459c.js';
-import { O as OrSearch } from './OrSearch-832d7978.js';
+import { O as OrSearch } from './OrSearch-f7cfa52f.js';
 import { O as OrIconButton } from './OrIconButton-65962c1c.js';
 import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -197,18 +197,18 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-06085c59_0", {
-    source: "@keyframes spinAround-data-v-06085c59{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-06085c59{from{opacity:1}to{opacity:0}}.or-card-collection .or-card-collection-toolbar[data-v-06085c59]{display:flex;column-gap:var(--s-4);align-items:center;justify-content:space-between;margin:0 var(--s-4)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-06085c59]{flex-grow:1;cursor:pointer}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-06085c59]{display:inline-flex;margin:var(--s-2) var(--s-6);font-size:var(--fs-0);font-weight:var(--fw-0);line-height:var(--lh-0);color:var(--c-neutral-4);text-transform:capitalize;letter-spacing:0;user-select:none}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-06085c59]{font-weight:700;color:var(--c-neutral-6)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-06085c59]{width:14px;height:14px;margin-left:var(--s-1)}.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-06085c59]{border-radius:0}.or-card-collection .or-card-collection-wrapper[data-v-06085c59]{display:flex;margin-top:var(--s-5)}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-06085c59]{flex-flow:row wrap}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-06085c59]{margin-right:auto}.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-06085c59]{flex-direction:column}",
+  inject("data-v-4839d0ae_0", {
+    source: "@keyframes spinAround-data-v-4839d0ae{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-4839d0ae{from{opacity:1}to{opacity:0}}.or-card-collection .or-card-collection-toolbar[data-v-4839d0ae]{display:flex;justify-content:space-between;align-items:center;column-gap:var(--s-4);margin:0 var(--s-4)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-4839d0ae]{flex-grow:1;cursor:pointer}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-4839d0ae]{display:inline-flex;margin:var(--s-2) var(--s-6);text-transform:capitalize;color:var(--c-neutral-4);font-size:var(--fs-0);font-weight:var(--fw-0);letter-spacing:0;line-height:var(--lh-0);user-select:none}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-4839d0ae]{color:var(--c-neutral-6);font-weight:700}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-4839d0ae]{height:14px;width:14px;margin-left:var(--s-1)}.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-4839d0ae]{border-radius:0}.or-card-collection .or-card-collection-wrapper[data-v-4839d0ae]{display:flex;margin-top:var(--s-5)}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-4839d0ae]{flex-flow:row wrap}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-4839d0ae]{margin-right:auto}.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-4839d0ae]{flex-direction:column}",
     map: undefined,
     media: undefined
-  }), inject("data-v-06085c59_1", {
+  }), inject("data-v-4839d0ae_1", {
     source: ".or-card-collection-filter .or-textbox .or-textbox--input{max-width:256px;height:30px}.or-card-collection-sort-direction .or-icon{font-size:1rem}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-06085c59";
+const __vue_scope_id__ = "data-v-4839d0ae";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrCardCollection-091e2193.js → OrCardCollection-c1ccde63.js}

@@ -6,7 +6,7 @@ import { O as OrButton } from './OrButton-d45772c1.js';
 import { O as OrMenu } from './OrMenu-52da43bc.js';
 import { O as OrMenuItem } from './OrMenuItem-e2693a5f.js';
 import { O as OrIcon } from './OrIcon-458206aa.js';
-import { O as OrSearch } from './OrSearch-d1169241.js';
+import { O as OrSearch } from './OrSearch-d7326373.js';
 
 const CardCollectionRoot = [
 // Layout

package/dist/bundled/v2/{OrConfirm-55b89b17.js → OrConfirm-56d01cff.js}

@@ -3,7 +3,7 @@ import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import { O as OrButton } from './OrButton-705cd0bd.js';
 import { O as OrModal, a as OrModalSizes } from './OrModal-a5411b0d.js';
-import { O as OrInput } from './OrInput-df1a14fa.js';
+import { O as OrInput } from './OrInput-08f2f666.js';
 import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -238,14 +238,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-8712b442_0", {
-    source: "@keyframes spinAround-data-v-8712b442{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-8712b442{from{opacity:1}to{opacity:0}}.or-confirm-footer[data-v-8712b442]{display:flex;flex-direction:row;gap:var(--s-4);justify-content:end}.confirmation-textbox[data-v-8712b442]{margin-top:var(--s-3)}.or-modal[data-v-8712b442]  .header{padding-bottom:var(--s-4)!important}.or-modal[data-v-8712b442]  .content{padding-bottom:0!important;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-1)}.or-modal[data-v-8712b442]  .footer{box-shadow:none!important}",
+  inject("data-v-001a7d92_0", {
+    source: "@keyframes spinAround-data-v-001a7d92{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-001a7d92{from{opacity:1}to{opacity:0}}.or-confirm-footer[data-v-001a7d92]{display:flex;flex-direction:row;gap:var(--s-4);justify-content:end}.confirmation-textbox[data-v-001a7d92]{margin-top:var(--s-3)}.or-modal[data-v-001a7d92]  .header{padding-bottom:var(--s-4)!important}.or-modal[data-v-001a7d92]  .content{padding-bottom:0!important;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-1)}.or-modal[data-v-001a7d92]  .footer{box-shadow:none!important}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-8712b442";
+const __vue_scope_id__ = "data-v-001a7d92";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrConfirm-bb2df177.js → OrConfirm-cc8b767f.js}

@@ -3,7 +3,7 @@ import { l as logicAnd } from './index-17f264f9.js';
 import './index-fa6eb4ca.js';
 import { O as OrOverlay } from './OrOverlay-efa7992e.js';
 import { O as OrButton, a as ButtonColor } from './OrButton-d45772c1.js';
-import { O as OrInput } from './OrInput-5404a234.js';
+import { O as OrInput } from './OrInput-c539e47c.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/{OrInput-5404a234.js → OrInput-c539e47c.js}

@@ -5,8 +5,10 @@ import { O as OrIcon } from './OrIcon-458206aa.js';
 import { O as OrIconButton } from './OrIconButton-4bdd1566.js';
 import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
 import { O as OrLabel } from './OrLabel-aff09c39.js';
+import { O as OrLoader } from './OrLoader-864ef92a.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
+import { u as useResponsive } from './useResponsive-e13dfbb0.js';
 import { defineComponent, ref, computed, reactive } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -40,7 +42,8 @@ var script = defineComponent({
     OrIcon,
     OrIconButton,
     OrInputBox,
-    OrLabel
+    OrLabel,
+    OrLoader
   },
   model: {
     prop: 'modelValue',
@@ -75,6 +78,10 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    loading: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -120,6 +127,9 @@ var script = defineComponent({
     const maxLength = computed(() => controlAttributes.maxlength);
     const invalid = computed(() => !!props.error);
     const disclosed = ref(false);
+    const {
+      isMobile
+    } = useResponsive();
     // Methods
     function focus() {
       var _a;
@@ -140,6 +150,7 @@ var script = defineComponent({
       maxLength,
       invalid,
       disclosed,
+      isMobile,
       focus,
       blur
     };
@@ -305,7 +316,13 @@ var __vue_render__ = function () {
     }
   }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
     class: ['layout-row']
-  }, [_vm.type === 'password' ? [_c('OrIconButton', {
+  }, [_vm.loading ? [_c('OrLoader', {
+    attrs: {
+      "variant": 'circular',
+      "color": 'primary',
+      "size": _vm.isMobile ? 'm' : 's'
+    }
+  })] : [_vm.type === 'password' ? [_c('OrIconButton', {
     attrs: {
       "icon": {
         icon: _vm.disclosed ? 'visibility_off' : 'visibility',
@@ -337,7 +354,7 @@ var __vue_render__ = function () {
       "icon": 'search',
       "variant": 'outlined'
     }
-  })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })]] : _vm._e()]], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -366,14 +383,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-1243ae22_0", {
-    source: "input[data-v-1243ae22]{min-width:0;background:0 0;outline:0}input[type=number][data-v-1243ae22]::-webkit-inner-spin-button{display:none}input[type=search][data-v-1243ae22]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-aed95298_0", {
+    source: "input[data-v-aed95298]{min-width:0;background:0 0;outline:0}input[type=number][data-v-aed95298]::-webkit-inner-spin-button{display:none}input[type=search][data-v-aed95298]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-1243ae22";
+const __vue_scope_id__ = "data-v-aed95298";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrListOfInputs-ab7f9d97.js → OrListOfInputs-8f076650.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import _ from 'lodash';
 import { O as OrList } from './OrList-4e84a3b4.js';
-import { O as OrInput } from './OrInput-df1a14fa.js';
+import { O as OrInput } from './OrInput-08f2f666.js';
 import { O as OrIcon } from './OrIcon-10ec459c.js';
 import { O as OrIconButton } from './OrIconButton-65962c1c.js';
 import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -199,14 +199,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-52af8efa_0", {
-    source: ".or-list-of-inputs--delete-button[data-v-52af8efa]  .or-icon{font-size:.875rem!important}",
+  inject("data-v-3c451b58_0", {
+    source: ".or-list-of-inputs--delete-button[data-v-3c451b58]  .or-icon{font-size:.875rem!important}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-52af8efa";
+const __vue_scope_id__ = "data-v-3c451b58";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */