@onereach/ui-components 2.58.1 → 2.59.0

package/dist/v2/OrSkeletonText-950be6a2.js

@@ -0,0 +1,304 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import _ from 'lodash';
+import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+const SkeletonRoot = [
+// Position
+'relative',
+// Layout
+'overflow-hidden',
+// Box
+'p-0',
+// Borders
+'border-0',
+// Theme
+'bg-skeletons-gradient', 'dark:bg-skeletons-gradient-dark',
+// Background
+'bg-repeat'];
+const SkeletonTextContainerRoot = [
+// Layout
+'flex', 'flex-col',
+// Box
+'h-auto'];
+const SkeletonCircle = [
+// Box
+'rounded-full'];
+const SkeletonRect = [
+// Box
+'rounded-md'];
+const SkeletonText = [
+// Box
+'w-full', 'rounded-md'];
+const SkeletonAnimated = [
+// Background
+'bg-[length:200%]',
+// Animation
+'animate-skeleton-loader'];
+
+var script$2 = defineComponent({
+  name: 'OrSkeletonCircle',
+  inheritAttrs: false,
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    size: {
+      type: [Number, String],
+      required: false,
+      default: 40
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-skeleton', 'or-skeleton-circle', ...SkeletonRoot, ...SkeletonCircle, ...(props.animated ? SkeletonAnimated : []), classAttribute.value]);
+    const rootStyle = computed(() => {
+      var _a;
+      const size = (_a = props.size) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
+      const sizeStyle = _.isNumber(size) ? pxToRem(size) : size;
+      return {
+        'width': sizeStyle,
+        'min-width': sizeStyle,
+        'height': sizeStyle,
+        'min-height': sizeStyle
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+/* script */
+const __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$2 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles,
+    style: _vm.rootStyle
+  }, 'div', _vm.$attrs, false));
+};
+var __vue_staticRenderFns__$2 = [];
+
+/* style */
+const __vue_inject_styles__$2 = undefined;
+/* scoped */
+const __vue_scope_id__$2 = undefined;
+/* module identifier */
+const __vue_module_identifier__$2 = undefined;
+/* functional template */
+const __vue_is_functional_template__$2 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$2,
+  staticRenderFns: __vue_staticRenderFns__$2
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+
+var script$1 = defineComponent({
+  name: 'OrSkeletonRect',
+  inheritAttrs: false,
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    height: {
+      type: [Number, String],
+      required: false,
+      default: 36
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-skeleton', 'or-skeleton-rect', ...SkeletonRoot, ...SkeletonRect, ...(props.animated ? SkeletonAnimated : []), classAttribute.value]);
+    const rootStyle = computed(() => {
+      var _a, _b;
+      const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
+      const height = (_b = props.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
+      return {
+        'width': _.isNumber(width) ? pxToRem(width) : width,
+        'height': _.isNumber(height) ? pxToRem(height) : height
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles,
+    style: _vm.rootStyle
+  }, 'div', _vm.$attrs, false));
+};
+var __vue_staticRenderFns__$1 = [];
+
+/* style */
+const __vue_inject_styles__$1 = undefined;
+/* scoped */
+const __vue_scope_id__$1 = undefined;
+/* module identifier */
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+const __vue_is_functional_template__$1 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+
+var script = defineComponent({
+  name: 'OrSkeletonText',
+  inheritAttrs: false,
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    linesCount: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    fontSize: {
+      type: Number,
+      required: false,
+      default: 16
+    },
+    lineHeight: {
+      type: Number,
+      required: false,
+      default: 24
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const containerStyles = computed(() => ['or-skeleton-text-root', ...SkeletonTextContainerRoot, classAttribute.value]);
+    const containerStyle = computed(() => {
+      var _a;
+      const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
+      return {
+        'width': _.isNumber(width) ? pxToRem(width) : width
+      };
+    });
+    const rowStyles = computed(() => ['or-skeleton', 'or-skeleton-text', ...SkeletonRoot, ...SkeletonText, ...(props.animated ? SkeletonAnimated : []), classAttribute.value]);
+    const rowStyle = computed(() => {
+      var _a, _b;
+      const height = (_a = props.fontSize) !== null && _a !== void 0 ? _a : 16;
+      const margin = (((_b = props.lineHeight) !== null && _b !== void 0 ? _b : 24) - height) / 2;
+      return {
+        'height': _.isNumber(height) ? pxToRem(height) : height,
+        'margin': `${_.isNumber(margin) ? pxToRem(margin) : margin} 0`
+      };
+    });
+    // State
+    const lineKeys = computed(() => _.range(props.linesCount));
+    return {
+      root,
+      containerStyles,
+      containerStyle,
+      rowStyles,
+      rowStyle,
+      lineKeys
+    };
+  }
+});
+
+/* 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', _vm._b({
+    ref: "root",
+    class: _vm.containerStyles,
+    style: _vm.containerStyle
+  }, 'div', _vm.$attrs, false), _vm._l(_vm.lineKeys, function (key) {
+    return _c('div', {
+      key: key,
+      class: _vm.rowStyles,
+      style: _vm.rowStyle
+    });
+  }), 0);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* 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__$2 as _, __vue_component__$1 as a, __vue_component__ as b };

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

@@ -63,6 +63,7 @@ export * from './or-select-v3';
 export * from './or-sidebar';
 export * from './or-sidebar-v3';
 export * from './or-skeleton';
+export * from './or-skeleton-v3';
 export * from './or-slider';
 export * from './or-stepper';
 export * from './or-switch';

package/dist/v2/components/or-skeleton-v3/OrSkeleton.stories3.d.ts

@@ -0,0 +1,35 @@
+import { Story } from '@storybook/vue';
+declare const _default: {
+    title: string;
+    components: {
+        OrSkeletonCircle: 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>);
+        OrSkeletonRect: 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>);
+        OrSkeletonText: 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>);
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            page: string;
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Example1: Story<import("@storybook/vue").Args>;
+export declare const Example2: Story<import("@storybook/vue").Args>;
+export declare const Example3: Story<import("@storybook/vue").Args>;

package/dist/v2/components/or-skeleton-v3/OrSkeletonCircle.stories3.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+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 NotAnimated: 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 WithSize: 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/v2/components/or-skeleton-v3/OrSkeletonCircle.vue.d.ts

@@ -0,0 +1,51 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        'min-width': string;
+        height: string;
+        'min-height': string;
+    }>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    animated: boolean;
+    size: string | number;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        'min-width': string;
+        height: string;
+        'min-height': string;
+    }>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    animated: boolean;
+    size: string | number;
+} & {}, {
+    animated: boolean;
+    size: string | number;
+}, true>);
+export default _default;

package/dist/v2/components/or-skeleton-v3/OrSkeletonRect.stories3.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+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 NotAnimated: 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 WithWidth: 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 WithHeight: 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 WithWidthAndHeight: 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/v2/components/or-skeleton-v3/OrSkeletonRect.vue.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: number;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    animated: boolean;
+    width: string | number;
+    height: string | number;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    animated: boolean;
+    width: string | number;
+    height: string | number;
+} & {}, {
+    animated: boolean;
+    width: string | number;
+    height: string | number;
+}, true>);
+export default _default;

package/dist/v2/components/or-skeleton-v3/OrSkeletonText.stories3.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+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 NotAnimated: 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 WithWidth: 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 WithSize: 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 WithLinesCount: 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/v2/components/or-skeleton-v3/OrSkeletonText.vue.d.ts

@@ -0,0 +1,96 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    containerStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    containerStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
+    rowStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rowStyle: import("@vue/composition-api").ComputedRef<{
+        height: string;
+        margin: string;
+    }>;
+    lineKeys: import("@vue/composition-api").ComputedRef<number[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    containerStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    containerStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
+    rowStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rowStyle: import("@vue/composition-api").ComputedRef<{
+        height: string;
+        margin: string;
+    }>;
+    lineKeys: import("@vue/composition-api").ComputedRef<number[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+} & {}, {
+    animated: boolean;
+    linesCount: number;
+    width: string | number;
+    fontSize: number;
+    lineHeight: number;
+}, true>);
+export default _default;