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

package/build/layout/Header/HeaderButton.d.ts

@@ -6,4 +6,4 @@ export type HeaderButtonProps<C extends React.ElementType> = {
 } & IconButtonProps<C, {
     component?: C;
 }>;
-export declare function HeaderButton<C extends React.ElementType = 'button'>(props: HeaderButtonProps<C>): JSX.Element;
+export declare function HeaderButton<C extends React.ElementType = 'button'>(props: HeaderButtonProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderLogo.d.ts

@@ -6,4 +6,4 @@ export type HeaderLogoProps<C extends React.ElementType> = LinkProps<C, {
     src: string;
     alt?: string;
 };
-export declare function HeaderLogo<C extends React.ElementType = 'a'>(props: HeaderLogoProps<C>): JSX.Element;
+export declare function HeaderLogo<C extends React.ElementType = 'a'>(props: HeaderLogoProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderNavigationItem.d.ts

@@ -13,4 +13,4 @@ export interface HeaderNavigationTypeMap<P = {}, C extends React.ElementType = '
 export type HeaderNavigationItemProps<C extends React.ElementType, P = {}> = OverrideProps<HeaderNavigationTypeMap<P, C>, C> & {
     component?: C;
 };
-export declare function HeaderNavigationItem<C extends React.ElementType = 'button'>(props: HeaderNavigationItemProps<C>): JSX.Element;
+export declare function HeaderNavigationItem<C extends React.ElementType = 'button'>(props: HeaderNavigationItemProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderOverheadItem.d.ts

@@ -10,4 +10,4 @@ export interface HeaderOverheadItemTypeMap<P = {}, C extends React.ElementType =
 export type HeaderOverheadItemProps<C extends React.ElementType, P = {}> = OverrideProps<HeaderOverheadItemTypeMap<P, C>, C> & {
     component?: C;
 };
-export declare function HeaderOverheadItem<C extends React.ElementType = 'button'>(props: HeaderOverheadItemProps<C>): JSX.Element;
+export declare function HeaderOverheadItem<C extends React.ElementType = 'button'>(props: HeaderOverheadItemProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderSkodaLogo.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { HeaderLogoProps } from './HeaderLogo';
 export type HeaderSkodaLogoProps<C extends React.ElementType> = Omit<HeaderLogoProps<C>, 'src' | 'alt'>;
-export declare function HeaderSkodaLogo<C extends React.ElementType = 'a'>(props: HeaderSkodaLogoProps<C>): JSX.Element;
+export declare function HeaderSkodaLogo<C extends React.ElementType = 'a'>(props: HeaderSkodaLogoProps<C>): React.JSX.Element;

package/build/layout/Header/PredefinedHeaderButtons.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { HeaderButtonProps } from './HeaderButton';
 export type PredefinedHeaderButtonProps<C extends React.ElementType> = Omit<HeaderButtonProps<C>, 'icon'>;
-export declare function HeaderSearchButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderProfileButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderHeartButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderCartButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderLanguageButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderBellButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderLoginButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderLogoutButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderCloseButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderFaqButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
-export declare function HeaderMenuButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): JSX.Element;
+export declare function HeaderSearchButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderProfileButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderHeartButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderCartButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderLanguageButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderBellButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderLoginButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderLogoutButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderCloseButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderFaqButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderMenuButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;

package/build/organisms/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
 export type CarouselPropType = {
@@ -131,4 +131,4 @@ export declare const handleScrollNext: (emblaApi: EmblaCarouselType, direction:
 export declare const handleScrollTo: (emblaApi: EmblaCarouselType, index: number) => void;
 export declare const getHoveredClass: (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => string;
 export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
-export declare const Carousel: (props: CarouselPropType) => JSX.Element;
+export declare const Carousel: (props: CarouselPropType) => React.JSX.Element;

package/build/organisms/carousel/carouselButton.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const PrevButton: ({ enabled, onClick, height }: {
     enabled: any;
     onClick: any;
     height: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const NextButton: ({ enabled, onClick, height }: {
     enabled: any;
     onClick: any;
     height: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/organisms/carousel/carouselTemplate.d.ts

@@ -4,5 +4,5 @@ export declare const DotButton: ({ selected, onClick, bulletStyle }: {
     selected: any;
     onClick: any;
     bulletStyle: any;
-}) => JSX.Element;
-export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => JSX.Element;
+}) => React.JSX.Element;
+export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => React.JSX.Element;

package/build/organisms/carousel2/carousel2.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
 import { ResponsiveType } from './utils/ResponsiveType';
@@ -128,4 +128,4 @@ export type Carousel2Props = {
         variant?: ControlVariant;
     };
 };
-export declare const Carousel2: (propsIn: Carousel2Props) => JSX.Element;
+export declare const Carousel2: (propsIn: Carousel2Props) => React.JSX.Element;

package/build/organisms/carousel2/carouselButton.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const PrevButton: ({ enabled, onClick, height }: {
     enabled: any;
     onClick: any;
     height: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const NextButton: ({ enabled, onClick, height }: {
     enabled: any;
     onClick: any;
     height: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/organisms/carousel2/carouselTemplate.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { Carousel2Props } from './carousel2';
 export declare const DotButton: ({ selected, onClick, bulletStyle }: {
     selected: any;
     onClick: any;
     bulletStyle: any;
-}) => JSX.Element;
-export declare const template: (hovered: boolean, prevBtnEnabled: boolean, emblaRef: any, nextBtnEnabled: boolean, selectedIndex: number, scrollProgress: number, toggleHover: (element?: 'prev' | 'next') => void, classEmbla: string, handleScrollTo: (index: any) => void, handleScrollPrev: () => void, handleScrollNext: () => void, props: Carousel2Props) => JSX.Element;
+}) => React.JSX.Element;
+export declare const template: (hovered: boolean, prevBtnEnabled: boolean, emblaRef: any, nextBtnEnabled: boolean, selectedIndex: number, scrollProgress: number, toggleHover: (element?: 'prev' | 'next') => void, classEmbla: string, handleScrollTo: (index: any) => void, handleScrollPrev: () => void, handleScrollNext: () => void, props: Carousel2Props) => React.JSX.Element;

package/build/organisms/common/styled/cardStandardWrapperStyled.d.ts

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

package/build/organisms/shortcutLink/shortcutLink.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ShortcutLinkProps {
     iconName: string;
     title: string;
@@ -8,4 +8,4 @@ export interface ShortcutLinkProps {
     isExternalLink?: boolean;
     analyticsCallback?: (payload?: any) => void;
 }
-export declare const ShortcutLink: ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback }: ShortcutLinkProps) => JSX.Element;
+export declare const ShortcutLink: ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback }: ShortcutLinkProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skodaflow/web-library",
-  "version": "3.2.5",
+  "version": "3.3.0-alpha.0",
   "description": "Implementation of Skoda Flow Design System with Material UI as core library.",
   "author": "Skoda Auto",
   "license": "SEE LICENSE IN eula.txt",
@@ -29,10 +29,10 @@
     "ci-test": "cypress run-ct --reporter ../../node_modules/mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@mui/material": "^5.9.0",
-    "@mui/system": "^5.9.0",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.13.0",
+    "@mui/system": "^5.12.3",
     "react": "^17.0.2 || ^18.0.0"
   },
   "dependencies": {

package/theme/skoda/globals.css

@@ -576,12 +576,19 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 .ag-sticky-top-full-width-container {
   position: absolute;
   top: 0px;
-  left: 0px;
   pointer-events: none;
 }
-
-.ag-full-width-container {
-  width: 100%;
+.ag-ltr .ag-full-width-container,
+.ag-ltr .ag-floating-top-full-width-container,
+.ag-ltr .ag-floating-bottom-full-width-container,
+.ag-ltr .ag-sticky-top-full-width-container {
+  left: 0;
+}
+.ag-rtl .ag-full-width-container,
+.ag-rtl .ag-floating-top-full-width-container,
+.ag-rtl .ag-floating-bottom-full-width-container,
+.ag-rtl .ag-sticky-top-full-width-container {
+  right: 0;
 }
 
 .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
@@ -685,7 +692,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   position: relative;
 }
 
-.ag-header-cell-sortable {
+.ag-header-cell-sortable .ag-header-cell-label {
   cursor: pointer;
 }
 
@@ -705,9 +712,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 
 .ag-header-row {
   position: absolute;
+}
+
+.ag-header-row:not(.ag-header-row-column-group) {
   overflow: hidden;
 }
 
+.ag-header.ag-header-allow-overflow .ag-header-row {
+  overflow: visible;
+}
+
 .ag-header-cell {
   display: inline-flex;
   align-items: center;
@@ -734,6 +748,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   align-self: stretch;
 }
 
+.ag-header-group-cell-label.ag-sticky-label {
+  position: sticky;
+  flex: none;
+}
+
 .ag-header-cell-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1150,8 +1169,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 
 .ag-popup-editor {
   position: absolute;
-  user-select: none;
   z-index: 1;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .ag-large-text-input {
@@ -1266,8 +1288,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 .ag-resizer {
   position: absolute;
   pointer-events: none;
-  user-select: none;
   z-index: 1;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 .ag-resizer.ag-resizer-topLeft {
   top: 0;
@@ -1358,6 +1383,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   max-height: 100%;
   overflow-y: auto;
   position: absolute;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 
@@ -1432,6 +1460,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   flex: 1 1 auto;
   align-items: center;
   white-space: nowrap;
+  overflow: hidden;
 }
 
 .ag-paging-panel {
@@ -1458,6 +1487,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   overflow-y: auto;
   overflow-x: hidden;
   cursor: default;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 
@@ -1529,6 +1561,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   position: absolute;
 }
 
+.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
+  display: none;
+}
+
 .ag-cell-label-container {
   display: flex;
   justify-content: space-between;
@@ -1543,6 +1579,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 .ag-right-aligned-header .ag-cell-label-container {
   flex-direction: row;
 }
+.ag-right-aligned-header .ag-header-cell-text {
+  text-align: end;
+}
 
 .ag-side-bar {
   display: flex;
@@ -4991,7 +5030,6 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   box-shadow: var(--ag-card-shadow);
   padding: var(--ag-grid-size);
   padding: 0;
-  height: var(--ag-row-height);
   background-color: var(--ag-control-panel-background-color);
 }
 
@@ -5334,14 +5372,6 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   border-top: var(--ag-borders-critical) var(--ag-border-color);
 }
 
-.ag-menu:not(.ag-tabs) .ag-filter-select {
-  min-width: calc(var(--ag-menu-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px);
-}
-
-.ag-tabs .ag-filter-select {
-  min-width: calc(var(--ag-tab-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px);
-}
-
 .ag-filter-select .ag-picker-field-wrapper {
   width: 0;
 }
@@ -5482,10 +5512,20 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
 .ag-simple-filter-body-wrapper {
   padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
   padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
+  overflow-y: auto;
+  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
 }
 .ag-simple-filter-body-wrapper > * {
   margin-bottom: var(--ag-widget-vertical-spacing);
 }
+.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
+  margin: 0;
+}
+
+.ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper,
+.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
+  min-width: calc(var(--ag-menu-min-width) - 2px);
+}
 
 .ag-filter-no-matches {
   padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
@@ -5941,6 +5981,19 @@ button.ag-side-button-button:focus {
   background-color: var(--ag-header-cell-moving-background-color);
 }
 
+.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
+  left: var(--ag-cell-horizontal-padding);
+}
+.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
+  right: var(--ag-cell-horizontal-padding);
+}
+
+.ag-header-cell.ag-header-span-height::after,
+.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
+  height: calc(100% - var(--ag-grid-size) * 4);
+  top: calc(var(--ag-grid-size) * 2);
+}
+
 .ag-keyboard-focus .ag-header-cell:focus {
   outline: none;
 }
@@ -5988,7 +6041,7 @@ button.ag-side-button-button:focus {
   padding-right: 4px;
 }
 
-.ag-header-row:not(:first-child) .ag-header-cell,
+.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
 .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
   border-top: var(--ag-borders-critical) var(--ag-border-color);
 }
@@ -6039,6 +6092,12 @@ button.ag-side-button-button:focus {
   background-color: var(--ag-header-column-resize-handle-color);
 }
 
+.ag-header-cell.ag-header-span-height::after,
+.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
+  height: calc(100% - var(--ag-grid-size) * 4);
+  top: calc(var(--ag-grid-size) * 2);
+}
+
 .ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
   left: calc(50% - var(--ag-header-column-resize-handle-width));
 }
@@ -6388,6 +6447,9 @@ button.ag-side-button-button:focus {
 
 .ag-chart-tabbed-menu-header {
   flex: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
   cursor: default;
 }
@@ -6424,6 +6486,9 @@ button.ag-side-button-button:focus {
   width: 100%;
   height: 30px;
   padding: 0 10px;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 
@@ -6511,6 +6576,9 @@ button.ag-side-button-button:focus {
   display: flex;
   flex-direction: column;
   position: relative;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 

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

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

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

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

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

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