@lumx/core 4.3.2-alpha.8 → 4.4.0

package/js/components/Icon/index.d.ts

@@ -0,0 +1,41 @@
+import { ColorWithVariants, ColorVariant } from '../../constants';
+import type { LumxClassName, HasTheme, HasClassName, CommonRef } from '../../types';
+import { ICON_SIZES } from './constants';
+export declare const COMPONENT_NAME = "Icon";
+export declare const IconClassName: LumxClassName<typeof COMPONENT_NAME>;
+export type IconSizes = (typeof ICON_SIZES)[number];
+/**
+ * Defines the props of the component.
+ */
+export interface IconProps extends HasClassName, HasTheme {
+    /** Color variant. */
+    color?: ColorWithVariants;
+    /** Lightened or darkened variant of the selected icon color. */
+    colorVariant?: ColorVariant;
+    /** Whether the icon has a shape. */
+    hasShape?: boolean;
+    /**
+     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).
+     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
+     */
+    icon: string;
+    /** Size variant. */
+    size?: IconSizes;
+    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */
+    alt?: string;
+    /** Vertical alignment of the icon (only applies for icons nested in Text/Heading). */
+    verticalAlign?: null | 'middle';
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+/**
+ * Icon component.
+ *
+ * @param  props Component props.
+ */
+export declare const Icon: {
+    (props: IconProps): import("react").JSX.Element;
+    displayName: string;
+    className: "lumx-icon";
+    defaultProps: Partial<IconProps>;
+};

package/js/components/InputHelper/Tests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '../../../testing';
+import { InputHelperProps } from '.';
+type SetupProps = Partial<InputHelperProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<InputHelperProps>) => {
+    helper: HTMLElement;
+    props: InputHelperProps;
+};
+declare const _default: (renderOptions: SetupOptions<InputHelperProps>) => void;
+export default _default;

package/js/components/InputHelper/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const INPUT_HELPER_CONFIGURATION: Record<string, {
+    color: string;
+}>;

package/js/components/InputHelper/index.d.ts

@@ -0,0 +1,26 @@
+import { Kind } from '../../constants';
+import type { LumxClassName, HasTheme, JSXElement, HasClassName, CommonRef } from '../../types';
+export declare const COMPONENT_NAME = "InputHelper";
+export declare const InputHelperClassName: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Defines the props of the component.
+ */
+export interface InputHelperProps extends HasClassName, HasTheme {
+    /** Helper content. */
+    children: JSXElement;
+    /** Helper variant. */
+    kind?: Kind;
+    /** ref to the root element `p` */
+    ref?: CommonRef;
+    /** id for the input helper */
+    id?: string;
+}
+/**
+ * InputHelper component.
+ */
+export declare function InputHelper(props: InputHelperProps): import("react").JSX.Element;
+export declare namespace InputHelper {
+    var displayName: string;
+    var className: "lumx-input-helper";
+    var defaultProps: Partial<InputHelperProps>;
+}

package/js/components/InputLabel/Tests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '../../../testing';
+import { InputLabelProps } from '.';
+type SetupProps = Partial<InputLabelProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<InputLabelProps>) => {
+    label: HTMLElement;
+    props: InputLabelProps;
+};
+declare const _default: (renderOptions: SetupOptions<InputLabelProps>) => void;
+export default _default;

package/js/components/InputLabel/index.d.ts

@@ -0,0 +1,25 @@
+import { LumxClassName, HasTheme, JSXElement, HasClassName, CommonRef } from '../../types';
+import { Typography } from '../../constants';
+export declare const COMPONENT_NAME = "InputLabel";
+export declare const InputLabelClassName: LumxClassName<typeof COMPONENT_NAME>;
+export interface InputLabelProps extends HasClassName, HasTheme {
+    /** Typography variant. */
+    typography?: Typography;
+    /** Label content. */
+    children: JSXElement;
+    /** Native htmlFor property. */
+    htmlFor: string;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /** ref to the root element */
+    ref?: CommonRef;
+}
+/**
+ * InputLabel component.
+ */
+export declare function InputLabel(props: InputLabelProps): import("react").JSX.Element;
+export declare namespace InputLabel {
+    var displayName: string;
+    var className: "lumx-input-label";
+    var defaultProps: Partial<InputLabelProps>;
+}

package/js/components/Link/Tests.d.ts

@@ -0,0 +1,8 @@
+import { SetupOptions } from '../../../testing';
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    link: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/Message/Tests.d.ts

@@ -0,0 +1,14 @@
+import { SetupOptions } from '../../../testing';
+import { MessageProps } from '.';
+type SetupProps = Partial<MessageProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<MessageProps>) => {
+    message: HTMLElement;
+    icon: HTMLElement | null;
+    closeButton: HTMLElement | null;
+    props: MessageProps;
+};
+declare const _default: (renderOptions: SetupOptions<MessageProps>) => void;
+export default _default;

package/js/components/Message/index.d.ts

@@ -0,0 +1,75 @@
+import { Kind } from '../../constants';
+import type { JSXElement, LumxClassName, HasClassName, CommonRef } from '../../types';
+/**
+ * Defines the props of the component.
+ */
+export interface MessageProps extends HasClassName {
+    /** Content. */
+    children?: JSXElement;
+    /** Whether the message has a background or not. */
+    hasBackground?: boolean;
+    /** Message variant. */
+    kind?: Kind;
+    /** Message custom icon SVG path. */
+    icon?: string;
+    /** Reference to the message container element. */
+    ref?: CommonRef;
+    /**
+     * Displays a close button.
+     *
+     * NB: only available if `kind === 'info' && hasBackground === true`
+     */
+    closeButtonProps?: {
+        /** The callback called when the button is clicked */
+        onClick: () => void;
+        /** The label of the close button. */
+        label: string;
+    };
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "Message";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+export declare const block: {
+    (additionalClasses: import("classnames/types").ClassValue[]): string;
+    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+}, element: {
+    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+};
+/**
+ * Associative map from message kind to color and icon.
+ */
+export declare const CONFIG: {
+    error: {
+        color: "red";
+        icon: string;
+    };
+    info: {
+        color: "blue";
+        icon: string;
+    };
+    success: {
+        color: "green";
+        icon: string;
+    };
+    warning: {
+        color: "yellow";
+        icon: string;
+    };
+};
+/**
+ * Message component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const Message: {
+    (props: MessageProps): import("react").JSX.Element;
+    displayName: string;
+    className: "lumx-message";
+};

package/js/components/ProgressCircular/Stories.d.ts

@@ -0,0 +1,30 @@
+import type { SetupStoriesOptions } from '@lumx/core/stories/types';
+import { type ProgressCircularSize } from '.';
+export declare function setup({ component, decorators: { withCombinations }, overrides, }: SetupStoriesOptions<{
+    overrides: 'Inline';
+    decorators: 'withCombinations';
+}>): {
+    meta: {
+        component: any;
+        args: Partial<import(".").ProgressCircularProps>;
+        argTypes: {
+            size: {
+                control: {
+                    type: "select" | "inline-radio";
+                };
+                options: ProgressCircularSize[];
+                mapping: Record<string, ProgressCircularSize> | undefined;
+            };
+        };
+    };
+    /** Default progress circular */
+    Default: {};
+    /** All sizes */
+    AllSizes: {
+        decorators: ((story: any, context: any) => any)[];
+    };
+    /** Inline display variant to use inside text */
+    Inline: {
+        [x: string]: any;
+    };
+};

package/js/components/ProgressCircular/Tests.d.ts

@@ -0,0 +1,11 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    element: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/ProgressCircular/index.d.ts

@@ -0,0 +1,52 @@
+import type { CommonRef, GenericProps, HasClassName, HasTheme, LumxClassName } from '../../types';
+import { Size } from '../../constants';
+/**
+ * Progress sizes.
+ */
+export type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;
+/**
+ * Defines the props of the component.
+ */
+export interface ProgressCircularProps extends HasTheme, HasClassName {
+    /**
+     * Progress circular size.
+     */
+    size?: ProgressCircularSize;
+    /**
+     * Progress display type (inline or block).
+     * @default 'block'
+     */
+    display?: 'inline' | 'block';
+    /** Component ref */
+    ref?: CommonRef;
+    /** additional props for the svg */
+    svgProps?: GenericProps;
+    /** additional props for the circle */
+    circleProps?: GenericProps;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "ProgressCircular";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+export declare const block: {
+    (additionalClasses: import("classnames/types").ClassValue[]): string;
+    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+}, element: {
+    (elem: string, additionalClasses: import("classnames/types").ClassValue[]): string;
+    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: import("classnames/types").ClassValue[]): string;
+};
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<ProgressCircularProps>;
+/**
+ * ProgressCircular component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const ProgressCircular: (props: ProgressCircularProps) => import("react").JSX.Element;

package/js/components/ProgressLinear/Stories.d.ts

@@ -0,0 +1,11 @@
+import type { SetupStoriesOptions } from '@lumx/core/stories/types';
+export declare function setup({ component, }: SetupStoriesOptions<{
+    decorators?: never;
+}>): {
+    meta: {
+        component: any;
+        args: Partial<import(".").ProgressLinearProps>;
+    };
+    /** Default progress linear */
+    Default: {};
+};

package/js/components/ProgressLinear/Tests.d.ts

@@ -0,0 +1,11 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    element: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/ProgressLinear/index.d.ts

@@ -0,0 +1,27 @@
+import type { CommonRef, HasClassName, HasTheme, LumxClassName } from '../../types';
+/**
+ * Defines the props of the component.
+ */
+export interface ProgressLinearProps extends HasTheme, HasClassName {
+    /** Component ref */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "ProgressLinear";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<ProgressLinearProps>;
+/**
+ * ProgressLinear component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const ProgressLinear: (props: ProgressLinearProps) => import("react").JSX.Element;

package/js/components/RadioButton/Tests.d.ts

@@ -0,0 +1,15 @@
+import { SetupOptions } from '../../../testing';
+import { RadioButtonProps } from '.';
+type SetupProps = Partial<RadioButtonProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<RadioButtonProps>) => {
+    radioButton: HTMLElement;
+    helper: HTMLElement | null;
+    label: HTMLElement | null;
+    input: HTMLElement;
+    props: RadioButtonProps;
+};
+declare const _default: (renderOptions: SetupOptions<RadioButtonProps>) => void;
+export default _default;

package/js/components/RadioButton/index.d.ts

@@ -0,0 +1,45 @@
+import type { JSXElement, LumxClassName, HasTheme, HasAriaDisabled, HasDisabled, HasClassName, HasChecked, CommonRef } from '../../types';
+/**
+ * Defines the props of the component.
+ */
+export interface RadioButtonProps extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
+    /** Helper text. */
+    helper?: string;
+    /** Native input id property. */
+    id?: string;
+    /** Label content. */
+    label?: JSXElement;
+    /** Native input name property. */
+    name?: string;
+    /** Native input value property. */
+    value?: string;
+    /** optional props for input */
+    inputProps?: Record<string, any>;
+    /** Native input ref. */
+    inputRef?: CommonRef;
+    /** Native input id. */
+    inputId: string;
+    /** On change callback. */
+    handleChange?(value?: string, name?: string, event?: any): void;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "RadioButton";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<RadioButtonProps>;
+/**
+ * RadioButton component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const RadioButton: (props: RadioButtonProps) => import("react").JSX.Element;

package/js/components/RawClickable/Tests.d.ts

@@ -0,0 +1,14 @@
+import { RawClickableProps } from '.';
+import { SetupOptions } from '../../../testing';
+type SetupProps = Partial<RawClickableProps<any>>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, screen, ...options }: SetupOptions<RawClickableProps<any>>) => {
+    element: HTMLElement;
+    props: Omit<any, "ref"> & {
+        as?: any;
+    } & Record<string, unknown> & import(".").BaseClickableProps;
+};
+declare const _default: (renderOptions: SetupOptions<RawClickableProps<any>>) => void;
+export default _default;

package/js/components/RawClickable/index.d.ts

@@ -0,0 +1,14 @@
+import { CommonRef, HasPolymorphicAs, HasRequiredLinkHref, HasDisabled, JSXElement, ElementType, HasAriaDisabled } from '../../types';
+export type ClickableElement = 'a' | 'button' | ElementType;
+export interface BaseClickableProps extends HasDisabled, HasAriaDisabled {
+    children?: JSXElement;
+    handleClick?: (event?: any) => void;
+    handleKeyPress?: (event?: any) => void;
+    ref?: CommonRef;
+}
+export type RawClickableProps<E extends ClickableElement> = HasPolymorphicAs<E> & HasRequiredLinkHref<E> & BaseClickableProps;
+/**
+ * Render clickable element (link, button or custom element)
+ * (also does some basic disabled state handling)
+ */
+export declare const RawClickable: <E extends ClickableElement>(props: RawClickableProps<E>) => import("react").JSX.Element;

package/js/components/Skeleton/SkeletonCircle.d.ts

@@ -0,0 +1,32 @@
+import type { LumxClassName, HasTheme, HasClassName, CommonRef } from '../../types';
+import type { GlobalSize, ColorPalette } from '../../constants';
+/**
+ * Defines the props of the component.
+ */
+export interface SkeletonCircleProps extends HasTheme, HasClassName {
+    /** Size variant. */
+    size: GlobalSize;
+    /** The color of the skeleton. */
+    color?: ColorPalette;
+    /** Reference to the root element. */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "SkeletonCircle";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<SkeletonCircleProps>;
+/**
+ * SkeletonCircle component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const SkeletonCircle: (props: SkeletonCircleProps) => import("react").JSX.Element;

package/js/components/Skeleton/SkeletonCircleTests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '../../../testing';
+import { SkeletonCircleProps } from './SkeletonCircle';
+type SetupProps = Partial<SkeletonCircleProps>;
+/**
+ * Mounts the SkeletonCircle component and returns common DOM elements needed in tests.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<SkeletonCircleProps>) => {
+    skeletonCircle: HTMLElement;
+    props: SkeletonCircleProps;
+};
+declare const _default: (renderOptions: SetupOptions<SkeletonCircleProps>) => void;
+export default _default;

package/js/components/Skeleton/SkeletonRectangle.d.ts

@@ -0,0 +1,47 @@
+import type { LumxClassName, HasTheme, HasClassName, CommonRef, ValueOf } from '../../types';
+import type { GlobalSize, ColorPalette, AspectRatio } from '../../constants';
+/**
+ * Skeleton variants.
+ */
+export declare const SkeletonRectangleVariant: {
+    readonly squared: "squared";
+    readonly rounded: "rounded";
+    readonly pill: "pill";
+};
+export type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;
+/**
+ * Defines the props of the component.
+ */
+export interface SkeletonRectangleProps extends HasTheme, HasClassName {
+    /** Aspect ratio (use with width and not height). */
+    aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;
+    /** Height size. */
+    height?: GlobalSize;
+    /** Border variant. */
+    variant?: SkeletonRectangleVariant;
+    /** Width size. */
+    width?: GlobalSize;
+    /** The color of the skeleton. */
+    color?: ColorPalette;
+    /** Reference to the root element. */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "SkeletonRectangle";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<SkeletonRectangleProps>;
+/**
+ * SkeletonRectangle component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const SkeletonRectangle: (props: SkeletonRectangleProps) => import("react").JSX.Element;

package/js/components/Skeleton/SkeletonRectangleTests.d.ts

@@ -0,0 +1,13 @@
+import { SetupOptions } from '../../../testing';
+import { SkeletonRectangleProps } from './SkeletonRectangle';
+type SetupProps = Partial<SkeletonRectangleProps>;
+/**
+ * Mounts the SkeletonRectangle component and returns common DOM elements needed in tests.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<SkeletonRectangleProps>) => {
+    skeletonRectangle: HTMLElement;
+    inner: HTMLElement | null;
+    props: SkeletonRectangleProps;
+};
+declare const _default: (renderOptions: SetupOptions<SkeletonRectangleProps>) => void;
+export default _default;

package/js/components/Skeleton/SkeletonTypography.d.ts

@@ -0,0 +1,37 @@
+import type { CSSProperties } from 'react';
+import type { LumxClassName, HasTheme, HasClassName, CommonRef } from '../../types';
+import type { ColorPalette, TypographyInterface } from '../../constants';
+/**
+ * Defines the props of the component.
+ */
+export interface SkeletonTypographyProps extends HasTheme, HasClassName {
+    /** Typography variant. */
+    typography: TypographyInterface;
+    /** Width CSS property. */
+    width?: CSSProperties['width'];
+    /** The color of the skeleton. */
+    color?: ColorPalette;
+    /** Reference to the root element. */
+    ref?: CommonRef;
+    /** Style object. */
+    style?: CSSProperties;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "SkeletonTypography";
+/**
+ * Component default class name and class prefix.
+ */
+export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<SkeletonTypographyProps>;
+/**
+ * SkeletonTypography component.
+ *
+ * @param  props Component props.
+ * @return JSX element.
+ */
+export declare const SkeletonTypography: (props: SkeletonTypographyProps) => import("react").JSX.Element;

package/js/components/Skeleton/SkeletonTypographyTests.d.ts

@@ -0,0 +1,13 @@
+import { SetupOptions } from '../../../testing';
+import { SkeletonTypographyProps } from './SkeletonTypography';
+type SetupProps = Partial<SkeletonTypographyProps>;
+/**
+ * Mounts the SkeletonTypography component and returns common DOM elements needed in tests.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<SkeletonTypographyProps>) => {
+    skeletonTypography: HTMLElement;
+    inner: HTMLElement | null;
+    props: SkeletonTypographyProps;
+};
+declare const _default: (renderOptions: SetupOptions<SkeletonTypographyProps>) => void;
+export default _default;

package/js/components/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { SkeletonCircle, type SkeletonCircleProps, COMPONENT_NAME as SKELETON_CIRCLE_COMPONENT_NAME, CLASSNAME as SKELETON_CIRCLE_CLASSNAME, DEFAULT_PROPS as SKELETON_CIRCLE_DEFAULT_PROPS, } from './SkeletonCircle';
+export { SkeletonRectangle, type SkeletonRectangleProps, SkeletonRectangleVariant, COMPONENT_NAME as SKELETON_RECTANGLE_COMPONENT_NAME, CLASSNAME as SKELETON_RECTANGLE_CLASSNAME, DEFAULT_PROPS as SKELETON_RECTANGLE_DEFAULT_PROPS, } from './SkeletonRectangle';
+export { SkeletonTypography, type SkeletonTypographyProps, COMPONENT_NAME as SKELETON_TYPOGRAPHY_COMPONENT_NAME, CLASSNAME as SKELETON_TYPOGRAPHY_CLASSNAME, DEFAULT_PROPS as SKELETON_TYPOGRAPHY_DEFAULT_PROPS, } from './SkeletonTypography';

package/js/components/Switch/Tests.d.ts

@@ -0,0 +1,15 @@
+import { SetupOptions } from '../../../testing';
+import { SwitchProps } from '.';
+type SetupProps = Partial<SwitchProps>;
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<SwitchProps>) => {
+    switchWrapper: HTMLElement;
+    helper: HTMLElement | null;
+    label: HTMLElement | null;
+    input: HTMLElement;
+    props: SwitchProps;
+};
+declare const _default: (renderOptions: SetupOptions<SwitchProps>) => void;
+export default _default;