@onereach/ui-components 2.62.7 → 2.62.8-beta.1934.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/v2/{OrInlineInput-8455f9da.js → OrInlineInput-f00cba5e.js} +5 -4
  2. package/dist/v2/{OrInlineTextarea-1127e512.js → OrInlineTextarea-75de33d0.js} +5 -4
  3. package/dist/v2/OrSegmentedControl-17df63b8.js +236 -0
  4. package/dist/v2/{OrTabs-b4a9740b.js → OrTabs-f2a60b41.js} +1 -1
  5. package/dist/v2/components/index.d.ts +1 -0
  6. package/dist/v2/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts +12 -0
  7. package/dist/v2/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
  8. package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
  9. package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
  10. package/dist/v2/components/or-segmented-control-v3/index.d.ts +3 -0
  11. package/dist/v2/components/or-segmented-control-v3/props.d.ts +4 -0
  12. package/dist/v2/components/or-segmented-control-v3/styles.d.ts +3 -0
  13. package/dist/v2/components/or-segmented-control-v3/types.d.ts +4 -0
  14. package/dist/v2/index.js +4 -3
  15. package/dist/v2/index2.js +4 -3
  16. package/dist/v2/index34.js +1 -1
  17. package/dist/v2/index36.js +1 -1
  18. package/dist/v2/index63.js +2 -16
  19. package/dist/v2/index64.js +15 -24
  20. package/dist/v2/index65.js +26 -4
  21. package/dist/v2/index66.js +2 -1
  22. package/dist/v2/index67.js +3 -4
  23. package/dist/v2/index68.js +3 -4
  24. package/dist/v2/index69.js +3 -10
  25. package/dist/v2/index70.js +3 -6
  26. package/dist/v2/index71.js +13 -2
  27. package/dist/v2/index72.js +4 -6
  28. package/dist/v2/index73.js +6 -4
  29. package/dist/v2/index74.js +2 -1
  30. package/dist/v2/index75.js +3 -3
  31. package/dist/v2/index76.js +3 -4
  32. package/dist/v2/index77.js +4 -15
  33. package/dist/v2/index78.js +14 -11
  34. package/dist/v2/index79.js +11 -13
  35. package/dist/v2/index80.js +14 -2
  36. package/dist/v2/index81.js +2 -2
  37. package/dist/v2/index82.js +2 -3
  38. package/dist/v2/index83.js +1 -6
  39. package/dist/v2/index84.js +7 -20
  40. package/dist/v2/index85.js +12 -9
  41. package/dist/v2/index86.js +18 -1
  42. package/dist/v2/index87.js +2 -18
  43. package/dist/v2/index88.js +18 -2
  44. package/dist/v2/index89.js +2 -10
  45. package/dist/v2/index90.js +9 -11
  46. package/dist/v2/index91.js +12 -1
  47. package/dist/v2/index92.js +1 -6
  48. package/dist/v2/index93.js +5 -1
  49. package/dist/v2/index94.js +3 -0
  50. package/dist/v3/{OrInlineInput-a080b0a3.js → OrInlineInput-bac4abdd.js} +3 -2
  51. package/dist/v3/{OrInlineTextarea-08767485.js → OrInlineTextarea-d1ec1bba.js} +3 -2
  52. package/dist/v3/OrSegmentedControl-2bbc0f22.js +184 -0
  53. package/dist/v3/{OrTabs-194ca950.js → OrTabs-ac0be933.js} +1 -1
  54. package/dist/v3/components/index.d.ts +1 -0
  55. package/dist/v3/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts +12 -0
  56. package/dist/v3/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
  57. package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
  58. package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
  59. package/dist/v3/components/or-segmented-control-v3/index.d.ts +3 -0
  60. package/dist/v3/components/or-segmented-control-v3/props.d.ts +4 -0
  61. package/dist/v3/components/or-segmented-control-v3/styles.d.ts +3 -0
  62. package/dist/v3/components/or-segmented-control-v3/types.d.ts +4 -0
  63. package/dist/v3/index.js +4 -3
  64. package/dist/v3/index2.js +4 -3
  65. package/dist/v3/index34.js +1 -1
  66. package/dist/v3/index36.js +1 -1
  67. package/dist/v3/index63.js +2 -15
  68. package/dist/v3/index64.js +13 -22
  69. package/dist/v3/index65.js +24 -3
  70. package/dist/v3/index66.js +2 -1
  71. package/dist/v3/index67.js +3 -4
  72. package/dist/v3/index68.js +3 -4
  73. package/dist/v3/index69.js +3 -9
  74. package/dist/v3/index70.js +3 -4
  75. package/dist/v3/index71.js +10 -2
  76. package/dist/v3/index72.js +3 -5
  77. package/dist/v3/index73.js +5 -3
  78. package/dist/v3/index74.js +2 -1
  79. package/dist/v3/index75.js +3 -3
  80. package/dist/v3/index76.js +3 -4
  81. package/dist/v3/index77.js +4 -14
  82. package/dist/v3/index78.js +13 -10
  83. package/dist/v3/index79.js +10 -12
  84. package/dist/v3/index80.js +13 -1
  85. package/dist/v3/index81.js +1 -1
  86. package/dist/v3/index82.js +1 -3
  87. package/dist/v3/index83.js +1 -6
  88. package/dist/v3/index84.js +6 -16
  89. package/dist/v3/index85.js +12 -9
  90. package/dist/v3/index86.js +15 -1
  91. package/dist/v3/index87.js +2 -17
  92. package/dist/v3/index88.js +17 -2
  93. package/dist/v3/index89.js +2 -8
  94. package/dist/v3/index90.js +6 -9
  95. package/dist/v3/index91.js +11 -1
  96. package/dist/v3/index92.js +1 -6
  97. package/dist/v3/index93.js +5 -1
  98. package/dist/v3/index94.js +3 -0
  99. package/package.json +2 -3
  100. package/src/components/index.ts +1 -0
  101. package/src/components/or-checkbox-v3/OrCheckbox.stories3.ts +1 -1
  102. package/src/components/or-inline-input-v3/OrInlineInput.vue +2 -2
  103. package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +2 -2
  104. package/src/components/or-radio-v3/OrRadio.stories3.ts +1 -1
  105. package/src/components/or-segmented-control-v3/OrSegmentedControl.docs.mdx +7 -0
  106. package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts +106 -0
  107. package/src/components/or-segmented-control-v3/OrSegmentedControl.vue +107 -0
  108. package/src/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue +64 -0
  109. package/src/components/or-segmented-control-v3/components/or-segmented-control-item/styles.ts +50 -0
  110. package/src/components/or-segmented-control-v3/index.ts +3 -0
  111. package/src/components/or-segmented-control-v3/props.ts +4 -0
  112. package/src/components/or-segmented-control-v3/styles.ts +24 -0
  113. package/src/components/or-segmented-control-v3/types.ts +4 -0
  114. package/src/components/or-switch-v3/OrSwitch.stories3.ts +1 -1
  115. package/src/components/or-tabs-v3/OrTabs.stories3.ts +9 -4
  116. package/src/components/or-tabs-v3/OrTabs.vue +1 -1
  117. package/src/hooks/useClassAttribute.ts +1 -1
@@ -129,14 +129,15 @@ var script = defineComponent({
129
129
  activated.value = false;
130
130
  }
131
131
  function reset() {
132
+ var _a;
132
133
  if (draftModelValue.value !== proxyModelValue.value) {
133
- draftModelValue.value = proxyModelValue.value;
134
+ draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
134
135
  }
135
136
  activated.value = false;
136
137
  }
137
138
  // Effects
138
139
  watch(proxyModelValue, value => {
139
- draftModelValue.value = value;
140
+ draftModelValue.value = value !== null && value !== void 0 ? value : '';
140
141
  }, {
141
142
  immediate: true
142
143
  });
@@ -160,7 +161,7 @@ var script = defineComponent({
160
161
  }
161
162
  });
162
163
 
163
- var css_248z = "input[data-v-8d82b992]{min-width:0;background:0 0;outline:0}input[type=number][data-v-8d82b992]::-webkit-inner-spin-button{display:none}input[type=search][data-v-8d82b992]::-webkit-search-cancel-button{display:none}";
164
+ var css_248z = "input[data-v-a3435312]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a3435312]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a3435312]::-webkit-search-cancel-button{display:none}";
164
165
  styleInject(css_248z);
165
166
 
166
167
  /* script */
@@ -333,7 +334,7 @@ var __vue_staticRenderFns__ = [];
333
334
  /* style */
334
335
  const __vue_inject_styles__ = undefined;
335
336
  /* scoped */
336
- const __vue_scope_id__ = "data-v-8d82b992";
337
+ const __vue_scope_id__ = "data-v-a3435312";
337
338
  /* module identifier */
338
339
  const __vue_module_identifier__ = undefined;
339
340
  /* functional template */
@@ -115,14 +115,15 @@ var script = defineComponent({
115
115
  activated.value = false;
116
116
  }
117
117
  function reset() {
118
+ var _a;
118
119
  if (draftModelValue.value !== proxyModelValue.value) {
119
- draftModelValue.value = proxyModelValue.value;
120
+ draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
120
121
  }
121
122
  activated.value = false;
122
123
  }
123
124
  // Effects
124
125
  watch(proxyModelValue, value => {
125
- draftModelValue.value = value;
126
+ draftModelValue.value = value !== null && value !== void 0 ? value : '';
126
127
  }, {
127
128
  immediate: true
128
129
  });
@@ -146,7 +147,7 @@ var script = defineComponent({
146
147
  }
147
148
  });
148
149
 
149
- var css_248z = "textarea[data-v-d02de720]{min-width:0;background:0 0;outline:0}";
150
+ var css_248z = "textarea[data-v-314d21b0]{min-width:0;background:0 0;outline:0}";
150
151
  styleInject(css_248z);
151
152
 
152
153
  /* script */
@@ -245,7 +246,7 @@ var __vue_staticRenderFns__ = [];
245
246
  /* style */
246
247
  const __vue_inject_styles__ = undefined;
247
248
  /* scoped */
248
- const __vue_scope_id__ = "data-v-d02de720";
249
+ const __vue_scope_id__ = "data-v-314d21b0";
249
250
  /* module identifier */
250
251
  const __vue_module_identifier__ = undefined;
251
252
  /* functional template */
@@ -0,0 +1,236 @@
1
+ import { defineComponent, ref, computed } from 'vue-demi';
2
+ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
+ import '@vueuse/core';
4
+ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
5
+
6
+ const SegmentedControlItemRoot = [
7
+ // Layout
8
+ 'flex', 'items-center', 'justify-center',
9
+ // Shape
10
+ 'rounded-md',
11
+ // Interactivity
12
+ 'interactivity-auto',
13
+ // Theme
14
+ 'theme-foreground-default', 'dark:theme-foreground-default-dark',
15
+ // Theme (selected)
16
+ 'selected:theme-background-default', 'dark:selected:theme-background-default-dark',
17
+ // Theme (selected, enabled)
18
+ 'selected:enabled:shadow-card', 'dark:selected:enabled:shadow-card-dark'];
19
+ const SegmentedControlItemRootSizes = {
20
+ 'm': [
21
+ // Box
22
+ 'h-[44px] md:h-[36px]',
23
+ // Spacing
24
+ 'px-sm+ md:px-sm+',
25
+ // Typography
26
+ 'typography-body-2-regular'],
27
+ 's': [
28
+ // Box
29
+ 'h-[36px] md:h-[32px]',
30
+ // Spacing
31
+ 'px-sm+ md:px-sm',
32
+ // Typography
33
+ 'typography-caption-regular']
34
+ };
35
+
36
+ var script$1 = defineComponent({
37
+ name: 'OrSegmentedControlItem',
38
+ inheritAttrs: false,
39
+ props: {
40
+ size: {
41
+ type: String,
42
+ required: true
43
+ },
44
+ selected: {
45
+ type: Boolean,
46
+ default: false
47
+ },
48
+ disabled: {
49
+ type: Boolean,
50
+ default: false
51
+ }
52
+ },
53
+ setup(props) {
54
+ // Refs
55
+ const root = ref();
56
+ // Styles
57
+ const classAttribute = useClassAttribute();
58
+ const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size], classAttribute.value]);
59
+ return {
60
+ root,
61
+ rootStyles
62
+ };
63
+ }
64
+ });
65
+
66
+ /* script */
67
+ const __vue_script__$1 = script$1;
68
+
69
+ /* template */
70
+ var __vue_render__$1 = function () {
71
+ var _vm = this;
72
+ var _h = _vm.$createElement;
73
+ var _c = _vm._self._c || _h;
74
+ return _c('div', _vm._b({
75
+ ref: "root",
76
+ class: _vm.rootStyles,
77
+ attrs: {
78
+ "selected": _vm.selected ? '' : null,
79
+ "disabled": _vm.disabled ? '' : null
80
+ },
81
+ on: {
82
+ "click": function ($event) {
83
+ return _vm.$emit('click', $event);
84
+ }
85
+ }
86
+ }, 'div', _vm.$attrs, false), [_c('div', {
87
+ class: ['truncate']
88
+ }, [_vm._t("default")], 2)]);
89
+ };
90
+ var __vue_staticRenderFns__$1 = [];
91
+
92
+ /* style */
93
+ const __vue_inject_styles__$1 = undefined;
94
+ /* scoped */
95
+ const __vue_scope_id__$1 = undefined;
96
+ /* module identifier */
97
+ const __vue_module_identifier__$1 = undefined;
98
+ /* functional template */
99
+ const __vue_is_functional_template__$1 = false;
100
+ /* style inject */
101
+
102
+ /* style inject SSR */
103
+
104
+ /* style inject shadow dom */
105
+
106
+ const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
107
+ render: __vue_render__$1,
108
+ staticRenderFns: __vue_staticRenderFns__$1
109
+ }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
110
+
111
+ var SegmentedControlSize;
112
+ (function (SegmentedControlSize) {
113
+ SegmentedControlSize["M"] = "m";
114
+ SegmentedControlSize["S"] = "s";
115
+ })(SegmentedControlSize || (SegmentedControlSize = {}));
116
+
117
+ const SegmentedControlRoot = [
118
+ // Layout
119
+ 'grid', 'grid-flow-col', 'auto-cols-fr',
120
+ // Shape
121
+ 'rounded-md',
122
+ // Spacing
123
+ 'px-[2px]', 'py-[2px]',
124
+ // Theme
125
+ 'theme-background-surface-variant', 'dark:theme-background-surface-variant-dark'];
126
+ const SegmentedControlRootSizes = {
127
+ 'm': [],
128
+ 's': []
129
+ };
130
+
131
+ var script = defineComponent({
132
+ name: 'OrSegmentedControl',
133
+ components: {
134
+ OrSegmentedControlItem: __vue_component__$1
135
+ },
136
+ inheritAttrs: false,
137
+ props: {
138
+ options: {
139
+ type: Array,
140
+ default: []
141
+ },
142
+ modelValue: {
143
+ type: String,
144
+ default: undefined
145
+ },
146
+ value: {
147
+ type: String,
148
+ default: undefined
149
+ },
150
+ size: {
151
+ type: String,
152
+ default: SegmentedControlSize.M
153
+ },
154
+ disabled: {
155
+ type: Boolean,
156
+ default: false
157
+ }
158
+ },
159
+ emits: ['update:modelValue', 'input'],
160
+ expose: ['root'],
161
+ setup(props, context) {
162
+ // Refs
163
+ const root = ref();
164
+ // Styles
165
+ const classAttribute = useClassAttribute();
166
+ const rootStyles = computed(() => ['or-segmented-control', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size], classAttribute.value]);
167
+ // State
168
+ const proxyModelValue = computed({
169
+ get: () => {
170
+ var _a;
171
+ return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
172
+ },
173
+
174
+ set: value => {
175
+ context.emit('input', value);
176
+ context.emit('update:modelValue', value);
177
+ }
178
+ });
179
+ return {
180
+ root,
181
+ rootStyles,
182
+ proxyModelValue
183
+ };
184
+ }
185
+ });
186
+
187
+ /* script */
188
+ const __vue_script__ = script;
189
+
190
+ /* template */
191
+ var __vue_render__ = function () {
192
+ var _vm = this;
193
+ var _h = _vm.$createElement;
194
+ var _c = _vm._self._c || _h;
195
+ return _c('div', _vm._b({
196
+ ref: "root",
197
+ class: _vm.rootStyles
198
+ }, 'div', _vm.$attrs, false), _vm._l(_vm.options, function (option) {
199
+ return _c('OrSegmentedControlItem', {
200
+ key: option.value,
201
+ attrs: {
202
+ "size": _vm.size,
203
+ "selected": option.value === _vm.proxyModelValue,
204
+ "disabled": _vm.disabled
205
+ },
206
+ on: {
207
+ "click": function ($event) {
208
+ $event.stopPropagation();
209
+ _vm.proxyModelValue = option.value;
210
+ }
211
+ }
212
+ }, [_vm._v("\n " + _vm._s(option.label) + "\n ")]);
213
+ }), 1);
214
+ };
215
+ var __vue_staticRenderFns__ = [];
216
+
217
+ /* style */
218
+ const __vue_inject_styles__ = undefined;
219
+ /* scoped */
220
+ const __vue_scope_id__ = undefined;
221
+ /* module identifier */
222
+ const __vue_module_identifier__ = undefined;
223
+ /* functional template */
224
+ const __vue_is_functional_template__ = false;
225
+ /* style inject */
226
+
227
+ /* style inject SSR */
228
+
229
+ /* style inject shadow dom */
230
+
231
+ const __vue_component__ = /*#__PURE__*/normalizeComponent({
232
+ render: __vue_render__,
233
+ staticRenderFns: __vue_staticRenderFns__
234
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
235
+
236
+ export { SegmentedControlSize as S, __vue_component__ as _ };
@@ -169,7 +169,7 @@ var __vue_render__ = function () {
169
169
  return _c('OrTab', {
170
170
  key: tab.value,
171
171
  attrs: {
172
- "selected": _vm.proxyModelValue === tab.value
172
+ "selected": tab.value === _vm.proxyModelValue
173
173
  },
174
174
  on: {
175
175
  "click": function ($event) {
@@ -58,6 +58,7 @@ export * from './or-radio';
58
58
  export * from './or-radio-group';
59
59
  export * from './or-radio-v3';
60
60
  export * from './or-search-v3';
61
+ export * from './or-segmented-control-v3';
61
62
  export * from './or-select';
62
63
  export * from './or-select-v3';
63
64
  export * from './or-sidebar';
@@ -0,0 +1,12 @@
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 Base: 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>)>;
@@ -0,0 +1,77 @@
1
+ import { PropType } from 'vue-demi';
2
+ import { SegmentedControlSize } from './props';
3
+ import { SegmentedControlOption } from './types';
4
+ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
5
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
6
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
7
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
8
+ }> & import("@vue/composition-api").Data, {}, {}, {
9
+ options: {
10
+ type: PropType<SegmentedControlOption[]>;
11
+ default: SegmentedControlOption[];
12
+ };
13
+ modelValue: {
14
+ type: StringConstructor;
15
+ default: undefined;
16
+ };
17
+ value: {
18
+ type: StringConstructor;
19
+ default: undefined;
20
+ };
21
+ size: {
22
+ type: PropType<SegmentedControlSize>;
23
+ default: SegmentedControlSize;
24
+ };
25
+ disabled: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ }, import("@vue/composition-api").ExtractPropTypes<{
30
+ options: {
31
+ type: PropType<SegmentedControlOption[]>;
32
+ default: SegmentedControlOption[];
33
+ };
34
+ modelValue: {
35
+ type: StringConstructor;
36
+ default: undefined;
37
+ };
38
+ value: {
39
+ type: StringConstructor;
40
+ default: undefined;
41
+ };
42
+ size: {
43
+ type: PropType<SegmentedControlSize>;
44
+ default: SegmentedControlSize;
45
+ };
46
+ disabled: {
47
+ type: BooleanConstructor;
48
+ default: boolean;
49
+ };
50
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
51
+ options: SegmentedControlOption[];
52
+ modelValue: string;
53
+ value: string;
54
+ size: SegmentedControlSize;
55
+ disabled: boolean;
56
+ } & {} & {
57
+ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
58
+ }, import("@vue/composition-api").ShallowUnwrapRef<{
59
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
60
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
61
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
62
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
63
+ options: SegmentedControlOption[];
64
+ modelValue: string;
65
+ value: string;
66
+ size: SegmentedControlSize;
67
+ disabled: boolean;
68
+ } & {} & {
69
+ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
70
+ }, {
71
+ options: SegmentedControlOption[];
72
+ modelValue: string;
73
+ value: string;
74
+ size: SegmentedControlSize;
75
+ disabled: boolean;
76
+ }, true>);
77
+ export default _default;
@@ -0,0 +1,47 @@
1
+ import { PropType } from 'vue-demi';
2
+ import { SegmentedControlSize } 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
+ }> & import("@vue/composition-api").Data, {}, {}, {
7
+ size: {
8
+ type: PropType<SegmentedControlSize>;
9
+ required: true;
10
+ };
11
+ selected: {
12
+ type: BooleanConstructor;
13
+ default: boolean;
14
+ };
15
+ disabled: {
16
+ type: BooleanConstructor;
17
+ default: boolean;
18
+ };
19
+ }, import("@vue/composition-api").ExtractPropTypes<{
20
+ size: {
21
+ type: PropType<SegmentedControlSize>;
22
+ required: true;
23
+ };
24
+ selected: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ disabled: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
33
+ size: SegmentedControlSize;
34
+ selected: boolean;
35
+ disabled: boolean;
36
+ } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
37
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
38
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
39
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
40
+ size: SegmentedControlSize;
41
+ selected: boolean;
42
+ disabled: boolean;
43
+ } & {}, {
44
+ selected: boolean;
45
+ disabled: boolean;
46
+ }, true>);
47
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { SegmentedControlSize } from '../../props';
2
+ export declare const SegmentedControlItemRoot: string[];
3
+ export declare const SegmentedControlItemRootSizes: Record<SegmentedControlSize, string[]>;
@@ -0,0 +1,3 @@
1
+ export { default as OrSegmentedControlV3 } from './OrSegmentedControl.vue';
2
+ export * from './props';
3
+ export * from './types';
@@ -0,0 +1,4 @@
1
+ export declare enum SegmentedControlSize {
2
+ M = "m",
3
+ S = "s"
4
+ }
@@ -0,0 +1,3 @@
1
+ import { SegmentedControlSize } from './props';
2
+ export declare const SegmentedControlRoot: string[];
3
+ export declare const SegmentedControlRootSizes: Record<SegmentedControlSize, string[]>;
@@ -0,0 +1,4 @@
1
+ export interface SegmentedControlOption {
2
+ value: string;
3
+ label: string;
4
+ }
package/dist/v2/index.js CHANGED
@@ -32,9 +32,9 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd104
32
32
  export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
33
33
  export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
34
34
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
35
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-8455f9da.js';
35
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
36
36
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
37
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-1127e512.js';
37
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
38
38
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
39
39
  export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
40
40
  export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
@@ -63,6 +63,7 @@ export { _ as OrRadio } from './OrRadio-514e8de8.js';
63
63
  export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
64
64
  export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
65
65
  export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
66
+ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
66
67
  export { _ as OrSelect } from './OrSelect-ea27a70e.js';
67
68
  export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
68
69
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
@@ -77,7 +78,7 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
77
78
  export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
78
79
  export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
79
80
  export { _ as OrTabs } from './OrTabs-12138346.js';
80
- export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
81
+ export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
81
82
  export { _ as OrTag } from './OrTag-140d4f72.js';
82
83
  export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
83
84
  export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
package/dist/v2/index2.js CHANGED
@@ -32,9 +32,9 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd104
32
32
  export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
33
33
  export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
34
34
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
35
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-8455f9da.js';
35
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
36
36
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
37
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-1127e512.js';
37
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
38
38
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
39
39
  export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
40
40
  export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
@@ -63,6 +63,7 @@ export { _ as OrRadio } from './OrRadio-514e8de8.js';
63
63
  export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
64
64
  export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
65
65
  export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
66
+ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
66
67
  export { _ as OrSelect } from './OrSelect-ea27a70e.js';
67
68
  export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
68
69
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
@@ -77,7 +78,7 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
77
78
  export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
78
79
  export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
79
80
  export { _ as OrTabs } from './OrTabs-12138346.js';
80
- export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
81
+ export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
81
82
  export { _ as OrTag } from './OrTag-140d4f72.js';
82
83
  export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
83
84
  export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-8455f9da.js';
1
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
2
2
  export { I as InlineInputSize } from './OrInlineInputBox-6a15ea2b.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -1,4 +1,4 @@
1
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-1127e512.js';
1
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
@@ -1,19 +1,5 @@
1
- export { _ as OrSelect } from './OrSelect-ea27a70e.js';
1
+ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
2
2
  import 'vue-demi';
3
+ import './useClassAttribute-47fdb016.js';
3
4
  import '@vueuse/core';
4
- import 'lodash';
5
- import './OrIcon-7cd10497.js';
6
- import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
7
- import './style-inject.es-4c6f2515.js';
8
5
  import './normalize-component-6e8e3d80.js';
9
- import './OrFloating-b15309d1.js';
10
- import '@floating-ui/dom';
11
- import './OrTeleportVue2-fce4676d.js';
12
- import 'vue';
13
- import './dom-7a41831b.js';
14
- import './px-to-rem-0b26b83e.js';
15
- import './OrChips.vue_rollup-plugin-vue_styles.0-c780c5eb.js';
16
- import './OrLabel-931394a5.js';
17
- import './OrError-efc74907.js';
18
- import './OrLoader-212ef381.js';
19
- import './OrCheckbox-ed1f2666.js';
@@ -1,28 +1,19 @@
1
- export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
2
- export { a as SelectSize } from './OrInputBox-208dceac.js';
1
+ export { _ as OrSelect } from './OrSelect-ea27a70e.js';
3
2
  import 'vue-demi';
4
- import './dropdown-open-0d314aa4.js';
5
- import './useClassAttribute-47fdb016.js';
6
- import './useOverflow-ac506c65.js';
7
3
  import '@vueuse/core';
8
- import './OrCheckbox-eb833bab.js';
9
- import './OrLabel-5670468e.js';
10
- import './normalize-component-6e8e3d80.js';
4
+ import 'lodash';
5
+ import './OrIcon-7cd10497.js';
6
+ import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
11
7
  import './style-inject.es-4c6f2515.js';
12
- import './OrError-be656098.js';
13
- import './OrExpansionPanel-ce82a6fd.js';
14
- import './OrIcon-124f3bad.js';
15
- import './OrHint-44356417.js';
16
- import './OrInput-24028f23.js';
17
- import './OrIconButton-2088a37f.js';
18
- import './OrTooltip-afe7030b.js';
19
- import './OrPopover-9080fc00.js';
8
+ import './normalize-component-6e8e3d80.js';
9
+ import './OrFloating-b15309d1.js';
20
10
  import '@floating-ui/dom';
21
- import './useElevation-0e973238.js';
22
- import './useResponsive-a02e95b7.js';
23
- import './OrBottomSheet-f09adbbb.js';
24
- import './OrOverlay-4838a9b0.js';
25
- import './OrTeleport.vue2-fb92f29f.js';
26
- import 'portal-vue';
27
- import './OrMenuItem-3a28db7b.js';
28
- import './OrTag-1ced4e58.js';
11
+ import './OrTeleportVue2-fce4676d.js';
12
+ import 'vue';
13
+ import './dom-7a41831b.js';
14
+ import './px-to-rem-0b26b83e.js';
15
+ import './OrChips.vue_rollup-plugin-vue_styles.0-c780c5eb.js';
16
+ import './OrLabel-931394a5.js';
17
+ import './OrError-efc74907.js';
18
+ import './OrLoader-212ef381.js';
19
+ import './OrCheckbox-ed1f2666.js';