@onereach/ui-components 2.74.9-beta.2341.0 → 2.74.9-beta.2348.0

package/dist/bundled/v2/{OrCheckbox-41d31e45.js → OrCheckbox-384760cb.js}

@@ -12,7 +12,7 @@ const CheckboxRoot = [
 'gap-sm+ md:gap-sm'];
 const CheckboxControl = [
 // Layout
-'layout-row justify-center',
+'layout-row justify-center', 'shrink-0',
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
 // Shape

package/dist/bundled/v2/{OrDateTimePicker-18587a06.js → OrDateTimePicker-24a56fd2.js}

@@ -485,7 +485,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-d9091eea{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-d9091eea{from{opacity:1}to{opacity:0}}.or-date-time-picker[data-v-d9091eea]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.or-date-time-picker.is-fullwidth[data-v-d9091eea]{width:100%!important}.or-date-time-picker.is-date-type[data-v-d9091eea]{width:7.125rem}.or-date-time-picker.is-time-type[data-v-d9091eea]{width:7.125rem}.or-date-time-picker.is-date-time-type[data-v-d9091eea]{width:11.25rem}.or-date-time-picker .or-label[data-v-d9091eea]{margin-bottom:var(--s-1)}.or-date-time-picker-info[data-v-d9091eea]{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--s-2)}.or-date-time-picker-input-wrapper[data-v-d9091eea]{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}.or-date-time-picker-input-wrapper[data-v-d9091eea]:not(.is-readonly):hover{background-color:var(--c-neutral-0);cursor:pointer}.or-date-time-picker-input-wrapper.is-disabled[data-v-d9091eea],.or-date-time-picker-input-wrapper[data-v-d9091eea]: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-d9091eea]{border-color:var(--c-error)}@media (hover:hover) and (pointer:fine){.or-date-time-picker-input-wrapper.has-error[data-v-d9091eea]: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-d9091eea]: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-d9091eea]: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-d9091eea],.or-date-time-picker-input-wrapper.has-error[data-v-d9091eea]:disabled{cursor:not-allowed;border-color:var(--c-error-lighten-20)}.or-date-time-picker-input-wrapper .placeholder[data-v-d9091eea],.or-date-time-picker-input-wrapper .value[data-v-d9091eea]{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-d9091eea]{color:var(--c-neutral-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.content[data-v-d9091eea]{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-d9091eea]{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-d9091eea]{margin:auto}.content .calendar[data-v-d9091eea]{padding:0 var(--s-3) var(--s-3);font-size:var(--fs-0);line-height:.875rem}.content .calendar-week-days[data-v-d9091eea]{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-d9091eea]{width:var(--s-6)}.content .calendar-days[data-v-d9091eea]{display:flex;flex-direction:column;gap:var(--s-2)}.content .calendar-days-row[data-v-d9091eea]{display:flex;flex-direction:row;justify-content:space-around;gap:var(--s-2)}.content .time-footer[data-v-d9091eea]{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-d9091eea]::-webkit-inner-spin-button,.content .time-footer input[data-v-d9091eea]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content .time-footer input[type=number][data-v-d9091eea]{-moz-appearance:textfield}.content .time-footer-input[data-v-d9091eea]{text-align:center;border:none;font-size:var(--fs-0)}.content .time-footer-input[data-v-d9091eea].focus-visible{outline:0;background-color:var(--c-neutral-2)}.content .time-footer-input[data-v-d9091eea]:focus-visible{outline:0;background-color:var(--c-neutral-2)}.content .time-table[data-v-d9091eea]{display:flex;flex-direction:row;gap:var(--s-4)}.content .time-table-column[data-v-d9091eea]{display:flex;flex-direction:column}.content .time-table-column-time[data-v-d9091eea]{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-d9091eea]{display:flex;flex-direction:row;justify-content:space-around;gap:var(--s-2)}";
+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}.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);-webkit-user-select:none;-moz-user-select:none;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-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 */
@@ -651,7 +651,6 @@ var __vue_render__ = function () {
     }],
     staticClass: "time-footer-input",
     attrs: {
-      "type": "number",
       "placeholder": "00"
     },
     domProps: {
@@ -674,7 +673,6 @@ var __vue_render__ = function () {
     }],
     staticClass: "time-footer-input",
     attrs: {
-      "type": "number",
       "placeholder": "00"
     },
     domProps: {
@@ -747,7 +745,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-d9091eea";
+const __vue_scope_id__ = "data-v-2cd46aea";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrSelect-43ba3073.js → OrSelect-617da939.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrCheckbox } from './OrCheckbox-41d31e45.js';
+import { O as OrCheckbox } from './OrCheckbox-384760cb.js';
 import { O as OrError } from './OrError-52f668a4.js';
 import { O as OrExpansionPanel } from './OrExpansionPanel-8968da49.js';
 import { O as OrHint } from './OrHint-fde53334.js';
@@ -9,7 +9,7 @@ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
 import { O as OrLabel } from './OrLabel-aff09c39.js';
 import { O as OrMenuItem } from './OrMenuItem-f295292e.js';
 import { O as OrPopover } from './OrPopover-0697699f.js';
-import { O as OrTag } from './OrTag-59ab76c5.js';
+import { O as OrTag } from './OrTag-d79178d7.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 import { u as useOverflow } from './useOverflow-bae6342f.js';
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -33,7 +33,9 @@ const SelectPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
 // Interactivity
-'select-none'];
+'select-none',
+// Typography
+'truncate'];
 const SelectDropdown = [
 // Overflow
 'overflow-y-auto',
@@ -365,7 +367,9 @@ var __vue_render__ = function () {
   }, {
     "model": _vm.proxyModelValue
   })] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
-    return [_vm._v("\n            " + _vm._s(_vm.selection.label) + "\n          ")];
+    return [_c('span', {
+      staticClass: "truncate"
+    }, [_vm._v("\n              " + _vm._s(_vm.selection.label) + "\n            ")])];
   }, {
     "model": _vm.proxyModelValue
   })] : [_c('span', {

package/dist/bundled/v2/{OrTag-59ab76c5.js → OrTag-d79178d7.js}

@@ -19,7 +19,7 @@ const TagRoot = [
 // Layout
 'layout-inline-row',
 // Box
-'max-w-fit',
+'w-fit', 'max-w-full',
 // Shape
 'rounded-full',
 // Spacing
@@ -122,7 +122,9 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, [_vm._t("default"), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
+  }, [_c('div', {
+    staticClass: "truncate"
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
     class: ['layout-row', 'm-[-4px] md:m-[-2px]']
   }, [_c('OrIconButton', {
     attrs: {

package/dist/bundled/v2/components/index.js

@@ -12,7 +12,7 @@ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultV
 export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-0a3079c4.js';
 export { O as OrCheckbox } from '../OrCheckbox-a7b582e7.js';
-export { O as OrCheckboxV3 } from '../OrCheckbox-41d31e45.js';
+export { O as OrCheckboxV3 } from '../OrCheckbox-384760cb.js';
 export { O as OrChip } from '../OrChip-5223485f.js';
 export { _ as OrChips } from '../OrChips-03362e17.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-538d60b8.js';
@@ -20,7 +20,7 @@ export { O as OrCollapse } from '../OrCollapse-ec5dda58.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-f654471a.js';
 export { _ as OrConfirm } from '../OrConfirm-62ddc635.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-2cdb78b3.js';
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-18587a06.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-24a56fd2.js';
 export { O as OrError } from '../OrError-29f0ce95.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-4675604d.js';
 export { O as OrErrorV3 } from '../OrError-52f668a4.js';
@@ -69,7 +69,7 @@ export { O as OrSearch } from '../OrSearch-51152b91.js';
 export { O as OrSearchV3 } from '../OrSearch-0178b612.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
 export { _ as OrSelect } from '../OrSelect-0213e21a.js';
-export { _ as OrSelectV3 } from '../OrSelect-43ba3073.js';
+export { _ as OrSelectV3 } from '../OrSelect-617da939.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-9e7fe79c.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-b7a27e27.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-e8632afe.js';
@@ -86,7 +86,7 @@ export { O as OrTabV3 } from '../OrTab-8c5acf8a.js';
 export { _ as OrTabs } from '../OrTabs-251baec9.js';
 export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-70c1818f.js';
 export { _ as OrTag } from '../OrTag-e0b41e02.js';
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-59ab76c5.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-d79178d7.js';
 export { O as OrTeleport } from '../OrTeleport.vue2-90147f16.js';
 export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
 export { _ as OrTextV3 } from '../OrText-15bf85c4.js';

package/dist/bundled/v2/components/or-checkbox-v3/index.js

@@ -1,4 +1,4 @@
-export { O as OrCheckboxV3 } from '../../OrCheckbox-41d31e45.js';
+export { O as OrCheckboxV3 } from '../../OrCheckbox-384760cb.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/components/or-date-time-picker/index.js

@@ -1,4 +1,4 @@
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-18587a06.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-24a56fd2.js';
 import 'lodash';
 import '../../index-fa6eb4ca.js';
 import 'vue';

package/dist/bundled/v2/components/or-select-v3/index.js

@@ -1,9 +1,9 @@
-export { _ as OrSelectV3 } from '../../OrSelect-43ba3073.js';
+export { _ as OrSelectV3 } from '../../OrSelect-617da939.js';
 export { a as SelectSize } from '../../OrInputBox-e54dcef9.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrCheckbox-41d31e45.js';
+import '../../OrCheckbox-384760cb.js';
 import '../../OrLabel-aff09c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../useIdAttribute-cf61643f.js';
@@ -27,6 +27,6 @@ import '../../useResponsive-e13dfbb0.js';
 import '../../OrLoader-cf28bfa6.js';
 import '../../useValidationAttributes-6df7bcf9.js';
 import '../../OrMenuItem-f295292e.js';
-import '../../OrTag-59ab76c5.js';
+import '../../OrTag-d79178d7.js';
 import '../../dropdown-open-e2a93aaf.js';
 import '../../useOverflow-bae6342f.js';

package/dist/bundled/v2/components/or-tag-v3/index.js

@@ -1,4 +1,4 @@
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-59ab76c5.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-d79178d7.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';