@skodaflow/web-library 3.3.0 → 4.0.0

package/build/components/container/container.d.ts

@@ -1,45 +1,48 @@
-import React, { ReactNode } from 'react';
-/**
- * @interface ContainerProps
- * @description Base definition of SkodaFlow Container independent on core implementation.
- * Properties are inherited from HTML Container element
- * @deprecated this Component is deprecated. Use Container from @mui/material instead
- */
-export interface ContainerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'size'> {
-    /**
-     * Override or extend the styles applied to the component. See CSS API below for more details.
-     */
-    classes?: object;
-    /**
-     * The component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     * If true, the left and right padding is removed.
-     */
-    disableGutters: boolean;
-    /**
-     * Determine the max-width of the container. The container width grows with the size of the screen.
-     * Set to false to disable maxWidth.
-     */
-    fixed: boolean;
-    /**
-     * Determine if grid is narrow
-     */
-    narrow: boolean;
-    /**
-     * If true, the left and right padding is removed.
-     */
-    maxWidth: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false | string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
-     */
-    sx: Array<Function | object> | Function | object;
-}
-/**
- * @description SkodaFlow Container component.
- * Properties are inherited from HTML Container element.
- * @param props ContainerProps
- * @returns React Functional Component
- */
-export declare const Container: (props: any) => React.JSX.Element;
+import React, { ReactNode } from 'react';
+type FuncType = () => void;
+/**
+ * @interface ContainerProps
+ * @description Base definition of SkodaFlow Container independent on core implementation.
+ * Properties are inherited from HTML Container element
+ * @deprecated this Component is deprecated. Use Container from @mui/material instead
+ */
+export interface ContainerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'size'> {
+    /**
+     * Override or extend the styles applied to the component. See CSS API below for more details.
+     */
+    classes?: object;
+    /**
+     * The component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ReactNode;
+    /**
+     * If true, the left and right padding is removed.
+     */
+    disableGutters: boolean;
+    /**
+     * Determine the max-width of the container. The container width grows with the size of the screen.
+     * Set to false to disable maxWidth.
+     */
+    fixed: boolean;
+    /**
+     * Determine if grid is narrow
+     */
+    narrow: boolean;
+    /**
+     * If true, the left and right padding is removed.
+     */
+    maxWidth: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false | string;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
+     */
+    sx: Array<() => void | object> | FuncType | object;
+}
+/**
+ * @description SkodaFlow Container component.
+ * Properties are inherited from HTML Container element.
+ * @param props ContainerProps
+ * @returns React Functional Component
+ * @deprecated this Component is deprecated. Use Container from @mui/material instead
+ */
+export declare const Container: (props: any) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/container/container.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import a from"@mui/material/Container";const t=t=>r(a,Object.assign({},t,{className:t.className+" "+(t.narrow&&"narrow"),"data-testid":"Container",children:t.children}));export{t as Container};
+//# sourceMappingURL=container.js.map

package/build/components/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../../src/components/container/container.tsx"],"sourcesContent":[null],"names":["Container","props","_jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"+EAyDa,MAAAA,EAAaC,GAEtBC,EAACC,EAAYC,OAAAC,OAAA,CAAA,EAAKJ,EAAK,CAAEK,UAAWL,EAAMK,UAAY,KAAOL,EAAMM,QAAU,UAAS,cAAc,YAAWC,SAC5GP,EAAMO"}

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

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

package/build/components/controls/controls.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-import { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';
-export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
-    controlVariant?: ControlVariant;
-    /**
-     *  The color of control: white or black, default is white.
-     */
-    controllerColor?: DarkLightOptions;
-    /**
-     *  Icons style: regular or filled, default is regular.
-     */
-    iconStyle?: IconsStyle;
-    /**
-     *  Icons fontSize:
-     */
-    iconFontSize?: ControllerSize;
-    /**
-     *  Type of controls: next, previous, play, pause.
-     */
-    controlType?: string;
-    /**
-     *  If true, the control is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     *  callback function on click
-     */
-    onClickCallback?: (payload: any) => void;
-    customHeight?: string;
-}
-/**
- * @description SkodaFlow Controls component.
- * Properties are inherited from HTML Button Attribetes element.
- * @param props ControlsProps
- * @returns React Functional Component
- */
-export declare const Controller: React.ForwardRefExoticComponent<ControlsProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';
+export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
+    controlVariant?: ControlVariant;
+    /**
+     *  The color of control: white or black, default is white.
+     */
+    controllerColor?: DarkLightOptions;
+    /**
+     *  Icons style: regular or filled, default is regular.
+     */
+    iconStyle?: IconsStyle;
+    /**
+     *  Icons fontSize:
+     */
+    iconFontSize?: ControllerSize;
+    /**
+     *  Type of controls: next, previous, play, pause.
+     */
+    controlType?: string;
+    /**
+     *  If true, the control is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     *  callback function on click
+     */
+    onClickCallback?: (payload: any) => void;
+    customHeight?: string;
+}
+/**
+ * @description SkodaFlow Controls component.
+ * Properties are inherited from HTML Button Attribetes element.
+ * @param props ControlsProps
+ * @returns React Functional Component
+ */
+export declare const Controller: React.ForwardRefExoticComponent<ControlsProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/controls/controls.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as o}from"react/jsx-runtime";import r,{useCallback as e,useEffect as i}from"react";import{styled as n}from"@mui/material/styles";import{Icon as a}from"../icon/icon.js";import{flowColors as s}from"../../design/skoda/palette.theme.js";import{ternaryCondition as l}from"../../utils/utilities.js";const c=r.forwardRef(((n,s)=>{var l=t(n,[]);const c=r.useRef(null),d=e((t=>{l.onClickCallback&&!l.isDisabled&&l.onClickCallback(t)}),[l]);return i((()=>{c.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[c]),o(p,Object.assign({},l,{ref:s,onClick:()=>d(l.controlType),children:o("button",{ref:c,children:o(a,{fontSize:l.iconFontSize,className:`${l.controlType} ${l.iconStyle}`})})}))})),p=n("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((o=>{var r=t(o,["theme"]);const e=l(r.controllerColor,"light",s.surface.tertiary,s.text.primary);let i={};const n=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:l(r.iconFontSize,"small","34px","42px"),height:l(r.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:l(r.controlVariant,"standard",0,`2px solid ${e}`),cursor:"pointer","& .MuiIcon-root":{color:l(r.controllerColor,"light",s.surface.tertiary,s.text.primary),fontSize:l(r.iconFontSize,"small","18px","24px"),"&:before":{transform:"translateY(-2px)"}},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:s.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:l(r.controllerColor,"light",`2px solid ${s.surface.tertiary}`,`2px solid ${s.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return i=Object.assign(Object.assign({},i),{height:(r.customHeight?r.customHeight:"100%")+"!important","& button":Object.assign({},n)}),r.isDisabled&&(i=Object.assign(Object.assign({},i),{"& button":Object.assign(Object.assign({},n),{borderColor:s.disabled.primary,cursor:"default",outline:l(r.controlVariant,"standard",0,`2px solid ${s.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:s.disabled.primary,fontSize:l(r.iconFontSize,"small","18px","24px"),"&:before":{transform:"translateY(-2px)"}}})})),i}));export{c as Controller};
+//# sourceMappingURL=controls.js.map

package/build/components/controls/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":[null],"names":["Controller","React","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","className","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"+UAiDO,MAAMA,EAAaC,EAAMC,YAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACzE,MAAMI,EAASN,EAAMO,OAAO,MAEtBC,EAAgBC,GACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GAExE,CAACN,IASH,OANAS,GAAU,KACRP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC5CA,EAAEM,gBAAgB,GAClB,GACD,CAACV,IAGFW,EAACC,EAAaC,OAAAC,OAAA,GAAKhB,EAAO,CAAAD,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aACrEC,SAAAN,EAAA,SAAA,CAAQd,IAAKG,EACXiB,SAAAN,EAACO,EAAI,CAACC,SAAUrB,EAAMsB,aAAcC,UAAW,GAAGvB,EAAMkB,eAAelB,EAAMwB,kBAGjF,IAMEV,EAAgBW,EAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,EAUe3B,IAAA,IAAY8B,EAAI3B,EAAAH,EAAhB,WACnC,MAAM+B,EAAgBC,EACpBF,EAAKG,gBACL,QACAC,EAAWC,QAAQC,SACnBF,EAAWG,KAAKC,SAElB,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAWvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC5DqB,OAAQb,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC7DsB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACpGf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACV8B,UAAW,qBAGf,WAAY,CACVA,UAAW,eAEb,UAAW,CACTP,gBAAiBb,EAAWqB,YAAYjB,SAE1C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EACPF,EAAKG,gBACL,QACA,aAAaC,EAAWC,QAAQC,WAChC,aAAaF,EAAWG,KAAKC,WAE/BW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAwCpB,OApCAP,EAAMtB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDqB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU1C,OAAAC,OAAA,CAAA,EACLsB,KAGHV,EAAKpB,aACP6B,iCACKA,GAAM,CACT,WACKtB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAsB,IACHoB,YAAa1B,EAAW2B,SAASvB,QACjCc,OAAQ,UACRF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAW2B,SAASvB,WAC/F,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOnB,EAAW2B,SAASvB,QAC3Bf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACV8B,UAAW,0BAMdf,CAAM"}

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

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

package/build/components/divider/divider.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
-    /**
-     *  The component orientation.
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     *  The text alignment.
-     */
-    textAlign?: 'center' | 'left' | 'right';
-    /**
-     *  The variant to use.
-     */
-    variant?: 'fullWidth' | 'inset' | 'middle';
-    /**
-     *  If true, a vertical divider will have the correct height when used in flex container.
-     *  (By default, a vertical divider will have a calculated height of 0px if it is the child of a flex container.)
-     */
-    flexItem?: boolean;
-}
-/**
- * @description SkodaFlow Divider component.
- * Properties are inherited from HTML HR Attribetes element.
- * @param props DividerProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use themed Divider component from '@mui/material' instead.
- */
-export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
+import React from 'react';
+export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
+    /**
+     *  The component orientation.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     *  The text alignment.
+     */
+    textAlign?: 'center' | 'left' | 'right';
+    /**
+     *  The variant to use.
+     */
+    variant?: 'fullWidth' | 'inset' | 'middle';
+    /**
+     *  If true, a vertical divider will have the correct height when used in flex container.
+     *  (By default, a vertical divider will have a calculated height of 0px if it is the child of a flex container.)
+     */
+    flexItem?: boolean;
+}
+/**
+ * @description SkodaFlow Divider component.
+ * Properties are inherited from HTML HR Attribetes element.
+ * @param props DividerProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Divider component from '@mui/material' instead.
+ */
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;

package/build/components/divider/divider.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import i from"react";import e from"@mui/material/Divider";import{styled as o}from"@mui/material/styles";const a=i.forwardRef(((i,e)=>{var{orientation:o,textAlign:a,variant:n,flexItem:l}=i,f=t(i,["orientation","textAlign","variant","flexItem"]);return r(m,Object.assign({},f,{orientation:o,textAlign:a,variant:n,flexItem:!0,ref:e,children:f.children}))})),m=o(e)``;export{a as Divider};
+//# sourceMappingURL=divider.js.map

package/build/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sources":["../../../src/components/divider/divider.tsx"],"sourcesContent":[null],"names":["Divider","React","forwardRef","_a","ref","orientation","textAlign","variant","flexItem","props","__rest","_jsx","DividerStyled","Object","assign","children","styled","MuiDivider"],"mappings":"+KAgCO,MAAMA,EAAUC,EAAMC,YAC3B,CAACC,EAAyDC,KAAzD,IAAAC,YAAEA,EAAWC,UAAEA,EAASC,QAAEA,EAAOC,SAAEA,GAAQL,EAAKM,EAAhDC,EAAAP,EAAA,CAAA,cAAA,YAAA,UAAA,aACC,OACEQ,EAACC,EAAaC,OAAAC,OAAA,GAAKL,EAAK,CAAEJ,YAAaA,EAAaC,UAAWA,EAAWC,QAASA,EAASC,UAAQ,EAACJ,IAAKA,EAAGW,SAC1GN,EAAMM,WAET,IAOAH,EAAgBI,EAAOC,EAA4B"}

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

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

package/build/components/drawer/drawer.control.d.ts

@@ -0,0 +1,12 @@
+export declare const DrawerControls: {
+    open: {
+        control: {
+            type: string;
+        };
+    };
+    children: {
+        control: {
+            type: string;
+        };
+    };
+};

package/build/components/drawer/drawer.d.ts

@@ -1,66 +1,66 @@
-import React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Side from which the drawer will appear.
-     */
-    anchor: 'top' | 'left' | 'bottom' | 'right';
-    /**
-     * If true the drawer is shown.
-     */
-    open: boolean;
-    /**
-     * Callback required when the drawer is closed.
-     */
-    handleClose?: (state: boolean) => void;
-    /**
-     * The content of the component.
-     */
-    children: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     * The elevation of the drawer.
-     */
-    elevation?: number;
-    /**
-     * 	If true, the backdrop is not rendered.
-     */
-    hideBackdrop?: boolean;
-    /**
-     * Props applied to the Modal element.
-     */
-    ModalProps?: object;
-    /**
-     * Props applied to the Paper element.
-     */
-    PaperProps?: object;
-    /**
-     * Props applied to the Slide element.
-     */
-    SlideProps?: object;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
-     */
-    transitionDuration?: number | {
-        appear?: number;
-        enter?: number;
-        exit?: number;
-    };
-    /**
-     * The variant to use. Default is 'temporary'.
-     */
-    variant?: 'permanent' | 'persistent' | 'temporary';
-    /**
-     * 	If true the borders are rounded.
-     */
-    hasRoundedBorders?: boolean;
-}
-export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Side from which the drawer will appear.
+     */
+    anchor: 'top' | 'left' | 'bottom' | 'right';
+    /**
+     * If true the drawer is shown.
+     */
+    open: boolean;
+    /**
+     * Callback required when the drawer is closed.
+     */
+    handleClose?: (state: boolean) => void;
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     * The elevation of the drawer.
+     */
+    elevation?: number;
+    /**
+     * 	If true, the backdrop is not rendered.
+     */
+    hideBackdrop?: boolean;
+    /**
+     * Props applied to the Modal element.
+     */
+    ModalProps?: object;
+    /**
+     * Props applied to the Paper element.
+     */
+    PaperProps?: object;
+    /**
+     * Props applied to the Slide element.
+     */
+    SlideProps?: object;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
+     */
+    transitionDuration?: number | {
+        appear?: number;
+        enter?: number;
+        exit?: number;
+    };
+    /**
+     * The variant to use. Default is 'temporary'.
+     */
+    variant?: 'permanent' | 'persistent' | 'temporary';
+    /**
+     * 	If true the borders are rounded.
+     */
+    hasRoundedBorders?: boolean;
+}
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/drawer/drawer.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useCallback as t,useEffect as i}from"react";import a from"@mui/material/Box";import d from"@mui/material/Drawer";import{styled as n}from"@mui/material";const p=e(((e,d)=>{var{children:n,open:p,anchor:m,handleClose:u=(()=>{})}=e,h=r(e,["children","open","anchor","handleClose"]);const l=t((r=>o=>{("keydown"!==o.type||"Tab"!==o.key&&"Shift"!==o.key)&&(r||u(r))}),[u]);return i((()=>{l(p)}),[p,l]),o(s,Object.assign({},h,{ref:d,anchor:m,open:p,onClose:l(!1),"data-testid":"Drawer",children:o(a,{role:"presentation",onClick:l(!1),onKeyDown:l(!1),"data-testid":"Drawer.content",children:n})}))})),s=n(d,{shouldForwardProp:r=>"hasRoundedBorders"!==r})((o=>{var e=r(o,[]);if(!e.hasRoundedBorders)return{"& > .MuiPaper-root":{borderRadius:"0px"}};return{"& > .MuiPaper-root":{bottom:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"},top:{borderBottomLeftRadius:"16px",borderBottomRightRadius:"16px"},left:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"},right:{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}}[e.anchor]}}));export{p as Drawer};
+//# sourceMappingURL=drawer.js.map

package/build/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":[null],"names":["Drawer","forwardRef","_a","ref","children","open","anchor","handleClose","props","__rest","toggleDrawer","useCallback","_open","event","type","key","useEffect","_jsx","DrawerStyled","Object","assign","onClose","Box","role","onClick","onKeyDown","styled","MuiDrawer","shouldForwardProp","prop","args","hasRoundedBorders","borderRadius","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right"],"mappings":"sPAkEa,MAAAA,EAASC,GACpB,CAACC,EAA8DC,KAA9D,IAAAC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,YAAEA,EAAc,UAAQL,EAAKM,EAAKC,EAAAP,EAA1D,4CACC,MAAMQ,EAAeC,GAClBC,GAAoBC,KAEF,YAAfA,EAAMC,MACkC,QAAtCD,EAA8BE,KAAwD,UAAtCF,EAA8BE,OAK7EH,GAAOL,EAAYK,GAAM,GAEhC,CAACL,IAOH,OAJAS,GAAU,KACRN,EAAaL,EAAK,GACjB,CAACA,EAAMK,IAGRO,EAACC,EAAiBC,OAAAC,OAAA,GAAAZ,GAAOL,IAAKA,EAAKG,OAAQA,EAAQD,KAAMA,EAAMgB,QAASX,GAAa,GAAM,cAAc,SAAQN,SAC/Ga,EAACK,EAAG,CACFC,KAAK,eACLC,QAASd,GAAa,GACtBe,UAAWf,GAAa,GAAM,cAClB,iBAAgBN,SAE3BA,MAGL,IAIAc,EAAeQ,EAAOC,EAAW,CACrCC,kBAAoBC,GAAkB,sBAATA,GADVH,EAEiCxB,QAAK4B,EAAIrB,EAAAP,EAAT,IACpD,IAAK4B,EAAKC,kBACR,MAAO,CACL,qBAAsB,CACpBC,aAAc,QAWpB,MAAO,CACL,qBARuB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAIvBP,EAAKxB,QAC7C"}

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

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

package/build/components/flag/availableFLags.d.ts

@@ -1 +1 @@
-export type AvailableFlags = 'AC' | 'AD' | 'AE' | 'AF' | 'AG' | 'AI' | 'AL' | 'AM' | 'AO' | 'AQ' | 'AR' | 'AS' | 'AT' | 'AU' | 'AW' | 'AX' | 'AZ' | 'BA' | 'BB' | 'BD' | 'BE' | 'BF' | 'BG' | 'BH' | 'BI' | 'BJ' | 'BL' | 'BM' | 'BN' | 'BO' | 'BQ' | 'BR' | 'BS' | 'BT' | 'BV' | 'BW' | 'BY' | 'BZ' | 'CA' | 'CC' | 'CD' | 'CF' | 'CG' | 'CH' | 'CI' | 'CK' | 'CL' | 'CM' | 'CN' | 'CO' | 'CR' | 'CU' | 'CV' | 'CW' | 'CX' | 'CY' | 'CZ' | 'DE' | 'DJ' | 'DK' | 'DM' | 'DO' | 'DZ' | 'EC' | 'EE' | 'EG' | 'EH' | 'ER' | 'ES' | 'ET' | 'EU' | 'FI' | 'FJ' | 'FK' | 'FM' | 'FO' | 'FR' | 'GA' | 'GB' | 'GD' | 'GE' | 'GF' | 'GG' | 'GH' | 'GI' | 'GL' | 'GM' | 'GN' | 'GP' | 'GQ' | 'GR' | 'GS' | 'GT' | 'GU' | 'GW' | 'GY' | 'HK' | 'HM' | 'HN' | 'HR' | 'HT' | 'HU' | 'ID' | 'IE' | 'IL' | 'IM' | 'IN' | 'IO' | 'IQ' | 'IR' | 'IS' | 'IT' | 'JE' | 'JM' | 'JO' | 'JP' | 'KE' | 'KG' | 'KH' | 'KI' | 'KM' | 'KN' | 'KP' | 'KR' | 'KW' | 'KY' | 'KZ' | 'LA' | 'LB' | 'LC' | 'LI' | 'LK' | 'LR' | 'LS' | 'LT' | 'LU' | 'LV' | 'LY' | 'MA' | 'MC' | 'MD' | 'ME' | 'MF' | 'MG' | 'MH' | 'MK' | 'ML' | 'MM' | 'MN' | 'MO' | 'MP' | 'MQ' | 'MR' | 'MS' | 'MT' | 'MU' | 'MV' | 'MW' | 'MX' | 'MY' | 'MZ' | 'NA' | 'NC' | 'NE' | 'NF' | 'NG' | 'NI' | 'NL' | 'NO' | 'NP' | 'NR' | 'NU' | 'NZ' | 'OM' | 'PA' | 'PE' | 'PF' | 'PG' | 'PH' | 'PK' | 'PL' | 'PM' | 'PN' | 'PR' | 'PS' | 'PT' | 'PW' | 'PY' | 'QA' | 'RE' | 'RO' | 'RS' | 'RU' | 'RW' | 'SA' | 'SB' | 'SC' | 'SD' | 'SE' | 'SG' | 'SH' | 'SI' | 'SJ' | 'SK' | 'SL' | 'SM' | 'SN' | 'SO' | 'SR' | 'SS' | 'ST' | 'SV' | 'SX' | 'SY' | 'SZ' | 'TA' | 'TC' | 'TD' | 'TF' | 'TG' | 'TH' | 'TJ' | 'TK' | 'TL' | 'TM' | 'TN' | 'TO' | 'TR' | 'TT' | 'TV' | 'TW' | 'TZ' | 'UA' | 'UG' | 'UM' | 'US' | 'UY' | 'UZ' | 'VA' | 'VC' | 'VE' | 'VG' | 'VI' | 'VN' | 'VU' | 'WF' | 'WS' | 'XK' | 'YE' | 'YT' | 'ZA' | 'ZM' | 'ZW';
+export type AvailableFlags = 'AC' | 'AD' | 'AE' | 'AF' | 'AG' | 'AI' | 'AL' | 'AM' | 'AO' | 'AQ' | 'AR' | 'AS' | 'AT' | 'AU' | 'AW' | 'AX' | 'AZ' | 'BA' | 'BB' | 'BD' | 'BE' | 'BF' | 'BG' | 'BH' | 'BI' | 'BJ' | 'BL' | 'BM' | 'BN' | 'BO' | 'BQ' | 'BR' | 'BS' | 'BT' | 'BV' | 'BW' | 'BY' | 'BZ' | 'CA' | 'CC' | 'CD' | 'CF' | 'CG' | 'CH' | 'CI' | 'CK' | 'CL' | 'CM' | 'CN' | 'CO' | 'CR' | 'CU' | 'CV' | 'CW' | 'CX' | 'CY' | 'CZ' | 'DE' | 'DJ' | 'DK' | 'DM' | 'DO' | 'DZ' | 'EC' | 'EE' | 'EG' | 'EH' | 'ER' | 'ES' | 'ET' | 'EU' | 'FI' | 'FJ' | 'FK' | 'FM' | 'FO' | 'FR' | 'GA' | 'GB' | 'GD' | 'GE' | 'GF' | 'GG' | 'GH' | 'GI' | 'GL' | 'GM' | 'GN' | 'GP' | 'GQ' | 'GR' | 'GS' | 'GT' | 'GU' | 'GW' | 'GY' | 'HK' | 'HM' | 'HN' | 'HR' | 'HT' | 'HU' | 'ID' | 'IE' | 'IL' | 'IM' | 'IN' | 'IO' | 'IQ' | 'IR' | 'IS' | 'IT' | 'JE' | 'JM' | 'JO' | 'JP' | 'KE' | 'KG' | 'KH' | 'KI' | 'KM' | 'KN' | 'KP' | 'KR' | 'KW' | 'KY' | 'KZ' | 'LA' | 'LB' | 'LC' | 'LI' | 'LK' | 'LR' | 'LS' | 'LT' | 'LU' | 'LV' | 'LY' | 'MA' | 'MC' | 'MD' | 'ME' | 'MF' | 'MG' | 'MH' | 'MK' | 'ML' | 'MM' | 'MN' | 'MO' | 'MP' | 'MQ' | 'MR' | 'MS' | 'MT' | 'MU' | 'MV' | 'MW' | 'MX' | 'MY' | 'MZ' | 'NA' | 'NC' | 'NE' | 'NF' | 'NG' | 'NI' | 'NL' | 'NO' | 'NP' | 'NR' | 'NU' | 'NZ' | 'OM' | 'PA' | 'PE' | 'PF' | 'PG' | 'PH' | 'PK' | 'PL' | 'PM' | 'PN' | 'PR' | 'PS' | 'PT' | 'PW' | 'PY' | 'QA' | 'RE' | 'RO' | 'RS' | 'RU' | 'RW' | 'SA' | 'SB' | 'SC' | 'SD' | 'SE' | 'SG' | 'SH' | 'SI' | 'SJ' | 'SK' | 'SL' | 'SM' | 'SN' | 'SO' | 'SR' | 'SS' | 'ST' | 'SV' | 'SX' | 'SY' | 'SZ' | 'TA' | 'TC' | 'TD' | 'TF' | 'TG' | 'TH' | 'TJ' | 'TK' | 'TL' | 'TM' | 'TN' | 'TO' | 'TR' | 'TT' | 'TV' | 'TW' | 'TZ' | 'UA' | 'UG' | 'UM' | 'US' | 'UY' | 'UZ' | 'VA' | 'VC' | 'VE' | 'VG' | 'VI' | 'VN' | 'VU' | 'WF' | 'WS' | 'XK' | 'YE' | 'YT' | 'ZA' | 'ZM' | 'ZW';

package/build/components/flag/flag.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-import { AvailableFlags } from './availableFLags';
-/**
- * @interface FlagStylingProps
- * @description The props of the flag component that are additionally used for styling.
- */
-export interface FlagStylingProps {
-    /**
-     * The width of the flag. Width to height - 3:2 aspect ratio.
-     */
-    width?: number;
-}
-/**
- * @interface FlagProps
- * @description Base definition of SkodaFlow Flag independent on core implementation.
- * Properties are inherited from HTML Div element and FlagStylingProps interface.
- */
-export interface FlagProps extends FlagStylingProps, React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Defines which flag to use.
-     */
-    flag: AvailableFlags;
-    /**
-     * The title of the svg flag.
-     */
-    title: string;
-}
-export declare const Flag: React.ForwardRefExoticComponent<FlagProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { AvailableFlags } from './availableFLags';
+/**
+ * @interface FlagStylingProps
+ * @description The props of the flag component that are additionally used for styling.
+ */
+export interface FlagStylingProps {
+    /**
+     * The width of the flag. Width to height - 3:2 aspect ratio.
+     */
+    width?: number;
+}
+/**
+ * @interface FlagProps
+ * @description Base definition of SkodaFlow Flag independent on core implementation.
+ * Properties are inherited from HTML Div element and FlagStylingProps interface.
+ */
+export interface FlagProps extends FlagStylingProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Defines which flag to use.
+     */
+    flag: AvailableFlags;
+    /**
+     * The title of the svg flag.
+     */
+    title: string;
+}
+export declare const Flag: React.ForwardRefExoticComponent<FlagProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/flag/flag.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"react";import r from"country-flag-icons/react/3x2";import l from"@emotion/styled";const o=({flag:t,title:e})=>i.createElement(r[t],{title:e}),a=i.forwardRef(((i,r)=>{var{flag:l,title:a,width:f=24}=i,n=t(i,["flag","title","width"]);return e(m,Object.assign({width:f},n,{ref:r,"data-testid":"Flag",children:e(o,{flag:l,title:a})}))})),m=l.div((e=>{let i={};return i={width:t(e,["theme"]).width+"px",lineHeight:"0px",display:"inline-block"},i}));export{a as Flag};
+//# sourceMappingURL=flag.js.map

package/build/components/flag/flag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":[null],"names":["DynamicFlagComponent","flag","title","React","createElement","Flags","Flag","forwardRef","_a","ref","width","props","__rest","_jsx","StyledDiv","Object","assign","children","styled","div","styles","lineHeight","display"],"mappings":"uKAgCA,MAAMA,EAAuB,EAAGC,OAAMC,WAC7BC,EAAMC,cAAcC,EAAMJ,GAAO,CAAEC,MAAOA,IAGtCI,EAAOH,EAAMI,YAAsC,CAACC,EAAuCC,KAAvC,IAAAR,KAAEA,EAAIC,MAAEA,EAAKQ,MAAEA,EAAQ,IAAEF,EAAKG,EAA9BC,EAAAJ,EAAA,CAAA,OAAA,QAAA,UAC/D,OACEK,EAACC,EAASC,OAAAC,OAAA,CAACN,MAAOA,GAAWC,EAAK,CAAEF,IAAKA,EAAG,cAAc,OAAMQ,SAC9DJ,EAACb,EAAqB,CAAAC,KAAMA,EAAMC,MAAOA,MAE3C,IAGEY,EAAYI,EAAOC,KAAuBX,IAG9C,IAAIY,EAAS,CAAA,EAOb,OANAA,EAAS,CACPV,MAL4DE,EAAAJ,EAAhB,WAK/BE,MAAQ,KACrBW,WAAY,MACZC,QAAS,gBAGJF,CAAM"}

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

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