@lumx/vue 4.8.0-next.0 → 4.8.0-next.1

package/components/inline-list/InlineList.d.ts

@@ -0,0 +1,13 @@
+import { InlineListProps as UIProps } from '@lumx/core/js/components/InlineList';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type InlineListProps = VueToJSXProps<UIProps, 'items'>;
+/**
+ * InlineList component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const InlineList: import('vue').DefineSetupFnComponent<InlineListProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "items"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default InlineList;

package/components/inline-list/InlineList.stories.d.ts

@@ -0,0 +1,53 @@
+declare const _default: {
+    component: any;
+    argTypes: {
+        typography: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("caption" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button")[];
+            mapping: Record<string, "caption" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button"> | undefined;
+        };
+        color: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
+            mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
+        };
+        colorVariant: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N")[];
+            mapping: Record<string, "D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N"> | undefined;
+        };
+        children: {
+            control: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const WithElements: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const MixedNoWrapAndTruncate: {
+    args: {
+        typography: string;
+        color: string;
+        colorVariant: string;
+        style: {
+            width: string;
+        };
+    };
+    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const Wrap: {
+    args: {
+        wrap: boolean;
+    };
+    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/inline-list/index.d.ts

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

package/index.d.ts

@@ -25,6 +25,7 @@ export * from './components/switch';
 export * from './components/text-field';
 export * from './components/uploader';
 export * from './components/generic-block';
+export * from './components/inline-list';
 export * from './components/table';
 export * from './components/text';
 export * from './components/thumbnail';