@onereach/ui-components 2.67.10 → 2.67.11
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/{OrButton-a4952445.js → OrButton-6d67c16c.js} +1 -1
- package/dist/bundled/v2/{OrConfirm-196a014f.js → OrConfirm-6a6daa14.js} +1 -1
- package/dist/bundled/v2/{OrLoader-76f2615f.js → OrLoader-6a1f937b.js} +26 -3
- package/dist/bundled/v2/{OrSwitch-c606709c.js → OrSwitch-75d3a260.js} +1 -1
- package/dist/bundled/v2/components/index.js +5 -5
- package/dist/bundled/v2/components/or-button-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
- package/dist/bundled/v2/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
- package/dist/bundled/v2/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
- package/dist/bundled/v2/components/or-loader-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-loader-v3/styles.d.ts +3 -0
- package/dist/bundled/v2/components/or-switch-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-toast-v3/index.js +2 -2
- package/dist/bundled/v2/index.js +6 -6
- package/dist/bundled/v2/{types-88dd7a52.js → types-a648d591.js} +1 -1
- package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-5af7999c.js → OrButton.vue_vue_type_script_lang-7d914104.js} +2 -2
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-53614609.js → OrConfirm.vue_vue_type_script_lang-ee029628.js} +1 -1
- package/dist/bundled/v3/{OrLoader-65868e73.js → OrLoader-c4bbef2f.js} +12 -4
- package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-edd1b404.js → OrLoader.vue_vue_type_script_lang-5405040c.js} +18 -1
- package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-b40bf75f.js → OrSwitch.vue_vue_type_script_lang-c72499ac.js} +2 -2
- package/dist/bundled/v3/{OrToastContainer-9f3ab98b.js → OrToastContainer-03571359.js} +1 -1
- package/dist/bundled/v3/components/index.js +6 -6
- package/dist/bundled/v3/components/or-button-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-confirm-v3/index.js +4 -4
- package/dist/bundled/v3/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
- package/dist/bundled/v3/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
- package/dist/bundled/v3/components/or-loader-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-loader-v3/styles.d.ts +3 -0
- package/dist/bundled/v3/components/or-switch-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
- package/dist/bundled/v3/index.js +10 -10
- package/dist/bundled/v3/{types-0d8f9581.js → types-e8242d1d.js} +2 -2
- package/dist/esm/v2/{OrButton-b458e82b.js → OrButton-04390a52.js} +1 -1
- package/dist/esm/v2/{OrConfirm-64ecb10d.js → OrConfirm-6bff1a45.js} +1 -1
- package/dist/esm/v2/{OrLoader-bd088836.js → OrLoader-f857d55b.js} +26 -3
- package/dist/esm/v2/{OrSwitch-2e0a53ed.js → OrSwitch-846de5ce.js} +1 -1
- package/dist/esm/v2/components/index.js +5 -5
- package/dist/esm/v2/components/or-button-v3/index.js +2 -2
- package/dist/esm/v2/components/or-confirm-v3/index.js +3 -3
- package/dist/esm/v2/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
- package/dist/esm/v2/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
- package/dist/esm/v2/components/or-loader-v3/index.js +1 -1
- package/dist/esm/v2/components/or-loader-v3/styles.d.ts +3 -0
- package/dist/esm/v2/components/or-switch-v3/index.js +2 -2
- package/dist/esm/v2/components/or-toast-v3/index.js +2 -2
- package/dist/esm/v2/index.js +5 -5
- package/dist/esm/v2/{types-ed7aa2bb.js → types-d6a767b3.js} +1 -1
- package/dist/esm/v3/{OrButton-4d0c2edd.js → OrButton-3670279e.js} +1 -1
- package/dist/esm/v3/{OrConfirm-a77d9812.js → OrConfirm-748ed50b.js} +1 -1
- package/dist/esm/v3/{OrLoader-60943812.js → OrLoader-b3cf4231.js} +29 -4
- package/dist/esm/v3/{OrSwitch-ec454b76.js → OrSwitch-94399738.js} +1 -1
- package/dist/esm/v3/components/index.js +5 -5
- package/dist/esm/v3/components/or-button-v3/index.js +2 -2
- package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
- package/dist/esm/v3/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
- package/dist/esm/v3/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
- package/dist/esm/v3/components/or-loader-v3/index.js +1 -1
- package/dist/esm/v3/components/or-loader-v3/styles.d.ts +3 -0
- package/dist/esm/v3/components/or-switch-v3/index.js +2 -2
- package/dist/esm/v3/components/or-toast-v3/index.js +2 -2
- package/dist/esm/v3/index.js +5 -5
- package/dist/esm/v3/{types-652ae29f.js → types-8ef262da.js} +1 -1
- package/package.json +2 -2
- package/src/components/or-loader-v3/OrLoader.docs.mdx +3 -1
- package/src/components/or-loader-v3/OrLoader.stories3.ts +21 -1
- package/src/components/or-loader-v3/OrLoader.vue +95 -61
- package/src/components/or-loader-v3/styles.ts +22 -0
|
@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
|
|
|
2
2
|
import './index-fa6eb4ca.js';
|
|
3
3
|
import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-3a3d4280.js';
|
|
4
4
|
import { O as OrIconButton } from './OrIconButton-165934f8.js';
|
|
5
|
-
import { O as OrLoader } from './OrLoader-
|
|
5
|
+
import { O as OrLoader } from './OrLoader-6a1f937b.js';
|
|
6
6
|
import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
7
7
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
8
8
|
import { c as createInjector } from './browser-82dea9ed.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed } from 'vue';
|
|
2
|
-
import './OrLoader-
|
|
3
|
-
import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-
|
|
2
|
+
import './OrLoader-c4bbef2f.js';
|
|
3
|
+
import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
4
4
|
import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
|
|
5
5
|
|
|
6
6
|
var ButtonVariant;
|
|
@@ -2,7 +2,7 @@ import { resolveComponent, openBlock, createElementBlock, mergeProps, createElem
|
|
|
2
2
|
import { useMagicKeys, whenever } from '@vueuse/core';
|
|
3
3
|
import { l as logicAnd } from './index-01519e46.js';
|
|
4
4
|
import './OrBottomSheet.vue_vue_type_script_lang-44d8147a.js';
|
|
5
|
-
import { s as script$1, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-
|
|
5
|
+
import { s as script$1, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-7d914104.js';
|
|
6
6
|
import './OrInput-33571984.js';
|
|
7
7
|
import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
|
|
8
8
|
import { s as script$3 } from './OrInput.vue_vue_type_script_lang-3895999d.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { s as script } from './OrLoader.vue_vue_type_script_lang-
|
|
2
|
-
import { openBlock, createElementBlock, mergeProps,
|
|
1
|
+
import { s as script } from './OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
2
|
+
import { openBlock, createElementBlock, mergeProps, normalizeClass, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
|
|
3
3
|
|
|
4
4
|
const _hoisted_1 = ["width", "height"];
|
|
5
5
|
const _hoisted_2 = {
|
|
@@ -31,7 +31,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
31
31
|
ref: "root"
|
|
32
32
|
}, _ctx.$attrs, {
|
|
33
33
|
class: _ctx.rootStyles
|
|
34
|
-
}), [_ctx.
|
|
34
|
+
}), [_ctx.title ? (openBlock(), createElementBlock("div", {
|
|
35
|
+
key: 0,
|
|
36
|
+
class: normalizeClass(_ctx.titleStyles)
|
|
37
|
+
}, toDisplayString(_ctx.title), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
|
|
38
|
+
class: normalizeClass(_ctx.containerStyles)
|
|
39
|
+
}, [_ctx.variant === 'circular' ? (openBlock(), createElementBlock("svg", {
|
|
35
40
|
key: 0,
|
|
36
41
|
viewBox: "0 0 16 16",
|
|
37
42
|
width: _ctx.computedSize,
|
|
@@ -49,7 +54,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
49
54
|
x2: "calc(100% - 2px)",
|
|
50
55
|
y2: "50%",
|
|
51
56
|
stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
|
|
52
|
-
}, null, 8 /* PROPS */, _hoisted_7)])])) : createCommentVNode("v-if", true)],
|
|
57
|
+
}, null, 8 /* PROPS */, _hoisted_7)])])) : createCommentVNode("v-if", true)], 2 /* CLASS */), _ctx.description ? (openBlock(), createElementBlock("div", {
|
|
58
|
+
key: 1,
|
|
59
|
+
class: normalizeClass(_ctx.descriptionStyles)
|
|
60
|
+
}, toDisplayString(_ctx.description), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */);
|
|
53
61
|
}
|
|
54
62
|
|
|
55
63
|
script.render = render;
|
|
@@ -20,7 +20,7 @@ var LoaderSize;
|
|
|
20
20
|
|
|
21
21
|
const LoaderRoot = [
|
|
22
22
|
// Layout
|
|
23
|
-
'contents'];
|
|
23
|
+
'contents', 'flex', 'flex-col', 'space-y-md'];
|
|
24
24
|
const LoaderRootColors = {
|
|
25
25
|
'primary': [
|
|
26
26
|
// Theme
|
|
@@ -30,6 +30,9 @@ const LoaderRootColors = {
|
|
|
30
30
|
'stroke-error', 'dark:stroke-error-dark'],
|
|
31
31
|
'inherit': []
|
|
32
32
|
};
|
|
33
|
+
const LoaderContainer = ['flex', 'justify-center'];
|
|
34
|
+
const LoaderTitle = ['typography-headline-2', 'text-center', 'text-on-background', 'dark:text-on-background-dark'];
|
|
35
|
+
const LoaderDescription = ['typography-body-2-regular', 'text-center', 'text-outline', 'dark:text-outline-dark'];
|
|
33
36
|
|
|
34
37
|
var script = defineComponent({
|
|
35
38
|
name: 'OrLoader',
|
|
@@ -46,6 +49,14 @@ var script = defineComponent({
|
|
|
46
49
|
size: {
|
|
47
50
|
type: String,
|
|
48
51
|
default: LoaderSize.M
|
|
52
|
+
},
|
|
53
|
+
title: {
|
|
54
|
+
type: String,
|
|
55
|
+
default: undefined
|
|
56
|
+
},
|
|
57
|
+
description: {
|
|
58
|
+
type: String,
|
|
59
|
+
default: undefined
|
|
49
60
|
}
|
|
50
61
|
},
|
|
51
62
|
expose: ['root'],
|
|
@@ -55,6 +66,9 @@ var script = defineComponent({
|
|
|
55
66
|
// Styles
|
|
56
67
|
const classAttribute = useClassAttribute();
|
|
57
68
|
const rootStyles = computed(() => ['or-loader', ...LoaderRoot, ...LoaderRootColors[props.color], classAttribute.value]);
|
|
69
|
+
const titleStyles = computed(() => [...LoaderTitle]);
|
|
70
|
+
const descriptionStyles = computed(() => [...LoaderDescription]);
|
|
71
|
+
const containerStyles = computed(() => [...LoaderContainer]);
|
|
58
72
|
// State
|
|
59
73
|
const computedSize = computed(() => {
|
|
60
74
|
switch (props.size) {
|
|
@@ -67,6 +81,9 @@ var script = defineComponent({
|
|
|
67
81
|
return {
|
|
68
82
|
root,
|
|
69
83
|
rootStyles,
|
|
84
|
+
containerStyles,
|
|
85
|
+
titleStyles,
|
|
86
|
+
descriptionStyles,
|
|
70
87
|
computedSize
|
|
71
88
|
};
|
|
72
89
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
|
|
2
2
|
import './OrLabel-2809e2db.js';
|
|
3
|
-
import './OrLoader-
|
|
3
|
+
import './OrLoader-c4bbef2f.js';
|
|
4
4
|
import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
|
|
5
5
|
import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-e42de5d1.js';
|
|
6
|
-
import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-
|
|
6
|
+
import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
7
7
|
|
|
8
8
|
const SwitchRoot = [
|
|
9
9
|
// Layout
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as script } from './types-
|
|
1
|
+
import { a as script } from './types-e8242d1d.js';
|
|
2
2
|
import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, TransitionGroup, createElementBlock, Fragment, renderList, mergeProps, createCommentVNode } from 'vue';
|
|
3
3
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
4
4
|
|
|
@@ -5,7 +5,7 @@ export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonVi
|
|
|
5
5
|
export { s as OrButtonV2 } from '../OrButton.vue_vue_type_script_lang-ffc66d00.js';
|
|
6
6
|
export { s as OrIconButton } from '../OrIconButton.vue_vue_type_script_lang-40547ab0.js';
|
|
7
7
|
export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../constants-c5d1139f.js';
|
|
8
|
-
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton.vue_vue_type_script_lang-
|
|
8
|
+
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton.vue_vue_type_script_lang-7d914104.js';
|
|
9
9
|
export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-90ba001b.js';
|
|
10
10
|
export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-d8124dda.js';
|
|
11
11
|
export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-2b1dcff6.js';
|
|
@@ -19,7 +19,7 @@ export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script
|
|
|
19
19
|
export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
|
|
20
20
|
export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker.vue_vue_type_script_lang-4141378d.js';
|
|
21
21
|
export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-0f16fc67.js';
|
|
22
|
-
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-
|
|
22
|
+
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-ee029628.js';
|
|
23
23
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker.vue_vue_type_script_lang-7bfe5005.js';
|
|
24
24
|
export { s as OrError } from '../OrError.vue_vue_type_script_lang-7c39e012.js';
|
|
25
25
|
export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-d77f6b12.js';
|
|
@@ -47,7 +47,7 @@ export { L as LinkColor, s as OrLinkV3 } from '../OrLink.vue_vue_type_script_lan
|
|
|
47
47
|
export { s as OrList } from '../OrList.vue_vue_type_script_lang-c7ab26a0.js';
|
|
48
48
|
export { s as OrListOfInputs } from '../OrListOfInputs.vue_vue_type_script_lang-62dbf1e7.js';
|
|
49
49
|
export { L as LoaderViews, s as OrLoader } from '../OrLoader.vue_vue_type_script_lang-1378ab8e.js';
|
|
50
|
-
export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader.vue_vue_type_script_lang-
|
|
50
|
+
export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
51
51
|
export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
|
|
52
52
|
export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-bae45062.js';
|
|
53
53
|
export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover.vue_vue_type_script_lang-e200f5be.js';
|
|
@@ -75,7 +75,7 @@ export { s as OrSlider } from '../OrSlider.vue_vue_type_script_lang-d47ff040.js'
|
|
|
75
75
|
export { s as OrSortHeaderV3 } from '../OrSortHeader.vue_vue_type_script_lang-98ec33aa.js';
|
|
76
76
|
export { s as OrStepper } from '../OrStepper.vue_vue_type_script_lang-7de7c1ad.js';
|
|
77
77
|
export { s as OrSwitch } from '../OrSwitch.vue_vue_type_script_lang-f55d33f4.js';
|
|
78
|
-
export { s as OrSwitchV3 } from '../OrSwitch.vue_vue_type_script_lang-
|
|
78
|
+
export { s as OrSwitchV3 } from '../OrSwitch.vue_vue_type_script_lang-c72499ac.js';
|
|
79
79
|
export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-de7c7063.js';
|
|
80
80
|
export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1f29563.js';
|
|
81
81
|
export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-671949b7.js';
|
|
@@ -90,7 +90,7 @@ export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-d5a649
|
|
|
90
90
|
export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox.vue_vue_type_script_lang-b5c4a93a.js';
|
|
91
91
|
export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-d5b3c109.js';
|
|
92
92
|
export { s as OrToast, a as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-4bb702ce.js';
|
|
93
|
-
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-
|
|
93
|
+
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-e8242d1d.js';
|
|
94
94
|
export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-4d4329cd.js';
|
|
95
95
|
export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-fa52d391.js';
|
|
96
96
|
export { s as OrTooltipContent } from '../OrTooltipContent-b0dcb862.js';
|
|
@@ -103,7 +103,7 @@ import '../color-1f348774.js';
|
|
|
103
103
|
import '../useClassAttribute-00888f78.js';
|
|
104
104
|
import '@vueuse/core';
|
|
105
105
|
import '../OrLoader-ee97fef4.js';
|
|
106
|
-
import '../OrLoader-
|
|
106
|
+
import '../OrLoader-c4bbef2f.js';
|
|
107
107
|
import '../OrIconButton-e637158e.js';
|
|
108
108
|
import '../OrIconButton-8c211219.js';
|
|
109
109
|
import '../OrInput-33571984.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-
|
|
1
|
+
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-7d914104.js';
|
|
2
2
|
import 'vue';
|
|
3
|
-
import '../../OrLoader-
|
|
4
|
-
import '../../OrLoader.vue_vue_type_script_lang-
|
|
3
|
+
import '../../OrLoader-c4bbef2f.js';
|
|
4
|
+
import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
5
5
|
import '../../useClassAttribute-00888f78.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-
|
|
1
|
+
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-ee029628.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import '../../index-01519e46.js';
|
|
@@ -7,9 +7,9 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
|
|
|
7
7
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
8
8
|
import '../../useClassAttribute-00888f78.js';
|
|
9
9
|
import '../../useElevation-c8d5d3ba.js';
|
|
10
|
-
import '../../OrButton.vue_vue_type_script_lang-
|
|
11
|
-
import '../../OrLoader-
|
|
12
|
-
import '../../OrLoader.vue_vue_type_script_lang-
|
|
10
|
+
import '../../OrButton.vue_vue_type_script_lang-7d914104.js';
|
|
11
|
+
import '../../OrLoader-c4bbef2f.js';
|
|
12
|
+
import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
13
13
|
import '../../OrInput-33571984.js';
|
|
14
14
|
import '../../OrInput.vue_vue_type_script_lang-3895999d.js';
|
|
15
15
|
import '../../OrHint-c235be5d.js';
|
|
@@ -5,7 +5,17 @@ declare const _default: Meta<import("vue").ComponentOptions<import("vue").defaul
|
|
|
5
5
|
[x: number]: string;
|
|
6
6
|
} | {}, true>)>;
|
|
7
7
|
export default _default;
|
|
8
|
-
export declare const
|
|
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 Linear: 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 LinearWithText: 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
19
|
[x: string]: ((...args: any[]) => any) | null;
|
|
10
20
|
} | string[], {} & {}, {
|
|
11
21
|
[x: number]: string;
|
|
@@ -3,6 +3,9 @@ import { LoaderColor, LoaderSize, LoaderVariant } from './props';
|
|
|
3
3
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
4
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
5
|
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
6
|
+
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
+
titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
8
|
+
descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
6
9
|
computedSize: import("@vue/composition-api").ComputedRef<20 | 16 | undefined>;
|
|
7
10
|
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
8
11
|
variant: {
|
|
@@ -17,6 +20,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
17
20
|
type: PropType<LoaderSize>;
|
|
18
21
|
default: LoaderSize;
|
|
19
22
|
};
|
|
23
|
+
title: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: undefined;
|
|
26
|
+
};
|
|
27
|
+
description: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: undefined;
|
|
30
|
+
};
|
|
20
31
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
21
32
|
variant: {
|
|
22
33
|
type: PropType<LoaderVariant>;
|
|
@@ -30,21 +41,38 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
30
41
|
type: PropType<LoaderSize>;
|
|
31
42
|
default: LoaderSize;
|
|
32
43
|
};
|
|
44
|
+
title: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
default: undefined;
|
|
47
|
+
};
|
|
48
|
+
description: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
33
52
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
34
53
|
variant: LoaderVariant;
|
|
35
54
|
color: LoaderColor;
|
|
36
55
|
size: LoaderSize;
|
|
56
|
+
title: string;
|
|
57
|
+
description: string;
|
|
37
58
|
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
38
59
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
39
60
|
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
61
|
+
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
62
|
+
titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
63
|
+
descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
40
64
|
computedSize: import("@vue/composition-api").ComputedRef<20 | 16 | undefined>;
|
|
41
65
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
42
66
|
variant: LoaderVariant;
|
|
43
67
|
color: LoaderColor;
|
|
44
68
|
size: LoaderSize;
|
|
69
|
+
title: string;
|
|
70
|
+
description: string;
|
|
45
71
|
} & {}, {
|
|
46
72
|
variant: LoaderVariant;
|
|
47
73
|
color: LoaderColor;
|
|
48
74
|
size: LoaderSize;
|
|
75
|
+
title: string;
|
|
76
|
+
description: string;
|
|
49
77
|
}, true>);
|
|
50
78
|
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../../OrLoader.vue_vue_type_script_lang-
|
|
1
|
+
export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '../../useClassAttribute-00888f78.js';
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { LoaderColor } from './props';
|
|
2
2
|
export declare const LoaderRoot: string[];
|
|
3
3
|
export declare const LoaderRootColors: Record<LoaderColor, string[]>;
|
|
4
|
+
export declare const LoaderContainer: string[];
|
|
5
|
+
export declare const LoaderTitle: string[];
|
|
6
|
+
export declare const LoaderDescription: string[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-c72499ac.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '../../OrLabel-2809e2db.js';
|
|
4
4
|
import '../../OrLabel.vue_vue_type_script_lang-e42de5d1.js';
|
|
5
5
|
import '../../useClassAttribute-00888f78.js';
|
|
6
|
-
import '../../OrLoader-
|
|
7
|
-
import '../../OrLoader.vue_vue_type_script_lang-
|
|
6
|
+
import '../../OrLoader-c4bbef2f.js';
|
|
7
|
+
import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-
|
|
2
|
-
import '../../OrToastContainer-
|
|
1
|
+
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-e8242d1d.js';
|
|
2
|
+
import '../../OrToastContainer-03571359.js';
|
|
3
3
|
export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-4d4329cd.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import 'vue';
|
|
@@ -17,6 +17,6 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
|
|
|
17
17
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
18
18
|
import '../../useElevation-c8d5d3ba.js';
|
|
19
19
|
import '../../useResponsive-9d397e2a.js';
|
|
20
|
-
import '../../OrLoader-
|
|
21
|
-
import '../../OrLoader.vue_vue_type_script_lang-
|
|
20
|
+
import '../../OrLoader-c4bbef2f.js';
|
|
21
|
+
import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
22
22
|
import '../../style-inject.es-4c6f2515.js';
|