@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.
Files changed (67) hide show
  1. package/dist/bundled/v2/{OrButton-a4952445.js → OrButton-6d67c16c.js} +1 -1
  2. package/dist/bundled/v2/{OrConfirm-196a014f.js → OrConfirm-6a6daa14.js} +1 -1
  3. package/dist/bundled/v2/{OrLoader-76f2615f.js → OrLoader-6a1f937b.js} +26 -3
  4. package/dist/bundled/v2/{OrSwitch-c606709c.js → OrSwitch-75d3a260.js} +1 -1
  5. package/dist/bundled/v2/components/index.js +5 -5
  6. package/dist/bundled/v2/components/or-button-v3/index.js +2 -2
  7. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
  8. package/dist/bundled/v2/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
  9. package/dist/bundled/v2/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
  10. package/dist/bundled/v2/components/or-loader-v3/index.js +1 -1
  11. package/dist/bundled/v2/components/or-loader-v3/styles.d.ts +3 -0
  12. package/dist/bundled/v2/components/or-switch-v3/index.js +2 -2
  13. package/dist/bundled/v2/components/or-toast-v3/index.js +2 -2
  14. package/dist/bundled/v2/index.js +6 -6
  15. package/dist/bundled/v2/{types-88dd7a52.js → types-a648d591.js} +1 -1
  16. package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-5af7999c.js → OrButton.vue_vue_type_script_lang-7d914104.js} +2 -2
  17. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-53614609.js → OrConfirm.vue_vue_type_script_lang-ee029628.js} +1 -1
  18. package/dist/bundled/v3/{OrLoader-65868e73.js → OrLoader-c4bbef2f.js} +12 -4
  19. package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-edd1b404.js → OrLoader.vue_vue_type_script_lang-5405040c.js} +18 -1
  20. package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-b40bf75f.js → OrSwitch.vue_vue_type_script_lang-c72499ac.js} +2 -2
  21. package/dist/bundled/v3/{OrToastContainer-9f3ab98b.js → OrToastContainer-03571359.js} +1 -1
  22. package/dist/bundled/v3/components/index.js +6 -6
  23. package/dist/bundled/v3/components/or-button-v3/index.js +3 -3
  24. package/dist/bundled/v3/components/or-confirm-v3/index.js +4 -4
  25. package/dist/bundled/v3/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
  26. package/dist/bundled/v3/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
  27. package/dist/bundled/v3/components/or-loader-v3/index.js +1 -1
  28. package/dist/bundled/v3/components/or-loader-v3/styles.d.ts +3 -0
  29. package/dist/bundled/v3/components/or-switch-v3/index.js +3 -3
  30. package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
  31. package/dist/bundled/v3/index.js +10 -10
  32. package/dist/bundled/v3/{types-0d8f9581.js → types-e8242d1d.js} +2 -2
  33. package/dist/esm/v2/{OrButton-b458e82b.js → OrButton-04390a52.js} +1 -1
  34. package/dist/esm/v2/{OrConfirm-64ecb10d.js → OrConfirm-6bff1a45.js} +1 -1
  35. package/dist/esm/v2/{OrLoader-bd088836.js → OrLoader-f857d55b.js} +26 -3
  36. package/dist/esm/v2/{OrSwitch-2e0a53ed.js → OrSwitch-846de5ce.js} +1 -1
  37. package/dist/esm/v2/components/index.js +5 -5
  38. package/dist/esm/v2/components/or-button-v3/index.js +2 -2
  39. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -3
  40. package/dist/esm/v2/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
  41. package/dist/esm/v2/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
  42. package/dist/esm/v2/components/or-loader-v3/index.js +1 -1
  43. package/dist/esm/v2/components/or-loader-v3/styles.d.ts +3 -0
  44. package/dist/esm/v2/components/or-switch-v3/index.js +2 -2
  45. package/dist/esm/v2/components/or-toast-v3/index.js +2 -2
  46. package/dist/esm/v2/index.js +5 -5
  47. package/dist/esm/v2/{types-ed7aa2bb.js → types-d6a767b3.js} +1 -1
  48. package/dist/esm/v3/{OrButton-4d0c2edd.js → OrButton-3670279e.js} +1 -1
  49. package/dist/esm/v3/{OrConfirm-a77d9812.js → OrConfirm-748ed50b.js} +1 -1
  50. package/dist/esm/v3/{OrLoader-60943812.js → OrLoader-b3cf4231.js} +29 -4
  51. package/dist/esm/v3/{OrSwitch-ec454b76.js → OrSwitch-94399738.js} +1 -1
  52. package/dist/esm/v3/components/index.js +5 -5
  53. package/dist/esm/v3/components/or-button-v3/index.js +2 -2
  54. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  55. package/dist/esm/v3/components/or-loader-v3/OrLoader.stories3.d.ts +11 -1
  56. package/dist/esm/v3/components/or-loader-v3/OrLoader.vue.d.ts +28 -0
  57. package/dist/esm/v3/components/or-loader-v3/index.js +1 -1
  58. package/dist/esm/v3/components/or-loader-v3/styles.d.ts +3 -0
  59. package/dist/esm/v3/components/or-switch-v3/index.js +2 -2
  60. package/dist/esm/v3/components/or-toast-v3/index.js +2 -2
  61. package/dist/esm/v3/index.js +5 -5
  62. package/dist/esm/v3/{types-652ae29f.js → types-8ef262da.js} +1 -1
  63. package/package.json +2 -2
  64. package/src/components/or-loader-v3/OrLoader.docs.mdx +3 -1
  65. package/src/components/or-loader-v3/OrLoader.stories3.ts +21 -1
  66. package/src/components/or-loader-v3/OrLoader.vue +95 -61
  67. 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-76f2615f.js';
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-65868e73.js';
3
- import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-edd1b404.js';
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-5af7999c.js';
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-edd1b404.js';
2
- import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createCommentVNode } from 'vue';
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.variant === 'circular' ? (openBlock(), createElementBlock("svg", {
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)], 16 /* FULL_PROPS */);
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-65868e73.js';
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-edd1b404.js';
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-0d8f9581.js';
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-5af7999c.js';
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-53614609.js';
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-edd1b404.js';
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-b40bf75f.js';
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-0d8f9581.js';
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-65868e73.js';
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-5af7999c.js';
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-65868e73.js';
4
- import '../../OrLoader.vue_vue_type_script_lang-edd1b404.js';
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-53614609.js';
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-5af7999c.js';
11
- import '../../OrLoader-65868e73.js';
12
- import '../../OrLoader.vue_vue_type_script_lang-edd1b404.js';
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 Loader: 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, {
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-edd1b404.js';
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-b40bf75f.js';
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-65868e73.js';
7
- import '../../OrLoader.vue_vue_type_script_lang-edd1b404.js';
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-0d8f9581.js';
2
- import '../../OrToastContainer-9f3ab98b.js';
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-65868e73.js';
21
- import '../../OrLoader.vue_vue_type_script_lang-edd1b404.js';
20
+ import '../../OrLoader-c4bbef2f.js';
21
+ import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
22
22
  import '../../style-inject.es-4c6f2515.js';