@onereach/ui-components 2.75.2-beta.2393.0 → 2.75.2-beta.2399.0

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 (142) hide show
  1. package/dist/bundled/v2/{OrCardCollection-04e767c2.js → OrCardCollection-e3986f07.js} +1 -1
  2. package/dist/bundled/v2/{OrConfirm-a76ff6d2.js → OrConfirm-498fa802.js} +1 -1
  3. package/dist/bundled/v2/{OrInlineInput-9304f205.js → OrInlineInput-5f0b99f9.js} +25 -11
  4. package/dist/bundled/v2/{OrInlineTextarea-e0d28fc6.js → OrInlineTextarea-975b8706.js} +25 -11
  5. package/dist/bundled/v2/{OrInput-b8511a0c.js → OrInput-822eb9f5.js} +27 -12
  6. package/dist/bundled/v2/{OrInputBox-e54dcef9.js → OrInputBox-9a31d211.js} +2 -12
  7. package/dist/bundled/v2/{OrSearch-60b64568.js → OrSearch-f9d46a70.js} +2 -2
  8. package/dist/bundled/v2/{OrSelect-752bdd3b.js → OrSelect-0c0c01d4.js} +27 -10
  9. package/dist/bundled/v2/{OrTextarea-5fdf63d0.js → OrTextarea-c56f19db.js} +27 -12
  10. package/dist/bundled/v2/components/index.js +10 -9
  11. package/dist/bundled/v2/components/or-card-collection-v3/index.js +5 -4
  12. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +105 -0
  13. package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +2 -0
  14. package/dist/bundled/v2/components/or-combined-input-v3/index.js +162 -0
  15. package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +1 -0
  16. package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +2 -0
  17. package/dist/bundled/v2/components/or-confirm-v3/index.js +4 -3
  18. package/dist/bundled/v2/components/or-inline-input-v3/OrInlineInput.vue.d.ts +5 -7
  19. package/dist/bundled/v2/components/or-inline-input-v3/index.js +1 -1
  20. package/dist/bundled/v2/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +5 -7
  21. package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +1 -1
  22. package/dist/bundled/v2/components/or-input-box-v3/index.js +2 -1
  23. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +5 -7
  24. package/dist/bundled/v2/components/or-input-v3/index.js +3 -2
  25. package/dist/bundled/v2/components/or-search-v3/index.js +4 -3
  26. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +5 -7
  27. package/dist/bundled/v2/components/or-select-v3/index.js +4 -3
  28. package/dist/bundled/v2/components/or-textarea-v3/OrTextarea.vue.d.ts +5 -7
  29. package/dist/bundled/v2/components/or-textarea-v3/index.js +3 -2
  30. package/dist/bundled/v2/index.js +11 -10
  31. package/dist/bundled/v2/props-78496a2d.js +12 -0
  32. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-e71a0ea0.js → OrCardCollection.vue_vue_type_script_lang-f2fdaa33.js} +1 -1
  33. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-b550c3d3.js → OrConfirm.vue_vue_type_script_lang-2bb4e530.js} +2 -2
  34. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-cd4a64f6.js → OrInlineInput.vue_vue_type_script_lang-18853dd7.js} +3 -5
  35. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-a73ff1ee.js → OrInlineTextarea.vue_vue_type_script_lang-3cb238d6.js} +3 -5
  36. package/dist/bundled/v3/{OrInput-6d49f353.js → OrInput-13a84d53.js} +12 -9
  37. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-af68d0e7.js → OrInput.vue_vue_type_script_lang-09a6138d.js} +6 -7
  38. package/dist/bundled/v3/{OrInputBox-358d4856.js → OrInputBox-44f37541.js} +1 -1
  39. package/dist/{esm/v2/OrInputBox-53d1f66d.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-c4f9c8ef.js} +3 -53
  40. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-8c37e5a7.js → OrSearch.vue_vue_type_script_lang-9028a3c5.js} +3 -3
  41. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-35ac0247.js → OrSelect.vue_vue_type_script_lang-30c61027.js} +9 -8
  42. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-de99a858.js → OrTextarea.vue_vue_type_script_lang-b2899ba6.js} +6 -7
  43. package/dist/bundled/v3/components/index.js +12 -11
  44. package/dist/bundled/v3/components/or-card-collection-v3/index.js +7 -6
  45. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +105 -0
  46. package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +2 -0
  47. package/dist/bundled/v3/components/or-combined-input-v3/index.js +131 -0
  48. package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +1 -0
  49. package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +2 -0
  50. package/dist/bundled/v3/components/or-confirm-v3/index.js +6 -5
  51. package/dist/bundled/v3/components/or-inline-input-v3/OrInlineInput.vue.d.ts +5 -7
  52. package/dist/bundled/v3/components/or-inline-input-v3/index.js +1 -1
  53. package/dist/bundled/v3/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +5 -7
  54. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +1 -1
  55. package/dist/bundled/v3/components/or-input-box-v3/index.js +2 -1
  56. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +5 -7
  57. package/dist/bundled/v3/components/or-input-v3/index.js +4 -3
  58. package/dist/bundled/v3/components/or-search-v3/index.js +6 -5
  59. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +5 -7
  60. package/dist/bundled/v3/components/or-select-v3/index.js +6 -5
  61. package/dist/bundled/v3/components/or-textarea-v3/OrTextarea.vue.d.ts +5 -7
  62. package/dist/bundled/v3/components/or-textarea-v3/index.js +4 -3
  63. package/dist/bundled/v3/index.js +140 -129
  64. package/dist/bundled/v3/props-78496a2d.js +12 -0
  65. package/dist/esm/v2/{OrCardCollection-f7856175.js → OrCardCollection-59455d23.js} +2 -2
  66. package/dist/esm/v2/{OrConfirm-98d62065.js → OrConfirm-b31e3d3d.js} +1 -1
  67. package/dist/esm/v2/{OrInlineInput-df02ab5d.js → OrInlineInput-36d79e50.js} +25 -11
  68. package/dist/esm/v2/{OrInlineTextarea-ad120656.js → OrInlineTextarea-e2d61e44.js} +25 -11
  69. package/dist/esm/v2/{OrInput-3bb91436.js → OrInput-06003aad.js} +27 -12
  70. package/dist/esm/v2/OrInputBox-5c4b3104.js +43 -0
  71. package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-b387d4ba.js → esm/v2/OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js} +1 -1
  72. package/dist/esm/v2/{OrSearch-dad9b02f.js → OrSearch-44645202.js} +2 -2
  73. package/dist/esm/v2/{OrSelect-7ef80130.js → OrSelect-a51044ed.js} +27 -10
  74. package/dist/esm/v2/{OrTextarea-0a64f718.js → OrTextarea-5fa93c9a.js} +27 -12
  75. package/dist/esm/v2/components/index.js +10 -9
  76. package/dist/esm/v2/components/or-card-collection-v3/index.js +5 -4
  77. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +105 -0
  78. package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +2 -0
  79. package/dist/esm/v2/components/or-combined-input-v3/index.js +159 -0
  80. package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +1 -0
  81. package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +2 -0
  82. package/dist/esm/v2/components/or-confirm-v3/index.js +4 -3
  83. package/dist/esm/v2/components/or-inline-input-v3/OrInlineInput.vue.d.ts +5 -7
  84. package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
  85. package/dist/esm/v2/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +5 -7
  86. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
  87. package/dist/esm/v2/components/or-input-box-v3/index.js +3 -2
  88. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +5 -7
  89. package/dist/esm/v2/components/or-input-v3/index.js +3 -2
  90. package/dist/esm/v2/components/or-search-v3/index.js +4 -3
  91. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +5 -7
  92. package/dist/esm/v2/components/or-select-v3/index.js +4 -3
  93. package/dist/esm/v2/components/or-textarea-v3/OrTextarea.vue.d.ts +5 -7
  94. package/dist/esm/v2/components/or-textarea-v3/index.js +3 -2
  95. package/dist/esm/v2/index.js +10 -9
  96. package/dist/esm/v3/{OrCardCollection-4cb41408.js → OrCardCollection-5c0d53e0.js} +1 -1
  97. package/dist/esm/v3/{OrConfirm-19da64d1.js → OrConfirm-c7304c10.js} +1 -1
  98. package/dist/esm/v3/{OrInlineInput-cd3753ee.js → OrInlineInput-651c9155.js} +14 -14
  99. package/dist/esm/v3/{OrInlineTextarea-4c5b0390.js → OrInlineTextarea-d16af66a.js} +14 -14
  100. package/dist/esm/v3/{OrInput-ae9f6871.js → OrInput-b3939d15.js} +14 -13
  101. package/dist/esm/v3/{OrSearch-6f6b4fcd.js → OrSearch-d16d0331.js} +1 -1
  102. package/dist/esm/v3/{OrSelect-96bf9b63.js → OrSelect-19c2e7d2.js} +16 -13
  103. package/dist/esm/v3/{OrTextarea-42d21f77.js → OrTextarea-dfc6a453.js} +14 -13
  104. package/dist/esm/v3/components/index.js +8 -8
  105. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  106. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +105 -0
  107. package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +2 -0
  108. package/dist/esm/v3/components/or-combined-input-v3/index.js +130 -0
  109. package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +1 -0
  110. package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +2 -0
  111. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  112. package/dist/esm/v3/components/or-inline-input-v3/OrInlineInput.vue.d.ts +5 -7
  113. package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
  114. package/dist/esm/v3/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +5 -7
  115. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
  116. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +5 -7
  117. package/dist/esm/v3/components/or-input-v3/index.js +1 -1
  118. package/dist/esm/v3/components/or-search-v3/index.js +2 -2
  119. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +5 -7
  120. package/dist/esm/v3/components/or-select-v3/index.js +2 -2
  121. package/dist/esm/v3/components/or-textarea-v3/OrTextarea.vue.d.ts +5 -7
  122. package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
  123. package/dist/esm/v3/index.js +8 -8
  124. package/package.json +2 -2
  125. package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +7 -0
  126. package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +201 -0
  127. package/src/components/or-combined-input-v3/OrCombinedInput.vue +133 -0
  128. package/src/components/or-combined-input-v3/index.ts +2 -0
  129. package/src/components/or-combined-input-v3/props.ts +1 -0
  130. package/src/components/or-combined-input-v3/styles.ts +25 -0
  131. package/src/components/or-inline-input-v3/OrInlineInput.vue +12 -9
  132. package/src/components/or-inline-input-v3/styles.ts +2 -2
  133. package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +12 -9
  134. package/src/components/or-inline-textarea-v3/styles.ts +2 -2
  135. package/src/components/or-input-v3/OrInput.vue +12 -9
  136. package/src/components/or-input-v3/styles.ts +2 -2
  137. package/src/components/or-select-v3/OrSelect.stories3.ts +4 -0
  138. package/src/components/or-select-v3/OrSelect.vue +12 -8
  139. package/src/components/or-select-v3/styles.ts +4 -1
  140. package/src/components/or-sidebar-v3/OrSidebar.stories3.ts +1 -1
  141. package/src/components/or-textarea-v3/OrTextarea.vue +12 -9
  142. package/src/components/or-textarea-v3/styles.ts +2 -2
@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
8
8
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-c5ec96e7.js';
9
9
  export { _ as OrCard } from '../OrCard-c44d9783.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-050fb8d2.js';
11
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-f7856175.js';
11
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-59455d23.js';
12
12
  export { _ as OrCardV3 } from '../OrCard-e89c44ef.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-d20717ec.js';
14
14
  export { _ as OrCheckbox } from '../OrCheckbox-63d444f1.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-930709c5.js';
19
19
  export { _ as OrCollapse } from '../OrCollapse-50e3914c.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-fa92b4fa.js';
21
21
  export { _ as OrConfirm } from '../OrConfirm-f7c58a78.js';
22
- export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-98d62065.js';
22
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-b31e3d3d.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4059980e.js';
24
24
  export { _ as OrError } from '../OrError-efc74907.js';
25
25
  export { _ as OrErrorTagV3 } from '../OrErrorTag-7cd5dc68.js';
@@ -34,11 +34,12 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-dd72b
34
34
  export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-fa9bff07.js';
35
35
  export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-c434985a.js';
36
36
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-46146af0.js';
37
- export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-df02ab5d.js';
37
+ export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-36d79e50.js';
38
38
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-b914488a.js';
39
- export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-ad120656.js';
40
- export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-53d1f66d.js';
41
- export { I as InputType, _ as OrInputV3 } from '../OrInput-3bb91436.js';
39
+ export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-e2d61e44.js';
40
+ export { _ as OrInputBoxV3 } from '../OrInputBox-5c4b3104.js';
41
+ export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
42
+ export { I as InputType, _ as OrInputV3 } from '../OrInput-06003aad.js';
42
43
  export { _ as OrInput } from '../OrInput-c005a759.js';
43
44
  export { _ as OrLabel } from '../OrLabel-931394a5.js';
44
45
  export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-0945a4d9.js';
@@ -66,10 +67,10 @@ export { _ as OrRadio } from '../OrRadio-514e8de8.js';
66
67
  export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
67
68
  export { _ as OrRadioV3 } from '../OrRadio-06a54f1e.js';
68
69
  export { _ as OrSearch } from '../OrSearch-1d7880eb.js';
69
- export { _ as OrSearchV3 } from '../OrSearch-dad9b02f.js';
70
+ export { _ as OrSearchV3 } from '../OrSearch-44645202.js';
70
71
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';
71
72
  export { _ as OrSelect } from '../OrSelect-03e79c4b.js';
72
- export { _ as OrSelectV3 } from '../OrSelect-7ef80130.js';
73
+ export { _ as OrSelectV3 } from '../OrSelect-a51044ed.js';
73
74
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
74
75
  export { _ as OrSidebarV3 } from '../OrSidebar-89711112.js';
75
76
  export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-81c77db0.js';
@@ -91,7 +92,7 @@ export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
91
92
  export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
92
93
  export { _ as OrTextV3 } from '../OrText-91d662a0.js';
93
94
  export { _ as OrTextarea } from '../OrTextarea-724a4d6f.js';
94
- export { _ as OrTextareaV3 } from '../OrTextarea-0a64f718.js';
95
+ export { _ as OrTextareaV3 } from '../OrTextarea-5fa93c9a.js';
95
96
  export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-a2cc5280.js';
96
97
  export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-8566bc09.js';
97
98
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-f7856175.js';
1
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-59455d23.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrButton-c5ec96e7.js';
4
4
  import '../../OrLoader-b11ed386.js';
@@ -17,12 +17,13 @@ import '../../OrTeleport.vue2-fb92f29f.js';
17
17
  import 'portal-vue';
18
18
  import '../../OrMenuItem-4f810513.js';
19
19
  import '../../OrMenu-bb6e93bc.js';
20
- import '../../OrSearch-dad9b02f.js';
21
- import '../../OrInput-3bb91436.js';
20
+ import '../../OrSearch-44645202.js';
21
+ import '../../OrInput-06003aad.js';
22
22
  import '../../useIdAttribute-859439f0.js';
23
23
  import '../../useValidationAttributes-d1abbe34.js';
24
24
  import '../../OrError-13845bb0.js';
25
25
  import '../../OrHint-78b399cb.js';
26
- import '../../OrInputBox-53d1f66d.js';
26
+ import '../../OrInputBox-5c4b3104.js';
27
+ import '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
27
28
  import '../../OrLabel-0945a4d9.js';
28
29
  import '../../style-inject.es-4c6f2515.js';
@@ -0,0 +1,105 @@
1
+ import { PropType } from 'vue-demi';
2
+ import { CombinedInputSize } from './props';
3
+ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
5
+ rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
6
+ controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
7
+ }> & import("@vue/composition-api").Data, {}, {}, {
8
+ size: {
9
+ type: PropType<CombinedInputSize>;
10
+ default: CombinedInputSize;
11
+ };
12
+ label: {
13
+ type: StringConstructor;
14
+ default: undefined;
15
+ };
16
+ hint: {
17
+ type: StringConstructor;
18
+ default: undefined;
19
+ };
20
+ error: {
21
+ type: (BooleanConstructor | StringConstructor)[];
22
+ default: undefined;
23
+ };
24
+ required: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ readonly: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ disabled: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
36
+ disableDefaultStyles: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
40
+ }, import("@vue/composition-api").ExtractPropTypes<{
41
+ size: {
42
+ type: PropType<CombinedInputSize>;
43
+ default: CombinedInputSize;
44
+ };
45
+ label: {
46
+ type: StringConstructor;
47
+ default: undefined;
48
+ };
49
+ hint: {
50
+ type: StringConstructor;
51
+ default: undefined;
52
+ };
53
+ error: {
54
+ type: (BooleanConstructor | StringConstructor)[];
55
+ default: undefined;
56
+ };
57
+ required: {
58
+ type: BooleanConstructor;
59
+ default: boolean;
60
+ };
61
+ readonly: {
62
+ type: BooleanConstructor;
63
+ default: boolean;
64
+ };
65
+ disabled: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ disableDefaultStyles: {
70
+ type: BooleanConstructor;
71
+ default: boolean;
72
+ };
73
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
74
+ size: CombinedInputSize;
75
+ label: string;
76
+ hint: string;
77
+ error: string | boolean;
78
+ required: boolean;
79
+ readonly: boolean;
80
+ disabled: boolean;
81
+ disableDefaultStyles: boolean;
82
+ } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
83
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
84
+ rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
85
+ controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
86
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
87
+ size: CombinedInputSize;
88
+ label: string;
89
+ hint: string;
90
+ error: string | boolean;
91
+ required: boolean;
92
+ readonly: boolean;
93
+ disabled: boolean;
94
+ disableDefaultStyles: boolean;
95
+ } & {}, {
96
+ size: CombinedInputSize;
97
+ label: string;
98
+ hint: string;
99
+ error: string | boolean;
100
+ required: boolean;
101
+ readonly: boolean;
102
+ disabled: boolean;
103
+ disableDefaultStyles: boolean;
104
+ }, true>);
105
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
+ export * from './props';
@@ -0,0 +1,159 @@
1
+ import { defineComponent, ref, computed } from 'vue-demi';
2
+ import { _ as __vue_component__$1 } from '../../OrError-13845bb0.js';
3
+ import { _ as __vue_component__$2 } from '../../OrHint-78b399cb.js';
4
+ import { _ as __vue_component__$3 } from '../../OrLabel-0945a4d9.js';
5
+ import { a as InputBoxSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
6
+ export { a as CombinedInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
7
+ import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
8
+
9
+ const CombinedInputRoot = [
10
+ // Layout
11
+ 'layout-column',
12
+ // Spacing
13
+ 'gap-xs'];
14
+ const CombinedInputControlGroup = [
15
+ // Layout
16
+ 'layout-row',
17
+ // Box
18
+ 'w-full',
19
+ // Shape (.or-input-box)
20
+ '[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
21
+ // Spacing (.or-input-box)
22
+ '[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
23
+
24
+ var script = defineComponent({
25
+ name: 'OrCombinedInput',
26
+ components: {
27
+ OrError: __vue_component__$1,
28
+ OrHint: __vue_component__$2,
29
+ OrLabel: __vue_component__$3
30
+ },
31
+ props: {
32
+ size: {
33
+ type: String,
34
+ default: InputBoxSize.M
35
+ },
36
+ label: {
37
+ type: String,
38
+ default: undefined
39
+ },
40
+ hint: {
41
+ type: String,
42
+ default: undefined
43
+ },
44
+ error: {
45
+ type: [String, Boolean],
46
+ default: undefined
47
+ },
48
+ required: {
49
+ type: Boolean,
50
+ default: false
51
+ },
52
+ readonly: {
53
+ type: Boolean,
54
+ default: false
55
+ },
56
+ disabled: {
57
+ type: Boolean,
58
+ default: false
59
+ },
60
+ disableDefaultStyles: {
61
+ type: Boolean,
62
+ default: false
63
+ }
64
+ },
65
+ setup(props, context) {
66
+ // Refs
67
+ const root = ref();
68
+ // Styles
69
+ const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot]);
70
+ const controlGroup = computed(() => [...CombinedInputControlGroup]);
71
+ return {
72
+ root,
73
+ rootStyles,
74
+ controlGroup
75
+ };
76
+ }
77
+ });
78
+
79
+ /* script */
80
+ const __vue_script__ = script;
81
+
82
+ /* template */
83
+ var __vue_render__ = function () {
84
+ var _vm = this;
85
+ var _h = _vm.$createElement;
86
+ var _c = _vm._self._c || _h;
87
+ return _c('div', {
88
+ ref: "root",
89
+ class: _vm.rootStyles
90
+ }, [_vm.label ? [_c('OrLabel', {
91
+ attrs: {
92
+ "variant": 'input',
93
+ "required": _vm.required,
94
+ "disabled": _vm.disabled
95
+ },
96
+ scopedSlots: _vm._u([{
97
+ key: "addon",
98
+ fn: function () {
99
+ return [_vm._t("addon")];
100
+ },
101
+ proxy: true
102
+ }], null, true)
103
+ }, [_vm._v("\n " + _vm._s(_vm.label) + "\n\n ")])] : _vm._e(), _vm._v(" "), _c('div', {
104
+ class: _vm.controlGroup
105
+ }, [_vm._t("default", null, {
106
+ "size": _vm.size,
107
+ "error": !!_vm.error,
108
+ "required": _vm.required,
109
+ "readonly": _vm.readonly,
110
+ "disabled": _vm.disabled,
111
+ "disableDefaultStyles": _vm.disableDefaultStyles
112
+ })], 2), _vm._v(" "), _c('div', {
113
+ directives: [{
114
+ name: "show",
115
+ rawName: "v-show",
116
+ value: !_vm.error,
117
+ expression: "!error"
118
+ }],
119
+ class: ['contents']
120
+ }, [_vm.hint ? [_c('OrHint', {
121
+ attrs: {
122
+ "disabled": _vm.disabled
123
+ }
124
+ }, [_vm._v("\n " + _vm._s(_vm.hint) + "\n ")])] : _vm._e()], 2), _vm._v(" "), _c('div', {
125
+ directives: [{
126
+ name: "show",
127
+ rawName: "v-show",
128
+ value: typeof _vm.error === 'string',
129
+ expression: "typeof error === 'string'"
130
+ }],
131
+ class: ['contents']
132
+ }, [_c('OrError', {
133
+ attrs: {
134
+ "disabled": _vm.disabled
135
+ }
136
+ }, [_vm._v("\n " + _vm._s(_vm.error) + "\n ")])], 1)], 2);
137
+ };
138
+ var __vue_staticRenderFns__ = [];
139
+
140
+ /* style */
141
+ const __vue_inject_styles__ = undefined;
142
+ /* scoped */
143
+ const __vue_scope_id__ = undefined;
144
+ /* module identifier */
145
+ const __vue_module_identifier__ = undefined;
146
+ /* functional template */
147
+ const __vue_is_functional_template__ = false;
148
+ /* style inject */
149
+
150
+ /* style inject SSR */
151
+
152
+ /* style inject shadow dom */
153
+
154
+ const __vue_component__ = /*#__PURE__*/normalizeComponent({
155
+ render: __vue_render__,
156
+ staticRenderFns: __vue_staticRenderFns__
157
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
158
+
159
+ export { __vue_component__ as OrCombinedInputV3 };
@@ -0,0 +1 @@
1
+ export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';
@@ -0,0 +1,2 @@
1
+ export declare const CombinedInputRoot: string[];
2
+ export declare const CombinedInputControlGroup: string[];
@@ -1,11 +1,11 @@
1
- export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-98d62065.js';
1
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-b31e3d3d.js';
2
2
  import '@vueuse/core';
3
3
  import '@vueuse/math';
4
4
  import 'vue-demi';
5
5
  import '../../OrButton-c5ec96e7.js';
6
6
  import '../../OrLoader-b11ed386.js';
7
7
  import '../../normalize-component-6e8e3d80.js';
8
- import '../../OrInput-3bb91436.js';
8
+ import '../../OrInput-06003aad.js';
9
9
  import '../../useIdAttribute-859439f0.js';
10
10
  import '../../useResponsive-a02e95b7.js';
11
11
  import '../../useValidationAttributes-d1abbe34.js';
@@ -21,6 +21,7 @@ import '../../OrBottomSheet-c9bfe63f.js';
21
21
  import '../../OrOverlay-2ded265b.js';
22
22
  import '../../OrTeleport.vue2-fb92f29f.js';
23
23
  import 'portal-vue';
24
- import '../../OrInputBox-53d1f66d.js';
24
+ import '../../OrInputBox-5c4b3104.js';
25
+ import '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
25
26
  import '../../OrLabel-0945a4d9.js';
26
27
  import '../../style-inject.es-4c6f2515.js';
@@ -23,7 +23,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
23
23
  draftModelValue: import("@vue/composition-api").Ref<string | number>;
24
24
  currentLength: import("@vue/composition-api").ComputedRef<number>;
25
25
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
26
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
27
26
  activated: import("@vue/composition-api").Ref<boolean>;
28
27
  onFocus: (event: Event) => void;
29
28
  onBlur: (event: Event) => void;
@@ -57,7 +56,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
57
56
  default: undefined;
58
57
  };
59
58
  error: {
60
- type: StringConstructor;
59
+ type: (BooleanConstructor | StringConstructor)[];
61
60
  default: undefined;
62
61
  };
63
62
  }, import("@vue/composition-api").ExtractPropTypes<{
@@ -86,7 +85,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
86
85
  default: undefined;
87
86
  };
88
87
  error: {
89
- type: StringConstructor;
88
+ type: (BooleanConstructor | StringConstructor)[];
90
89
  default: undefined;
91
90
  };
92
91
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
@@ -96,7 +95,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
96
95
  size: InlineInputSize;
97
96
  placeholder: string;
98
97
  hint: string;
99
- error: string;
98
+ error: string | boolean;
100
99
  } & {} & {
101
100
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
102
101
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -122,7 +121,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
122
121
  draftModelValue: import("@vue/composition-api").Ref<string | number>;
123
122
  currentLength: import("@vue/composition-api").ComputedRef<number>;
124
123
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
125
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
126
124
  activated: import("@vue/composition-api").Ref<boolean>;
127
125
  onFocus: (event: Event) => void;
128
126
  onBlur: (event: Event) => void;
@@ -137,7 +135,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
137
135
  size: InlineInputSize;
138
136
  placeholder: string;
139
137
  hint: string;
140
- error: string;
138
+ error: string | boolean;
141
139
  } & {} & {
142
140
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
143
141
  }, {
@@ -147,6 +145,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
147
145
  size: InlineInputSize;
148
146
  placeholder: string;
149
147
  hint: string;
150
- error: string;
148
+ error: string | boolean;
151
149
  }, true>);
152
150
  export default _default;
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-df02ab5d.js';
1
+ export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-36d79e50.js';
2
2
  export { I as InlineInputSize } from '../../OrInlineInputBox-46146af0.js';
3
3
  import 'vue-demi';
4
4
  import '../../useIdAttribute-859439f0.js';
@@ -21,7 +21,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
21
21
  draftModelValue: import("@vue/composition-api").Ref<string>;
22
22
  currentLength: import("@vue/composition-api").ComputedRef<number>;
23
23
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
24
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
25
24
  activated: import("@vue/composition-api").Ref<boolean>;
26
25
  onFocus: (event: Event) => void;
27
26
  onBlur: (event: Event) => void;
@@ -47,7 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
47
46
  default: undefined;
48
47
  };
49
48
  error: {
50
- type: StringConstructor;
49
+ type: (BooleanConstructor | StringConstructor)[];
51
50
  default: undefined;
52
51
  };
53
52
  }, import("@vue/composition-api").ExtractPropTypes<{
@@ -68,7 +67,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
68
67
  default: undefined;
69
68
  };
70
69
  error: {
71
- type: StringConstructor;
70
+ type: (BooleanConstructor | StringConstructor)[];
72
71
  default: undefined;
73
72
  };
74
73
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
@@ -76,7 +75,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
76
75
  saveOnBlur: boolean;
77
76
  placeholder: string;
78
77
  hint: string;
79
- error: string;
78
+ error: string | boolean;
80
79
  } & {} & {
81
80
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
82
81
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -102,7 +101,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
102
101
  draftModelValue: import("@vue/composition-api").Ref<string>;
103
102
  currentLength: import("@vue/composition-api").ComputedRef<number>;
104
103
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
105
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
106
104
  activated: import("@vue/composition-api").Ref<boolean>;
107
105
  onFocus: (event: Event) => void;
108
106
  onBlur: (event: Event) => void;
@@ -115,7 +113,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
115
113
  saveOnBlur: boolean;
116
114
  placeholder: string;
117
115
  hint: string;
118
- error: string;
116
+ error: string | boolean;
119
117
  } & {} & {
120
118
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
121
119
  }, {
@@ -123,6 +121,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
123
121
  saveOnBlur: boolean;
124
122
  placeholder: string;
125
123
  hint: string;
126
- error: string;
124
+ error: string | boolean;
127
125
  }, true>);
128
126
  export default _default;
@@ -1,4 +1,4 @@
1
- export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-ad120656.js';
1
+ export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-e2d61e44.js';
2
2
  import 'vue-demi';
3
3
  import '../../useIdAttribute-859439f0.js';
4
4
  import '@vueuse/core';
@@ -1,3 +1,4 @@
1
- export { a as InputBoxSize, I as InputBoxVariant, _ as OrInputBoxV3 } from '../../OrInputBox-53d1f66d.js';
2
- import 'vue-demi';
1
+ export { _ as OrInputBoxV3 } from '../../OrInputBox-5c4b3104.js';
2
+ export { a as InputBoxSize, I as InputBoxVariant } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
3
3
  import '../../normalize-component-6e8e3d80.js';
4
+ import 'vue-demi';
@@ -21,7 +21,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
21
21
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
22
22
  currentLength: import("@vue/composition-api").ComputedRef<number>;
23
23
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
24
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
25
24
  disclosed: import("@vue/composition-api").Ref<boolean>;
26
25
  isMobile: import("@vue/composition-api").Ref<boolean>;
27
26
  focus: () => void;
@@ -52,7 +51,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
52
51
  default: undefined;
53
52
  };
54
53
  error: {
55
- type: StringConstructor;
54
+ type: (BooleanConstructor | StringConstructor)[];
56
55
  default: undefined;
57
56
  };
58
57
  loading: {
@@ -105,7 +104,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
105
104
  default: undefined;
106
105
  };
107
106
  error: {
108
- type: StringConstructor;
107
+ type: (BooleanConstructor | StringConstructor)[];
109
108
  default: undefined;
110
109
  };
111
110
  loading: {
@@ -139,7 +138,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
139
138
  label: string;
140
139
  placeholder: string;
141
140
  hint: string;
142
- error: string;
141
+ error: string | boolean;
143
142
  loading: boolean;
144
143
  required: boolean;
145
144
  readonly: boolean;
@@ -169,7 +168,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
169
168
  proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
170
169
  currentLength: import("@vue/composition-api").ComputedRef<number>;
171
170
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
172
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
173
171
  disclosed: import("@vue/composition-api").Ref<boolean>;
174
172
  isMobile: import("@vue/composition-api").Ref<boolean>;
175
173
  focus: () => void;
@@ -181,7 +179,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
181
179
  label: string;
182
180
  placeholder: string;
183
181
  hint: string;
184
- error: string;
182
+ error: string | boolean;
185
183
  loading: boolean;
186
184
  required: boolean;
187
185
  readonly: boolean;
@@ -197,7 +195,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
197
195
  label: string;
198
196
  placeholder: string;
199
197
  hint: string;
200
- error: string;
198
+ error: string | boolean;
201
199
  loading: boolean;
202
200
  required: boolean;
203
201
  readonly: boolean;
@@ -1,5 +1,5 @@
1
- export { I as InputType, _ as OrInputV3 } from '../../OrInput-3bb91436.js';
2
- export { a as InputSize } from '../../OrInputBox-53d1f66d.js';
1
+ export { I as InputType, _ as OrInputV3 } from '../../OrInput-06003aad.js';
2
+ export { a as InputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
3
3
  import 'vue-demi';
4
4
  import '../../useIdAttribute-859439f0.js';
5
5
  import '@vueuse/core';
@@ -18,6 +18,7 @@ import '../../OrBottomSheet-c9bfe63f.js';
18
18
  import '../../OrOverlay-2ded265b.js';
19
19
  import '../../OrTeleport.vue2-fb92f29f.js';
20
20
  import 'portal-vue';
21
+ import '../../OrInputBox-5c4b3104.js';
21
22
  import '../../OrLabel-0945a4d9.js';
22
23
  import '../../OrLoader-b11ed386.js';
23
24
  import '../../style-inject.es-4c6f2515.js';
@@ -1,8 +1,8 @@
1
- export { _ as OrSearchV3 } from '../../OrSearch-dad9b02f.js';
2
- export { a as SearchSize } from '../../OrInputBox-53d1f66d.js';
1
+ export { _ as OrSearchV3 } from '../../OrSearch-44645202.js';
2
+ export { a as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
- import '../../OrInput-3bb91436.js';
5
+ import '../../OrInput-06003aad.js';
6
6
  import '../../useIdAttribute-859439f0.js';
7
7
  import '../../useResponsive-a02e95b7.js';
8
8
  import '../../useValidationAttributes-d1abbe34.js';
@@ -19,6 +19,7 @@ import '../../OrBottomSheet-c9bfe63f.js';
19
19
  import '../../OrOverlay-2ded265b.js';
20
20
  import '../../OrTeleport.vue2-fb92f29f.js';
21
21
  import 'portal-vue';
22
+ import '../../OrInputBox-5c4b3104.js';
22
23
  import '../../OrLabel-0945a4d9.js';
23
24
  import '../../OrLoader-b11ed386.js';
24
25
  import '../../style-inject.es-4c6f2515.js';