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

package/build/components/cardMenu/cardMenu.d.ts

@@ -1,87 +1,87 @@
-import React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-import { Placement } from '../../utils/enum';
-/**
- * @interface CardMenuItem
- * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.
- * If url is provided the menuItem becomes link.
- */
-export interface CardMenuItem {
-    text: string;
-    callback?: () => void;
-    disabled?: boolean;
-    icon?: string;
-    isChecked?: boolean;
-    url?: string;
-    target?: string;
-}
-/**
- * @type CardMenuItemsArray
- * @description Array of CardMenuItem.
- */
-export type CardMenuItemsArray = Array<CardMenuItem>;
-/**
- * @interface CardMenuProps
- * @description Base definition of SkodaFlow CardMenu independent on core implementation.
- * Properties are inherited from HTML Div element.
- */
-export interface CardMenuProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true the drawer is shown.
-     */
-    open: boolean;
-    /**
-     * The content of the component.
-     */
-    items: CardMenuItemsArray;
-    /**
-     * React useState hook set function used to update the passed items to the component.
-     */
-    setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;
-    /**
-     * Callback fired when the component requests to be closed.
-     */
-    onClose: () => void;
-    /**
-     * An HTML element used to set the position of the popper.
-     */
-    anchorRef: React.RefObject<HTMLElement>;
-    /**
-     * If header is provided, a text will be displayed on top of the elements.
-     */
-    header?: string;
-    /**
-     * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.
-     * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..
-     */
-    allowMultiselect?: boolean;
-    /**
-     * Callback fired when item is clicked.
-     */
-    onItemClick?: (itemText: string) => void;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     * Popper placement. Default is 'bottom'.
-     */
-    placement?: Placement;
-    /**
-     * If true, a switch button is added to the items allowing to select or deselect all of the items.
-     * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.
-     */
-    hasToggleSelection?: boolean;
-    /**
-     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
-     */
-    toggleLabel?: string;
-    /** Renders the popper with border radius */
-    rounded?: boolean;
-}
-export declare const CardMenu: React.ForwardRefExoticComponent<CardMenuProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { Placement } from '../../utils/enum';
+/**
+ * @interface CardMenuItem
+ * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.
+ * If url is provided the menuItem becomes link.
+ */
+export interface CardMenuItem {
+    text: string;
+    callback?: () => void;
+    disabled?: boolean;
+    icon?: string;
+    isChecked?: boolean;
+    url?: string;
+    target?: string;
+}
+/**
+ * @type CardMenuItemsArray
+ * @description Array of CardMenuItem.
+ */
+export type CardMenuItemsArray = Array<CardMenuItem>;
+/**
+ * @interface CardMenuProps
+ * @description Base definition of SkodaFlow CardMenu independent on core implementation.
+ * Properties are inherited from HTML Div element.
+ */
+export interface CardMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true the drawer is shown.
+     */
+    open: boolean;
+    /**
+     * The content of the component.
+     */
+    items: CardMenuItemsArray;
+    /**
+     * React useState hook set function used to update the passed items to the component.
+     */
+    setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose: () => void;
+    /**
+     * An HTML element used to set the position of the popper.
+     */
+    anchorRef: React.RefObject<HTMLElement>;
+    /**
+     * If header is provided, a text will be displayed on top of the elements.
+     */
+    header?: string;
+    /**
+     * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.
+     * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..
+     */
+    allowMultiselect?: boolean;
+    /**
+     * Callback fired when item is clicked.
+     */
+    onItemClick?: (itemText: string) => void;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     * Popper placement. Default is 'bottom'.
+     */
+    placement?: Placement;
+    /**
+     * If true, a switch button is added to the items allowing to select or deselect all of the items.
+     * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.
+     */
+    hasToggleSelection?: boolean;
+    /**
+     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
+     */
+    toggleLabel?: string;
+    /** Renders the popper with border radius */
+    rounded?: boolean;
+}
+export declare const CardMenu: React.ForwardRefExoticComponent<CardMenuProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/cardMenu/cardMenu.js

@@ -0,0 +1,2 @@
+import{jsx as e,Fragment as a,jsxs as r}from"react/jsx-runtime";import d from"react";import t from"../common/hook/useWindowSize.js";import{List as i,ListItem as o,ListItemIcon as s,ListItemText as l,ClickAwayListener as n,MenuItem as c}from"@mui/material";import{Divider as m}from"../divider/divider.js";import{Icon as p}from"../icon/icon.js";import{Checkbox as h}from"../checkbox/checkbox.js";import{ToggleSwitch as u}from"../toggleSwitch/toggleSwitch.js";import{useCardMenu as C}from"./hooks/useCardMenu.js";import{PopperStyled as y}from"./styled/popperStyled.js";import{MenuListStyled as g}from"./styled/menuListStyled.js";import{DrawerStyled as f}from"./styled/drawerStyled.js";const b=d.forwardRef((({items:b,setItems:k,open:M,header:x,anchorRef:S,allowMultiselect:j,hasToggleSelection:v,onItemClick:w,onClose:N,sx:T,classes:W,placement:z,toggleLabel:P,rounded:H},I)=>{const{isMobile:L}=t(),{isToggleChecked:R,onClickHandler:A,onToggleChange:E}=C(b,j,k,w,N);return e(a,{children:L?r(f,{open:M,onClose:N,anchor:"bottom",sx:T,ref:I,classes:W,hasHeader:!!x,"data-testid":"CardMenu",children:[x&&e("div",{className:"drawer-header","data-testid":"CardMenu.header",children:x}),e(i,{children:b.map((a=>r(d.Fragment,{children:[r(o,{button:!0,disabled:a.disabled,onClick:()=>A(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(s,{children:e(p,{className:a.icon,fontSize:"small"})}),e(l,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(h,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]}),e(m,{variant:"middle"})]},a.text)))})]}):e(y,{open:M,anchorEl:S.current,placement:z,ref:I,rounded:H,"data-testid":"CardMenu",children:e(n,{onClickAway:N,children:r(g,{allowMultiselect:j,sx:T,classes:W,children:[x&&r(c,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e(l,{primaryTypographyProps:{noWrap:!0},primary:x}),e(s,{onClick:N,"data-testid":"CardMenu.close",children:e(p,{className:"ballotx",fontSize:"small"})})]}),x&&e(m,{variant:"middle",className:"menu-item-divider"}),j&&v&&r(c,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e(l,{primaryTypographyProps:{noWrap:!0},primary:P||"Select all"}),e(u,{onChange:E,checked:R,compact:!0})]}),e("div",{className:"menu-content-items",children:b.map((a=>r(c,{disabled:a.disabled,onClick:()=>A(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(s,{children:e(p,{className:a.icon,fontSize:"small"})}),e(l,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(h,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]},a.text)))})]})})})})}));export{b as CardMenu};
+//# sourceMappingURL=cardMenu.js.map

package/build/components/cardMenu/cardMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[null],"names":["CardMenu","React","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"0qBAmGa,MAAAA,EAAWC,EAAMC,YAC5B,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EACD,cAAA,WAEXoB,SAAA,CAAApB,GACCkB,EAAK,MAAA,CAAAO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAAC1B,EAAMkC,SACL,CAAAT,SAAA,CAAAC,EAACS,EAAQ,CACPC,QAAM,EACNC,SAAUJ,EAAKI,SACfC,QAAS,IAAMlB,EAAea,GAClB,cAAA,6BACAA,EAAKI,SAAW,gBAAaE,EAASd,SAAA,CAEjDQ,EAAKO,MACJjB,EAACkB,EAAY,CAAAhB,SACXF,EAACmB,EAAK,CAAAZ,UAAWG,EAAKO,KAAMG,SAAS,YAGzCpB,EAACqB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASd,EAAKe,OACrEzC,GACCgB,EAAC0B,EAAS,CAAAC,QAASjB,EAAKkB,UAAWd,SAAUJ,EAAKI,SAAQ,cAAc,sBAG5Ed,EAAC6B,EAAO,CAACC,QAAQ,aAlBEpB,EAAKe,aAyBlCzB,EAAC+B,GACClD,KAAMA,EACNmD,SAAUjD,EAAUkD,QACpB3C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EACG,cAAA,oBAEZQ,EAACkC,GAAkBC,YAAahD,EAC9Be,SAAAC,EAACiC,EAAe,CAAApD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAClEa,SAAA,CAAApB,GACCqB,EAACkC,EAAS,CAAA9B,UAAU,mBAAkB,cAAa,kBACjDL,SAAA,CAAAF,EAACqB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS1C,IACjEkB,EAACkB,EAAY,CAACH,QAAS5B,gBAAqB,iBAAgBe,SAC1DF,EAACmB,EAAI,CAACZ,UAAU,UAAUa,SAAS,eAIxCtC,GAAUkB,EAAC6B,EAAQ,CAAAC,QAAQ,SAASvB,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACkC,GAAS9B,UAAU,kBAA8B,cAAA,4BAChDP,EAACqB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASjC,GAA4B,eAEvCS,EAACsC,GAAaC,SAAUzC,EAAgB6B,QAAS/B,EAAiB4C,SAAU,OAIhFxC,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACkC,EAAQ,CAEPvB,SAAUJ,EAAKI,SACfC,QAAS,IAAMlB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaE,EAExCd,SAAA,CAAAQ,EAAKO,MACJjB,EAACkB,EAAY,CAAAhB,SACXF,EAACmB,GAAKZ,UAAWG,EAAKO,KAAMG,SAAS,YAGzCpB,EAACqB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASd,EAAKe,OACrEzC,GACCgB,EAAC0B,GAASC,QAASjB,EAAKkB,UAAWd,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKe,kBAwB5B"}

package/build/components/cardMenu/hooks/useCardMenu.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { CardMenuItem, CardMenuItemsArray } from '../cardMenu';
-export declare const useCardMenu: (items: CardMenuItemsArray, allowMultiselect: boolean, setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>, onItemClick: (itemText: string) => void, onClose: () => void) => {
-    onClickHandler: (item: CardMenuItem) => void;
-    onToggleChange: (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => void;
-    isToggleChecked: boolean;
-};
+import React from 'react';
+import { CardMenuItem, CardMenuItemsArray } from '../cardMenu';
+export declare const useCardMenu: (items: CardMenuItemsArray, allowMultiselect: boolean, setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>, onItemClick: (itemText: string) => void, onClose: () => void) => {
+    onClickHandler: (item: CardMenuItem) => void;
+    onToggleChange: (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => void;
+    isToggleChecked: boolean;
+};

package/build/components/cardMenu/hooks/useCardMenu.js

@@ -0,0 +1,2 @@
+import{useState as e,useCallback as t,useEffect as c}from"react";const s=(s,a,n,i,l)=>{const[d,o]=e(!1),g=t(((e,t)=>{n((e=>e.map((e=>e.disabled?e:Object.assign(Object.assign({},e),{isChecked:t})))))}),[n]),r=t((e=>{n((t=>t.map((t=>t.text===e?Object.assign(Object.assign({},t),{isChecked:!t.isChecked}):t))))}),[n]),b=t((e=>{e.url&&window.open(e.url,e.target||"_blank"),i&&i(e.text),e.callback&&e.callback(),a?r(e.text):l()}),[a,l,i,r]);return c((()=>{const e=!s.find((e=>!e.isChecked&&!e.disabled));o(e)}),[s]),{onClickHandler:b,onToggleChange:g,isToggleChecked:d}};export{s as useCardMenu};
+//# sourceMappingURL=useCardMenu.js.map

package/build/components/cardMenu/hooks/useCardMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":[null],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EACJJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}

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

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

package/build/components/cardMenu/styled/drawerStyled.d.ts

@@ -1,6 +1,6 @@
-export declare const DrawerStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    theme?: any;
-    hasHeader: boolean;
-}, {}, {}>;
+export declare const DrawerStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme?: any;
+    hasHeader: boolean;
+}, {}, {}>;

package/build/components/cardMenu/styled/drawerStyled.js

@@ -0,0 +1,2 @@
+import e from"@emotion/styled";import i from"@mui/material/Drawer";const o=e(i,{shouldForwardProp:e=>"hasHeader"!==e})((({theme:e,hasHeader:i})=>({"& .MuiPaper-root > .MuiList-root":{fontSize:"16px",fontWeight:400,paddingBottom:"32px",listStyleType:"none",maxHeight:"201px",marginTop:i?"9px":"0px","& > .MuiListItem-root":{lineHeight:"24px",padding:"23px 16px 11px 16px",display:"flex","&:hover":{background:e.palette.surface.primary},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"8px","& > .MuiIcon-root":{color:e.palette.text.primary,display:"inline"}},"& > .MuiTypography-root":{flex:1}}},".MuiPaper-root > .drawer-header":{padding:"16px 16px 0px 16px",fontWeight:"bold",lineHeight:"24px",fontSize:"20px",wordBreak:"break-all"},"& > .MuiPaper-root":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}})));export{o as DrawerStyled};
+//# sourceMappingURL=drawerStyled.js.map

package/build/components/cardMenu/styled/drawerStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":[null],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"mEAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAEY,EAAGI,QAAOC,gBACzC,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}

package/build/components/cardMenu/styled/menuListStyled.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
-export declare const MenuListStyled: import("@emotion/styled").StyledComponent<{
-    autoFocus?: boolean;
-    autoFocusItem?: boolean;
-    children?: import("react").ReactNode;
-    disabledItemsFocusable?: boolean;
-    disableListWrap?: boolean;
-    variant?: "menu" | "selectedMenu";
-} & {
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ListClasses>;
-    dense?: boolean;
-    disablePadding?: boolean;
-    subheader?: import("react").ReactNode;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof import("react").HTMLAttributes<HTMLUListElement>> & {
-    ref?: import("react").Ref<HTMLUListElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "autoFocus" | "children" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "variant" | "dense" | "disablePadding" | "subheader" | "sx"> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    theme?: any;
-    allowMultiselect?: boolean;
-}, {}, {}>;
+/// <reference types="react" />
+export declare const MenuListStyled: import("@emotion/styled").StyledComponent<{
+    autoFocus?: boolean;
+    autoFocusItem?: boolean;
+    children?: import("react").ReactNode;
+    disabledItemsFocusable?: boolean;
+    disableListWrap?: boolean;
+    variant?: "menu" | "selectedMenu";
+} & {
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ListClasses>;
+    dense?: boolean;
+    disablePadding?: boolean;
+    subheader?: import("react").ReactNode;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLUListElement>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "autoFocus" | "children" | "sx" | "variant" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme?: any;
+    allowMultiselect?: boolean;
+}, {}, {}>;

package/build/components/cardMenu/styled/menuListStyled.js

@@ -0,0 +1,2 @@
+import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const r=t(i,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:i})=>{const r=i?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let e={};return e={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.background.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","::-webkit-scrollbar":{width:"12px"},"::-webkit-scrollbar-thumb":{border:"solid 4px rgba(255, 255, 255, 0)"},"& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:r.padding,"&.Mui-disabled":{color:o.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${o.disabled.primary}!important`}},"&:hover":{background:o.surface.primary},"& > .MuiListItemText-root":{marginRight:r.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:r.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},e}));export{r as MenuListStyled};
+//# sourceMappingURL=menuListStyled.js.map

package/build/components/cardMenu/styled/menuListStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":[null],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","width","border","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","text","cursor"],"mappings":"yIAIa,MAAAA,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEkB,EAAGI,QAAOC,uBACxD,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAa,CAAA,EAoFjB,OAnFAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBC,MAAO,QAET,4BAA6B,CAC3BC,OAAQ,oCAEV,sBAAuB,CACrBd,YAAa,QAGjB,mEAAoE,CAClEe,MAAOlB,EAAMS,QAAQU,UAAUC,MAC/BC,WAAY,SACZhB,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBa,MAAOI,EAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACjBP,MAAO,GAAGI,EAAWC,SAASC,sBAGlC,UAAW,CACThB,WAAYc,EAAWI,QAAQF,SAEjC,4BAA6B,CAC3BrB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBwB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZjB,SAAU,QACVK,MAAO,OACPb,YAAa,OACb,oBAAqB,CACnBe,MAAOlB,EAAMS,QAAQsB,KAAKP,QAC1BM,QAAS,WAGb,qBAAsB,CACpBzB,QAAS,sBACT,wBAAyB,CACvBwB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTpB,WAAYR,EAAMS,QAAQD,WAAWgB,QACrCQ,OAAQ,WAEV,0BAA2B,CACzBd,MAAOlB,EAAMS,QAAQU,UAAUC,MAC/BjB,YAAaD,EAAkBE,iBAC/B4B,OAAQ,WAEV,4BAA6B,CAC3B7B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWgB,QACrCQ,OAAQ,cAMT1B,CAAK"}

package/build/components/cardMenu/styled/popperStyled.d.ts

@@ -1,7 +1,7 @@
-export declare const PopperStyled: import("@emotion/styled").StyledComponent<import("@mui/base").PopperOwnProps & Omit<any, keyof import("@mui/base").PopperOwnProps> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    theme?: any;
-    isMobile?: boolean;
-    rounded?: boolean;
-}, {}, {}>;
+export declare const PopperStyled: import("@emotion/styled").StyledComponent<import("@mui/base").PopperOwnProps & Omit<any, keyof import("@mui/base").PopperOwnProps> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme?: any;
+    isMobile?: boolean;
+    rounded?: boolean;
+}, {}, {}>;

package/build/components/cardMenu/styled/popperStyled.js

@@ -0,0 +1,2 @@
+import o from"@emotion/styled";import{Popper as r}from"@mui/base";const d=o(r,{shouldForwardProp:o=>"rounded"!==o})((({theme:o,rounded:r})=>({zIndex:"100",background:o.palette.background.primary,"& > *":{borderRadius:r?"4px":void 0}})));export{d as PopperStyled};
+//# sourceMappingURL=popperStyled.js.map

package/build/components/cardMenu/styled/popperStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":[null],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"kEAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}

package/build/components/checkbox/checkbox.d.ts

@@ -1,55 +1,55 @@
-import React, { ReactNode } from 'react';
-/**
- * @interface CheckboxProps
- * @description Base definition of SkodaFlow Checkbox independent on core implementation.
- * Properties are inherited from HTML Button element
- */
-export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {
-    /**
-     *  Indeterminate state of checkbox, half checked.
-     */
-    indeterminate?: boolean;
-    /**
-     *  Disabled state, not changeable.
-     */
-    disabled?: boolean;
-    /**
-     *  Uncontrolled component. Set initial value. Do not use with "checked" together.
-     */
-    defaultChecked?: boolean;
-    /**
-     * Controlled component. Set current value. Do not use with "defaultChecked" together.
-     */
-    checked?: boolean;
-    /**
-     * Error state of checkbox.
-     */
-    error?: boolean;
-    /**
-     * Is checkbox required field in form?
-     */
-    required?: boolean;
-    /**
-     * The value referenced with checkbox element
-     */
-    value?: string;
-    /**
-     * The value referenced with checkbox element
-     */
-    label?: string | ReactNode;
-    customNode?: ReactNode;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;
-}
-/**
- * @description SkodaFlow Checkbox component.
- * Properties are inherited from HTML Button element.
- * @param props CheckboxProps
- * @returns React Functional Component
- * @deprecated Use Checkbox component from '@mui/material' module instead.
- */
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+import React, { ReactNode } from 'react';
+/**
+ * @interface CheckboxProps
+ * @description Base definition of SkodaFlow Checkbox independent on core implementation.
+ * Properties are inherited from HTML Button element
+ */
+export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {
+    /**
+     *  Indeterminate state of checkbox, half checked.
+     */
+    indeterminate?: boolean;
+    /**
+     *  Disabled state, not changeable.
+     */
+    disabled?: boolean;
+    /**
+     *  Uncontrolled component. Set initial value. Do not use with "checked" together.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Controlled component. Set current value. Do not use with "defaultChecked" together.
+     */
+    checked?: boolean;
+    /**
+     * Error state of checkbox.
+     */
+    error?: boolean;
+    /**
+     * Is checkbox required field in form?
+     */
+    required?: boolean;
+    /**
+     * The value referenced with checkbox element
+     */
+    value?: string;
+    /**
+     * The value referenced with checkbox element
+     */
+    label?: string | ReactNode;
+    customNode?: ReactNode;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;
+}
+/**
+ * @description SkodaFlow Checkbox component.
+ * Properties are inherited from HTML Button element.
+ * @param props CheckboxProps
+ * @returns React Functional Component
+ * @deprecated Use Checkbox component from '@mui/material' module instead.
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/checkbox/checkbox.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import o,{useState as t}from"react";import i from"@mui/material/Checkbox";import{styled as a}from"@mui/material/styles";import l from"../common/styled/formControlLabelStyled.js";import{FormGroup as m}from"@mui/material";const d=o.forwardRef(((o,a)=>{var{error:d}=o,c=r(o,["error"]);const{label:f,defaultChecked:s,indeterminate:h,onChange:p,disabled:u}=c,[b,g]=t(s||!1),y=e(n,{children:e(i,Object.assign({},c,{defaultChecked:s,indeterminate:h&&b,disabled:u,color:d?"error":void 0,ref:a,onChange:r=>{g(r.target.checked),"function"==typeof p&&p(r,r.target.checked)}}))});return e(m,{children:e(l,{control:y,label:f,disabled:u,error:d})})})),n=a("div",{shouldForwardProp:r=>"error"!==r&&"disabled"!==r})((e=>{r(e,["theme"]);let o={};return o={display:"flex","& + .MuiTypography-root":{"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},o}));export{d as Checkbox};
+//# sourceMappingURL=checkbox.js.map

package/build/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","React","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"mSAqEO,MAAMA,EAAWC,EAAMC,YAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAJ,EAAjB,WAC1E,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,EACC,CAAAC,SAAAF,EAACG,EACKC,OAAAC,OAAA,CAAA,EAAAhB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,EACC,CAAAT,SAAAF,EAACY,EAAuB,CAAAC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAEvF,IAOEa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEmC5B,IAAgBI,EAAAJ,EAAhB,WACxD,IAAI+B,EAAS,CAAA,EAcb,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}

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

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

package/build/components/chip/chipDropdownChildren/chipDropdownChildren.d.ts

@@ -1,31 +1,31 @@
-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 ChipDropdownChildrenProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * 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';
-}
-/**
- * @description SkodaFlow Chip component.
- * Properties are inherited from HTML Div element.
- * @param props ChipProps
- * @returns React Functional Component
- */
-export declare const ChipDropdownChildren: React.ForwardRefExoticComponent<ChipDropdownChildrenProps & React.RefAttributes<HTMLDivElement>>;
+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 ChipDropdownChildrenProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 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';
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const ChipDropdownChildren: React.ForwardRefExoticComponent<ChipDropdownChildrenProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/chip/chipDropdownChildren/chipDropdownChildren.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsxs as i,Fragment as o,jsx as n}from"react/jsx-runtime";import e,{useState as a,useCallback as t,useMemo as s}from"react";import{ClickAwayListener as m}from"@mui/material";import l from"../chipFocusVisibleStyled.js";import c from"@mui/material/Chip";import{styled as p}from"@mui/material/styles";import d from"../../common/menuContainer.js";import{Icon as f}from"../../icon/icon.js";const h=e.forwardRef(((e,c)=>{var{variant:p}=e,h=r(e,["variant"]);const[b,v]=a(!1),[w,O]=a(!1),g=t((()=>{O(!1)}),[]),x=s((()=>i(o,{children:[h.label,n(f,{className:"chevron-down "+(w?"isOpen":""),fontSize:"small"})]})),[w,h.label]),C=t((()=>{v(!0)}),[]),j=t((r=>{v(!1),h.onBlur&&h.onBlur(r)}),[h]);return n(m,{onClickAway:g,children:i("span",{children:[n("div",{children:n(l,{focusVisible:b,variant:p,children:n(u,{className:"shadow"===p&&"MuiChip-shadow",ref:c,variant:"filled",icon:h.icon?n(f,{className:h.icon}):void 0,disabled:h.disabled,label:x,onClick:()=>O(!w),onFocusVisible:C,onBlur:j,isOpen:w})})}),n(d,{isOpen:w,marginTop:14,isEmptyMenu:!0,children:h.children})]})})})),u=p(c,{shouldForwardProp:r=>"isOpen"!==r})((({theme:r})=>({"& .chevron-down":{marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}}})));export{h as ChipDropdownChildren};
+//# sourceMappingURL=chipDropdownChildren.js.map

package/build/components/chip/chipDropdownChildren/chipDropdownChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":[null],"names":["ChipDropdownChildren","React","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","theme","marginLeft","transform","top","transition","transformOrigin"],"mappings":"saA0CO,MAAMA,EAAuBC,EAAMC,YACxC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,EAAK,CAAAC,UAAW,iBAAgBZ,EAAS,SAAW,IAAMa,SAAS,cAGvE,CAACb,EAAQL,EAAMc,QAEZK,EAAwBX,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGiB,EAASZ,GACZa,IACClB,GAAgB,GACZH,EAAMoB,QAAQpB,EAAMoB,OAAOC,EAAE,GAEnC,CAACrB,IAGH,OACEe,EAACO,EAAkB,CAAAC,YAAahB,EAC9BM,SAAAF,EAAA,OAAA,CAAAE,SAAA,CACEE,EACE,MAAA,CAAAF,SAAAE,EAACS,EAAsB,CAACC,aAAcvB,EAAeH,QAASA,EAC5Dc,SAAAE,EAACW,EAA0B,CACzBT,UAAuB,WAAZlB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT4B,KAAM3B,EAAM2B,KAAOZ,EAACC,EAAI,CAACC,UAAWjB,EAAM2B,YAAWC,EACrDC,SAAU7B,EAAM6B,SAChBf,MAAOL,EACPqB,QAAS,IAAMxB,GAAWD,GAC1B0B,eAAgBZ,EAChBC,OAAQA,EACRf,OAAQA,QAIdU,EAACiB,EAAc,CAAA3B,OAAQA,EAAQ4B,UAAW,GAAIC,aAC3C,EAAArB,SAAAb,EAAMa,eAIb,IAOAa,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,EAAGI,YAAa,CACxG,kBAAmB,CACjBC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}

package/build/components/chip/chipFocusVisibleStyled.d.ts

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

package/build/components/chip/chipFocusVisibleStyled.js

@@ -0,0 +1,2 @@
+import o from"@emotion/styled";import{StylesDefinition as i}from"../../design/skoda/theme.constants.js";const s=o("div")((({focusVisible:o,variant:s})=>({display:"inline-flex",borderRadius:"image"===s?6:50,transition:"none",boxShadow:o?`0 0 0 2px ${i.focusVisibleColor}`:void 0})));export{s as default};
+//# sourceMappingURL=chipFocusVisibleStyled.js.map

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

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