@onereach/ui-components 2.74.1-beta.2291.0 → 2.74.1-beta.2293.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 (126) hide show
  1. package/dist/bundled/v2/{OrCardCollection-1affb682.js → OrCardCollection-9bc44ec5.js} +1 -1
  2. package/dist/bundled/v2/{OrConfirm-bdf57b45.js → OrConfirm-c156d099.js} +13 -7
  3. package/dist/bundled/v2/{OrInlineInput-8fec2947.js → OrInlineInput-57fccb41.js} +2 -2
  4. package/dist/bundled/v2/{OrInlineTextarea-e7cdb4fb.js → OrInlineTextarea-f8b86cf7.js} +2 -2
  5. package/dist/bundled/v2/{OrInput-46039629.js → OrInput-57a47093.js} +3 -4
  6. package/dist/bundled/v2/{OrInputBox-9a31d211.js → OrInputBox-e54dcef9.js} +12 -2
  7. package/dist/bundled/v2/{OrSearch-05cc6c14.js → OrSearch-4072a079.js} +2 -2
  8. package/dist/bundled/v2/{OrSelect-bfe76fb7.js → OrSelect-359e891b.js} +3 -6
  9. package/dist/bundled/v2/{OrTextarea-a02951f4.js → OrTextarea-1201353b.js} +3 -4
  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/OrConfirm.vue.d.ts +4 -2
  13. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -4
  14. package/dist/bundled/v2/components/or-inline-input-v3/index.js +1 -1
  15. package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +1 -1
  16. package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -2
  17. package/dist/bundled/v2/components/or-input-v3/index.js +2 -3
  18. package/dist/bundled/v2/components/or-search-v3/index.js +3 -4
  19. package/dist/bundled/v2/components/or-select-v3/index.js +3 -4
  20. package/dist/bundled/v2/components/or-textarea-v3/index.js +2 -3
  21. package/dist/bundled/v2/index.js +10 -11
  22. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-c01a1d75.js → OrCardCollection.vue_vue_type_script_lang-62eb2543.js} +1 -1
  23. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-a131670a.js → OrConfirm.vue_vue_type_script_lang-ae30b4db.js} +14 -8
  24. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-66598185.js → OrInlineInput.vue_vue_type_script_lang-49ce3308.js} +2 -2
  25. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-85adcaf9.js → OrInlineTextarea.vue_vue_type_script_lang-8fd761d7.js} +2 -2
  26. package/dist/bundled/v3/{OrInput-37811348.js → OrInput-44a32124.js} +1 -1
  27. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-de00e237.js → OrInput.vue_vue_type_script_lang-4d9e2f4a.js} +4 -5
  28. package/dist/bundled/v3/{OrInputBox-44f37541.js → OrInputBox-358d4856.js} +1 -1
  29. package/dist/{esm/v2/OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-b387d4ba.js} +1 -1
  30. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-b34af2a0.js → OrSearch.vue_vue_type_script_lang-0ddeada5.js} +3 -3
  31. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-b14e4b6b.js → OrSelect.vue_vue_type_script_lang-c7a9bec2.js} +5 -8
  32. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-d0256fc2.js → OrTextarea.vue_vue_type_script_lang-de99a858.js} +4 -5
  33. package/dist/bundled/v3/components/index.js +11 -12
  34. package/dist/bundled/v3/components/or-card-collection-v3/index.js +6 -7
  35. package/dist/bundled/v3/components/or-confirm-v3/OrConfirm.vue.d.ts +4 -2
  36. package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -6
  37. package/dist/bundled/v3/components/or-inline-input-v3/index.js +1 -1
  38. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +1 -1
  39. package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -2
  40. package/dist/bundled/v3/components/or-input-v3/index.js +3 -4
  41. package/dist/bundled/v3/components/or-search-v3/index.js +5 -6
  42. package/dist/bundled/v3/components/or-select-v3/index.js +5 -6
  43. package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -4
  44. package/dist/bundled/v3/index.js +18 -19
  45. package/dist/esm/v2/{OrCardCollection-413eeef9.js → OrCardCollection-4c909f4b.js} +2 -2
  46. package/dist/esm/v2/{OrConfirm-2f8d9405.js → OrConfirm-cf65cb11.js} +13 -7
  47. package/dist/esm/v2/{OrInlineInput-c66ed0c0.js → OrInlineInput-b85b84b4.js} +2 -2
  48. package/dist/esm/v2/{OrInlineTextarea-3cc2fdc2.js → OrInlineTextarea-afd33047.js} +2 -2
  49. package/dist/esm/v2/{OrInput-cacd21a4.js → OrInput-3d8c8925.js} +3 -4
  50. package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-c4f9c8ef.js → esm/v2/OrInputBox-53d1f66d.js} +53 -3
  51. package/dist/esm/v2/{OrSearch-1c30f3fd.js → OrSearch-d6f1ba11.js} +2 -2
  52. package/dist/esm/v2/{OrSelect-bbba5e3a.js → OrSelect-bdb9a78a.js} +3 -6
  53. package/dist/esm/v2/{OrTextarea-e1aad345.js → OrTextarea-373d0554.js} +3 -4
  54. package/dist/esm/v2/components/index.js +9 -10
  55. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -5
  56. package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts +4 -2
  57. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -4
  58. package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
  59. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
  60. package/dist/esm/v2/components/or-input-box-v3/index.js +2 -3
  61. package/dist/esm/v2/components/or-input-v3/index.js +2 -3
  62. package/dist/esm/v2/components/or-search-v3/index.js +3 -4
  63. package/dist/esm/v2/components/or-select-v3/index.js +3 -4
  64. package/dist/esm/v2/components/or-textarea-v3/index.js +2 -3
  65. package/dist/esm/v2/index.js +9 -10
  66. package/dist/esm/v3/{OrCardCollection-005964d2.js → OrCardCollection-803f67f7.js} +1 -1
  67. package/dist/esm/v3/{OrConfirm-c35b430f.js → OrConfirm-1ee529f1.js} +13 -7
  68. package/dist/esm/v3/{OrInlineInput-4591c44d.js → OrInlineInput-fbc35f85.js} +2 -2
  69. package/dist/esm/v3/{OrInlineTextarea-22807fd6.js → OrInlineTextarea-79da8697.js} +2 -2
  70. package/dist/esm/v3/{OrInput-4b51848c.js → OrInput-71075f51.js} +2 -2
  71. package/dist/esm/v3/{OrSearch-b6c48f3f.js → OrSearch-4e180e34.js} +1 -1
  72. package/dist/esm/v3/{OrSelect-35f70776.js → OrSelect-c64eda46.js} +2 -4
  73. package/dist/esm/v3/{OrTextarea-8b060a1b.js → OrTextarea-42d21f77.js} +2 -2
  74. package/dist/esm/v3/components/index.js +8 -8
  75. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  76. package/dist/esm/v3/components/or-confirm-v3/OrConfirm.vue.d.ts +4 -2
  77. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  78. package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
  79. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
  80. package/dist/esm/v3/components/or-input-v3/index.js +1 -1
  81. package/dist/esm/v3/components/or-search-v3/index.js +2 -2
  82. package/dist/esm/v3/components/or-select-v3/index.js +2 -2
  83. package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
  84. package/dist/esm/v3/index.js +8 -8
  85. package/package.json +2 -2
  86. package/src/components/or-confirm-v3/OrConfirm.stories3.ts +54 -56
  87. package/src/components/or-confirm-v3/OrConfirm.vue +12 -7
  88. package/src/components/or-inline-input-v3/styles.ts +2 -2
  89. package/src/components/or-inline-textarea-v3/styles.ts +2 -2
  90. package/src/components/or-input-v3/styles.ts +2 -2
  91. package/src/components/or-select-v3/OrSelect.stories3.ts +0 -4
  92. package/src/components/or-select-v3/styles.ts +1 -4
  93. package/src/components/or-textarea-v3/styles.ts +2 -2
  94. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  95. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -107
  96. package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +0 -2
  97. package/dist/bundled/v2/components/or-combined-input-v3/index.js +0 -148
  98. package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +0 -1
  99. package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  100. package/dist/bundled/v2/props-78496a2d.js +0 -12
  101. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  102. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -107
  103. package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +0 -2
  104. package/dist/bundled/v3/components/or-combined-input-v3/index.js +0 -130
  105. package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +0 -1
  106. package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  107. package/dist/bundled/v3/props-78496a2d.js +0 -12
  108. package/dist/esm/v2/OrInputBox-5c4b3104.js +0 -43
  109. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  110. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -107
  111. package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +0 -2
  112. package/dist/esm/v2/components/or-combined-input-v3/index.js +0 -145
  113. package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +0 -1
  114. package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  115. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  116. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -107
  117. package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +0 -2
  118. package/dist/esm/v3/components/or-combined-input-v3/index.js +0 -129
  119. package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +0 -1
  120. package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  121. package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +0 -7
  122. package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +0 -201
  123. package/src/components/or-combined-input-v3/OrCombinedInput.vue +0 -130
  124. package/src/components/or-combined-input-v3/index.ts +0 -2
  125. package/src/components/or-combined-input-v3/props.ts +0 -1
  126. package/src/components/or-combined-input-v3/styles.ts +0 -25
@@ -1,107 +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
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
8
- }> & import("@vue/composition-api").Data, {}, {}, {
9
- size: {
10
- type: PropType<CombinedInputSize>;
11
- default: CombinedInputSize;
12
- };
13
- label: {
14
- type: StringConstructor;
15
- default: undefined;
16
- };
17
- hint: {
18
- type: StringConstructor;
19
- default: undefined;
20
- };
21
- error: {
22
- type: StringConstructor;
23
- default: undefined;
24
- };
25
- required: {
26
- type: BooleanConstructor;
27
- default: boolean;
28
- };
29
- readonly: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- disabled: {
34
- type: BooleanConstructor;
35
- default: boolean;
36
- };
37
- disableDefaultStyles: {
38
- type: BooleanConstructor;
39
- default: boolean;
40
- };
41
- }, import("@vue/composition-api").ExtractPropTypes<{
42
- size: {
43
- type: PropType<CombinedInputSize>;
44
- default: CombinedInputSize;
45
- };
46
- label: {
47
- type: StringConstructor;
48
- default: undefined;
49
- };
50
- hint: {
51
- type: StringConstructor;
52
- default: undefined;
53
- };
54
- error: {
55
- type: StringConstructor;
56
- default: undefined;
57
- };
58
- required: {
59
- type: BooleanConstructor;
60
- default: boolean;
61
- };
62
- readonly: {
63
- type: BooleanConstructor;
64
- default: boolean;
65
- };
66
- disabled: {
67
- type: BooleanConstructor;
68
- default: boolean;
69
- };
70
- disableDefaultStyles: {
71
- type: BooleanConstructor;
72
- default: boolean;
73
- };
74
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
75
- size: CombinedInputSize;
76
- label: string;
77
- hint: string;
78
- error: string;
79
- required: boolean;
80
- readonly: boolean;
81
- disabled: boolean;
82
- disableDefaultStyles: boolean;
83
- } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
84
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
85
- rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
86
- controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
87
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
88
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
89
- size: CombinedInputSize;
90
- label: string;
91
- hint: string;
92
- error: string;
93
- required: boolean;
94
- readonly: boolean;
95
- disabled: boolean;
96
- disableDefaultStyles: boolean;
97
- } & {}, {
98
- size: CombinedInputSize;
99
- label: string;
100
- hint: string;
101
- error: string;
102
- required: boolean;
103
- readonly: boolean;
104
- disabled: boolean;
105
- disableDefaultStyles: boolean;
106
- }, true>);
107
- export default _default;
@@ -1,2 +0,0 @@
1
- export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
- export * from './props';
@@ -1,145 +0,0 @@
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,
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
- // State
72
- const invalid = computed(() => !!props.error);
73
- return {
74
- root,
75
- rootStyles,
76
- controlGroup,
77
- invalid
78
- };
79
- }
80
- });
81
-
82
- /* script */
83
- const __vue_script__ = script;
84
-
85
- /* template */
86
- var __vue_render__ = function () {
87
- var _vm = this;
88
- var _h = _vm.$createElement;
89
- var _c = _vm._self._c || _h;
90
- return _c('div', {
91
- ref: "root",
92
- class: _vm.rootStyles
93
- }, [_vm.label ? [_c('OrLabel', {
94
- attrs: {
95
- "variant": 'input',
96
- "required": _vm.required,
97
- "disabled": _vm.disabled
98
- },
99
- scopedSlots: _vm._u([{
100
- key: "addon",
101
- fn: function () {
102
- return [_vm._t("addon")];
103
- },
104
- proxy: true
105
- }], null, true)
106
- }, [_vm._v("\n " + _vm._s(_vm.label) + "\n\n ")])] : _vm._e(), _vm._v(" "), _c('div', {
107
- class: _vm.controlGroup
108
- }, [_vm._t("default", null, {
109
- "size": _vm.size,
110
- "required": _vm.required,
111
- "readonly": _vm.readonly,
112
- "disabled": _vm.disabled,
113
- "disableDefaultStyles": _vm.disableDefaultStyles
114
- })], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint ? [_c('OrHint', {
115
- attrs: {
116
- "disabled": _vm.disabled
117
- }
118
- }, [_vm._v("\n " + _vm._s(_vm.hint) + "\n ")])] : _vm._e()] : [_c('OrError', {
119
- attrs: {
120
- "disabled": _vm.disabled
121
- }
122
- }, [_vm._v("\n " + _vm._s(_vm.error) + "\n ")])]], 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
-
145
- export { __vue_component__ 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,27 +0,0 @@
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>)>;
@@ -1,107 +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
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
8
- }> & import("@vue/composition-api").Data, {}, {}, {
9
- size: {
10
- type: PropType<CombinedInputSize>;
11
- default: CombinedInputSize;
12
- };
13
- label: {
14
- type: StringConstructor;
15
- default: undefined;
16
- };
17
- hint: {
18
- type: StringConstructor;
19
- default: undefined;
20
- };
21
- error: {
22
- type: StringConstructor;
23
- default: undefined;
24
- };
25
- required: {
26
- type: BooleanConstructor;
27
- default: boolean;
28
- };
29
- readonly: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- disabled: {
34
- type: BooleanConstructor;
35
- default: boolean;
36
- };
37
- disableDefaultStyles: {
38
- type: BooleanConstructor;
39
- default: boolean;
40
- };
41
- }, import("@vue/composition-api").ExtractPropTypes<{
42
- size: {
43
- type: PropType<CombinedInputSize>;
44
- default: CombinedInputSize;
45
- };
46
- label: {
47
- type: StringConstructor;
48
- default: undefined;
49
- };
50
- hint: {
51
- type: StringConstructor;
52
- default: undefined;
53
- };
54
- error: {
55
- type: StringConstructor;
56
- default: undefined;
57
- };
58
- required: {
59
- type: BooleanConstructor;
60
- default: boolean;
61
- };
62
- readonly: {
63
- type: BooleanConstructor;
64
- default: boolean;
65
- };
66
- disabled: {
67
- type: BooleanConstructor;
68
- default: boolean;
69
- };
70
- disableDefaultStyles: {
71
- type: BooleanConstructor;
72
- default: boolean;
73
- };
74
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
75
- size: CombinedInputSize;
76
- label: string;
77
- hint: string;
78
- error: string;
79
- required: boolean;
80
- readonly: boolean;
81
- disabled: boolean;
82
- disableDefaultStyles: boolean;
83
- } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
84
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
85
- rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
86
- controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
87
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
88
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
89
- size: CombinedInputSize;
90
- label: string;
91
- hint: string;
92
- error: string;
93
- required: boolean;
94
- readonly: boolean;
95
- disabled: boolean;
96
- disableDefaultStyles: boolean;
97
- } & {}, {
98
- size: CombinedInputSize;
99
- label: string;
100
- hint: string;
101
- error: string;
102
- required: boolean;
103
- readonly: boolean;
104
- disabled: boolean;
105
- disableDefaultStyles: boolean;
106
- }, true>);
107
- export default _default;
@@ -1,2 +0,0 @@
1
- export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
- export * from './props';
@@ -1,129 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue-demi';
2
- import { s as script$1 } from '../../OrError-19198748.js';
3
- import { s as script$2 } from '../../OrHint-6863124f.js';
4
- import { s as script$3 } from '../../OrLabel-f700f9fb.js';
5
- import { a as InputBoxSize } from '../../OrInputBox-2467d7e4.js';
6
- export { a as CombinedInputSize } from '../../OrInputBox-2467d7e4.js';
7
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, Fragment } from 'vue';
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: script$1,
28
- OrHint: script$2,
29
- OrLabel: script$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,
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
- // State
72
- const invalid = computed(() => !!props.error);
73
- return {
74
- root,
75
- rootStyles,
76
- controlGroup,
77
- invalid
78
- };
79
- }
80
- });
81
-
82
- function render(_ctx, _cache, $props, $setup, $data, $options) {
83
- const _component_OrLabel = resolveComponent("OrLabel");
84
- const _component_OrHint = resolveComponent("OrHint");
85
- const _component_OrError = resolveComponent("OrError");
86
- return openBlock(), createElementBlock("div", {
87
- ref: "root",
88
- class: normalizeClass(_ctx.rootStyles)
89
- }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
90
- key: 0,
91
- variant: 'input',
92
- required: _ctx.required,
93
- disabled: _ctx.disabled
94
- }, {
95
- addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
96
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
97
-
98
- _: 3 /* FORWARDED */
99
- }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
100
- class: normalizeClass(_ctx.controlGroup)
101
- }, [renderSlot(_ctx.$slots, "default", {
102
- size: _ctx.size,
103
- required: _ctx.required,
104
- readonly: _ctx.readonly,
105
- disabled: _ctx.disabled,
106
- disableDefaultStyles: _ctx.disableDefaultStyles
107
- })], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
108
- key: 1
109
- }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
110
- key: 0,
111
- disabled: _ctx.disabled
112
- }, {
113
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
114
-
115
- _: 1 /* STABLE */
116
- }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
117
- key: 2,
118
- disabled: _ctx.disabled
119
- }, {
120
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
121
-
122
- _: 1 /* STABLE */
123
- }, 8 /* PROPS */, ["disabled"]))], 2 /* CLASS */);
124
- }
125
-
126
- script.render = render;
127
- script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
128
-
129
- 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,7 +0,0 @@
1
- import { DocsPage } from '@storybook/addon-docs';
2
-
3
- ```ts
4
- import { OrCombinedInputV3 as OrCombinedInput } from '@onereach/ui-components';
5
- ```
6
-
7
- <DocsPage />