@skodaflow/web-library 3.3.0 → 4.0.0

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

@@ -1,96 +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?: {};
-    /**
-     *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;
-}
+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/components/common/menuContainer.d.ts

@@ -1,20 +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;
-}
-declare const MenuContainer: React.FC<MenuContainerProps>;
-export default MenuContainer;
+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/components/common/menuContainer.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":[null],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","emotionStyled","div","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"wLAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,EACC,CAAAC,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,SAEfC,SAAAV,EACCG,EAACQ,EAAW,CAAAD,SAAAT,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAIzB,EAGEf,EAAYgB,EAAcC,KAK5BvB,IAAA,IAAYwB,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,CAAA,EAiBb,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}

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

@@ -1,16 +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;
+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/components/common/menuEmpty.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import e from"react";import{styled as i}from"@mui/material/styles";import m from"@mui/material/Paper";const a=e.forwardRef(((e,i)=>{var m=r(e,[]);return t(o,Object.assign({},m,{ref:i,children:m.children}))})),o=i(m)((t=>{r(t,["theme"]);let e={};return e=Object.assign(Object.assign({},e),{"& .MuiMenuItem-root":{height:"48px",padding:"0px 24px"}}),e}));export{a as MenuEmpty,a as default};
+//# sourceMappingURL=menuEmpty.js.map

package/build/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","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"6KAiBO,MAAMA,EAAYC,EAAMC,YAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACzE,OACEI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAD,IAAKA,WAC1BC,EAAMM,WAET,IAKEH,EAAcI,EAAOC,EAAPD,EAA2BT,IAAiBG,EAAAH,EAAjB,WAC7C,IAAIW,EAAS,CAAA,EASb,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}

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

@@ -1,17 +1,18 @@
-import React from 'react';
-export interface ResizableSliderInputInterface {
-    value: string | number;
-    onChange: (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, isCurrencyInFront, textDescription, labelText, className, id, thumb, disabled, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator, }: ResizableSliderInputInterface) => React.JSX.Element;
-export default ResizableSliderInput;
+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/components/common/resizableSliderInput.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as n,useRef as i,useCallback as t,useEffect as a}from"react";import{styled as l}from"@mui/material/styles";const o=({value:l,onChange:o,onBlur:p,isCurrencyInFront:s,textDescription:c="",labelText:u="",className:h="",id:m="",thumb:g=-1,disabled:x=!1,thousandsSeparator:f=".",decimalSeparator:b=".",hiddenDecimalSeparator:y})=>{const[v,F]=n(0),[C,k]=n(!0),[w,S]=n("light"),B=i(null),I=t((e=>{F((()=>2)),k((()=>!1)),o(e,g)}),[o,g]),D=t((()=>{F((e=>e+1)),k((()=>!1)),S("dark")}),[]),N=t((e=>{F((()=>0)),k((()=>!0)),S("light"),null==p||p(e,g)}),[]),M=t((e=>y?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,f):e.toFixed(2).replace(".",b).replace(/\B(?=(\d{3})+(?!\d))/g,f)),[b,y,f]),R=t((()=>1===v?"":C&&-1===l?M(0):C?M(+l):-1!==l?l:""),[v,M,C,l]);return a((()=>{(l<=0||!l)&&(B.current.style.width="4ch"),B.current.style.width=y?M(+l).length+1+"ch":M(+l).length+"ch"}),[v,M,R,y,l]),e(d,{className:"single-value-input",isCurrencyInFront:s,background:w,onMouseEnter:()=>{S("dark")},onMouseLeave:()=>{C&&S("light")},children:[r("label",{htmlFor:m,children:u}),e("div",{children:[c&&e("span",{children:[c," "]}),r("input",{id:m,ref:B,value:R(),onBlur:N,onClick:D,onChange:I,className:h,disabled:x})]})]})},d=l("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"}}})));export{o as default};
+//# sourceMappingURL=resizableSliderInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":[null],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"6KAmBM,MAAAA,EAAuB,EAC3BC,MAAOC,EACPC,WACAC,SACAC,oBACAC,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SAEvCK,EAAWC,EAAgC,MAE3CC,EAAkBC,GACrBC,IACCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GAEpB,CAACP,EAAUO,IAGPiB,EAAiBF,GAAY,KACjCT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,GAAaC,IAC5EV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAAA,EAASsB,EAAGhB,EAAM,GACjB,IAEGoB,EAAqBL,GACxBM,GACKjB,EAA+BiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GAC3EmB,EACJC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCsB,EAAgBT,GAAY,IACX,IAAjBV,EAA2B,GAC3BG,IAAyB,IAAZhB,EAAsB4B,EAAmB,GACtDZ,EAAkBY,GAAoB5B,IACvB,IAAZA,EAAgBA,EAAS,IAC/B,CAACa,EAAce,EAAoBZ,EAAWhB,IAkBjD,OARAiC,GAAU,MAGJjC,GAAU,IAAMA,KAAQoB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CxB,EAAuDgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAChET,GAAoB5B,GAAQqC,OAAS,IAAI,GAC5E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IAG3EsC,EAACC,EACC,CAAAjC,UAAU,qBACVH,kBAAmBA,EACnBe,WAAYA,EACZsB,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BzB,GAAaG,EAAc,QAAQ,EAmBjCuB,SAAA,CAAAC,EAAA,QAAA,CAAOC,QAASrC,EAAKmC,SAAArC,IACrBiC,EAAA,MAAA,CAAAI,SAAA,CACGtC,GAAmBkC,oBAAOlC,EAAe,OAC1CuC,EAAA,QAAA,CACEpC,GAAIA,EACJsC,IAAKzB,EACLrB,MAAOiC,IACP9B,OAAQyB,EACRmB,QAASrB,EACTxB,SAAUqB,EACVhB,UAAWA,EACXG,SAAUA,SAIhB,EAEE8B,EAAqBQ,EAAO,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAO/C,wBACrE,CACLe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACX6D,WAAY,OAEd,WAAY,CACVC,aAAc9D,EAAoB,MAAQ"}

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

@@ -1,10 +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;
+/// <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/components/common/styled/buttonFocusVisibleStyled.js

@@ -0,0 +1,2 @@
+import i from"@emotion/styled";import{StylesDefinition as o}from"../../../design/skoda/theme.constants.js";const s=i("div")((({focusVisible:i,isNavigationVariant:s,fullWidth:t})=>({display:"inline-flex",padding:1,borderRadius:s?4:50,transition:"none",boxShadow:i?`0 0 0 2px ${o.focusVisibleColor}`:void 0,width:t?"100%":null})));export{s as default};
+//# sourceMappingURL=buttonFocusVisibleStyled.js.map

package/build/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","styled","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined","width"],"mappings":"2GAGA,MAAMA,EAA2BC,EAAO,MAAPA,EAI9B,EAAGC,eAAcC,sBAAqBC,gBAChC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaQ,EAAiBC,yBAAsBC,EAC9EC,MAAOT,EAAY,OAAS"}

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

@@ -1,8 +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;
+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/components/common/styled/formControlLabelStyled.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import o from"@emotion/styled";import e from"@mui/material/FormControlLabel";const t=o(e,{shouldForwardProp:r=>"error"!==r})((o=>{var{theme:e,error:t}=o;return r(o,["theme","error"]),{color:t?e.palette.alert.main:void 0}}));export{t as default};
+//# sourceMappingURL=formControlLabelStyled.js.map

package/build/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","MuiFormControlLabel","shouldForwardProp","prop","_a","theme","error","__rest","color","palette","alert","undefined"],"mappings":"4GAGA,MAAMA,EAAyBC,EAAOC,EAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEkCI,QAAAC,MAAEA,EAAKC,MAAEA,GAAKF,EAC7E,OADuFG,EAAAH,EAAxB,mBACxD,CACLI,MAAOF,EAAQD,EAAMI,QAAQC,MAAY,UAAIC,EAC9C"}

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

@@ -1,11 +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;
+/// <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/components/common/styled/sliderValuesStyled.d.ts

@@ -1,9 +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;
+/// <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/components/common/styled/sliderValuesStyled.js

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

package/build/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","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"+BAEA,MAAMA,EAAqBC,EAAO,MAAPA,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/components/common/styled/textFieldStyled.d.ts

@@ -1,15 +1,16 @@
-/**
- * @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").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ((import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps) & {
-    isSelect?: boolean;
-    disabled?: boolean;
-    hasError?: boolean;
-    hideBg?: boolean;
-    icon?: string;
-    focused?: boolean;
-    hovered?: boolean;
-}), {}, {}>;
-export default TextFieldStyled;
+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;

package/build/components/common/styled/textFieldStyled.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import e from"@mui/material/TextField";import{styled as r}from"@mui/material/styles";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const i=r(e,{shouldForwardProp:t=>"helpText"!==t&&"maxChars"!==t&&"hideBg"!==t&&"hasError"!==t&&"hovered"!==t&&"textAreaHeight"!==t})((e=>{var r=t(e,["theme"]);let i={};return i={},r.focused&&(i=Object.assign({},i)),r.error&&(i=Object.assign({},i)),r.icon&&(i=Object.assign({},i)),r.icon&&!r.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-underline":Object.assign(Object.assign({},i["& .MuiInput-underline"]),{"&:after":{bottom:"0px"},"&.Mui-error":{"&:after":{borderBottomColor:o.alert.main}}}),"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{marginTop:0,height:"inherit",transform:"translateY(0px)","& input":{marginTop:"20px"},"& .MuiIcon-root":{top:"0px !important"},"&:before":{bottom:"0px"}})})),r.icon&&r.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{"& .MuiIcon-root":{top:"-4px !important","&.Mui-error":{"&:after":{borderBottomColor:o.alert.main}}}})})),r.disabled&&(i=Object.assign({},i)),i}));export{i as default};
+//# sourceMappingURL=textFieldStyled.js.map

package/build/components/common/styled/textFieldStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textFieldStyled.js","sources":["../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":[null],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","flowColors","alert","marginTop","height","transform","top","disabled"],"mappings":"wLAMA,MAAMA,EAAkBC,EAAOC,EAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,EAkBrBI,IAAA,IAAYC,EAAKC,EAAAF,EAAjB,WACD,IAAIG,EAAS,CAAA,EA4Eb,OA3EAA,EAAS,GAMLF,EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,0BACV,CAAA,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBC,EAAWC,MAAY,SAIhD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,qBACV,CAAA,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBC,EAAWC,MAAY,aAQlDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA,CAAM"}

package/build/components/common/textInputHelperText.d.ts

@@ -1,30 +1,29 @@
-import React from 'react';
-export interface HelperTextProps {
-    /**
-     * Disabled, not clickable
-     */
-    disabled?: 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;
-    /**
-     *Boolean to check if the input returns an error or not
-     */
-    hasError?: boolean;
-    /**
-     * 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';
-    width?: string;
-}
-declare const TextInputHelperText: ({ disabled, hasError, helpText, maxChars, currentValue, type, width }: HelperTextProps) => React.JSX.Element;
-export default TextInputHelperText;
+export interface HelperTextProps {
+    /**
+     * Disabled, not clickable
+     */
+    disabled?: 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;
+    /**
+     *Boolean to check if the input returns an error or not
+     */
+    hasError?: boolean;
+    /**
+     * 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';
+    width?: string;
+}
+declare const TextInputHelperText: ({ disabled, hasError, helpText, maxChars, currentValue, type, width, }: HelperTextProps) => import("react/jsx-runtime").JSX.Element;
+export default TextInputHelperText;

package/build/components/common/type/ButtonVariant.d.ts

@@ -1 +1 @@
-export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'tertiary' | 'navigation';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'tertiary' | 'navigation';