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

package/dist/esm/v3/{OrCardCollection-1e44c758.js → OrCardCollection-a5e326ef.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrCard-e3a5aea4.js';
 import { s as script$2 } from './OrIcon-669503c3.js';
-import { s as script$3 } from './OrSearch-11fdf667.js';
+import { d as script$3 } from './OrSearch-7cb2c91c.js';
 import { a as script$4 } from './OrIconButton-8be9c89f.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -176,7 +176,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128 /* KEYED_FRAGMENT */))])], 2 /* CLASS */);
 }
 
-var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-059ac3e2 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-059ac3e2 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-card-collection .or-card-collection-toolbar[data-v-059ac3e2] {\n  display: flex;\n  column-gap: var(--s-4);\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 var(--s-4);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-059ac3e2] {\n  flex-grow: 1;\n  cursor: pointer;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-059ac3e2] {\n  display: inline-flex;\n  margin: var(--s-2) var(--s-6);\n  font-size: var(--fs-0);\n  font-weight: var(--fw-0);\n  line-height: var(--lh-0);\n  color: var(--c-neutral-4);\n  text-transform: capitalize;\n  letter-spacing: 0;\n  user-select: none;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-059ac3e2] {\n  font-weight: bold;\n  color: var(--c-neutral-6);\n}\n.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-059ac3e2] {\n  width: 14px;\n  height: 14px;\n  margin-left: var(--s-1);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-059ac3e2] {\n  border-radius: 0;\n}\n.or-card-collection .or-card-collection-wrapper[data-v-059ac3e2] {\n  display: flex;\n  margin-top: var(--s-5);\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-flow: row wrap;\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-059ac3e2] {\n  margin-right: auto;\n}\n.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-direction: column;\n}";
+var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-059ac3e2 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-059ac3e2 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-card-collection .or-card-collection-toolbar[data-v-059ac3e2] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  column-gap: var(--s-4);\n  margin: 0 var(--s-4);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-059ac3e2] {\n  flex-grow: 1;\n  cursor: pointer;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-059ac3e2] {\n  display: inline-flex;\n  margin: var(--s-2) var(--s-6);\n  text-transform: capitalize;\n  color: var(--c-neutral-4);\n  font-size: var(--fs-0);\n  font-weight: var(--fw-0);\n  letter-spacing: 0;\n  line-height: var(--lh-0);\n  user-select: none;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-059ac3e2] {\n  color: var(--c-neutral-6);\n  font-weight: bold;\n}\n.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-059ac3e2] {\n  height: 14px;\n  width: 14px;\n  margin-left: var(--s-1);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-059ac3e2] {\n  border-radius: 0;\n}\n.or-card-collection .or-card-collection-wrapper[data-v-059ac3e2] {\n  display: flex;\n  margin-top: var(--s-5);\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-flow: row wrap;\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-059ac3e2] {\n  margin-right: auto;\n}\n.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-direction: column;\n}";
 styleInject(css_248z$1);
 
 var css_248z = ".or-card-collection-filter .or-textbox .or-textbox--input {\n  max-width: 256px;\n  height: 30px;\n}\n.or-card-collection-sort-direction .or-icon {\n  font-size: 1rem;\n}";

package/dist/esm/v3/{OrConfirm-e7cbf54c.js → OrConfirm-37454a63.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 { s as script$2, a as ButtonColor } from './OrButton-c56998e7.js';
-import { s as script$3 } from './OrInput-6fb81556.js';
+import { s as script$3 } from './OrInput-bd054213.js';
 import { s as script$1 } from './OrOverlay-afad3aa4.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrConfirm-c11ee2ec.js → OrConfirm-f39bd784.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1, b as BUTTON_COLOR } from './OrIconButton-8be9c89f.js';
 import { s as script$2, O as OrModalSizes } from './OrModal-8b074b0c.js';
-import { s as script$3 } from './OrInput-81125804.js';
+import { a as script$3 } from './OrSearch-7cb2c91c.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrIconButton-e5781317.js → OrIconButton-2dcfb83e.js}

@@ -33,11 +33,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',
@@ -78,6 +80,10 @@ var script = defineComponent({
       type: String,
       default: IconSize.M
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -101,7 +107,7 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = ["disabled"];
+const _hoisted_1 = ["selected", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrTooltip = resolveComponent("OrTooltip");
@@ -113,6 +119,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, _ctx.$attrs, {
       class: _ctx.rootStyles,
       type: 'button',
+      selected: _ctx.selected ? '' : null,
       disabled: _ctx.disabled,
       onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
       onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),

package/dist/esm/v3/{OrInlineInput-09de432a.js → OrInlineInput-fbc35f85.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-19198748.js';
 import { s as script$2 } from './OrHint-6863124f.js';
-import { s as script$3 } from './OrIconButton-e5781317.js';
+import { s as script$3 } from './OrIconButton-2dcfb83e.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-09b33e18.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, Fragment, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-56328f22.js → OrInlineTextarea-79da8697.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-19198748.js';
 import { s as script$2 } from './OrHint-6863124f.js';
-import { s as script$3 } from './OrIconButton-e5781317.js';
+import { s as script$3 } from './OrIconButton-2dcfb83e.js';
 import { s as script$4 } from './OrInlineInputBox-09b33e18.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, Fragment, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-6fb81556.js → OrInput-bd054213.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-19198748.js';
 import { s as script$2 } from './OrHint-6863124f.js';
-import { s as script$4 } from './OrIconButton-e5781317.js';
+import { s as script$4 } from './OrIconButton-2dcfb83e.js';
 import { s as script$3 } from './OrIcon-34f59f73.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox-e16ade90.js';
 import { s as script$6 } from './OrLabel-f700f9fb.js';

package/dist/esm/v3/{OrListOfInputs-508e056f.js → OrListOfInputs-7a67440f.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import { s as script$1 } from './OrList-b740d13e.js';
-import { s as script$2 } from './OrInput-81125804.js';
+import { a as script$2 } from './OrSearch-7cb2c91c.js';
 import { s as script$3 } from './OrIcon-669503c3.js';
 import { a as script$4 } from './OrIconButton-8be9c89f.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, mergeProps, createSlots, normalizeStyle } from 'vue';

package/dist/esm/v3/{OrModal-10838da7.js → OrModal-4219a6dc.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-e5781317.js';
+import { s as script$2 } from './OrIconButton-2dcfb83e.js';
 import { s as script$1 } from './OrOverlay-afad3aa4.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrNotification-25da89ca.js → OrNotification-0e682c7f.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-e5781317.js';
+import { s as script$2 } from './OrIconButton-2dcfb83e.js';
 import { s as script$1 } from './OrIcon-34f59f73.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, withModifiers } from 'vue';
 

package/dist/esm/v3/{OrSearch-e15955a7.js → OrSearch-4c5c44f2.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-6fb81556.js';
+import { s as script$1 } from './OrInput-bd054213.js';
 import { a as InputBoxSize } from './OrInputBox-e16ade90.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';