@skodaflow/web-library 7.15.1 → 7.16.0

package/components/progress/progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.js","sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { ProgressMessageComponent, ProgressMessageComponentProps } from './progressMessage';\nimport { Loader, LoaderProps } from './loader';\nimport { Spinner, SpinnerProps } from './spinner';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\n\n/** Common properties for both loader and spinner. */\nexport interface CommonProgressProps {\n  variant?: 'loader' | 'spinner';\n  /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */\n  loadingPercentage?: number;\n  /** Text describing the loading percentage. */\n  loadingPercentageDescribeText?: string;\n  /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */\n  state?: 'loading' | 'error' | 'success';\n  /** Icon message for the success state */\n  successMessage?: React.ReactNode;\n  /** Icon message for the error state */\n  errorMessage?: React.ReactNode;\n}\n\n/**\n * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.\n */\nexport type ProgressProps =\n  | (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & { variant: 'loader' })\n  | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & { variant?: 'spinner' });\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', state = 'loading', loadingPercentage, successMessage, errorMessage, ...rest }, ref) => {\n    const validatePercentage = useMemo(() => {\n      if (!loadingPercentage || loadingPercentage === 0) return loadingPercentage;\n      if (loadingPercentage < 0) return 0;\n      if (loadingPercentage > 100) return 100;\n\n      return loadingPercentage;\n    }, [loadingPercentage]);\n\n    const { component: ProgressComponent, ...settingsProps } = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCloseFilledIcon,\n            message: errorMessage,\n            state,\n          };\n        case 'success':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCheckFilledIcon,\n            message: successMessage,\n            state,\n          };\n        case 'loading':\n        default:\n          return {\n            component: variant === 'loader' ? Loader : Spinner,\n            loadingPercentage: validatePercentage,\n            message: '',\n          };\n      }\n    }, [variant, loadingPercentage, state]);\n\n    return <ProgressComponent ref={ref} {...settingsProps} {...rest} />;\n  },\n);\n\n/**\n * @deprecated Use <Progress /> instead\n */\nexport const ProgressBar: React.FC<ProgressProps> = forwardRef((props, ref) => {\n  return <Progress {...props} ref={ref} />;\n});\n"],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","Object","assign","ProgressBar","props"],"mappings":"maA6BO,MAAMA,EAAoCC,GAC/C,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAR,EAAlG,yEACC,MAAMS,EAAqBC,GAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,GAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EACXC,cAAeC,EACfC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EACXC,cAAeG,EACfD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAASC,EAC3Cf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAAiBT,EAAKU,EAAab,EAAAG,EAAhD,CAAA,cA0BN,OAAOW,EAACF,EAAiBG,OAAAC,OAAA,CAACvB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DkB,EAAuC1B,GAAW,CAAC2B,EAAOzB,IAC9DqB,EAACxB,EAAQyB,OAAAC,OAAA,GAAKE,GAAOzB,IAAKA"}

package/components/progress/progressMessage.d.ts

@@ -1,22 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps, SvgIconProps } from '@mui/material';
-export interface ProgressMessageComponentProps extends BoxProps<ElementType> {
-    /** Message next to the icon  */
-    message: React.ReactNode;
-    /** Variant of the progress message  */
-    state?: 'error' | 'success' | 'loading';
-    /** Custom icon color  */
-    iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-    /** Custom message icon that replaces default icon component   */
-    customMessageIcon?: React.ReactNode;
-    /** Custom progress message props */
-    messageProps?: BoxProps<ElementType>;
-    /** Custom icon props */
-    iconProps?: SvgIconProps;
-    /** Custom icon node */
-    IconComponent?: ElementType<SvgIconProps>;
-}
-/**
- * A component that renders a progress message with an icon.
- */
-export declare const ProgressMessageComponent: React.FC<ProgressMessageComponentProps>;

package/components/progress/progressMessage.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as t}from"@mui/material";const a=r(((r,a)=>{var{state:n,iconColor:i,IconComponent:c,message:m,customMessageIcon:p,iconProps:g,messageProps:d,sx:l}=r,x=s(r,["state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx"]);const b=g||{},{sx:f}=b,u=s(b,["sx"]);return e(t,Object.assign({"data-testid":"ProgressMessageWrapper",sx:Object.assign({display:"flex",justifyContent:"center",alignItems:"center",gap:1},l),ref:a},x,{children:[p||o(c,Object.assign({"data-testid":"Icon",fontSize:"medium",sx:Object.assign({color:s=>null!=i?i:"error"===n?"error.main":"dark"===s.palette.mode?"brand.secondary":"brand.primary"},f)},u)),m&&o(t,Object.assign({"data-testid":"ProgressMessage",component:"span",className:"message"},d,{children:m}))]}))}));export{a as ProgressMessageComponent};
-//# sourceMappingURL=progressMessage.js.map

package/components/progress/progressMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progressMessage.js","sources":["../../../src/components/progress/progressMessage.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\n\nexport interface ProgressMessageComponentProps extends BoxProps<ElementType> {\n  /** Message next to the icon  */\n  message: React.ReactNode;\n  /** Variant of the progress message  */\n  state?: 'error' | 'success' | 'loading';\n  /** Custom icon color  */\n  iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  /** Custom message icon that replaces default icon component   */\n  customMessageIcon?: React.ReactNode;\n  /** Custom progress message props */\n  messageProps?: BoxProps<ElementType>;\n  /** Custom icon props */\n  iconProps?: SvgIconProps;\n  /** Custom icon node */\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\n/**\n * A component that renders a progress message with an icon.\n */\nexport const ProgressMessageComponent: React.FC<ProgressMessageComponentProps> = forwardRef(\n  ({ state, iconColor, IconComponent, message, customMessageIcon, iconProps, messageProps, sx, ...rest }, ref) => {\n    const { sx: sxIcon, ...restIcon } = iconProps || {};\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {customMessageIcon || (\n          <IconComponent\n            data-testid=\"Icon\"\n            fontSize=\"medium\"\n            sx={{\n              color: (theme) =>\n                iconColor ??\n                (state === 'error'\n                  ? 'error.main'\n                  : theme.palette.mode === 'dark'\n                    ? 'brand.secondary'\n                    : 'brand.primary'),\n              ...sxIcon,\n            }}\n            {...restIcon}\n          />\n        )}\n        {message && (\n          <Box data-testid=\"ProgressMessage\" component=\"span\" className=\"message\" {...messageProps}>\n            {message}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"wJAuBO,MAAMA,EAAoEC,GAC/E,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAQH,EAAAC,EAAzB,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAAI,CAAAa,SAAA,CAEPjB,GACCkB,EAACpB,EAAaa,OAAAC,OAAA,CAAA,cACA,OACZO,SAAS,SACThB,GAAEQ,OAAAC,OAAA,CACAQ,MAAQC,GACNxB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvByB,EAAMC,QAAQC,KACZ,kBACA,iBACLhB,IAEDC,IAGPT,GACCmB,EAACR,EAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBY,UAAU,OAAOC,UAAU,WAAcvB,YACzEH,QAGD"}

package/components/progress/spinner.d.ts

@@ -1,16 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps, SvgIconProps } from '@mui/material';
-import { CommonProgressProps } from './progress';
-export interface SpinnerProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {
-    /** Defines the type of animation for the spinner. Can be 'controlled' or 'infinite' (default) */
-    spinnerControlledAnimation?: 'controlled' | 'infinite';
-    svgIconProps?: SvgIconProps;
-    textBoxProps?: BoxProps<ElementType>;
-    /** Text label next to progress */
-    label?: React.ReactNode;
-    labelProps?: BoxProps<ElementType>;
-}
-/**
- * A styled loader component that displays animated svg circle
- */
-export declare const Spinner: React.FC<SpinnerProps>;

package/components/progress/spinner.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Box as a,SvgIcon as o}from"@mui/material";const i=n(((n,i)=>{var{spinnerControlledAnimation:s,loadingPercentage:l,loadingPercentageDescribeText:c,svgIconProps:p,textBoxProps:f,label:d,labelProps:m,sx:g,children:u}=n,x=e(n,["spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children"]);const h=null!=p?p:{},{sx:b}=h,k=e(h,["sx"]),y="137.130521355",P=141.3716715,D=s&&"infinite"!==s;return t(a,Object.assign({"data-testid":"Spinner",ref:i,sx:Object.assign({transitionProperty:"opacity",transitionDuration:"0.3s",transitionTimingFunction:"ease-in-out",backgroundColor:"transparent",fontSize:"14px",lineHeight:"20px",display:"flex",alignItems:"center",justifyContent:"center",gap:1,color:"onSurface.os900",fontWeight:"400","& .initial-spinner.-done":{opacity:"0",pointerEvents:"none"},"@keyframes spinner":{"0%":{transform:"rotateZ(0)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes spinner-circle":{"0%":{strokeDashoffset:y,transform:"rotate(0)"},"25%":{strokeDashoffset:y,transform:"rotate(0)"},"50%":{},"75%":{strokeDashoffset:"35.342917875",transform:"rotate(45deg)"},"100%":{strokeDashoffset:y,transform:"rotate(360deg)"}}},g)},l&&{"aria-valuenow":l,"aria-valuemin":0,"aria-valuemax":100},x,{children:[r("output",{children:t(o,Object.assign({"aria-live":"polite",width:"24",height:"24",viewBox:"0 0 50 50",sx:Object.assign({backgroundImage:"radial-gradient(ellipse at center, transparent 0%,transparent 48%,onSurface.os100 49%,onSurface.os100 100%)",borderRadius:"50%",animation:D?null:"2s linear infinite spinner","& circle":{display:"block",fill:"transparent",strokeLinecap:D?null:"square",strokeDasharray:P,strokeWidth:"8px",transformOrigin:"50% 50%","&:first-of-type":{stroke:e=>"dark"===e.palette.mode?e.palette.onSurface.os700:e.palette.onSurface.os100,strokeLinecap:"round",strokeDashoffset:D?-1.4137167149999998*l:null},"&:last-of-type":{stroke:e=>"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,strokeDashoffset:D?P-1.4137167149999998*l:null,animation:D?null:"2s ease-in-out infinite both spinner-circle",strokeLinecap:"round"}}},b)},k,{children:[r("circle",{cx:"25",cy:"25",r:"22.5"}),r("circle",{cx:"25",cy:"25",r:"22.5"})]}))}),d&&r(a,Object.assign({},m,{children:d})),(!!l||0===l)&&r(a,Object.assign({component:"span",className:"loading-text","data-testid":"Spinner.percentage"},f,{children:c?`${c} ${l} %`:`${l} %`}))]}))}));export{i as Spinner};
-//# sourceMappingURL=spinner.js.map

package/components/progress/spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.js","sources":["../../../src/components/progress/spinner.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIcon, SvgIconProps } from '@mui/material';\nimport { CommonProgressProps } from './progress';\n\nexport interface SpinnerProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** Defines the type of animation for the spinner. Can be 'controlled' or 'infinite' (default) */\n  spinnerControlledAnimation?: 'controlled' | 'infinite';\n  svgIconProps?: SvgIconProps;\n  textBoxProps?: BoxProps<ElementType>;\n  /** Text label next to progress */\n  label?: React.ReactNode;\n  labelProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays animated svg circle\n */\nexport const Spinner: React.FC<SpinnerProps> = forwardRef(\n  (\n    {\n      spinnerControlledAnimation,\n      loadingPercentage,\n      loadingPercentageDescribeText,\n      svgIconProps,\n      textBoxProps,\n      label,\n      labelProps,\n      sx,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxSvgIcon, ...restSvgIcon } = svgIconProps ?? {};\n\n    const strokeDashOffset = '137.130521355';\n    const strokeDashArray = 141.3716715;\n\n    const isControlled = spinnerControlledAnimation && spinnerControlledAnimation !== 'infinite';\n\n    return (\n      <Box\n        data-testid=\"Spinner\"\n        ref={ref}\n        sx={{\n          transitionProperty: 'opacity',\n          transitionDuration: '0.3s',\n          transitionTimingFunction: 'ease-in-out',\n          backgroundColor: 'transparent',\n          fontSize: '14px',\n          lineHeight: '20px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1,\n          color: 'onSurface.os900',\n          fontWeight: '400',\n          '& .initial-spinner.-done': {\n            opacity: '0',\n            pointerEvents: 'none',\n          },\n          '@keyframes spinner': {\n            '0%': { transform: 'rotateZ(0)' },\n            '100%': { transform: 'rotateZ(360deg)' },\n          },\n          '@keyframes spinner-circle': {\n            '0%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '25%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '50%': {},\n            '75%': {\n              strokeDashoffset: '35.342917875',\n              transform: 'rotate(45deg)',\n            },\n            '100%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(360deg)',\n            },\n          },\n          ...sx,\n        }}\n        {...(loadingPercentage && {\n          ['aria-valuenow']: loadingPercentage,\n          ['aria-valuemin']: 0,\n          ['aria-valuemax']: 100,\n        })}\n        {...rest}\n      >\n        <output>\n          <SvgIcon\n            aria-live=\"polite\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 50 50\"\n            sx={{\n              backgroundImage: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,onSurface.os100 49%,onSurface.os100 100%)`,\n              borderRadius: '50%',\n              animation: isControlled ? null : '2s linear infinite spinner',\n              '& circle': {\n                display: 'block',\n                fill: 'transparent',\n                strokeLinecap: isControlled ? null : 'square',\n                strokeDasharray: strokeDashArray,\n                strokeWidth: '8px',\n                transformOrigin: '50% 50%',\n                // track\n                '&:first-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.onSurface.os100,\n                  strokeLinecap: 'round',\n                  strokeDashoffset: isControlled ? -(strokeDashArray / 100) * loadingPercentage : null,\n                },\n                // highlighted part\n                '&:last-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n                  strokeDashoffset: isControlled ? strokeDashArray - (strokeDashArray / 100) * loadingPercentage : null,\n                  animation: isControlled ? null : '2s ease-in-out infinite both spinner-circle',\n                  strokeLinecap: 'round',\n                },\n              },\n              ...sxSvgIcon,\n            }}\n            {...restSvgIcon}\n          >\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n          </SvgIcon>\n        </output>\n        {label && <Box {...labelProps}>{label}</Box>}\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box component=\"span\" className=\"loading-text\" data-testid=\"Spinner.percentage\" {...textBoxProps}>\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"qKAiBO,MAAMA,EAAkCC,GAC7C,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAAIC,EAAAZ,EAVT,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAASD,EAAKE,EAAWH,EAAAC,EAA/B,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAA,EACP,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAAI,CAAAD,SAAA,CAER6B,EAAA,SAAA,CAAA7B,SACES,EAACqB,EAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,YAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAA,SAAA,CAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAACnB,EAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAACnB,EAAGC,OAAAC,OAAA,CAAC2C,UAAU,OAAOC,UAAU,eAAc,cAAa,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}

package/materialui/autocomplete/autocomplete.component.d.ts

@@ -1,12 +0,0 @@
-import { SxProps, TextFieldProps, Theme } from '@mui/material';
-export type AutocompleteProps = {
-    inputProps: TextFieldProps;
-    sx?: SxProps<Theme>;
-    value?: unknown;
-    multiple?: boolean;
-};
-export declare const Autocomplete: (props: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
-export declare const top100Films: {
-    label: string;
-    year: number;
-}[];

package/materialui/tabs/ScrollButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollButton.js","sources":["../../../src/materialui/tabs/ScrollButton.tsx"],"sourcesContent":["import { IconButton } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\n\n/**\n * This component renders a scroll button that changes based on the scroll direction\n */\nexport const FlowScrollButton = ({ direction, slots, slotProps, ownerState, ...rest }) => {\n  return (\n    <IconButton\n      aria-label={direction === 'left' ? 'Scroll left' : 'Scroll right'}\n      size=\"small\"\n      sx={{ m: '4px' }}\n      {...rest}\n    >\n      {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n    </IconButton>\n  );\n};\n"],"names":["FlowScrollButton","_a","direction","slots","slotProps","ownerState","rest","__rest","_jsx","IconButton","Object","assign","size","sx","m","ChevronLeftIcon","ChevronRightIcon"],"mappings":"wRAOO,MAAMA,EAAoBC,IAAA,IAAAC,UAAEA,EAASC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,GAAUJ,EAAKK,EAAIC,EAAAN,EAAlD,CAAA,YAAA,QAAA,YAAA,eAC/B,OACEO,EAACC,EAAUC,OAAAC,OAAA,CAAA,aACiB,SAAdT,EAAuB,cAAgB,eACnDU,KAAK,QACLC,GAAI,CAAEC,EAAG,QACLR,YAEoBE,EAAT,SAAdN,EAAwBa,EAAsBC,EAAP,CAAA,KAC7B"}

package/organisms/agGrid/agGrid.theme.d.ts

@@ -1,3 +0,0 @@
-import { Theme, CSSObject } from '@mui/material';
-declare const getFlowCssAgGrid: (theme: Theme) => CSSObject;
-export { getFlowCssAgGrid };

package/organisms/agGrid/agGrid.theme.js

@@ -1,2 +0,0 @@
-const a=a=>({"& .ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"rtl"===a.direction?"SKODA Next R2L":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":a.palette.primary.main,"--ag-material-accent-color":a.palette.secondary.main,"--ag-foreground-color":a.palette.text.primary,"--ag-data-color":a.palette.text.primary,"--ag-header-foreground-color":a.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":a.palette.onSurface.os500,"--ag-disabled-foreground-color":a.palette.disabled.tertiary,"--ag-selected-row-background-color":a.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":a.palette.surface.primary,"--ag-row-border-color":a.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":a.palette.brand.primary,"--ag-checkbox-indeterminate-color":a.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":a.palette.surface.secondary,"--ag-header-column-resize-handle-color":a.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:a.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:a.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}});export{a as getFlowCssAgGrid};
-//# sourceMappingURL=agGrid.theme.js.map

package/organisms/agGrid/agGrid.theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"agGrid.theme.js","sources":["../../../src/organisms/agGrid/agGrid.theme.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\nconst getFlowCssAgGrid = (theme: Theme): CSSObject => ({\n  '& .ag-theme-material': {\n    width: '100%',\n    height: '100%',\n\n    '--ag-font-family': theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n    '--ag-font-size': '16px',\n    '--ag-material-primary-color': theme.palette.primary.main,\n    '--ag-material-accent-color': theme.palette.secondary.main,\n    '--ag-foreground-color': theme.palette.text.primary,\n    '--ag-data-color': theme.palette.text.primary,\n    '--ag-header-foreground-color': theme.palette.text.primary,\n    '--ag-background-color': 'transparent',\n    '--ag-header-background-color': 'transparent',\n    '--ag-subheader-background-color': 'transparent',\n    '--ag-subheader-toolbar-background-color': 'transparent',\n    '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n    '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n    '--ag-selected-row-background-color': theme.palette.common.white,\n    '--ag-odd-row-background-color': 'transparent',\n    '--ag-column-hover-color': 'transparent',\n    '--ag-header-cell-hover-background-color': 'transparent',\n    '--ag-row-hover-color': theme.palette.surface.primary,\n    '--ag-row-border-color': theme.palette.surface.secondary,\n    '--ag-border-radius': '8px',\n    '--ag-checkbox-checked-color': theme.palette.brand.primary,\n    '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n    '--ag-cell-horizontal-padding': '16px',\n    '--ag-cell-vertical-padding': '17px',\n    '--ag-row-height': '54px',\n    '--ag-header-height': '54px',\n    '--ag-header-column-separator-display': 'block',\n    '--ag-header-column-separator-height': '20px',\n    '--ag-header-column-separator-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-display': 'block',\n    '--ag-header-column-resize-handle-height': '20px',\n\n    '.ag-root-wrapper': {\n      border: '1px solid',\n      borderColor: theme.palette.surface.secondary,\n      borderRadius: '8px',\n    },\n\n    '.ag-row-last': {\n      borderBottom: 'none',\n    },\n\n    '.ag-row-hover': {\n      backgroundColor: 'var(--ag-row-hover-color) !important',\n    },\n\n    '.ag-center-cols-container': {\n      minWidth: '100%',\n    },\n\n    '.ag-paging-panel': {\n      border: 'none',\n      position: 'relative',\n      '&:before': {\n        display: 'block',\n        content: \"''\",\n        height: '1px',\n        background: theme.palette.surface.secondary,\n        position: 'absolute',\n        top: '0',\n        left: '24px',\n        right: '24px',\n      },\n    },\n  },\n});\n\nexport { getFlowCssAgGrid };\n"],"names":["getFlowCssAgGrid","theme","width","height","direction","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"AAEA,MAAMA,EAAoBC,IAAY,CACpC,uBAAwB,CACtBC,MAAO,OACPC,OAAQ,OAER,mBAAwC,QAApBF,EAAMG,UAAsB,iBAAmB,aACnE,iBAAkB,OAClB,8BAA+BH,EAAMI,QAAQC,QAAQC,KACrD,6BAA8BN,EAAMI,QAAQG,UAAUD,KACtD,wBAAyBN,EAAMI,QAAQI,KAAKH,QAC5C,kBAAmBL,EAAMI,QAAQI,KAAKH,QACtC,+BAAgCL,EAAMI,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCL,EAAMI,QAAQK,UAAUC,MAC3D,iCAAkCV,EAAMI,QAAQO,SAASC,SACzD,qCAAsCZ,EAAMI,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBd,EAAMI,QAAQW,QAAQV,QAC9C,wBAAyBL,EAAMI,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BP,EAAMI,QAAQY,MAAMX,QACnD,oCAAqCL,EAAMI,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCL,EAAMI,QAAQW,QAAQR,UAC5D,yCAA0CP,EAAMI,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAE3C,mBAAoB,CAClBU,OAAQ,YACRC,YAAalB,EAAMI,QAAQW,QAAQR,UACnCY,aAAc,OAGhB,eAAgB,CACdC,aAAc,QAGhB,gBAAiB,CACfC,gBAAiB,wCAGnB,4BAA6B,CAC3BC,SAAU,QAGZ,mBAAoB,CAClBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACVC,QAAS,QACTC,QAAS,KACTvB,OAAQ,MACRwB,WAAY1B,EAAMI,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}

package/organisms/hotspotCard/hotspotCard.d.ts

@@ -1,55 +0,0 @@
-import React, { ReactNode, HTMLAttributes } from 'react';
-import { ResponsiveType } from '@/src/utils/ResponsiveType';
-/**
- * @interface HotspotCardProps
- * @description Base definition of SkodaFlow HotspotCard independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * top position of hotspot card
-     * @default 0
-     */
-    top?: ResponsiveType<string | number>;
-    /**
-     * left position of hotspot card
-     * @default 0
-     */
-    left?: ResponsiveType<string | number>;
-    /**
-     * bottom position of hotspot card
-     */
-    bottom?: ResponsiveType<string | number>;
-    /**
-     * right position of hotspot card
-     * @default 0
-     */
-    right?: ResponsiveType<string | number>;
-    /**
-     * headline of hotspot card
-     */
-    headline: string;
-    /**
-     * optional cover image of the hotspot card, accepts string or ReactNode
-     */
-    img?: ReactNode;
-    /**
-     * optional label of the hotspot card
-     */
-    label?: string;
-    /**
-     * description of the hotspot card
-     */
-    description: ReactNode;
-    /**
-     * buttons of the hotspot card
-     */
-    buttons?: ReactNode;
-}
-/**
- * @description SkodaFlow HotspotCard component.
- * Properties are inherited from HTML Div element.
- * @param props HotspotCardProps
- * @returns React Functional Component
- */
-export declare const HotspotCard: React.ForwardRefExoticComponent<HotspotCardProps & React.RefAttributes<HTMLDivElement>>;