@skodaflow/web-library 2.1.0

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IconType } from './index';
+/**
+ * @interface MessageProps
+ * @description Base definition of Message Component.
+ */
+export interface MessageProps {
+    /**
+     * The icon type provided.
+     */
+    icon?: IconType;
+    /**
+     * The message provided.
+     */
+    message: string;
+    /**
+     * Optional header.
+     */
+    header?: string;
+}
+export declare const SnackbarMessage: React.FC<MessageProps>;
+/**
+ * @description SnackbarMessageStyled styling defintion based on props
+ */
+export declare const SnackbarMessageStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    theme?: any;
+    header?: string;
+    icon?: IconType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/tab/hook/useTabs.d.ts

@@ -0,0 +1,9 @@
+declare const useTabs: () => {
+    handleOverflowingTabs: (tabsRef: any, windowWidth: any, children: any, setMenuChildren: any) => void;
+    handleIsMobileView: (variantSecondaryNavigation: any, isMobileView: any, setIsMobileView: any, setWindowWidth: any) => void;
+    a11yProps: (index: string | number) => {
+        id: string;
+        'aria-controls': string;
+    };
+};
+export default useTabs;

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

@@ -0,0 +1,3 @@
+export * from './tab';
+export * from './tabPanel';
+export * from './tabs';

package/build/components/tab/menuTab.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+/**
+ * @interface TabProps
+ * @description Base definition of SkodaFlow Tabs component independent on core implementation.
+ */
+export interface TabProps {
+    /**
+     *  Text shown as the tab title
+     */
+    label: string;
+    /**
+     *  Value of the tab
+     */
+    value: any;
+    /**
+     *  children useful to render menu items
+     */
+    children: any;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    /**
+     *  If true a backdrop is applied.
+     */
+    showBackdrop?: boolean;
+    onChange?: (event: React.SyntheticEvent, newValue: number | string) => void;
+    onClick?: (e: any) => void;
+}
+/**
+ * @description SkodaFlow Tab component.
+ * @param props TabProps
+ * @returns React Functional Component
+ */
+export declare const MenuTab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+/**
+ * @interface AppBarProps
+ * @description Base definition of SkodaFlow Tabs component independent on core implementation.
+ */
+export interface AppBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
+    /**
+     * Label to use for tab that wrap overlowing tabs
+     */
+    labelMoreItem?: string;
+    /**
+     * the current active tab index to be activated on the screen
+     */
+    currentActiveTab?: string | number;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    handleChange?: (newValue: any) => void;
+    setCurrentActiveTab?: (val: number | string) => void;
+}
+/**
+ * @description SkodaFlow Checkbox component.
+ * Properties are inherited from HTML Button element.
+ * @param props AppBarProps
+ * @returns React Functional Component
+ */
+export declare const SecondaryNavigationTabs: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/tab/secondaryNavigation/secondaryTabStyled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const SecondaryTabStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    isActive?: boolean;
+    theme?: any;
+    href?: string;
+    key: string;
+    moreTab?: boolean;
+    selectedMenuLabel?: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default SecondaryTabStyled;

package/build/components/tab/tab.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+/**
+ * @interface TabProps
+ * @description Base definition of SkodaFlow Tabs component independent on core implementation.
+ */
+export interface TabProps {
+    /**
+     *  Text shown as the tab title
+     */
+    label?: string;
+    /**
+     *  Value of the tab
+     */
+    value: any;
+    /**
+     * href for the link tab
+     */
+    href?: string;
+    /**
+     * Position of the icon
+     */
+    target?: string;
+    /**
+     * ariaLabel applied to the tab component
+     */
+    ariaLabel?: string;
+    /**
+     * icon shown when in secondary navigation
+     */
+    icon?: string;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (event: React.SyntheticEvent, newValue: number) => void;
+    onClick?: (e: any) => void;
+    /**
+     * Callback for analytics
+     */
+    analyticsCallback?: (payload?: any) => void;
+}
+/**
+ * @description SkodaFlow Tab component.
+ * @param props TabProps
+ * @returns React Functional Component
+ */
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/tab/tabPanel.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/**
+ * @interface TabPanelProps
+ * @description Interface of TabPanel component.
+ */
+export interface TabPanelProps {
+    /**
+     *  Content displayed inside the tab panel
+     */
+    children?: ReactNode;
+    /**
+     *  value of the tab panel equal to the tab selected
+     */
+    value?: number | string;
+    /**
+     *  index of the tab panel
+     */
+    index?: number | string;
+}
+export declare const TabPanel: React.FC<TabPanelProps>;

package/build/components/tab/tabStyled.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+/**
+ * @description Tabs styling definition based on props
+ */
+declare const TabStyled: import("@emotion/styled").StyledComponent<{
+    children?: null;
+    classes?: Partial<import("@mui/material/Tab").TabClasses>;
+    disabled?: boolean;
+    disableFocusRipple?: boolean;
+    icon?: string | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any>) | (new (props: any) => import("react").Component<any, any, any>)>;
+    iconPosition?: "bottom" | "top" | "start" | "end";
+    label?: import("react").ReactNode;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+    value?: any;
+    wrapped?: boolean;
+} & Pick<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
+    centerRipple?: boolean;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    disableTouchRipple?: boolean;
+    focusRipple?: boolean;
+    focusVisibleClassName?: string;
+    LinkComponent?: import("react").ElementType<any>;
+    onFocusVisible?: (event: import("react").FocusEvent<any, Element>) => void;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+    tabIndex?: number;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
+}, "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps"> & import("@mui/material/OverridableComponent").CommonProps & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "className" | "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" | "key"> & {
+    ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
+}, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "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" | "key"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    isActive?: boolean;
+    smallSize?: boolean;
+    href?: string;
+    component?: any;
+    target?: string;
+    theme?: any;
+}, {}, {}>;
+export default TabStyled;

package/build/components/tab/tabs.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+export declare const TabsContext: React.Context<{
+    activeTab: any;
+    updateActiveTab: (value: any, fromMenu: boolean) => void;
+    smallSize: boolean;
+}>;
+/**
+ * @interface TabsProps
+ * @description Base definition of SkodaFlow Tabs component independent on core implementation.
+ */
+export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
+    /**
+     * Size of every single tab
+     */
+    smallSize?: boolean;
+    /**
+     * Label to use for tab that wrap overlowing tabs
+     */
+    labelMoreItem?: string;
+    /**
+     * the default active tab on mount
+     */
+    defaultActiveTab: string | number;
+    /**
+     * If true and on mobile view, tabs are rendered as mobile secondary navigation view
+     */
+    variantSecondaryNavigation?: boolean;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    handleChange: (newValue: any) => void;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     *  See the `sx` page for more details.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * Override or extend the styles applied to the component. See CSS API below for more details.
+     */
+    classes?: object;
+}
+/**
+ * @description SkodaFlow Checkbox component.
+ * Properties are inherited from HTML Button element.
+ * @param props TabsProps
+ * @returns React Functional Component
+ */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/textArea/hook/useTextAreaEffect.d.ts

@@ -0,0 +1 @@
+export declare const useTextAreaEffect: (currentValue: string, value: string, maxChars: number, required: boolean, setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>, setCurrentValue: React.Dispatch<React.SetStateAction<string>>, setIsRequired: React.Dispatch<React.SetStateAction<boolean>>) => void;

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

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

package/build/components/textArea/textArea.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextInputProps } from '../common/interface/textInputInterface';
+export declare const TextArea: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/textInput/hook/useTextInput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const useTextInput: (label: any, isRequired: any, placeholder: any, type: 'text' | 'number') => {
+    handleOnBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsShrunk: any, setIsFocused: any, onBlur: any, currentValue: any) => void;
+    handleOnFocus: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsFocused: any, setIsShrunk: any, onFocus: any) => void;
+    handleOnChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, maxChars: any, onChange: any, setCurrentValue: any) => void;
+    handlePlaceholder: any;
+};

package/build/components/textInput/hook/useTextInputEffect.d.ts

@@ -0,0 +1 @@
+export declare const useTextInputEffect: (inputRef: any, setInputWidth: React.Dispatch<React.SetStateAction<string>>, fullWidth: boolean, width: number, currentValue: string, value: string, maxChars: number, required: boolean, setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>, setCurrentValue: React.Dispatch<React.SetStateAction<string>>, setIsRequired: React.Dispatch<React.SetStateAction<boolean>>) => void;

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

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

package/build/components/textInput/textInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextInputProps } from '../common/interface/textInputInterface';
+/**
+ * @description SkodaFlow TextInput component.
+ * Properties are inherited from HTML input element.
+ * @param props TextInputProps
+ * @returns React Functional Component
+ */
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/build/components/toggleSwitch/toggleSwitch.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+/**
+ * @interface ToggleSwitchProps
+ * @description Base definition of SkodaFlow ToggleSwitch independent on core implementation.
+ * Properties are inherited from HTML Button element
+ */
+export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'size' | 'color'> {
+    /**
+     * Compact size, minimalistic design.
+     */
+    compact?: 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;
+    /**
+     * The value referenced with ToggleSwitch element
+     */
+    value?: string;
+    /**
+     * The value referenced with checkbox element
+     */
+    label?: string;
+    /**
+     * @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;
+    isNavigationVariant?: boolean;
+}
+/**
+ * @description SkodaFlow ToggleSwitch component.
+ * Properties are inherited from HTML Button element.
+ * @param props ToggleSwitchProps
+ * @returns React Functional Component
+ */
+export declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;

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

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

package/build/components/tooltip/tooltip.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+/**
+ * @interface TooltipProps
+ * @description Base definition of SkodaFlow Tooltip independent on core implementation.
+ * Properties are inherited from HTML Tooltip element
+ */
+export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {
+    /**
+     * Tooltip placement
+     * @default 'bottom'
+     */
+    placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+    /**
+     * Tooltip text
+     */
+    title: NonNullable<React.ReactNode> | string;
+    /**
+     * Element hovered by Tooltip
+     */
+    children: React.ReactElement<any, any>;
+    /**
+     * Tooltip Icon
+     * @default 'heart'
+     */
+    iconName?: 'list' | 'menu' | 'filters' | 'stats' | 'soundwave' | 'play-left' | 'rewind' | 'play-previous' | 'heart';
+}
+/**
+ * @description SkodaFlow Tooltip component.
+ * @param props TooltipProps
+ * @returns React Functional Component
+ */
+export declare const Tooltip: React.FC<TooltipProps>;

package/build/design/skoda/components/theme.accordion.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowAccordion: Components['MuiAccordion'];

package/build/design/skoda/components/theme.backdrop.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles/components';
+export declare const flowBackdrop: Components['MuiBackdrop'];

package/build/design/skoda/components/theme.breakpoints.d.ts

@@ -0,0 +1,9 @@
+export declare const customBreakpoints: {
+    values: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+};

package/build/design/skoda/components/theme.button.d.ts

@@ -0,0 +1,40 @@
+import { Components } from '@mui/material/styles/components';
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        tertiary: true;
+        ghost: true;
+        primary: true;
+        secondary: true;
+        navigation: true;
+    }
+    interface ButtonPropsSizeOverrides {
+        compact: true;
+    }
+}
+export declare const navigationButtonStyle: {
+    color: string;
+    padding: string;
+    fontWeight: number;
+    lineHeight: string;
+    '&:hover': {
+        backgroundColor: string;
+        '.MuiButton-startIcon': {
+            marginLeft: number;
+            marginRight: number;
+        };
+        '.MuiButton-endIcon': {
+            marginLeft: number;
+        };
+    };
+    '&:disabled': {
+        backgroundColor: string;
+    };
+    '.MuiButton-startIcon': {
+        transition: string;
+    };
+    '.MuiButton-endIcon': {
+        marginLeft: number;
+        transition: string;
+    };
+};
+export declare const flowButton: Components['MuiButton'];

package/build/design/skoda/components/theme.checkbox.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowCheckbox: Components['MuiCheckbox'];

package/build/design/skoda/components/theme.chip.d.ts

@@ -0,0 +1,11 @@
+import { Components } from '@mui/material/styles/components';
+declare module '@mui/material/Chip' {
+    interface ChipPropsVariantOverrides {
+        solid: true;
+        transparent: true;
+        shadow: true;
+        image: true;
+        multiselect: true;
+    }
+}
+export declare const flowChip: Components['MuiChip'];

package/build/design/skoda/components/theme.container.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material/styles/components';
+declare module '@mui/material/Container' { }
+export declare const flowContainer: Components['MuiContainer'];

package/build/design/skoda/components/theme.divider.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles/components';
+export declare const flowDivider: Components['MuiDivider'];

package/build/design/skoda/components/theme.drawer.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles/components';
+export declare const flowDrawer: Components['MuiDrawer'];

package/build/design/skoda/components/theme.formControlLabel.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowFormControlLabel: Components['MuiFormControlLabel'];

package/build/design/skoda/components/theme.grid.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material/styles/components';
+declare module '@mui/material/Grid' { }
+export declare const flowGrid: Components['MuiGrid'];

package/build/design/skoda/components/theme.icon.d.ts

@@ -0,0 +1,10 @@
+import { Components } from '@mui/material/styles/components';
+declare module '@mui/material/Icon' {
+    interface IconPropsSizeOverrides {
+        large: true;
+        medium: true;
+        small: true;
+        extraLarge: true;
+    }
+}
+export declare const flowIcon: Components['MuiIcon'];

package/build/design/skoda/components/theme.menu.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowMenu: Components['MuiPaper'];

package/build/design/skoda/components/theme.menuItem.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowMenuItem: Components['MuiMenuItem'];

package/build/design/skoda/components/theme.modal.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowModal: Components['MuiModal'];

package/build/design/skoda/components/theme.pagination.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowPaginationItem: Components['MuiPaginationItem'];

package/build/design/skoda/components/theme.radio.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowRadio: Components['MuiRadio'];

package/build/design/skoda/components/theme.select.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowSelect: Components['MuiSelect'];

package/build/design/skoda/components/theme.slider.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowSlider: Components['MuiSlider'];

package/build/design/skoda/components/theme.snackbar.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowSnackbar: Components['MuiSnackbar'];

package/build/design/skoda/components/theme.switch.d.ts

@@ -0,0 +1,7 @@
+import { Components } from '@mui/material/styles/components';
+declare module '@mui/material/Switch' {
+    interface SwitchPropsSizeOverrides {
+        compact: true;
+    }
+}
+export declare const flowSwitch: Components['MuiSwitch'];

package/build/design/skoda/components/theme.tab.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowTab: Components['MuiTab'];

package/build/design/skoda/components/theme.textField.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles';
+export declare const flowTextField: Components['MuiTextField'];

package/build/design/skoda/components/theme.tooltip.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles/components';
+export declare const flowTooltip: Components['MuiTooltip'];

package/build/design/skoda/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Theme } from '@mui/material/styles';
+export declare const createSkodaTheme: () => Theme;
+export declare class SkodaTheme extends React.Component {
+    private skodaTheme;
+    constructor(props: any);
+    render(): JSX.Element;
+}

package/build/design/skoda/organisms/theme.card.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material/styles/components';
+declare module '@mui/material/Card' { }
+export declare const flowCard: Components['MuiCard'];

package/build/design/skoda/theme.baseline.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@mui/material';
+export declare const getFlowCssBaseline: (theme: Theme) => {
+    backgroundColor: string;
+};
+export declare const applyCssBaseline: (t: Theme) => Theme;