@skodaflow/web-library 6.0.0 → 7.0.1

package/components/tab/menuTab.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-/**
- * @interface TabProps
- * @description Base definition of SkodaFlow Tabs component independent on core implementation.
- */
-export interface TabProps {
-    /**
-     *  Text shown as the tab title
-     */
-    label: string;
-    /**
-     *  Value of the tab
-     */
-    value: any;
-    /**
-     *  children useful to render menu items
-     */
-    children: any;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    /**
-     *  If true a backdrop is applied.
-     */
-    showBackdrop?: boolean;
-    onChange?: (event: React.SyntheticEvent, newValue: number | string) => void;
-    onClick?: (e: any) => void;
-}
-/**
- * @description SkodaFlow Tab component.
- * @param props TabProps
- * @returns React Functional Component
- * @deprecated use Tab component from @mui/material instead
- */
-export declare const MenuTab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;

package/components/tab/menuTab.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as o,Fragment as i}from"react/jsx-runtime";import r,{forwardRef as a,useContext as n,useState as l,useCallback as t,useEffect as c}from"react";import{TabsContext as p}from"./tabs.js";import{MenuItem as s,Popper as m,ClickAwayListener as d,Fade as b,styled as u,MenuList as h}from"@mui/material";import{Icon as x}from"../icon/icon.js";import"../icon/icon.definitions.js";import f from"./tabStyled.js";import v from"./hook/useTabs.js";const j=a((({label:a,value:u,children:h},j)=>{const{activeTab:w,updateActiveTab:C,smallSize:g}=n(p),[y,T]=l(!1),[S,z]=l(!1),[A,P]=l(null),[O,E]=l(null),{a11yProps:H}=v(),I=t((e=>{e.href?window.open(e.href,e.target):C(e.value,!0),z(!1),e.onClick&&e.onClick(e.value),e.analyticsCallback&&e.analyticsCallback(e.value),E(e.label)}),[C]),M=t((e=>{z(!S),P(e.currentTarget)}),[S]),N=t((()=>r.Children.map(h,(o=>e(s,{style:{fontSize:"16px"},onClick:()=>I(o.props),children:o.props.label})))),[h,I]);return c((()=>{T(w===u)}),[w,y,u]),o(i,{children:[e(f,Object.assign({ref:j,wrapped:!0,onClick:M,smallSize:g,isActive:y,value:u,tabIndex:1,label:O||a},H(u),{icon:e(x,{name:S?"chevron-up":"chevron-down"}),iconPosition:"end",className:"MuiTab-more"})),e(m,{open:S,anchorEl:A,placement:"bottom",transition:!0,children:({TransitionProps:o})=>e(d,{onClickAway:()=>z(!1),children:e(b,Object.assign({},o,{timeout:350,children:e(k,{id:"more-tabs-menu",children:N()})}))})})]})})),k=u(h)((()=>({top:"13px",left:"27px",boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px",borderRadius:"4px",padding:"0px",width:"131px",maxHeight:"240px",overflow:"overlay"})));export{j as MenuTab};
-//# sourceMappingURL=menuTab.js.map

package/components/tab/menuTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuTab.js","sources":["../../../src/components/tab/menuTab.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useState, useContext, useEffect, useCallback, forwardRef } from 'react';\nimport { TabsContext } from './tabs';\nimport { ClickAwayListener, Fade, MenuItem, MenuList, Popper, styled } from '@mui/material';\nimport { Icon } from '../icon';\nimport TabStyled from './tabStyled';\nimport useTabs from './hook/useTabs';\n/**\n * @description SkodaFlow Tab component.\n * @param props TabProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const MenuTab = forwardRef(({ label, value, children }, ref) => {\n    const { activeTab, updateActiveTab, smallSize } = useContext(TabsContext);\n    const [isActive, setIsActive] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [anchorEl, setAnchorEl] = useState(null);\n    const [selectedLabel, setSelectedLabel] = useState(null);\n    const { a11yProps } = useTabs();\n    //On tab clicked: set the new activeTab selected\n    //if is a menu tab: set the anchor element for the menu and set the width of the menu equal to the tab component\n    //then call the onClick from outside\n    const handleOnClick = useCallback((_props) => {\n        if (!_props.href) {\n            updateActiveTab(_props.value, true);\n        }\n        else {\n            window.open(_props.href, _props.target);\n        }\n        setOpen(false);\n        _props.onClick && _props.onClick(_props.value);\n        _props.analyticsCallback && _props.analyticsCallback(_props.value);\n        setSelectedLabel(_props.label);\n    }, [updateActiveTab]);\n    const handleOpenMenu = useCallback((e) => {\n        setOpen(!open);\n        setAnchorEl(e.currentTarget);\n    }, [open]);\n    //RETURNS ALL THE TABS OVERFLOWING AS MENU ITEMS\n    const handleMenuItems = useCallback(() => {\n        return React.Children.map(children, (child) => {\n            return (_jsx(MenuItem, { style: { fontSize: '16px' }, onClick: () => handleOnClick(child.props), children: child.props.label }));\n        });\n    }, [children, handleOnClick]);\n    //If the activeTab is equal to the current tab, set active\n    useEffect(() => {\n        if (activeTab === value) {\n            setIsActive(true);\n        }\n        else {\n            setIsActive(false);\n        }\n    }, [activeTab, isActive, value]);\n    return (_jsxs(_Fragment, { children: [_jsx(TabStyled, Object.assign({ ref: ref, wrapped: true, onClick: handleOpenMenu, smallSize: smallSize, isActive: isActive, value: value, tabIndex: 1, label: selectedLabel || label }, a11yProps(value), { icon: _jsx(Icon, { name: open ? 'chevron-up' : 'chevron-down' }), iconPosition: \"end\", className: \"MuiTab-more\" })), _jsx(Popper, { open: open, anchorEl: anchorEl, placement: \"bottom\", transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) })) })] }));\n});\nconst MenuStyled = styled(MenuList)(() => {\n    return {\n        top: '13px',\n        left: '27px',\n        boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n        borderRadius: '4px',\n        padding: '0px',\n        width: '131px',\n        maxHeight: '240px',\n        overflow: 'overlay',\n    };\n});\n//# sourceMappingURL=menuTab.js.map"],"names":["MenuTab","forwardRef","label","value","children","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","open","setOpen","anchorEl","setAnchorEl","selectedLabel","setSelectedLabel","a11yProps","useTabs","handleOnClick","useCallback","_props","href","window","target","onClick","analyticsCallback","handleOpenMenu","e","currentTarget","handleMenuItems","React","Children","map","child","_jsx","MenuItem","style","fontSize","props","useEffect","_jsxs","_Fragment","TabStyled","Object","assign","wrapped","tabIndex","icon","Icon","name","iconPosition","className","Popper","placement","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","MenuStyled","id","styled","MenuList","top","left","boxShadow","borderRadius","padding","width","maxHeight","overflow"],"mappings":"scAaY,MAACA,EAAUC,GAAW,EAAGC,QAAOC,QAAOC,YAAYC,KAC3D,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAWC,IACtDC,EAAUC,GAAeC,GAAS,IAClCC,EAAMC,GAAWF,GAAS,IAC1BG,EAAUC,GAAeJ,EAAS,OAClCK,EAAeC,GAAoBN,EAAS,OAC7CO,UAAEA,GAAcC,IAIhBC,EAAgBC,GAAaC,IAC1BA,EAAOC,KAIRC,OAAOZ,KAAKU,EAAOC,KAAMD,EAAOG,QAHhCpB,EAAgBiB,EAAOrB,OAAO,GAKlCY,GAAQ,GACRS,EAAOI,SAAWJ,EAAOI,QAAQJ,EAAOrB,OACxCqB,EAAOK,mBAAqBL,EAAOK,kBAAkBL,EAAOrB,OAC5DgB,EAAiBK,EAAOtB,MAAM,GAC/B,CAACK,IACEuB,EAAiBP,GAAaQ,IAChChB,GAASD,GACTG,EAAYc,EAAEC,cAAc,GAC7B,CAAClB,IAEEmB,EAAkBV,GAAY,IACzBW,EAAMC,SAASC,IAAIhC,GAAWiC,GACzBC,EAAKC,EAAU,CAAEC,MAAO,CAAEC,SAAU,QAAUb,QAAS,IAAMN,EAAce,EAAMK,OAAQtC,SAAUiC,EAAMK,MAAMxC,WAE5H,CAACE,EAAUkB,IAUd,OARAqB,GAAU,KAEF/B,EADAN,IAAcH,EAKjB,GACF,CAACG,EAAWK,EAAUR,IACjByC,EAAMC,EAAW,CAAEzC,SAAU,CAACkC,EAAKQ,EAAWC,OAAOC,OAAO,CAAE3C,IAAKA,EAAK4C,SAAS,EAAMrB,QAASE,EAAgBtB,UAAWA,EAAWG,SAAUA,EAAUR,MAAOA,EAAO+C,SAAU,EAAGhD,MAAOgB,GAAiBhB,GAASkB,EAAUjB,GAAQ,CAAEgD,KAAMb,EAAKc,EAAM,CAAEC,KAAMvC,EAAO,aAAe,iBAAmBwC,aAAc,MAAOC,UAAW,iBAAmBjB,EAAKkB,EAAQ,CAAE1C,KAAMA,EAAME,SAAUA,EAAUyC,UAAW,SAAUC,YAAY,EAAMtD,SAAU,EAAGuD,qBAAuBrB,EAAKsB,EAAmB,CAAEC,YAAa,IAAM9C,GAAQ,GAAQX,SAAUkC,EAAKwB,EAAMf,OAAOC,OAAO,CAAE,EAAEW,EAAiB,CAAEI,QAAS,IAAK3D,SAAUkC,EAAK0B,EAAY,CAAEC,GAAI,iBAAkB7D,SAAU6B,eAAqC,IAEtsB+B,EAAaE,EAAOC,EAAPD,EAAiB,KACzB,CACHE,IAAK,OACLC,KAAM,OACNC,UAAW,+BACXC,aAAc,MACdC,QAAS,MACTC,MAAO,QACPC,UAAW,QACXC,SAAU"}

package/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts

@@ -1,29 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-/**
- * @interface AppBarProps
- * @description Base definition of SkodaFlow Tabs component independent on core implementation.
- */
-export interface AppBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
-    /**
-     * Label to use for tab that wrap overlowing tabs
-     */
-    labelMoreItem?: string;
-    /**
-     * the current active tab index to be activated on the screen
-     */
-    currentActiveTab?: string | number;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    handleChange?: (newValue: any) => void;
-    setCurrentActiveTab?: (val: number | string) => void;
-}
-/**
- * @description SkodaFlow Checkbox component.
- * Properties are inherited from HTML Button element.
- * @param props AppBarProps
- * @returns React Functional Component
- */
-export declare const SecondaryNavigationTabs: FC<AppBarProps>;

package/components/tab/secondaryNavigation/secondaryNavigationTabs.js

@@ -1,2 +0,0 @@
-import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import i,{useState as t,useCallback as n,useEffect as a}from"react";import p from"@mui/material/AppBar";import l from"@mui/material/Toolbar";import{Icon as c}from"../../icon/icon.js";import"../../icon/icon.definitions.js";import d from"./secondaryTabStyled.js";import{styled as s,Backdrop as m,Popper as h,MenuList as b,MenuItem as x,Divider as u,Box as g,ClickAwayListener as f,Fade as v}from"@mui/material";import{flowColors as k}from"../../../design/skoda/palette.theme.js";const y=({currentActiveTab:p,setCurrentActiveTab:s,children:m})=>{const[h,b]=t(null),[k,y]=t(null),[w,z]=t(!1),[R,S]=t(null),O=n((o=>{s(o.value),o.onClick&&o.onClick()}),[s]),B=n((o=>{z(!w),y(o.currentTarget)}),[w]),I=n((i=>i.href?o("a",{href:i.href,target:i.target||null,children:[r(c,{color:"inherit",name:i.icon||"more-horizontal"}),i.label]}):o(e,{children:[r(c,{color:"inherit",name:i.icon||"more-horizontal"}),i.label]})),[]),L=n((o=>{S(o.label),o.href?window.open(o.href,o.target):s(o.value),z(!1),o.onClick&&o.onClick(o.value)}),[s]),M=n((()=>h.slice(3).map(((e,i)=>o("div",{children:[r(x,{onClick:()=>L(e.props),children:e.props.label},i),r(u,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},e.props.label)))),[h,L]);return a((()=>{b(i.Children.toArray(m))}),[m]),r(A,{position:"fixed",color:"transparent",children:r(l,{children:r(g,{sx:{display:"flex"},children:h&&o(e,{children:[r(d,Object.assign({},h[0].props,{isActive:p===h[0].props.value,onClick:()=>{O(h[0].props)},children:I(h[0].props)}),"secondary-tab-0"),r(d,Object.assign({},h[1].props,{isActive:p===h[1].props.value,onClick:()=>{O(h[1].props)},children:I(h[1].props)}),"secondary-tab-1"),r(d,Object.assign({},h[2].props,{isActive:p===h[2].props.value,onClick:()=>{O(h[2].props)},children:I(h[2].props)}),"secondary-tab-2"),h.length>4&&o(e,{children:[o(d,{isActive:w,moreTab:!0,selectedMenuLabel:R,onClick:B,children:[r(c,{color:"inherit",name:"vertical"}),R]},"secondary-tab-more"),r(T,{open:w,anchorEl:k,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:o})=>r(f,{onClickAway:()=>z(!1),children:r(C,{open:w,onClick:()=>z(!1),children:r(v,Object.assign({},o,{timeout:350,children:r(j,{id:"more-tabs-menu",children:M()})}))})})})]}),h.length<=4&&r(d,Object.assign({},h[3].props,{isActive:p===h[3].props.value,onClick:()=>{O(h[3].props)},children:I(h[3].props)}),"secondary-tab-3")]})})})})},C=s(m)((()=>({zIndex:2e3}))),T=s(h)((()=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),j=s(b)((({theme:o})=>({position:"absolute",bottom:"0",left:0,width:"100%",padding:"26px 0px 27px 0px",background:"white",boxSizing:"border-box",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",zIndex:2e3,boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px","& .MuiDivider-root":{display:"block",marginTop:"0px !important",marginBottom:"0px !important"},"& div:first-of-type":{"& > li":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}},"& > div > li":{fontSize:"16px",fontWeight:"400",color:o.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),A=s(p)((()=>({maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${k.transparent.secondary}`,backgroundColor:k.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));export{y as SecondaryNavigationTabs};
-//# sourceMappingURL=secondaryNavigationTabs.js.map

package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useState } from 'react';\nimport MuiAppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { Icon } from '../../icon';\nimport SecondaryTabStyled from './secondaryTabStyled';\nimport { MenuItem, ClickAwayListener, Fade, MenuList, Popper, styled, Box, Backdrop, Divider } from '@mui/material';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props AppBarProps\n * @returns React Functional Component\n */\nexport const SecondaryNavigationTabs = ({ currentActiveTab, setCurrentActiveTab, children }) => {\n    const [childrenArr, setChildrenArr] = useState(null);\n    const [anchorEl, setAnchorEl] = useState(null);\n    const [open, setOpen] = useState(false);\n    const [selectedMenuLabel, setSelectedMenuLabel] = useState(null);\n    //handle the active tab selected\n    const handleActiveTab = useCallback((_props) => {\n        setCurrentActiveTab(_props.value);\n        _props.onClick && _props.onClick();\n    }, [setCurrentActiveTab]);\n    //handle the click on tab of type menu\n    const handleMenuTabClick = useCallback((e) => {\n        setOpen(!open);\n        setAnchorEl(e.currentTarget);\n    }, [open]);\n    //render a link tab or not based on type\n    const handleRenderTabType = useCallback((_props) => {\n        if (_props.href) {\n            return (_jsxs(\"a\", { href: _props.href, target: _props.target || null, children: [_jsx(Icon, { color: \"inherit\", name: _props.icon || 'more-horizontal' }), _props.label] }));\n        }\n        else {\n            return (_jsxs(_Fragment, { children: [_jsx(Icon, { color: \"inherit\", name: _props.icon || 'more-horizontal' }), _props.label] }));\n        }\n    }, []);\n    //handle the event triggered on onclick based on tab type (link or tab)\n    const onClickMenuItem = useCallback((_props) => {\n        setSelectedMenuLabel(_props.label);\n        if (!_props.href) {\n            setCurrentActiveTab(_props.value);\n        }\n        else {\n            window.open(_props.href, _props.target);\n        }\n        setOpen(false);\n        _props.onClick && _props.onClick(_props.value);\n    }, [setCurrentActiveTab]);\n    //returns the list of menu items\n    const handleMenuItems = useCallback(() => {\n        const menuItems = childrenArr.slice(3);\n        return menuItems.map((item, i) => {\n            return (_jsxs(\"div\", { children: [_jsx(MenuItem, { onClick: () => onClickMenuItem(item.props), children: item.props.label }, i), _jsx(Divider, { orientation: \"horizontal\", textAlign: \"center\", variant: \"middle\" })] }, item.props.label));\n        });\n    }, [childrenArr, onClickMenuItem]);\n    useEffect(() => {\n        setChildrenArr(React.Children.toArray(children));\n    }, [children]);\n    return (_jsx(AppBarStyled, { position: \"fixed\", color: \"transparent\", children: _jsx(Toolbar, { children: _jsx(Box, { sx: { display: 'flex' }, children: childrenArr && (_jsxs(_Fragment, { children: [_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[0].props, { isActive: currentActiveTab === childrenArr[0].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[0].props);\n                            }, children: handleRenderTabType(childrenArr[0].props) }), `secondary-tab-0`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[1].props, { isActive: currentActiveTab === childrenArr[1].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[1].props);\n                            }, children: handleRenderTabType(childrenArr[1].props) }), `secondary-tab-1`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[2].props, { isActive: currentActiveTab === childrenArr[2].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[2].props);\n                            }, children: handleRenderTabType(childrenArr[2].props) }), `secondary-tab-2`), childrenArr.length > 4 && (_jsxs(_Fragment, { children: [_jsxs(SecondaryTabStyled, { isActive: open, moreTab: true, selectedMenuLabel: selectedMenuLabel, onClick: handleMenuTabClick, children: [_jsx(Icon, { color: \"inherit\", name: \"vertical\" }), selectedMenuLabel] }, `secondary-tab-more`), _jsx(PopperStyled, { open: open, anchorEl: anchorEl, placement: \"top\", transition: true, disablePortal: false, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(BackdropStyled, { open: open, onClick: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) }) })) })] })), childrenArr.length <= 4 && (_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[3].props, { isActive: currentActiveTab === childrenArr[3].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[3].props);\n                            }, children: handleRenderTabType(childrenArr[3].props) }), `secondary-tab-3`))] })) }) }) }));\n};\nconst BackdropStyled = styled(Backdrop)(() => {\n    return {\n        zIndex: 2000,\n    };\n});\nconst PopperStyled = styled(Popper)(() => {\n    const style = {\n        transform: 'unset !important',\n        position: 'static !important',\n        zIndex: 2000,\n    };\n    return style;\n});\nconst MenuStyled = styled(MenuList)(({ theme }) => {\n    return {\n        position: 'absolute',\n        bottom: '0',\n        left: 0,\n        width: '100%',\n        padding: '26px 0px 27px 0px',\n        background: 'white',\n        boxSizing: 'border-box',\n        borderTopLeftRadius: '16px',\n        borderTopRightRadius: '16px',\n        zIndex: 2000,\n        boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n        '& .MuiDivider-root': {\n            display: 'block',\n            marginTop: '0px !important',\n            marginBottom: '0px !important',\n        },\n        '& div:first-of-type': {\n            '& > li': {\n                borderTopLeftRadius: '16px',\n                borderTopRightRadius: '16px',\n            },\n        },\n        '& > div > li': {\n            fontSize: '16px',\n            fontWeight: '400',\n            color: theme.palette.onSurface.os900,\n            paddingTop: '11px',\n            paddingBottom: '11px',\n        },\n    };\n});\n/**\n * @description Tabs styling definition based on props\n */\nconst AppBarStyled = styled(MuiAppBar)(() => {\n    return {\n        maxHeigth: '56px',\n        padding: '0px',\n        top: 'auto',\n        bottom: 0,\n        boxShadow: 'none',\n        borderTop: `1px solid ${flowColors.transparent.secondary}`,\n        backgroundColor: flowColors.background.primary,\n        '& > div.MuiToolbar-root': {\n            maxHeight: '56px',\n            padding: '0px',\n            '& > div': {\n                width: '100%',\n                justifyContent: 'space-evenly',\n                '& > div': {\n                    '&> a': {\n                        padding: 0,\n                        textDecoration: 'none',\n                    },\n                },\n            },\n        },\n    };\n});\n//# sourceMappingURL=secondaryNavigationTabs.js.map"],"names":["SecondaryNavigationTabs","currentActiveTab","setCurrentActiveTab","children","childrenArr","setChildrenArr","useState","anchorEl","setAnchorEl","open","setOpen","selectedMenuLabel","setSelectedMenuLabel","handleActiveTab","useCallback","_props","value","onClick","handleMenuTabClick","e","currentTarget","handleRenderTabType","href","_jsxs","target","_jsx","Icon","color","name","icon","label","_Fragment","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","React","Children","toArray","AppBarStyled","position","Toolbar","Box","sx","display","SecondaryTabStyled","Object","assign","isActive","length","moreTab","PopperStyled","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","BackdropStyled","Fade","timeout","MenuStyled","id","styled","Backdrop","zIndex","Popper","transform","MenuList","theme","bottom","left","width","padding","background","boxSizing","borderTopLeftRadius","borderTopRightRadius","boxShadow","marginTop","marginBottom","fontSize","fontWeight","palette","onSurface","os900","paddingTop","paddingBottom","MuiAppBar","maxHeigth","top","borderTop","flowColors","transparent","secondary","backgroundColor","primary","maxHeight","justifyContent","textDecoration"],"mappings":"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"}

package/components/tab/secondaryNavigation/secondaryTabStyled.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Theme } from '@mui/material';
-declare const SecondaryTabStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-} & {
-    isActive?: boolean;
-    theme?: Theme;
-    href?: string;
-    key: string;
-    moreTab?: boolean;
-    selectedMenuLabel?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default SecondaryTabStyled;

package/components/tab/secondaryNavigation/secondaryTabStyled.js

@@ -1,2 +0,0 @@
-import t from"@emotion/styled";const e=t("div")((({isActive:t,theme:e,href:o,moreTab:r,selectedMenuLabel:a})=>{let i={};return i=Object.assign(Object.assign({},i),{color:t?e.palette.brand.primary:e.palette.text.primary,cursor:"pointer",paddingLeft:"12px",paddingRight:"14px",fontSize:"10px",fontWeight:"normal",textTransform:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"25%",textAlign:"center",display:"flex",flexDirection:"column","& > span.MuiIcon-root":{color:t?e.palette.brand.primary:e.palette.text.primary,margin:"0 auto",marginTop:r||!a?"9px":0,display:"block",fontSize:"24px !Important",width:"24px",height:"25px",marginBottom:"-4px"}}),o&&(i=Object.assign(Object.assign({},i),{"& > a":{color:t?e.palette.brand.secondary:e.palette.text.primary,cursor:"pointer",display:"block",textDecoration:"none",paddingLeft:"12px",paddingRight:"14px",fontSize:"10px",fontWeight:"normal",textTransform:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","& > span.MuiIcon-root":{color:t?e.palette.brand.secondary:e.palette.text.primary,margin:"0 auto",display:"block",fontSize:"24px !Important",width:"24px",height:"25px"}}})),i}));export{e as default};
-//# sourceMappingURL=secondaryTabStyled.js.map

package/components/tab/secondaryNavigation/secondaryTabStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"secondaryTabStyled.js","sources":["../../../../src/components/tab/secondaryNavigation/secondaryTabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nconst SecondaryTabStyled = styled('div')(({ isActive, theme, href, moreTab, selectedMenuLabel }) => {\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { color: isActive ? theme.palette.brand.primary : theme.palette.text.primary, cursor: 'pointer', paddingLeft: '12px', paddingRight: '14px', fontSize: '10px', fontWeight: 'normal', textTransform: 'none', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', width: '25%', textAlign: 'center', display: 'flex', flexDirection: 'column', '& > span.MuiIcon-root': {\n            color: isActive ? theme.palette.brand.primary : theme.palette.text.primary,\n            margin: '0 auto',\n            marginTop: moreTab || !selectedMenuLabel ? '9px' : 0,\n            display: 'block',\n            fontSize: '24px !Important',\n            width: '24px',\n            height: '25px',\n            marginBottom: '-4px',\n        } });\n    if (href) {\n        styles = Object.assign(Object.assign({}, styles), { '& > a': {\n                color: isActive ? theme.palette.brand.secondary : theme.palette.text.primary,\n                cursor: 'pointer',\n                display: 'block',\n                textDecoration: 'none',\n                paddingLeft: '12px',\n                paddingRight: '14px',\n                fontSize: '10px',\n                fontWeight: 'normal',\n                textTransform: 'none',\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                '& > span.MuiIcon-root': {\n                    color: isActive ? theme.palette.brand.secondary : theme.palette.text.primary,\n                    margin: '0 auto',\n                    display: 'block',\n                    fontSize: '24px !Important',\n                    width: '24px',\n                    height: '25px',\n                },\n            } });\n    }\n    return styles;\n});\nexport default SecondaryTabStyled;\n//# sourceMappingURL=secondaryTabStyled.js.map"],"names":["SecondaryTabStyled","styled","isActive","theme","href","moreTab","selectedMenuLabel","styles","Object","assign","color","palette","brand","primary","text","cursor","paddingLeft","paddingRight","fontSize","fontWeight","textTransform","whiteSpace","overflow","textOverflow","width","textAlign","display","flexDirection","margin","marginTop","height","marginBottom","secondary","textDecoration"],"mappings":"+BACK,MAACA,EAAqBC,EAAO,MAAPA,EAAc,EAAGC,WAAUC,QAAOC,OAAMC,UAASC,wBACxE,IAAIC,EAAS,CAAA,EAmCb,OAlCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMC,QAAUV,EAAMQ,QAAQG,KAAKD,QAASE,OAAQ,UAAWC,YAAa,OAAQC,aAAc,OAAQC,SAAU,OAAQC,WAAY,SAAUC,cAAe,OAAQC,WAAY,SAAUC,SAAU,SAAUC,aAAc,WAAYC,MAAO,MAAOC,UAAW,SAAUC,QAAS,OAAQC,cAAe,SAAU,wBAAyB,CAC/ZjB,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMC,QAAUV,EAAMQ,QAAQG,KAAKD,QACnEe,OAAQ,SACRC,UAAWxB,IAAYC,EAAoB,MAAQ,EACnDoB,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,OACRC,aAAc,UAElB3B,IACAG,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,QAAS,CACrDG,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMoB,UAAY7B,EAAMQ,QAAQG,KAAKD,QACrEE,OAAQ,UACRW,QAAS,QACTO,eAAgB,OAChBjB,YAAa,OACbC,aAAc,OACdC,SAAU,OACVC,WAAY,SACZC,cAAe,OACfC,WAAY,SACZC,SAAU,SACVC,aAAc,WACd,wBAAyB,CACrBb,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMoB,UAAY7B,EAAMQ,QAAQG,KAAKD,QACrEe,OAAQ,SACRF,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,YAIjBvB,CAAM"}

package/components/tab/tab.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-/**
- * @interface TabProps
- * @description Base definition of SkodaFlow Tabs component independent on core implementation.
- */
-export interface TabProps {
-    /**
-     *  Text shown as the tab title
-     */
-    label?: string;
-    /**
-     *  Value of the tab
-     */
-    value: any;
-    /**
-     * href for the link tab
-     */
-    href?: string;
-    /**
-     * target for the anchor tag
-     */
-    target?: string;
-    /**
-     * ariaLabel applied to the tab component
-     */
-    ariaLabel?: string;
-    /**
-     * icon shown when in secondary navigation
-     */
-    icon?: string;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    onChange?: (event: React.SyntheticEvent, newValue: number) => void;
-    onClick?: (e: any) => void;
-    /**
-     * Callback for analytics
-     */
-    analyticsCallback?: (payload?: any) => void;
-    children?: React.ReactNode;
-}
-/**
- * @description SkodaFlow Tab component.
- * @param props TabProps
- * @returns React Functional Component
- * @deprecated use Tab component from @mui/material instead
- */
-export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;

package/components/tab/tab.js

@@ -1,2 +0,0 @@
-import{jsx as a,Fragment as e}from"react/jsx-runtime";import{forwardRef as t,useContext as r,useState as l,useCallback as i,useEffect as o}from"react";import s from"./hook/useTabs.js";import{TabsContext as c}from"./tabs.js";import b from"./tabStyled.js";const m=t((({label:t,value:m,onClick:n,analyticsCallback:p,href:f,target:d,ariaLabel:u},v)=>{const{activeTab:j,updateActiveTab:k,smallSize:g}=r(c),[h,x]=l(!1),{a11yProps:C}=s(),S=i((a=>{k(m,!1),p&&p(a),n&&n(a)}),[m,n,k,p]),y=i((()=>a(b,f?Object.assign({wrapped:!0,ref:v,smallSize:g,isActive:h,"aria-label":u,value:m,label:t,tabIndex:h?0:-1},C(m),{component:"a",href:f,target:d,onClick:a=>S(a)}):Object.assign({wrapped:!0,ref:v,"aria-label":u,tabIndex:h?0:-1,smallSize:g,isActive:h,onClick:a=>S(a),value:m,label:t},C(m)))),[f,g,h,d,m,t,C,u,S,v]);return o((()=>{x(j===m)}),[j,m]),a(e,{children:y()})}));export{m as Tab};
-//# sourceMappingURL=tab.js.map

package/components/tab/tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.js","sources":["../../../src/components/tab/tab.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useState, useContext, useEffect, useCallback, forwardRef } from 'react';\nimport useTabs from './hook/useTabs';\nimport { TabsContext } from './tabs';\nimport TabStyled from './tabStyled';\n/**\n * @description SkodaFlow Tab component.\n * @param props TabProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const Tab = forwardRef(({ label, value, onClick, analyticsCallback, href, target, ariaLabel }, ref) => {\n    const { activeTab, updateActiveTab, smallSize } = useContext(TabsContext);\n    const [isActive, setIsActive] = useState(false);\n    const { a11yProps } = useTabs();\n    //On tab clicked: set the new activeTab selected\n    //if is a menu tab: set the anchor element for the menu and set the width of the menu equal to the tab component\n    //then call the onClick from outside\n    const handleOnClick = useCallback((e) => {\n        updateActiveTab(value, false);\n        analyticsCallback && analyticsCallback(e);\n        onClick && onClick(e);\n    }, [value, onClick, updateActiveTab, analyticsCallback]);\n    //IF href prop is present: render the Link Tab\n    //Otherwise render the default tab\n    const handleTabType = useCallback(() => {\n        if (href) {\n            return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, smallSize: smallSize, isActive: isActive, \"aria-label\": ariaLabel, value: value, label: label, tabIndex: isActive ? 0 : -1 }, a11yProps(value), { component: 'a', href: href, target: target, onClick: (e) => handleOnClick(e) })));\n        }\n        else {\n            return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, \"aria-label\": ariaLabel, tabIndex: isActive ? 0 : -1, smallSize: smallSize, isActive: isActive, onClick: (e) => handleOnClick(e), value: value, label: label }, a11yProps(value))));\n        }\n    }, [href, smallSize, isActive, target, value, label, a11yProps, ariaLabel, handleOnClick, ref]);\n    //If the activeTab is equal to the current tab, set active\n    useEffect(() => {\n        if (activeTab === value) {\n            setIsActive(true);\n        }\n        else {\n            setIsActive(false);\n        }\n    }, [activeTab, value]);\n    return _jsx(_Fragment, { children: handleTabType() });\n});\n//# sourceMappingURL=tab.js.map"],"names":["Tab","forwardRef","label","value","onClick","analyticsCallback","href","target","ariaLabel","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","a11yProps","useTabs","handleOnClick","useCallback","e","handleTabType","_jsx","TabStyled","Object","assign","wrapped","tabIndex","component","useEffect","_Fragment","children"],"mappings":"8PAWY,MAACA,EAAMC,GAAW,EAAGC,QAAOC,QAAOC,UAASC,oBAAmBC,OAAMC,SAAQC,aAAaC,KAClG,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAWC,IACtDC,EAAUC,GAAeC,GAAS,IACnCC,UAAEA,GAAcC,IAIhBC,EAAgBC,GAAaC,IAC/BX,EAAgBR,GAAO,GACvBE,GAAqBA,EAAkBiB,GACvClB,GAAWA,EAAQkB,EAAE,GACtB,CAACnB,EAAOC,EAASO,EAAiBN,IAG/BkB,EAAgBF,GAAY,IAElBG,EAAKC,EADbnB,EACwBoB,OAAOC,OAAO,CAAEC,SAAS,EAAMnB,IAAKA,EAAKG,UAAWA,EAAWG,SAAUA,EAAU,aAAcP,EAAWL,MAAOA,EAAOD,MAAOA,EAAO2B,SAAUd,EAAW,GAAK,GAAKG,EAAUf,GAAQ,CAAE2B,UAAW,IAAKxB,KAAMA,EAAMC,OAAQA,EAAQH,QAAUkB,GAAMF,EAAcE,KAGrQI,OAAOC,OAAO,CAAEC,SAAS,EAAMnB,IAAKA,EAAK,aAAcD,EAAWqB,SAAUd,EAAW,GAAK,EAAGH,UAAWA,EAAWG,SAAUA,EAAUX,QAAUkB,GAAMF,EAAcE,GAAInB,MAAOA,EAAOD,MAAOA,GAASgB,EAAUf,MAEhP,CAACG,EAAMM,EAAWG,EAAUR,EAAQJ,EAAOD,EAAOgB,EAAWV,EAAWY,EAAeX,IAU1F,OARAsB,GAAU,KAEFf,EADAN,IAAcP,EAKjB,GACF,CAACO,EAAWP,IACRqB,EAAKQ,EAAW,CAAEC,SAAUV,KAAkB"}

package/components/tab/tabPanel.d.ts

@@ -1,21 +0,0 @@
-import React, { ReactNode } from 'react';
-/**
- * @interface TabPanelProps
- * @description Interface of TabPanel component.
- */
-export interface TabPanelProps {
-    /**
-     *  Content displayed inside the tab panel
-     */
-    children?: ReactNode;
-    /**
-     *  value of the tab panel equal to the tab selected
-     */
-    value?: number | string;
-    /**
-     *  index of the tab panel
-     */
-    index?: number | string;
-}
-/** @deprecated use Tab component from @mui/material instead */
-export declare const TabPanel: React.FC<TabPanelProps>;

package/components/tab/tabPanel.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";const l=l=>{const{children:r,value:n,index:t}=l,a=e(l,["children","value","index"]);return i("div",Object.assign({role:"tabpanel",hidden:n!==t,id:`simple-tabpanel-${t}`,"aria-labelledby":`simple-tab-${t}`},a,{children:n===t&&r}))};export{l as TabPanel};
-//# sourceMappingURL=tabPanel.js.map

package/components/tab/tabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabPanel.js","sources":["../../../src/components/tab/tabPanel.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/** @deprecated use Tab component from @mui/material instead */\nexport const TabPanel = (props) => {\n    const { children, value, index } = props, other = __rest(props, [\"children\", \"value\", \"index\"]);\n    return (_jsx(\"div\", Object.assign({ role: \"tabpanel\", hidden: value !== index, id: `simple-tabpanel-${index}`, \"aria-labelledby\": `simple-tab-${index}` }, other, { children: value === index && children })));\n};\n//# sourceMappingURL=tabPanel.js.map"],"names":["TabPanel","props","children","value","index","other","__rest","_jsx","Object","assign","role","hidden","id"],"mappings":"uEAGY,MAACA,EAAYC,IACrB,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUH,EAAOI,EAAQC,EAAOL,EAAO,CAAC,WAAY,QAAS,UACtF,OAAQM,EAAK,MAAOC,OAAOC,OAAO,CAAEC,KAAM,WAAYC,OAAQR,IAAUC,EAAOQ,GAAI,mBAAmBR,IAAS,kBAAmB,cAAcA,KAAWC,EAAO,CAAEH,SAAUC,IAAUC,GAASF,IAAc"}

package/components/tab/tabStyled.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-/**
- * @description Tabs styling definition based on props
- * @deprecated use Tab component from @mui/material instead
- */
-declare const TabStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "wrapped"> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    component?: import("react").ElementType<any>;
-} & {
-    isActive?: boolean;
-    smallSize?: boolean;
-    href?: string;
-    component?: any;
-    target?: string;
-    theme?: any;
-}, {}, {}>;
-export default TabStyled;

package/components/tab/tabStyled.js

@@ -1,2 +0,0 @@
-import t from"@emotion/styled";import o from"@mui/material/Tab";const e=t(o,{shouldForwardProp:t=>"isActive"!==t&&"smallSize"!==t&&"ref"!==t})((({isActive:t,smallSize:o,theme:e})=>{let i={minWidth:"fit-content",fontWeight:"700",padding:0,color:e.palette.onSurface.os500,opacity:1,fontSize:"20px",textTransform:"none",transition:"color .3s ease-out",minHeight:"32px",maxHeight:"32px",marginTop:"4px",fontFamily:"SKODA Next",letterSpacing:"0.02857em","&:focus":{paddingLeft:"5px",paddingRight:"5px",border:`2px solid ${e.palette.text.primary}`,boxSizing:" border-box"},"&:hover":{color:e.palette.text.primary,position:"relative",overflow:"visible","& > .MuiIcon-root":{color:e.palette.text.primary},"&:after":{content:'""',display:"block",position:"absolute",height:"3px",backgroundColor:e.palette.brand.primary,width:"100%",bottom:"-12px",left:0}},"&:active":{color:e.palette.text.primary},"& > .MuiIcon-root":{fontSize:"20px !Important",width:"20px",height:"30px",color:e.palette.onSurface.os500}};return i=Object.assign(Object.assign({},i),{[e.breakpoints.down("sm")]:{fontSize:"14px",minWidth:"56px",marginTop:"6px"}}),t&&(i=Object.assign(Object.assign({},i),{color:e.palette.text.primary})),o&&(i=Object.assign(Object.assign({},i),{fontSize:"14px",minWidth:"56px",marginTop:"6px","& > .MuiIcon-root":{fontSize:"15px !important",width:"15px",height:"22px"}})),i}));export{e as default};
-//# sourceMappingURL=tabStyled.js.map

package/components/tab/tabStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabStyled.js","sources":["../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/**\n * @description Tabs styling definition based on props\n * @deprecated use Tab component from @mui/material instead\n */\nconst TabStyled = styled(MuiTab, {\n    shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n    let styles = {\n        minWidth: 'fit-content',\n        fontWeight: '700',\n        padding: 0,\n        color: theme.palette.onSurface.os500,\n        opacity: 1,\n        fontSize: '20px',\n        textTransform: 'none',\n        transition: 'color .3s ease-out',\n        minHeight: '32px',\n        maxHeight: '32px',\n        marginTop: '4px',\n        fontFamily: 'SKODA Next',\n        letterSpacing: '0.02857em',\n        '&:focus': {\n            paddingLeft: '5px',\n            paddingRight: '5px',\n            border: `2px solid ${theme.palette.text.primary}`,\n            boxSizing: ' border-box',\n        },\n        '&:hover': {\n            color: theme.palette.text.primary,\n            position: 'relative',\n            overflow: 'visible',\n            '& > .MuiIcon-root': {\n                color: theme.palette.text.primary,\n            },\n            '&:after': {\n                content: '\"\"',\n                display: 'block',\n                position: 'absolute',\n                height: '3px',\n                backgroundColor: theme.palette.brand.primary,\n                width: '100%',\n                bottom: '-12px',\n                left: 0,\n            },\n        },\n        '&:active': {\n            color: theme.palette.text.primary,\n        },\n        '& > .MuiIcon-root': {\n            fontSize: '20px !Important',\n            width: '20px',\n            height: '30px',\n            color: theme.palette.onSurface.os500,\n        },\n    };\n    styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n            fontSize: '14px',\n            minWidth: '56px',\n            marginTop: '6px',\n        } });\n    if (isActive) {\n        styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n    }\n    if (smallSize) {\n        styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n                fontSize: '15px !important',\n                width: '15px',\n                height: '22px',\n            } });\n    }\n    return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"gEAMK,MAACA,EAAYC,EAAOC,EAAQ,CAC7BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD9DH,EAEf,EAAGI,WAAUC,YAAWC,YACvB,IAAIC,EAAS,CACTC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACPC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,eAEf,UAAW,CACPlB,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACjBpB,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,UAAW,CACPI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGd,WAAY,CACR5B,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,oBAAqB,CACjBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,QAkBvC,OAfAP,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAE,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,CAC5E3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAEfjB,IACAG,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIlC,GAAS,CAAEI,MAAOL,EAAMM,QAAQe,KAAKC,WAE9EvB,IACAE,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAES,SAAU,OAAQR,SAAU,OAAQa,UAAW,MAAO,oBAAqB,CACvHL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAGb3B,CAAM"}

package/components/tab/tabs.d.ts

@@ -1,56 +0,0 @@
-import React, { FC, HTMLAttributes } from 'react';
-import { Theme } from '@mui/material/styles';
-import { SxProps } from '@mui/system';
-export declare const TabsContext: React.Context<{
-    activeTab: any;
-    updateActiveTab: (...args: any[]) => void;
-    smallSize: boolean;
-}>;
-/**
- * @interface TabsProps
- * @description Base definition of SkodaFlow Tabs component independent on core implementation.
- */
-export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
-    /**
-     * Size of every single tab
-     */
-    smallSize?: boolean;
-    /**
-     * Label to use for tab that wrap overlowing tabs
-     */
-    labelMoreItem?: string;
-    /**
-     * the default active tab on mount
-     * @deprecated Use property `activeTab` instead
-     */
-    defaultActiveTab?: string | number;
-    /** Specifies which tab is active */
-    activeTab?: string | number;
-    /**
-     * If true and on mobile view, tabs are rendered as mobile secondary navigation view
-     */
-    variantSecondaryNavigation?: boolean;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    handleChange: (newValue: any) => void;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     *  See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * Override or extend the styles applied to the component. See CSS API below for more details.
-     */
-    classes?: object;
-}
-/**
- * @description SkodaFlow Checkbox component.
- * Properties are inherited from HTML Button element.
- * @param props TabsProps
- * @returns React Functional Component
- * @deprecated use Tab component from @mui/material instead
- */
-export declare const Tabs: FC<TabsProps>;

package/components/tab/tabs.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsx as i,Fragment as a,jsxs as r}from"react/jsx-runtime";import t,{useState as o,useRef as n,useCallback as s,useEffect as l}from"react";import d from"@mui/material/Tabs";import{styled as m}from"@mui/material/styles";import{SecondaryNavigationTabs as c}from"./secondaryNavigation/secondaryNavigationTabs.js";import{MenuTab as b}from"./menuTab.js";import u from"./hook/useTabs.js";import{useTheme as v}from"@mui/material";import{flowColors as g}from"../../design/skoda/palette.theme.js";import p from"lodash/noop";const h=t.createContext({activeTab:null,updateActiveTab:p,smallSize:!1}),f=d=>{var{handleChange:m,defaultActiveTab:g,smallSize:p,variantSecondaryNavigation:f,children:x,sx:j,classes:w,labelMoreItem:M="More",activeTab:S}=d,z=e(d,["handleChange","defaultActiveTab","smallSize","variantSecondaryNavigation","children","sx","classes","labelMoreItem","activeTab"]);const[O,y]=o(null!=S?S:g),[L,A]=o(null),[C,k]=o(!1),[N,E]=o([]),[I,D]=o(!1),[R,P]=o(!1),B=n(null),F=n(null),{handleOverflowingTabs:V,handleIsMobileView:W}=u(),q=v(),G=s(((e,i)=>{P(i),y(e)}),[]),H=s((()=>{W(f,C,k,A)}),[W,C,f]);return l((()=>{y(null!=S?S:g)}),[S,g]),l((()=>(H(),window.addEventListener("resize",H),()=>{window.removeEventListener("resize",H)}))),l((()=>{m&&m(O)}),[O,m]),l((()=>{E(t.Children.toArray(x))}),[x]),l((()=>{B&&B.current&&V(F,L,x,E)}),[L,V,x]),l((()=>{document.addEventListener("mousedown",(function(){D(!0)})),document.addEventListener("keydown",(function(){D(!1)}))}),[]),l((()=>{}),[z]),i(a,{children:f&&C?i(c,{labelMoreItem:M,currentActiveTab:O,setCurrentActiveTab:e=>y(e),children:x}):i(h.Provider,{value:{activeTab:O,updateActiveTab:G,smallSize:p},children:r(T,{ref:F,variant:L<=q.breakpoints.values.lg?"scrollable":"fullWidth",scrollButtons:!1,smallSize:p,value:R?"more":O,mouseDown:I,sx:j,classes:w,children:[x,i(b,{value:"more",ref:B,label:M,children:N})]})})})},T=m(d,{shouldForwardProp:e=>"variantSecondaryNavigation"!==e&&"smallSize"!==e&&"mouseDown"!==e})((i=>{var a=e(i,["isActive","theme"]);let r={};return r=Object.assign(Object.assign({},r),{boxSizing:"border-box","& *":{boxSizing:"border-box"},"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px",width:"100%"},"& > .MuiTabs-indicator":{height:"3px",backgroundColor:g.brand.primary},"& > div > .MuiTab-root":{marginLeft:"56px"}}}),a.smallSize&&(r=Object.assign(Object.assign({},r),{"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px"},"& > div > .MuiTab-root":{marginLeft:"40px","&:after":{bottom:"-11px"}}},"& .MuiTabs-indicator":{backgroundColor:g.brand.primary}})),a.mouseDown&&(r=Object.assign(Object.assign({},r),{"& > div":Object.assign(Object.assign({},r["& > div"]),{"& > div > .MuiTab-root":Object.assign(Object.assign({},r["& > div"]["& > div > .MuiTab-root"]),{"&:focus":{border:0,paddingLeft:0,paddingRight:0}})})})),r}));export{f as Tabs,h as TabsContext};
-//# sourceMappingURL=tabs.js.map

package/components/tab/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sources":["../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n    activeTab: null,\n    updateActiveTab: noop,\n    smallSize: false,\n});\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const Tabs = (_a) => {\n    var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n    const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n    const [windowWidth, setWindowWidth] = useState(null);\n    const [isMobileView, setIsMobileView] = useState(false);\n    const [menuChildren, setMenuChildren] = useState([]);\n    const [mouseDown, setMouseDown] = useState(false);\n    const [activeMenuItem, setActiveMenuItem] = useState(false);\n    const moreBtnRef = useRef(null);\n    const tabsRef = useRef(null);\n    const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n    const theme = useTheme();\n    const updateActiveTab = useCallback((value, fromMenu) => {\n        setActiveMenuItem(fromMenu);\n        setCurrentActiveTab(value);\n    }, []);\n    const handleMobileView = useCallback(() => {\n        handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n    }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n    useEffect(() => {\n        setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n    }, [activeTab, defaultActiveTab]);\n    useEffect(() => {\n        handleMobileView();\n        window.addEventListener('resize', handleMobileView);\n        return () => {\n            window.removeEventListener('resize', handleMobileView);\n        };\n    });\n    useEffect(() => {\n        handleChange && handleChange(currentActiveTab);\n    }, [currentActiveTab, handleChange]);\n    //Set the initial more btn menu list\n    useEffect(() => {\n        setMenuChildren(React.Children.toArray(children));\n    }, [children]);\n    //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n    useEffect(() => {\n        if (moreBtnRef && moreBtnRef.current) {\n            handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n        }\n    }, [windowWidth, handleOverflowingTabs, children]);\n    useEffect(() => {\n        document.addEventListener('mousedown', function () {\n            setMouseDown(true);\n        });\n        document.addEventListener('keydown', function () {\n            setMouseDown(false);\n        });\n    }, []);\n    useEffect(() => { }, [props]);\n    return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/**\n * @description Tabs styling definition based on props\n */\nconst TabsStyled = styled(MuiTabs, {\n    shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n    var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& *': {\n            boxSizing: 'border-box',\n        }, '& > div': {\n            '& > div > .MuiTab-root:last-child': {\n                marginRight: '10px',\n            },\n            '& > div': {\n                marginLeft: '2px',\n                width: '100%',\n            },\n            '& > .MuiTabs-indicator': {\n                height: '3px',\n                backgroundColor: flowColors.brand.primary,\n            },\n            '& > div > .MuiTab-root': {\n                marginLeft: '56px',\n            },\n        } });\n    if (props.smallSize) {\n        styles = Object.assign(Object.assign({}, styles), { '& > div': {\n                '& > div > .MuiTab-root:last-child': {\n                    marginRight: '10px',\n                },\n                '& > div': {\n                    marginLeft: '2px',\n                },\n                '& > div > .MuiTab-root': {\n                    marginLeft: '40px',\n                    '&:after': {\n                        bottom: '-11px',\n                    },\n                },\n            }, '& .MuiTabs-indicator': {\n                backgroundColor: flowColors.brand.primary,\n            } });\n    }\n    if (props.mouseDown) {\n        styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n                        border: 0,\n                        paddingLeft: 0,\n                        paddingRight: 0,\n                    } }) }) });\n    }\n    return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","createContext","activeTab","updateActiveTab","noop","smallSize","Tabs","_a","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","props","__rest","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","mouseDown","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","SecondaryNavigationTabs","val","Provider","_jsxs","TabsStyled","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label","styled","MuiTabs","shouldForwardProp","prop","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","border","paddingLeft","paddingRight"],"mappings":"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"}

package/design/skoda/palette.theme.js

@@ -1,2 +0,0 @@
-import r from"@skodaflow/web-tokens/src/tokens.json";const a=r["flow-colors"],e={primary:{main:a["brand-primary"],light:a["brand-hover-primary"]},secondary:{main:a["on-surface700"],light:a["on-surface600"]},error:{main:a["semantic-alert"]},success:{main:a["semantic-positive"]},divider:a["surface-secondary"],brand:{primary:a["brand-primary"],secondary:a["brand-secondary"],tertiary:a["brand-tertiary"],quarternary:a["brand-quarternary"]},brandHover:{primary:a["brand-hover-primary"],secondary:a["brand-hover-secondary"]},disabled:{primary:a["disabled-primary"],secondary:a["disabled-secondary"],tertiary:a["disabled-tertiary"]},text:{primary:a["text-primary"],disabled:a["disabled-primary"]},background:{primary:a["background-primary"],paper:a["background-primary"],default:a["surface-secondary"]},transparent:{primary:a["transparent-primary"],secondary:a["transparent-secondary"],backdrop:a["transparent-backdrop"]},surface:{primary:a["surface-primary"],secondary:a["surface-secondary"],tertiary:a["surface-tertiary"],quarternary:a["surface-quarternary"]},onSurface:{os0:a["on-surface0"],os100:a["on-surface100"],os200:a["on-surface200"],os300:a["on-surface300"],os500:a["on-surface500"],os600:a["on-surface600"],os700:a["on-surface700"],os800:a["on-surface800"],os900:a["on-surface900"]},alert:{main:a["semantic-alert"]},warning:{main:a["semantic-warning"]},positive:{main:a["semantic-positive"]},info:{main:a["semantic-info"]}};export{e as flowColors};
-//# sourceMappingURL=palette.theme.js.map

package/design/skoda/palette.theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.theme.js","sources":["../../../src/design/skoda/palette.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nconst tokenColors = tokens['flow-colors'];\nexport const flowColors = {\n    primary: {\n        main: tokenColors['brand-primary'],\n        light: tokenColors['brand-hover-primary'],\n    },\n    secondary: {\n        main: tokenColors['on-surface700'],\n        light: tokenColors['on-surface600'],\n    },\n    error: {\n        main: tokenColors['semantic-alert'],\n    },\n    success: {\n        main: tokenColors['semantic-positive'],\n    },\n    divider: tokenColors['surface-secondary'],\n    brand: {\n        primary: tokenColors['brand-primary'],\n        secondary: tokenColors['brand-secondary'],\n        tertiary: tokenColors['brand-tertiary'],\n        quarternary: tokenColors['brand-quarternary'],\n    },\n    brandHover: {\n        primary: tokenColors['brand-hover-primary'],\n        secondary: tokenColors['brand-hover-secondary'],\n    },\n    disabled: {\n        primary: tokenColors['disabled-primary'],\n        secondary: tokenColors['disabled-secondary'],\n        tertiary: tokenColors['disabled-tertiary'],\n    },\n    text: {\n        primary: tokenColors['text-primary'],\n        disabled: tokenColors['disabled-primary'],\n    },\n    background: {\n        primary: tokenColors['background-primary'],\n        paper: tokenColors['background-primary'],\n        default: tokenColors['surface-secondary'],\n    },\n    transparent: {\n        primary: tokenColors['transparent-primary'],\n        secondary: tokenColors['transparent-secondary'],\n        backdrop: tokenColors['transparent-backdrop'],\n    },\n    surface: {\n        primary: tokenColors['surface-primary'],\n        secondary: tokenColors['surface-secondary'],\n        tertiary: tokenColors['surface-tertiary'],\n        quarternary: tokenColors['surface-quarternary'],\n    },\n    onSurface: {\n        os0: tokenColors['on-surface0'],\n        os100: tokenColors['on-surface100'],\n        os200: tokenColors['on-surface200'],\n        os300: tokenColors['on-surface300'],\n        os500: tokenColors['on-surface500'],\n        os600: tokenColors['on-surface600'],\n        os700: tokenColors['on-surface700'],\n        os800: tokenColors['on-surface800'],\n        os900: tokenColors['on-surface900'],\n    },\n    alert: {\n        main: tokenColors['semantic-alert'],\n    },\n    warning: {\n        main: tokenColors['semantic-warning'],\n    },\n    positive: {\n        main: tokenColors['semantic-positive'],\n    },\n    info: {\n        main: tokenColors['semantic-info'],\n    },\n};\n//# sourceMappingURL=palette.theme.js.map"],"names":["tokenColors","tokens","flowColors","primary","main","light","secondary","error","success","divider","brand","tertiary","quarternary","brandHover","disabled","text","background","paper","default","transparent","backdrop","surface","onSurface","os0","os100","os200","os300","os500","os600","os700","os800","os900","alert","warning","positive","info"],"mappings":"qDACA,MAAMA,EAAcC,EAAO,eACdC,EAAa,CACtBC,QAAS,CACLC,KAAMJ,EAAY,iBAClBK,MAAOL,EAAY,wBAEvBM,UAAW,CACPF,KAAMJ,EAAY,iBAClBK,MAAOL,EAAY,kBAEvBO,MAAO,CACHH,KAAMJ,EAAY,mBAEtBQ,QAAS,CACLJ,KAAMJ,EAAY,sBAEtBS,QAAST,EAAY,qBACrBU,MAAO,CACHP,QAASH,EAAY,iBACrBM,UAAWN,EAAY,mBACvBW,SAAUX,EAAY,kBACtBY,YAAaZ,EAAY,sBAE7Ba,WAAY,CACRV,QAASH,EAAY,uBACrBM,UAAWN,EAAY,0BAE3Bc,SAAU,CACNX,QAASH,EAAY,oBACrBM,UAAWN,EAAY,sBACvBW,SAAUX,EAAY,sBAE1Be,KAAM,CACFZ,QAASH,EAAY,gBACrBc,SAAUd,EAAY,qBAE1BgB,WAAY,CACRb,QAASH,EAAY,sBACrBiB,MAAOjB,EAAY,sBACnBkB,QAASlB,EAAY,sBAEzBmB,YAAa,CACThB,QAASH,EAAY,uBACrBM,UAAWN,EAAY,yBACvBoB,SAAUpB,EAAY,yBAE1BqB,QAAS,CACLlB,QAASH,EAAY,mBACrBM,UAAWN,EAAY,qBACvBW,SAAUX,EAAY,oBACtBY,YAAaZ,EAAY,wBAE7BsB,UAAW,CACPC,IAAKvB,EAAY,eACjBwB,MAAOxB,EAAY,iBACnByB,MAAOzB,EAAY,iBACnB0B,MAAO1B,EAAY,iBACnB2B,MAAO3B,EAAY,iBACnB4B,MAAO5B,EAAY,iBACnB6B,MAAO7B,EAAY,iBACnB8B,MAAO9B,EAAY,iBACnB+B,MAAO/B,EAAY,kBAEvBgC,MAAO,CACH5B,KAAMJ,EAAY,mBAEtBiC,QAAS,CACL7B,KAAMJ,EAAY,qBAEtBkC,SAAU,CACN9B,KAAMJ,EAAY,sBAEtBmC,KAAM,CACF/B,KAAMJ,EAAY"}

package/theme/skoda/fonts.css

@@ -1 +0,0 @@
-@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf) format("truetype");font-style:normal;font-weight:900}

package/theme/skoda/globals.css

@@ -1 +0,0 @@
-:root{--flow-color-brand-primary: #419468;--flow-color-brand-secondary: #78faae;--flow-color-brand-tertiary: #0e3a2f;--flow-color-brand-quarternary: #e8fff1;--flow-color-brand-hover-primary: #59bc87;--flow-color-brand-hover-secondary: #a8ffcc;--flow-color-background-primary: white;--flow-color-surface-primary: #f1f1f1;--flow-color-surface-secondary: #e4e4e4;--flow-color-surface-tertiary: white;--flow-color-surface-quarternary: #303132;--flow-color-transparent-primary: rgba(22, 23, 24, 0.0588235294);--flow-color-transparent-secondary: rgba(26, 27, 28, 0.1215686275);--flow-color-transparent-backdrop: rgba(228, 228, 228, 0.8);--flow-color-on-surface900: #161718;--flow-color-on-surface800: #303132;--flow-color-on-surface700: #464748;--flow-color-on-surface600: #5a5b5c;--flow-color-on-surface500: #7c7d7e;--flow-color-on-surface300: #9e9fa0;--flow-color-on-surface200: #c4c6c7;--flow-color-on-surface100: #d8d8d8;--flow-color-on-surface0: white;--flow-color-text-primary: #161718;--flow-color-disabled-primary: #c4c6c7;--flow-color-disabled-secondary: #d8d8d8;--flow-color-disabled-tertiary: #9e9fa0;--flow-color-semantic-alert: #e82b37;--flow-color-semantic-warning: #ec6513;--flow-color-semantic-positive: #37d002;--flow-color-semantic-info: #2d71d7}:root{--flow-shadow-xs: box-shadow(0, 0, 8, rgba(0, 0, 0, 0.15));--flow-shadow-s: box-shadow(0, 2, 25, rgba(0, 0, 0, 0.15));--flow-shadow-m: box-shadow(0, 5, 25, rgba(0, 0, 0, 0.15));--flow-shadow-l: box-shadow(0, 8, 32, rgba(0, 0, 0, 0.15));--flow-shadow-xl: box-shadow(0, 24, 64, rgba(0, 0, 0, 0.15))}display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}@media(min-width: 1080px){display{letter-spacing:0px;line-height:72px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:72px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:72px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:72px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:52px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:44px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:52px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:44px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:44px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:36px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:44px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:36px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:30px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:30px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:24px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:24px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:18px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:18px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:18px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:18px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:14px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:14px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:none;text-decoration:none}}@media(min-width: 720px)and (max-width: calc(1080px - 1px)){display{letter-spacing:0px;line-height:64px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:64px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:64px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:64px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:48px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:38px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:48px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:38px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:38px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:32px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:38px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:32px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:32px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:27px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:32px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:27px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}}@media(min-width: 0)and (max-width: calc(720px - 1px)){display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}}body{color:var(--flow-color-text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--flow-color-on-surface200) rgba(255,255,255,0)}* ::-webkit-scrollbar{width:8px;border:2px solid #fff}* ::-webkit-scrollbar-thumb{width:8px;border:2px solid #fff;border-radius:100px;background:var(--flow-color-on-surface200);min-height:50px}* ::-webkit-scrollbar-button{display:none}a,button{text-decoration:none}a:hover,button:hover{text-decoration:none}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none){[style*="overflow:hidden"],[style*="overflow: hidden"]{touch-action:none;-ms-touch-action:none}}}

package/theme/skoda/icons.css

@@ -1 +0,0 @@
-@font-face{font-family:"SKODA Next Icons Filled";src:url(./fonts/SKODANextIcons-Filled.woff) format("woff");src:url(./fonts/SKODANextIcons-Filled.woff) format("woff"),url(./fonts/SKODANextIcons-Filled.eot) format("eot");font-style:normal}@font-face{font-family:"SKODA Next Icons Regular";src:url(./fonts/SKODANextIcons-Regular.woff) format("woff");src:url(./fonts/SKODANextIcons-Regular.woff) format("woff"),url(./fonts/SKODANextIcons-Regular.eot) format("eot");font-style:normal}.sa-i{font-family:"SKODA Next Icons Regular",sans-serif}.sa-i.filled{font-family:"SKODA Next Icons Filled",sans-serif}.sa-i.space::before{content:" "}.sa-i.minus::before{content:"-"}.sa-i.plus::before{content:"+"}.sa-i.close::before{content:"✗"}.sa-i.check::before{content:"✓"}.sa-i.arrow-up::before{content:"↑"}.sa-i.arrow-top-right::before{content:"↗"}.sa-i.arrow-right::before{content:"→"}.sa-i.arrow-bottom-right::before{content:"↘"}.sa-i.arrow-down::before{content:"↓"}.sa-i.arrow-bottom-left::before{content:"↙"}.sa-i.arrow-left::before{content:"←"}.sa-i.arrow-top-left::before{content:"↖"}.sa-i.shuffle::before{content:"󿿾"}.sa-i.download::before{content:"󿿽"}.sa-i.upload::before{content:"󿿼"}.sa-i.import::before{content:"󿿻"}.sa-i.export::before{content:"󿿺"}.sa-i.back-to-parent::before{content:"↩"}.sa-i.reload::before{content:"󿿹"}.sa-i.change-order::before{content:"󿿸"}.sa-i.sort-down::before{content:"󿿷"}.sa-i.sort-up::before{content:"󿿶"}.sa-i.curved-up::before{content:"⤴"}.sa-i.curved-up-flipped::before{content:"󿿴"}.sa-i.curved-left-flipped::before{content:"󿿳"}.sa-i.curved-right-flipped::before{content:"󿿲"}.sa-i.curved-down::before{content:"⤵"}.sa-i.curved-down-flipped::before{content:"󿿰"}.sa-i.curved-left::before{content:"⤶"}.sa-i.curved-right::before{content:"⤷"}.sa-i.chevron-up::before{content:"󿿭"}.sa-i.chevron-right::before{content:"󿿬"}.sa-i.chevron-down::before{content:"󿿫"}.sa-i.chevron-left::before{content:"󿿪"}.sa-i.chevron-double-up::before{content:"󿿩"}.sa-i.chevron-double-right::before{content:"󿿨"}.sa-i.chevron-double-down::before{content:"󿿧"}.sa-i.chevron-double-left::before{content:"󿿦"}.sa-i.chevron-previous::before{content:"󿿥"}.sa-i.chevron-next::before{content:"󿿤"}.sa-i.revert::before{content:"⟲"}.sa-i.refresh::before{content:"⟳"}.sa-i.history::before{content:"󿿣"}.sa-i.locate::before{content:"󿿢"}.sa-i.horizontal::before{content:"󿿡"}.sa-i.vertical::before{content:"󿿠"}.sa-i.list::before{content:"󿿟"}.sa-i.hamburger::before{content:"󿿞"}.sa-i.filters::before{content:"󿿝"}.sa-i.stats::before{content:"󿿜"}.sa-i.wave::before{content:"󿿛"}.sa-i.reverse::before{content:"󿿚"}.sa-i.rewind::before{content:"󿿙"}.sa-i.previous::before{content:"󿿘"}.sa-i.pause::before{content:"󿿗"}.sa-i.next::before{content:"󿿖"}.sa-i.forward::before{content:"󿿕"}.sa-i.play::before{content:"󿿔"}.sa-i.stop::before{content:"󿿓"}.sa-i.record::before{content:"󿿒"}.sa-i.triangle::before{content:"△"}.sa-i.warning::before{content:""}.sa-i.star::before{content:"☆"}.sa-i.profile::before{content:""}.sa-i.group::before{content:""}.sa-i.search::before{content:"🔍"}.sa-i.search-plus::before{content:""}.sa-i.search-minus::before{content:""}.sa-i.settings::before{content:""}.sa-i.show::before{content:""}.sa-i.hide::before{content:""}.sa-i.edit::before{content:""}.sa-i.service::before{content:"󿾢"}.sa-i.clip::before{content:""}.sa-i.phone::before{content:""}.sa-i.pin::before{content:"󿿆"}.sa-i.marker::before{content:"󿿅"}.sa-i.location::before{content:"󿿄"}.sa-i.send::before{content:""}.sa-i.heart::before{content:""}.sa-i.shield::before{content:""}.sa-i.shield-check::before{content:"󿿀"}.sa-i.share::before{content:""}.sa-i.microphone::before{content:"󿾽"}.sa-i.mute::before{content:"󿾦"}.sa-i.map::before{content:""}.sa-i.flag::before{content:"󿾻"}.sa-i.locked::before{content:""}.sa-i.unlocked::before{content:""}.sa-i.brightness::before{content:""}.sa-i.shopping-bag::before{content:"󿾷"}.sa-i.filter::before{content:""}.sa-i.bell::before{content:""}.sa-i.thumb-up::before{content:""}.sa-i.thumb-down::before{content:""}.sa-i.design::before{content:""}.sa-i.cloud-upload::before{content:""}.sa-i.cloud-download::before{content:""}.sa-i.weather-rainy::before{content:"󿾜"}.sa-i.home::before{content:""}.sa-i.bookmark::before{content:""}.sa-i.price-tag::before{content:"󿾛"}.sa-i.audio-off::before{content:""}.sa-i.audio-mid::before{content:"󿾬"}.sa-i.audio-on::before{content:"󿾫"}.sa-i.audio-mute::before{content:"󿾞"}.sa-i.wifi-high::before{content:"󿾪"}.sa-i.wifi-medium::before{content:"󿾩"}.sa-i.wifi-low::before{content:"󿾨"}.sa-i.wifi-no-signal::before{content:"󿾡"}.sa-i.wifi-disabled::before{content:"󿾠"}.sa-i.wiper::before{content:"󿾟"}.sa-i.nut::before{content:"󿾧"}.sa-i.cone::before{content:"󿾥"}.sa-i.fan::before{content:"󿾤"}.sa-i.car::before{content:"󿾣"}.sa-i.signal::before{content:"󿾝"}.sa-i.box::before{content:"󿾚"}.sa-i.bolt::before{content:"󿾙"}.sa-i.audio-note::before{content:"󿾘"}.sa-i.tracks::before{content:"󿾗"}.sa-i.circle::before{content:"○"}.sa-i.circle-minus::before{content:"󰀀"}.sa-i.circle-plus::before{content:"󰀁"}.sa-i.circle-close::before{content:"󰀂"}.sa-i.circle-slash::before{content:"󰀃"}.sa-i.circle-exclamation::before{content:"󰀄"}.sa-i.circle-question::before{content:"󰀅"}.sa-i.circle-info::before{content:"ℹ"}.sa-i.circle-check::before{content:"󰀇"}.sa-i.circle-up::before{content:"󰀈"}.sa-i.circle-top-right::before{content:"󰀉"}.sa-i.circle-right::before{content:"󰀐"}.sa-i.circle-bottom-right::before{content:"󰀑"}.sa-i.circle-down::before{content:"󰀒"}.sa-i.circle-bottom-left::before{content:"󰀓"}.sa-i.circle-left::before{content:"󰀔"}.sa-i.circle-top-left::before{content:"󰀕"}.sa-i.circle-download::before{content:"󰀖"}.sa-i.circle-upload::before{content:"󰀗"}.sa-i.circle-bluetooth::before{content:"󰀘"}.sa-i.circle-chevron-up::before{content:""}.sa-i.circle-chevron-right::before{content:""}.sa-i.circle-chevron-down::before{content:""}.sa-i.circle-chevron-left::before{content:""}.sa-i.clock::before{content:""}.sa-i.stopwatch::before{content:"󰀤"}.sa-i.compass::before{content:""}.sa-i.globe::before{content:""}.sa-i.contrast::before{content:"󰀧"}.sa-i.radar::before{content:"󰀨"}.sa-i.assistance::before{content:"󰀩"}.sa-i.finger-print::before{content:"󰀰"}.sa-i.steering::before{content:"󰀱"}.sa-i.steering-locked::before{content:"󰀴"}.sa-i.breaks::before{content:"󰀲"}.sa-i.tyres::before{content:"󰀳"}.sa-i.circle-tyre::before{content:"󰀵"}.sa-i.square::before{content:"□"}.sa-i.write::before{content:""}.sa-i.external-link::before{content:""}.sa-i.image::before{content:""}.sa-i.barcode::before{content:""}.sa-i.qrcode::before{content:""}.sa-i.health::before{content:""}.sa-i.add::before{content:""}.sa-i.select::before{content:""}.sa-i.select-all::before{content:""}.sa-i.menu-waffle::before{content:""}.sa-i.window::before{content:""}.sa-i.shapes::before{content:""}.sa-i.rhombus::before{content:"◇"}.sa-i.note::before{content:""}.sa-i.archived::before{content:""}.sa-i.inbox::before{content:""}.sa-i.rectangle-vertical::before{content:"▯"}.sa-i.news::before{content:"􀀁"}.sa-i.newspaper::before{content:"􀀂"}.sa-i.manual::before{content:"􀀃"}.sa-i.clipboard::before{content:"􀀄"}.sa-i.schedule::before{content:"􀀅"}.sa-i.task-done::before{content:"􀀆"}.sa-i.logout::before{content:""}.sa-i.login::before{content:""}.sa-i.cut::before{content:"􀀉"}.sa-i.copy::before{content:"􀀐"}.sa-i.paste::before{content:"􀀑"}.sa-i.pump::before{content:"􀀒"}.sa-i.charger::before{content:"􀀗"}.sa-i.trashcan::before{content:"􀀓"}.sa-i.file::before{content:""}.sa-i.new::before{content:"􀀕"}.sa-i.missing::before{content:"􀀖"}.sa-i.rectangle-horizontal::before{content:"▭"}.sa-i.mail::before{content:""}.sa-i.id-card::before{content:""}.sa-i.suitcase::before{content:""}.sa-i.camera::before{content:""}.sa-i.calendar::before{content:""}.sa-i.calendar-check::before{content:"􏿷"}.sa-i.calendar-point::before{content:"􏿶"}.sa-i.battery-full::before{content:"􏿵"}.sa-i.battery-threefourths::before{content:"􏿴"}.sa-i.battery-twofourths::before{content:"􏿳"}.sa-i.battery-onefourth::before{content:"􏿬"}.sa-i.battery-empty::before{content:"􏿲"}.sa-i.rounded::before{content:"􏿱"}.sa-i.card::before{content:""}.sa-i.speech::before{content:""}.sa-i.folder::before{content:""}.sa-i.folder-share::before{content:"􏿭"}.sa-i.first-aid::before{content:"􏿫"}.sa-i.battery::before{content:"􏿧"}.sa-i.ticket::before{content:"􏿦"}.sa-i.bridge::before{content:"􏿥"}.sa-i.engine::before{content:"􏿪"}.sa-i.lights::before{content:"􏿩"}.sa-i.comfort::before{content:"􏿨"}

package/utils/icons.js

@@ -1,2 +0,0 @@
-const e=e=>{let l="";return e&&e.indexOf("-filled")>-1&&(l="filled ",e=e.replace("-filled","")),l+(e.indexOf("sa-i")?e:`sa-i ${e}`)};export{e as getIconName};
-//# sourceMappingURL=icons.js.map

package/utils/icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.js","sources":["../../src/utils/icons.ts"],"sourcesContent":["export const getIconName = (icon) => {\n    let iconClass = '';\n    if (icon && icon.indexOf('-filled') > -1) {\n        iconClass = 'filled ';\n        icon = icon.replace('-filled', '');\n    }\n    return iconClass + (icon.indexOf('sa-i') ? icon : `sa-i ${icon}`);\n};\n//# sourceMappingURL=icons.js.map"],"names":["getIconName","icon","iconClass","indexOf","replace"],"mappings":"AAAY,MAACA,EAAeC,IACxB,IAAIC,EAAY,GAKhB,OAJID,GAAQA,EAAKE,QAAQ,YAAc,IACnCD,EAAY,UACZD,EAAOA,EAAKG,QAAQ,UAAW,KAE5BF,GAAaD,EAAKE,QAAQ,QAAUF,EAAO,QAAQA,IAAO"}