@lumx/vue 4.9.0 → 4.10.0-alpha.1

package/components/link-preview/LinkPreview.d.ts

@@ -0,0 +1,20 @@
+import { LinkPreviewProps as UIProps, COMPONENT_NAME } from '@lumx/core/js/components/LinkPreview';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type LinkPreviewProps = VueToJSXProps<UIProps, 'TitleHeading' | 'Link' | 'Thumbnail'> & {
+    /** Customize the title heading tag. */
+    titleHeading?: string;
+};
+export { COMPONENT_NAME };
+/**
+ * LinkPreview component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const LinkPreview: import('vue').DefineSetupFnComponent<LinkPreviewProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "Thumbnail" | "Link" | "TitleHeading"> & {
+    class?: string;
+} & {
+    /** Customize the title heading tag. */
+    titleHeading?: string;
+} & {}, import('vue').PublicProps>;
+export default LinkPreview;

package/components/link-preview/LinkPreview.stories.d.ts

@@ -0,0 +1,55 @@
+declare const _default: {
+    component: any;
+    decorators: ((story: any, context: any) => any)[];
+    args: {
+        title: string;
+        description: string;
+        link: string;
+        size: "regular";
+        titleHeading: "h2";
+    };
+    argTypes: {
+        size: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("big" | "regular")[];
+            mapping: Record<string, "big" | "regular"> | undefined;
+        };
+        titleHeading: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: import('@lumx/core/js/types').HeadingElement[];
+            mapping: Record<string, import('@lumx/core/js/types').HeadingElement> | undefined;
+            if: {
+                arg: string;
+            };
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const TitleAndDescription: {
+    args: {
+        title: string;
+        description: string;
+    };
+};
+export declare const AllFields: {
+    args: {
+        'thumbnailProps.image': string;
+        title: string;
+        description: string;
+    };
+};
+export declare const Big: {
+    decorators: ((story: any, context: any) => any)[];
+    args: {
+        size: "big";
+        'thumbnailProps.image': string;
+        title: string;
+        description: string;
+    };
+};

package/components/link-preview/index.d.ts

@@ -0,0 +1,3 @@
+import { default as LinkPreview, LinkPreviewProps } from './LinkPreview';
+export { LinkPreview };
+export type { LinkPreviewProps };

package/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/icon';
 export * from './components/input-helper';
 export * from './components/input-label';
 export * from './components/link';
+export * from './components/link-preview';
 export * from './components/list';
 export * from './components/message';
 export * from './components/mosaic';