@onereach/ui-components 2.68.0-beta.2002.0 → 2.68.0-beta.2003.0

package/dist/esm/v2/components/index.d.ts

@@ -87,4 +87,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/dist/esm/v2/components/index.js

@@ -95,7 +95,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665
 export { _ as OrTooltip } from '../OrTooltip-614b016d.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-3454c2e6.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-6bc37dc4.js';
 import 'vue-demi';
 import 'lodash';
 import '../normalize-component-6e8e3d80.js';
@@ -125,21 +124,3 @@ import '../dropdown-open-0d314aa4.js';
 import '../useOverflow-ac506c65.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-underline';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';

package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts

@@ -0,0 +1,39 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+import OrEmptyState from './OrEmptyState.vue';
+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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export default _default;
+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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const LinearLoader: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const CircularLoader: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const MaterialIcon: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const ImageIcon: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const ExtraContentInSlot: StoryFn<typeof OrEmptyState>;
+export declare const Containers: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts

@@ -0,0 +1,109 @@
+import { LoaderVariant } from '../or-loader-v3';
+import { PropType } from 'vue-demi';
+import { EmptyStateLoader } from '.';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
+    loaderVariant(): LoaderVariant | undefined;
+}, {
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+        type: PropType<EmptyStateLoader>;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+        type: PropType<EmptyStateLoader>;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    loaderVariant(): LoaderVariant | undefined;
+}, {}, {}, {}, {}, {
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+} & {}, {
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+}, true>);
+/**
+ * The component to display when there is no content on a page,
+ * no records found or selected, or while the data is being loaded.
+ * Provides a hint to the user on what to do.
+ * Consists of text message, optional icon and optional loader.
+ */
+export default _default;

package/dist/esm/v2/components/or-empty-state-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrEmptyStateV3 } from './OrEmptyState.vue';
+export * from './types';

package/dist/esm/v2/components/or-empty-state-v3/index.js

@@ -0,0 +1,129 @@
+import { _ as __vue_component__$2, L as LoaderVariant } from '../../OrLoader-bd088836.js';
+import { _ as __vue_component__$1 } from '../../OrIcon-05689298.js';
+import { defineComponent } from 'vue-demi';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+
+/**
+ * The component to display when there is no content on a page,
+ * no records found or selected, or while the data is being loaded.
+ * Provides a hint to the user on what to do.
+ * Consists of text message, optional icon and optional loader.
+ */
+var script = defineComponent({
+  name: 'OrEmptyState',
+  components: {
+    OrIcon: __vue_component__$1,
+    OrLoader: __vue_component__$2
+  },
+  props: {
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+      type: String,
+      default: undefined
+    },
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+      type: String,
+      default: undefined
+    },
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+      type: [String, Boolean],
+      default: false
+    }
+  },
+  computed: {
+    loaderVariant() {
+      if (typeof this.loader === 'string') {
+        return this.loader;
+      } else if (this.loader === true) {
+        return LoaderVariant.Linear;
+      } else {
+        return undefined;
+      }
+    }
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "empty-state w-full grow flex flex-col justify-center items-center gap-sm"
+  }, [_vm.icon ? _c('OrIcon', {
+    staticClass: "empty-state_icon w-2xl h-2xl text-[48px] text-on-surface-variant dark:text-on-surface-variant-dark mb-sm",
+    attrs: {
+      "icon": _vm.icon,
+      "size": "inherit"
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.iconSrc ? _c('img', {
+    staticClass: "empty-state_image h-2xl mb-sm",
+    attrs: {
+      "src": _vm.iconSrc,
+      "alt": ""
+    }
+  }) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "empty-state_heading text-on-background dark:text-on-background-dark text-headline-4 font-headline-4"
+  }, [_vm._v("\n    " + _vm._s(_vm.heading) + "\n  ")]), _vm._v(" "), _vm.loader ? _c('div', {
+    staticClass: "empty-state_loader max-w-[432px] w-2/5 flex justify-center my-sm"
+  }, [_c('OrLoader', {
+    attrs: {
+      "variant": _vm.loaderVariant
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _vm.$slots.default ? _c('div', {
+    staticClass: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
+  }, [_vm._t("default")], 2) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
+  }, [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-58e2742a";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as OrEmptyStateV3 };

package/dist/esm/v2/components/or-empty-state-v3/types.d.ts

@@ -0,0 +1,2 @@
+import { LoaderVariant } from '../or-loader-v3';
+export declare type EmptyStateLoader = boolean | LoaderVariant | undefined;

package/dist/esm/v2/index.js

@@ -95,7 +95,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-614b016d.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
 export { _ as OrTooltipV3 } from './OrTooltip-3454c2e6.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-6bc37dc4.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';
@@ -125,24 +124,6 @@ import 'sortablejs';
 import '@vueuse/integrations/useFocusTrap';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-underline';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';
 
 function getAbbreviation(text, limit) {
   var _a;

package/dist/esm/v3/components/index.d.ts

@@ -87,4 +87,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/dist/esm/v3/components/index.js

@@ -89,7 +89,6 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-78cd7f6b.js';
 export { s as OrTooltipV3 } from '../OrTooltip-1500a1cd.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-a5d38e89.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -117,21 +116,3 @@ import '../useResponsive-a02e95b7.js';
 import '@vueuse/integrations/useFocusTrap';
 import '../dropdown-open-0d314aa4.js';
 import '../useOverflow-ac506c65.js';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-underline';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';

package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts

@@ -0,0 +1,39 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+import OrEmptyState from './OrEmptyState.vue';
+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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export default _default;
+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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const LinearLoader: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const CircularLoader: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const MaterialIcon: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const ImageIcon: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const ExtraContentInSlot: StoryFn<typeof OrEmptyState>;
+export declare const Containers: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts

@@ -0,0 +1,109 @@
+import { LoaderVariant } from '../or-loader-v3';
+import { PropType } from 'vue-demi';
+import { EmptyStateLoader } from '.';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
+    loaderVariant(): LoaderVariant | undefined;
+}, {
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+        type: PropType<EmptyStateLoader>;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Material icon name to display above the heading.
+     */
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Path to the image to display above the heading.
+     * Image height is scaled to 48px, width is undefined to preserve aspect ratio.
+     */
+    iconSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * If provided, then loader is being displayed.
+     * Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
+     */
+    loader: {
+        type: PropType<EmptyStateLoader>;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    loaderVariant(): LoaderVariant | undefined;
+}, {}, {}, {}, {}, {
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+} & {}, {
+    heading: string;
+    text: string;
+    icon: string;
+    iconSrc: string;
+    loader: EmptyStateLoader;
+}, true>);
+/**
+ * The component to display when there is no content on a page,
+ * no records found or selected, or while the data is being loaded.
+ * Provides a hint to the user on what to do.
+ * Consists of text message, optional icon and optional loader.
+ */
+export default _default;

package/dist/esm/v3/components/or-empty-state-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrEmptyStateV3 } from './OrEmptyState.vue';
+export * from './types';