@onereach/ui-components 2.74.5 → 2.74.6-beta.2322.0

package/dist/esm/v2/{OrCollapse-4d892ca3.js → OrCollapse-b6ab5b38.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { s as setStyle, r as requestAF, a as reflow, b as removeStyle, c as cancelAF, g as getBCR } from './dom-3a15d036.js';
 import _ from 'lodash';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
 
 var script = defineComponent({
   name: 'OrCollapse',
@@ -113,9 +113,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = ".or-collapse[data-v-55ba4cbb]{padding:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -145,20 +147,15 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-55ba4cbb_0", {
-    source: ".or-collapse[data-v-55ba4cbb]{padding:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-55ba4cbb";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -166,6 +163,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { __vue_component__ as _ };

package/dist/esm/v2/{OrColorPicker-75abefdd.js → OrColorPicker-b0e71eb9.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { _ as __vue_component__$1, O as OrFloatingPlacements } from './OrFloating-89d6582a.js';
+import { _ as __vue_component__$1, O as OrFloatingPlacements } from './OrFloating-c25c8267.js';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
 
 const red = {
   50: '#FFEBEE',
@@ -387,9 +387,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = "@keyframes spinAround-data-v-7932e202{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7932e202{from{opacity:1}to{opacity:0}}.color-container[data-v-7932e202]{position:relative}.color-container .tag__color[data-v-7932e202]{width:20px;height:20px;margin-right:10px;border:var(--s-1) solid var(--c-neutral-0-darken-3);border-radius:50%;cursor:pointer}.or-color-picker-box[data-v-7932e202]{max-height:244px;max-width:312px;overflow-y:scroll;background-color:var(--c-neutral-0);box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16);padding:var(--s-4);display:flex;gap:var(--s-3);flex-wrap:wrap}.or-color-picker-box .or-color-picker-color-group[data-v-7932e202]{width:40px;float:left}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color-it[data-v-7932e202]{box-sizing:border-box;width:40px;height:24px;cursor:pointer;margin-bottom:1px;overflow:hidden;border-radius:var(--s-1) var(--s-1) 0 0}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white[data-v-7932e202]{border:1px solid #ddd}.or-color-picker-box .or-color-picker-color-group .or-color-picker-pick[data-v-7932e202]{fill:#fff;margin-left:8px;display:block}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white .or-color-picker-pick[data-v-7932e202]{fill:#333}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -469,20 +471,15 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-7932e202_0", {
-    source: "@keyframes spinAround-data-v-7932e202{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7932e202{from{opacity:1}to{opacity:0}}.color-container[data-v-7932e202]{position:relative}.color-container .tag__color[data-v-7932e202]{width:20px;height:20px;margin-right:10px;border:var(--s-1) solid var(--c-neutral-0-darken-3);border-radius:50%;cursor:pointer}.or-color-picker-box[data-v-7932e202]{max-height:244px;max-width:312px;overflow-y:scroll;background-color:var(--c-neutral-0);box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16);padding:var(--s-4);display:flex;gap:var(--s-3);flex-wrap:wrap}.or-color-picker-box .or-color-picker-color-group[data-v-7932e202]{width:40px;float:left}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color-it[data-v-7932e202]{box-sizing:border-box;width:40px;height:24px;cursor:pointer;margin-bottom:1px;overflow:hidden;border-radius:var(--s-1) var(--s-1) 0 0}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white[data-v-7932e202]{border:1px solid #ddd}.or-color-picker-box .or-color-picker-color-group .or-color-picker-pick[data-v-7932e202]{fill:#fff;margin-left:8px;display:block}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white .or-color-picker-pick[data-v-7932e202]{fill:#333}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-7932e202";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -490,6 +487,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { __vue_component__ as _, purple as a, blue as b, cyan as c, deepPurple as d, lightGreen as e, lime as f, green as g, amber as h, indigo as i, deepOrange as j, brown as k, lightBlue as l, blueGrey as m, black as n, orange as o, pink as p, red as r, teal as t, white as w, yellow as y };

package/dist/esm/v2/{OrConfirm-f494c639.js → OrConfirm-15e27711.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-49f7f20b.js';
-import { _ as __vue_component__$3 } from './OrInput-ea541c50.js';
+import { _ as __vue_component__$3 } from './OrInput-1ddf99ba.js';
 import { _ as __vue_component__$1 } from './OrOverlay-2ded265b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

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

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-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__$1 } from './OrButton-8a87ebca.js';
+import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_styles.0-d27bb57a.js';
+import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-82afb3c8.js';
+import { _ as __vue_component__$3 } from './OrInput-1f75ca3e.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -156,9 +156,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = "@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}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -235,20 +237,15 @@ var __vue_render__ = function () {
 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}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-8712b442";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -256,6 +253,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { __vue_component__ as _ };

package/dist/esm/v2/{OrDateTimePicker-349df9b2.js → OrDateTimePicker-9615165b.js}

@@ -1,16 +1,16 @@
 import _ from 'lodash';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrFloating-89d6582a.js';
-import { _ as __vue_component__$3 } from './OrLabel-33b41516.js';
-import { _ as __vue_component__$4 } from './OrError-081130bb.js';
-import { _ as __vue_component__$5 } from './OrHint-c45f1e09.js';
-import { _ as __vue_component__$6 } from './OrCollapse-4d892ca3.js';
-import './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-import { _ as __vue_component__$7 } from './OrIconButton-014e86a7.js';
+import { _ as __vue_component__$2 } from './OrFloating-c25c8267.js';
+import { _ as __vue_component__$3 } from './OrLabel-931394a5.js';
+import { _ as __vue_component__$4 } from './OrError-efc74907.js';
+import { _ as __vue_component__$5 } from './OrHint-fe65fbe6.js';
+import { _ as __vue_component__$6 } from './OrCollapse-b6ab5b38.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-d27bb57a.js';
+import { _ as __vue_component__$7 } from './OrIconButton-616beab5.js';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-3a15d036.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrDateTimePickerTypes;
@@ -92,9 +92,11 @@ var script$1 = defineComponent({
   }
 });
 
+var css_248z$1 = "@keyframes spinAround-data-v-02a775e6{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-02a775e6{from{opacity:1}to{opacity:0}}.or-calendar-item[data-v-02a775e6]{font-size:var(--fs-0);font-weight:400;width:1.75rem;height:1.75rem;line-height:1.75rem;border-radius:50%;color:var(--c-neutral-6);text-align:center}.or-calendar-item.is-disabled[data-v-02a775e6]{color:var(--c-neutral-4)}.or-calendar-item.is-current[data-v-02a775e6]{background-color:var(--c-neutral-2)}.or-calendar-item:not(.is-disabled).is-selected[data-v-02a775e6]{color:var(--c-neutral-0);font-weight:700;background-color:var(--c-primary)}.or-calendar-item:not(.is-disabled).is-selected[data-v-02a775e6]:hover{background-color:var(--c-primary-lighten-20)}.or-calendar-item[data-v-02a775e6]:not(.is-disabled):hover{background-color:var(--c-neutral-1);cursor:pointer}";
+styleInject(css_248z$1);
+
 /* script */
 const __vue_script__$1 = script$1;
-
 /* template */
 var __vue_render__$1 = function () {
   var _vm = this;
@@ -114,20 +116,15 @@ var __vue_render__$1 = function () {
 var __vue_staticRenderFns__$1 = [];
 
 /* style */
-const __vue_inject_styles__$1 = function (inject) {
-  if (!inject) return;
-  inject("data-v-02a775e6_0", {
-    source: "@keyframes spinAround-data-v-02a775e6{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-02a775e6{from{opacity:1}to{opacity:0}}.or-calendar-item[data-v-02a775e6]{font-size:var(--fs-0);font-weight:400;width:1.75rem;height:1.75rem;line-height:1.75rem;border-radius:50%;color:var(--c-neutral-6);text-align:center}.or-calendar-item.is-disabled[data-v-02a775e6]{color:var(--c-neutral-4)}.or-calendar-item.is-current[data-v-02a775e6]{background-color:var(--c-neutral-2)}.or-calendar-item:not(.is-disabled).is-selected[data-v-02a775e6]{color:var(--c-neutral-0);font-weight:700;background-color:var(--c-primary)}.or-calendar-item:not(.is-disabled).is-selected[data-v-02a775e6]:hover{background-color:var(--c-primary-lighten-20)}.or-calendar-item[data-v-02a775e6]:not(.is-disabled):hover{background-color:var(--c-neutral-1);cursor:pointer}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__$1 = undefined;
 /* scoped */
 const __vue_scope_id__$1 = "data-v-02a775e6";
 /* module identifier */
 const __vue_module_identifier__$1 = undefined;
 /* functional template */
 const __vue_is_functional_template__$1 = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -135,7 +132,7 @@ const __vue_is_functional_template__$1 = false;
 const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$1,
   staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
 
 const MINUTE = 1000 * 60;
 const HOUR = MINUTE * 60;
@@ -487,9 +484,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = "@keyframes spinAround-data-v-2cd46aea{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2cd46aea{from{opacity:1}to{opacity:0}}.or-date-time-picker[data-v-2cd46aea]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.or-date-time-picker.is-fullwidth[data-v-2cd46aea]{width:100%!important}.or-date-time-picker.is-date-type[data-v-2cd46aea]{width:7.125rem}.or-date-time-picker.is-time-type[data-v-2cd46aea]{width:7.125rem}.or-date-time-picker.is-date-time-type[data-v-2cd46aea]{width:11.25rem}.or-date-time-picker .or-label[data-v-2cd46aea]{margin-bottom:var(--s-1)}.or-date-time-picker-info[data-v-2cd46aea]{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--s-2)}.or-date-time-picker-input-wrapper[data-v-2cd46aea]{position:relative;width:100%;height:2.25rem;border:1px solid var(--c-neutral-2);border-radius:var(--s-2);background-color:var(--c-neutral-1);padding:.625rem;font-size:var(--fs-1);line-height:1rem;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,-webkit-box-shadow}.or-date-time-picker-input-wrapper[data-v-2cd46aea]:not(.is-readonly):hover{background-color:var(--c-neutral-0);cursor:pointer}.or-date-time-picker-input-wrapper.is-disabled[data-v-2cd46aea],.or-date-time-picker-input-wrapper[data-v-2cd46aea]:disabled{cursor:not-allowed;background-color:var(--c-neutral-2);border-color:var(--c-neutral-2)}.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]{border-color:var(--c-error)}@media (hover:hover) and (pointer:fine){.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:not(:disabled):not(.is-readonly):not(.is-loading):focus{border-color:var(--c-error-darken-5)}.or-date-time-picker-input-wrapper.has-error.is-disabled[data-v-2cd46aea],.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:disabled{cursor:not-allowed;border-color:var(--c-error-lighten-20)}.or-date-time-picker-input-wrapper .placeholder[data-v-2cd46aea],.or-date-time-picker-input-wrapper .value[data-v-2cd46aea]{width:100%;display:flex;flex-direction:row;justify-content:space-between;white-space:nowrap;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:opacity}.or-date-time-picker-input-wrapper .placeholder[data-v-2cd46aea]{color:var(--c-neutral-4);user-select:none}.content[data-v-2cd46aea]{border:1px solid var(--c-neutral-2);border-radius:var(--s-2);display:flex;flex-direction:column;background-color:var(--c-neutral-0);text-align:center}.content .picker-header[data-v-2cd46aea]{padding:var(--s-4) var(--s-3);display:flex;flex-direction:row;justify-content:space-between;gap:var(--s-3);font-weight:700;font-size:var(--fs-1);text-align:center;color:var(--c-neutral-6)}.content .picker-header-centered[data-v-2cd46aea]{margin:auto}.content .calendar[data-v-2cd46aea]{padding:0 var(--s-3) var(--s-3);font-size:var(--fs-0);line-height:.875rem}.content .calendar-week-days[data-v-2cd46aea]{color:var(--c-neutral-4);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--s-1)}.content .calendar-week-days>*[data-v-2cd46aea]{width:var(--s-6)}.content .calendar-days[data-v-2cd46aea]{display:flex;flex-direction:column;gap:var(--s-2)}.content .calendar-days-row[data-v-2cd46aea]{display:flex;flex-direction:row;justify-content:space-around;gap:var(--s-2)}.content .time-footer[data-v-2cd46aea]{width:100%;line-height:var(--s-6);text-align:center;display:inline-flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--c-neutral-2)}.content .time-footer-input[data-v-2cd46aea]{text-align:center;border:none;font-size:var(--fs-0)}.content .time-footer-input[data-v-2cd46aea]:focus-visible{outline:0;background-color:var(--c-neutral-2)}.content .time-table[data-v-2cd46aea]{display:flex;flex-direction:row;gap:var(--s-4)}.content .time-table-column[data-v-2cd46aea]{display:flex;flex-direction:column}.content .time-table-column-time[data-v-2cd46aea]{padding:0 var(--s-3) var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.content .time-table-column-time-row[data-v-2cd46aea]{display:flex;flex-direction:row;justify-content:space-around;gap:var(--s-2)}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -743,20 +742,15 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-2cd46aea_0", {
-    source: "@keyframes spinAround-data-v-2cd46aea{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2cd46aea{from{opacity:1}to{opacity:0}}.or-date-time-picker[data-v-2cd46aea]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.or-date-time-picker.is-fullwidth[data-v-2cd46aea]{width:100%!important}.or-date-time-picker.is-date-type[data-v-2cd46aea]{width:7.125rem}.or-date-time-picker.is-time-type[data-v-2cd46aea]{width:7.125rem}.or-date-time-picker.is-date-time-type[data-v-2cd46aea]{width:11.25rem}.or-date-time-picker .or-label[data-v-2cd46aea]{margin-bottom:var(--s-1)}.or-date-time-picker-info[data-v-2cd46aea]{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--s-2)}.or-date-time-picker-input-wrapper[data-v-2cd46aea]{position:relative;width:100%;height:2.25rem;border:1px solid var(--c-neutral-2);border-radius:var(--s-2);background-color:var(--c-neutral-1);padding:.625rem;font-size:var(--fs-1);line-height:1rem;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,-webkit-box-shadow}.or-date-time-picker-input-wrapper[data-v-2cd46aea]:not(.is-readonly):hover{background-color:var(--c-neutral-0);cursor:pointer}.or-date-time-picker-input-wrapper.is-disabled[data-v-2cd46aea],.or-date-time-picker-input-wrapper[data-v-2cd46aea]:disabled{cursor:not-allowed;background-color:var(--c-neutral-2);border-color:var(--c-neutral-2)}.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]{border-color:var(--c-error)}@media (hover:hover) and (pointer:fine){.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:not(:disabled):not(.is-readonly):not(.is-loading):focus{border-color:var(--c-error-darken-5)}.or-date-time-picker-input-wrapper.has-error.is-disabled[data-v-2cd46aea],.or-date-time-picker-input-wrapper.has-error[data-v-2cd46aea]:disabled{cursor:not-allowed;border-color:var(--c-error-lighten-20)}.or-date-time-picker-input-wrapper .placeholder[data-v-2cd46aea],.or-date-time-picker-input-wrapper .value[data-v-2cd46aea]{width:100%;display:flex;flex-direction:row;justify-content:space-between;white-space:nowrap;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:opacity}.or-date-time-picker-input-wrapper .placeholder[data-v-2cd46aea]{color:var(--c-neutral-4);user-select:none}.content[data-v-2cd46aea]{border:1px solid var(--c-neutral-2);border-radius:var(--s-2);display:flex;flex-direction:column;background-color:var(--c-neutral-0);text-align:center}.content .picker-header[data-v-2cd46aea]{padding:var(--s-4) var(--s-3);display:flex;flex-direction:row;justify-content:space-between;gap:var(--s-3);font-weight:700;font-size:var(--fs-1);text-align:center;color:var(--c-neutral-6)}.content .picker-header-centered[data-v-2cd46aea]{margin:auto}.content .calendar[data-v-2cd46aea]{padding:0 var(--s-3) var(--s-3);font-size:var(--fs-0);line-height:.875rem}.content .calendar-week-days[data-v-2cd46aea]{color:var(--c-neutral-4);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--s-1)}.content .calendar-week-days>*[data-v-2cd46aea]{width:var(--s-6)}.content .calendar-days[data-v-2cd46aea]{display:flex;flex-direction:column;gap:var(--s-2)}.content .calendar-days-row[data-v-2cd46aea]{display:flex;flex-direction:row;justify-content:space-around;gap:var(--s-2)}.content .time-footer[data-v-2cd46aea]{width:100%;line-height:var(--s-6);text-align:center;display:inline-flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--c-neutral-2)}.content .time-footer-input[data-v-2cd46aea]{text-align:center;border:none;font-size:var(--fs-0)}.content .time-footer-input[data-v-2cd46aea]:focus-visible{outline:0;background-color:var(--c-neutral-2)}.content .time-table[data-v-2cd46aea]{display:flex;flex-direction:row;gap:var(--s-4)}.content .time-table-column[data-v-2cd46aea]{display:flex;flex-direction:column}.content .time-table-column-time[data-v-2cd46aea]{padding:0 var(--s-3) var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.content .time-table-column-time-row[data-v-2cd46aea]{display:flex;flex-direction:row;justify-content:space-around;gap:var(--s-2)}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-2cd46aea";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -764,6 +758,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { DEFAULT_TEXT as D, OrDateTimePickerTypes as O, __vue_component__ as _, OrDateTimePickerItemTypes as a };

package/dist/esm/v2/{OrError-081130bb.js → OrError-efc74907.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
 
 var script = defineComponent({
   name: 'OrError',
@@ -12,9 +12,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = "@keyframes spinAround-data-v-6773740c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-6773740c{from{opacity:1}to{opacity:0}}.or-error[data-v-6773740c]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-error);word-break:break-word}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -29,20 +31,15 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-6773740c_0", {
-    source: "@keyframes spinAround-data-v-6773740c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-6773740c{from{opacity:1}to{opacity:0}}.or-error[data-v-6773740c]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-error);word-break:break-word}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-6773740c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -50,6 +47,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { __vue_component__ as _ };

package/dist/esm/v2/{OrFloating-89d6582a.js → OrFloating-c25c8267.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, nextTick } from 'vue-demi';
 import { autoUpdate, computePosition, offset, hide, flip, shift } from '@floating-ui/dom';
 import { _ as __vue_component__$1 } from './OrTeleportVue2-8ef4ceca.js';
 import { e as getMaxZIndex, d as getCS } from './dom-3a15d036.js';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
 
 var OrFloatingPlacements;
 (function (OrFloatingPlacements) {
@@ -167,9 +167,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = ".or-floating[data-v-05d17142]{position:absolute;z-index:1}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -183,20 +185,15 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-05d17142_0", {
-    source: ".or-floating[data-v-05d17142]{position:absolute;z-index:1}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-05d17142";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -204,6 +201,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { OrFloatingPlacements as O, __vue_component__ as _, OrFloatingHideStrategy as a };

package/dist/esm/v2/{OrHint-c45f1e09.js → OrHint-fe65fbe6.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
 
 var script = defineComponent({
   name: 'OrHint',
@@ -15,9 +15,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = "@keyframes spinAround-data-v-10d48dda{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-10d48dda{from{opacity:1}to{opacity:0}}.or-hint[data-v-10d48dda]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-4)}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -32,20 +34,15 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-10d48dda_0", {
-    source: "@keyframes spinAround-data-v-10d48dda{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-10d48dda{from{opacity:1}to{opacity:0}}.or-hint[data-v-10d48dda]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-4)}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-10d48dda";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -53,6 +50,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { __vue_component__ as _ };

package/dist/esm/v2/{OrIcon-819166f6.js → OrIcon-007214aa.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import _ from 'lodash';
-import { _ as __vue_component__$1 } from './OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-import { _ as __vue_component__$2, O as OrFloatingPlacements } from './OrFloating-89d6582a.js';
+import { _ as __vue_component__$1 } from './OrTooltip.vue_rollup-plugin-vue_styles.0-f43e4a3e.js';
+import { _ as __vue_component__$2, O as OrFloatingPlacements } from './OrFloating-c25c8267.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrIconColors;
@@ -113,9 +113,11 @@ var script = defineComponent({
   }
 });
 
+var css_248z = "@keyframes spinAround-data-v-1b53d778{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1b53d778{from{opacity:1}to{opacity:0}}.or-icon-root[data-v-1b53d778]{position:relative;display:inline-flex}.or-icon[data-v-1b53d778]{display:inline-flex;font-size:1.25rem;color:inherit;user-select:none;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-icon.with-tooltip[data-v-1b53d778]{cursor:pointer}.or-icon.is-primary-color[data-v-1b53d778]{color:var(--c-primary)}.or-icon.is-warning-color[data-v-1b53d778]{color:var(--c-warning)}.or-icon.is-success-color[data-v-1b53d778]{color:var(--c-success)}.or-icon.is-error-color[data-v-1b53d778]{color:var(--c-error)}.or-icon.is-neutral-0-color[data-v-1b53d778]{color:var(--c-neutral-0)}.or-icon.is-neutral-1-color[data-v-1b53d778]{color:var(--c-neutral-1)}.or-icon.is-neutral-2-color[data-v-1b53d778]{color:var(--c-neutral-2)}.or-icon.is-neutral-3-color[data-v-1b53d778]{color:var(--c-neutral-3)}.or-icon.is-neutral-4-color[data-v-1b53d778]{color:var(--c-neutral-4)}.or-icon.is-neutral-5-color[data-v-1b53d778]{color:var(--c-neutral-5)}.or-icon.is-neutral-6-color[data-v-1b53d778]{color:var(--c-neutral-6)}.or-icon.is-disabled[data-v-1b53d778],.or-icon[data-v-1b53d778]:disabled{cursor:not-allowed}";
+styleInject(css_248z);
+
 /* script */
 const __vue_script__ = script;
-
 /* template */
 var __vue_render__ = function () {
   var _vm = this;
@@ -152,20 +154,15 @@ var __vue_render__ = function () {
 var __vue_staticRenderFns__ = [];
 
 /* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-1b53d778_0", {
-    source: "@keyframes spinAround-data-v-1b53d778{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1b53d778{from{opacity:1}to{opacity:0}}.or-icon-root[data-v-1b53d778]{position:relative;display:inline-flex}.or-icon[data-v-1b53d778]{display:inline-flex;font-size:1.25rem;color:inherit;user-select:none;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-icon.with-tooltip[data-v-1b53d778]{cursor:pointer}.or-icon.is-primary-color[data-v-1b53d778]{color:var(--c-primary)}.or-icon.is-warning-color[data-v-1b53d778]{color:var(--c-warning)}.or-icon.is-success-color[data-v-1b53d778]{color:var(--c-success)}.or-icon.is-error-color[data-v-1b53d778]{color:var(--c-error)}.or-icon.is-neutral-0-color[data-v-1b53d778]{color:var(--c-neutral-0)}.or-icon.is-neutral-1-color[data-v-1b53d778]{color:var(--c-neutral-1)}.or-icon.is-neutral-2-color[data-v-1b53d778]{color:var(--c-neutral-2)}.or-icon.is-neutral-3-color[data-v-1b53d778]{color:var(--c-neutral-3)}.or-icon.is-neutral-4-color[data-v-1b53d778]{color:var(--c-neutral-4)}.or-icon.is-neutral-5-color[data-v-1b53d778]{color:var(--c-neutral-5)}.or-icon.is-neutral-6-color[data-v-1b53d778]{color:var(--c-neutral-6)}.or-icon.is-disabled[data-v-1b53d778],.or-icon[data-v-1b53d778]:disabled{cursor:not-allowed}",
-    map: undefined,
-    media: undefined
-  });
-};
+const __vue_inject_styles__ = undefined;
 /* scoped */
 const __vue_scope_id__ = "data-v-1b53d778";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */
 const __vue_is_functional_template__ = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -173,6 +170,6 @@ const __vue_is_functional_template__ = false;
 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);
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 export { OrIconColors as O, __vue_component__ as _, OrIconType as a };

package/dist/esm/v2/OrIconButton-616beab5.js

@@ -0,0 +1,63 @@
+import { d as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-d27bb57a.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+/* 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', {
+    staticClass: "or-icon-button-root"
+  }, [_c('or-tooltip-wrapper', {
+    attrs: {
+      "tooltip-text": _vm.tooltipText,
+      "tooltip-placement": _vm.tooltipPlacement
+    }
+  }, [_c('button', {
+    staticClass: "or-icon-button",
+    class: _vm.buttonClasses,
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "type": _vm.htmlButtonType
+    },
+    on: {
+      "click": _vm.handleButtonClick,
+      "focus": function ($event) {
+        return _vm.$emit('focus', $event);
+      },
+      "blur": function ($event) {
+        return _vm.$emit('blur', $event);
+      }
+    }
+  }, [_vm.isLoading ? _c('or-loader') : _vm._e(), _vm._v(" "), !_vm.isLoading ? _vm._t("default", function () {
+    return [_c('or-icon', {
+      attrs: {
+        "icon": _vm.icon
+      }
+    })];
+  }) : _vm._e()], 2)])], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-30cfbd1b";
+/* 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 { __vue_component__ as _ };