@skodaflow/web-library 3.3.0 → 4.0.0

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@mui/material/TextField"),r=require("@mui/material/styles"),o=require("../../../design/skoda/palette.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(t);const a=r.styled(s.default,{shouldForwardProp:e=>"helpText"!==e&&"maxChars"!==e&&"hideBg"!==e&&"hasError"!==e&&"hovered"!==e&&"textAreaHeight"!==e})((t=>{var r=e.__rest(t,["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.flowColors.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.flowColors.alert.main}}}})})),r.disabled&&(i=Object.assign({},i)),i}));exports.default=a;
+//# sourceMappingURL=textFieldStyled.js.map

package/build/cjs/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":"oRAMA,MAAMA,EAAkBC,EAAMA,OAACC,UAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,EAkBrBI,IAAA,IAAYC,EAAKC,EAAAA,OAAAF,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,EAAAA,WAAWC,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,EAAAA,WAAWC,MAAY,aAQlDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA,CAAM"}

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

@@ -0,0 +1,29 @@
+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/cjs/components/common/type/ButtonVariant.d.ts

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

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

@@ -0,0 +1,48 @@
+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/cjs/components/container/container.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(require("@mui/material/Container"));exports.Container=r=>e.jsx(a.default,Object.assign({},r,{className:r.className+" "+(r.narrow&&"narrow"),"data-testid":"Container",children:r.children}));
+//# sourceMappingURL=container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../../../../src/components/container/container.tsx"],"sourcesContent":[null],"names":["props","_jsx","jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"iKAyD0BA,GAEtBC,EAAAC,IAACC,UAAYC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,UAAWN,EAAMM,UAAY,KAAON,EAAMO,QAAU,UAAS,cAAc,YAAWC,SAC5GR,EAAMQ"}

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

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

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

@@ -0,0 +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>>;

package/build/cjs/components/controls/controls.js

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

package/build/cjs/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","jsx","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":"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"}

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

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

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

@@ -0,0 +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>>;

package/build/cjs/components/divider/divider.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/Divider"),a=require("@mui/material/styles");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(t),u=n(i);const s=l.default.forwardRef(((t,i)=>{var{orientation:a,textAlign:n,variant:l,flexItem:u}=t,s=e.__rest(t,["orientation","textAlign","variant","flexItem"]);return r.jsx(o,Object.assign({},s,{orientation:a,textAlign:n,variant:l,flexItem:!0,ref:i,children:s.children}))})),o=a.styled(u.default)``;exports.Divider=s;
+//# sourceMappingURL=divider.js.map

package/build/cjs/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","jsx","DividerStyled","Object","assign","children","styled","MuiDivider"],"mappings":"gOAgCO,MAAMA,EAAUC,EAAAA,QAAMC,YAC3B,CAACC,EAAyDC,KAAzD,IAAAC,YAAEA,EAAWC,UAAEA,EAASC,QAAEA,EAAOC,SAAEA,GAAQL,EAAKM,EAAhDC,EAAAA,OAAAP,EAAA,CAAA,cAAA,YAAA,UAAA,aACC,OACEQ,EAAAC,IAACC,EAAaC,OAAAC,OAAA,GAAKN,EAAK,CAAEJ,YAAaA,EAAaC,UAAWA,EAAWC,QAASA,EAASC,UAAQ,EAACJ,IAAKA,EAAGY,SAC1GP,EAAMO,WAET,IAOAH,EAAgBI,EAAMA,OAACC,UAA4B"}

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

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

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

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

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

@@ -0,0 +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>>;

package/build/cjs/components/drawer/drawer.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material/Box"),a=require("@mui/material/Drawer"),d=require("@mui/material");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(t),u=i(a);const n=o.forwardRef(((t,a)=>{var{children:d,open:i,anchor:u,handleClose:n=(()=>{})}=t,p=e.__rest(t,["children","open","anchor","handleClose"]);const c=o.useCallback((e=>r=>{("keydown"!==r.type||"Tab"!==r.key&&"Shift"!==r.key)&&(e||n(e))}),[n]);return o.useEffect((()=>{c(i)}),[i,c]),r.jsx(l,Object.assign({},p,{ref:a,anchor:u,open:i,onClose:c(!1),"data-testid":"Drawer",children:r.jsx(s.default,{role:"presentation",onClick:c(!1),onKeyDown:c(!1),"data-testid":"Drawer.content",children:d})}))})),l=d.styled(u.default,{shouldForwardProp:e=>"hasRoundedBorders"!==e})((r=>{var o=e.__rest(r,[]);if(!o.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"}}[o.anchor]}}));exports.Drawer=n;
+//# sourceMappingURL=drawer.js.map

package/build/cjs/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","default","role","onClick","onKeyDown","styled","MuiDrawer","shouldForwardProp","prop","args","hasRoundedBorders","borderRadius","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right"],"mappings":"uPAkEa,MAAAA,EAASC,EAAUA,YAC9B,CAACC,EAA8DC,KAA9D,IAAAC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,YAAEA,EAAc,UAAQL,EAAKM,EAAKC,EAAAA,OAAAP,EAA1D,4CACC,MAAMQ,EAAeC,EAAWA,aAC7BC,GAAoBC,KAEF,YAAfA,EAAMC,MACkC,QAAtCD,EAA8BE,KAAwD,UAAtCF,EAA8BE,OAK7EH,GAAOL,EAAYK,GAAM,GAEhC,CAACL,IAOH,OAJAS,EAAAA,WAAU,KACRN,EAAaL,EAAK,GACjB,CAACA,EAAMK,IAGRO,EAAAA,IAACC,EAAiBC,OAAAC,OAAA,GAAAZ,GAAOL,IAAKA,EAAKG,OAAQA,EAAQD,KAAMA,EAAMgB,QAASX,GAAa,GAAM,cAAc,SAAQN,SAC/Ga,MAACK,EAAGC,QAAA,CACFC,KAAK,eACLC,QAASf,GAAa,GACtBgB,UAAWhB,GAAa,GAAM,cAClB,iBAAgBN,SAE3BA,MAGL,IAIAc,EAAeS,EAAMA,OAACC,UAAW,CACrCC,kBAAoBC,GAAkB,sBAATA,GADVH,EAEiCzB,QAAK6B,EAAItB,EAAAA,OAAAP,EAAT,IACpD,IAAK6B,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,EAAKzB,QAC7C"}

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

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

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

@@ -0,0 +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';

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

@@ -0,0 +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>>;

package/build/cjs/components/flag/flag.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),i=require("country-flag-icons/react/3x2"),l=require("@emotion/styled");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(r),u=a(i),s=a(l);const n=({flag:e,title:t})=>d.default.createElement(u.default[e],{title:t}),f=d.default.forwardRef(((r,i)=>{var{flag:l,title:a,width:d=24}=r,u=e.__rest(r,["flag","title","width"]);return t.jsx(c,Object.assign({width:d},u,{ref:i,"data-testid":"Flag",children:t.jsx(n,{flag:l,title:a})}))})),c=s.default.div((t=>{let r={};return r={width:e.__rest(t,["theme"]).width+"px",lineHeight:"0px",display:"inline-block"},r}));exports.Flag=f;
+//# sourceMappingURL=flag.js.map

package/build/cjs/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","default","createElement","Flags","Flag","forwardRef","_a","ref","width","props","__rest","_jsx","StyledDiv","Object","assign","children","styled","div","styles","lineHeight","display"],"mappings":"yOAgCA,MAAMA,EAAuB,EAAGC,OAAMC,WAC7BC,EAAKC,QAACC,cAAcC,UAAML,GAAO,CAAEC,MAAOA,IAGtCK,EAAOJ,EAAAA,QAAMK,YAAsC,CAACC,EAAuCC,KAAvC,IAAAT,KAAEA,EAAIC,MAAEA,EAAKS,MAAEA,EAAQ,IAAEF,EAAKG,EAA9BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,QAAA,UAC/D,OACEK,MAACC,EAASC,OAAAC,OAAA,CAACN,MAAOA,GAAWC,EAAK,CAAEF,IAAKA,EAAG,cAAc,OAAMQ,SAC9DJ,MAACd,EAAqB,CAAAC,KAAMA,EAAMC,MAAOA,MAE3C,IAGEa,EAAYI,EAAMf,QAACgB,KAAuBX,IAG9C,IAAIY,EAAS,CAAA,EAOb,OANAA,EAAS,CACPV,MAL4DE,EAAAA,OAAAJ,EAAhB,WAK/BE,MAAQ,KACrBW,WAAY,MACZC,QAAS,gBAGJF,CAAM"}

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

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

package/build/cjs/components/grid/grid.d.ts

@@ -0,0 +1,117 @@
+import { GridDirection, GridSize, GridSpacing } from '@mui/material/Grid';
+import { Theme } from '@mui/material/styles';
+import { ResponsiveStyleValue, SxProps } from '@mui/system';
+import React, { ReactNode } from 'react';
+/**
+ * @interface GridProps
+ * @description Base definition of SkodaFlow Grid independent on core implementation.
+ * Properties are inherited from HTML Button element
+ */
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     *  Override or extend the styles applied to the component.
+     *  See CSS API below for more details.
+     */
+    classes?: object;
+    /**
+     *  The number of columns.
+     */
+    columns?: ResponsiveStyleValue<number>;
+    /**
+     *  The component used for the root node.
+     *  Either a string to use a HTML element or a component.
+     */
+    component?: string | ReactNode;
+    /**
+     *  If true, the component will have the flex container behavior.
+     *  You should be wrapping items with a container.
+     */
+    container?: boolean;
+    /**
+     *  Defines the flex-direction style property.
+     *  It is applied for all screen sizes.
+     * @default 'auto'
+     */
+    direction?: ResponsiveStyleValue<GridDirection>;
+    /**
+     *  If true, the component will have the flex item behavior.
+     *  You should be wrapping items with a container.
+     */
+    item?: boolean;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the lg breakpoint and wider screens if not overridden.
+     */
+    lg?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the md breakpoint and wider screens if not overridden.
+     */
+    md?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the sm breakpoint and wider screens if not overridden.
+     */
+    sm?: boolean | GridSize;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     *  See the `sx` page for more details.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the xl breakpoint and wider screens.
+     */
+    xl?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for all the screen sizes with the lowest priority.
+     */
+    xs?: boolean | GridSize;
+    /**
+     *  Defines the space between the type item components.
+     *  It can only be used on a type container component.
+     */
+    spacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the horizontal space between the type item components.
+     *  It overrides the value of the spacing prop.
+     */
+    columnSpacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the vertical space between the type item components.
+     * It overrides the value of the spacing prop.
+     * If the value provided is a string it will be used as exact amount for pixels spacing.
+     * If the value is a number it will be used as (value)*8px.
+     */
+    rowSpacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the flex-wrap style property.
+     *  It's applied for all screen sizes.
+     */
+    wrap?: 'nowrap' | 'wrap-reverse' | 'wrap';
+    /**
+     *  If true, it sets min-width: 0 on the item.
+     *  Refer to the limitations section of the documentation to better understand the use case.
+     */
+    zeroMinWidth?: boolean;
+    /**
+     *  Determine if grid is narrow.
+     */
+    narrow?: 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;
+}
+/**
+ * @description SkodaFlow Grid component.
+ * @param props GridProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use Grid and Container components from @mui/material
+ */
+export declare const Grid: React.FC<GridProps>;

package/build/cjs/components/grid/grid.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("tslib"),e=require("react/jsx-runtime");function i(r){return r&&r.__esModule?r:{default:r}}var t=i(require("@mui/material/Grid"));exports.Grid=i=>{var{narrow:a}=i,u=r.__rest(i,["narrow"]);return e.jsx(t.default,Object.assign({},u,{spacing:a?"12px":void 0,children:u.children}))};
+//# sourceMappingURL=grid.js.map

package/build/cjs/components/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":[null],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"0KAyI0CA,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WAET"}

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

@@ -0,0 +1 @@
+export * from './grid';

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

@@ -0,0 +1,5 @@
+export type HelperTextContentProps = {
+    textLeft?: string;
+    textRight?: string;
+};
+export declare const HelperTextContent: (props: HelperTextContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material");const r=t.styled("div")((({theme:e})=>({display:"flex",flexDirection:"row",gap:10,justifyContent:"space-between"}))),i=t.styled("span")((({theme:e})=>({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}))),s=t.styled("span")((({theme:e})=>({marginLeft:"auto"})));exports.HelperTextContent=t=>{const{textLeft:n,textRight:l}=t;return e.jsxs(r,{children:[n&&e.jsx(i,{id:"helperBox",children:n}),l&&e.jsx(s,{id:"helper-text-max-chars",children:l})]})};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/helperTextContent/index.tsx"],"sourcesContent":[null],"names":["Root","styled","theme","display","flexDirection","gap","justifyContent","TextLeft","overflow","whiteSpace","textOverflow","TextRight","marginLeft","props","textLeft","textRight","_jsxs","children","_jsx","jsx","id"],"mappings":"2EAQa,MAUPA,EAAOC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACzCC,QAAS,OACTC,cAAe,MACfC,IAAK,GACLC,eAAgB,oBAGZC,EAAWN,EAAAA,OAAO,OAAPA,EAAe,EAAGC,YAAa,CAC9CM,SAAU,SACVC,WAAY,SACZC,aAAc,eAGVC,EAAYV,EAAAA,OAAO,OAAPA,EAAe,EAAGC,YAAa,CAC/CU,WAAY,qCAxBoBC,IAChC,MAAMC,SAAEA,EAAQC,UAAEA,GAAcF,EAChC,OACEG,OAAChB,EAAI,CAAAiB,SAAA,CACFH,GAAYI,EAACC,IAAAZ,EAAS,CAAAa,GAAG,YAAaH,SAAAH,IACtCC,GAAaG,MAACP,EAAU,CAAAS,GAAG,wBAAyBH,SAAAF,MAEvD"}

package/build/cjs/components/icon/availableIcons.d.ts

@@ -0,0 +1 @@
+export declare const availableIcons: string[];

package/build/cjs/components/icon/availableIcons.js

@@ -0,0 +1,2 @@
+"use strict";exports.availableIcons=["space","minus","plus","ballotx","check","arrow-up","arrow-ne","arrow-right","arrow-se","arrow-down","arrow-sw","arrow-left","arrow-nw","shuffle","arrow-download","arrow-upload","arrow-import","arrow-export","arrow-hook-left","arrow-repeat","arrow-exchange","arrow-sort-down","arrow-sort-up","arrow-right-up","arrow-left-up","arrow-up-left","arrow-up-right","arrow-right-down","arrow-left-down","arrow-down-left","arrow-down-right","chevron-up","chevron-right","chevron-down","cehvron-left","double-chevron-up","double-chevron-right","double-chevron-down","double-chevron-left","chevron-previous","chevron-next","refresh-anticlockwise","refresh-clockwise","history","coordinates","more-horizontal","more-vertical","list","menu","filters","stats","soundwave","play-left","rewind","play-previous","pause","play-next","forward","play-right","stop","record","triangle-up","triangle-up-exclamation","star","user","group","search","search-plus","search-minus","settings","preview","preview-off","edit","service","attachment","call","pin","position","location","send","heart","shield","shield-verified","share","microphone","microphone-off","map","flag","lock","lock-open","light","shopping","filter","bell","like","dislike","design","cloud-upload","cloud-download","weather","home","rectangle-vertical-bookmark","tag","sound","sound-medium","sound-loud","sound-off","wifi","wifi-medium","wifi-low","wifi-no-signal","wifi-off","windshield","parts","road-assistance","air","car","radio","box","thunder","music","tyre","circle","circle-minus","circle-plus","circle-multiply","circle-no","circle-exclamation","circle-question","circle-information","circle-check","circle-arrow-up","circle-arrow-ne","circle-arrow-right","circle-arrow-se","circle-arrow-down","circle-arrow-sw","circle-arrow-left","circle-arrow-nw","circle-download","circle-upload","circle-bluetooth-white","circle-arrowhead-up","circle-arrowhead-right","circle-arrowhead-down","circle-arrowhead-left","clock","stopwatch","compass","globe","circle-contrast","circle-radar","circle-assistance","id","circle-steering","circle-steering-off","circle-brakes","circle-target","circle-tyre","square","square-compose","square-expand","square-image","square-ocr","square-qr","square-scan-health","square-app-add","square-multiple","square-select-multiple","square-grid","square-grid-apps","square-shapes","diamond","postit","inbox","rectangle-vertical","news-post","newspaper","manual","clipboard","tasks","task-new","logout","login","cut","copy","paste","fuel","fuel-electric","trash","document","document-new","document-missing","rectangle","mail","business-card","suitcase","camera","calendar","scheduled-task","event","battery-full","battery-threefourths","battery-twofourths","battery-onefourth","battery-empty","rectangle-rounded","credit-card","message","folder","folder-send","health","car-battery","ticket","bridge","engine","headlights","comfort"];
+//# sourceMappingURL=availableIcons.js.map

package/build/cjs/components/icon/availableIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"availableIcons.js","sources":["../../../../../src/components/icon/availableIcons.ts"],"sourcesContent":[null],"names":[],"mappings":"oCAA8B,CAC5B,QACA,QACA,OACA,UACA,QACA,WACA,WACA,cACA,WACA,aACA,WACA,aACA,WACA,UACA,iBACA,eACA,eACA,eACA,kBACA,eACA,iBACA,kBACA,gBACA,iBACA,gBACA,gBACA,iBACA,mBACA,kBACA,kBACA,mBACA,aACA,gBACA,eACA,eACA,oBACA,uBACA,sBACA,sBACA,mBACA,eACA,wBACA,oBACA,UACA,cACA,kBACA,gBACA,OACA,OACA,UACA,QACA,YACA,YACA,SACA,gBACA,QACA,YACA,UACA,aACA,OACA,SACA,cACA,0BACA,OACA,OACA,QACA,SACA,cACA,eACA,WACA,UACA,cACA,OACA,UACA,aACA,OACA,MACA,WACA,WACA,OACA,QACA,SACA,kBACA,QACA,aACA,iBACA,MACA,OACA,OACA,YACA,QACA,WACA,SACA,OACA,OACA,UACA,SACA,eACA,iBACA,UACA,OACA,8BACA,MACA,QACA,eACA,aACA,YACA,OACA,cACA,WACA,iBACA,WACA,aACA,QACA,kBACA,MACA,MACA,QACA,MACA,UACA,QACA,OACA,SACA,eACA,cACA,kBACA,YACA,qBACA,kBACA,qBACA,eACA,kBACA,kBACA,qBACA,kBACA,oBACA,kBACA,oBACA,kBACA,kBACA,gBACA,yBACA,sBACA,yBACA,wBACA,wBACA,QACA,YACA,UACA,QACA,kBACA,eACA,oBACA,KACA,kBACA,sBACA,gBACA,gBACA,cACA,SACA,iBACA,gBACA,eACA,aACA,YACA,qBACA,iBACA,kBACA,yBACA,cACA,mBACA,gBACA,UACA,SACA,QACA,qBACA,YACA,YACA,SACA,YACA,QACA,WACA,SACA,QACA,MACA,OACA,QACA,OACA,gBACA,QACA,WACA,eACA,mBACA,YACA,OACA,gBACA,WACA,SACA,WACA,iBACA,QACA,eACA,uBACA,qBACA,oBACA,gBACA,oBACA,cACA,UACA,SACA,cACA,SACA,cACA,SACA,SACA,SACA,aACA"}

package/build/cjs/components/icon/icon.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+/**
+ * @interface IconProps
+ * @description Base definition of SkodaFlow Icon independent on core implementation.
+ * Properties are inherited from HTML Span element
+ */
+export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /**
+     *color of the icon
+     */
+    color?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    /**
+     * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+     * @default 'medium'
+     */
+    fontSize?: 'inherit' | 'extraLarge' | 'large' | 'medium' | 'small';
+    /**
+     * The iconStyle apply to the icons regular or filled format.
+     */
+    iconStyle?: 'regular' | 'filled';
+}
+/**
+ * @description SkodaFlow Icon component.
+ * Properties are inherited from HTML Span element.
+ * @param props IconProps
+ * @returns React Functional Component
+ */
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;

package/build/cjs/components/icon/icon.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),s=require("../../utils/icons.js"),o=require("@mui/material/styles");function l(e){return e&&e.__esModule?e:{default:e}}const a=l(t).default.forwardRef(((t,i)=>{var{iconStyle:o,color:l,fontSize:a}=t,n=e.__rest(t,["iconStyle","color","fontSize"]);const u="filled"===o?" filled":"";return r.jsx(c,Object.assign({color:l},n,{ref:i,className:s.getIconName(n.className)+u,fontSize:a,"data-testid":"Icon"}))})),c=o.styled(i.Icon)((()=>({lineHeight:"0.7em"})));exports.Icon=a;
+//# sourceMappingURL=icon.js.map

package/build/cjs/components/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/icon/icon.tsx"],"sourcesContent":[null],"names":["Icon","React","forwardRef","_a","ref","iconStyle","color","fontSize","props","__rest","isFilled","_jsx","jsx","IconStyled","Object","assign","className","getIconName","styled","MuiIcon","lineHeight"],"mappings":"wOAkCO,MAAMA,OAAOC,QAAMC,YAAuC,CAACC,EAA0CC,SAA1CC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,KAAaC,EAAjCC,EAAAA,OAAAN,EAAA,CAAA,YAAA,QAAA,aAChE,MAAMO,EAAyB,WAAdL,EAAyB,UAAY,GACtD,OACEM,EAAAC,IAACC,EAAUC,OAAAC,OAAA,CACTT,MAAOA,GACHE,EACJ,CAAAJ,IAAKA,EACLY,UAAWC,cAAYT,EAAMQ,WAAaN,EAC1CH,SAAUA,EAAQ,cACN,SAEd,IAGEM,EAAaK,EAAAA,OAAOC,EAAOnB,KAAdkB,EAA8B,KACxC,CACLE,WAAY"}

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

@@ -0,0 +1,2 @@
+export * from './icon';
+export * from './availableIcons';

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
+export type IconButtonProps = MuiIconButtonProps & {
+    variant?: 'filled' | 'outlined' | 'standard';
+};
+export declare const IconButton: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").IconButtonClasses>;
+    color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "default" | "inherit" | "error" | "info" | "success" | "warning", import("@mui/material").IconButtonPropsColorOverrides>;
+    disabled?: boolean;
+    disableFocusRipple?: boolean;
+    edge?: false | "end" | "start";
+    size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").IconButtonPropsSizeOverrides>;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
+    centerRipple?: boolean;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    disableTouchRipple?: boolean;
+    focusRipple?: boolean;
+    focusVisibleClassName?: string;
+    LinkComponent?: import("react").ElementType<any>;
+    onFocusVisible?: import("react").FocusEventHandler<any>;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    tabIndex?: number;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    variant?: 'filled' | 'outlined' | 'standard';
+}, {}, {}>;

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

@@ -0,0 +1,2 @@
+"use strict";var r=require("tslib"),e=require("@mui/material");const a=e.styled(e.IconButton)((e=>{var a,{theme:t}=e,o=r.__rest(e,["theme"]);const n={},{variant:c="filled",color:d="primary"}=o;return"outlined"===c&&"inherit"!==d&&(n.border="2px solid "+(null===(a=t.palette[d])||void 0===a?void 0:a.main),"secondary"===d&&(n["&:focus"]={background:t.palette.transparent.primary},n["&:hover"]={background:t.palette.transparent.primary})),"outlined"===c&&"inherit"===d&&(n.border="2px solid currentColor"),"filled"===c&&"secondary"===d&&(n.color=t.palette.secondary.contrastText,n.background=t.palette.secondary.main,n["&:focus"]={background:t.palette.secondary.main},n["&:hover"]={background:t.palette.secondary.light,"&:focus":{background:t.palette.secondary.light}}),"filled"===c&&"primary"===d&&(n.color=t.palette.text.primary,n.background=t.palette.brand.secondary,n["&:focus"]={background:t.palette.brand.secondary},n["&:hover"]={background:t.palette.brandHover.secondary,"&:focus":{background:t.palette.brandHover.secondary}}),"filled"===c&&"inherit"===d&&(n.background=t.palette.transparent.secondary,n["&:focus"]={background:t.palette.transparent.secondary},n["&:hover"]={background:t.palette.transparent.primary,"&:focus":{background:t.palette.transparent.primary}}),n}));exports.IconButton=a;
+//# sourceMappingURL=index.js.map