@lumx/vue 4.3.2-alpha.0 → 4.3.2-alpha.10

package/CONTRIBUTING.md

@@ -41,18 +41,6 @@ Before opening a Pull Request, please see the Submission Guidelines below.
 You can request a new feature by submitting an issue to our [GitHub Repository](https://github.com/lumapps/design-system/issues).
 If you would like to implement a new feature then consider what kind of change it is, discuss it with us before hand in your issue, so that we can better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.
 
-## <a name="create-a-new-react-component-"></a> Want to create a new React Component?
-
-The first step to create a new React component is to run:
-
-```
-yarn scaffold
-```
-
-This script will generate a TSX file for the component code, a TSX file for the component tests and an MDX file to demo this component.
-
-To export your component into the `@lumx/react` NPM package, you also have to make sure to update the `src/index.tsx` file.
-
 ## <a name="submission-guidelines"></a> Submission guidelines
 
 ### Submitting an issue

package/components/badge/Badge.d.ts

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

package/components/badge/BadgeWrapper.d.ts

@@ -0,0 +1,8 @@
+import { BadgeWrapperProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Badge/BadgeWrapper';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type BadgeWrapperProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+declare const BadgeWrapper: import('vue').DefineSetupFnComponent<BadgeWrapperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default BadgeWrapper;

package/components/badge/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Badge, BadgeProps } from './Badge';
+import { default as BadgeWrapper, BadgeWrapperProps } from './BadgeWrapper';
+export { Badge, BadgeWrapper };
+export type { BadgeProps, BadgeWrapperProps };

package/components/button/Button.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const Button: import('vue').DefineSetupFnComponent<ButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/button/ButtonGroup.d.ts

@@ -7,7 +7,7 @@ export type ButtonGroupProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default ButtonGroup;

package/components/button/IconButton.d.ts

@@ -12,7 +12,7 @@ export declare const emitSchema: {
  */
 declare const IconButton: import('vue').DefineSetupFnComponent<IconButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/checkbox/Checkbox.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, INTERMEDIATE_STATE };
  */
 declare const Checkbox: import('vue').DefineSetupFnComponent<CheckboxProps, {
     change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
-}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/divider/Divider.d.ts

@@ -0,0 +1,14 @@
+import { DividerProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Divider';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type DividerProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * Divider component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Divider: import('vue').DefineSetupFnComponent<DividerProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default Divider;

package/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';

package/components/flag/Flag.d.ts

@@ -7,7 +7,7 @@ export type FlagProps = VueToJSXProps<UIProps, 'Text'>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange" | "Text"> & {
+declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "Text"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Flag;

package/components/flex-box/FlexBox.d.ts

@@ -11,7 +11,7 @@ export { CLASSNAME, COMPONENT_NAME };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {
     /** Customize the root element. */

package/components/grid-column/GridColumn.d.ts

@@ -0,0 +1,9 @@
+import { GridColumnProps as UIProps, GridColumnGapSize, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/GridColumn';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type GridColumnProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+export type { GridColumnGapSize };
+declare const GridColumn: import('vue').DefineSetupFnComponent<GridColumnProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default GridColumn;

package/components/grid-column/GridColumn.stories.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    component: any;
+    render: any;
+    argTypes: {
+        nbItems: {
+            control: string;
+        };
+        gap: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: (import('../..').GridColumnGapSize | undefined)[];
+            mapping: Record<string, import('../..').GridColumnGapSize | undefined> | undefined;
+        };
+        itemMinWidth: {
+            control: string;
+        };
+        maxColumns: {
+            control: string;
+        };
+    };
+    args: {
+        nbItems: number;
+        as?: any;
+        children?: import('react').ReactNode;
+        gap?: import('../..').GridColumnGapSize | undefined;
+        maxColumns?: number | undefined;
+        itemMinWidth?: number | undefined;
+        style?: any;
+        ref?: import('../..').CommonRef;
+        className?: string | undefined;
+    };
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const Columns: {
+    args: {
+        maxColumns: number;
+        itemMinWidth: number;
+    };
+};

package/components/grid-column/index.d.ts

@@ -0,0 +1,3 @@
+export { default as GridColumn } from './GridColumn';
+export type { GridColumnProps, GridColumnGapSize } from './GridColumn';
+export { CLASSNAME as GRID_COLUMN_CLASSNAME, COMPONENT_NAME as GRID_COLUMN_COMPONENT_NAME } from './GridColumn';

package/components/heading/Heading.d.ts

@@ -7,7 +7,7 @@ export type HeadingVueProps = VueToJSXProps<HeadingProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Heading;

package/components/icon/Icon.d.ts

@@ -7,7 +7,7 @@ export type IconProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Icon;

package/components/input-helper/InputHelper.d.ts

@@ -7,7 +7,7 @@ export type InputHelperProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputHelper;

package/components/input-label/InputLabel.d.ts

@@ -7,7 +7,7 @@ export type InputLabelProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputLabel;

package/components/link/Link.d.ts

@@ -0,0 +1,21 @@
+import { LinkProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Link';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type LinkProps = VueToJSXProps<UIProps, 'label'>;
+export declare const emitSchema: {
+    click: (event: Event) => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * Link component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Link: import('vue').DefineSetupFnComponent<LinkProps, {
+    click: (event: Event) => boolean;
+}, {}, Omit<UIProps, "className" | "label" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {
+    onClick?: ((event: Event) => any) | undefined;
+}, import('vue').PublicProps>;
+export default Link;

package/components/link/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Link } from './Link';
+export type { LinkProps } from './Link';

package/components/message/Message.d.ts

@@ -14,7 +14,7 @@ export interface MessageEmits {
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {
     /** label to be used for the close button */

package/components/radio-button/RadioButton.d.ts

@@ -0,0 +1,21 @@
+import { RadioButtonProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/RadioButton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type RadioButtonProps = VueToJSXProps<UIProps, 'inputId' | 'inputRef'>;
+export declare const emitSchema: {
+    change: (value?: string, name?: string, event?: Event) => event is Event;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * RadioButton component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const RadioButton: import('vue').DefineSetupFnComponent<RadioButtonProps, {
+    change: (value?: string, name?: string, event?: Event) => event is Event;
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+    class?: string;
+} & {
+    onChange?: ((value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default RadioButton;

package/components/radio-button/RadioGroup.d.ts

@@ -0,0 +1,14 @@
+import { CLASSNAME, COMPONENT_NAME } from '@lumx/core/js/components/RadioGroup';
+export interface RadioGroupProps {
+    /** CSS class name */
+    class?: string;
+}
+export { CLASSNAME, COMPONENT_NAME };
+/**
+ * RadioGroup component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const RadioGroup: import('vue').DefineSetupFnComponent<RadioGroupProps, {}, {}, RadioGroupProps & {}, import('vue').PublicProps>;
+export default RadioGroup;

package/components/radio-button/index.d.ts

@@ -0,0 +1,4 @@
+export { default as RadioButton } from './RadioButton';
+export { default as RadioGroup } from './RadioGroup';
+export type { RadioButtonProps } from './RadioButton';
+export type { RadioGroupProps } from './RadioGroup';

package/components/skeleton/SkeletonCircle.d.ts

@@ -0,0 +1,14 @@
+import { SkeletonCircleProps as UIProps, SKELETON_CIRCLE_CLASSNAME as CLASSNAME, SKELETON_CIRCLE_COMPONENT_NAME as COMPONENT_NAME, SKELETON_CIRCLE_DEFAULT_PROPS as DEFAULT_PROPS } from '@lumx/core/js/components/Skeleton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type SkeletonCircleProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * SkeletonCircle component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SkeletonCircle: import('vue').DefineSetupFnComponent<SkeletonCircleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default SkeletonCircle;

package/components/skeleton/SkeletonRectangle.d.ts

@@ -0,0 +1,14 @@
+import { SkeletonRectangleProps as UIProps, SkeletonRectangleVariant, SKELETON_RECTANGLE_CLASSNAME as CLASSNAME, SKELETON_RECTANGLE_COMPONENT_NAME as COMPONENT_NAME, SKELETON_RECTANGLE_DEFAULT_PROPS as DEFAULT_PROPS } from '@lumx/core/js/components/Skeleton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type SkeletonRectangleProps = VueToJSXProps<UIProps>;
+export { SkeletonRectangleVariant, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * SkeletonRectangle component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SkeletonRectangle: import('vue').DefineSetupFnComponent<SkeletonRectangleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default SkeletonRectangle;

package/components/skeleton/SkeletonTypography.d.ts

@@ -0,0 +1,14 @@
+import { SkeletonTypographyProps as UIProps, SKELETON_TYPOGRAPHY_CLASSNAME as CLASSNAME, SKELETON_TYPOGRAPHY_COMPONENT_NAME as COMPONENT_NAME, SKELETON_TYPOGRAPHY_DEFAULT_PROPS as DEFAULT_PROPS } from '@lumx/core/js/components/Skeleton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type SkeletonTypographyProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * SkeletonTypography component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SkeletonTypography: import('vue').DefineSetupFnComponent<SkeletonTypographyProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default SkeletonTypography;

package/components/skeleton/index.d.ts

@@ -0,0 +1,10 @@
+import { default as SkeletonCircle, SkeletonCircleProps } from './SkeletonCircle';
+import { default as SkeletonRectangle, SkeletonRectangleProps, SkeletonRectangleVariant } from './SkeletonRectangle';
+import { default as SkeletonTypography, SkeletonTypographyProps } from './SkeletonTypography';
+export { SkeletonCircle };
+export type { SkeletonCircleProps };
+export { SkeletonRectangle };
+export type { SkeletonRectangleProps };
+export { SkeletonRectangleVariant };
+export { SkeletonTypography };
+export type { SkeletonTypographyProps };

package/components/switch/Switch.d.ts

@@ -0,0 +1,21 @@
+import { SwitchProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Switch';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type SwitchProps = VueToJSXProps<UIProps, 'inputId' | 'inputRef'>;
+export declare const emitSchema: {
+    change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * Switch component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Switch: import('vue').DefineSetupFnComponent<SwitchProps, {
+    change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+    class?: string;
+} & {
+    onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default Switch;

package/components/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from './Switch';

package/components/table/Table.d.ts

@@ -0,0 +1,7 @@
+import { TableProps as UIProps } from '@lumx/core/js/components/Table';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type TableProps = VueToJSXProps<UIProps>;
+declare const Table: import('vue').DefineSetupFnComponent<TableProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default Table;

package/components/table/TableBody.d.ts

@@ -0,0 +1,7 @@
+import { TableBodyProps as UIProps } from '@lumx/core/js/components/Table/TableBody';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type TableBodyProps = VueToJSXProps<UIProps>;
+declare const TableBody: import('vue').DefineSetupFnComponent<TableBodyProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default TableBody;

package/components/table/TableCell.d.ts

@@ -0,0 +1,16 @@
+import { TableCellProps as UIProps, ThOrder, TableCellVariant } from '@lumx/core/js/components/Table/TableCell';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export { ThOrder, TableCellVariant };
+export type { ThOrder as ThOrderType, TableCellVariant as TableCellVariantType, } from '@lumx/core/js/components/Table/TableCell';
+export type TableCellProps = VueToJSXProps<UIProps, 'onHeaderClick'>;
+export declare const emitSchema: {
+    headerClick: () => boolean;
+};
+declare const TableCell: import('vue').DefineSetupFnComponent<TableCellProps, {
+    headerClick: () => boolean;
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "onHeaderClick"> & {
+    class?: string;
+} & {
+    onHeaderClick?: (() => any) | undefined;
+}, import('vue').PublicProps>;
+export default TableCell;

package/components/table/TableHeader.d.ts

@@ -0,0 +1,7 @@
+import { TableHeaderProps as UIProps } from '@lumx/core/js/components/Table/TableHeader';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type TableHeaderProps = VueToJSXProps<UIProps>;
+declare const TableHeader: import('vue').DefineSetupFnComponent<TableHeaderProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default TableHeader;

package/components/table/TableRow.d.ts

@@ -0,0 +1,13 @@
+import { TableRowProps as UIProps } from '@lumx/core/js/components/Table/TableRow';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type TableRowProps = VueToJSXProps<UIProps, 'tabIndex' | 'aria-disabled'> & {
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+};
+declare const TableRow: import('vue').DefineSetupFnComponent<TableRowProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "aria-disabled" | "tabIndex"> & {
+    class?: string;
+} & {
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+} & {}, import('vue').PublicProps>;
+export default TableRow;

package/components/table/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Table } from './Table';
+export * from './Table';
+export { default as TableBody } from './TableBody';
+export * from './TableBody';
+export { default as TableCell } from './TableCell';
+export * from './TableCell';
+export { default as TableHeader } from './TableHeader';
+export * from './TableHeader';
+export { default as TableRow } from './TableRow';
+export * from './TableRow';

package/components/text/Text.d.ts

@@ -7,7 +7,7 @@ export type TextProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Text;

package/components/thumbnail/Stories/ThumbnailClickable.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    onClick?: (event: Event) => any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        badge?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/thumbnail/Thumbnail.d.ts

@@ -0,0 +1,35 @@
+import { ThumbnailProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Thumbnail';
+import { FocusPoint } from '@lumx/core/js/components/Thumbnail/types';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ThumbnailProps = VueToJSXProps<Omit<UIProps, 'loadingState' | 'isAnyDisabled' | 'focusPointStyle' | 'disabledStateProps' | 'badge' | 'imgRef' | 'onKeyPress' | 'fallback'>> & {
+    /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */
+    focusPoint?: FocusPoint;
+    /** ARIA disabled state */
+    'aria-disabled'?: boolean | 'true' | 'false';
+};
+export declare const emitSchema: {
+    click: (event: Event) => boolean;
+    keyPress: (event: Event) => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * Thumbnail component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Thumbnail: import('vue').DefineSetupFnComponent<ThumbnailProps, {
+    click: (event: Event) => boolean;
+    keyPress: (event: Event) => boolean;
+}, {}, Omit<Omit<UIProps, "badge" | "isAnyDisabled" | "disabledStateProps" | "fallback" | "loadingState" | "imgRef" | "onKeyPress" | "focusPointStyle">, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {
+    /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */
+    focusPoint?: FocusPoint;
+    /** ARIA disabled state */
+    'aria-disabled'?: boolean | "true" | "false";
+} & {
+    onClick?: ((event: Event) => any) | undefined;
+    onKeyPress?: ((event: Event) => any) | undefined;
+}, import('vue').PublicProps>;
+export default Thumbnail;