@skodaflow/web-library 3.3.0 → 4.0.0

package/build/cjs/components/chip/chipFocusVisibleStyled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),i=require("../../design/skoda/theme.constants.js");function o(e){return e&&e.__esModule?e:{default:e}}const t=o(e).default("div")((({focusVisible:e,variant:o})=>({display:"inline-flex",borderRadius:"image"===o?6:50,transition:"none",boxShadow:e?`0 0 0 2px ${i.StylesDefinition.focusVisibleColor}`:void 0})));exports.default=t;
+//# sourceMappingURL=chipFocusVisibleStyled.js.map

package/build/cjs/components/chip/chipFocusVisibleStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ChipFocusVisibleStyled","default","styled","focusVisible","variant","display","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined"],"mappings":"2MAGA,MAAMA,OAA+BC,QAAC,MAAPC,EAAuD,EAAGC,eAAcC,cAC9F,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaM,EAAAA,iBAAiBC,yBAAsBC"}

package/build/cjs/components/chip/chipImage/chipImage.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface ChipImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * The label referenced to the text field.
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip.
+     */
+    disabled?: boolean;
+    /**
+     * Image of a chip to display.
+     */
+    component?: any;
+    /**
+     * Variant of a chip.
+     */
+    variant?: 'image' | 'multiselect';
+    /**
+     * The url of the image.
+     */
+    imageUrl: string;
+    /**
+     * The alt attribute of the image.
+     */
+    imageAlt: string;
+    /**
+     * State of the chip image. If true the chip image is checked.
+     */
+    isChecked?: boolean;
+    /**
+     * Event triggered whenever the chip image is clicked.
+     */
+    onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
+    /**
+     * Name attribute of the component.
+     */
+    name?: string;
+    /**
+     * id attribute of the component, defaults to chip-image-{current UNIX date}.
+     */
+    id?: string;
+    debug?: boolean;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const ChipImage: React.ForwardRefExoticComponent<ChipImageProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/chip/chipImage/chipImage.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/Chip"),t=require("@mui/material/styles"),l=require("../../../design/skoda/theme.constants.js"),n=require("../chipFocusVisibleStyled.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(r),d=o(i);const c=s.default.forwardRef(((i,t)=>{const{onBlur:o,children:d,label:c,disabled:p,variant:h="image",imageUrl:f,imageAlt:m,isChecked:g,onChange:x,name:b,id:y=`chip-image-${Date.now()}`,debug:v=!1}=i,[C,j]=r.useState(!1),k=r.useRef(),w=e=>{x&&x(e,!g)},q=r.useCallback((e=>{j(!1),o&&o(e)}),[o]),S=r.useCallback((e=>{k&&k.current.click()}),[]),M=r.useCallback((e=>{j(!0)}),[]),R=s.default.forwardRef(((r,i)=>{var t=e.__rest(r,["onChange"]);return a.jsxs("div",Object.assign({},t,{ref:i,children:[a.jsx("input",{ref:k,onChange:w,type:"checkbox",id:y,name:b,value:y,checked:g,readOnly:!0}),a.jsx("img",{src:f,alt:m}),a.jsx("div",{children:a.jsx("span",{children:d||c})})]}))}));return a.jsx(n.default,{focusVisible:C,variant:h,children:a.jsx(u,{ref:t,component:R,label:c,disabled:p,onClick:S,className:g?l.ClassNaming.selected:"",onFocusVisible:M,onBlur:q,variant:"filled",color:g?"primary":"default"})})})),u=t.styled(d.default)((({theme:e})=>({"& div":{width:"100%",whiteSpace:"pre-wrap"},"&.MuiChip-root":{backgroundColor:e.palette.surface.primary,borderRadius:"4px",height:"auto",width:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"11px 0 13px 0",overflow:"hidden","&:hover":{span:{color:e.palette.onSurface.os600}},"&.Mui-checked":{backgroundColor:e.palette.brand.quarternary,span:{color:e.palette.brand.primary},"&:hover":{span:{color:e.palette.brandHover.primary}}},"&.Mui-disabled":{backgroundColor:e.palette.surface.primary,span:{color:e.palette.disabled.primary}},"&:active":{boxShadow:"none"},"& > input":{display:"none"},div:{display:"flex",flexGrow:1},span:{display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"400",color:e.palette.onSurface.os800,width:"100%",padding:"0 10px"},"& img":{width:"100%",height:"68px",objectFit:"cover",marginBottom:"2px"}}})));exports.ChipImage=c;
+//# sourceMappingURL=chipImage.js.map

package/build/cjs/components/chip/chipImage/chipImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipImage.js","sources":["../../../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[null],"names":["ChipImage","React","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","debug","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","default","_a","_ref","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","ClassNaming","selected","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"6TA8DO,MAAMA,EAAYC,EAAAA,QAAMC,YAA2C,CAACC,EAAOC,KAChF,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,QAAOC,MAC/BA,GAAQ,GACNf,GACGgB,EAAgBC,GAAoBC,EAAQA,UAAC,GAC9CC,EAAqBC,EAAAA,SAErBC,EAAoBC,IACpBZ,GACFA,EAASY,GAAMb,EAChB,EAGGc,EAAiBC,eACpBC,IACCR,GAAiB,GACbf,GACFA,EAAOuB,EACR,GAEH,CAACvB,IAGGwB,EAAkBF,eAAaC,IAC/BN,GACFA,EAAmBQ,QAAQC,OAC5B,GACA,IAEGC,EAAyBL,eAAaC,IAC1CR,GAAiB,EAAK,GACrB,IAEGa,EAAiBhC,EAAKiC,QAAChC,YAC3B,CAACiC,EAA4CC,SAAlBC,EAAcC,EAAAA,OAAAH,EAAxC,cAAqD,OACpDI,OAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAjC,IAAKgC,EAC5B9B,SAAA,CAAAoC,EAAAA,IAAA,QAAA,CACEtC,IAAKkB,EACLT,SAAUW,EACVmB,KAAK,WACL5B,GAAIA,EACJD,KAAMA,EACN8B,MAAO7B,EACP8B,QAASjC,EACTkC,UAAQ,IAEVJ,EAAAA,IAAA,MAAA,CAAKK,IAAKrC,EAAUsC,IAAKrC,IACzB+B,EAAAA,IAAA,MAAA,CAAApC,SACEoC,MAAO,OAAA,CAAApC,SAAAA,GAAYC,SAGxB,IAGH,OACEmC,EAAAA,IAACO,EAAAA,QAAsB,CAACC,aAAc/B,EAAgBV,QAASA,EAAOH,SACpEoC,EAAAA,IAACS,GACC/C,IAAKA,EACLgD,UAAWnB,EACX1B,MAAOA,EACPC,SAAUA,EACV6C,QAASxB,EACTyB,UAAW1C,EAAY2C,EAAAA,YAAYC,SAAW,GAC9CC,eAAgBzB,EAChB3B,OAAQqB,EACRjB,QAAS,SACTiD,MAAO9C,EAAY,UAAY,aAGnC,IAMEuC,EAAkBQ,EAAAA,OAAOC,EAAAA,QAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQzD,SAAS2D,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/build/cjs/components/chip/chipMultiselect/multiSelectChip.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { PaperProps } from '../../menu';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface MultiSelectChipProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PaperProps, 'setIsOpen'> {
+    /**
+     * The label referenced to the text field
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip
+     */
+    disabled?: boolean;
+    /**
+     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     */
+    icon?: string;
+    /**
+     * Variant of chip defines different look and style
+     */
+    variant?: 'solid' | 'transparent' | 'shadow';
+    /**
+     * The toggle label displayed when groupToggleSelection is true. Default is "Select All".
+     */
+    toggleLabel?: string;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const MultiSelectChip: React.ForwardRefExoticComponent<MultiSelectChipProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/chip/chipMultiselect/multiSelectChip.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),r=require("@mui/material/Chip"),o=require("@mui/material/styles"),i=require("../../icon/icon.js"),n=require("../chipFocusVisibleStyled.js"),s=require("@mui/material"),l=require("../../common/menuContainer.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(a),d=c(r);const p=u.default.forwardRef(((r,o)=>{var{variant:c,label:u,disabled:d,icon:p}=r,g=e.__rest(r,["variant","label","disabled","icon"]);const[m,b]=a.useState(!1),[x,f]=a.useState(!1),[j,k]=a.useState(!1),C=a.useCallback((e=>{e.stopPropagation(),g.reactHook.setState([])}),[g.reactHook]),S=a.useMemo((()=>t.jsxs(t.Fragment,{children:[u,g.reactHook.state.length>0&&t.jsx("span",{className:"count",children:t.jsx("span",{children:g.reactHook.state.length})}),g.reactHook.state.length>0&&t.jsx(i.Icon,{color:"inherit",className:"ballotx",fontSize:"small",onClick:C})||t.jsx(i.Icon,{color:"inherit",className:"chevron-down "+(j?"isOpen":""),fontSize:"small"})]})),[j,u,C,g.reactHook.state.length]),v=a.useCallback((e=>{b(!1),g.onBlur&&g.onBlur(e)}),[g]),H=a.useCallback((()=>{k((e=>!e)),f((e=>!e))}),[]),O=a.useCallback((()=>{k(!1),f(!1)}),[]),q=a.useCallback((()=>{b(!0)}),[]);return t.jsx(t.Fragment,{children:t.jsx(s.ClickAwayListener,{onClickAway:O,children:t.jsxs("span",{children:[t.jsx("div",{children:t.jsx(n.default,{focusVisible:m,variant:c,children:t.jsx(h,{className:"shadow"===c&&"MuiChip-shadow",ref:o,variant:"filled",icon:p?t.jsx(i.Icon,{className:`${p}`}):void 0,label:S,disabled:d,onClick:H,color:x||g.reactHook.state.length?"primary":"default",onFocusVisible:q,onBlur:v,count:g.reactHook.state.length,isOpen:j})})}),t.jsx(l.default,{disabled:d,isOpen:j,items:g.items,hasIcon:g.hasIcon,multipleSelection:!0,groupToggleSelection:g.groupToggleSelection,groupLabel:g.groupLabel,reactHook:g.reactHook,width:182,marginTop:14,setIsOpen:k,toggleLabel:g.toggleLabel})]})})})})),h=o.styled(d.default,{shouldForwardProp:e=>"isOpen"!==e})((({theme:e,count:t,isOpen:a})=>{const r=e.palette;let o={"& .chevron-down":{color:"inherit",marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}},"& .ballotx":{color:"inherit"},"& .count":{color:r.onSurface.os0,borderRadius:"50%",backgroundColor:r.brand.primary,minWidth:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"700",margin:"0 8px",padding:"0 4px"}};return o=Object.assign(Object.assign({},o),{}),o}));exports.MultiSelectChip=p;
+//# sourceMappingURL=multiSelectChip.js.map

package/build/cjs/components/chip/chipMultiselect/multiSelectChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiSelectChip.js","sources":["../../../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[null],"names":["MultiSelectChip","React","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","jsx","Icon","color","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","_Fragment","Fragment","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","default","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"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"}

package/build/cjs/components/chip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chipImage/chipImage';
+export * from './regular/chip';
+export * from './chipMultiselect/multiSelectChip';
+export * from './chipDropdownChildren/chipDropdownChildren';

package/build/cjs/components/chip/regular/chip.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The label referenced to the text field
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip
+     */
+    disabled?: boolean;
+    /**
+     * Boolean to display icon
+     */
+    icon?: string;
+    /**
+     * Variant of chip defines different look and style
+     */
+    variant?: 'solid' | 'transparent' | 'shadow';
+    /**
+     * if true chips is checked
+     */
+    isSelected?: boolean;
+    /**
+     * onClick callback to handle the chip state
+     */
+    onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.
+ */
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/chip/regular/chip.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),l=require("react"),a=require("@mui/material/Chip"),r=require("@mui/material/styles"),s=require("../../icon/icon.js"),t=require("../chipFocusVisibleStyled.js");function u(e){return e&&e.__esModule?e:{default:e}}var o=u(l),c=u(a);const n=o.default.forwardRef(((a,r)=>{var{variant:u,label:o,disabled:c,isSelected:n=!1,icon:b,onClickCallback:f}=a,m=e.__rest(a,["variant","label","disabled","isSelected","icon","onClickCallback"]);const[v,C]=l.useState(!1),[h,q]=l.useState(!1);l.useEffect((()=>{q(n)}),[n]);return i.jsx(t.default,{variant:u,focusVisible:v,children:i.jsx(d,{className:"shadow"===u&&"MuiChip-shadow",variant:"filled",icon:b?i.jsx(s.Icon,{className:`${b} beforeLabel`,fontSize:"small"}):void 0,label:o,disabled:c,onClick:e=>(e=>{q(!h),f&&f(e,!h)})(e),color:h?"primary":"default",onFocusVisible:()=>C(!0),onBlur:e=>{C(!1),m.onBlur&&m.onBlur(e)}})})})),d=r.styled(c.default)``;exports.Chip=n;
+//# sourceMappingURL=chip.js.map

package/build/cjs/components/chip/regular/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[null],"names":["Chip","React","forwardRef","_a","ref","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","children","ChipStyled","className","Icon","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"uSAgDO,MAAMA,EAAOC,EAAAA,QAAMC,YACxB,CAACC,EAAmFC,KAAnF,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,WAAEA,GAAa,EAAOC,KAAAA,EAAIC,gBAAEA,GAAeP,EAAKQ,EAAKC,SAAAT,EAA/E,sEACC,MAAOU,EAAeC,GAAmBC,EAAQA,UAAC,IAC3CC,EAAUC,GAAeF,EAAQA,UAAC,GACzCG,EAAAA,WAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,MAACC,EAAAA,QAAsB,CAACf,QAASA,EAASgB,aAAcR,EACtDS,SAAAH,EAAAA,IAACI,EACC,CAAAC,UAAuB,WAAZnB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,MAACM,EAAAA,KAAI,CAACD,UAAW,GAAGf,gBAAoBiB,SAAS,eAAaC,EAC3ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAoBjC,IAOAN,EAAaW,EAAMA,OAACC,UAA0E"}

package/build/cjs/components/closeDialogButton/index.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonProps } from '@mui/material';
+export type CloseDialogButtonProps = Omit<IconButtonProps, 'children'>;
+export declare const CloseDialogButton: (props: CloseDialogButtonProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/closeDialogButton/index.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),r=require("../icon/icon.js");exports.CloseDialogButton=s=>e.jsx(i.IconButton,Object.assign({size:"small",color:"inherit"},s,{children:e.jsx(r.Icon,{className:"ballotx",fontSize:"medium"})}));
+//# sourceMappingURL=index.js.map

package/build/cjs/components/closeDialogButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":[null],"names":["props","_jsx","jsx","IconButton","Object","assign","size","color","children","Icon","className","fontSize"],"mappings":"kIAMkCA,GAE9BC,EAACC,IAAAC,aAAWC,OAAAC,OAAA,CAAAC,KAAK,QAAQC,MAAM,WAAcP,EAC3C,CAAAQ,SAAAP,EAAAA,IAACQ,EAAIA,KAAA,CAACC,UAAU,UAAUC,SAAS"}

package/build/cjs/components/common/helperText.d.ts

@@ -0,0 +1,20 @@
+export interface HelperTextProps {
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
+     */
+    maxChars?: number;
+    /**
+     * Current value of the helper text.
+     */
+    currentValue: string;
+    /**
+     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
+     */
+    type?: 'number' | 'text';
+}
+declare const HelperText: ({ helpText, maxChars, currentValue, type }: HelperTextProps) => import("react/jsx-runtime").JSX.Element;
+export default HelperText;

package/build/cjs/components/common/helperText.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../helperTextContent/index.js");exports.default=({helpText:r,maxChars:n,currentValue:x,type:u})=>e.jsx(t.HelperTextContent,{textLeft:r,textRight:"number"!==u&&n&&n>0?`${x.toString().length}/${n}`:void 0});
+//# sourceMappingURL=helperText.js.map

package/build/cjs/components/common/helperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperText.js","sources":["../../../../../src/components/common/helperText.tsx"],"sourcesContent":[null],"names":["helpText","maxChars","currentValue","type","_jsx","jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"kKAsBmB,EAAGA,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,IAAAC,oBACC,CAAAC,SAAUP,EACVQ,UACW,WAATL,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaO,WAAWC,UAAUT,SAAaU"}

package/build/cjs/components/common/hook/backdrop.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const useBackdrop: () => {
+    openBackdrop: boolean;
+    setOpenBackdrop: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    handleCloseBackdrop: () => void;
+    handleOpenBackdrop: () => void;
+    handleToggleBackdrop: () => void;
+};
+export default useBackdrop;

package/build/cjs/components/common/hook/backdrop.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=()=>{const[r,a]=e.useState(!1);return{openBackdrop:r,setOpenBackdrop:a,handleCloseBackdrop:()=>{a(!1)},handleOpenBackdrop:()=>{a(!0)},handleToggleBackdrop:()=>{a(!r)}}};
+//# sourceMappingURL=backdrop.js.map

package/build/cjs/components/common/hook/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sources":["../../../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":[null],"names":["openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"2GAEoB,KAClB,MAAOA,EAAcC,GAAmBC,EAAQA,UAAC,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}

package/build/cjs/components/common/hook/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+export default function useWindowSize(): {
+    width: number;
+    height: number;
+    isMobile: boolean;
+};

package/build/cjs/components/common/hook/useWindowSize.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("../../../design/skoda/components/breakpoints.theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var t=n(e);exports.default=function(){const e="undefined"!=typeof window,[n,r]=t.default.useState({width:e?1440:window.innerWidth,height:e?800:window.innerHeight,isMobile:!1});function d(){r({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.customBreakpoints.values.md})}return t.default.useEffect((()=>(d(),window.addEventListener("resize",d),()=>{d(),window.removeEventListener("resize",d)})),[]),n};
+//# sourceMappingURL=useWindowSize.js.map

package/build/cjs/components/common/hook/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","sources":["../../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":[null],"names":["isSSR","window","windowSize","setWindowSize","React","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","default","useEffect","addEventListener","removeEventListener"],"mappings":"4OAGc,WACZ,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAAA,QAAMC,SAAS,CACjDC,MAAON,EAAQ,KAAOC,OAAOM,WAC7BC,OAAQR,EAAQ,IAAMC,OAAOQ,YAC7BC,UAAU,IAGZ,SAASC,IACPR,EAAc,CACZG,MAAOL,OAAOM,WACdC,OAAQP,OAAOQ,YACfC,SAAUT,OAAOM,WAAaK,EAAAA,kBAAkBC,OAAW,IAE9D,CAYD,OAVAT,EAAKU,QAACC,WAAU,KACdJ,IACAV,OAAOe,iBAAiB,SAAUL,GAE3B,KACLA,IACAV,OAAOgB,oBAAoB,SAAUN,EAAiB,IAEvD,IAEIT,CACT"}

package/build/cjs/components/common/imageComponent.d.ts

@@ -0,0 +1,24 @@
+interface ImageComponentProps {
+    /**
+     * The source of the image.
+     */
+    image: string;
+    /**
+     * The alt description of the image.
+     */
+    alt?: string;
+    /**
+     * The height of the image.
+     */
+    height?: string;
+    /**
+     * The width of the image.
+     */
+    width?: string;
+    /**
+     * The source of the onError image.
+     */
+    fallbackImage?: string;
+}
+declare const ImageComponent: ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageComponent;

package/build/cjs/components/common/imageComponent.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.default=({image:r,alt:a,fallbackImage:s,height:i,width:l})=>{const[u,c]=t.useState(!1),o=t.useCallback((()=>c(!0)),[]);return u?e.jsx("img",{src:s,alt:a}):e.jsx("img",{src:r,height:i,width:l,alt:a,onError:o})};
+//# sourceMappingURL=imageComponent.js.map

package/build/cjs/components/common/imageComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageComponent.js","sources":["../../../../../src/components/common/imageComponent.tsx"],"sourcesContent":[null],"names":["image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","jsx","onError"],"mappings":"0IAwBuB,EAAGA,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GAEnCC,EAAgBC,EAAAA,aAAY,IAAMH,GAAY,IAAO,IAE3D,OAAKD,EAGIK,EAAAA,IAAA,MAAA,CAAKC,IAAKT,EAAeD,IAAKA,IAF9BS,EAAAE,IAAA,MAAA,CAAKD,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKY,QAASL,GAG1E"}

package/build/cjs/components/common/index.d.ts

@@ -0,0 +1 @@
+export { default as ImageComponent } from './imageComponent';

package/build/cjs/components/common/interface/textInputInterface.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+/**
+ * @interface TextInputProps
+ * @description Base definition of SkodaFlow TextArea and TextInput independent on core implementation.
+ * Properties are inherited from HTML input element
+ * @returns React Functional Component
+ */
+export interface TextInputProps {
+    /**
+     * The label referenced to the text area field
+     */
+    label?: string;
+    /**
+     * The placeholder referenced with TextField element
+     */
+    placeholder?: string;
+    /**
+     * Show the "white" background or not
+     */
+    hideBg?: boolean;
+    /**
+     * The value referenced with the text area element
+     */
+    value?: string;
+    /**
+     * Disabled, not clickable
+     */
+    disabled?: boolean;
+    /**
+     * If TextArea required field in form
+     */
+    required?: boolean;
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
+     */
+    maxChars?: number;
+    /**
+     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     */
+    icon?: string;
+    /**
+     *Boolean to check if the input returns an error or not
+     */
+    hasError?: boolean;
+    /**
+     *name of the input element
+     */
+    name?: string;
+    /**
+     *id of the input element
+     */
+    id?: string;
+    /**
+     *classes for FormControl component
+     */
+    classes?: unknown;
+    /**
+     *Props for the Input element
+     */
+    InputProps?: any;
+    /**
+     *Textarea HTML element height.
+     */
+    textAreaHeight?: number;
+    /**
+     *set the full width for the select input
+     */
+    fullWidth?: boolean;
+    /**
+     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
+     */
+    type?: 'number' | 'text';
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * Callback fired when the component is blurred.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * Callback fired when the component get focussed.
+     */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * list of chars that wont be accepted as input values.
+     */
+    excludeChars?: string[];
+    onKeyDownCallback?: (event?: any) => void;
+}

package/build/cjs/components/common/menuContainer.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { MenuReactUseStateHook, MenuItems } from '../menu';
+export interface MenuContainerProps {
+    disabled?: boolean;
+    items?: MenuItems;
+    hasIcon?: boolean;
+    multipleSelection?: boolean;
+    groupLabel?: string;
+    reactHook?: MenuReactUseStateHook;
+    groupToggleSelection?: boolean;
+    isOpen?: boolean;
+    marginTop?: number;
+    width?: number;
+    fullWidth?: boolean;
+    setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    isEmptyMenu?: boolean;
+    toggleLabel?: string;
+    children?: React.ReactNode;
+}
+declare const MenuContainer: React.FC<MenuContainerProps>;
+export default MenuContainer;

package/build/cjs/components/common/menuContainer.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@emotion/styled"),s=require("../menu/menu.js"),n=require("./menuEmpty.js");function r(e){return e&&e.__esModule?e:{default:e}}const l=r(t).default.div((i=>{var t=e.__rest(i,["theme"]);let s={};return s={width:t.width,marginTop:t.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},s=t.isOpen&&!t.disabled?Object.assign(Object.assign({},s),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},s),{visibility:"hidden",opacity:"0%"}),s}));exports.default=t=>{var{setIsOpen:r,isEmptyMenu:o}=t,a=e.__rest(t,["setIsOpen","isEmptyMenu"]);return i.jsx(l,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:o?i.jsx(n.MenuEmpty,{children:a.children}):i.jsx(s.Menu,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:r,toggleLabel:a.toggleLabel})})};
+//# sourceMappingURL=menuContainer.js.map

package/build/cjs/components/common/menuContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":[null],"names":["StyledDiv","default","div","_a","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"mQAuBA,MA0BMA,OAAyBC,QAACC,KAK5BC,IAAA,IAAYC,EAAIC,EAAAA,OAAAF,EAAhB,WACF,IAAIG,EAAS,CAAA,EAiBb,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,CAAM,oBAjDsCH,QAAAgB,UAAEA,EAASC,YAAEA,GAAWjB,EAAKkB,EAAKhB,EAAAA,OAAAF,EAAlC,6BACnD,OACEmB,EAACC,IAAAvB,EACC,CAAAQ,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,EAAMG,UAAY,OAASH,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,SAEfW,SAAAL,EACCE,EAACC,IAAAG,EAASA,UAAE,CAAAD,SAAAJ,EAAMI,WAElBH,EAAAC,IAACI,EAAIA,KAAA,CACHC,MAAOP,EAAMO,MACbC,QAASR,EAAMQ,QACfC,kBAAmBT,EAAMS,kBACzBC,qBAAsBV,EAAMU,qBAC5BC,WAAYX,EAAMW,WAClBC,UAAWZ,EAAMY,UACjBd,UAAWA,EACXe,YAAab,EAAMa,eAIzB"}

package/build/cjs/components/common/menuEmpty.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * @interface MenuEmtpyProps
+ * @description Base definition of SkodaFlow Menu independent on core implementation.
+ * Properties are inherited from HTML Div element
+ */
+export interface MenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * @description SkodaFlow Menu component.
+ * Properties are inherited from HTML Div element.
+ * @param props PaperProps
+ * @returns React Functional Component
+ */
+export declare const MenuEmpty: React.ForwardRefExoticComponent<MenuEmptyProps & React.RefAttributes<HTMLDivElement>>;
+export default MenuEmpty;

package/build/cjs/components/common/menuEmpty.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),u=require("@mui/material/styles"),i=require("@mui/material/Paper");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(t),n=s(i);const l=a.default.forwardRef(((t,u)=>{var i=e.__rest(t,[]);return r.jsx(d,Object.assign({},i,{ref:u,children:i.children}))})),d=u.styled(n.default)((r=>{e.__rest(r,["theme"]);let t={};return t=Object.assign(Object.assign({},t),{"& .MuiMenuItem-root":{height:"48px",padding:"0px 24px"}}),t}));exports.MenuEmpty=l,exports.default=l;
+//# sourceMappingURL=menuEmpty.js.map

package/build/cjs/components/common/menuEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuEmpty.js","sources":["../../../../../src/components/common/menuEmpty.tsx"],"sourcesContent":[null],"names":["MenuEmpty","React","forwardRef","_a","ref","props","__rest","_jsx","jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"qRAiBO,MAAMA,EAAYC,EAAAA,QAAMC,YAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACzE,OACEI,EAAAC,IAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKN,EAAO,CAAAD,IAAKA,WAC1BC,EAAMO,WAET,IAKEH,EAAcI,EAAMA,OAACC,UAAPD,EAA2BV,IAAiBG,SAAAH,EAAjB,WAC7C,IAAIY,EAAS,CAAA,EASb,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}

package/build/cjs/components/common/resizableSliderInput.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface ResizableSliderInputInterface {
+    value: string | number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;
+    id?: string;
+    disabled?: boolean;
+    textDescription?: string;
+    labelText?: string;
+    className?: string;
+    thumb?: number;
+    isCurrencyInFront?: boolean;
+    thousandsSeparator?: '.' | ',' | ' ';
+    decimalSeparator?: '.' | ',';
+    hiddenDecimalSeparator?: boolean;
+}
+declare const ResizableSliderInput: ({ value: values, onChange, onBlur, isCurrencyInFront, textDescription, labelText, className, id, thumb, disabled, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator, }: ResizableSliderInputInterface) => import("react/jsx-runtime").JSX.Element;
+export default ResizableSliderInput;

package/build/cjs/components/common/resizableSliderInput.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");const a=require("@mui/material/styles").styled("div",{shouldForwardProp:e=>"isCurrencyInFront"!==e})((({theme:e,isCurrencyInFront:r})=>({background:e.palette.surface.primary,display:"inline-block",padding:"4px 12px",borderRadius:"4px",minWidth:"60px","& span, label, input":{fontWeight:500},"& span, input":{fontSize:"14px",color:e.palette.onSurface.os700},"& > div":{display:"inline-flex",flexDirection:r?"row":"row-reverse","& > input":{paddingTop:"2px"},"& > span":{paddingRight:r?"2px":"0px"}}})));exports.default=({value:t,onChange:l,onBlur:n,isCurrencyInFront:i,textDescription:s="",labelText:u="",className:d="",id:o="",thumb:c=-1,disabled:p=!1,thousandsSeparator:h=".",decimalSeparator:x=".",hiddenDecimalSeparator:g})=>{const[b,m]=r.useState(0),[f,y]=r.useState(!0),[C,k]=r.useState("light"),v=r.useRef(null),F=r.useCallback((e=>{m((()=>2)),y((()=>!1)),l(e,c)}),[l,c]),S=r.useCallback((()=>{m((e=>e+1)),y((()=>!1)),k("dark")}),[]),j=r.useCallback((e=>{m((()=>0)),y((()=>!0)),k("light"),null==n||n(e,c)}),[]),w=r.useCallback((e=>g?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,h):e.toFixed(2).replace(".",x).replace(/\B(?=(\d{3})+(?!\d))/g,h)),[x,g,h]),B=r.useCallback((()=>1===b?"":f&&-1===t?w(0):f?w(+t):-1!==t?t:""),[b,w,f,t]);return r.useEffect((()=>{(t<=0||!t)&&(v.current.style.width="4ch"),v.current.style.width=g?w(+t).length+1+"ch":w(+t).length+"ch"}),[b,w,B,g,t]),e.jsxs(a,{className:"single-value-input",isCurrencyInFront:i,background:C,onMouseEnter:()=>{k("dark")},onMouseLeave:()=>{f&&k("light")},children:[e.jsx("label",{htmlFor:o,children:u}),e.jsxs("div",{children:[s&&e.jsxs("span",{children:[s," "]}),e.jsx("input",{id:o,ref:v,value:B(),onBlur:j,onClick:S,onChange:F,className:d,disabled:p})]})]})};
+//# sourceMappingURL=resizableSliderInput.js.map

package/build/cjs/components/common/resizableSliderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizableSliderInput.js","sources":["../../../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":[null],"names":["SliderValuesStyled","styled","shouldForwardProp","prop","theme","isCurrencyInFront","background","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight","value","values","onChange","onBlur","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","jsxs","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","jsx","ref","onClick"],"mappings":"0HAmBM,MAsGAA,kCAA2BC,OAAC,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAOC,wBACrE,CACLC,WAAYF,EAAMG,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOZ,EAAMG,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAed,EAAoB,MAAQ,cAC3C,YAAa,CACXe,WAAY,OAEd,WAAY,CACVC,aAAchB,EAAoB,MAAQ,4BA7HrB,EAC3BiB,MAAOC,EACPC,WACAC,SACApB,oBACAqB,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAQA,SAAC,IAC1CC,EAAWC,GAAgBF,EAAQA,UAAC,IACpC/B,EAAYkC,GAAiBH,EAAQA,SAAC,SAEvCI,EAAWC,SAAgC,MAE3CC,EAAkBC,eACrBC,IACCT,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBf,EAASqB,EAAGf,EAAM,GAEpB,CAACN,EAAUM,IAGPgB,EAAiBF,EAAAA,aAAY,KACjCR,GAAiBW,GAASA,EAAO,IACjCR,GAAa,KAAM,IACnBC,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,eAAaC,IAC5ET,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBC,EAAc,SACdf,SAAAA,EAASoB,EAAGf,EAAM,GACjB,IAEGmB,EAAqBL,eACxBM,GACKhB,EAA+BgB,EAAIC,UAAUC,QAAQ,wBAAyBpB,GAC3EkB,EACJC,QAAQ,GACRC,QAAQ,IAAKnB,GACbmB,QAAQ,wBAAyBpB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCqB,EAAgBT,EAAAA,aAAY,IACX,IAAjBT,EAA2B,GAC3BG,IAAyB,IAAZf,EAAsB0B,EAAmB,GACtDX,EAAkBW,GAAoB1B,IACvB,IAAZA,EAAgBA,EAAS,IAC/B,CAACY,EAAcc,EAAoBX,EAAWf,IAkBjD,OARA+B,EAAAA,WAAU,MAGJ/B,GAAU,IAAMA,KAAQkB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CvB,EAAuDe,GAAoB1B,GAAQmC,OAAS,EAAI,KAChET,GAAoB1B,GAAQmC,OAAS,IAAI,GAC5E,CAACvB,EAAcc,EAAoBI,EAAenB,EAAwBX,IAG3EoC,EAACC,KAAA5D,EACC,CAAA4B,UAAU,qBACVvB,kBAAmBA,EACnBC,WAAYA,EACZuD,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BxB,GAAaE,EAAc,QAAQ,EAmBjCuB,SAAA,CAAAC,EAAAA,IAAA,QAAA,CAAOC,QAASpC,EAAKkC,SAAApC,IACrBgC,EAAAA,KAAA,MAAA,CAAAI,SAAA,CACGrC,GAAmBiC,EAAAA,uBAAOjC,EAAe,OAC1CsC,EAAAE,IAAA,QAAA,CACErC,GAAIA,EACJsC,IAAK1B,EACLnB,MAAO+B,IACP5B,OAAQuB,EACRoB,QAAStB,EACTtB,SAAUmB,EACVf,UAAWA,EACXG,SAAUA,SAIhB"}

package/build/cjs/components/common/styled/buttonFocusVisibleStyled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    focusVisible: boolean;
+    isNavigationVariant: boolean;
+    fullWidth?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default ButtonFocusVisibleStyled;

package/build/cjs/components/common/styled/buttonFocusVisibleStyled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),i=require("../../../design/skoda/theme.constants.js");function t(e){return e&&e.__esModule?e:{default:e}}const o=t(e).default("div")((({focusVisible:e,isNavigationVariant:t,fullWidth:o})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:e?`0 0 0 2px ${i.StylesDefinition.focusVisibleColor}`:void 0,width:o?"100%":null})));exports.default=o;
+//# sourceMappingURL=buttonFocusVisibleStyled.js.map

package/build/cjs/components/common/styled/buttonFocusVisibleStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ButtonFocusVisibleStyled","default","styled","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined","width"],"mappings":"8MAGA,MAAMA,OAAiCC,QAAC,MAAPC,EAI9B,EAAGC,eAAcC,sBAAqBC,gBAChC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaQ,EAAAA,iBAAiBC,yBAAsBC,EAC9EC,MAAOT,EAAY,OAAS"}

package/build/cjs/components/common/styled/formControlLabelStyled.d.ts

@@ -0,0 +1,8 @@
+import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';
+declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    error?: boolean;
+    theme?: any;
+}, {}, {}>;
+export default FormControlLabelStyled;

package/build/cjs/components/common/styled/formControlLabelStyled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("@emotion/styled"),t=require("@mui/material/FormControlLabel");function o(e){return e&&e.__esModule?e:{default:e}}var l=o(r),u=o(t);const a=l.default(u.default,{shouldForwardProp:e=>"error"!==e})((r=>{var{theme:t,error:o}=r;return e.__rest(r,["theme","error"]),{color:o?t.palette.alert.main:void 0}}));exports.default=a;
+//# sourceMappingURL=formControlLabelStyled.js.map

package/build/cjs/components/common/styled/formControlLabelStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":[null],"names":["FormControlLabelStyled","styled","default","MuiFormControlLabel","shouldForwardProp","prop","_a","theme","error","__rest","color","palette","alert","undefined"],"mappings":"yOAGA,MAAMA,EAAyBC,EAAMC,QAACC,UAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAJ,EAEkCK,QAAAC,MAAEA,EAAKC,MAAEA,GAAKF,EAC7E,OADuFG,EAAAA,OAAAH,EAAxB,mBACxD,CACLI,MAAOF,EAAQD,EAAMI,QAAQC,MAAY,UAAIC,EAC9C"}

package/build/cjs/components/common/styled/helperTextContainerStyled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    theme?: any;
+    disabled?: boolean;
+    hasError?: boolean;
+    maxChars?: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default HelperTextContainerStyled;

package/build/cjs/components/common/styled/sliderValuesStyled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    theme?: any;
+    disabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default SliderValuesStyled;

package/build/cjs/components/common/styled/sliderValuesStyled.js

@@ -0,0 +1,2 @@
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled")).default("div")((({theme:e,disabled:t})=>{const o=e.palette.disabled.primary;return{color:t?o:e.palette.onSurface.os700,fontSize:"14px",fontWeight:"normal",lineHeight:"20px","& input":{outline:"none",border:"0px",background:"transparent",color:t?o:e.palette.onSurface.os700,paddingTop:"0 !important"},"& span":{color:t?o:e.palette.onSurface.os700},"& .range-values":{display:"flex","& .middle-side":{flexGrow:1}},"& label":{display:"block",color:t?o:e.palette.onSurface.os500,fontSize:"12px",lineHeight:"16px"}}}));exports.default=t;
+//# sourceMappingURL=sliderValuesStyled.js.map

package/build/cjs/components/common/styled/sliderValuesStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderValuesStyled.js","sources":["../../../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":[null],"names":["SliderValuesStyled","default","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"uHAEA,MAAMA,gCAA2BC,QAAC,MAAPC,EAAmD,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEf"}

package/build/cjs/components/common/styled/textFieldStyled.d.ts

@@ -0,0 +1,16 @@
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
+/**
+ * @description TextInput styling definition based on props
+ */
+declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material/TextField").TextFieldVariants;
+} & Omit<import("@mui/material/TextField").StandardTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & (MuiTextFieldProps & {
+    isSelect?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    hideBg?: boolean;
+    icon?: string;
+    focused?: boolean;
+    hovered?: boolean;
+}), {}, {}>;
+export default TextFieldStyled;