@onereach/ui-components 2.69.2-beta.2108.0 → 2.69.2-beta.2113.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 (152) hide show
  1. package/dist/bundled/v2/{OrAvatar-2fa559e1.js → OrAvatar-ae61bfb9.js} +41 -15
  2. package/dist/bundled/v2/{OrCardCollection-3d1b3b9a.js → OrCardCollection-a9a779ea.js} +1 -1
  3. package/dist/bundled/v2/{OrConfirm-43626f94.js → OrConfirm-18c534df.js} +1 -1
  4. package/dist/bundled/v2/{OrInput-0a3666aa.js → OrInput-8b90e08f.js} +11 -18
  5. package/dist/bundled/v2/{OrInputBox-dfdcbdce.js → OrInputBox-79ec54ad.js} +14 -4
  6. package/dist/bundled/v2/{OrSearch-847c1bab.js → OrSearch-9d402f56.js} +2 -2
  7. package/dist/bundled/v2/{OrSelect-41c6588d.js → OrSelect-b20a9be0.js} +2 -8
  8. package/dist/bundled/v2/{OrTextarea-ff2ba975.js → OrTextarea-5593fbe9.js} +1 -2
  9. package/dist/bundled/v2/components/index.js +8 -9
  10. package/dist/bundled/v2/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
  11. package/dist/bundled/v2/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
  12. package/dist/bundled/v2/components/or-avatar-v3/index.js +2 -1
  13. package/dist/bundled/v2/components/or-avatar-v3/props.d.ts +2 -1
  14. package/dist/bundled/v2/components/or-avatar-v3/styles.d.ts +2 -0
  15. package/dist/bundled/v2/components/or-card-collection-v3/index.js +3 -4
  16. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -4
  17. package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -2
  18. package/dist/bundled/v2/components/or-input-v3/index.js +2 -3
  19. package/dist/bundled/v2/components/or-search-v3/index.js +3 -4
  20. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +0 -11
  21. package/dist/bundled/v2/components/or-select-v3/index.js +3 -4
  22. package/dist/bundled/v2/components/or-textarea-v3/index.js +2 -3
  23. package/dist/bundled/v2/index.js +9 -10
  24. package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-22e46ce1.js → OrAvatar.vue_vue_type_script_lang-0426862b.js} +35 -13
  25. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-fd4d589f.js → OrCardCollection.vue_vue_type_script_lang-861158b5.js} +4 -4
  26. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-338631e0.js → OrConfirm.vue_vue_type_script_lang-289b5600.js} +2 -2
  27. package/dist/bundled/v3/{OrIconButton-4bd33e3c.js → OrIconButton-1581013c.js} +1 -1
  28. package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-641f6e06.js → OrIconButton.vue_vue_type_script_lang-f6f801ff.js} +1 -1
  29. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-3a8189f4.js → OrInlineInput.vue_vue_type_script_lang-f29483f4.js} +2 -2
  30. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-890b97ab.js → OrInlineTextarea.vue_vue_type_script_lang-cc40af48.js} +2 -2
  31. package/dist/bundled/v3/{OrInput-5efc4b9a.js → OrInput-fa782fc1.js} +14 -17
  32. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-a9f3e530.js → OrInput.vue_vue_type_script_lang-f6d793d3.js} +4 -5
  33. package/dist/bundled/v3/{OrInputBox-1b143e00.js → OrInputBox-eb54d73d.js} +1 -1
  34. package/dist/{esm/v2/OrInputBox.vue_rollup-plugin-vue_script-52a54a49.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-5ee4ee45.js} +4 -5
  35. package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-00a477f0.js → OrModal.vue_vue_type_script_lang-80a7b906.js} +2 -2
  36. package/dist/bundled/v3/OrNotification.vue_vue_type_script_lang-fbb35355.js +2 -2
  37. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-df09cad8.js → OrSearch.vue_vue_type_script_lang-ed78b21f.js} +3 -3
  38. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-cf991ed8.js → OrSelect.vue_vue_type_script_lang-15285ce4.js} +5 -10
  39. package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-92d9fb12.js → OrTag.vue_vue_type_script_lang-dc6a4011.js} +2 -2
  40. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-115a1244.js → OrTextarea.vue_vue_type_script_lang-8e3531cd.js} +2 -3
  41. package/dist/bundled/v3/{OrToastContainer-afb51e5d.js → OrToastContainer-7c3c0b12.js} +1 -1
  42. package/dist/bundled/v3/components/index.js +18 -19
  43. package/dist/bundled/v3/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
  44. package/dist/bundled/v3/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
  45. package/dist/bundled/v3/components/or-avatar-v3/index.js +3 -1
  46. package/dist/bundled/v3/components/or-avatar-v3/props.d.ts +2 -1
  47. package/dist/bundled/v3/components/or-avatar-v3/styles.d.ts +2 -0
  48. package/dist/bundled/v3/components/or-card-collection-v3/index.js +7 -8
  49. package/dist/bundled/v3/components/or-confirm-v3/index.js +7 -8
  50. package/dist/bundled/v3/components/or-icon-button-v3/index.js +1 -1
  51. package/dist/bundled/v3/components/or-inline-input-v3/index.js +3 -3
  52. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +3 -3
  53. package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -2
  54. package/dist/bundled/v3/components/or-input-v3/index.js +5 -6
  55. package/dist/bundled/v3/components/or-modal-v3/index.js +3 -3
  56. package/dist/bundled/v3/components/or-notification-v3/index.js +2 -2
  57. package/dist/bundled/v3/components/or-search-v3/index.js +7 -8
  58. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +0 -11
  59. package/dist/bundled/v3/components/or-select-v3/index.js +8 -9
  60. package/dist/bundled/v3/components/or-tag-v3/index.js +3 -3
  61. package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -4
  62. package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
  63. package/dist/bundled/v3/index.js +39 -35
  64. package/dist/bundled/v3/{types-6c5eee23.js → types-dcc78caa.js} +2 -2
  65. package/dist/esm/v2/{OrAvatar-0afdef36.js → OrAvatar-3d155af3.js} +41 -15
  66. package/dist/esm/v2/{OrCardCollection-09e4cb8a.js → OrCardCollection-4f001551.js} +1 -1
  67. package/dist/esm/v2/{OrConfirm-93376443.js → OrConfirm-b0b2e43c.js} +1 -1
  68. package/dist/esm/v2/{OrInput-f92456ea.js → OrInput-2f16a7ac.js} +11 -18
  69. package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-70dec655.js → esm/v2/OrInputBox-4d5a318d.js} +57 -6
  70. package/dist/esm/v2/{OrSearch-4296eecb.js → OrSearch-ddb7c1fe.js} +2 -2
  71. package/dist/esm/v2/{OrSelect-633a9e09.js → OrSelect-f0ff5a85.js} +2 -8
  72. package/dist/esm/v2/{OrTextarea-823d0529.js → OrTextarea-6712a150.js} +1 -2
  73. package/dist/esm/v2/components/index.js +8 -9
  74. package/dist/esm/v2/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
  75. package/dist/esm/v2/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
  76. package/dist/esm/v2/components/or-avatar-v3/index.js +2 -1
  77. package/dist/esm/v2/components/or-avatar-v3/props.d.ts +2 -1
  78. package/dist/esm/v2/components/or-avatar-v3/styles.d.ts +2 -0
  79. package/dist/esm/v2/components/or-card-collection-v3/index.js +3 -4
  80. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -4
  81. package/dist/esm/v2/components/or-input-box-v3/index.js +2 -3
  82. package/dist/esm/v2/components/or-input-v3/index.js +2 -3
  83. package/dist/esm/v2/components/or-search-v3/index.js +3 -4
  84. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +0 -11
  85. package/dist/esm/v2/components/or-select-v3/index.js +3 -4
  86. package/dist/esm/v2/components/or-textarea-v3/index.js +2 -3
  87. package/dist/esm/v2/index.js +8 -9
  88. package/dist/esm/v3/{OrAvatar-ef88d31c.js → OrAvatar-53a4429d.js} +43 -16
  89. package/dist/esm/v3/{OrCardCollection-37226d46.js → OrCardCollection-5a0febaf.js} +1 -1
  90. package/dist/esm/v3/{OrConfirm-b27e7221.js → OrConfirm-906427ef.js} +1 -1
  91. package/dist/esm/v3/{OrInput-99776ffe.js → OrInput-41691fb3.js} +14 -17
  92. package/dist/esm/v3/{OrInputBox-36c102a4.js → OrInputBox-5247ab25.js} +2 -2
  93. package/dist/esm/v3/{OrSearch-188c643f.js → OrSearch-cdde55ce.js} +2 -2
  94. package/dist/esm/v3/{OrSelect-cba3966c.js → OrSelect-7e813982.js} +3 -8
  95. package/dist/esm/v3/{OrTextarea-b3ecc40d.js → OrTextarea-bb9ef3f2.js} +1 -1
  96. package/dist/esm/v3/components/index.js +8 -8
  97. package/dist/esm/v3/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
  98. package/dist/esm/v3/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
  99. package/dist/esm/v3/components/or-avatar-v3/index.js +2 -1
  100. package/dist/esm/v3/components/or-avatar-v3/props.d.ts +2 -1
  101. package/dist/esm/v3/components/or-avatar-v3/styles.d.ts +2 -0
  102. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  103. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  104. package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
  105. package/dist/esm/v3/components/or-input-v3/index.js +2 -2
  106. package/dist/esm/v3/components/or-search-v3/index.js +3 -3
  107. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +0 -11
  108. package/dist/esm/v3/components/or-select-v3/index.js +3 -3
  109. package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
  110. package/dist/esm/v3/index.js +8 -8
  111. package/package.json +2 -2
  112. package/src/components/or-avatar-v3/OrAvatar.stories3.ts +9 -7
  113. package/src/components/or-avatar-v3/OrAvatar.vue +22 -2
  114. package/src/components/or-avatar-v3/props.ts +1 -0
  115. package/src/components/or-avatar-v3/styles.ts +49 -11
  116. package/src/components/or-input-box-v3/styles.ts +3 -3
  117. package/src/components/or-input-v3/OrInput.vue +22 -28
  118. package/src/components/or-select-v3/OrSelect.stories3.ts +0 -4
  119. package/src/components/or-select-v3/OrSelect.vue +0 -6
  120. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  121. package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
  122. package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +0 -2
  123. package/dist/bundled/v2/components/or-combined-input-v3/index.js +0 -149
  124. package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +0 -1
  125. package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  126. package/dist/bundled/v2/props-78496a2d.js +0 -12
  127. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  128. package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
  129. package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +0 -2
  130. package/dist/bundled/v3/components/or-combined-input-v3/index.js +0 -132
  131. package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +0 -1
  132. package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  133. package/dist/bundled/v3/props-78496a2d.js +0 -12
  134. package/dist/esm/v2/OrInputBox-ad7c1875.js +0 -43
  135. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  136. package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
  137. package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +0 -2
  138. package/dist/esm/v2/components/or-combined-input-v3/index.js +0 -147
  139. package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +0 -1
  140. package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +0 -2
  141. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
  142. package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
  143. package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +0 -2
  144. package/dist/esm/v3/components/or-combined-input-v3/index.js +0 -132
  145. package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +0 -1
  146. package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +0 -2
  147. package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +0 -7
  148. package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +0 -202
  149. package/src/components/or-combined-input-v3/OrCombinedInput.vue +0 -134
  150. package/src/components/or-combined-input-v3/index.ts +0 -2
  151. package/src/components/or-combined-input-v3/props.ts +0 -1
  152. package/src/components/or-combined-input-v3/styles.ts +0 -25
@@ -1,98 +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 | undefined)[]>;
6
- controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
7
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
8
- readonly: import("@vue/composition-api").ComputedRef<boolean>;
9
- }> & import("@vue/composition-api").Data, {}, {}, {
10
- size: {
11
- type: PropType<CombinedInputSize>;
12
- default: CombinedInputSize;
13
- };
14
- label: {
15
- type: StringConstructor;
16
- default: undefined;
17
- };
18
- hint: {
19
- type: StringConstructor;
20
- default: undefined;
21
- };
22
- error: {
23
- type: StringConstructor;
24
- default: undefined;
25
- };
26
- required: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- disabled: {
31
- type: BooleanConstructor;
32
- default: boolean;
33
- };
34
- disableDefaultStyles: {
35
- type: BooleanConstructor;
36
- default: boolean;
37
- };
38
- }, import("@vue/composition-api").ExtractPropTypes<{
39
- size: {
40
- type: PropType<CombinedInputSize>;
41
- default: CombinedInputSize;
42
- };
43
- label: {
44
- type: StringConstructor;
45
- default: undefined;
46
- };
47
- hint: {
48
- type: StringConstructor;
49
- default: undefined;
50
- };
51
- error: {
52
- type: StringConstructor;
53
- default: undefined;
54
- };
55
- required: {
56
- type: BooleanConstructor;
57
- default: boolean;
58
- };
59
- disabled: {
60
- type: BooleanConstructor;
61
- default: boolean;
62
- };
63
- disableDefaultStyles: {
64
- type: BooleanConstructor;
65
- default: boolean;
66
- };
67
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
68
- size: CombinedInputSize;
69
- label: string;
70
- hint: string;
71
- error: string;
72
- required: boolean;
73
- disabled: boolean;
74
- disableDefaultStyles: boolean;
75
- } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
76
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
77
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
78
- controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
79
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
80
- readonly: import("@vue/composition-api").ComputedRef<boolean>;
81
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
82
- size: CombinedInputSize;
83
- label: string;
84
- hint: string;
85
- error: string;
86
- required: boolean;
87
- disabled: boolean;
88
- disableDefaultStyles: boolean;
89
- } & {}, {
90
- size: CombinedInputSize;
91
- label: string;
92
- hint: string;
93
- error: string;
94
- required: boolean;
95
- disabled: boolean;
96
- disableDefaultStyles: boolean;
97
- }, true>);
98
- export default _default;
@@ -1,2 +0,0 @@
1
- export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
- export * from './props';
@@ -1,147 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue-demi';
2
- import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
3
- import '@vueuse/core';
4
- import { _ as __vue_component__$1 } from '../../OrError-d267ee9a.js';
5
- import { _ as __vue_component__$2 } from '../../OrHint-42dc9ebb.js';
6
- import { _ as __vue_component__$3 } from '../../OrLabel-2a9f1477.js';
7
- import { a as InputBoxSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-52a54a49.js';
8
- export { a as CombinedInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-52a54a49.js';
9
- import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
10
-
11
- const CombinedInputRoot = [
12
- // Layout
13
- 'layout-column',
14
- // Spacing
15
- 'gap-xs'];
16
- const CombinedInputControlGroup = [
17
- // Layout
18
- 'layout-row',
19
- // Box
20
- 'w-full',
21
- // Shape (.or-input-box)
22
- '[&_.or-input-box]:first-child:rounded-r-none', '[&_.or-input-box]:intermediate-child:rounded-none', '[&_.or-input-box]:last-child:rounded-l-none',
23
- // Spacing (.or-input-box)
24
- '[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
25
-
26
- var script = defineComponent({
27
- name: 'OrCombinedInput',
28
- components: {
29
- OrError: __vue_component__$1,
30
- OrHint: __vue_component__$2,
31
- OrLabel: __vue_component__$3
32
- },
33
- inheritAttrs: false,
34
- props: {
35
- size: {
36
- type: String,
37
- default: InputBoxSize.M
38
- },
39
- label: {
40
- type: String,
41
- default: undefined
42
- },
43
- hint: {
44
- type: String,
45
- default: undefined
46
- },
47
- error: {
48
- type: String,
49
- default: undefined
50
- },
51
- required: {
52
- type: Boolean,
53
- default: false
54
- },
55
- disabled: {
56
- type: Boolean,
57
- default: false
58
- },
59
- disableDefaultStyles: {
60
- type: Boolean,
61
- default: false
62
- }
63
- },
64
- setup(props, context) {
65
- // Refs
66
- const root = ref();
67
- // Styles
68
- const classAttribute = useClassAttribute();
69
- const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
70
- const controlGroup = computed(() => [...CombinedInputControlGroup]);
71
- // State
72
- const invalid = computed(() => !!props.error);
73
- const readonly = computed(() => context.attrs.readonly);
74
- return {
75
- root,
76
- rootStyles,
77
- controlGroup,
78
- invalid,
79
- readonly
80
- };
81
- }
82
- });
83
-
84
- /* 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', _vm._b({
93
- ref: "root",
94
- class: _vm.rootStyles
95
- }, 'div', _vm.$attrs, false), [_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
-
147
- 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,98 +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 | undefined)[]>;
6
- controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
7
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
8
- readonly: import("@vue/composition-api").ComputedRef<boolean>;
9
- }> & import("@vue/composition-api").Data, {}, {}, {
10
- size: {
11
- type: PropType<CombinedInputSize>;
12
- default: CombinedInputSize;
13
- };
14
- label: {
15
- type: StringConstructor;
16
- default: undefined;
17
- };
18
- hint: {
19
- type: StringConstructor;
20
- default: undefined;
21
- };
22
- error: {
23
- type: StringConstructor;
24
- default: undefined;
25
- };
26
- required: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- disabled: {
31
- type: BooleanConstructor;
32
- default: boolean;
33
- };
34
- disableDefaultStyles: {
35
- type: BooleanConstructor;
36
- default: boolean;
37
- };
38
- }, import("@vue/composition-api").ExtractPropTypes<{
39
- size: {
40
- type: PropType<CombinedInputSize>;
41
- default: CombinedInputSize;
42
- };
43
- label: {
44
- type: StringConstructor;
45
- default: undefined;
46
- };
47
- hint: {
48
- type: StringConstructor;
49
- default: undefined;
50
- };
51
- error: {
52
- type: StringConstructor;
53
- default: undefined;
54
- };
55
- required: {
56
- type: BooleanConstructor;
57
- default: boolean;
58
- };
59
- disabled: {
60
- type: BooleanConstructor;
61
- default: boolean;
62
- };
63
- disableDefaultStyles: {
64
- type: BooleanConstructor;
65
- default: boolean;
66
- };
67
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
68
- size: CombinedInputSize;
69
- label: string;
70
- hint: string;
71
- error: string;
72
- required: boolean;
73
- disabled: boolean;
74
- disableDefaultStyles: boolean;
75
- } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
76
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
77
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
78
- controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
79
- invalid: import("@vue/composition-api").ComputedRef<boolean>;
80
- readonly: import("@vue/composition-api").ComputedRef<boolean>;
81
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
82
- size: CombinedInputSize;
83
- label: string;
84
- hint: string;
85
- error: string;
86
- required: boolean;
87
- disabled: boolean;
88
- disableDefaultStyles: boolean;
89
- } & {}, {
90
- size: CombinedInputSize;
91
- label: string;
92
- hint: string;
93
- error: string;
94
- required: boolean;
95
- disabled: boolean;
96
- disableDefaultStyles: boolean;
97
- }, true>);
98
- export default _default;
@@ -1,2 +0,0 @@
1
- export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
2
- export * from './props';
@@ -1,132 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue-demi';
2
- import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
3
- import '@vueuse/core';
4
- import { s as script$1 } from '../../OrError-ec8c709d.js';
5
- import { s as script$2 } from '../../OrHint-74bb732d.js';
6
- import { s as script$3 } from '../../OrLabel-bdaec602.js';
7
- import { a as InputBoxSize } from '../../OrInputBox-36c102a4.js';
8
- export { a as CombinedInputSize } from '../../OrInputBox-36c102a4.js';
9
- import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, Fragment } from 'vue';
10
-
11
- const CombinedInputRoot = [
12
- // Layout
13
- 'layout-column',
14
- // Spacing
15
- 'gap-xs'];
16
- const CombinedInputControlGroup = [
17
- // Layout
18
- 'layout-row',
19
- // Box
20
- 'w-full',
21
- // Shape (.or-input-box)
22
- '[&_.or-input-box]:first-child:rounded-r-none', '[&_.or-input-box]:intermediate-child:rounded-none', '[&_.or-input-box]:last-child:rounded-l-none',
23
- // Spacing (.or-input-box)
24
- '[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
25
-
26
- var script = defineComponent({
27
- name: 'OrCombinedInput',
28
- components: {
29
- OrError: script$1,
30
- OrHint: script$2,
31
- OrLabel: script$3
32
- },
33
- inheritAttrs: false,
34
- props: {
35
- size: {
36
- type: String,
37
- default: InputBoxSize.M
38
- },
39
- label: {
40
- type: String,
41
- default: undefined
42
- },
43
- hint: {
44
- type: String,
45
- default: undefined
46
- },
47
- error: {
48
- type: String,
49
- default: undefined
50
- },
51
- required: {
52
- type: Boolean,
53
- default: false
54
- },
55
- disabled: {
56
- type: Boolean,
57
- default: false
58
- },
59
- disableDefaultStyles: {
60
- type: Boolean,
61
- default: false
62
- }
63
- },
64
- setup(props, context) {
65
- // Refs
66
- const root = ref();
67
- // Styles
68
- const classAttribute = useClassAttribute();
69
- const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
70
- const controlGroup = computed(() => [...CombinedInputControlGroup]);
71
- // State
72
- const invalid = computed(() => !!props.error);
73
- const readonly = computed(() => context.attrs.readonly);
74
- return {
75
- root,
76
- rootStyles,
77
- controlGroup,
78
- invalid,
79
- readonly
80
- };
81
- }
82
- });
83
-
84
- function render(_ctx, _cache, $props, $setup, $data, $options) {
85
- const _component_OrLabel = resolveComponent("OrLabel");
86
- const _component_OrHint = resolveComponent("OrHint");
87
- const _component_OrError = resolveComponent("OrError");
88
- return openBlock(), createElementBlock("div", mergeProps({
89
- ref: "root"
90
- }, _ctx.$attrs, {
91
- class: _ctx.rootStyles
92
- }), [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
93
- key: 0,
94
- variant: 'input',
95
- required: _ctx.required,
96
- disabled: _ctx.disabled
97
- }, {
98
- addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
99
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
100
-
101
- _: 3 /* FORWARDED */
102
- }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
103
- class: normalizeClass(_ctx.controlGroup)
104
- }, [renderSlot(_ctx.$slots, "default", {
105
- size: _ctx.size,
106
- required: _ctx.required,
107
- readonly: _ctx.readonly,
108
- disabled: _ctx.disabled,
109
- disableDefaultStyles: _ctx.disableDefaultStyles
110
- })], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
111
- key: 1
112
- }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
113
- key: 0,
114
- disabled: _ctx.disabled
115
- }, {
116
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
117
-
118
- _: 1 /* STABLE */
119
- }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
120
- key: 2,
121
- disabled: _ctx.disabled
122
- }, {
123
- default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
124
-
125
- _: 1 /* STABLE */
126
- }, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
127
- }
128
-
129
- script.render = render;
130
- script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
131
-
132
- export { script as OrCombinedInputV3 };
@@ -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 />