@skodaflow/web-library 3.2.4 → 3.3.0-alpha.0

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
+export type IconButtonProps = MuiIconButtonProps & {
+    variant?: 'filled' | 'outlined' | 'standard';
+};
+export declare const IconButton: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").IconButtonClasses>;
+    color?: "inherit" | "primary" | "secondary";
+    disabled?: boolean;
+    disableFocusRipple?: boolean;
+    edge?: false | "start" | "end";
+    size?: "small" | "medium" | "large";
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+} & Omit<{
+    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?: import("react").FocusEventHandler<any>;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    tabIndex?: number;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    variant?: 'filled' | 'outlined' | 'standard';
+}, {}, {}>;

package/build/components/index.d.ts

@@ -38,4 +38,6 @@ export * from './toggleSwitch';
 export * from './tooltip';
 export * from './common';
 export * from './avatar';
+export * from './closeDialogButton';
+export * from './iconButton';
 export { Typography } from '@mui/material';

package/build/components/modal/contentDiv.d.ts

@@ -12,4 +12,4 @@ export interface ContentDivProps extends React.HTMLAttributes<HTMLDivElement> {
  * @param props ContentDivProps
  * @returns React Functional Component
  */
-export declare const ContentDiv: ({ children, setIsOverFlowing, className, modalLoadedCallback }: ContentDivProps) => JSX.Element;
+export declare const ContentDiv: ({ children, setIsOverFlowing, className, modalLoadedCallback }: ContentDivProps) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
+import React from 'react';
 export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
     /**
      *  The total number of pages.

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

@@ -43,5 +43,6 @@ export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>
  * @description Styled SkodaFlow RadioButton component
  * @param props RadioButtonProps
  * @returns React Functional Component
+ * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.
  */
-export declare const RadioButton: React.ForwardRefExoticComponent<Pick<RadioButtonProps, "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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>>;
+export declare const RadioButton: React.ForwardRefExoticComponent<Pick<RadioButtonProps, "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "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/inputLabelSelect.d.ts

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

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

@@ -83,5 +83,6 @@ export interface SelectInputProps {
  * Properties are inherited from HTML input element.
  * @param props SelectInputProps
  * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.
  */
 export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,3 +1,6 @@
 import React from 'react';
 import { TextInputProps } from '../common/interface/textInputInterface';
+/**
+ * @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.
+ */
 export declare const TextArea: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,5 +5,6 @@ import { TextInputProps } from '../common/interface/textInputInterface';
  * Properties are inherited from HTML input element.
  * @param props TextInputProps
  * @returns React Functional Component
+ * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.
  */
 export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,7 +2,8 @@ import React from 'react';
 /**
  * @interface ToggleSwitchProps
  * @description Base definition of SkodaFlow ToggleSwitch independent on core implementation.
- * Properties are inherited from HTML Button element
+ * Properties are inherited from HTML Button element.
+ * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.
  */
 export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'size' | 'color'> {
     /**

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

@@ -28,5 +28,6 @@ export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
  * @description SkodaFlow Tooltip component.
  * @param props TooltipProps
  * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Tooltip component from @mui/material instead.
  */
 export declare const Tooltip: React.FC<TooltipProps>;

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

@@ -0,0 +1,2 @@
+export * from './theme.tab';
+export * from './theme.tabs';

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

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

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowTabs: Components<Theme>['MuiTabs'];

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

@@ -0,0 +1,3 @@
+import { TypographySize } from '../theme.typography';
+import { Components, Theme } from '@mui/material';
+export declare const flowScopedCssBaseline: (typographySize: TypographySize) => Components<Theme>['MuiScopedCssBaseline'];

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

@@ -1,44 +1,3 @@
 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;
-        color: string;
-        '& .MuiIcon-root': {
-            color: string;
-        };
-    };
-    '.MuiButton-startIcon': {
-        transition: string;
-    };
-    '.MuiButton-endIcon': {
-        marginLeft: number;
-        transition: string;
-    };
-};
-export declare const flowButton: Components['MuiButton'];
+import { Theme } from '@mui/material';
+export declare const flowButton: Components<Theme>['MuiButton'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowButtonBase: Components<Theme>['MuiButtonBase'];

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

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

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

@@ -1,11 +1,3 @@
+import { Theme } from '@mui/material';
 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'];
+export declare const flowChip: Components<Theme>['MuiChip'];

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

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

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowDialog: Components<Theme>['MuiDialog'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowDialogActions: Components<Theme>['MuiDialogActions'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowDialogTitle: Components<Theme>['MuiDialogTitle'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowFilledInput: Components<Theme>['MuiFilledInput'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowFormControl: Components<Theme>['MuiFormControl'];

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

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

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowFormHelperText: Components<Theme>['MuiFormHelperText'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowFormLabel: Components<Theme>['MuiFormLabel'];

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

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material/styles/components';
+import { Theme } from '@mui/material';
+export declare const flowIconButton: Components<Theme>['MuiIconButton'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowInput: Components<Theme>['MuiInput'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowInputAdornment: Components<Theme>['MuiInputAdornment'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowInputBase: Components<Theme>['MuiInputBase'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowInputLabel: Components<Theme>['MuiInputLabel'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowList: Components<Theme>['MuiList'];

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowListItemText: Components<Theme>['MuiListItemText'];

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowPopover: Components<Theme>['MuiPopover'];

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

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

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

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

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

@@ -1,9 +1,15 @@
-import React from 'react';
 import { Theme } from '@mui/material/styles';
+import React from 'react';
+import './theme.extensions';
+import { TypographySize } from './theme.typography';
 /**
- * @deprecated use `skodaTheme` object instead
+ * @deprecated use `skodaThemeProvider` component instead
+ * @param typographySize
+ */
+export declare const createSkodaTheme: (typographySize: TypographySize) => Theme;
+/**
+ * @deprecated use `SkodaThemeProvider` instead
  */
-export declare const createSkodaTheme: () => Theme;
 export declare const skodaTheme: Theme;
 /**
  * @deprecated use `SkodaThemeProvider` instead
@@ -11,7 +17,7 @@ export declare const skodaTheme: Theme;
 export declare class SkodaTheme extends React.Component {
     private skodaTheme;
     constructor(props: any);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type SkodaThemeProviderProps = {
     children?: React.ReactNode;

package/build/design/skoda/{theme.palette-new-ci.d.ts → theme.extensions.d.ts}

@@ -1,6 +1,22 @@
-import { Palette, PaletteOptions } from '@mui/material/styles';
-import { PaletteColorOptions } from '@mui/material/styles/createPalette';
+import { PaletteColorOptions } from '@mui/material/styles';
+import { CSSProperties } from 'react';
 declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        display: CSSProperties;
+        disclaimer: CSSProperties;
+        caption1: CSSProperties;
+        caption2: CSSProperties;
+        body: CSSProperties;
+        subheadline: CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        display?: CSSProperties;
+        disclaimer?: CSSProperties;
+        caption1?: CSSProperties;
+        caption2?: CSSProperties;
+        body?: CSSProperties;
+        subheadline?: CSSProperties;
+    }
     interface PaletteOptions {
         brand?: Palette['brand'];
         brandHover?: Palette['brandHover'];
@@ -11,8 +27,6 @@ declare module '@mui/material/styles' {
         surface?: Palette['surface'];
         onSurface?: Palette['onSurface'];
     }
-}
-declare module '@mui/material/styles/createPalette' {
     interface Palette {
         brand: BrandColors;
         brandHover?: BrandHoverColors;
@@ -63,4 +77,27 @@ declare module '@mui/material/styles/createPalette' {
         primary: string;
     }
 }
-export declare const flowColors: PaletteOptions;
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        navigation: true;
+    }
+}
+declare module '@mui/material/IconButton' {
+    interface IconButtonPropsColorOverrides {
+        default: false;
+        error: false;
+        warning: false;
+        info: false;
+        success: false;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        display: true;
+        disclaimer: true;
+        caption1: true;
+        caption2: true;
+        body: true;
+        subheadline: true;
+    }
+}

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

@@ -0,0 +1,2 @@
+import { PaletteOptions } from '@mui/material/styles';
+export declare const flowColors: PaletteOptions;

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

@@ -1,36 +1,11 @@
-import { Theme } from '@mui/material/styles';
-declare module '@mui/material/styles/createTypography' {
-    interface TypographyOptions {
-        display?: CSSProperties;
-        disclaimer?: CSSProperties;
-        caption1?: CSSProperties;
-        caption2?: CSSProperties;
-        body?: CSSProperties;
-        subheadline?: CSSProperties;
-    }
-    interface Typography {
-        display?: CSSProperties;
-        disclaimer?: CSSProperties;
-        caption1?: CSSProperties;
-        caption2?: CSSProperties;
-        body?: CSSProperties;
-        subheadline?: CSSProperties;
-    }
-}
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        body: true;
-        h1: true;
-        h2: true;
-        h3: true;
-        h4: true;
-        subheadline: true;
-        display: true;
-        disclaimer: true;
-        caption1: true;
-        caption2: true;
-    }
-}
-export declare const getTypography: (element: string, size?: string) => any;
-export declare const getResponsiveTypography: (theme: Theme, element: string) => any;
-export declare const applyTypography: (t: Theme) => Theme;
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+export type TypographySize = 'small' | 'medium' | 'large';
+export declare const getTypography: (element: string, size: TypographySize) => any;
+export declare const useTypographySize: () => TypographySize;
+/**
+ * Making typography responsive using mediaquery makes theming of components very complicated.
+ * This new approach resolves typography by provided size. To calculate size use useTypographySize hook.
+ * @param size
+ * @returns
+ */
+export declare const getTypographyOptions: (size: TypographySize) => TypographyOptions;

package/build/eula.txt

@@ -0,0 +1,40 @@
+EULA - SKODA AUTO Libraries
+ŠKODA AUTO a.s. with registered offices at Mladá Boleslav, tř. Václava Klementa 869,  Mladá Boleslav II, 293 01 Mladá Boleslav, Czech Republic, ID No. 00177041, registered in the commercial Register held by Městský Soud v Praze (Metropolitan Court in Prague), section B, entry 332 (“ŠKODA AUTO”) releases this End-User Licence Agreement (“EULA”) to specify the rights and obligations when using library/package applicable to this EULA (“Library”).
+
+Specification of the Library
+
+ Specification of the library is not part of this EULA and is provided by suitable documentation, shiped with beforementioned library.
+
+The Library is dedicated to sustaining all ŠKODA AUTO web development projects.
+
+License
+
+ŠKODA AUTO declares that all source code, files, fonts and all other assets are exclusively owned by ŠKODA AUTO.
+
+ŠKODA AUTO grants you a revocable, non-exclusive, non-transferable, limited license to download, install and use the Library strictly in accordance with this EULA.
+
+If you violate any of these limitations or restrictions, the license grant will automatically and immediately expire. Any usage of the Library outside the scope of the applicable license constitutes an infringement of ŠKODA AUTO’s intellectual property rights as well as a material breach of this EULA.
+
+Restrictions
+
+You agree not to, and you will not permit others to:
+
+license, sell, rent, lease, assign, distribute, transmit, host, outsource, disclose or otherwise commercially exploit the Library or make the Library available to any third party;
+provide or make available any features or functionality of the Library to any person or entity outside of your organization;
+change, decompile or disassemble the Library or its source code, algorithms, methods or techniques;
+remove, alter or obscure any proprietary notices, labels or marks in the Library;
+translate, adapt, arrange, or create derivative works based on, or otherwise modify the Library for any purpose except of the purpose which is stated in this EULA;
+use the Application in excess of, or in any manner inconsistent with your entitlements.
+The Library may only be used for the purpose of creating products for ŠKODA AUTO. You agree not to use the Library for any other purpose and outside of the scope of business with ŠKODA AUTO.
+
+Copyright
+
+ŠKODA AUTO and its licensors retain title to and ownership of, and all other rights with respect to, the Library, including, without limitation, any related copyrights, trademarks, trade secrets, patents, and other intellectual property rights. You have only the limited license granted with respect to the Library expressly set forth in this EULA. You acknowledge and agree that the Library is licensed, not sold, and that rights to use the Library are acquired only under the license from ŠKODA AUTO.
+
+Modifications of the Library
+
+ ŠKODA AUTO reserves the right to modify, suspend or discontinue, temporarily or permanently, the Library or any service to which it connects, with or without notice and without liability to you.
+
+The Library will not be updated or maintained regularly. All updates depend on the decision of ŠKODA AUTO.
+
+In Mladá Boleslav on 2022

package/build/index.d.ts

@@ -2,3 +2,4 @@ export * from './design';
 export * from './components';
 export * from './organisms';
 export * from './utils';
+export * from './layout';