@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,148 +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,
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
- // State
74
- const invalid = computed(() => !!props.error);
75
- return {
76
- root,
77
- rootStyles,
78
- controlGroup,
79
- invalid
80
- };
81
- }
82
- });
83
-
84
- /* script */
85
- const __vue_script__ = script;
86
-
87
- /* template */
88
- var __vue_render__ = function () {
89
- var _vm = this;
90
- var _h = _vm.$createElement;
91
- var _c = _vm._self._c || _h;
92
- return _c('div', {
93
- ref: "root",
94
- class: _vm.rootStyles
95
- }, [_vm.label ? [_c('OrLabel', {
96
- attrs: {
97
- "variant": 'input',
98
- "required": _vm.required,
99
- "disabled": _vm.disabled
100
- },
101
- scopedSlots: _vm._u([{
102
- key: "addon",
103
- fn: function () {
104
- return [_vm._t("addon")];
105
- },
106
- proxy: true
107
- }], null, true)
108
- }, [_vm._v("\n " + _vm._s(_vm.label) + "\n\n ")])] : _vm._e(), _vm._v(" "), _c('div', {
109
- class: _vm.controlGroup
110
- }, [_vm._t("default", null, {
111
- "size": _vm.size,
112
- "required": _vm.required,
113
- "readonly": _vm.readonly,
114
- "disabled": _vm.disabled,
115
- "disableDefaultStyles": _vm.disableDefaultStyles
116
- })], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint ? [_c('OrHint', {
117
- attrs: {
118
- "disabled": _vm.disabled
119
- }
120
- }, [_vm._v("\n " + _vm._s(_vm.hint) + "\n ")])] : _vm._e()] : [_c('OrError', {
121
- attrs: {
122
- "disabled": _vm.disabled
123
- }
124
- }, [_vm._v("\n " + _vm._s(_vm.error) + "\n ")])]], 2);
125
- };
126
- var __vue_staticRenderFns__ = [];
127
-
128
- /* style */
129
- const __vue_inject_styles__ = undefined;
130
- /* scoped */
131
- const __vue_scope_id__ = undefined;
132
- /* module identifier */
133
- const __vue_module_identifier__ = undefined;
134
- /* functional template */
135
- const __vue_is_functional_template__ = false;
136
- /* style inject */
137
-
138
- /* style inject SSR */
139
-
140
- /* style inject shadow dom */
141
-
142
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
143
- render: __vue_render__,
144
- staticRenderFns: __vue_staticRenderFns__
145
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
146
- var __vue_component__$1 = __vue_component__;
147
-
148
- 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,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,130 +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,
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
- // State
73
- const invalid = computed(() => !!props.error);
74
- return {
75
- root,
76
- rootStyles,
77
- controlGroup,
78
- invalid
79
- };
80
- }
81
- });
82
-
83
- function render(_ctx, _cache, $props, $setup, $data, $options) {
84
- const _component_OrLabel = resolveComponent("OrLabel");
85
- const _component_OrHint = resolveComponent("OrHint");
86
- const _component_OrError = resolveComponent("OrError");
87
- return openBlock(), createElementBlock("div", {
88
- ref: "root",
89
- class: normalizeClass(_ctx.rootStyles)
90
- }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
91
- key: 0,
92
- variant: 'input',
93
- required: _ctx.required,
94
- disabled: _ctx.disabled
95
- }, {
96
- addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
97
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
98
-
99
- _: 3 /* FORWARDED */
100
- }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
101
- class: normalizeClass(_ctx.controlGroup)
102
- }, [renderSlot(_ctx.$slots, "default", {
103
- size: _ctx.size,
104
- required: _ctx.required,
105
- readonly: _ctx.readonly,
106
- disabled: _ctx.disabled,
107
- disableDefaultStyles: _ctx.disableDefaultStyles
108
- })], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
109
- key: 1
110
- }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
111
- key: 0,
112
- disabled: _ctx.disabled
113
- }, {
114
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
115
-
116
- _: 1 /* STABLE */
117
- }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
118
- key: 2,
119
- disabled: _ctx.disabled
120
- }, {
121
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
122
-
123
- _: 1 /* STABLE */
124
- }, 8 /* PROPS */, ["disabled"]))], 2 /* CLASS */);
125
- }
126
-
127
- script.render = render;
128
- script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
129
-
130
- 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,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>)>;