@skodaflow/web-library 2.1.0

package/build/components/cardMenu/styled/popperStyled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const PopperStyled: import("@emotion/styled").StyledComponent<Pick<Pick<import("@mui/base").PopperUnstyledProps, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "open" | "placement" | "popperOptions" | "popperRef" | "transition">, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "open" | "placement" | "popperOptions" | "popperRef" | "transition"> & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme?: any;
+    isMobile?: boolean;
+}, {}, {}>;

package/build/components/checkbox/checkbox.d.ts

@@ -0,0 +1,54 @@
+import React, { ReactNode } from 'react';
+/**
+ * @interface CheckboxProps
+ * @description Base definition of SkodaFlow Checkbox independent on core implementation.
+ * Properties are inherited from HTML Button element
+ */
+export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {
+    /**
+     *  Indeterminate state of checkbox, half checked.
+     */
+    indeterminate?: boolean;
+    /**
+     *  Disabled state, not changeable.
+     */
+    disabled?: boolean;
+    /**
+     *  Uncontrolled component. Set initial value. Do not use with "checked" together.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Controlled component. Set current value. Do not use with "defaultChecked" together.
+     */
+    checked?: boolean;
+    /**
+     * Error state of checkbox.
+     */
+    error?: boolean;
+    /**
+     * Is checkbox required field in form?
+     */
+    required?: boolean;
+    /**
+     * The value referenced with checkbox element
+     */
+    value?: string;
+    /**
+     * The value referenced with checkbox element
+     */
+    label?: string | ReactNode;
+    customNode?: ReactNode;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;
+}
+/**
+ * @description SkodaFlow Checkbox component.
+ * Properties are inherited from HTML Button element.
+ * @param props CheckboxProps
+ * @returns React Functional Component
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox';

package/build/components/chip/chipDropdownChildren/chipDropdownChildren.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface ChipDropdownChildrenProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The label referenced to the text field
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip
+     */
+    disabled?: boolean;
+    /**
+     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     */
+    icon?: string;
+    /**
+     * Variant of chip defines different look and style
+     */
+    variant?: 'solid' | 'transparent' | 'shadow';
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const ChipDropdownChildren: React.ForwardRefExoticComponent<ChipDropdownChildrenProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/chip/chipFocusVisibleStyled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const ChipFocusVisibleStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    focusVisible: boolean;
+    variant: any;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default ChipFocusVisibleStyled;

package/build/components/chip/chipImage/chipImage.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface ChipImageProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The label referenced to the text field.
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip.
+     */
+    disabled?: boolean;
+    /**
+     * Image of a chip to display.
+     */
+    component?: any;
+    /**
+     * Variant of a chip.
+     */
+    variant?: 'image' | 'multiselect';
+    /**
+     * The url of the image.
+     */
+    imageUrl: string;
+    /**
+     * The alt attribute of the image.
+     */
+    imageAlt: string;
+    /**
+     * Default state of the chip image. If true the chip image is checked.
+     */
+    isChecked?: boolean;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const ChipImage: React.ForwardRefExoticComponent<ChipImageProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/chip/chipMultiselect/multiSelectChip.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { PaperProps } from '../../menu';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface MultiSelectChipProps extends React.HTMLAttributes<HTMLDivElement>, PaperProps {
+    /**
+     * The label referenced to the text field
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip
+     */
+    disabled?: boolean;
+    /**
+     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     */
+    icon?: string;
+    /**
+     * Variant of chip defines different look and style
+     */
+    variant?: 'solid' | 'transparent' | 'shadow';
+    /**
+     * The toggle label displayed when groupToggleSelection is true. Default is "Select All".
+     */
+    toggleLabel?: string;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const MultiSelectChip: React.ForwardRefExoticComponent<MultiSelectChipProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/chip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chipImage/chipImage';
+export * from './regular/chip';
+export * from './chipMultiselect/multiSelectChip';
+export * from './chipDropdownChildren/chipDropdownChildren';

package/build/components/chip/regular/chip.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The label referenced to the text field
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip
+     */
+    disabled?: boolean;
+    /**
+     * Boolean to display icon
+     */
+    icon?: string;
+    /**
+     * Variant of chip defines different look and style
+     */
+    variant?: 'solid' | 'transparent' | 'shadow';
+    /**
+     * if true chips is checked
+     */
+    isSelected?: boolean;
+    /**
+     * onClick callback to handle the chip state
+     */
+    onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/common/helperText.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export interface HelperTextProps {
+    /**
+     * Disabled, not clickable
+     */
+    disabled?: boolean;
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
+     */
+    maxChars?: number;
+    /**
+     *Boolean to check if the input returns an error or not
+     */
+    hasError?: boolean;
+    /**
+     * Current value of the helper text.
+     */
+    currentValue: string;
+    /**
+     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
+     */
+    type?: 'number' | 'text';
+}
+declare const HelperText: ({ disabled, hasError, helpText, maxChars, currentValue, type }: HelperTextProps) => JSX.Element;
+export default HelperText;

package/build/components/common/hook/backdrop.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const useBackdrop: () => {
+    openBackdrop: boolean;
+    setOpenBackdrop: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    handleCloseBackdrop: () => void;
+    handleOpenBackdrop: () => void;
+    handleToggleBackdrop: () => void;
+};
+export default useBackdrop;

package/build/components/common/hook/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+export default function useWindowSize(): {
+    width: number;
+    height: number;
+    isMobile: boolean;
+};

package/build/components/common/imageComponent.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface ImageComponentProps {
+    /**
+     * The source of the image.
+     */
+    image: string;
+    /**
+     * The alt description of the image.
+     */
+    alt?: string;
+    /**
+     * The source of the onError image.
+     */
+    fallbackImage?: string;
+}
+declare const ImageComponent: ({ image, alt, fallbackImage }: ImageComponentProps) => JSX.Element;
+export default ImageComponent;

package/build/components/common/interface/textInputInterface.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+/**
+ * @interface TextInputProps
+ * @description Base definition of SkodaFlow TextArea and TextInput independent on core implementation.
+ * Properties are inherited from HTML input element
+ * @returns React Functional Component
+ */
+export interface TextInputProps {
+    /**
+     * The label referenced to the text area field
+     */
+    label?: string;
+    /**
+     * The placeholder referenced with TextField element
+     */
+    placeholder?: string;
+    /**
+     * Show the "white" background or not
+     */
+    hideBg?: boolean;
+    /**
+     * The value referenced with the text area element
+     */
+    value?: string;
+    /**
+     * Disabled, not clickable
+     */
+    disabled?: boolean;
+    /**
+     * If TextArea required field in form
+     */
+    required?: boolean;
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
+     */
+    maxChars?: number;
+    /**
+     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     */
+    icon?: string;
+    /**
+     *Boolean to check if the input returns an error or not
+     */
+    hasError?: boolean;
+    /**
+     *name of the input element
+     */
+    name?: string;
+    /**
+     *id of the input element
+     */
+    id?: string;
+    /**
+     *classes for FormControl component
+     */
+    classes?: {};
+    /**
+     *Props for the Input element
+     */
+    InputProps?: any;
+    /**
+     *Textarea HTML element height.
+     */
+    textAreaHeight?: number;
+    /**
+     *set the full width for the select input
+     */
+    fullWidth?: boolean;
+    /**
+     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
+     */
+    type?: 'number' | 'text';
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * Callback fired when the component is blurred.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * Callback fired when the component get focussed.
+     */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * list of chars that wont be accepted as input values.
+     */
+    excludeChars?: string[];
+    onKeyDownCallback?: (event?: any) => void;
+}

package/build/components/common/menuContainer.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { MenuReactUseStateHook, MenuItems } from '../menu';
+export interface MenuContainerProps {
+    disabled?: boolean;
+    items?: MenuItems;
+    hasIcon?: boolean;
+    multipleSelection?: boolean;
+    groupLabel?: string;
+    reactHook?: MenuReactUseStateHook;
+    groupToggleSelection?: boolean;
+    isOpen?: boolean;
+    marginTop?: number;
+    width?: number;
+    fullWidth?: boolean;
+    setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    isEmptyMenu?: boolean;
+    toggleLabel?: string;
+}
+declare const MenuContainer: React.FC<MenuContainerProps>;
+export default MenuContainer;

package/build/components/common/menuEmpty.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * @interface MenuEmtpyProps
+ * @description Base definition of SkodaFlow Menu independent on core implementation.
+ * Properties are inherited from HTML Div element
+ */
+export interface MenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * @description SkodaFlow Menu component.
+ * Properties are inherited from HTML Div element.
+ * @param props PaperProps
+ * @returns React Functional Component
+ */
+export declare const MenuEmpty: React.ForwardRefExoticComponent<MenuEmptyProps & React.RefAttributes<HTMLDivElement>>;
+export default MenuEmpty;

package/build/components/common/resizableSliderInput.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ResizableSliderInputInterface {
+    value: string | number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;
+    id?: string;
+    disabled?: boolean;
+    textDescription?: string;
+    labelText?: string;
+    className?: string;
+    thumb?: number;
+    isCurrencyInFront?: boolean;
+    thousandsSeparator?: '.' | ',';
+    decimalSeparator?: '.' | ',';
+    hiddenDecimalSeparator?: boolean;
+}
+declare const ResizableSliderInput: ({ value: values, onChange, isCurrencyInFront, textDescription, labelText, className, id, thumb, disabled, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator, }: ResizableSliderInputInterface) => JSX.Element;
+export default ResizableSliderInput;

package/build/components/common/styled/buttonFocusVisibleStyled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    focusVisible: boolean;
+    isNavigationVariant: boolean;
+    fullWidth?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default ButtonFocusVisibleStyled;

package/build/components/common/styled/formControlLabelStyled.d.ts

@@ -0,0 +1,8 @@
+import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';
+declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    error?: boolean;
+    theme?: any;
+}, {}, {}>;
+export default FormControlLabelStyled;

package/build/components/common/styled/helperTextContainerStyled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    theme?: any;
+    disabled?: boolean;
+    hasError?: boolean;
+    maxChars?: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default HelperTextContainerStyled;

package/build/components/common/styled/sliderValuesStyled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    theme?: any;
+    disabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default SliderValuesStyled;

package/build/components/common/styled/textFieldStyled.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @description TextInput styling definition based on props
+ */
+declare const TextFieldStyled: import("@emotion/styled").StyledComponent<(import("@mui/material/TextField").StandardTextFieldProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    isSelect?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    hideBg?: boolean;
+    icon?: string;
+    focused?: boolean;
+    hovered?: boolean;
+}) | (import("@mui/material/TextField").FilledTextFieldProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    isSelect?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    hideBg?: boolean;
+    icon?: string;
+    focused?: boolean;
+    hovered?: boolean;
+}) | (import("@mui/material/TextField").OutlinedTextFieldProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    isSelect?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    hideBg?: boolean;
+    icon?: string;
+    focused?: boolean;
+    hovered?: boolean;
+}), {}, {}>;
+export default TextFieldStyled;

package/build/components/common/textInputHelperText.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export interface HelperTextProps {
+    /**
+     * Disabled, not clickable
+     */
+    disabled?: boolean;
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
+     */
+    maxChars?: number;
+    /**
+     *Boolean to check if the input returns an error or not
+     */
+    hasError?: boolean;
+    /**
+     * Current value of the helper text.
+     */
+    currentValue: string;
+    /**
+     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
+     */
+    type?: 'number' | 'text';
+    width?: string;
+}
+declare const TextInputHelperText: ({ disabled, hasError, helpText, maxChars, currentValue, type, width }: HelperTextProps) => JSX.Element;
+export default TextInputHelperText;

package/build/components/common/type/ButtonVariant.d.ts

@@ -0,0 +1 @@
+export declare type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'tertiary' | 'navigation';

package/build/components/container/container.d.ts

@@ -0,0 +1,44 @@
+import React, { ReactNode } from 'react';
+/**
+ * @interface ContainerProps
+ * @description Base definition of SkodaFlow Container independent on core implementation.
+ * Properties are inherited from HTML Container element
+ */
+export interface ContainerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'size'> {
+    /**
+     * Override or extend the styles applied to the component. See CSS API below for more details.
+     */
+    classes?: object;
+    /**
+     * The component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ReactNode;
+    /**
+     * If true, the left and right padding is removed.
+     */
+    disableGutters: boolean;
+    /**
+     * Determine the max-width of the container. The container width grows with the size of the screen.
+     * Set to false to disable maxWidth.
+     */
+    fixed: boolean;
+    /**
+     * Determine if grid is narrow
+     */
+    narrow: boolean;
+    /**
+     * If true, the left and right padding is removed.
+     */
+    maxWidth: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false | string;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
+     */
+    sx: Array<Function | object> | Function | object;
+}
+/**
+ * @description SkodaFlow Container component.
+ * Properties are inherited from HTML Container element.
+ * @param props ContainerProps
+ * @returns React Functional Component
+ */
+export declare const Container: (props: any) => JSX.Element;

package/build/components/container/index.d.ts

@@ -0,0 +1 @@
+export * from './container';