@onereach/ui-components 2.71.1-beta.2235.0 → 2.71.1-beta.2237.0

package/dist/bundled/v3/{types-f53434f2.js → types-f7b07e1a.js}

@@ -1,9 +1,9 @@
 import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, onBeforeMount, onBeforeUnmount, nextTick } from 'vue';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-4d4329cd.js';
-import './OrIconButton-cd62526d.js';
+import './OrIconButton-50df6117.js';
 import './OrLoader-c4bbef2f.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-b1490ad1.js';
 import { s as script$3 } from './OrLoader.vue_vue_type_script_lang-5405040c.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';

package/dist/esm/v2/{OrCardCollection-3c38fc85.js → OrCardCollection-259b2e2b.js}

@@ -1,14 +1,14 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$4 } from './OrMenu-df27d0ef.js';
 import './OrPopover-9bafbdb4.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-c7f28480.js';
 import { _ as __vue_component__$6 } from './OrIcon-5e394c62.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$3 } from './OrButton-835d4f11.js';
-import { _ as __vue_component__$7 } from './OrSearch-0f08f2f5.js';
+import { _ as __vue_component__$7 } from './OrSearch-ebc3b81c.js';
 import './OrInputBox-4d5a318d.js';
 
 const CardCollectionRoot = [

package/dist/esm/v2/{OrCardCollection-19582949.js → OrCardCollection-f6b07557.js}

@@ -1,9 +1,10 @@
 import { defineComponent, ref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCard-b7268256.js';
 import { _ as __vue_component__$2 } from './OrIcon-819166f6.js';
-import { _ as __vue_component__$3 } from './OrSearch-b4f4d59b.js';
-import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
+import './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
 import { c as createInjector } from './browser-82dea9ed.js';
+import { _ as __vue_component__$3 } from './OrSearch-0589d17d.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
 import { _ as __vue_component__$4 } from './OrIconButton-014e86a7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -197,18 +198,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/esm/v2/{OrConfirm-047d4086.js → OrConfirm-921dbb5d.js}

@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-835d4f11.js';
-import { _ as __vue_component__$3 } from './OrInput-ada3a970.js';
+import { _ as __vue_component__$3 } from './OrInput-59cc6981.js';
 import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrConfirm-ede619eb.js → OrConfirm-d7112dd3.js}

@@ -3,7 +3,7 @@ import { _ as __vue_component__$1 } from './OrButton-c4f9955b.js';
 import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-97e83549.js';
-import { _ as __vue_component__$3 } from './OrInput-6e6cfd11.js';
+import { _ as __vue_component__$3 } from './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -237,14 +237,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/esm/v2/{OrIconButton-b3779042.js → OrIconButton-3c81fd64.js}

@@ -35,11 +35,13 @@ const IconButtonRootColors = {
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
   // Theme (hover)
-  'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark',
+  'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark', 'hover:theme-foreground-default', 'dark:hover:theme-foreground-default-dark',
   // Theme (focus)
-  'focus:outline-primary-opacity-0-08', 'dark:focus:outline-primary-opacity-0-08-dark',
+  'focus:outline-primary-opacity-0-08', 'dark:focus:outline-primary-opacity-0-08-dark', 'focus:theme-foreground-default', 'dark:focus:theme-foreground-default-dark',
   // Theme (active)
-  'active:outline-primary-opacity-0-16', 'dark:active:outline-primary-opacity-0-16-dark'],
+  'active:outline-primary-opacity-0-16', 'dark:active:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
+  // Theme (selected)
+  'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'],
   'danger': [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark',
@@ -80,6 +82,10 @@ var script = defineComponent({
       type: String,
       default: IconSize.M
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -119,6 +125,7 @@ var __vue_render__ = function () {
     class: _vm.rootStyles,
     attrs: {
       "type": 'button',
+      "selected": _vm.selected ? '' : null,
       "disabled": _vm.disabled
     },
     on: {

package/dist/esm/v2/{OrInlineInput-10205811.js → OrInlineInput-1ad5ea15.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$2 } from './OrHint-42dc9ebb.js';
-import { _ as __vue_component__$3 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-fefd4fbd.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';

package/dist/esm/v2/{OrInlineTextarea-7658611e.js → OrInlineTextarea-bfe528e7.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$2 } from './OrHint-42dc9ebb.js';
-import { _ as __vue_component__$3 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-fefd4fbd.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';

package/dist/esm/v2/{OrInput-ada3a970.js → OrInput-59cc6981.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-d267ee9a.js';
 import { _ as __vue_component__$2 } from './OrHint-42dc9ebb.js';
-import { _ as __vue_component__$4 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$4 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$3 } from './OrIcon-5e394c62.js';
 import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-4d5a318d.js';
 import { _ as __vue_component__$6 } from './OrLabel-2a9f1477.js';

package/dist/esm/v2/{OrListOfInputs-4298fa2c.js → OrListOfInputs-50aa1ef1.js}

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import { _ as __vue_component__$1 } from './OrList-d4781f7b.js';
-import { _ as __vue_component__$2 } from './OrInput-6e6cfd11.js';
+import { _ as __vue_component__$2 } from './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
+import { c as createInjector } from './browser-82dea9ed.js';
 import { _ as __vue_component__$3 } from './OrIcon-819166f6.js';
 import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
-import { c as createInjector } from './browser-82dea9ed.js';
 import { _ as __vue_component__$4 } from './OrIconButton-014e86a7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -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 */

package/dist/esm/v2/{OrModal-a7719843.js → OrModal-8c6fdab4.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-8a4830a3.js → OrNotification-c0d70dc7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-b3779042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3c81fd64.js';
 import { _ as __vue_component__$1 } from './OrIcon-5e394c62.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';