@skodaflow/web-library 3.4.0-alpha.0 → 4.0.1

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

@@ -1,15 +1,15 @@
-import React from 'react';
-/**
- * @interface Base defintion of SkodaFlow ContentDiv component independent on core implementation.
- */
-export interface ContentDivProps extends React.HTMLAttributes<HTMLDivElement> {
-    setIsOverFlowing: React.Dispatch<React.SetStateAction<boolean>>;
-    className?: string;
-    modalLoadedCallback?: (isLoaded: boolean) => void;
-}
-/**
- * @description SkodaFlow ContentDiv component
- * @param props ContentDivProps
- * @returns React Functional Component
- */
-export declare const ContentDiv: ({ children, setIsOverFlowing, className, modalLoadedCallback }: ContentDivProps) => React.JSX.Element;
+import React from 'react';
+/**
+ * @interface Base defintion of SkodaFlow ContentDiv component independent on core implementation.
+ */
+export interface ContentDivProps extends React.HTMLAttributes<HTMLDivElement> {
+    setIsOverFlowing: React.Dispatch<React.SetStateAction<boolean>>;
+    className?: string;
+    modalLoadedCallback?: (isLoaded: boolean) => void;
+}
+/**
+ * @description SkodaFlow ContentDiv component
+ * @param props ContentDivProps
+ * @returns React Functional Component
+ */
+export declare const ContentDiv: ({ children, setIsOverFlowing, className, modalLoadedCallback }: ContentDivProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/modal/contentDiv.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{useRef as e,useCallback as t,useEffect as c}from"react";const l=({children:l,setIsOverFlowing:n,className:o,modalLoadedCallback:a})=>{const i=e(null),s=t((r=>r.scrollHeight>r.clientHeight),[]);return c((()=>{i.current&&n(s(i.current))}),[i,s,n]),c((()=>(a&&a(!0),()=>a&&a(!1))),[a]),r("div",{ref:i,className:o,children:l})};export{l as ContentDiv};
+//# sourceMappingURL=contentDiv.js.map

package/build/components/modal/contentDiv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentDiv.js","sources":["../../../src/components/modal/contentDiv.tsx"],"sourcesContent":[null],"names":["ContentDiv","children","setIsOverFlowing","className","modalLoadedCallback","ref","useRef","scrollbarVisible","useCallback","element","scrollHeight","clientHeight","useEffect","current","_jsx"],"mappings":"uGAgBO,MAAMA,EAAa,EAAGC,WAAUC,mBAAkBC,YAAWC,0BAClE,MAAMC,EAAMC,EAAuB,MAC7BC,EAAmBC,GAAaC,GAC7BA,EAAQC,aAAeD,EAAQE,cACrC,IAYH,OAVAC,GAAU,KACJP,EAAIQ,SAASX,EAAiBK,EAAiBF,EAAIQ,SAAS,GAC/D,CAACR,EAAKE,EAAkBL,IAE3BU,GAAU,KACRR,GAAuBA,GAAoB,GAEpC,IAAMA,GAAuBA,GAAoB,KACvD,CAACA,IAGFU,EAAA,MAAA,CAAKT,IAAKA,EAAKF,UAAWA,EAASF,SAChCA,GAEH"}

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

@@ -1,2 +1,2 @@
-export * from './modal';
-export * from './modalTitle';
+export * from './modal';
+export * from './modalTitle';

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

@@ -1,71 +1,71 @@
-import React from 'react';
-import { ButtonVariants } from '../button';
-/**
- * @interface Base defintion of SkodaFlow Modal component independent on core implementation.
- */
-export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true, the component is shown.
-     */
-    open: boolean;
-    /**
-     * Callback used to close the modal.
-     */
-    handleClose?: () => void;
-    /**
-     * Callback for the top button.
-     */
-    onClickTopButton?: () => void;
-    /**
-     * Callback for the bottom button.
-     */
-    onClickBottomButton?: () => void;
-    /**
-     * Accessibility.
-     */
-    ariaLabelledby?: string;
-    /**
-     * Accessibility.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Top button text.
-     */
-    firstButton?: string;
-    /**
-     * Bottom button text.
-     */
-    secondButton?: string;
-    /**
-     * Variant of button defines different look and style.
-     */
-    firstButtonVariant?: ButtonVariants;
-    /**
-     * Variant of button defines different look and style.
-     */
-    secondButtonVariant?: ButtonVariants;
-    /**
-     * If true, the second button is visible.
-     */
-    secondButtonVisible?: boolean;
-    /**
-     * If true, the buttons are displayed as compact. The feature is only working for mobile view.
-     */
-    hasCloseButton?: boolean;
-    /**
-     * The size of the modal in desktop view.
-     */
-    size?: 'small' | 'large' | 'full-width';
-    defaultButtonSection?: boolean;
-    maxWidth?: string;
-    /**
-     * A callback used to track if the modal is fully loaded. When the modal is closed isLoaded is set to false.
-     */
-    modalLoadedCallback?: (isLoaded: boolean) => void;
-}
-/**
- * @description Styled SkodaFlow Modal component
- * @param props ModalProps
- * @returns React Functional Component
- */
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { ButtonVariants } from '../button';
+/**
+ * @interface Base defintion of SkodaFlow Modal component independent on core implementation.
+ */
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the component is shown.
+     */
+    open: boolean;
+    /**
+     * Callback used to close the modal.
+     */
+    handleClose?: () => void;
+    /**
+     * Callback for the top button.
+     */
+    onClickTopButton?: () => void;
+    /**
+     * Callback for the bottom button.
+     */
+    onClickBottomButton?: () => void;
+    /**
+     * Accessibility.
+     */
+    ariaLabelledby?: string;
+    /**
+     * Accessibility.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Top button text.
+     */
+    firstButton?: string;
+    /**
+     * Bottom button text.
+     */
+    secondButton?: string;
+    /**
+     * Variant of button defines different look and style.
+     */
+    firstButtonVariant?: ButtonVariants;
+    /**
+     * Variant of button defines different look and style.
+     */
+    secondButtonVariant?: ButtonVariants;
+    /**
+     * If true, the second button is visible.
+     */
+    secondButtonVisible?: boolean;
+    /**
+     * If true, the buttons are displayed as compact. The feature is only working for mobile view.
+     */
+    hasCloseButton?: boolean;
+    /**
+     * The size of the modal in desktop view.
+     */
+    size?: 'small' | 'large' | 'full-width';
+    defaultButtonSection?: boolean;
+    maxWidth?: string;
+    /**
+     * A callback used to track if the modal is fully loaded. When the modal is closed isLoaded is set to false.
+     */
+    modalLoadedCallback?: (isLoaded: boolean) => void;
+}
+/**
+ * @description Styled SkodaFlow Modal component
+ * @param props ModalProps
+ * @returns React Functional Component
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/modal/modal.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as a,jsxs as o}from"react/jsx-runtime";import i,{useState as n,useEffect as e,useCallback as d}from"react";import{styled as r}from"@mui/material/styles";import l from"@mui/material/Modal";import{Button as s}from"../button/button.js";import{Icon as m}from"../icon/icon.js";import{ContentDiv as c}from"./contentDiv.js";import{useTheme as p}from"@mui/material";const x=i.forwardRef(((i,r)=>{var{children:l,open:x,handleClose:h,onClickTopButton:b,onClickBottomButton:g,ariaLabelledby:f,ariaDescribedBy:B,firstButton:v,secondButton:w,hasCloseButton:k,size:C,firstButtonVariant:W,secondButtonVariant:y,secondButtonVisible:M,defaultButtonSection:T=!0,maxWidth:z,modalLoadedCallback:V}=i,j=t(i,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback"]);const[F,L]=n(!1),[O,D]=n(!1),N=p();e((()=>{const t=window.matchMedia(`(min-width: ${N.breakpoints.values.md}px)`);D(t.matches)}),[N.breakpoints.values.md]);const S=d((()=>{if(O&&"large"===(C||"large"))return!1}),[O,C]);return a(u,Object.assign({},j,{ref:r,open:x,size:C,onClose:h,isOverFlowing:F,"aria-labelledby":f,"aria-describedby":B,compactButtons:S(),maxWidth:z,"data-testid":"Modal",children:o("div",{className:"modal-container","data-testid":"Modal.container",children:[k&&a("button",{onClick:h,"data-testid":"Modal.close",children:a(m,{className:"ballotx",fontSize:"medium"})}),a(c,{setIsOverFlowing:L,className:"modal-container--content",modalLoadedCallback:V,"data-testid":"Modal.content",children:l}),T&&o("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[a(s,{label:v,onClick:b,fullWidth:!0,variant:W,compact:S(),"data-testid":"Modal.button1","data-variant":W}),M&&a(s,{label:w,onClick:g,fullWidth:!0,variant:y,compact:S(),"data-testid":"Modal.button2","data-variant":y})]})]})}))})),u=r(l,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((a=>{var{theme:o}=a,i=t(a,["theme"]);const n=i.compactButtons?"16px":"24px",e=i.maxWidth?i.maxWidth:"calc(100% - 40px)",d="large"===(i.size||"large"),r=i.size&&"full-width"===i.size,l=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:r?{maxWidth:e,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"overlay",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:n,boxShadow:i.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"div:first-of-type":{marginBottom:"15px"}}},[o.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:l.maxWidth,"&--content":{marginTop:l.marginTop,padding:"0px 40px","::-webkit-scrollbar":{width:"34px"},"::-webkit-scrollbar-thumb":{width:"4px",border:"solid 15px rgba(255, 255, 255, 0)"}},"&--action-buttons":{padding:l.padding,paddingBottom:n}}}}}));export{x as Modal};
+//# sourceMappingURL=modal.js.map

package/build/components/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":[null],"names":["Modal","React","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","className","onClick","Icon","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width","border"],"mappings":"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"}

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

@@ -1,6 +1,3 @@
-import { TypographyProps } from '@mui/material';
-import React from 'react';
-export type ModalTitleProps = Omit<TypographyProps, 'variant'>;
-export declare const ModalTitle: import("@emotion/styled").StyledComponent<ModalTitleProps & {
-    children?: React.ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { TypographyProps } from '@mui/material';
+export type ModalTitleProps = Omit<TypographyProps, 'variant'>;
+export declare const ModalTitle: import("@emotion/styled").StyledComponent<ModalTitleProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/modal/modalTitle.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{styled as o,Typography as r}from"@mui/material";const i=o=>t(r,Object.assign({},o,{variant:"h3"}));i.defaultProps={gutterBottom:!0};const e=o(i)((t=>({"&&":{marginTop:"0px",fontSize:"20px",lineHeight:"30px",marginBottom:t.gutterBottom?"1rem":"inherit"}})));export{e as ModalTitle};
+//# sourceMappingURL=modalTitle.js.map

package/build/components/modal/modalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalTitle.js","sources":["../../../src/components/modal/modalTitle.tsx"],"sourcesContent":[null],"names":["ModalTitleBase","props","_jsx","Typography","Object","assign","variant","defaultProps","gutterBottom","ModalTitle","styled","marginTop","fontSize","lineHeight","marginBottom"],"mappings":"+FAKA,MAAMA,EAA6CC,GAAUC,EAACC,EAAUC,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAAK,QAAS,QAE7FN,EAAeO,aAAe,CAC5BC,cAAc,GAGT,MAAMC,EAAaC,EAAOV,EAAPU,EAAyCT,IAAW,CAC5E,KAAM,CACJU,UAAW,MACXC,SAAU,OACVC,WAAY,OACZC,aAAcb,EAAMO,aAAe,OAAS"}

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

@@ -1 +1 @@
-export * from './numbering';
+export * from './numbering';

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

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

package/build/components/numbering/numbering.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"react";import{styled as a}from"@mui/material/styles";import{NumberingSizes as i,NumberingColors as n}from"../../utils/enum.js";import{flowColors as s}from"../../design/skoda/palette.theme.js";const m=o.forwardRef(((o,a)=>{var i=t(o,[]);return e(c,Object.assign({},i,{style:i.customStyle,"data-testid":"Numbering",children:[e("span",{className:"index-container","data-testid":"Numbering.index",children:[i.index," "]}),e("span",{className:"separator-container","data-testid":"Numbering.separator",children:[i.customSeparator?i.customSeparator:"/"," "]}),r("span",{className:"total-container","data-testid":"Numbering.total",children:i.total})]}))})),c=a("div",{shouldForwardProp:t=>"customSeparator"!==t&&"colorTheme"!==t})((e=>{var r=t(e,["theme"]);let o={};return o={fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:r.size===i.LARGE?"18px":"16px",lineHeight:r.size===i.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:r.colorTheme===n.DARK?s.text.primary:s.onSurface.os0},"& .separator-container":{color:s.onSurface.os600},"& .total-container":{color:s.onSurface.os600}},o}));export{m as Numbering};
+//# sourceMappingURL=numbering.js.map

package/build/components/numbering/numbering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbering.js","sources":["../../../src/components/numbering/numbering.tsx"],"sourcesContent":[null],"names":["Numbering","React","forwardRef","_a","ref","props","__rest","_jsxs","NumberingStyled","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total","styled","shouldForwardProp","prop","args","styles","fontFamily","fontStyle","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600"],"mappings":"+RAsCO,MAAMA,EAAYC,EAAMC,YAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACzE,OACEI,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,MAAON,EAAMO,YAAW,cAAc,YAChEC,SAAA,CAAAN,EAAA,OAAA,CAAMO,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DR,EAAMU,MAAO,OAEhBR,EAAA,OAAA,CAAMO,UAAU,sBAAkC,cAAA,sBAC/CD,SAAA,CAAAR,EAAMW,gBAAkBX,EAAMW,gBAAkB,IAAK,OAExDC,EAAA,OAAA,CAAMH,UAAU,kBAA8B,cAAA,kBAC3CD,SAAAR,EAAMa,WAGX,IAKEV,EAAkBW,EAAO,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJhB,IAAA,IAAYmB,EAAIhB,EAAAH,EAAhB,WAClB,IAAIoB,EAAS,CAAA,EAmBb,OAlBAA,EAAS,CACPC,WAAY,aACZC,UAAW,SACXC,WAAY,MACZC,SAAUL,EAAKM,OAASC,EAAeC,MAAQ,OAAS,OACxDC,WAAYT,EAAKM,OAASC,EAAeC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOX,EAAKY,aAAeC,EAAgBC,KAAOC,EAAWC,KAAKC,QAAUF,EAAWG,UAAUC,KAEnG,yBAA0B,CACxBR,MAAOI,EAAWG,UAAUE,OAE9B,qBAAsB,CACpBT,MAAOI,EAAWG,UAAUE,QAGzBnB,CAAM"}

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

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

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

@@ -1,76 +1,91 @@
-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.
-     */
-    count?: number;
-    /**
-     The page selected by default
-     */
-    defaultPage?: number;
-    /**
-     *  If true, a pagination will be disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     *  Set the current page number controlled from outside.
-     */
-    page?: number;
-    /**
-     *  The label for previous button.
-     */
-    prevButtonLabel?: string;
-    /**
-     *  The label for next button.
-     */
-    nextButtonLabel?: string;
-    /**
-     * If true, hide the next-page button.
-     */
-    hideNextButton?: boolean;
-    /**
-     * If true, hide the previous-page button.
-     */
-    hidePrevButton?: boolean;
-    /**
-     * Number of always visible pages at the beginning and end.
-     */
-    boundaryCount?: number;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     *	Accepts a function which returns a string value that provides a user-friendly name for the current page.
-     */
-    getItemAriaLabel?: (type: string, page: number, selected: boolean) => string;
-    /**
-     * If true, show the first-page button.
-     */
-    showFirstButton?: boolean;
-    /**
-     * If true, show the last-page button.
-     */
-    showLastButton?: boolean;
-    /**
-     * Number of always visible pages before and after the current page.
-     */
-    siblingCount?: number;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * On click callback.
-     */
-    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * enable or disable direction label. mobile only
-     */
-    hideLabels?: boolean;
-    onValueChange?: (payload: number) => void;
-    mobileCounterLabel?: string;
-}
-export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
+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.
+     */
+    count?: number;
+    /**
+       The page selected by default
+       */
+    defaultPage?: number;
+    /**
+     *  If true, a pagination will be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     *  Set the current page number controlled from outside.
+     */
+    page?: number;
+    /**
+     *  The label for previous button.
+     *  @deprecated Previous button label not used by design, will be deleted in future versions
+     */
+    prevButtonLabel?: string;
+    /**
+     *  The label for next button.
+     *  @deprecated Previous button label not used by design, will be deleted in future versions
+     */
+    nextButtonLabel?: string;
+    /**
+     * If true, hide the next-page button.
+     */
+    hideNextButton?: boolean;
+    /**
+     * If true, hide the previous-page button.
+     */
+    hidePrevButton?: boolean;
+    /**
+     * If true, hide the first-page button.
+     */
+    hideFirstButton?: boolean;
+    /**
+     * If true, hide the last-page button.
+     */
+    hideLastButton?: boolean;
+    /**
+     * Number of always visible pages at the beginning and end.
+     */
+    boundaryCount?: number;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     *	Accepts a function which returns a string value that provides a user-friendly name for the current page.
+     */
+    getItemAriaLabel?: (type: string, page: number, selected: boolean) => string;
+    /**
+     * If true, show the first-page button.
+     * @deprecated showFirstButton not working and is deprecated  as first-button should be visible by default according to design. Use hideFirstButton property instead.
+     */
+    showFirstButton?: boolean;
+    /**
+     * If true, show the last-page button.
+     * @deprecated showLastButton not working and is deprecated  as last-button should be visible by default according to design. Use hideLastButton property instead.
+     */
+    showLastButton?: boolean;
+    /**
+     * Number of always visible pages before and after the current page.
+     */
+    siblingCount?: number;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * On click callback.
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * enable or disable direction label. mobile only
+     * @deprecated hideLabels not used by design, will be deleted in future versions
+     */
+    hideLabels?: boolean;
+    /**
+     * callback for value change handling. takes the new value as its only parameter
+     **/
+    onValueChange?: (payload: number) => void;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/pagination/pagination.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as t,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"@mui/material/Pagination";import a from"@mui/material/PaginationItem";import r from"@mui/material/TextField";import{styled as l}from"@mui/material/styles";import s,{useState as p,useEffect as d,useCallback as m}from"react";import{flowColors as c}from"../../design/skoda/palette.theme.js";import{ternaryCondition as u}from"../../utils/utilities.js";import{IconButton as h}from"../iconButton/index.js";import{Icon as f}from"../icon/icon.js";const x=(e,t)=>""===e||"number"==typeof e&&e-1>0&&e+1<=t||"number"==typeof parseInt(e)&&parseInt(e)>0&&parseInt(e)<=t,g=(e,n,o,a,r,l)=>t(h,{variant:"standard",onClick:n,disabled:o,children:["forward"===a&&!r&&l,i(f,{className:e}),"back"===a&&!r&&l]}),b=s.forwardRef(((l,s)=>{var{count:c,isDisabled:h,page:b,prevButtonLabel:B,nextButtonLabel:y,defaultPage:w,hideNextButton:I,hidePrevButton:L,hideFirstButton:N,hideLastButton:j,hideLabels:C,onValueChange:k}=l,P=e(l,["count","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange"]);const z=w||1,[M,S]=p(z),[V,W]=p(!0),[D,F]=p();d((()=>{M&&k&&k(M)}),[M,k]),d((()=>{V?W(!1):b&&!h&&S(b)}),[h,V,b]);const O=m(((e,t)=>{S(t)}),[]);return t(v,{"data-testid":"Pagination-wrapper",children:[i(o,Object.assign({className:"desktopView"},P,{shape:"rounded",count:c,disabled:h,page:M,hideNextButton:I,hidePrevButton:L,showFirstButton:!N,showLastButton:!j,ref:s,onChange:O,renderItem:e=>i(a,Object.assign({className:u(L,!1,"MuiPagination-prev",""),components:{first:()=>i(f,{className:"play-previous",fontSize:"small"}),last:()=>i(f,{className:"play-next",fontSize:"small"}),previous:()=>t(n,{children:[i(f,{className:"cehvron-left",fontSize:"small"}),i(n,{children:B})]}),next:()=>t(n,{children:[i(n,{children:y}),i(f,{className:"chevron-right",fontSize:"small"})]})}},e))}))," ",i("div",{style:{display:"flex",flexDirection:"column"},className:"mobileView "+(h?"paginationDisabled":""),children:t("div",{className:"mobileContainer",children:[g("chevron-previous",(()=>x(M-1,c)&&S(1)),!x(M-1,c)),g("cehvron-left",(()=>x(M-1,c)&&S(M-1)),!x(M-1,c),"back",C,B),i(r,{className:"textFieldContainer",value:M,inputProps:{inputMode:"numeric",pattern:`[1-${c}]*`},onChange:e=>(e=>{""===e&&(F(M),S(e));const t=parseInt(e);"number"==typeof t&&x(t,c)&&(F(t),S(t))})(e.target.value),onBlur:()=>""===M&&S(D)}),g("chevron-right",(()=>x(M+1,c)&&S(M+1)),!x(M+1,c),"forward",C,y),g("chevron-next",(()=>x(M+1,c)&&S(c)),!x(M+1,c))]})})]})})),v=l("div")((({theme:e})=>{let t={};const i={alignItems:"center",display:"flex",justifyContent:"center",width:"100%"};return t={[e.breakpoints.up("md")]:{"& .mobileView":{display:"none!important"}},[e.breakpoints.down("md")]:{"& .desktopView":{display:"none!important"}},"& .desktopView":{"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"}},"& .mobileView":Object.assign(Object.assign({},i),{flexDirection:"column",flexWrap:"nowrap","& .mobileContainer":Object.assign(Object.assign({},i),{flexWrap:"nowrap"}),"& .textFieldContainer":{height:"36px",margin:"0 34px","& input, fieldset":{backgroundColor:c.transparent.primary,border:0,borderRadius:"4px",fontSize:"16px",fontWeight:"400",height:"36px",lineHeight:"36px",minWidth:"44px",maxWidth:"50px",padding:"0 4px",textAlign:"center",color:c.text.primary},"& fieldset":{visibility:"hidden"},"& div":{"&::before":{borderBottom:0},"&::after":{borderBottom:0}}},"& .controllerContainer":{"& .arrowLabel":{color:c.text.primary,fontSize:"16px",fontWeight:"400",lineHeight:"16px"},"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"},"& .MuiIcon-root":{fontSize:"16px",width:"20px",height:"20px"}},"& .counter_label":{color:c.text.primary,fontSize:"12px",fontWeight:"400",lineHeight:"24px",marginTop:"4px"},"&.paginationDisabled":{pointerEvents:"none","& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset":{color:c.disabled.primary}}})},t}));export{b as Pagination};
+//# sourceMappingURL=pagination.js.map

package/build/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","Icon","className","Pagination","React","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","ternaryCondition","components","first","fontSize","last","previous","_Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}

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

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

package/build/components/progressBar/components/loader.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as a,jsx as t}from"react/jsx-runtime";import{styled as i}from"@mui/material";import r from"react";import{Icon as n}from"../../icon/icon.js";import{StyledProgressBarMessage as o}from"./styledProgressBarMessage.js";const s=r.forwardRef(((i,r)=>{var{state:s,errorMessage:d,successMessage:c,loaderSize:m,loadingPercentage:g,loadingPercentageDescribeText:h}=i,f=e(i,["state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText"]);return"error"===s?a(o,{state:s,hasJustifyContent:!0,"data-testid":"Loader",children:[t(n,{className:"circle-multiply",fontSize:"medium",iconStyle:"filled"}),t("span",{className:"message",children:d})]}):"success"===s?a(o,{state:s,hasJustifyContent:!0,"data-testid":"Loader",children:[t(n,{className:"circle-check",fontSize:"medium",iconStyle:"filled",color:"primary"}),t("span",{className:"message",children:c})]}):a(l,Object.assign({loaderSize:m,loadingPercentage:g},f,{ref:r,"data-testid":"Loader",children:[(g||0===g)&&t("span",{className:"loading-text","data-testid":"Loader.percentage",children:h?`${h} ${g} %`:`${g} %`}),t("div",{className:"bar",children:t("div",{className:"mainBar"})})]}))})),l=i("div",{shouldForwardProp:e=>"loaderSize"!==e&&"loadingPercentage"!==e})((a=>{var{theme:t}=a,i=e(a,["theme"]);const r="small"===i.loaderSize?"4px":"8px",n={width:"100%",maxWidth:"0",height:r,background:t.palette.brand.primary,animation:"animate 8s infinite",transition:null};(i.loadingPercentage||0===i.loadingPercentage)&&(n.maxWidth=`${i.loadingPercentage}%`,n.animation=null,n.transition="max-width 1s");let o={};return o={fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900,display:"flex",flexDirection:"column",fontWeight:500,"& .loading-text":{alignSelf:"flex-end",marginBottom:"4px",fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900},"@keyframes animate":{" 0%":{maxWidth:"0%"},"20%":{maxWidth:"20%"},"50%":{maxWidth:"50%"},"100%":{maxWidth:"100%"}},"& .bar":{width:" 100%",height:r,overflow:"hidden",background:t.palette.onSurface.os100,display:"inline-block","& > .mainBar":n}},o}));export{s as Loader};
+//# sourceMappingURL=loader.js.map

package/build/components/progressBar/components/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["../../../../src/components/progressBar/components/loader.tsx"],"sourcesContent":[null],"names":["Loader","React","forwardRef","_a","ref","state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText","props","__rest","_jsxs","StyledProgressBarMessage","hasJustifyContent","_jsx","Icon","className","fontSize","iconStyle","children","color","StyledLoader","Object","assign","styled","shouldForwardProp","prop","theme","args","height","mainBarStyles","width","maxWidth","background","palette","brand","primary","animation","transition","styles","lineHeight","onSurface","os900","display","flexDirection","fontWeight","alignSelf","marginBottom","overflow","os100"],"mappings":"gQAgCO,MAAMA,EAASC,EAAMC,YAC1B,CACEC,EACAC,KADA,IAAAC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,kBAAEA,EAAiBC,8BAAEA,GAAyCP,EAAPQ,EAAKC,EAAAT,EAA7G,4GAGA,MAAc,UAAVE,EAEAQ,EAACC,EAAyB,CAAAT,MAAOA,EAAOU,mBAAmB,EAAkB,cAAA,mBAC3EC,EAACC,GAAKC,UAAU,kBAAkBC,SAAS,SAASC,UAAU,WAC9DJ,EAAM,OAAA,CAAAE,UAAU,UAASG,SAAEf,OAGnB,YAAVD,EAEAQ,EAACC,GAAyBT,MAAOA,EAAOU,mBAAmB,EAAI,cAAc,SAC3EM,SAAA,CAAAL,EAACC,EAAK,CAAAC,UAAU,eAAeC,SAAS,SAASC,UAAU,SAASE,MAAM,YAC1EN,EAAM,OAAA,CAAAE,UAAU,UAASG,SAAEd,OAK/BM,EAACU,EACCC,OAAAC,OAAA,CAAAjB,WAAYA,EACZC,kBAAmBA,GACfE,EACJ,CAAAP,IAAKA,EAAG,cACI,SAAQiB,SAAA,EAElBZ,GAA2C,IAAtBA,IACrBO,EAAA,OAAA,CAAME,UAAU,eAA2B,cAAA,6BACxCR,EACG,GAAGA,KAAiCD,MACpC,GAAGA,QAGXO,SAAKE,UAAU,MACbG,SAAAL,EAAA,MAAA,CAAKE,UAAU,iBAGnB,IAIAK,EAAeG,EAAO,MAAO,CACjCC,kBAAoBC,GAAkB,eAATA,GAAkC,sBAATA,GADnCF,EAEJvB,IAAA,IAAA0B,MAAEA,GAAgB1B,EAAN2B,EAAIlB,EAAAT,EAAhB,WACf,MAAM4B,EAA6B,UAApBD,EAAKtB,WAAyB,MAAQ,MAC/CwB,EAAgB,CACpBC,MAAO,OACPC,SAAU,IACVH,OAAQA,EACRI,WAAYN,EAAMO,QAAQC,MAAMC,QAChCC,UAAW,sBACXC,WAAY,OAGVV,EAAKrB,mBAAgD,IAA3BqB,EAAKrB,qBACjCuB,EAAcE,SAAW,GAAGJ,EAAKrB,qBACjCuB,EAAcO,UAAY,KAC1BP,EAAcQ,WAAa,gBAG7B,IAAIC,EAAS,CAAA,EA0Cb,OAzCAA,EAAS,CACPtB,SAAU,OACVuB,WAAY,OACZpB,MAAOO,EAAMO,QAAQO,UAAUC,MAC/BC,QAAS,OACTC,cAAe,SACfC,WAAY,IACZ,kBAAmB,CACjBC,UAAW,WACXC,aAAc,MACd9B,SAAU,OACVuB,WAAY,OACZpB,MAAOO,EAAMO,QAAQO,UAAUC,OAEjC,qBAAsB,CACpB,MAAO,CACLV,SAAU,MAGZ,MAAO,CACLA,SAAU,OAGZ,MAAO,CACLA,SAAU,OAGZ,OAAQ,CACNA,SAAU,SAGd,SAAU,CACRD,MAAO,QACPF,OAAQA,EACRmB,SAAU,SACVf,WAAYN,EAAMO,QAAQO,UAAUQ,MACpCN,QAAS,eACT,eAAgBb,IAIbS,CAAM"}

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

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