@onereach/ui-components 2.75.1-beta.2385.0 → 2.75.1

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 (141) hide show
  1. package/dist/bundled/v2/{OrCardCollection-a9cc4cd6.js → OrCardCollection-04e767c2.js} +1 -1
  2. package/dist/bundled/v2/{OrConfirm-de17ffd2.js → OrConfirm-a76ff6d2.js} +1 -1
  3. package/dist/bundled/v2/{OrInlineInput-20e93482.js → OrInlineInput-9304f205.js} +11 -9
  4. package/dist/bundled/v2/{OrInlineTextarea-e849ae9b.js → OrInlineTextarea-e0d28fc6.js} +11 -9
  5. package/dist/bundled/v2/{OrInput-7e5430e1.js → OrInput-b8511a0c.js} +12 -11
  6. package/dist/bundled/v2/{OrInputBox-9a31d211.js → OrInputBox-e54dcef9.js} +12 -2
  7. package/dist/bundled/v2/{OrSearch-b3f34499.js → OrSearch-60b64568.js} +2 -2
  8. package/dist/bundled/v2/{OrSelect-982350b0.js → OrSelect-752bdd3b.js} +10 -11
  9. package/dist/bundled/v2/{OrTextarea-53d756e4.js → OrTextarea-5fdf63d0.js} +12 -11
  10. package/dist/bundled/v2/components/index.js +9 -10
  11. package/dist/bundled/v2/components/or-card-collection-v3/index.js +4 -5
  12. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -4
  13. package/dist/bundled/v2/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  14. package/dist/bundled/v2/components/or-inline-input-v3/index.js +1 -1
  15. package/dist/bundled/v2/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  16. package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +1 -1
  17. package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -2
  18. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +7 -5
  19. package/dist/bundled/v2/components/or-input-v3/index.js +2 -3
  20. package/dist/bundled/v2/components/or-search-v3/index.js +3 -4
  21. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  22. package/dist/bundled/v2/components/or-select-v3/index.js +3 -4
  23. package/dist/bundled/v2/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  24. package/dist/bundled/v2/components/or-textarea-v3/index.js +2 -3
  25. package/dist/bundled/v2/index.js +10 -11
  26. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-fdf213e1.js → OrCardCollection.vue_vue_type_script_lang-e71a0ea0.js} +1 -1
  27. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-7a81cfa6.js → OrConfirm.vue_vue_type_script_lang-b550c3d3.js} +2 -2
  28. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-18853dd7.js → OrInlineInput.vue_vue_type_script_lang-cd4a64f6.js} +5 -3
  29. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-3cb238d6.js → OrInlineTextarea.vue_vue_type_script_lang-a73ff1ee.js} +5 -3
  30. package/dist/bundled/v3/{OrInput-c514ceff.js → OrInput-6d49f353.js} +5 -5
  31. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-09a6138d.js → OrInput.vue_vue_type_script_lang-af68d0e7.js} +7 -6
  32. package/dist/bundled/v3/{OrInputBox-44f37541.js → OrInputBox-358d4856.js} +1 -1
  33. package/dist/{esm/v2/OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-b387d4ba.js} +1 -1
  34. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-42283e88.js → OrSearch.vue_vue_type_script_lang-8c37e5a7.js} +3 -3
  35. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-c43b8138.js → OrSelect.vue_vue_type_script_lang-35ac0247.js} +8 -9
  36. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-b2899ba6.js → OrTextarea.vue_vue_type_script_lang-de99a858.js} +7 -6
  37. package/dist/bundled/v3/components/index.js +11 -12
  38. package/dist/bundled/v3/components/or-card-collection-v3/index.js +6 -7
  39. package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -6
  40. package/dist/bundled/v3/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  41. package/dist/bundled/v3/components/or-inline-input-v3/index.js +1 -1
  42. package/dist/bundled/v3/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  43. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +1 -1
  44. package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -2
  45. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +7 -5
  46. package/dist/bundled/v3/components/or-input-v3/index.js +3 -4
  47. package/dist/bundled/v3/components/or-search-v3/index.js +5 -6
  48. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  49. package/dist/bundled/v3/components/or-select-v3/index.js +5 -6
  50. package/dist/bundled/v3/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  51. package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -4
  52. package/dist/bundled/v3/index.js +34 -35
  53. package/dist/esm/v2/{OrCardCollection-77a9b0b5.js → OrCardCollection-f7856175.js} +2 -2
  54. package/dist/esm/v2/{OrConfirm-81ae8af5.js → OrConfirm-98d62065.js} +1 -1
  55. package/dist/esm/v2/{OrInlineInput-b003ddde.js → OrInlineInput-df02ab5d.js} +11 -9
  56. package/dist/esm/v2/{OrInlineTextarea-6349b529.js → OrInlineTextarea-ad120656.js} +11 -9
  57. package/dist/esm/v2/{OrInput-d4707fb9.js → OrInput-3bb91436.js} +12 -11
  58. package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-c4f9c8ef.js → esm/v2/OrInputBox-53d1f66d.js} +53 -3
  59. package/dist/esm/v2/{OrSearch-5b257f78.js → OrSearch-dad9b02f.js} +2 -2
  60. package/dist/esm/v2/{OrSelect-246d8584.js → OrSelect-7ef80130.js} +10 -11
  61. package/dist/esm/v2/{OrTextarea-0bf9bf33.js → OrTextarea-0a64f718.js} +12 -11
  62. package/dist/esm/v2/components/index.js +9 -10
  63. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -5
  64. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -4
  65. package/dist/esm/v2/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  66. package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
  67. package/dist/esm/v2/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  68. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
  69. package/dist/esm/v2/components/or-input-box-v3/index.js +2 -3
  70. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +7 -5
  71. package/dist/esm/v2/components/or-input-v3/index.js +2 -3
  72. package/dist/esm/v2/components/or-search-v3/index.js +3 -4
  73. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  74. package/dist/esm/v2/components/or-select-v3/index.js +3 -4
  75. package/dist/esm/v2/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  76. package/dist/esm/v2/components/or-textarea-v3/index.js +2 -3
  77. package/dist/esm/v2/index.js +9 -10
  78. package/dist/esm/v3/{OrCardCollection-e8ab1e4f.js → OrCardCollection-4cb41408.js} +1 -1
  79. package/dist/esm/v3/{OrConfirm-19397045.js → OrConfirm-19da64d1.js} +1 -1
  80. package/dist/esm/v3/{OrInlineInput-65127ed7.js → OrInlineInput-cd3753ee.js} +9 -7
  81. package/dist/esm/v3/{OrInlineTextarea-176a2701.js → OrInlineTextarea-4c5b0390.js} +9 -7
  82. package/dist/esm/v3/{OrInput-209bd3fc.js → OrInput-ae9f6871.js} +9 -7
  83. package/dist/esm/v3/{OrSearch-3bba0a99.js → OrSearch-6f6b4fcd.js} +1 -1
  84. package/dist/esm/v3/{OrSelect-ba567dd1.js → OrSelect-96bf9b63.js} +9 -9
  85. package/dist/esm/v3/{OrTextarea-14a6b456.js → OrTextarea-42d21f77.js} +9 -7
  86. package/dist/esm/v3/components/index.js +8 -8
  87. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  88. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  89. package/dist/esm/v3/components/or-inline-input-v3/OrInlineInput.vue.d.ts +7 -5
  90. package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
  91. package/dist/esm/v3/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts +7 -5
  92. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
  93. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +7 -5
  94. package/dist/esm/v3/components/or-input-v3/index.js +1 -1
  95. package/dist/esm/v3/components/or-search-v3/index.js +2 -2
  96. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +7 -5
  97. package/dist/esm/v3/components/or-select-v3/index.js +2 -2
  98. package/dist/esm/v3/components/or-textarea-v3/OrTextarea.vue.d.ts +7 -5
  99. package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
  100. package/dist/esm/v3/index.js +8 -8
  101. package/package.json +4 -3
  102. package/src/components/or-inline-input-v3/OrInlineInput.vue +7 -4
  103. package/src/components/or-inline-input-v3/styles.ts +2 -2
  104. package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +7 -4
  105. package/src/components/or-inline-textarea-v3/styles.ts +2 -2
  106. package/src/components/or-input-v3/OrInput.vue +7 -4
  107. package/src/components/or-input-v3/styles.ts +2 -2
  108. package/src/components/or-select-v3/OrSelect.stories3.ts +0 -4
  109. package/src/components/or-select-v3/OrSelect.vue +6 -4
  110. package/src/components/or-select-v3/styles.ts +1 -4
  111. package/src/components/or-textarea-v3/OrTextarea.vue +7 -4
  112. package/src/components/or-textarea-v3/styles.ts +2 -2
  113. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  114. package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +0 -2
  115. package/dist/bundled/v2/components/or-combined-input-v3/index.js +0 -146
  116. package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +0 -1
  117. package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  118. package/dist/bundled/v2/props-78496a2d.js +0 -12
  119. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  120. package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +0 -2
  121. package/dist/bundled/v3/components/or-combined-input-v3/index.js +0 -128
  122. package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +0 -1
  123. package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  124. package/dist/bundled/v3/props-78496a2d.js +0 -12
  125. package/dist/esm/v2/OrInputBox-5c4b3104.js +0 -43
  126. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  127. package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +0 -2
  128. package/dist/esm/v2/components/or-combined-input-v3/index.js +0 -143
  129. package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +0 -1
  130. package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  131. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -105
  132. package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +0 -2
  133. package/dist/esm/v3/components/or-combined-input-v3/index.js +0 -127
  134. package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +0 -1
  135. package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  136. package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +0 -7
  137. package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +0 -201
  138. package/src/components/or-combined-input-v3/OrCombinedInput.vue +0 -127
  139. package/src/components/or-combined-input-v3/index.ts +0 -2
  140. package/src/components/or-combined-input-v3/props.ts +0 -1
  141. package/src/components/or-combined-input-v3/styles.ts +0 -25
@@ -1,146 +0,0 @@
1
- import '../../index-fa6eb4ca.js';
2
- import { O as OrError } from '../../OrError-52f668a4.js';
3
- import { O as OrHint } from '../../OrHint-fde53334.js';
4
- import { O as OrLabel } from '../../OrLabel-aff09c39.js';
5
- import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
6
- import { a as InputBoxSize } from '../../props-78496a2d.js';
7
- export { a as CombinedInputSize } from '../../props-78496a2d.js';
8
- import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
9
- import '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-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
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,
30
- OrHint,
31
- OrLabel
32
- },
33
- props: {
34
- size: {
35
- type: String,
36
- default: InputBoxSize.M
37
- },
38
- label: {
39
- type: String,
40
- default: undefined
41
- },
42
- hint: {
43
- type: String,
44
- default: undefined
45
- },
46
- error: {
47
- type: [String, Boolean],
48
- default: undefined
49
- },
50
- required: {
51
- type: Boolean,
52
- default: false
53
- },
54
- readonly: {
55
- type: Boolean,
56
- default: false
57
- },
58
- disabled: {
59
- type: Boolean,
60
- default: false
61
- },
62
- disableDefaultStyles: {
63
- type: Boolean,
64
- default: false
65
- }
66
- },
67
- setup(props, context) {
68
- // Refs
69
- const root = ref();
70
- // Styles
71
- const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot]);
72
- const controlGroup = computed(() => [...CombinedInputControlGroup]);
73
- return {
74
- root,
75
- rootStyles,
76
- controlGroup
77
- };
78
- }
79
- });
80
-
81
- /* script */
82
- const __vue_script__ = script;
83
-
84
- /* template */
85
- var __vue_render__ = function () {
86
- var _vm = this;
87
- var _h = _vm.$createElement;
88
- var _c = _vm._self._c || _h;
89
- return _c('div', {
90
- ref: "root",
91
- class: _vm.rootStyles
92
- }, [_vm.label ? [_c('OrLabel', {
93
- attrs: {
94
- "variant": 'input',
95
- "required": _vm.required,
96
- "disabled": _vm.disabled
97
- },
98
- scopedSlots: _vm._u([{
99
- key: "addon",
100
- fn: function () {
101
- return [_vm._t("addon")];
102
- },
103
- proxy: true
104
- }], null, true)
105
- }, [_vm._v("\n " + _vm._s(_vm.label) + "\n\n ")])] : _vm._e(), _vm._v(" "), _c('div', {
106
- class: _vm.controlGroup
107
- }, [_vm._t("default", null, {
108
- "size": _vm.size,
109
- "error": !!_vm.error,
110
- "required": _vm.required,
111
- "readonly": _vm.readonly,
112
- "disabled": _vm.disabled,
113
- "disableDefaultStyles": _vm.disableDefaultStyles
114
- })], 2), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
115
- attrs: {
116
- "disabled": _vm.disabled
117
- }
118
- }, [_vm._v("\n " + _vm._s(_vm.hint) + "\n ")])] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
119
- attrs: {
120
- "disabled": _vm.disabled
121
- }
122
- }, [_vm._v("\n " + _vm._s(_vm.error) + "\n ")])] : _vm._e()], 2);
123
- };
124
- var __vue_staticRenderFns__ = [];
125
-
126
- /* style */
127
- const __vue_inject_styles__ = undefined;
128
- /* scoped */
129
- const __vue_scope_id__ = undefined;
130
- /* module identifier */
131
- const __vue_module_identifier__ = undefined;
132
- /* functional template */
133
- const __vue_is_functional_template__ = false;
134
- /* style inject */
135
-
136
- /* style inject SSR */
137
-
138
- /* style inject shadow dom */
139
-
140
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
141
- render: __vue_render__,
142
- staticRenderFns: __vue_staticRenderFns__
143
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
144
- var __vue_component__$1 = __vue_component__;
145
-
146
- export { __vue_component__$1 as OrCombinedInputV3 };
@@ -1 +0,0 @@
1
- export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';
@@ -1,2 +0,0 @@
1
- export declare const CombinedInputRoot: string[];
2
- export declare const CombinedInputControlGroup: string[];
@@ -1,12 +0,0 @@
1
- var InputBoxVariant;
2
- (function (InputBoxVariant) {
3
- InputBoxVariant["Styled"] = "styled";
4
- InputBoxVariant["Unstyled"] = "unstyled";
5
- })(InputBoxVariant || (InputBoxVariant = {}));
6
- var InputBoxSize;
7
- (function (InputBoxSize) {
8
- InputBoxSize["M"] = "m";
9
- InputBoxSize["S"] = "s";
10
- })(InputBoxSize || (InputBoxSize = {}));
11
-
12
- export { InputBoxVariant as I, InputBoxSize as a };
@@ -1,105 +0,0 @@
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;
@@ -1,2 +0,0 @@
1
- export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
- export * from './props';
@@ -1,128 +0,0 @@
1
- import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, Fragment } from 'vue';
2
- import '../../OrHint-5d5e4d99.js';
3
- import '../../OrLabel-c556887e.js';
4
- import { s as script$1 } from '../../OrError.vue_vue_type_script_lang-53648a65.js';
5
- import { s as script$2 } from '../../OrHint.vue_vue_type_script_lang-e322f61e.js';
6
- import { s as script$3 } from '../../OrLabel.vue_vue_type_script_lang-191d2304.js';
7
- import { a as InputBoxSize } from '../../props-78496a2d.js';
8
- export { a as CombinedInputSize } from '../../props-78496a2d.js';
9
-
10
- const CombinedInputRoot = [
11
- // Layout
12
- 'layout-column',
13
- // Spacing
14
- 'gap-xs'];
15
- const CombinedInputControlGroup = [
16
- // Layout
17
- 'layout-row',
18
- // Box
19
- 'w-full',
20
- // Shape (.or-input-box)
21
- '[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
22
- // Spacing (.or-input-box)
23
- '[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
24
-
25
- var script = defineComponent({
26
- name: 'OrCombinedInput',
27
- components: {
28
- OrError: script$1,
29
- OrHint: script$2,
30
- OrLabel: script$3
31
- },
32
- props: {
33
- size: {
34
- type: String,
35
- default: InputBoxSize.M
36
- },
37
- label: {
38
- type: String,
39
- default: undefined
40
- },
41
- hint: {
42
- type: String,
43
- default: undefined
44
- },
45
- error: {
46
- type: [String, Boolean],
47
- default: undefined
48
- },
49
- required: {
50
- type: Boolean,
51
- default: false
52
- },
53
- readonly: {
54
- type: Boolean,
55
- default: false
56
- },
57
- disabled: {
58
- type: Boolean,
59
- default: false
60
- },
61
- disableDefaultStyles: {
62
- type: Boolean,
63
- default: false
64
- }
65
- },
66
- setup(props, context) {
67
- // Refs
68
- const root = ref();
69
- // Styles
70
- const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot]);
71
- const controlGroup = computed(() => [...CombinedInputControlGroup]);
72
- return {
73
- root,
74
- rootStyles,
75
- controlGroup
76
- };
77
- }
78
- });
79
-
80
- function render(_ctx, _cache, $props, $setup, $data, $options) {
81
- const _component_OrLabel = resolveComponent("OrLabel");
82
- const _component_OrHint = resolveComponent("OrHint");
83
- const _component_OrError = resolveComponent("OrError");
84
- return openBlock(), createElementBlock("div", {
85
- ref: "root",
86
- class: normalizeClass(_ctx.rootStyles)
87
- }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
88
- key: 0,
89
- variant: 'input',
90
- required: _ctx.required,
91
- disabled: _ctx.disabled
92
- }, {
93
- addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
94
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
95
-
96
- _: 3 /* FORWARDED */
97
- }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
98
- class: normalizeClass(_ctx.controlGroup)
99
- }, [renderSlot(_ctx.$slots, "default", {
100
- size: _ctx.size,
101
- error: !!_ctx.error,
102
- required: _ctx.required,
103
- readonly: _ctx.readonly,
104
- disabled: _ctx.disabled,
105
- disableDefaultStyles: _ctx.disableDefaultStyles
106
- })], 2 /* CLASS */), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
107
- key: 1
108
- }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
109
- key: 0,
110
- disabled: _ctx.disabled
111
- }, {
112
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
113
-
114
- _: 1 /* STABLE */
115
- }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
116
- key: 2,
117
- disabled: _ctx.disabled
118
- }, {
119
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
120
-
121
- _: 1 /* STABLE */
122
- }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
123
- }
124
-
125
- script.render = render;
126
- script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
127
-
128
- export { script as OrCombinedInputV3 };
@@ -1 +0,0 @@
1
- export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';
@@ -1,2 +0,0 @@
1
- export declare const CombinedInputRoot: string[];
2
- export declare const CombinedInputControlGroup: string[];
@@ -1,12 +0,0 @@
1
- var InputBoxVariant;
2
- (function (InputBoxVariant) {
3
- InputBoxVariant["Styled"] = "styled";
4
- InputBoxVariant["Unstyled"] = "unstyled";
5
- })(InputBoxVariant || (InputBoxVariant = {}));
6
- var InputBoxSize;
7
- (function (InputBoxSize) {
8
- InputBoxSize["M"] = "m";
9
- InputBoxSize["S"] = "s";
10
- })(InputBoxSize || (InputBoxSize = {}));
11
-
12
- export { InputBoxVariant as I, InputBoxSize as a };
@@ -1,43 +0,0 @@
1
- import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
2
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
3
-
4
- /* script */
5
- const __vue_script__ = script;
6
-
7
- /* template */
8
- var __vue_render__ = function () {
9
- var _vm = this;
10
- var _h = _vm.$createElement;
11
- var _c = _vm._self._c || _h;
12
- return _c('div', {
13
- ref: "root",
14
- class: _vm.rootStyles,
15
- attrs: {
16
- "invalid": _vm.invalid ? '' : null,
17
- "readonly": _vm.readonly ? '' : null,
18
- "disabled": _vm.disabled ? '' : null
19
- }
20
- }, [_vm._t("default")], 2);
21
- };
22
- var __vue_staticRenderFns__ = [];
23
-
24
- /* style */
25
- const __vue_inject_styles__ = undefined;
26
- /* scoped */
27
- const __vue_scope_id__ = undefined;
28
- /* module identifier */
29
- const __vue_module_identifier__ = undefined;
30
- /* functional template */
31
- const __vue_is_functional_template__ = false;
32
- /* style inject */
33
-
34
- /* style inject SSR */
35
-
36
- /* style inject shadow dom */
37
-
38
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
39
- render: __vue_render__,
40
- staticRenderFns: __vue_staticRenderFns__
41
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
42
-
43
- export { __vue_component__ as _ };
@@ -1,105 +0,0 @@
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;
@@ -1,2 +0,0 @@
1
- export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
- export * from './props';