@onereach/ui-components 2.69.5-beta.2146.0 → 2.69.5-beta.2156.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 (117) hide show
  1. package/dist/bundled/v2/{OrCardCollection-f622df47.js → OrCardCollection-0a99b05d.js} +1 -1
  2. package/dist/bundled/v2/{OrCode-fc6876ec.js → OrCode-edc7a1f5.js} +17 -56
  3. package/dist/bundled/v2/{OrConfirm-cab6535b.js → OrConfirm-598e1e5f.js} +1 -1
  4. package/dist/bundled/v2/{OrInput-8b90e08f.js → OrInput-dd24c12a.js} +18 -11
  5. package/dist/bundled/v2/{OrInputBox-79ec54ad.js → OrInputBox-dfdcbdce.js} +4 -14
  6. package/dist/bundled/v2/{OrSearch-a11b3621.js → OrSearch-57e32e96.js} +2 -2
  7. package/dist/bundled/v2/{OrSelect-b20a9be0.js → OrSelect-e9664990.js} +8 -2
  8. package/dist/bundled/v2/{OrTextarea-5593fbe9.js → OrTextarea-ff2ba975.js} +2 -1
  9. package/dist/bundled/v2/components/index.js +9 -8
  10. package/dist/bundled/v2/components/or-card-collection-v3/index.js +5 -4
  11. package/dist/bundled/v2/components/or-code/index.js +1 -1
  12. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
  13. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
  14. package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +2 -0
  15. package/dist/bundled/v2/components/or-combined-input-v3/index.js +149 -0
  16. package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +1 -0
  17. package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +2 -0
  18. package/dist/bundled/v2/components/or-confirm-v3/index.js +4 -3
  19. package/dist/bundled/v2/components/or-input-box-v3/index.js +2 -1
  20. package/dist/bundled/v2/components/or-input-v3/index.js +3 -2
  21. package/dist/bundled/v2/components/or-search-v3/index.js +4 -3
  22. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +11 -0
  23. package/dist/bundled/v2/components/or-select-v3/index.js +4 -3
  24. package/dist/bundled/v2/components/or-textarea-v3/index.js +3 -2
  25. package/dist/bundled/v2/index.js +10 -9
  26. package/dist/bundled/v2/props-78496a2d.js +12 -0
  27. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-15645a65.js → OrCardCollection.vue_vue_type_script_lang-7ea6bb76.js} +1 -1
  28. package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-c55de81d.js → OrCode.vue_vue_type_script_lang-ef5e7f04.js} +14 -53
  29. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-f57ffa1a.js → OrConfirm.vue_vue_type_script_lang-a4f3eba0.js} +2 -2
  30. package/dist/bundled/v3/{OrInput-fa782fc1.js → OrInput-df58f2a6.js} +17 -14
  31. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-f6d793d3.js → OrInput.vue_vue_type_script_lang-a9f3e530.js} +3 -2
  32. package/dist/bundled/v3/{OrInputBox-eb54d73d.js → OrInputBox-1b143e00.js} +1 -1
  33. package/dist/{esm/v2/OrInputBox-4d5a318d.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-70dec655.js} +6 -57
  34. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-0ae8a6dd.js → OrSearch.vue_vue_type_script_lang-3ca575f7.js} +3 -3
  35. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-15285ce4.js → OrSelect.vue_vue_type_script_lang-034fc4a9.js} +9 -4
  36. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-8e3531cd.js → OrTextarea.vue_vue_type_script_lang-115a1244.js} +3 -2
  37. package/dist/bundled/v3/components/index.js +11 -10
  38. package/dist/bundled/v3/components/or-card-collection-v3/index.js +7 -6
  39. package/dist/bundled/v3/components/or-code/index.js +1 -1
  40. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
  41. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
  42. package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +2 -0
  43. package/dist/bundled/v3/components/or-combined-input-v3/index.js +132 -0
  44. package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +1 -0
  45. package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +2 -0
  46. package/dist/bundled/v3/components/or-confirm-v3/index.js +6 -5
  47. package/dist/bundled/v3/components/or-input-box-v3/index.js +2 -1
  48. package/dist/bundled/v3/components/or-input-v3/index.js +4 -3
  49. package/dist/bundled/v3/components/or-search-v3/index.js +6 -5
  50. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +11 -0
  51. package/dist/bundled/v3/components/or-select-v3/index.js +6 -5
  52. package/dist/bundled/v3/components/or-textarea-v3/index.js +4 -3
  53. package/dist/bundled/v3/index.js +19 -17
  54. package/dist/bundled/v3/props-78496a2d.js +12 -0
  55. package/dist/esm/v2/{OrCardCollection-43aa4a3c.js → OrCardCollection-4a0a900c.js} +2 -2
  56. package/dist/esm/v2/{OrCode-d4400b42.js → OrCode-41dd5f9b.js} +4 -6
  57. package/dist/esm/v2/{OrConfirm-ec7aef0e.js → OrConfirm-7c909593.js} +1 -1
  58. package/dist/esm/v2/{OrInput-2f16a7ac.js → OrInput-3a7666e1.js} +18 -11
  59. package/dist/esm/v2/OrInputBox-ad7c1875.js +43 -0
  60. package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-5ee4ee45.js → esm/v2/OrInputBox.vue_rollup-plugin-vue_script-52a54a49.js} +5 -4
  61. package/dist/esm/v2/{OrSearch-62d91301.js → OrSearch-618e649d.js} +2 -2
  62. package/dist/esm/v2/{OrSelect-f0ff5a85.js → OrSelect-913f4a40.js} +8 -2
  63. package/dist/esm/v2/{OrTextarea-6712a150.js → OrTextarea-823d0529.js} +2 -1
  64. package/dist/esm/v2/components/index.js +9 -10
  65. package/dist/esm/v2/components/or-card-collection-v3/index.js +5 -4
  66. package/dist/esm/v2/components/or-code/index.js +1 -3
  67. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
  68. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
  69. package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +2 -0
  70. package/dist/esm/v2/components/or-combined-input-v3/index.js +147 -0
  71. package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +1 -0
  72. package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +2 -0
  73. package/dist/esm/v2/components/or-confirm-v3/index.js +4 -3
  74. package/dist/esm/v2/components/or-input-box-v3/index.js +3 -2
  75. package/dist/esm/v2/components/or-input-v3/index.js +3 -2
  76. package/dist/esm/v2/components/or-search-v3/index.js +4 -3
  77. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +11 -0
  78. package/dist/esm/v2/components/or-select-v3/index.js +4 -3
  79. package/dist/esm/v2/components/or-textarea-v3/index.js +3 -2
  80. package/dist/esm/v2/index.js +9 -10
  81. package/dist/esm/v3/{OrCardCollection-6b5e6b76.js → OrCardCollection-aa3bde6c.js} +2 -2
  82. package/dist/esm/v3/{OrCode-5ed69c23.js → OrCode-ee19a5e6.js} +1 -3
  83. package/dist/esm/v3/{OrConfirm-5d56cbd3.js → OrConfirm-3c91a2b3.js} +1 -1
  84. package/dist/esm/v3/{OrInput-41691fb3.js → OrInput-5c1c2041.js} +17 -14
  85. package/dist/esm/v3/{OrInputBox-5247ab25.js → OrInputBox-36c102a4.js} +2 -2
  86. package/dist/esm/v3/{OrSearch-aafb93b4.js → OrSearch-1d73323d.js} +2 -2
  87. package/dist/esm/v3/{OrSelect-7e813982.js → OrSelect-22e551f2.js} +8 -3
  88. package/dist/esm/v3/{OrTextarea-bb9ef3f2.js → OrTextarea-b3ecc40d.js} +1 -1
  89. package/dist/esm/v3/components/index.js +8 -10
  90. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
  91. package/dist/esm/v3/components/or-code/index.js +1 -3
  92. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
  93. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
  94. package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +2 -0
  95. package/dist/esm/v3/components/or-combined-input-v3/index.js +132 -0
  96. package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +1 -0
  97. package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +2 -0
  98. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  99. package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
  100. package/dist/esm/v3/components/or-input-v3/index.js +2 -2
  101. package/dist/esm/v3/components/or-search-v3/index.js +3 -3
  102. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +11 -0
  103. package/dist/esm/v3/components/or-select-v3/index.js +3 -3
  104. package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
  105. package/dist/esm/v3/index.js +8 -10
  106. package/package.json +2 -3
  107. package/src/components/or-code/OrCode.vue +1 -3
  108. package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +7 -0
  109. package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +202 -0
  110. package/src/components/or-combined-input-v3/OrCombinedInput.vue +134 -0
  111. package/src/components/or-combined-input-v3/index.ts +2 -0
  112. package/src/components/or-combined-input-v3/props.ts +1 -0
  113. package/src/components/or-combined-input-v3/styles.ts +25 -0
  114. package/src/components/or-input-box-v3/styles.ts +3 -3
  115. package/src/components/or-input-v3/OrInput.vue +28 -22
  116. package/src/components/or-select-v3/OrSelect.stories3.ts +4 -0
  117. package/src/components/or-select-v3/OrSelect.vue +6 -0
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-6b5e6b76.js';
1
+ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-aa3bde6c.js';
2
2
  import 'vue-demi';
3
3
  import '../../useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
@@ -17,10 +17,10 @@ import '../../OrMenu-840038cd.js';
17
17
  import '../../OrMenuItem-9da279f6.js';
18
18
  import '../../OrButton-bb6bf8a9.js';
19
19
  import '../../OrLoader-b3cf4231.js';
20
- import '../../OrSearch-aafb93b4.js';
21
- import '../../OrInput-41691fb3.js';
20
+ import '../../OrSearch-1d73323d.js';
21
+ import '../../OrInput-5c1c2041.js';
22
22
  import '../../OrError-ec8c709d.js';
23
23
  import '../../OrHint-74bb732d.js';
24
- import '../../OrInputBox-5247ab25.js';
24
+ import '../../OrInputBox-36c102a4.js';
25
25
  import '../../OrLabel-bdaec602.js';
26
26
  import '../../style-inject.es-4c6f2515.js';
@@ -1,7 +1,5 @@
1
- export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-5ed69c23.js';
1
+ export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-ee19a5e6.js';
2
2
  import '@codemirror/state';
3
- import '@codemirror/view';
4
- import '@codemirror/commands';
5
3
  import '@vueuse/core';
6
4
  import 'codemirror';
7
5
  import 'lodash';
@@ -0,0 +1,27 @@
1
+ import { Meta, StoryFn } from '@storybook/vue3';
2
+ declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
+ [x: string]: ((...args: any[]) => any) | null;
4
+ } | string[], {} & {}, {
5
+ [x: number]: string;
6
+ } | {}, true>)>;
7
+ export default _default;
8
+ export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
+ [x: string]: ((...args: any[]) => any) | null;
10
+ } | string[], {} & {}, {
11
+ [x: number]: string;
12
+ } | {}, true>)>;
13
+ export declare const Addon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
14
+ [x: string]: ((...args: any[]) => any) | null;
15
+ } | string[], {} & {}, {
16
+ [x: number]: string;
17
+ } | {}, true>)>;
18
+ export declare const Hint: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
19
+ [x: string]: ((...args: any[]) => any) | null;
20
+ } | string[], {} & {}, {
21
+ [x: number]: string;
22
+ } | {}, true>)>;
23
+ export declare const Error: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
24
+ [x: string]: ((...args: any[]) => any) | null;
25
+ } | string[], {} & {}, {
26
+ [x: number]: string;
27
+ } | {}, true>)>;
@@ -0,0 +1,98 @@
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 | undefined)[]>;
6
+ controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
7
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
8
+ readonly: import("@vue/composition-api").ComputedRef<boolean>;
9
+ }> & import("@vue/composition-api").Data, {}, {}, {
10
+ size: {
11
+ type: PropType<CombinedInputSize>;
12
+ default: CombinedInputSize;
13
+ };
14
+ label: {
15
+ type: StringConstructor;
16
+ default: undefined;
17
+ };
18
+ hint: {
19
+ type: StringConstructor;
20
+ default: undefined;
21
+ };
22
+ error: {
23
+ type: StringConstructor;
24
+ default: undefined;
25
+ };
26
+ required: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
30
+ disabled: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ disableDefaultStyles: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ }, import("@vue/composition-api").ExtractPropTypes<{
39
+ size: {
40
+ type: PropType<CombinedInputSize>;
41
+ default: CombinedInputSize;
42
+ };
43
+ label: {
44
+ type: StringConstructor;
45
+ default: undefined;
46
+ };
47
+ hint: {
48
+ type: StringConstructor;
49
+ default: undefined;
50
+ };
51
+ error: {
52
+ type: StringConstructor;
53
+ default: undefined;
54
+ };
55
+ required: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ disabled: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ disableDefaultStyles: {
64
+ type: BooleanConstructor;
65
+ default: boolean;
66
+ };
67
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
68
+ size: CombinedInputSize;
69
+ label: string;
70
+ hint: string;
71
+ error: string;
72
+ required: boolean;
73
+ disabled: boolean;
74
+ disableDefaultStyles: boolean;
75
+ } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
76
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
77
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
78
+ controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
79
+ invalid: import("@vue/composition-api").ComputedRef<boolean>;
80
+ readonly: import("@vue/composition-api").ComputedRef<boolean>;
81
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
82
+ size: CombinedInputSize;
83
+ label: string;
84
+ hint: string;
85
+ error: string;
86
+ required: boolean;
87
+ disabled: boolean;
88
+ disableDefaultStyles: boolean;
89
+ } & {}, {
90
+ size: CombinedInputSize;
91
+ label: string;
92
+ hint: string;
93
+ error: string;
94
+ required: boolean;
95
+ disabled: boolean;
96
+ disableDefaultStyles: boolean;
97
+ }, true>);
98
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
+ export * from './props';
@@ -0,0 +1,132 @@
1
+ import { defineComponent, ref, computed } from 'vue-demi';
2
+ import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
3
+ import '@vueuse/core';
4
+ import { s as script$1 } from '../../OrError-ec8c709d.js';
5
+ import { s as script$2 } from '../../OrHint-74bb732d.js';
6
+ import { s as script$3 } from '../../OrLabel-bdaec602.js';
7
+ import { a as InputBoxSize } from '../../OrInputBox-36c102a4.js';
8
+ export { a as CombinedInputSize } from '../../OrInputBox-36c102a4.js';
9
+ import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, Fragment } from 'vue';
10
+
11
+ const CombinedInputRoot = [
12
+ // Layout
13
+ 'layout-column',
14
+ // Spacing
15
+ 'gap-xs'];
16
+ const CombinedInputControlGroup = [
17
+ // Layout
18
+ 'layout-row',
19
+ // Box
20
+ 'w-full',
21
+ // Shape (.or-input-box)
22
+ '[&_.or-input-box]:first-child:rounded-r-none', '[&_.or-input-box]:intermediate-child:rounded-none', '[&_.or-input-box]:last-child:rounded-l-none',
23
+ // Spacing (.or-input-box)
24
+ '[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
25
+
26
+ var script = defineComponent({
27
+ name: 'OrCombinedInput',
28
+ components: {
29
+ OrError: script$1,
30
+ OrHint: script$2,
31
+ OrLabel: script$3
32
+ },
33
+ inheritAttrs: false,
34
+ props: {
35
+ size: {
36
+ type: String,
37
+ default: InputBoxSize.M
38
+ },
39
+ label: {
40
+ type: String,
41
+ default: undefined
42
+ },
43
+ hint: {
44
+ type: String,
45
+ default: undefined
46
+ },
47
+ error: {
48
+ type: String,
49
+ default: undefined
50
+ },
51
+ required: {
52
+ type: Boolean,
53
+ default: false
54
+ },
55
+ disabled: {
56
+ type: Boolean,
57
+ default: false
58
+ },
59
+ disableDefaultStyles: {
60
+ type: Boolean,
61
+ default: false
62
+ }
63
+ },
64
+ setup(props, context) {
65
+ // Refs
66
+ const root = ref();
67
+ // Styles
68
+ const classAttribute = useClassAttribute();
69
+ const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
70
+ const controlGroup = computed(() => [...CombinedInputControlGroup]);
71
+ // State
72
+ const invalid = computed(() => !!props.error);
73
+ const readonly = computed(() => context.attrs.readonly);
74
+ return {
75
+ root,
76
+ rootStyles,
77
+ controlGroup,
78
+ invalid,
79
+ readonly
80
+ };
81
+ }
82
+ });
83
+
84
+ function render(_ctx, _cache, $props, $setup, $data, $options) {
85
+ const _component_OrLabel = resolveComponent("OrLabel");
86
+ const _component_OrHint = resolveComponent("OrHint");
87
+ const _component_OrError = resolveComponent("OrError");
88
+ return openBlock(), createElementBlock("div", mergeProps({
89
+ ref: "root"
90
+ }, _ctx.$attrs, {
91
+ class: _ctx.rootStyles
92
+ }), [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
93
+ key: 0,
94
+ variant: 'input',
95
+ required: _ctx.required,
96
+ disabled: _ctx.disabled
97
+ }, {
98
+ addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
99
+ default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
100
+
101
+ _: 3 /* FORWARDED */
102
+ }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
103
+ class: normalizeClass(_ctx.controlGroup)
104
+ }, [renderSlot(_ctx.$slots, "default", {
105
+ size: _ctx.size,
106
+ required: _ctx.required,
107
+ readonly: _ctx.readonly,
108
+ disabled: _ctx.disabled,
109
+ disableDefaultStyles: _ctx.disableDefaultStyles
110
+ })], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
111
+ key: 1
112
+ }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
113
+ key: 0,
114
+ disabled: _ctx.disabled
115
+ }, {
116
+ default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
117
+
118
+ _: 1 /* STABLE */
119
+ }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
120
+ key: 2,
121
+ disabled: _ctx.disabled
122
+ }, {
123
+ default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
124
+
125
+ _: 1 /* STABLE */
126
+ }, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
127
+ }
128
+
129
+ script.render = render;
130
+ script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
131
+
132
+ export { script 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,4 +1,4 @@
1
- export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-5d56cbd3.js';
1
+ export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-3c91a2b3.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrButton-bb6bf8a9.js';
4
4
  import '../../useClassAttribute-47fdb016.js';
@@ -8,7 +8,7 @@ import 'vue';
8
8
  import '../../OrOverlay-738a44d5.js';
9
9
  import '../../useElevation-31bfe1f6.js';
10
10
  import '../../OrTeleport.vue3-8099178c.js';
11
- import '../../OrInput-41691fb3.js';
11
+ import '../../OrInput-5c1c2041.js';
12
12
  import '../../OrError-ec8c709d.js';
13
13
  import '../../OrHint-74bb732d.js';
14
14
  import '../../OrIconButton-1eebcafc.js';
@@ -18,7 +18,7 @@ import '../../OrPopover-1075dd38.js';
18
18
  import '@floating-ui/dom';
19
19
  import '../../useResponsive-a02e95b7.js';
20
20
  import '../../OrBottomSheet-62817aec.js';
21
- import '../../OrInputBox-5247ab25.js';
21
+ import '../../OrInputBox-36c102a4.js';
22
22
  import '../../OrLabel-bdaec602.js';
23
23
  import '../../style-inject.es-4c6f2515.js';
24
24
  import '@vueuse/math';
@@ -1,4 +1,4 @@
1
- export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-5247ab25.js';
1
+ export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-36c102a4.js';
2
2
  import 'vue-demi';
3
3
  import 'vue';
4
4
  import '../../useClassAttribute-47fdb016.js';
@@ -1,5 +1,5 @@
1
- export { I as InputType, s as OrInputV3 } from '../../OrInput-41691fb3.js';
2
- export { a as InputSize } from '../../OrInputBox-5247ab25.js';
1
+ export { I as InputType, s as OrInputV3 } from '../../OrInput-5c1c2041.js';
2
+ export { a as InputSize } from '../../OrInputBox-36c102a4.js';
3
3
  import 'vue-demi';
4
4
  import '../../useClassAttribute-47fdb016.js';
5
5
  import '@vueuse/core';
@@ -1,9 +1,9 @@
1
- export { s as OrSearchV3 } from '../../OrSearch-aafb93b4.js';
2
- export { a as SearchSize } from '../../OrInputBox-5247ab25.js';
1
+ export { s as OrSearchV3 } from '../../OrSearch-1d73323d.js';
2
+ export { a as SearchSize } from '../../OrInputBox-36c102a4.js';
3
3
  import 'vue-demi';
4
4
  import '@vueuse/core';
5
5
  import '../../useClassAttribute-47fdb016.js';
6
- import '../../OrInput-41691fb3.js';
6
+ import '../../OrInput-5c1c2041.js';
7
7
  import '../../OrError-ec8c709d.js';
8
8
  import 'vue';
9
9
  import '../../OrHint-74bb732d.js';
@@ -88,6 +88,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
88
88
  type: BooleanConstructor;
89
89
  default: boolean;
90
90
  };
91
+ disableDefaultStyles: {
92
+ type: BooleanConstructor;
93
+ default: boolean;
94
+ };
91
95
  enableSearch: {
92
96
  type: BooleanConstructor;
93
97
  default: boolean;
@@ -153,6 +157,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
153
157
  type: BooleanConstructor;
154
158
  default: boolean;
155
159
  };
160
+ disableDefaultStyles: {
161
+ type: BooleanConstructor;
162
+ default: boolean;
163
+ };
156
164
  enableSearch: {
157
165
  type: BooleanConstructor;
158
166
  default: boolean;
@@ -182,6 +190,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
182
190
  error: string;
183
191
  required: boolean;
184
192
  disabled: boolean;
193
+ disableDefaultStyles: boolean;
185
194
  enableSearch: boolean;
186
195
  searchFunction: SelectSearchFunction;
187
196
  groupByFunction: SelectGroupByFunction;
@@ -239,6 +248,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
239
248
  error: string;
240
249
  required: boolean;
241
250
  disabled: boolean;
251
+ disableDefaultStyles: boolean;
242
252
  enableSearch: boolean;
243
253
  searchFunction: SelectSearchFunction;
244
254
  groupByFunction: SelectGroupByFunction;
@@ -258,6 +268,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
258
268
  error: string;
259
269
  required: boolean;
260
270
  disabled: boolean;
271
+ disableDefaultStyles: boolean;
261
272
  enableSearch: boolean;
262
273
  searchFunction: SelectSearchFunction;
263
274
  groupByFunction: SelectGroupByFunction;
@@ -1,5 +1,5 @@
1
- export { s as OrSelectV3 } from '../../OrSelect-7e813982.js';
2
- export { a as SelectSize } from '../../OrInputBox-5247ab25.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect-22e551f2.js';
2
+ export { a as SelectSize } from '../../OrInputBox-36c102a4.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-0d314aa4.js';
5
5
  import '../../useClassAttribute-47fdb016.js';
@@ -13,7 +13,7 @@ import '../../OrError-ec8c709d.js';
13
13
  import '../../OrExpansionPanel-311e64cf.js';
14
14
  import '../../OrIcon-b195169c.js';
15
15
  import '../../OrHint-74bb732d.js';
16
- import '../../OrInput-41691fb3.js';
16
+ import '../../OrInput-5c1c2041.js';
17
17
  import '../../OrIconButton-1eebcafc.js';
18
18
  import '../../OrTooltip-50d27b4f.js';
19
19
  import '../../OrPopover-1075dd38.js';
@@ -1,5 +1,5 @@
1
- export { s as OrTextareaV3 } from '../../OrTextarea-bb9ef3f2.js';
2
- export { a as TextareaSize } from '../../OrInputBox-5247ab25.js';
1
+ export { s as OrTextareaV3 } from '../../OrTextarea-b3ecc40d.js';
2
+ export { a as TextareaSize } from '../../OrInputBox-36c102a4.js';
3
3
  import 'vue-demi';
4
4
  import '../../useClassAttribute-47fdb016.js';
5
5
  import '@vueuse/core';
@@ -6,17 +6,17 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
6
6
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-bb6bf8a9.js';
7
7
  export { s as OrCard } from './OrCard-e3a5aea4.js';
8
8
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-a5e326ef.js';
9
- export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-6b5e6b76.js';
9
+ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-aa3bde6c.js';
10
10
  export { s as OrCardV3 } from './OrCard-fd92f7c8.js';
11
11
  export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-636d99a1.js';
12
12
  export { s as OrCheckbox } from './OrCheckbox-ed4a19cf.js';
13
13
  export { s as OrCheckboxV3 } from './OrCheckbox-3e139eac.js';
14
14
  export { s as OrChip, a as OrChips } from './OrChips-9afba42f.js';
15
- export { s as OrCode, O as OrCodeLanguages } from './OrCode-5ed69c23.js';
15
+ export { s as OrCode, O as OrCodeLanguages } from './OrCode-ee19a5e6.js';
16
16
  export { s as OrCollapse } from './OrCollapse-445141ab.js';
17
17
  export { s 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-189cb097.js';
18
18
  export { s as OrConfirm } from './OrConfirm-f39bd784.js';
19
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-5d56cbd3.js';
19
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-3c91a2b3.js';
20
20
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-f2e08564.js';
21
21
  export { s as OrError } from './OrError-f90296db.js';
22
22
  export { s as OrErrorTagV3 } from './OrErrorTag-98252eef.js';
@@ -33,8 +33,8 @@ export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3
33
33
  export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-31026cd0.js';
34
34
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-1aa477b5.js';
35
35
  export { s as OrInlineTextareaV3 } from './OrInlineTextarea-b28c3d8c.js';
36
- export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-5247ab25.js';
37
- export { I as InputType, s as OrInputV3 } from './OrInput-41691fb3.js';
36
+ export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-36c102a4.js';
37
+ export { I as InputType, s as OrInputV3 } from './OrInput-5c1c2041.js';
38
38
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-7cb2c91c.js';
39
39
  export { s as OrLabel } from './OrLabel-876f8729.js';
40
40
  export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-bdaec602.js';
@@ -58,10 +58,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
58
58
  export { s as OrRadio } from './OrRadio-c3ab11f2.js';
59
59
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
60
60
  export { s as OrRadioV3 } from './OrRadio-54b6d0de.js';
61
- export { s as OrSearchV3 } from './OrSearch-aafb93b4.js';
61
+ export { s as OrSearchV3 } from './OrSearch-1d73323d.js';
62
62
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-171cad78.js';
63
63
  export { s as OrSelect } from './OrSelect-0821b907.js';
64
- export { s as OrSelectV3 } from './OrSelect-7e813982.js';
64
+ export { s as OrSelectV3 } from './OrSelect-22e551f2.js';
65
65
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
66
66
  export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
67
67
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -81,7 +81,7 @@ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c0bbaa58.j
81
81
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
82
82
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
83
83
  export { s as OrTextV3 } from './OrText-ecb46923.js';
84
- export { s as OrTextareaV3 } from './OrTextarea-bb9ef3f2.js';
84
+ export { s as OrTextareaV3 } from './OrTextarea-b3ecc40d.js';
85
85
  export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-2f33e9c3.js';
86
86
  export { s as OrToast, a as OrToastContainer } from './OrToastContainer-40c4c1c8.js';
87
87
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
@@ -103,8 +103,6 @@ import './style-inject.es-4c6f2515.js';
103
103
  import '@vueuse/core';
104
104
  import '@splidejs/splide';
105
105
  import '@codemirror/state';
106
- import '@codemirror/view';
107
- import '@codemirror/commands';
108
106
  import 'codemirror';
109
107
  import '@codemirror/lang-html';
110
108
  import '@codemirror/lang-css';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "2.69.5-beta.2146.0",
3
+ "version": "2.69.5-beta.2156.0",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
@@ -31,14 +31,13 @@
31
31
  "switch:vue3": "node scripts/swap-vue.js 3 && vue-demi-switch 3"
32
32
  },
33
33
  "dependencies": {
34
- "@codemirror/commands": "^6.2.1",
35
34
  "@codemirror/lang-css": "6.0.0",
36
35
  "@codemirror/lang-html": "6.1.0",
37
36
  "@codemirror/lang-javascript": "6.0.2",
38
37
  "@codemirror/lang-json": "6.0.0",
39
38
  "@codemirror/lang-markdown": "6.0.1",
40
39
  "@floating-ui/dom": "0.3.1",
41
- "@onereach/styles": "^2.33.0",
40
+ "@onereach/styles": "^2.33.1-beta.2156.0",
42
41
  "@splidejs/splide": "4.0.6",
43
42
  "@types/lodash": "4.14.173",
44
43
  "@types/sortablejs": "1.10.7",
@@ -83,8 +83,7 @@
83
83
  <script lang="ts">
84
84
  import { Language, LanguageSupport } from '@codemirror/language';
85
85
  import { EditorState, Extension, Transaction } from '@codemirror/state';
86
- import { ViewUpdate, keymap } from '@codemirror/view';
87
- import { indentWithTab } from '@codemirror/commands';
86
+ import { ViewUpdate } from '@codemirror/view';
88
87
  import { useElementHover } from '@vueuse/core';
89
88
  import { basicSetup, EditorView } from 'codemirror';
90
89
  import _ from 'lodash';
@@ -258,7 +257,6 @@ export default defineComponent({
258
257
  }),
259
258
  // line wrapping
260
259
  lineWrapping ? EditorView.lineWrapping : undefined,
261
- keymap.of([indentWithTab]),
262
260
  ]) as Extension[];
263
261
 
264
262
  // Append Extensions (such as basic-setup)
@@ -0,0 +1,7 @@
1
+ import { DocsPage } from '@storybook/addon-docs';
2
+
3
+ ```ts
4
+ import { OrCombinedInputV3 as OrCombinedInput } from '@onereach/ui-components';
5
+ ```
6
+
7
+ <DocsPage />