@onereach/ui-components 4.4.2-beta.2711.0 → 4.4.2-beta.2716.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.
- package/dist/bundled/v2/components/OrTabsV3/OrTabs.js +2 -6
- package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts +0 -2
- package/dist/bundled/v2/components/OrTabsV3/styles.d.ts +0 -1
- package/dist/bundled/v2/components/OrTabsV3/styles.js +1 -6
- package/dist/bundled/v2/components/index.d.ts +2 -0
- package/dist/bundled/v2/components/index.js +6 -4
- package/dist/bundled/v2/index.js +7 -5
- package/dist/bundled/v3/OrCombinedInput.vue_vue_type_script_lang-cb7a88f3.js +66 -0
- package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-014663ff.js → OrTabs.vue_vue_type_script_lang-6d47e560.js} +1 -3
- package/dist/bundled/v3/components/OrCombinedInputV3/OrCombinedInput.js +11 -66
- package/dist/bundled/v3/components/OrCombinedInputV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/OrTabs.js +5 -7
- package/dist/bundled/v3/components/OrTabsV3/OrTabs.vue.d.ts +0 -1
- package/dist/bundled/v3/components/OrTabsV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/styles.d.ts +0 -1
- package/dist/bundled/v3/components/OrTabsV3/styles.js +1 -6
- package/dist/bundled/v3/components/index.d.ts +2 -0
- package/dist/bundled/v3/components/index.js +6 -4
- package/dist/bundled/v3/index.js +12 -9
- package/dist/esm/v2/OrCombinedInput-5994d9fc.js +158 -0
- package/dist/esm/v2/{OrTabs-dd38e4ab.js → OrTabs-87069663.js} +1 -10
- package/dist/esm/v2/components/index.d.ts +2 -0
- package/dist/esm/v2/components/index.js +5 -4
- package/dist/esm/v2/components/or-combined-input-v3/index.js +6 -158
- package/dist/esm/v2/components/or-tabs-v3/OrTabs.vue.d.ts +0 -2
- package/dist/esm/v2/components/or-tabs-v3/index.js +1 -1
- package/dist/esm/v2/components/or-tabs-v3/styles.d.ts +0 -1
- package/dist/esm/v2/index.js +5 -4
- package/dist/esm/v3/OrCombinedInput-14c23a04.js +129 -0
- package/dist/esm/v3/{OrTabs-d058761d.js → OrTabs-3d9c1a8b.js} +3 -12
- package/dist/esm/v3/components/index.d.ts +2 -0
- package/dist/esm/v3/components/index.js +4 -3
- package/dist/esm/v3/components/or-combined-input-v3/index.js +6 -129
- package/dist/esm/v3/components/or-tabs-v3/OrTabs.vue.d.ts +0 -1
- package/dist/esm/v3/components/or-tabs-v3/index.js +1 -1
- package/dist/esm/v3/components/or-tabs-v3/styles.d.ts +0 -1
- package/dist/esm/v3/index.js +4 -3
- package/package.json +1 -1
- package/src/components/index.ts +2 -0
- package/src/components/or-tabs-v3/OrTabs.vue +2 -7
- package/src/components/or-tabs-v3/styles.ts +0 -8
- package/src/components/or-bottom-sheet-v3/OrBottomSheet.docs.mdx +0 -7
- package/src/components/or-bottom-sheet-v3/OrBottomSheet.stories3.ts +0 -110
- package/src/components/or-button-v3/OrButton.docs.mdx +0 -14
- package/src/components/or-button-v3/OrButton.stories3.ts +0 -130
- package/src/components/or-card-collection-v3/OrCardCollection.docs.mdx +0 -7
- package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +0 -378
- package/src/components/or-card-v3/OrCard.docs.mdx +0 -10
- package/src/components/or-card-v3/OrCard.stories3.ts +0 -74
- package/src/components/or-checkbox-group-v3/OrCheckboxGroup.docs.mdx +0 -7
- package/src/components/or-checkbox-group-v3/OrCheckboxGroup.stories3.ts +0 -399
- package/src/components/or-checkbox-tree-v3/OrCheckboxTree.docs.mdx +0 -7
- package/src/components/or-checkbox-tree-v3/OrCheckboxTree.stories3.ts +0 -112
- package/src/components/or-checkbox-v3/OrCheckbox.docs.mdx +0 -12
- package/src/components/or-checkbox-v3/OrCheckbox.stories3.ts +0 -155
- package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +0 -7
- package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +0 -201
- package/src/components/or-confirm-v3/OrConfirm.docs.mdx +0 -16
- package/src/components/or-confirm-v3/OrConfirm.stories3.ts +0 -252
- package/src/components/or-date-picker-v3/OrDatePicker.docs.mdx +0 -7
- package/src/components/or-date-picker-v3/OrDatePicker.stories3.ts +0 -174
- package/src/components/or-date-time-picker-v3/OrDateTimePicker.docs.mdx +0 -7
- package/src/components/or-date-time-picker-v3/OrDateTimePicker.stories3.ts +0 -183
- package/src/components/or-empty-state-v3/OrEmptyState.stories3.ts +0 -87
- package/src/components/or-error-tag-v3/OrErrorTag.docs.mdx +0 -8
- package/src/components/or-error-tag-v3/OrErrorTag.stories3.ts +0 -56
- package/src/components/or-expansion-panel-v3/OrExpansionPanel.docs.mdx +0 -7
- package/src/components/or-expansion-panel-v3/OrExpansionPanel.stories3.ts +0 -137
- package/src/components/or-fab-v3/OrFab.docs.mdx +0 -7
- package/src/components/or-fab-v3/OrFab.stories3.ts +0 -81
- package/src/components/or-form-group-v3/OrFormGroup.stories3.ts +0 -114
- package/src/components/or-icon-button-v3/OrIconButton.docs.mdx +0 -14
- package/src/components/or-icon-button-v3/OrIconButton.stories3.ts +0 -105
- package/src/components/or-icon-v3/OrIcon.docs.mdx +0 -12
- package/src/components/or-icon-v3/OrIcon.stories3.ts +0 -53
- package/src/components/or-inline-input-v3/OrInlineInput.docs.mdx +0 -7
- package/src/components/or-inline-input-v3/OrInlineInput.stories3.ts +0 -137
- package/src/components/or-inline-textarea-v3/OrInlineTextarea.docs.mdx +0 -7
- package/src/components/or-inline-textarea-v3/OrInlineTextarea.stories3.ts +0 -126
- package/src/components/or-input-v3/OrInput.docs.mdx +0 -16
- package/src/components/or-input-v3/OrInput.stories3.ts +0 -222
- package/src/components/or-link-v3/OrLink.docs.mdx +0 -7
- package/src/components/or-link-v3/OrLink.stories3.ts +0 -163
- package/src/components/or-loader-v3/OrLoader.docs.mdx +0 -14
- package/src/components/or-loader-v3/OrLoader.stories3.ts +0 -86
- package/src/components/or-menu-item-v3/OrMenuItem.docs.mdx +0 -7
- package/src/components/or-menu-item-v3/OrMenuItem.stories3.ts +0 -90
- package/src/components/or-menu-v3/OrMenu.docs.mdx +0 -7
- package/src/components/or-menu-v3/OrMenu.stories3.ts +0 -167
- package/src/components/or-modal-v3/OrModal.docs.mdx +0 -10
- package/src/components/or-modal-v3/OrModal.stories3.ts +0 -278
- package/src/components/or-notification-v3/OrNotification.docs.mdx +0 -7
- package/src/components/or-notification-v3/OrNotification.stories3.ts +0 -122
- package/src/components/or-overlay-v3/OrOverlay.docs.mdx +0 -11
- package/src/components/or-overlay-v3/OrOverlay.stories3.ts +0 -61
- package/src/components/or-pagination-v3/OrPagination.docs.mdx +0 -7
- package/src/components/or-pagination-v3/OrPagination.stories3.ts +0 -81
- package/src/components/or-popover-v3/OrPopover.docs.mdx +0 -11
- package/src/components/or-popover-v3/OrPopover.stories3.ts +0 -115
- package/src/components/or-progress-v3/OrProgress.docs.mdx +0 -12
- package/src/components/or-progress-v3/OrProgress.stories3.ts +0 -220
- package/src/components/or-radio-group-v3/OrRadioGroup.stories3.ts +0 -81
- package/src/components/or-radio-v3/OrRadio.docs.mdx +0 -11
- package/src/components/or-radio-v3/OrRadio.stories3.ts +0 -151
- package/src/components/or-search-v3/OrSearch.docs.mdx +0 -16
- package/src/components/or-search-v3/OrSearch.stories3.ts +0 -126
- package/src/components/or-segmented-control-v3/OrSegmentedControl.docs.mdx +0 -7
- package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts +0 -100
- package/src/components/or-select-v3/OrSelect.docs.mdx +0 -17
- package/src/components/or-select-v3/OrSelect.stories3.ts +0 -508
- package/src/components/or-sidebar-v3/OrSidebar.docs.mdx +0 -13
- package/src/components/or-sidebar-v3/OrSidebar.stories3.ts +0 -415
- package/src/components/or-skeleton-v3/OrSkeleton.docs.mdx +0 -14
- package/src/components/or-skeleton-v3/OrSkeleton.stories3.ts +0 -144
- package/src/components/or-skeleton-v3/or-skeleton-circle-v3/OrSkeletonCircle.docs.mdx +0 -7
- package/src/components/or-skeleton-v3/or-skeleton-circle-v3/OrSkeletonCircle.stories3.ts +0 -59
- package/src/components/or-skeleton-v3/or-skeleton-rect-v3/OrSkeletonRect.docs.mdx +0 -6
- package/src/components/or-skeleton-v3/or-skeleton-rect-v3/OrSkeletonRect.stories3.ts +0 -80
- package/src/components/or-skeleton-v3/or-skeleton-text-v3/OrSkeletonText.docs.mdx +0 -7
- package/src/components/or-skeleton-v3/or-skeleton-text-v3/OrSkeletonText.stories3.ts +0 -88
- package/src/components/or-switch-v3/OrSwitch.docs.mdx +0 -7
- package/src/components/or-switch-v3/OrSwitch.stories3.ts +0 -155
- package/src/components/or-tab-v3/OrTab.docs.mdx +0 -7
- package/src/components/or-tab-v3/OrTab.stories3.ts +0 -74
- package/src/components/or-tabs-v3/OrTabs.docs.mdx +0 -7
- package/src/components/or-tabs-v3/OrTabs.stories3.ts +0 -140
- package/src/components/or-tag-v3/OrTag.docs.mdx +0 -13
- package/src/components/or-tag-v3/OrTag.stories3.ts +0 -213
- package/src/components/or-tags-v3/OrTags.docs.mdx +0 -7
- package/src/components/or-tags-v3/OrTags.stories3.ts +0 -101
- package/src/components/or-teleport-v3/OrTeleport.docs.mdx +0 -7
- package/src/components/or-teleport-v3/OrTeleport.stories3.ts +0 -60
- package/src/components/or-text-v3/OrText.docs.mdx +0 -7
- package/src/components/or-text-v3/OrText.stories3.ts +0 -124
- package/src/components/or-textarea-v3/OrTextarea.docs.mdx +0 -14
- package/src/components/or-textarea-v3/OrTextarea.stories3.ts +0 -164
- package/src/components/or-time-picker-v3/OrTimePicker.docs.mdx +0 -7
- package/src/components/or-time-picker-v3/OrTimePicker.stories3.ts +0 -170
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useResizeObserver } from '@vueuse/core';
|
|
2
2
|
import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
|
|
3
3
|
import { TabsVariant } from './props.js';
|
|
4
|
-
import { TabsRoot, TabsRootVariants
|
|
4
|
+
import { TabsRoot, TabsRootVariants } from './styles.js';
|
|
5
5
|
import __vue_component__$1 from '../OrIconV3/OrIcon.js';
|
|
6
6
|
import __vue_component__$2 from '../OrMenuV3/OrMenu.js';
|
|
7
7
|
import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
|
|
@@ -71,7 +71,6 @@ var script = defineComponent({
|
|
|
71
71
|
});
|
|
72
72
|
// Styles
|
|
73
73
|
const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
|
|
74
|
-
const containerStyles = computed(() => [...TabsContainer]);
|
|
75
74
|
// State
|
|
76
75
|
const tabs = reactive({
|
|
77
76
|
normal: [],
|
|
@@ -141,7 +140,6 @@ var script = defineComponent({
|
|
|
141
140
|
overflowMenu,
|
|
142
141
|
overflowMenuRoot,
|
|
143
142
|
rootStyles,
|
|
144
|
-
containerStyles,
|
|
145
143
|
tabs,
|
|
146
144
|
proxyModelValue,
|
|
147
145
|
activeTab
|
|
@@ -157,9 +155,7 @@ var __vue_render__ = function () {
|
|
|
157
155
|
var _vm = this;
|
|
158
156
|
var _h = _vm.$createElement;
|
|
159
157
|
var _c = _vm._self._c || _h;
|
|
160
|
-
return _c('div', {
|
|
161
|
-
class: _vm.containerStyles
|
|
162
|
-
}, [_c('div', _vm._b({
|
|
158
|
+
return _c('div', [_c('div', _vm._b({
|
|
163
159
|
ref: "root",
|
|
164
160
|
class: _vm.rootStyles
|
|
165
161
|
}, 'div', _vm.$attrs, false), [_vm._l(_vm.tabs.normal, function (tab) {
|
|
@@ -16,7 +16,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
16
16
|
} | {}, true> | undefined>;
|
|
17
17
|
overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
|
|
18
18
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
19
|
-
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
20
19
|
tabs: {
|
|
21
20
|
normal: {
|
|
22
21
|
value: string | number;
|
|
@@ -76,7 +75,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
76
75
|
} | {}, true> | undefined>;
|
|
77
76
|
overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
|
|
78
77
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
79
|
-
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
80
78
|
tabs: {
|
|
81
79
|
normal: {
|
|
82
80
|
value: string | number;
|
|
@@ -15,10 +15,5 @@ const TabsRootVariants = {
|
|
|
15
15
|
// Layout
|
|
16
16
|
'auto-cols-auto']
|
|
17
17
|
};
|
|
18
|
-
const TabsContainer = [
|
|
19
|
-
// Layout
|
|
20
|
-
'layout-column',
|
|
21
|
-
// Spacing
|
|
22
|
-
'gap-lg'];
|
|
23
18
|
|
|
24
|
-
export {
|
|
19
|
+
export { TabsRoot, TabsRootVariants };
|
|
@@ -17,6 +17,7 @@ export * from './or-chips';
|
|
|
17
17
|
export * from './or-code';
|
|
18
18
|
export * from './or-collapse';
|
|
19
19
|
export * from './or-color-picker';
|
|
20
|
+
export * from './or-combined-input-v3';
|
|
20
21
|
export * from './or-confirm';
|
|
21
22
|
export * from './or-confirm-v3';
|
|
22
23
|
export * from './or-date-picker-v3';
|
|
@@ -29,6 +30,7 @@ export * from './or-error-v3';
|
|
|
29
30
|
export * from './or-expansion-panel-v3';
|
|
30
31
|
export * from './or-fab-v3';
|
|
31
32
|
export * from './or-floating';
|
|
33
|
+
export * from './or-form-group-v3';
|
|
32
34
|
export * from './or-hint';
|
|
33
35
|
export * from './or-hint-v3';
|
|
34
36
|
export * from './or-icon';
|
|
@@ -30,11 +30,12 @@ export { OrCodeLanguages } from './OrCode/constants.js';
|
|
|
30
30
|
export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
|
|
31
31
|
export { default as OrColorPicker } from './OrColorPicker/OrColorPicker.js';
|
|
32
32
|
export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './OrColorPicker/constants.js';
|
|
33
|
+
export { default as OrCombinedInputV3 } from './OrCombinedInputV3/OrCombinedInput.js';
|
|
34
|
+
export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
|
|
33
35
|
export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
|
|
34
36
|
export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
|
|
35
37
|
export { ConfirmType } from './OrConfirmV3/props.js';
|
|
36
38
|
export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
|
|
37
|
-
export { InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
|
|
38
39
|
export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
|
|
39
40
|
export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
|
|
40
41
|
export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
|
|
@@ -49,6 +50,8 @@ export { default as OrFabV3 } from './OrFabV3/OrFab.js';
|
|
|
49
50
|
export { FabColor } from './OrFabV3/props.js';
|
|
50
51
|
export { default as OrFloating } from './OrFloating/OrFloating.js';
|
|
51
52
|
export { OrFloatingHideStrategy, OrFloatingPlacements } from './OrFloating/constants.js';
|
|
53
|
+
export { default as OrFormGroupV3 } from './OrFormGroupV3/OrFormGroup.js';
|
|
54
|
+
export { FormGroupDirection } from './OrFormGroupV3/props.js';
|
|
52
55
|
export { default as OrHint } from './OrHint/OrHint.js';
|
|
53
56
|
export { default as OrHintV3 } from './OrHintV3/OrHint.js';
|
|
54
57
|
export { default as OrIcon } from './OrIcon/OrIcon.js';
|
|
@@ -200,16 +203,15 @@ import '../hooks/useValidationAttributes.js';
|
|
|
200
203
|
import './OrCardV3/styles.js';
|
|
201
204
|
import './OrCarousel/constants.js';
|
|
202
205
|
import './OrCheckboxV3/styles.js';
|
|
203
|
-
import './OrFormGroupV3/OrFormGroup.js';
|
|
204
|
-
import './OrFormGroupV3/props.js';
|
|
205
|
-
import './OrFormGroupV3/styles.js';
|
|
206
206
|
import './OrCheckboxTreeV3/styles.js';
|
|
207
207
|
import '../utils/functions/flattenDeep.js';
|
|
208
|
+
import './OrFormGroupV3/styles.js';
|
|
208
209
|
import './OrChips/constants.js';
|
|
209
210
|
import '../index-cf2c3c27.js';
|
|
210
211
|
import '../lang-0fb8f78b.js';
|
|
211
212
|
import './OrCode/theme.js';
|
|
212
213
|
import './OrColorPicker/utils/defultPalette.js';
|
|
214
|
+
import './OrCombinedInputV3/styles.js';
|
|
213
215
|
import '../index-968c331a.js';
|
|
214
216
|
import './OrConfirmV3/styles.js';
|
|
215
217
|
import './OrDateTimePickerV3/hooks/useCurrentDate.js';
|