@onereach/ui-components 2.74.9-beta.2343.0 → 2.74.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/bundled/v2/{OrDateTimePicker-24a56fd2.js → OrDateTimePicker-18587a06.js} +4 -2
  2. package/dist/bundled/v2/{OrModal-058e9736.js → OrModal-4218b040.js} +4 -4
  3. package/dist/bundled/v2/components/index.js +2 -2
  4. package/dist/bundled/v2/components/or-date-time-picker/index.js +1 -1
  5. package/dist/bundled/v2/components/or-modal-v3/index.js +1 -1
  6. package/dist/bundled/v2/index.js +3 -3
  7. package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-5c9cf787.js → OrModal.vue_vue_type_script_lang-8d7f1436.js} +4 -4
  8. package/dist/bundled/v3/components/index.js +1 -1
  9. package/dist/bundled/v3/components/or-modal-v3/index.js +1 -1
  10. package/dist/bundled/v3/index.js +6 -4
  11. package/dist/esm/v2/{OrDateTimePicker-e1ea0a9a.js → OrDateTimePicker-d8cb0e8d.js} +4 -2
  12. package/dist/esm/v2/{OrModal-f24fc082.js → OrModal-a938e31b.js} +4 -4
  13. package/dist/esm/v2/components/index.js +2 -2
  14. package/dist/esm/v2/components/or-date-time-picker/index.js +1 -1
  15. package/dist/esm/v2/components/or-modal-v3/index.js +1 -1
  16. package/dist/esm/v2/index.js +2 -2
  17. package/dist/esm/v3/{OrDateTimePicker-63f22d1b.js → OrDateTimePicker-c4af17e3.js} +3 -1
  18. package/dist/esm/v3/{OrModal-3cb259b1.js → OrModal-07c092ab.js} +4 -4
  19. package/dist/esm/v3/components/index.js +2 -2
  20. package/dist/esm/v3/components/or-date-time-picker/index.js +1 -1
  21. package/dist/esm/v3/components/or-modal-v3/index.js +1 -1
  22. package/dist/esm/v3/index.js +2 -2
  23. package/package.json +3 -2
  24. package/src/components/or-date-time-picker/OrDateTimePicker.vue +11 -0
  25. package/src/components/or-modal-v3/OrModal.stories3.ts +0 -19
  26. package/src/components/or-modal-v3/styles.ts +4 -1
@@ -485,7 +485,7 @@ var script = defineComponent({
485
485
  }
486
486
  });
487
487
 
488
- 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)}";
488
+ 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)}";
489
489
  styleInject(css_248z);
490
490
 
491
491
  /* script */
@@ -651,6 +651,7 @@ var __vue_render__ = function () {
651
651
  }],
652
652
  staticClass: "time-footer-input",
653
653
  attrs: {
654
+ "type": "number",
654
655
  "placeholder": "00"
655
656
  },
656
657
  domProps: {
@@ -673,6 +674,7 @@ var __vue_render__ = function () {
673
674
  }],
674
675
  staticClass: "time-footer-input",
675
676
  attrs: {
677
+ "type": "number",
676
678
  "placeholder": "00"
677
679
  },
678
680
  domProps: {
@@ -745,7 +747,7 @@ var __vue_staticRenderFns__ = [];
745
747
  /* style */
746
748
  const __vue_inject_styles__ = undefined;
747
749
  /* scoped */
748
- const __vue_scope_id__ = "data-v-2cd46aea";
750
+ const __vue_scope_id__ = "data-v-d9091eea";
749
751
  /* module identifier */
750
752
  const __vue_module_identifier__ = undefined;
751
753
  /* functional template */
@@ -15,7 +15,7 @@ const ModalRoot = [
15
15
  // Layout
16
16
  'layout-column',
17
17
  // Box
18
- 'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
18
+ 'w-full', 'h-full',
19
19
  // Shape
20
20
  'md:rounded-md',
21
21
  // Spacing
@@ -29,13 +29,13 @@ const ModalRoot = [
29
29
  const ModalRootSizes = {
30
30
  'l': [
31
31
  // Box
32
- 'md:w-[1050px]'],
32
+ 'md:w-[1050px]', 'md:h-auto'],
33
33
  'm': [
34
34
  // Box
35
- 'md:w-[700px]'],
35
+ 'md:w-[700px]', 'md:h-auto'],
36
36
  's': [
37
37
  // Box
38
- 'md:w-[480px]']
38
+ 'md:w-[480px]', 'md:h-auto']
39
39
  };
40
40
  const ModalHeader = [
41
41
  // Layouot
@@ -20,7 +20,7 @@ export { O as OrCollapse } from '../OrCollapse-ec5dda58.js';
20
20
  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';
21
21
  export { _ as OrConfirm } from '../OrConfirm-62ddc635.js';
22
22
  export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-2cdb78b3.js';
23
- export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-24a56fd2.js';
23
+ export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-18587a06.js';
24
24
  export { O as OrError } from '../OrError-29f0ce95.js';
25
25
  export { _ as OrErrorTagV3 } from '../OrErrorTag-4675604d.js';
26
26
  export { O as OrErrorV3 } from '../OrError-52f668a4.js';
@@ -51,7 +51,7 @@ export { O as OrMenuItemV3 } from '../OrMenuItem-f295292e.js';
51
51
  export { O as OrMenuV3 } from '../OrMenu-021f347c.js';
52
52
  export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-0697699f.js';
53
53
  export { O as OrModal, a as OrModalSizes } from '../OrModal-0026f7c8.js';
54
- export { M as ModalSize, _ as OrModalV3 } from '../OrModal-058e9736.js';
54
+ export { M as ModalSize, _ as OrModalV3 } from '../OrModal-4218b040.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-e9db011e.js';
56
56
  export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-35c163f7.js';
57
57
  export { _ as OrNumberInput } from '../OrNumberInput-3c45193e.js';
@@ -1,4 +1,4 @@
1
- export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-24a56fd2.js';
1
+ export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-18587a06.js';
2
2
  import 'lodash';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
@@ -1,4 +1,4 @@
1
- export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-058e9736.js';
1
+ export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-4218b040.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';