@skodaflow/web-library 2.1.0

package/build/components/numbering/numbering.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { NumberingColors, NumberingSizes } from '../../utils/enum';
+export interface NumberingProps extends React.HTMLAttributes<HTMLDivElement> {
+    index: number;
+    total: number;
+    customSeparator?: string;
+    customStyle?: object;
+    colorTheme?: NumberingColors;
+    size?: NumberingSizes;
+}
+/**
+ * @description SkodaFlow Numbering component.
+ * @param props NumberingProps
+ * @returns React Functional Component
+ */
+export declare const Numbering: React.ForwardRefExoticComponent<NumberingProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/build/components/pagination/pagination.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
+    /**
+     *  The total number of pages.
+     */
+    count?: number;
+    /**
+     The page selected by default
+     */
+    defaultPage?: number;
+    /**
+     *  If true, a pagination will be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     *  Set the current page number controlled from outside.
+     */
+    page?: number;
+    /**
+     *  The label for previous button.
+     */
+    prevButtonLabel?: string;
+    /**
+     *  The label for next button.
+     */
+    nextButtonLabel?: string;
+    /**
+     * If true, hide the next-page button.
+     */
+    hideNextButton?: boolean;
+    /**
+     * If true, hide the previous-page button.
+     */
+    hidePrevButton?: boolean;
+    /**
+     * Number of always visible pages at the beginning and end.
+     */
+    boundaryCount?: number;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     *	Accepts a function which returns a string value that provides a user-friendly name for the current page.
+     */
+    getItemAriaLabel?: (type: string, page: number, selected: boolean) => string;
+    /**
+     * If true, show the first-page button.
+     */
+    showFirstButton?: boolean;
+    /**
+     * If true, show the last-page button.
+     */
+    showLastButton?: boolean;
+    /**
+     * Number of always visible pages before and after the current page.
+     */
+    siblingCount?: number;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * On click callback.
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * enable or disable direction label. mobile only
+     */
+    hideLabels?: boolean;
+    onValueChange?: (payload: number) => void;
+    mobileCounterLabel?: string;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/progressBar/components/loader.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *	The size of the loader.  Only working with loader variant.
+     */
+    loaderSize?: 'small' | 'large';
+    /**
+     *	The current state.
+     */
+    state?: 'loading' | 'error' | 'success';
+    /**
+     *	The message displayed when the state is 'error'.
+     */
+    errorMessage?: string;
+    /**
+     *	The message displayed when the state is 'success'.
+     */
+    successMessage?: string;
+    /**
+     * The current percentage of the loading. If loadingPercentage is provided the component becomes controlled.
+     */
+    loadingPercentage?: number;
+    /**
+     *	Text describing the loading percentage.
+     */
+    loadingPercentageDescribeText?: string;
+}
+export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/progressBar/components/spinner.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *	The current state.
+     */
+    state?: 'loading' | 'error' | 'success';
+    /**
+     *	The message displayed when the state is 'error'.
+     */
+    errorMessage?: string;
+    /**
+     *	The message displayed when the state is 'success'.
+     */
+    successMessage?: string;
+    /**
+     *	The current percentage of the loading. If loadingPercentage is provided the component becomes controlled.
+     */
+    loadingPercentage?: number;
+    /**
+     *	Text describing the loading percentage.
+     */
+    loadingPercentageDescribeText?: string;
+    /**
+     *	Defining the behavior of the animation when loadingPercentage is provided. Only working with spinner variant.
+     */
+    spinnerControlledAnimation?: 'controlled' | 'infinite';
+}
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/progressBar/components/styledProgressBarMessage.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledProgressBarMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    state: 'error' | 'success';
+    hasJustifyContent?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

package/build/components/progressBar/progressBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { LoaderProps } from './components/loader';
+import { SpinnerProps } from './components/spinner';
+export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement>, LoaderProps, SpinnerProps {
+    /**
+     *	The variant of the progress bar.
+     */
+    variant: 'loader' | 'spinner';
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/build/components/radioButton/radioButton.d.ts

@@ -0,0 +1,47 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {
+    /**
+     *  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 RadioButton element
+     */
+    value?: string;
+    /**
+     * The value referenced with checkbox element
+     */
+    label?: string | ReactNode;
+    /**
+     * HTML DOM element reference of component
+     */
+    ref?: React.Ref<HTMLButtonElement>;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+/**
+ * @description Styled SkodaFlow RadioButton component
+ * @param props RadioButtonProps
+ * @returns React Functional Component
+ */
+export declare const RadioButton: React.ForwardRefExoticComponent<Pick<RadioButtonProps, "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "disabled" | "checked" | "error" | "required" | "value" | "label"> & React.RefAttributes<HTMLButtonElement>>;

package/build/components/selectInput/formControlSelectStyled.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const FormControlSelectStyled: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material/FormControl").FormControlClasses>;
+    color?: "error" | "primary" | "secondary" | "info" | "success" | "warning";
+    disabled?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    focused?: boolean;
+    hiddenLabel?: boolean;
+    margin?: "none" | "dense" | "normal";
+    required?: boolean;
+    size?: "small" | "medium";
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
+    variant?: "standard" | "outlined" | "filled";
+} & import("@mui/material/OverridableComponent").CommonProps & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "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" | "children" | "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?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
+}, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    disabled?: boolean;
+    hasError?: boolean;
+    hideBg?: boolean;
+    icon?: string;
+    focused?: boolean;
+    hovered?: boolean;
+    value?: any;
+    staticLabel?: boolean;
+}, {}, {}>;

package/build/components/selectInput/hook/useSelectInput.d.ts

@@ -0,0 +1,5 @@
+export declare const useSelectInput: (isFocused: any) => {
+    handleOnChange: (e: any, onChange: any, setCurrentValue: any) => void;
+    handleOnBlur: (setIsFocused: any, onBlur: any) => void;
+    handleOnFocus: (setIsFocused: any, onFocus: any) => void;
+};

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

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

package/build/components/selectInput/inputLabelSelect.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const InputLabelSelect: ({ staticLabel, currentValue, opened, label }: {
+    staticLabel: any;
+    currentValue: any;
+    opened: any;
+    label: any;
+}) => JSX.Element;
+export default InputLabelSelect;

package/build/components/selectInput/selectInput.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+import { SelectChangeEvent } from '@mui/material/Select';
+/**
+ * @interface SelectInputProps
+ * @description Base definition of SkodaFlow SelectInput independent on core implementation.
+ */
+export interface SelectInputProps {
+    /**
+     * The label referenced to the text input field
+     */
+    label?: string;
+    /**
+     * The label referenced to the text input field
+     */
+    staticLabel?: boolean;
+    /**
+     * Show the "white" background or nnot
+     */
+    hideBg?: boolean;
+    /**
+     * The value referenced with checkbox element
+     */
+    value?: string;
+    /**
+     * Disabled, not clickable button
+     */
+    disabled?: boolean;
+    /**
+     * If TextField required field in form
+     */
+    required?: boolean;
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * 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;
+    /**
+     * Child element of the component.
+     */
+    children?: any;
+    /**
+     *set the full width for the select input
+     */
+    fullWidth?: boolean;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (event: SelectChangeEvent<string>) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+}
+/**
+ * @description SkodaFlow SelectInput component.
+ * Properties are inherited from HTML input element.
+ * @param props SelectInputProps
+ * @returns React Functional Component
+ */
+export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/slider/containerStyled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type Marks = boolean | {
+    value: number;
+    label?: React.ReactNode;
+}[];
+export declare const ContainerStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    value: any;
+    marks: Marks;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

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

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

package/build/components/slider/slider.d.ts

@@ -0,0 +1,139 @@
+import React from 'react';
+export declare type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;
+/**
+ * @interface Base defintion of SkodaFlow Slider component independent on core implementation.
+ * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.
+ * @link https://mui.com/api/slider
+ */
+export interface SliderProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {
+    /**
+     *  Disabled state, not changeable.
+     */
+    disabled?: boolean;
+    /**
+     * The default values of the slider. Use array in order to have more than 1 thumb.
+     */
+    defaultValue?: number | number[];
+    /**
+     * Use valueLabelDisplay for hovered thumb with value text.
+     * - `auto` the value label will display when the thumb is hovered or focused.
+     * - `on` will display persistently.
+     * - `off` will never display.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'on' | 'auto' | 'off';
+    /**
+     * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
+     * @default false
+     */
+    disableSwap?: boolean;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
+     * This is important for screen reader users.
+     * @param {number} index The thumb label's index to format.
+     * @returns {string}
+     */
+    getAriaLabel?: (index: number) => string;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
+     * This is important for screen reader users.
+     * @param {number} value The thumb label's value to format.
+     * @param {number} index The thumb label's index to format.
+     * @returns {string}
+     */
+    getAriaValueText?: (value: number, index: number) => string;
+    /**
+     * The maximum allowed value of the slider.
+     * Should not be equal to min.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The minimum allowed value of the slider.
+     * Should not be equal to max.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Callback function that is fired when the slider's value changed.
+     *
+     * @param {Event} event The event source of the callback.
+     * You can pull out the new value by accessing `event.target.value` (any).
+     * **Warning**: This is a generic event not a change event.
+     * @param {number | number[]} value The new value.
+     * @param {number} activeThumb Index of the currently moved thumb.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | Event, value: number | number[], activeThumb?: number) => void;
+    /**
+     * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.
+     *
+     * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
+     * @param {number | number[]} value The new value.
+     */
+    onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;
+    /**
+     * Marks indicate predetermined values to which the user can move the slider.
+     * If `true` the marks are spaced according the value of the `step` prop.
+     * If an array, it should contain objects with `value` and an optional `label` keys.
+     * @default false
+     */
+    marks?: boolean | {
+        value: number;
+        label?: React.ReactNode;
+    }[];
+    /**
+     * The granularity with which the slider can step through values. (A "discrete" slider.)
+     * The `min` prop serves as the origin for the valid values.
+     * We recommend (max - min) to be evenly divisible by the step.
+     *
+     * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
+     * @default 1
+     */
+    step?: number | null;
+    /**
+     * Left side/min label of the value input.
+     */
+    leftSideLabel?: string;
+    /**
+     * Right side/max label of the value input.
+     */
+    rightSideLabel?: string;
+    /**
+     * Left side/min text description of the value input.
+     */
+    minTextDescription?: string;
+    /**
+     * Right side/max text description of the value input.
+     */
+    maxTextDescription?: string;
+    /**
+     * The type of the value input.
+     */
+    valueComponentType?: ValueComponentType;
+    /**
+     * The value of the slider. For ranged sliders, provide an array with two values.
+     */
+    value?: number | number[];
+    /**
+     * If true the currency is displayed in front of the value.
+     */
+    isCurrencyInFront?: boolean;
+    /**
+     * Thousands separator variants for formatting currency
+     */
+    thousandsSeparator?: '.' | ',';
+    /**
+     * Decimal separator variants for formatting currency
+     */
+    decimalSeparator?: '.' | ',';
+    /**
+     * to hide or show decimals. Default value true
+     */
+    hiddenDecimalSeparator?: boolean;
+}
+/**
+ * @description Styled SkodaFlow Slider component
+ * @param props SliderProps
+ * @returns React Functional Component
+ */
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;

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

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

package/build/components/snackbar/snackbar.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+/**
+ * @type IconType
+ * @description The possible values for the icons.
+ */
+export declare type IconType = 'alert' | 'warning' | 'success' | '';
+/**
+ * @interface SnackbarProps
+ * @description Base definition of SkodaFlow Snackbar independent on core implementation.
+ * Properties are inherited from HTML Div element
+ */
+export interface SnackbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the component is shown.
+     */
+    open: boolean;
+    /**
+     * The react set state hook to control open/close of the snackbar.
+     */
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to
+     * hide the Snackbar. This behavior is disabled by default with the null value.
+     */
+    autoHideDuration?: number | null;
+    /**
+     * The title of the action button.
+     */
+    actionButtonTitle?: string;
+    /**
+     * The function called on clicking action button.
+     */
+    closeOnClickaway?: boolean;
+    /**
+     * 	The anchor of the Snackbar. Default { vertical: 'bottom', horizontal: 'left' }
+     */
+    anchorOrigin?: {
+        horizontal: 'center' | 'left' | 'right';
+        vertical: 'bottom' | 'top';
+    };
+    /**
+     * If true, the autoHideDuration timer will expire even if the window is not focused.
+     */
+    disableWindowBlurListener?: boolean;
+    /**
+     *	The number of milliseconds to wait before dismissing after user interaction. If autoHideDuration prop isn't specified, it does nothing. If autoHideDuration prop is specified but resumeHideDuration isn't, we default to autoHideDuration / 2 ms.
+     */
+    resumeHideDuration?: number;
+    /**
+     * Props applied to the transition element. By default, the element is based on this Transition component.
+     * http://reactcommunity.org/react-transition-group/transition
+     */
+    TransitionProps?: {};
+    /**
+     * The function called on clicking action button.
+     */
+    handleAction: (event: React.SyntheticEvent | Event, reason?: string) => void;
+    /**
+     * Additional callback after closing the snackbar.
+     */
+    handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;
+    /**
+     * The icon type provided.
+     */
+    icon?: IconType;
+    /**
+     * The message provided.
+     */
+    message: string;
+    /**
+     * Optional header.
+     */
+    header?: string;
+}
+/**
+ * @description SkodaFlow Snackbar component.
+ * Properties are inherited from HTML Div element.
+ * @param props SnackbarProps
+ * @returns React Functional Component
+ */
+export declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const checkForIcon: (icon: string) => boolean;