@onereach/ui-components 20.1.4 → 20.1.6

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 (73) hide show
  1. package/dist/esm/components/{OrAutocompleteV3-a5edfe9f.js → OrAutocompleteV3-508d99c0.js} +14 -12
  2. package/dist/esm/components/{OrEditorTabsV3-743f0eb4.js → OrEditorTabsV3-4047a163.js} +1 -1
  3. package/dist/esm/components/{OrInlineInputV3-e5c2b0c8.js → OrInlineInputV3-46210775.js} +1 -1
  4. package/dist/esm/components/index.js +3 -3
  5. package/dist/esm/components/or-autocomplete-v3/index.js +2 -2
  6. package/dist/esm/components/or-avatar-v3/index.js +2 -2
  7. package/dist/esm/components/or-bottom-sheet-v3/index.js +2 -2
  8. package/dist/esm/components/or-button-group-v3/index.js +2 -2
  9. package/dist/esm/components/or-button-v3/OrButton.vue.d.ts +1 -0
  10. package/dist/esm/components/or-button-v3/index.js +68 -14
  11. package/dist/esm/components/or-button-v3/styles.d.ts +3 -1
  12. package/dist/esm/components/or-card-collection-v3/index.js +2 -2
  13. package/dist/esm/components/or-checkbox-group-v3/index.js +2 -2
  14. package/dist/esm/components/or-checkbox-tree-v3/index.js +2 -2
  15. package/dist/esm/components/or-checkbox-v3/index.js +2 -2
  16. package/dist/esm/components/or-code-v3/index.js +2 -2
  17. package/dist/esm/components/or-confirm-v3/index.js +2 -2
  18. package/dist/esm/components/or-context-menu-v3/index.js +2 -2
  19. package/dist/esm/components/or-data-grid-v3/index.js +3 -3
  20. package/dist/esm/components/or-date-format-v3/index.js +2 -2
  21. package/dist/esm/components/or-date-picker-v3/index.js +2 -2
  22. package/dist/esm/components/or-date-range-picker-v3/index.js +2 -2
  23. package/dist/esm/components/or-date-time-format-v3/index.js +2 -2
  24. package/dist/esm/components/or-date-time-picker-v3/index.js +2 -2
  25. package/dist/esm/components/or-drawer-v3/index.js +2 -2
  26. package/dist/esm/components/or-drop-area-v3/index.js +2 -2
  27. package/dist/esm/components/or-editor-tabs-v3/index.js +3 -3
  28. package/dist/esm/components/or-expansion-panel-v3/index.js +2 -2
  29. package/dist/esm/components/or-fab-v3/index.js +2 -2
  30. package/dist/esm/components/or-filter-popover-v3/index.js +2 -2
  31. package/dist/esm/components/or-filter-trigger-v3/index.js +2 -2
  32. package/dist/esm/components/or-filter-v3/index.js +2 -2
  33. package/dist/esm/components/or-icon-button-v3/index.js +2 -2
  34. package/dist/esm/components/or-inline-input-v3/index.js +2 -2
  35. package/dist/esm/components/or-inline-textarea-v3/index.js +2 -2
  36. package/dist/esm/components/or-input-v3/index.js +2 -2
  37. package/dist/esm/components/or-list-v3/index.js +2 -2
  38. package/dist/esm/components/or-menu-item-v3/index.js +2 -2
  39. package/dist/esm/components/or-menu-v3/index.js +2 -2
  40. package/dist/esm/components/or-modal-v3/index.js +2 -2
  41. package/dist/esm/components/or-notification-v3/index.js +2 -2
  42. package/dist/esm/components/or-overlay-v3/index.js +2 -2
  43. package/dist/esm/components/or-pagination-v3/index.js +2 -2
  44. package/dist/esm/components/or-popover-v3/index.js +2 -2
  45. package/dist/esm/components/or-progress-v3/index.js +2 -2
  46. package/dist/esm/components/or-radio-group-v3/index.js +2 -2
  47. package/dist/esm/components/or-radio-v3/index.js +2 -2
  48. package/dist/esm/components/or-range-slider-v3/index.js +2 -2
  49. package/dist/esm/components/or-rating-v3/index.js +2 -2
  50. package/dist/esm/components/or-resizeable-panel-v3/index.js +2 -2
  51. package/dist/esm/components/or-rich-text-editor-v3/index.js +2 -2
  52. package/dist/esm/components/or-rich-tooltip-v3/index.js +2 -2
  53. package/dist/esm/components/or-search-v3/index.js +2 -2
  54. package/dist/esm/components/or-segmented-control-v3/index.js +2 -2
  55. package/dist/esm/components/or-select-v3/index.js +3 -3
  56. package/dist/esm/components/or-sidebar-v3/index.js +2 -2
  57. package/dist/esm/components/or-skeleton-v3/index.js +2 -2
  58. package/dist/esm/components/or-slider-v3/index.js +2 -2
  59. package/dist/esm/components/or-sorting-v3/index.js +2 -2
  60. package/dist/esm/components/or-switch-v3/index.js +2 -2
  61. package/dist/esm/components/or-tabs-v3/index.js +2 -2
  62. package/dist/esm/components/or-tag-input-v3/index.js +2 -2
  63. package/dist/esm/components/or-tag-v3/index.js +2 -2
  64. package/dist/esm/components/or-tags-v3/index.js +2 -2
  65. package/dist/esm/components/or-textarea-v3/index.js +2 -2
  66. package/dist/esm/components/or-time-format-v3/index.js +2 -2
  67. package/dist/esm/components/or-time-picker-v3/index.js +2 -2
  68. package/dist/esm/components/or-time-range-picker-v3/index.js +2 -2
  69. package/dist/esm/components/or-toast-v3/index.js +2 -2
  70. package/dist/esm/components/or-tooltip-v3/index.js +2 -2
  71. package/dist/esm/components/or-tree-v3/index.js +2 -2
  72. package/dist/esm/index.js +3 -3
  73. package/package.json +4 -4
@@ -655,6 +655,9 @@ var script = defineComponent({
655
655
  }
656
656
  function onBlur(event) {
657
657
  activated.value = false;
658
+ if (props.multiple) {
659
+ clear();
660
+ }
658
661
  context.emit('blur', event);
659
662
  }
660
663
  function openMobilePopover() {
@@ -769,9 +772,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
769
772
  disabled: _ctx.disabled,
770
773
  "enable-clear": _ctx.enableClear,
771
774
  onInput: _cache[1] || (_cache[1] = $event => _ctx.onInput($event)),
772
- onFocus: _cache[2] || (_cache[2] = $event => {
773
- _ctx.onFocus($event);
774
- })
775
+ onFocus: _cache[2] || (_cache[2] = $event => _ctx.onFocus($event)),
776
+ onBlur: _cache[3] || (_cache[3] = $event => _ctx.onBlur($event))
775
777
  }, {
776
778
  tag: withCtx(({
777
779
  item
@@ -800,17 +802,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
800
802
  required: _ctx.required,
801
803
  readonly: _ctx.readonly,
802
804
  disabled: _ctx.disabled,
803
- onInput: _cache[3] || (_cache[3] = $event => {
805
+ onInput: _cache[4] || (_cache[4] = $event => {
804
806
  _ctx.$emit('input', $event);
805
807
  _ctx.onInput($event);
806
808
  _ctx.model = _ctx.searchText;
807
809
  }),
808
- onKeydown: _cache[4] || (_cache[4] = $event => _ctx.$emit('keydown', $event)),
809
- onKeyup: _cache[5] || (_cache[5] = $event => _ctx.$emit('keyup', $event)),
810
- onFocus: _cache[6] || (_cache[6] = $event => {
810
+ onKeydown: _cache[5] || (_cache[5] = $event => _ctx.$emit('keydown', $event)),
811
+ onKeyup: _cache[6] || (_cache[6] = $event => _ctx.$emit('keyup', $event)),
812
+ onFocus: _cache[7] || (_cache[7] = $event => {
811
813
  _ctx.onFocus($event);
812
814
  }),
813
- onBlur: _cache[7] || (_cache[7] = $event => {
815
+ onBlur: _cache[8] || (_cache[8] = $event => {
814
816
  _ctx.onBlur($event);
815
817
  })
816
818
  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[_directive_dropdown_open, _ctx.openMobilePopover]])]),
@@ -821,7 +823,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
821
823
  key: 0,
822
824
  icon: 'close',
823
825
  color: 'inherit',
824
- onClick: _cache[8] || (_cache[8] = $event => _ctx.reset())
826
+ onClick: _cache[9] || (_cache[9] = $event => _ctx.reset())
825
827
  })) : createCommentVNode("v-if", true)]),
826
828
  key: "0"
827
829
  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), createVNode(_component_OrPopover, {
@@ -841,12 +843,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
841
843
  key: 0,
842
844
  ref: 'mobileMultipleControl',
843
845
  modelValue: _ctx.model,
844
- "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => _ctx.model = $event),
846
+ "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => _ctx.model = $event),
845
847
  overflow: 'scroll',
846
848
  placeholder: _ctx.placeholder,
847
849
  error: !!_ctx.error,
848
850
  "enable-clear": false,
849
- onInput: _cache[10] || (_cache[10] = $event => _ctx.onInput($event))
851
+ onInput: _cache[11] || (_cache[11] = $event => _ctx.onInput($event))
850
852
  }, {
851
853
  tag: withCtx(({
852
854
  item
@@ -864,7 +866,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
864
866
  ref: "mobileSingleControl",
865
867
  "model-value": _ctx.searchText || _ctx.model && _ctx.model.toString(),
866
868
  placeholder: _ctx.placeholder,
867
- onInput: _cache[11] || (_cache[11] = $event => {
869
+ onInput: _cache[12] || (_cache[12] = $event => {
868
870
  _ctx.$emit('input', $event);
869
871
  _ctx.onInput($event);
870
872
  _ctx.model = _ctx.searchText;
@@ -1,4 +1,4 @@
1
- import { b as i, l as isVue2, r as re, T, n as ne } from './OrAutocompleteV3-a5edfe9f.js';
1
+ import { b as i, l as isVue2, r as re, T, n as ne } from './OrAutocompleteV3-508d99c0.js';
2
2
  import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createVNode, withModifiers, createCommentVNode, createElementVNode, toRef, watch, renderList, createBlock, withCtx, toDisplayString, createTextVNode } from 'vue';
3
3
  import { useScroll } from '@vueuse/core';
4
4
  import { OrIconButtonV3 as script$2 } from './or-icon-button-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, reactive, ref, computed, toRef, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, createBlock, withModifiers, createCommentVNode, createSlots, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
2
- import { N, k, c as ie, r as re } from './OrAutocompleteV3-a5edfe9f.js';
2
+ import { N, k, c as ie, r as re } from './OrAutocompleteV3-508d99c0.js';
3
3
  import { InlineInputBoxSize, OrInlineInputBoxV3 as script$5 } from './or-inline-input-box-v3/index.js';
4
4
  import { OrErrorV3 as script$1 } from './or-error-v3/index.js';
5
5
  import { OrTextV3 as script$2 } from './or-text-v3/index.js';
@@ -1,4 +1,4 @@
1
- export { w as OrAutocompleteV3 } from './OrAutocompleteV3-a5edfe9f.js';
1
+ export { w as OrAutocompleteV3 } from './OrAutocompleteV3-508d99c0.js';
2
2
  export { AvatarColor, AvatarSize, OrAvatarV3 } from './or-avatar-v3/index.js';
3
3
  export { BottomSheetVariant, OrBottomSheetV3 } from './or-bottom-sheet-v3/index.js';
4
4
  export { OrButtonGroupV3 } from './or-button-group-v3/index.js';
@@ -26,7 +26,7 @@ export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
26
26
  export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, OrDateTimePickerV3, formatDate, formatMobileDate, formatMobileTime, formatTime, getCurrentDate, getNextMonthDate, scrollToElementWithinContainer } from './or-date-time-picker-v3/index.js';
27
27
  export { DrawerPlacement, OrDrawerV3 } from './or-drawer-v3/index.js';
28
28
  export { DropAreaSize, OrDropAreaV3, approximateFileSize } from './or-drop-area-v3/index.js';
29
- export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-743f0eb4.js';
29
+ export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-4047a163.js';
30
30
  export { EmptyStateSize, OrEmptyStateV3 } from './or-empty-state-v3/index.js';
31
31
  export { OrErrorTagV3 } from './or-error-tag-v3/index.js';
32
32
  export { OrErrorV3 } from './or-error-v3/index.js';
@@ -41,7 +41,7 @@ export { IconButtonColor, OrIconButtonV3 } from './or-icon-button-v3/index.js';
41
41
  export { IconSize, IconVariant, OrIconV3 } from './or-icon-v3/index.js';
42
42
  export { IndicatorColor, IndicatorSize, OrIndicatorV3 } from './or-indicator-v3/index.js';
43
43
  export { InlineInputBoxSize, OrInlineInputBoxV3 } from './or-inline-input-box-v3/index.js';
44
- export { I as InlineInputType, a as OrInlineInputV3 } from './OrInlineInputV3-e5c2b0c8.js';
44
+ export { I as InlineInputType, a as OrInlineInputV3 } from './OrInlineInputV3-46210775.js';
45
45
  export { OrInlineTextareaV3 } from './or-inline-textarea-v3/index.js';
46
46
  export { InputBoxDirection, InputBoxSize, InputBoxVariant, OrInputBoxV3 } from './or-input-box-v3/index.js';
47
47
  export { InputMode, InputType, OrInputV3 } from './or-input-v3/index.js';
@@ -1,4 +1,4 @@
1
- export { w as OrAutocompleteV3 } from '../OrAutocompleteV3-a5edfe9f.js';
1
+ export { w as OrAutocompleteV3 } from '../OrAutocompleteV3-508d99c0.js';
2
2
  import 'vue';
3
3
  import '@vueuse/core';
4
4
  import '@onereach/styles/screens.json';
@@ -17,7 +17,7 @@ import '../or-overlay-v3/index.js';
17
17
  import '../or-teleport-v3/index.js';
18
18
  import '../or-input-box-v3/index.js';
19
19
  import '../or-input-v3/index.js';
20
- import '../OrInlineInputV3-e5c2b0c8.js';
20
+ import '../OrInlineInputV3-46210775.js';
21
21
  import '../or-inline-input-box-v3/index.js';
22
22
  import '../or-text-v3/index.js';
23
23
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from 'vue';
2
- import { X, D } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { X, D } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -17,7 +17,7 @@ import '../or-overlay-v3/index.js';
17
17
  import '../or-teleport-v3/index.js';
18
18
  import '../or-input-box-v3/index.js';
19
19
  import '../or-input-v3/index.js';
20
- import '../OrInlineInputV3-e5c2b0c8.js';
20
+ import '../OrInlineInputV3-46210775.js';
21
21
  import '../or-inline-input-box-v3/index.js';
22
22
  import '../or-text-v3/index.js';
23
23
  import '../or-label-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { ref, unref, computed, defineComponent, toRefs, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
2
2
  import { usePointerSwipe, onClickOutside } from '@vueuse/core';
3
- import { u as ue, t as te } from '../OrAutocompleteV3-a5edfe9f.js';
3
+ import { u as ue, t as te } from '../OrAutocompleteV3-508d99c0.js';
4
4
  import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
5
5
  import '@onereach/styles/screens.json';
6
6
  import '@onereach/styles/tailwind.config.json';
@@ -17,7 +17,7 @@ import './index.js';
17
17
  import '../or-teleport-v3/index.js';
18
18
  import '../or-input-box-v3/index.js';
19
19
  import '../or-input-v3/index.js';
20
- import '../OrInlineInputV3-e5c2b0c8.js';
20
+ import '../OrInlineInputV3-46210775.js';
21
21
  import '../or-inline-input-box-v3/index.js';
22
22
  import '../or-text-v3/index.js';
23
23
  import '../or-label-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
2
2
  import { ButtonVariant, ButtonColor } from '../or-button-v3/index.js';
3
- import '../OrAutocompleteV3-a5edfe9f.js';
3
+ import '../OrAutocompleteV3-508d99c0.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
6
6
  import '@onereach/styles/tailwind.config.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-e5c2b0c8.js';
21
+ import '../OrInlineInputV3-46210775.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -33,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
33
33
  root: import("vue").Ref<HTMLButtonElement | undefined>;
34
34
  rootStyles: import("vue").ComputedRef<string[]>;
35
35
  contentStyles: import("vue").ComputedRef<string[]>;
36
+ contentContainerStyles: import("vue").ComputedRef<string[]>;
36
37
  isVue3: boolean;
37
38
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
38
39
  type: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, createBlock, createCommentVNode } from 'vue';
2
- import { i as isVue3 } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { i as isVue3 } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrLoaderV3 as script$1 } from '../or-loader-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-e5c2b0c8.js';
21
+ import '../OrInlineInputV3-46210775.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -50,7 +50,7 @@ var ButtonType;
50
50
 
51
51
  const Button = [
52
52
  // Layout
53
- 'layout-inline-row justify-center',
53
+ 'layout-inline-row',
54
54
  // Overflow
55
55
  'overflow-hidden',
56
56
  // Interactivity
@@ -61,34 +61,60 @@ const Button = [
61
61
  'typography-button'];
62
62
  const ButtonVariants = {
63
63
  [ButtonVariant.Contained]: [
64
+ // Layout
65
+ 'layout-inline-row justify-center',
64
66
  // Box
65
67
  'min-w-[96px]',
66
68
  // Spacing
67
- 'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm',
68
- // Elevation (enabled)
69
- 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
69
+ 'px-md md:px-md', 'py-sm+ md:py-sm'],
70
70
  [ButtonVariant.Outlined]: [
71
+ // Layout
72
+ 'layout-inline-row justify-center',
71
73
  // Box
72
74
  'min-w-[96px]',
73
75
  // Spacing
74
- 'px-md* md:px-md*', 'py-sm+* md:py-sm*', 'gap-sm+ md:gap-sm'],
76
+ 'px-md* md:px-md*', 'py-sm+* md:py-sm*'],
75
77
  [ButtonVariant.Text]: [
78
+ // Layout
79
+ 'layout-inline-row justify-center',
76
80
  // Box
77
81
  'min-w-[96px]',
78
82
  // Spacing
79
- 'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
83
+ 'px-md md:px-md', 'py-sm+ md:py-sm'],
80
84
  [ButtonVariant.Link]: [
85
+ // Layout
86
+ 'layout-inline-row justify-center']
87
+ };
88
+ const ButtonContainerVariants = {
89
+ [ButtonVariant.Contained]: [
90
+ // Layout
91
+ 'layout-inline-row', 'gap-sm+ md:gap-sm'],
92
+ [ButtonVariant.Outlined]: [
93
+ // Layout
94
+ 'layout-inline-row', 'gap-sm+ md:gap-sm'],
95
+ [ButtonVariant.Text]: [
96
+ // Layout
97
+ 'layout-inline-row', 'gap-sm+ md:gap-sm'],
98
+ [ButtonVariant.Link]: [
99
+ // Layout
100
+ 'layout-inline-row',
81
101
  // Spacing
82
102
  'gap-xs']
83
103
  };
84
104
  const ButtonColors = {
85
105
  'primary-contained': [
86
106
  // Theme
87
- 'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
107
+ 'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark',
108
+ // Elevation (enabled)
109
+ 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
88
110
  'danger-contained': [
89
111
  // Theme
90
- 'theme-preset-1-error', 'dark:theme-preset-1-error-dark'],
91
- 'inherit-contained': [],
112
+ 'theme-preset-1-error', 'dark:theme-preset-1-error-dark',
113
+ // Elevation (enabled)
114
+ 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
115
+ 'inherit-contained': [
116
+ // Elevation (enabled)
117
+ 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
92
118
  'primary-outlined': [
93
119
  // Theme
94
120
  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark',
@@ -133,7 +159,31 @@ const ButtonLoadingColors = {
133
159
  'danger-link': ['interactivity-none', 'text-error-hover dark:text-error-hover-dark'],
134
160
  'inherit-link': ['interactivity-none']
135
161
  };
136
- const ButtonContentLoadingStyles = {
162
+ const ButtonContainerVariantsLoading = {
163
+ 'contained': [
164
+ // Position
165
+ 'relative', 'flex',
166
+ // Box
167
+ 'w-full', 'h-full',
168
+ // Aligment
169
+ 'items-center', 'justify-center'],
170
+ 'outlined': [
171
+ // Position
172
+ 'relative', 'flex',
173
+ // Box
174
+ 'w-full', 'h-full',
175
+ // Aligment
176
+ 'items-center', 'justify-center'],
177
+ 'text': [
178
+ // Position
179
+ 'relative', 'flex',
180
+ // Box
181
+ 'w-full', 'h-full',
182
+ // Aligment
183
+ 'items-center', 'justify-center'],
184
+ 'link': ['contents']
185
+ };
186
+ const ButtonContentLoading = {
137
187
  'contained': ['invisible'],
138
188
  'outlined': ['invisible'],
139
189
  'text': ['hidden'],
@@ -182,11 +232,13 @@ var script = defineComponent({
182
232
  const root = ref();
183
233
  // Styles
184
234
  const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], ...(props.loading ? ButtonLoadingColors[`${props.color}-${props.variant}`] : [])]);
185
- const contentStyles = computed(() => ['contents', ...(props.loading ? ButtonContentLoadingStyles[props.variant] : [])]);
235
+ const contentContainerStyles = computed(() => [...ButtonContainerVariants[props.variant], ...(props.loading ? ButtonContainerVariantsLoading[props.variant] : [])]);
236
+ const contentStyles = computed(() => ['contents', ...(props.loading ? ButtonContentLoading[props.variant] : [])]);
186
237
  return {
187
238
  root,
188
239
  rootStyles,
189
240
  contentStyles,
241
+ contentContainerStyles,
190
242
  isVue3
191
243
  };
192
244
  }
@@ -212,6 +264,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
212
264
  focus: e => _ctx.$emit('focus', e),
213
265
  blur: e => _ctx.$emit('blur', e)
214
266
  }, true)), [createElementVNode("div", {
267
+ class: normalizeClass(_ctx.contentContainerStyles)
268
+ }, [createElementVNode("div", {
215
269
  class: normalizeClass(_ctx.contentStyles)
216
270
  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock(Fragment, {
217
271
  key: 0
@@ -223,7 +277,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
223
277
  key: 1,
224
278
  variant: "text",
225
279
  text: _ctx.loadingText
226
- }, null, 8 /* PROPS */, ["text"]))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
280
+ }, null, 8 /* PROPS */, ["text"]))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */)], 16 /* FULL_PROPS */, _hoisted_1);
227
281
  }
228
282
 
229
283
  script.render = render;
@@ -1,6 +1,8 @@
1
1
  import { ButtonColor, ButtonVariant } from './props';
2
2
  export declare const Button: string[];
3
3
  export declare const ButtonVariants: Record<ButtonVariant, string[]>;
4
+ export declare const ButtonContainerVariants: Record<ButtonVariant, string[]>;
4
5
  export declare const ButtonColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
5
6
  export declare const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
6
- export declare const ButtonContentLoadingStyles: Record<ButtonVariant, string[]>;
7
+ export declare const ButtonContainerVariantsLoading: Record<ButtonVariant, string[]>;
8
+ export declare const ButtonContentLoading: Record<ButtonVariant, string[]>;
@@ -3,7 +3,7 @@ import { OrIconButtonV3 as script$2 } from '../or-icon-button-v3/index.js';
3
3
  import { OrSortingV3 as script$3 } from '../or-sorting-v3/index.js';
4
4
  import { OrSearchV3 as script$4 } from '../or-search-v3/index.js';
5
5
  import { OrLoaderV3 as script$5 } from '../or-loader-v3/index.js';
6
- import '../OrAutocompleteV3-a5edfe9f.js';
6
+ import '../OrAutocompleteV3-508d99c0.js';
7
7
  import '@vueuse/core';
8
8
  import '@onereach/styles/screens.json';
9
9
  import '@onereach/styles/tailwind.config.json';
@@ -13,7 +13,7 @@ import '../or-error-v3/index.js';
13
13
  import '../or-hint-v3/index.js';
14
14
  import '../or-input-box-v3/index.js';
15
15
  import '../or-input-v3/index.js';
16
- import '../OrInlineInputV3-e5c2b0c8.js';
16
+ import '../OrInlineInputV3-46210775.js';
17
17
  import '../or-inline-input-box-v3/index.js';
18
18
  import '../or-text-v3/index.js';
19
19
  import '../or-icon-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, toRef, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
2
- import { r as re } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { r as re } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrCheckboxTreeV3 as script$1 } from '../or-checkbox-tree-v3/index.js';
4
4
  import { OrFormGroupV3 as script$2, FormGroupDirection } from '../or-form-group-v3/index.js';
5
5
  import '@vueuse/core';
@@ -19,7 +19,7 @@ import '../or-overlay-v3/index.js';
19
19
  import '../or-teleport-v3/index.js';
20
20
  import '../or-input-box-v3/index.js';
21
21
  import '../or-input-v3/index.js';
22
- import '../OrInlineInputV3-e5c2b0c8.js';
22
+ import '../OrInlineInputV3-46210775.js';
23
23
  import '../or-inline-input-box-v3/index.js';
24
24
  import '../or-text-v3/index.js';
25
25
  import '../or-label-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, toRefs, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, renderList } from 'vue';
2
2
  import { useToggle } from '@vueuse/core';
3
- import { a as i, r as re } from '../OrAutocompleteV3-a5edfe9f.js';
3
+ import { a as i, r as re } from '../OrAutocompleteV3-508d99c0.js';
4
4
  import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
5
5
  import { OrCheckboxV3 as script$2 } from '../or-checkbox-v3/index.js';
6
6
  import { OrButtonV3 as script$3 } from '../or-button-v3/index.js';
@@ -19,7 +19,7 @@ import '../or-overlay-v3/index.js';
19
19
  import '../or-teleport-v3/index.js';
20
20
  import '../or-input-box-v3/index.js';
21
21
  import '../or-input-v3/index.js';
22
- import '../OrInlineInputV3-e5c2b0c8.js';
22
+ import '../OrInlineInputV3-46210775.js';
23
23
  import '../or-inline-input-box-v3/index.js';
24
24
  import '../or-text-v3/index.js';
25
25
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, reactive, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
2
- import { N, k, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { N, k, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrLabelV3 as script$1, LabelVariant } from '../or-label-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-e5c2b0c8.js';
21
+ import '../OrInlineInputV3-46210775.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-loader-v3/index.js';
@@ -7,7 +7,7 @@ import { keymap, EditorView } from '@codemirror/view';
7
7
  export { EditorView } from '@codemirror/view';
8
8
  import { Compartment, EditorState } from '@codemirror/state';
9
9
  export { EditorState } from '@codemirror/state';
10
- import { N, k, c as ie, r as re, u as ue } from '../OrAutocompleteV3-a5edfe9f.js';
10
+ import { N, k, c as ie, r as re, u as ue } from '../OrAutocompleteV3-508d99c0.js';
11
11
  import { basicSetup } from 'codemirror';
12
12
  import { indentWithTab } from '@codemirror/commands';
13
13
  import { OrErrorV3 as script$2 } from '../or-error-v3/index.js';
@@ -22,7 +22,7 @@ import '@onereach/styles/tailwind.config.json';
22
22
  import 'lodash/get';
23
23
  import 'lodash/isElement';
24
24
  import '../or-input-v3/index.js';
25
- import '../OrInlineInputV3-e5c2b0c8.js';
25
+ import '../OrInlineInputV3-46210775.js';
26
26
  import '../or-inline-input-box-v3/index.js';
27
27
  import '../or-text-v3/index.js';
28
28
  import '../or-icon-v3/index.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, toRef, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
2
2
  import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
3
3
  import { logicAnd } from '@vueuse/math';
4
- import { t as te } from '../OrAutocompleteV3-a5edfe9f.js';
4
+ import { t as te } from '../OrAutocompleteV3-508d99c0.js';
5
5
  import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
6
6
  import { OrButtonV3 as script$2, ButtonColor } from '../or-button-v3/index.js';
7
7
  import { OrInputV3 as script$3 } from '../or-input-v3/index.js';
@@ -19,7 +19,7 @@ import '@floating-ui/dom';
19
19
  import '../or-bottom-sheet-v3/index.js';
20
20
  import '../or-teleport-v3/index.js';
21
21
  import '../or-input-box-v3/index.js';
22
- import '../OrInlineInputV3-e5c2b0c8.js';
22
+ import '../OrInlineInputV3-46210775.js';
23
23
  import '../or-inline-input-box-v3/index.js';
24
24
  import '../or-text-v3/index.js';
25
25
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, toRefs, watch, ref, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
2
- import { t as te } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { t as te } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrMenuV3 as script$1 } from '../or-menu-v3/index.js';
4
4
  import { PopoverPlacement } from '../or-popover-v3/index.js';
5
5
  import '@vueuse/core';
@@ -14,7 +14,7 @@ import '../or-icon-v3/index.js';
14
14
  import '../or-tooltip-v3/index.js';
15
15
  import '../or-input-box-v3/index.js';
16
16
  import '../or-input-v3/index.js';
17
- import '../OrInlineInputV3-e5c2b0c8.js';
17
+ import '../OrInlineInputV3-46210775.js';
18
18
  import '../or-inline-input-box-v3/index.js';
19
19
  import '../or-text-v3/index.js';
20
20
  import '../or-label-v3/index.js';
@@ -14,7 +14,7 @@ import { OrPaginationV3 as script$p } from '../or-pagination-v3/index.js';
14
14
  import { OrSearchV3 as script$q } from '../or-search-v3/index.js';
15
15
  import { OrSkeletonTextV3 as script$r } from '../or-skeleton-v3/index.js';
16
16
  import { OrNotificationV3 as script$s } from '../or-notification-v3/index.js';
17
- import '../OrAutocompleteV3-a5edfe9f.js';
17
+ import '../OrAutocompleteV3-508d99c0.js';
18
18
  import '@onereach/styles/screens.json';
19
19
  import '@onereach/styles/tailwind.config.json';
20
20
  import 'lodash/get';
@@ -29,7 +29,7 @@ import '../or-bottom-sheet-v3/index.js';
29
29
  import '../or-overlay-v3/index.js';
30
30
  import '../or-teleport-v3/index.js';
31
31
  import '../or-input-box-v3/index.js';
32
- import '../OrInlineInputV3-e5c2b0c8.js';
32
+ import '../OrInlineInputV3-46210775.js';
33
33
  import '../or-inline-input-box-v3/index.js';
34
34
  import '../or-text-v3/index.js';
35
35
  import '../or-label-v3/index.js';
@@ -39,7 +39,7 @@ import '../or-tags-v3/index.js';
39
39
  import '../or-button-v3/index.js';
40
40
  import '../or-tag-v3/index.js';
41
41
  import '../or-menu-v3/index.js';
42
- import '../OrEditorTabsV3-743f0eb4.js';
42
+ import '../OrEditorTabsV3-4047a163.js';
43
43
  import '../or-expansion-panel-v3/index.js';
44
44
  import 'lodash/range';
45
45
  import '../or-indicator-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
2
- import { G, f as X } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { G, f as X } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { formatDate } from '../or-date-time-picker-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-e5c2b0c8.js';
21
+ import '../OrInlineInputV3-46210775.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
2
- import { s, g as c, G, f as X, r as re } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { s, g as c, G, f as X, r as re } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrDateTimePickerDateControl as script$1, OrDateTimePickerDateSelect as script$2, OrDateTimePickerMobileControl as script$3, OrDateTimePickerMonthSelect as script$4, OrDateTimePickerPopoverFooter as script$5, OrDateTimePickerPopoverHeader as script$6, getCurrentDate, formatMobileDate } from '../or-date-time-picker-v3/index.js';
4
4
  import { OrErrorV3 as script$7 } from '../or-error-v3/index.js';
5
5
  import { OrHintV3 as script$8 } from '../or-hint-v3/index.js';
@@ -14,7 +14,7 @@ import '@onereach/styles/tailwind.config.json';
14
14
  import 'lodash/get';
15
15
  import 'lodash/isElement';
16
16
  import '../or-input-v3/index.js';
17
- import '../OrInlineInputV3-e5c2b0c8.js';
17
+ import '../OrInlineInputV3-46210775.js';
18
18
  import '../or-inline-input-box-v3/index.js';
19
19
  import '../or-text-v3/index.js';
20
20
  import '../or-loader-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
2
- import { s, g as c, G, f as X, r as re, n as ne } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { s, g as c, G, f as X, r as re, n as ne } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrDateTimePickerDateControl as script$1, OrDateTimePickerDateSelect as script$2, OrDateTimePickerMobileControl as script$3, OrDateTimePickerMonthSelect as script$4, OrDateTimePickerPopoverFooter as script$5, OrDateTimePickerPopoverHeader as script$6, getCurrentDate, getNextMonthDate, formatMobileDate } from '../or-date-time-picker-v3/index.js';
4
4
  import { OrErrorV3 as script$7 } from '../or-error-v3/index.js';
5
5
  import { OrHintV3 as script$8 } from '../or-hint-v3/index.js';
@@ -14,7 +14,7 @@ import '@onereach/styles/tailwind.config.json';
14
14
  import 'lodash/get';
15
15
  import 'lodash/isElement';
16
16
  import '../or-input-v3/index.js';
17
- import '../OrInlineInputV3-e5c2b0c8.js';
17
+ import '../OrInlineInputV3-46210775.js';
18
18
  import '../or-inline-input-box-v3/index.js';
19
19
  import '../or-text-v3/index.js';
20
20
  import '../or-loader-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
2
- import { G, o as oe, f as X } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { G, o as oe, f as X } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { formatDate, formatTime } from '../or-date-time-picker-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-e5c2b0c8.js';
21
+ import '../OrInlineInputV3-46210775.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, watch, nextTick, createCommentVNode, resolveDirective, withDirectives, vShow } from 'vue';
2
- import { h, r as re, J, j as se, s, g as c, G, o as oe, f as X } from '../OrAutocompleteV3-a5edfe9f.js';
2
+ import { h, r as re, J, j as se, s, g as c, G, o as oe, f as X } from '../OrAutocompleteV3-508d99c0.js';
3
3
  import { OrButtonV3 as script$9 } from '../or-button-v3/index.js';
4
4
  import { OrLabelV3 as script$a } from '../or-label-v3/index.js';
5
5
  import { OrIconV3 as script$b } from '../or-icon-v3/index.js';
@@ -16,7 +16,7 @@ import '@onereach/styles/tailwind.config.json';
16
16
  import 'lodash/get';
17
17
  import 'lodash/isElement';
18
18
  import '../or-input-v3/index.js';
19
- import '../OrInlineInputV3-e5c2b0c8.js';
19
+ import '../OrInlineInputV3-46210775.js';
20
20
  import '../or-inline-input-box-v3/index.js';
21
21
  import '../or-text-v3/index.js';
22
22
  import '../or-loader-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, toRef, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode } from 'vue';
2
2
  import { onClickOutside, useSwipe, SwipeDirection } from '@vueuse/core';
3
- import { t as te } from '../OrAutocompleteV3-a5edfe9f.js';
3
+ import { t as te } from '../OrAutocompleteV3-508d99c0.js';
4
4
  import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
5
5
  import '@onereach/styles/screens.json';
6
6
  import '@onereach/styles/tailwind.config.json';
@@ -17,7 +17,7 @@ import '../or-bottom-sheet-v3/index.js';
17
17
  import '../or-teleport-v3/index.js';
18
18
  import '../or-input-box-v3/index.js';
19
19
  import '../or-input-v3/index.js';
20
- import '../OrInlineInputV3-e5c2b0c8.js';
20
+ import '../OrInlineInputV3-46210775.js';
21
21
  import '../or-inline-input-box-v3/index.js';
22
22
  import '../or-text-v3/index.js';
23
23
  import '../or-label-v3/index.js';