@skodaflow/web-library 7.16.1 → 8.0.0

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import * as Flags from 'country-flag-icons/react/3x2';
-import { BoxProps } from '@mui/material';
-export interface FlagProps extends Omit<BoxProps, 'component'> {
-    /**
-     * Defines which flag to use.
-     */
-    flag: keyof typeof Flags;
-    /**
-     * The size of the flag
-     * @default small
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * The width of the flag
-     */
-    width?: number;
-    /**
-     * Variants
-     * @default circle
-     */
-    variant?: '3x2' | 'circle' | 'square';
-    /**
-     * Disabled state
-     * @default false
-     */
-    disabled?: boolean;
-}
-/**
- * Renders country flag icon
- */
-export declare const Flag: React.FC<FlagProps>;

package/cjs/components/flag/flag.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("country-flag-icons/react/3x2"),i=require("country-flag-icons/react/1x1"),s=require("@mui/material");function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=c(a),u=c(i);const l=t.forwardRef((a,i)=>{var{flag:c,sx:l,width:o,size:d="small",variant:f="circle",disabled:b=!1}=a,g=e.__rest(a,["flag","sx","width","size","variant","disabled"]);const x=t.useMemo(()=>{switch(d){case"small":return 24;case"medium":return 44;case"large":return 56;default:return null!=o?o:24}},[d,o]);return r.jsx(s.Box,Object.assign({"data-testid":"Flag",component:(["circle","square"].includes(f)?u:n)[c]||"div",sx:Object.assign(Object.assign(Object.assign({width:`${x}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500"},["circle","square"].includes(f)&&Object.assign({height:`${x}px`},"circle"===f?{borderRadius:`${x}px`}:{})),b&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"}),l),ref:i},g))});exports.Flag=l;
-//# sourceMappingURL=flag.js.map

package/cjs/components/flag/flag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flag.js","sources":["../../../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n  /**\n   * Defines which flag to use.\n   */\n  flag: keyof typeof Flags;\n  /**\n   * The size of the flag\n   * @default small\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * The width of the flag\n   */\n  width?: number;\n  /**\n   * Variants\n   * @default circle\n   */\n  variant?: '3x2' | 'circle' | 'square';\n  /**\n   * Disabled state\n   * @default false\n   */\n  disabled?: boolean;\n}\n\n/**\n * Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n  ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n    // obtain width of the flag from size and width property\n    const width = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return 24;\n        case 'medium':\n          return 44;\n        case 'large':\n          return 56;\n        default:\n          return widthProp ?? 24;\n      }\n    }, [size, widthProp]);\n\n    return (\n      <Box\n        data-testid=\"Flag\"\n        component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] || 'div'}\n        sx={{\n          width: `${width}px`,\n          flexShrink: '0',\n          // outline to improve accessibility\n          border: 1,\n          borderColor: 'onSurface.os500',\n          // 1:1 ratio\n          ...(['circle', 'square'].includes(variant) && {\n            height: `${width}px`,\n            ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n          }),\n          // disabled state\n          ...(disabled && {\n            userSelect: 'none',\n            borderColor: 'disabled.tertiary',\n            opacity: '0.65',\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"ofAkCO,MAAMA,EAA4BC,EAAAA,WACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAIC,EAAAA,OAAAV,EAA3F,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,EAAAA,QAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,KAEvB,CAACC,EAAMD,IAEV,OACEO,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAAQO,OAAAC,OAAA,CACxCQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ"}

package/cjs/components/formMessage/formMessage.d.ts

@@ -1,26 +0,0 @@
-import { BoxProps, SvgIconProps, TypographyProps } from '@mui/material';
-import React, { ElementType } from 'react';
-export interface FormMessageProps extends BoxProps<ElementType> {
-    /**
-     * Defines which variant of Banner component should be rendered
-     * @default error
-     */
-    variant?: 'info' | 'warning' | 'error';
-    /**
-     * Properties passed to indicator icon
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    IconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Properties passed to wrapper of children
-     */
-    typographyProps?: TypographyProps;
-}
-/**
- * Message indicating form error or additional info.
- * Intended to be used in combination with <FormGroup />
- */
-export declare const FormMessage: React.FC<FormMessageProps>;

package/cjs/components/formMessage/formMessage.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../icon/filled/CircleExclamationFilledIcon.js"),n=require("../icon/filled/CircleInformationFilledIcon.js"),s=require("../icon/filled/WarningFilledIcon.js"),t=require("@mui/material"),o=require("react");const a=o.forwardRef((a,l)=>{var{children:c,variant:x="error",sx:p,iconProps:f,IconComponent:g,typographyProps:u}=a,d=e.__rest(a,["children","variant","sx","iconProps","IconComponent","typographyProps"]);const m=f||{},{sx:j}=m,h=e.__rest(m,["sx"]),I=u||{},{sx:b}=I,y=e.__rest(I,["sx"]),[q,C]=o.useMemo(()=>{switch(x){case"error":return["error.main",s.WarningFilledIcon];case"warning":return["warning.main",i.CircleExclamationFilledIcon];default:return["info.main",n.CircleInformationFilledIcon]}},[x]),F=g||C;return r.jsxs(t.Box,Object.assign({role:"alert","aria-atomic":"true","aria-live":"assertive",sx:Object.assign({display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:q,pb:1},p),ref:l},d,{children:[r.jsx(F,Object.assign({sx:Object.assign({fontSize:"20px",mx:"2px"},j)},h)),r.jsx(t.Typography,Object.assign({sx:Object.assign({flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"}},b)},y,{children:c}))]}))});exports.FormMessage=a;
-//# sourceMappingURL=formMessage.js.map

package/cjs/components/formMessage/formMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"wRA8BO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAA,OAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,EAAAA,QAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,iCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAAAA,IAACG,EAAAA,WAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA"}

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

@@ -1,20 +0,0 @@
-import { GridProps as MuiGridProps } from '@mui/material';
-import React from 'react';
-/**
- * @interface GridProps
- * @description Base definition of SkodaFlow Grid independent on core implementation.
- * Properties are inherited from HTML Button element
- */
-export interface GridProps extends MuiGridProps {
-    /**
-     *  Determine if grid is narrow.
-     */
-    narrow?: boolean;
-}
-/**
- * @description SkodaFlow Grid component.
- * @param props GridProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use Grid and Container components from @mui/material
- */
-export declare const Grid: React.FC<GridProps>;

package/cjs/components/grid/grid.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,GAAMD,EAAKE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ"}

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

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

package/cjs/components/hotspotCard/hotspotCard.d.ts

@@ -1,111 +0,0 @@
-import React, { ElementType, ReactNode } from 'react';
-import { BoxProps, CardProps, ClickAwayListenerProps, FadeProps, IconButtonProps, PopperProps, SvgIconProps } from '@mui/material';
-import { ResponsiveType } from '@/src/utils/ResponsiveType';
-export interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {
-    /**
-     * top position of hotspot card
-     */
-    top?: ResponsiveType<string | number>;
-    /**
-     * left position of hotspot card
-     */
-    left?: ResponsiveType<string | number>;
-    /**
-     * bottom position of hotspot card
-     */
-    bottom?: ResponsiveType<string | number>;
-    /**
-     * right position of hotspot card
-     */
-    right?: ResponsiveType<string | number>;
-    /**
-     * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)
-     */
-    onBackground?: boolean;
-    /**
-     * Make sure to center IconButton, helpful with left or right properties set to 50%
-     */
-    center?: boolean;
-    /**
-     * Boolean that defines whether a HotspotCard is opened.
-     *
-     * @see setOpen
-     */
-    open?: boolean;
-    /**
-     * Function that can be used to control a state of card popup
-     *
-     * @param open new open value
-     * @see open
-     */
-    setOpen?: (open: boolean) => void;
-    /**
-     * Properties that will be passed to Fade component
-     *
-     * @see Fade
-     */
-    fadeProps?: Omit<FadeProps, 'children'>;
-    /**
-     * Properties that will be passed to Popper component
-     *
-     * @see Popper
-     */
-    popperProps?: Omit<PopperProps, 'open'>;
-    /**
-     * Properties applied to ClickAwayListener
-     */
-    clickAwayListenerProps?: Omit<ClickAwayListenerProps, 'children'>;
-    /**
-     * Custom icon component to use instead of the default PlusIcon
-     */
-    icon?: ReactNode;
-    /**
-     * Properties that will be passed to the icon component
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Custom icon component to use instead of the default PlusIcon
-     */
-    insideIcon?: ReactNode;
-    /**
-     * Properties for a cose icon inside HotspotCard
-     */
-    insideIconProps?: SvgIconProps;
-    /**
-     * Properties for a IconButton inside HotspotCard
-     */
-    insideIconButtonProps?: IconButtonProps<ElementType>;
-    /**
-     * Properties for a Box element that wraps button and popper
-     */
-    wrapperProps?: BoxProps<ElementType>;
-    /**
-     * Properties for Card inside the Popper element.
-     */
-    cardProps?: CardProps<ElementType>;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    headline?: string;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    img?: ReactNode;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    label?: string;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    description?: ReactNode;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    buttons?: ReactNode;
-}
-/**
- * A card component that is toggled on and off with IconButton.
- * The card is fullscreen on mobile-size devices.
- */
-export declare const HotspotCard: React.FC<HotspotCardProps>;

package/cjs/components/hotspotCard/hotspotCard.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),i=require("../icon/stroke/PlusIcon.js"),n=require("../label/label.js");exports.HotspotCard=r=>{var{sx:a,children:l,top:c,left:p,bottom:d,right:x,onBackground:u=!1,center:b=!1,open:g,setOpen:m,fadeProps:h={},popperProps:j={},clickAwayListenerProps:f={},icon:O,iconProps:P={},insideIcon:w,insideIconProps:k={},insideIconButtonProps:C={},wrapperProps:I={},cardProps:v={},headline:y,img:_,label:B,description:M,buttons:q}=r,z=e.__rest(r,["sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons"]);const{sx:S}=v,T=e.__rest(v,["sx"]),{sx:A}=j,L=e.__rest(j,["sx"]),{sx:W}=P,E=e.__rest(P,["sx"]),{sx:H}=k,R=e.__rest(k,["sx"]),{sx:F}=C,Q=e.__rest(C,["sx"]),V=o.useTheme(),D=o.useMediaQuery(V.breakpoints.down("md")),G=t.useRef(null),J=t.useRef(null),[K,N]=t.useState(null!=g&&g),[U,X]=t.useState("left-start"),Y=null!=g?g:K,Z=t.useCallback(void 0!==g?()=>m(!g):()=>N(e=>!e),[g,m]),$=t.useCallback(void 0!==g?()=>m(!1):()=>N(!1),[g,m]);return s.jsx(o.ClickAwayListener,Object.assign({onClickAway:$},f,{children:s.jsxs(o.Box,Object.assign({},I,{children:[s.jsx(o.IconButton,Object.assign({ref:G,onClick:Z,"aria-label":"Open or Close the card"},Y&&{"aria-controls":"hotspot-card"},{size:"small",color:"surface",sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"absolute",zIndex:"10"},null!=c&&Object.assign({top:c},b&&{mt:"-16px"})),null!=p&&Object.assign({left:p},b&&{ml:"-16px"})),null!=d&&Object.assign({bottom:d},b&&{mb:"-16px"})),null!=x&&Object.assign({right:x},b&&{mr:"-16px"})),null==c&&null==p&&null==d&&null==x&&Object.assign({top:"0%",left:"0%"},b&&{mt:"-16px",ml:"-16px"})),a)},z,{children:O||s.jsx(i.PlusIcon,Object.assign({sx:Object.assign({transform:Y?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},W)},E))})),s.jsx(o.Popper,Object.assign({open:Y,anchorEl:D?null:G.current,transition:!0,placement:"left-start",disablePortal:!0,ref:J,modifiers:[{name:"flip",enabled:!0,options:{fallbackPlacements:["right-start"]}},{name:"preventOverflow",enabled:!0,options:{boundary:"viewport"}},{name:"updatePlacement",enabled:!0,phase:"afterWrite",fn:({state:e})=>{X(e.placement)}}],sx:Object.assign({position:"fixed",top:{xs:0,md:"auto"},left:{xs:0,md:"auto"},width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},minHeight:{xs:"100vh",md:"auto"},zIndex:e=>e.zIndex.modal},A)},L,{children:({TransitionProps:e})=>s.jsx(o.Fade,Object.assign({},e,{timeout:350},h,{children:s.jsxs(o.Card,Object.assign({id:"hotspot-card",sx:Object.assign({"&:after":{border:0,boxShadow:e=>e.flowShadows.xl},"& > .MuiBox-root":{overflow:"auto",paddingTop:"0"},"& .MuiCardContent-root, &.MuiCardContent-root:last-child":{padding:3},"& .MuiCardMedia-root":{height:{xs:"300px",md:"232px"}},"& .MuiBox-root > .MuiCardMedia-img:first-of-type":{marginTop:"0"},position:"relative",width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},top:{xs:"0",md:"-9px"},left:U.startsWith("right")?{xs:"0",md:"-41px"}:void 0,right:U.startsWith("left")?{xs:"0",md:"-41px"}:void 0},S)},T,{children:[s.jsx(o.IconButton,Object.assign({onClick:Z,"aria-label":"Close the card",size:"small",color:u?"inherit":"surface",sx:Object.assign({position:"absolute",zIndex:"20",top:"8px",right:"8px"},F)},Q,{children:w||s.jsx(i.PlusIcon,Object.assign({sx:Object.assign({transform:Y?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},H)},R))})),_&&s.jsx(o.Box,Object.assign({sx:{display:"block",width:"100%"}},"string"==typeof _&&{component:"img",src:_},{children:t.isValidElement(_)&&_})),(B||y||M||q)&&s.jsxs(o.Stack,{direction:"column",spacing:1,padding:2,children:[B&&s.jsx(n.Label,{label:B}),y&&s.jsx(o.Typography,{variant:"h3",children:y}),M&&s.jsx(o.Typography,{children:M}),q&&s.jsx(o.Stack,{direction:"row",spacing:2,overflow:"auto",children:q})]}),l]}))}))}),D?"popper-mobile":"popper-desktop")]}))}))};
-//# sourceMappingURL=hotspotCard.js.map

package/cjs/components/hotspotCard/hotspotCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hotspotCard.js","sources":["../../../../../src/components/hotspotCard/hotspotCard.tsx"],"sourcesContent":["import React, { ElementType, isValidElement, ReactNode, useRef, useState, useCallback } from 'react';\nimport {\n  Box,\n  Stack,\n  BoxProps,\n  Card,\n  CardProps,\n  ClickAwayListener,\n  ClickAwayListenerProps,\n  Fade,\n  FadeProps,\n  IconButton,\n  IconButtonProps,\n  Popper,\n  PopperProps,\n  Typography,\n  useMediaQuery,\n  useTheme,\n  SvgIconProps,\n} from '@mui/material';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { Label } from '@/src/components/label/label';\nimport { ResponsiveType } from '@/src/utils/ResponsiveType';\n\nexport interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {\n  /**\n   * top position of hotspot card\n   */\n  top?: ResponsiveType<string | number>;\n  /**\n   * left position of hotspot card\n   */\n  left?: ResponsiveType<string | number>;\n  /**\n   * bottom position of hotspot card\n   */\n  bottom?: ResponsiveType<string | number>;\n  /**\n   * right position of hotspot card\n   */\n  right?: ResponsiveType<string | number>;\n  /**\n   * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)\n   */\n  onBackground?: boolean;\n  /**\n   * Make sure to center IconButton, helpful with left or right properties set to 50%\n   */\n  center?: boolean;\n  /**\n   * Boolean that defines whether a HotspotCard is opened.\n   *\n   * @see setOpen\n   */\n  open?: boolean;\n  /**\n   * Function that can be used to control a state of card popup\n   *\n   * @param open new open value\n   * @see open\n   */\n  setOpen?: (open: boolean) => void;\n  /**\n   * Properties that will be passed to Fade component\n   *\n   * @see Fade\n   */\n  fadeProps?: Omit<FadeProps, 'children'>;\n  /**\n   * Properties that will be passed to Popper component\n   *\n   * @see Popper\n   */\n  popperProps?: Omit<PopperProps, 'open'>;\n  /**\n   * Properties applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: Omit<ClickAwayListenerProps, 'children'>;\n  /**\n   * Custom icon component to use instead of the default PlusIcon\n   */\n  icon?: ReactNode;\n  /**\n   * Properties that will be passed to the icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Custom icon component to use instead of the default PlusIcon\n   */\n  insideIcon?: ReactNode;\n  /**\n   * Properties for a cose icon inside HotspotCard\n   */\n  insideIconProps?: SvgIconProps;\n  /**\n   * Properties for a IconButton inside HotspotCard\n   */\n  insideIconButtonProps?: IconButtonProps<ElementType>;\n  /**\n   * Properties for a Box element that wraps button and popper\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties for Card inside the Popper element.\n   */\n  cardProps?: CardProps<ElementType>;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  headline?: string;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  img?: ReactNode;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  label?: string;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  description?: ReactNode;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  buttons?: ReactNode;\n}\n\n/**\n * A card component that is toggled on and off with IconButton.\n * The card is fullscreen on mobile-size devices.\n */\nexport const HotspotCard: React.FC<HotspotCardProps> = ({\n  sx,\n  children,\n  top,\n  left,\n  bottom,\n  right,\n  onBackground = false,\n  center = false,\n  open,\n  setOpen,\n  fadeProps = {},\n  popperProps = {},\n  clickAwayListenerProps = {},\n  icon,\n  iconProps = {},\n  insideIcon,\n  insideIconProps = {},\n  insideIconButtonProps = {},\n  wrapperProps = {},\n  cardProps = {},\n  headline,\n  img,\n  label,\n  description,\n  buttons,\n  ...restProps\n}) => {\n  const { sx: cardSx, ...restCard } = cardProps;\n  const { sx: popperSx, ...restPopperProps } = popperProps;\n  const { sx: iconSx, ...restIconProps } = iconProps;\n  const { sx: insideIconSx, ...restInsideIconProps } = insideIconProps;\n  const { sx: insideIconButtonSx, ...restInsideIconButtonProps } = insideIconButtonProps;\n\n  const FWLTheme = useTheme();\n  const isSmallScreen = useMediaQuery(FWLTheme.breakpoints.down('md'));\n  const btnRef = useRef(null);\n  const popperRef = useRef<HTMLDivElement>(null);\n  const [_open, _setOpen] = useState(open ?? false);\n  const [currentPlacement, setCurrentPlacement] = useState<string>('left-start');\n\n  const isOpen = open ?? _open;\n  const handleClick = useCallback(open !== undefined ? () => setOpen(!open) : () => _setOpen((prev) => !prev), [\n    open,\n    setOpen,\n  ]);\n  const handleClickAway = useCallback(open !== undefined ? () => setOpen(false) : () => _setOpen(false), [\n    open,\n    setOpen,\n  ]);\n\n  return (\n    <ClickAwayListener onClickAway={handleClickAway} {...clickAwayListenerProps}>\n      <Box {...wrapperProps}>\n        <IconButton\n          ref={btnRef}\n          onClick={handleClick}\n          aria-label=\"Open or Close the card\"\n          {...(isOpen && { ['aria-controls']: 'hotspot-card' })}\n          size=\"small\"\n          color=\"surface\"\n          sx={{\n            position: 'absolute',\n            zIndex: '10',\n            ...(top != undefined && { top: top, ...(center && { mt: '-16px' }) }),\n            ...(left != undefined && { left: left, ...(center && { ml: '-16px' }) }),\n            ...(bottom != undefined && { bottom: bottom, ...(center && { mb: '-16px' }) }),\n            ...(right != undefined && { right: right, ...(center && { mr: '-16px' }) }),\n            // Fallback to top-left if no position is specified\n            ...(top == undefined &&\n              left == undefined &&\n              bottom == undefined &&\n              right == undefined && {\n                top: '0%',\n                left: '0%',\n                ...(center && { mt: '-16px', ml: '-16px' }),\n              }),\n            ...sx,\n          }}\n          {...restProps}\n        >\n          {icon || (\n            <PlusIcon\n              sx={{\n                transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n                transition: 'transform .3s ease',\n                ...iconSx,\n              }}\n              {...restIconProps}\n            />\n          )}\n        </IconButton>\n        <Popper\n          key={isSmallScreen ? 'popper-mobile' : 'popper-desktop'}\n          open={isOpen}\n          anchorEl={isSmallScreen ? null : btnRef.current}\n          transition\n          placement=\"left-start\"\n          disablePortal\n          ref={popperRef}\n          modifiers={[\n            {\n              name: 'flip',\n              enabled: true,\n              options: {\n                fallbackPlacements: ['right-start'],\n              },\n            },\n            {\n              name: 'preventOverflow',\n              enabled: true,\n              options: {\n                boundary: 'viewport',\n              },\n            },\n            {\n              name: 'updatePlacement',\n              enabled: true,\n              phase: 'afterWrite',\n              fn: ({ state }) => {\n                setCurrentPlacement(state.placement);\n              },\n            },\n          ]}\n          sx={{\n            position: 'fixed',\n            top: { xs: 0, md: 'auto' },\n            left: { xs: 0, md: 'auto' },\n            width: { xs: '100%', md: '400px' },\n            height: { xs: '100%', md: 'auto' },\n            minHeight: { xs: '100vh', md: 'auto' },\n            zIndex: (theme) => theme.zIndex.modal,\n            ...popperSx,\n          }}\n          {...restPopperProps}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350} {...fadeProps}>\n              <Card\n                id=\"hotspot-card\"\n                sx={{\n                  '&:after': { border: 0, boxShadow: (theme) => theme.flowShadows.xl },\n                  '& > .MuiBox-root': {\n                    overflow: 'auto',\n                    paddingTop: '0',\n                  },\n                  '& .MuiCardContent-root, &.MuiCardContent-root:last-child': {\n                    padding: 3,\n                  },\n                  '& .MuiCardMedia-root': {\n                    height: {\n                      xs: '300px',\n                      md: '232px',\n                    },\n                  },\n                  '& .MuiBox-root > .MuiCardMedia-img:first-of-type': {\n                    marginTop: '0',\n                  },\n                  position: 'relative',\n                  width: { xs: '100%', md: '400px' },\n                  height: { xs: '100%', md: 'auto' },\n                  top: { xs: '0', md: '-9px' },\n                  left: currentPlacement.startsWith('right') ? { xs: '0', md: '-41px' } : undefined,\n                  right: currentPlacement.startsWith('left') ? { xs: '0', md: '-41px' } : undefined,\n                  ...cardSx,\n                }}\n                {...restCard}\n              >\n                <IconButton\n                  onClick={handleClick}\n                  aria-label=\"Close the card\"\n                  size=\"small\"\n                  color={onBackground ? 'inherit' : 'surface'}\n                  sx={{\n                    position: 'absolute',\n                    zIndex: '20',\n                    top: '8px',\n                    right: '8px',\n                    ...insideIconButtonSx,\n                  }}\n                  {...restInsideIconButtonProps}\n                >\n                  {insideIcon || (\n                    <PlusIcon\n                      sx={{\n                        transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n                        transition: 'transform .3s ease',\n                        ...insideIconSx,\n                      }}\n                      {...restInsideIconProps}\n                    />\n                  )}\n                </IconButton>\n                {img && (\n                  <Box\n                    sx={{\n                      display: 'block',\n                      width: '100%',\n                    }}\n                    {...(typeof img === 'string' && {\n                      component: 'img',\n                      src: img,\n                    })}\n                  >\n                    {isValidElement(img) && img}\n                  </Box>\n                )}\n                {(label || headline || description || buttons) && (\n                  <Stack direction=\"column\" spacing={1} padding={2}>\n                    {label && <Label label={label} />}\n                    {headline && <Typography variant=\"h3\">{headline}</Typography>}\n                    {description && <Typography>{description}</Typography>}\n                    {buttons && (\n                      <Stack direction=\"row\" spacing={2} overflow=\"auto\">\n                        {buttons}\n                      </Stack>\n                    )}\n                  </Stack>\n                )}\n                {children}\n              </Card>\n            </Fade>\n          )}\n        </Popper>\n      </Box>\n    </ClickAwayListener>\n  );\n};\n"],"names":["_a","sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons","restProps","__rest","cardSx","restCard","popperSx","restPopperProps","iconSx","restIconProps","insideIconSx","restInsideIconProps","insideIconButtonSx","restInsideIconButtonProps","FWLTheme","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","btnRef","useRef","popperRef","_open","_setOpen","useState","currentPlacement","setCurrentPlacement","isOpen","handleClick","useCallback","undefined","prev","handleClickAway","_jsx","ClickAwayListener","Object","assign","onClickAway","_jsxs","Box","IconButton","ref","onClick","size","color","position","zIndex","mt","ml","mb","mr","PlusIcon","transform","transition","Popper","anchorEl","current","placement","disablePortal","modifiers","name","enabled","options","fallbackPlacements","boundary","phase","fn","state","xs","md","width","height","minHeight","theme","modal","TransitionProps","Fade","timeout","Card","id","border","boxShadow","flowShadows","xl","overflow","paddingTop","padding","marginTop","startsWith","display","component","src","isValidElement","Stack","direction","spacing","Label","Typography","variant"],"mappings":"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"}

package/cjs/components/indicator/index.d.ts

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

package/cjs/components/indicator/indicator.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { TypographyProps } from '@mui/material';
-import { StatusLabelProps, StatusVariants } from '@/src/components/label';
-export interface IndicatorProps extends Omit<StatusLabelProps, 'variant' | 'type'> {
-    /**
-     * @deprecated use <Label type='indicator'> or <Label type='status'> instead
-     */
-    variant?: 'indicator' | 'status';
-    /**
-     * @deprecated use <Label type='status' variant='positive|warning|alert|neutral'> instead
-     */
-    color?: StatusVariants | string;
-    /**
-     * @deprecated pass properties directly into <Label sx={{}} />
-     */
-    labelProps?: TypographyProps;
-}
-/**
- * @deprecated use <Label type='indicator'> and <Label type='status'> instead
- */
-export declare const Indicator: React.FC<IndicatorProps>;

package/cjs/components/indicator/indicator.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),a=require("../label/label.js");const e=s.forwardRef((s,e)=>{var{labelProps:i,color:o="positive",variant:c="indicator",sx:n,dotProps:l}=s,d=r.__rest(s,["labelProps","color","variant","sx","dotProps"]);const b=i||{},{sx:x,variant:p}=b,u=r.__rest(b,["sx","variant"]),j=l||{},{sx:v}=j,g=r.__rest(j,["sx"]);return t.jsx(a.Label,Object.assign({ref:e,type:c,className:"fwlIndicator","data-testid":"Indicator"},["positive","warning","alert","neutral"].includes(o)?{variant:o,dotProps:Object.assign({"data-testid":"Indicator.circle"},l)}:{dotProps:Object.assign({sx:Object.assign({backgroundColor:o},v),"data-testid":"Indicator.circle"},g)},{sx:Object.assign(Object.assign({},n),x)},d,u))});exports.Indicator=e;
-//# sourceMappingURL=indicator.js.map

package/cjs/components/indicator/indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"indicator.js","sources":["../../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BoxProps, TypographyProps, CSSObject } from '@mui/material';\nimport { StatusLabelProps, StatusVariants, Label } from '@/src/components/label';\n\nexport interface IndicatorProps extends Omit<StatusLabelProps, 'variant' | 'type'> {\n  /**\n   * @deprecated use <Label type='indicator'> or <Label type='status'> instead\n   */\n  variant?: 'indicator' | 'status';\n  /**\n   * @deprecated use <Label type='status' variant='positive|warning|alert|neutral'> instead\n   */\n  color?: StatusVariants | string;\n  /**\n   * @deprecated pass properties directly into <Label sx={{}} />\n   */\n  labelProps?: TypographyProps;\n}\n\n/**\n * @deprecated use <Label type='indicator'> and <Label type='status'> instead\n */\nexport const Indicator: React.FC<IndicatorProps> = forwardRef(\n  ({ labelProps, color = 'positive', variant = 'indicator', sx, dotProps, ...rest }, ref) => {\n    const { sx: labelSx, variant: _, ...restLabel } = labelProps || {};\n    const { sx: dotSx, ...restDot } = dotProps || {};\n\n    return (\n      <Label\n        ref={ref}\n        type={variant}\n        className=\"fwlIndicator\"\n        data-testid=\"Indicator\"\n        {...(['positive', 'warning', 'alert', 'neutral'].includes(color)\n          ? { variant: color as StatusVariants, dotProps: { ['data-testid']: 'Indicator.circle', ...dotProps } }\n          : {\n              dotProps: { sx: { backgroundColor: color, ...dotSx }, ['data-testid']: 'Indicator.circle', ...restDot },\n            })}\n        sx={\n          {\n            ...sx,\n            ...labelSx,\n          } as CSSObject\n        }\n        {...rest}\n        {...(restLabel as BoxProps)}\n      />\n    );\n  },\n);\n"],"names":["Indicator","forwardRef","_a","ref","labelProps","color","variant","sx","dotProps","rest","__rest","_b","labelSx","_","restLabel","_c","dotSx","restDot","_jsx","Label","Object","assign","type","className","includes","backgroundColor"],"mappings":"qHAsBO,MAAMA,EAAsCC,EAAAA,WACjD,CAACC,EAAkFC,KAAlF,IAAAC,WAAEA,EAAUC,MAAEA,EAAQ,WAAUC,QAAEA,EAAU,YAAWC,GAAEA,EAAEC,SAAEA,GAAQN,EAAKO,EAAIC,EAAAA,OAAAR,EAA9E,kDACC,MAAMS,EAA4CP,GAAc,CAAA,GAAxDG,GAAIK,EAASN,QAASO,GAACF,EAAKG,EAASJ,EAAAA,OAAAC,EAAvC,CAAA,KAAA,YACAI,EAA4BP,GAAY,IAAtCD,GAAIS,KAAUC,EAAOP,EAAAA,OAAAK,EAAvB,CAAA,OAEN,OACEG,EAAAA,IAACC,EAAAA,MAAKC,OAAAC,OAAA,CACJlB,IAAKA,EACLmB,KAAMhB,EACNiB,UAAU,eAAc,cACZ,aACP,CAAC,WAAY,UAAW,QAAS,WAAWC,SAASnB,GACtD,CAAEC,QAASD,EAAyBG,SAAQY,OAAAC,OAAA,CAAI,cAAiB,oBAAuBb,IACxF,CACEA,wBAAYD,GAAEa,OAAAC,OAAA,CAAII,gBAAiBpB,GAAUW,GAAS,cAAiB,oBAAuBC,IAC9F,CACNV,GACEa,OAAAC,OAAAD,OAAAC,OAAA,GACKd,GACAK,IAGHH,EACCK"}

package/cjs/components/label/label.d.ts

@@ -1,76 +0,0 @@
-import React, { ReactNode, ElementType } from 'react';
-import { BoxProps, SvgIconProps } from '@mui/material';
-export interface LabelBaseProps extends BoxProps<ElementType> {
-    /**
-     * Content to be rendered inside Label, alternatively children are used
-     */
-    label?: ReactNode;
-}
-export interface GeneralLabelProps extends LabelBaseProps {
-    type?: 'general';
-}
-export interface SimpleLabelProps extends LabelBaseProps {
-    type: 'simple';
-}
-export type FeatureVariants = 'primary' | 'neutral' | 'secondary' | 'discount' | 'alert' | 'error' | 'info' | 'success' | 'warning';
-export interface FeatureLabelProps extends LabelBaseProps {
-    type: 'feature';
-    variant?: FeatureVariants;
-}
-export type PromotionalVariants = 'small' | 'large';
-/**
- * @deprecated use <Label type="feature" variant="discount"> instead
- */
-export interface PromotionalLabelProps extends LabelBaseProps {
-    type: 'promotional';
-    /**
-     * @deprecated no longer has any effect
-     */
-    variant?: PromotionalVariants;
-    labelBoxProps?: BoxProps<ElementType>;
-    labelNextProps?: BoxProps<ElementType>;
-}
-export type SemanticVariants = 'positive' | 'info' | 'warning' | 'alert' | 'error';
-export interface SemanticLabelProps extends LabelBaseProps {
-    type: 'semantic';
-    variant?: SemanticVariants;
-    iconProps?: SvgIconProps;
-    IconComponent?: ElementType<SvgIconProps>;
-}
-export type StatusVariants = 'positive' | 'warning' | 'alert' | 'error' | 'neutral' | 'disabled';
-export interface StatusLabelProps extends LabelBaseProps {
-    type: 'status' | 'indicator';
-    variant?: StatusVariants;
-    dotProps?: BoxProps<ElementType>;
-    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
-}
-export type CO2Variants = 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
-export interface CO2LabelProps extends LabelBaseProps {
-    type: 'CO2';
-    variant?: CO2Variants;
-    size?: 'small' | 'large';
-    labelBoxProps?: BoxProps<ElementType>;
-    labelNextProps?: BoxProps<ElementType>;
-}
-export type LabelProps = SimpleLabelProps | FeatureLabelProps | PromotionalLabelProps | SemanticLabelProps | StatusLabelProps | CO2LabelProps | GeneralLabelProps;
-export declare const Label: React.FC<LabelProps>;
-/**
- * @deprecated Use <Label type="feature" /> instead.
- */
-export declare const LabelFeature: React.FC<Omit<FeatureLabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="status" /> instead.
- */
-export declare const LabelStatus: React.FC<Omit<StatusLabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="CO2" /> instead.
- */
-export declare const LabelCO2: React.FC<Omit<CO2LabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="promotional" /> instead.
- */
-export declare const LabelPromotional: React.FC<Omit<PromotionalLabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="general" /> instead.
- */
-export declare const LabelGeneral: React.FC<Omit<GeneralLabelProps, 'type'>>;

package/cjs/components/label/label.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material"),t=require("../icon/stroke/CircleExclamationIcon.js"),n=require("../icon/stroke/CircleInformationIcon.js"),o=require("../focusring/focusring.js"),i=require("../../materialui/button/interactive.js");const c={display:"inline-flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"nowrap",flexShrink:"0",fontSize:"11px",lineHeight:"12px",letterSpacing:"3px",textTransform:"uppercase",fontWeight:"900",whiteSpace:"nowrap",textRendering:"geometricPrecision"},l=s.forwardRef((s,t)=>{var{type:n,label:o,children:i,sx:l}=s,x=e.__rest(s,["type","label","children","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":"Label-general",sx:Object.assign(Object.assign(Object.assign({},c),{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os600"}),l)},x,{children:o||i}))}),x=s.forwardRef((s,t)=>{var{type:n,label:o,children:i,sx:l}=s,x=e.__rest(s,["type","label","children","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":"Label-simple",sx:e=>Object.assign(Object.assign(Object.assign(Object.assign({},c),e.typography.list),{backgroundColor:"transparent.primary",color:"text.primary",p:"2px 10px"}),l)},x,{children:o||i}))}),b=s.forwardRef((s,t)=>{var{type:n,label:o,children:i,variant:l="primary",sx:x}=s,b=e.__rest(s,["type","label","children","variant","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":`Label-feature${l}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c),{color:"onSurface.os0",backgroundColor:"brand.tertiary",padding:"5px 7px 5px 10px",borderRadius:"2px"}),"neutral"===l&&{backgroundColor:"onSurface.os600"}),"discount"===l&&{color:"brand.secondary",backgroundColor:"brand.tertiary"}),"secondary"===l&&{backgroundColor:"brand.secondary",color:"brand.tertiary"}),["alert","error"].includes(l)&&{backgroundColor:"error.main"}),"info"===l&&{backgroundColor:"info.main"}),"warning"===l&&{backgroundColor:"warning.dark"}),"success"===l&&{backgroundColor:"brand.primary"}),x)},b,{children:o||i}))}),d=s.forwardRef((s,t)=>{var{type:n,label:o,children:i,variant:l,sx:x,labelBoxProps:b,labelNextProps:d}=s,p=e.__rest(s,["type","label","children","variant","sx","labelBoxProps","labelNextProps"]);const g=b||{},{sx:u}=g,j=e.__rest(g,["sx"]),f=d||{},{sx:O}=f,m=e.__rest(f,["sx"]),y=a.useTheme();return r.jsx(a.Box,Object.assign({ref:t,"data-testid":"Label-promotional",sx:Object.assign(Object.assign(Object.assign({},c),{color:"brand.secondary",overflow:"hidden",borderRadius:"2px"}),x)},p,{children:r.jsx(a.Box,Object.assign({sx:Object.assign({margin:"0 6px 0 -6px",transform:`skew(${"rtl"===y.direction?"":"-"}21deg, 0deg)`,backgroundColor:"brand.tertiary",position:"relative",borderRadius:"3px",display:"inline-flex",alignItems:"flex-start",justifyContent:"center",zIndex:"100"},u)},j,{children:r.jsx(a.Box,Object.assign({sx:Object.assign({fontSize:{xs:"12px",xl:"14px"},padding:{xs:"8px 10px 8px 16px",xl:"10px 14px 10px 20px"},letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:`skew(${"rtl"===y.direction?"-":""}21deg, 0deg)`},O)},m,{children:o||i}))}))}))});function p(e,r){return Object.assign(Object.assign({},e),{"&.MuiButtonBase-root":Object.assign({},i.getInteractiveStyle(e,r))})}const g=s.forwardRef((i,l)=>{var{type:x,label:b,children:d,variant:g="positive",sx:u,iconProps:j,IconComponent:f,onClick:O}=i,m=e.__rest(i,["type","label","children","variant","sx","iconProps","IconComponent","onClick"]);const y=j||{},{sx:h}=y,C=e.__rest(y,["sx"]),k=s.useMemo(()=>{switch(g){case"alert":case"error":case"warning":return t.CircleExclamationIcon;default:return n.CircleInformationIcon}},[g]),w=f||k,v=a.useTheme();return r.jsxs(a.Box,Object.assign({ref:l,"data-testid":`Label-semantic${g}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c),{gap:"6px",padding:"2px 8px 2px 4px",borderRadius:"4px",border:1,borderColor:"currentColor",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&&.MuiButtonBase-root":Object.assign({},o.getFocusRingStyle(v,!0,1))}),p({color:"brand.primary",backgroundColor:"transparent.transparent"},{color:"brandHover.primary",backgroundColor:"transparent.primary"})),["alert","error"].includes(g)&&Object.assign({},p({color:"error.main",backgroundColor:"transparent.transparent"},{color:"error.dark",backgroundColor:"transparent.primary"}))),"warning"===g&&Object.assign({},p({color:"warning.dark",backgroundColor:"transparent.transparent"},{color:"warning.dark",backgroundColor:"transparent.primary"}))),"info"===g&&Object.assign({},p({color:"info.main",backgroundColor:"transparent.transparent"},{color:"info.dark",backgroundColor:"transparent.primary"}))),u),onClick:O},m,{children:[r.jsx(w,Object.assign({"data-testid":`icon-${g}`,sx:Object.assign({fontSize:"18px"},h)},C)),b||d]}))}),u=s.forwardRef((s,t)=>{var{type:n,label:o,children:i,variant:l="positive",labelPlacement:x="end",dotProps:b,sx:d}=s,p=e.__rest(s,["type","label","children","variant","labelPlacement","dotProps","sx"]);const g=b||{},{sx:u}=g,j=e.__rest(g,["sx"]);return r.jsxs(a.Box,Object.assign({ref:t,"data-testid":`Label-status${l}`,sx:e=>{var r;return Object.assign(Object.assign(Object.assign(Object.assign({},c),{color:"text.primary",flexDirection:null!==(r={start:"row-reverse",top:"column-reverse",bottom:"column"}[x])&&void 0!==r?r:"row",gap:1}),"indicator"===n&&e.typography.disclaimer1),d)}},"disabled"===l&&{disabled:!0,tabIndex:-1},p,{children:[r.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({width:"10px",height:"10px"},"indicator"===n&&{width:"14px",height:"14px"}),{borderRadius:"50%",backgroundColor:"success.main"}),"warning"===l&&{backgroundColor:"warning.dark"}),["alert","error"].includes(l)&&{backgroundColor:"error.main"}),"neutral"===l&&{backgroundColor:"onSurface.os500"}),"disabled"===l&&{backgroundColor:"disabled.secondary"}),u)},j)),o||i]}))}),j=s.forwardRef((t,n)=>{var{type:o,label:i,children:l,variant:x="A+++",size:b="large",sx:d,labelBoxProps:p,labelNextProps:g}=t,u=e.__rest(t,["type","label","children","variant","size","sx","labelBoxProps","labelNextProps"]);const j=s.useMemo(()=>({B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100",H:"#2A78CD"}),[]),f=e=>j[e]||"#016703",O=p||{},{sx:m}=O,y=e.__rest(O,["sx"]),h=g||{},{sx:C}=h,k=e.__rest(h,["sx"]);return r.jsxs(a.Box,Object.assign({ref:n,"data-testid":`Label-CO2${x}`,sx:Object.assign(Object.assign({},c),d)},u,{children:[r.jsx(a.Box,Object.assign({component:"span",sx:Object.assign(Object.assign(Object.assign({alignItems:"center",backgroundColor:f(x),boxSizing:"border-box",color:"surface.tertiary",display:"inline-flex",justifyContent:"flex-start",fontWeight:"700",height:{xs:"20px",xl:"22px"},fontSize:{xs:"12px",xl:"14px"}},"small"===b&&{fontSize:{xs:"10px",xl:"12px"},height:{xs:"16px",xl:"18px"}}),{padding:"0 5px",position:"relative",letterSpacing:"1px"}),m)},y,{children:i||l||x})),r.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign({content:'""',display:"block",width:"0",height:"0",borderStyle:"solid",borderColor:`transparent transparent transparent ${f(x)}`,borderWidth:{xs:"10px 0 10px 7px",lg:"11px 0 11px 8px"}},"small"===b&&{borderWidth:{xs:"8px 0 8px 5px",lg:"9px 0 9px 7px"}}),C)},k))]}))}),f=s.forwardRef((e,a)=>{const t=s.useMemo(()=>{switch(e.type){case"simple":return x;case"feature":return b;case"promotional":return d;case"semantic":return g;case"status":case"indicator":return u;case"CO2":return j;default:return l}},[e.type]);return r.jsx(t,Object.assign({component:"span"},e,{ref:a}))}),O=s.forwardRef((e,s)=>r.jsx(f,Object.assign({},e,{type:"feature",ref:s}))),m=s.forwardRef((e,s)=>r.jsx(f,Object.assign({},e,{type:"status",ref:s}))),y=s.forwardRef((e,s)=>r.jsx(f,Object.assign({},e,{type:"CO2",ref:s}))),h=s.forwardRef((e,s)=>r.jsx(f,Object.assign({},e,{type:"promotional",ref:s}))),C=s.forwardRef((e,s)=>r.jsx(f,Object.assign({},e,{ref:s})));exports.Label=f,exports.LabelCO2=y,exports.LabelFeature=O,exports.LabelGeneral=C,exports.LabelPromotional=h,exports.LabelStatus=m;
-//# sourceMappingURL=label.js.map

package/cjs/components/label/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","sources":["../../../../../src/components/label/label.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, CSSObject, SvgIconProps, useTheme } from '@mui/material';\nimport { CircleExclamationIcon } from '@/src/components/icon/stroke/CircleExclamationIcon';\nimport { CircleInformationIcon } from '@/src/components/icon/stroke/CircleInformationIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface LabelBaseProps extends BoxProps<ElementType> {\n  /**\n   * Content to be rendered inside Label, alternatively children are used\n   */\n  label?: ReactNode;\n}\n\nexport interface GeneralLabelProps extends LabelBaseProps {\n  type?: 'general';\n}\n\nexport interface SimpleLabelProps extends LabelBaseProps {\n  type: 'simple';\n}\n\nexport type FeatureVariants =\n  | 'primary'\n  | 'neutral'\n  | 'secondary'\n  | 'discount'\n  | 'alert'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\nexport interface FeatureLabelProps extends LabelBaseProps {\n  type: 'feature';\n  variant?: FeatureVariants;\n}\n\nexport type PromotionalVariants = 'small' | 'large';\n/**\n * @deprecated use <Label type=\"feature\" variant=\"discount\"> instead\n */\nexport interface PromotionalLabelProps extends LabelBaseProps {\n  type: 'promotional';\n  /**\n   * @deprecated no longer has any effect\n   */\n  variant?: PromotionalVariants;\n  labelBoxProps?: BoxProps<ElementType>;\n  labelNextProps?: BoxProps<ElementType>;\n}\n\nexport type SemanticVariants = 'positive' | 'info' | 'warning' | 'alert' | 'error';\nexport interface SemanticLabelProps extends LabelBaseProps {\n  type: 'semantic';\n  variant?: SemanticVariants;\n  iconProps?: SvgIconProps;\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\nexport type StatusVariants = 'positive' | 'warning' | 'alert' | 'error' | 'neutral' | 'disabled';\nexport interface StatusLabelProps extends LabelBaseProps {\n  type: 'status' | 'indicator';\n  variant?: StatusVariants;\n  dotProps?: BoxProps<ElementType>;\n  labelPlacement?: 'end' | 'start' | 'top' | 'bottom';\n}\n\nexport type CO2Variants = 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';\nexport interface CO2LabelProps extends LabelBaseProps {\n  type: 'CO2';\n  variant?: CO2Variants;\n  size?: 'small' | 'large';\n  labelBoxProps?: BoxProps<ElementType>;\n  labelNextProps?: BoxProps<ElementType>;\n}\n\nexport type LabelProps =\n  | SimpleLabelProps\n  | FeatureLabelProps\n  | PromotionalLabelProps\n  | SemanticLabelProps\n  | StatusLabelProps\n  | CO2LabelProps\n  | GeneralLabelProps;\n\n// Shared style for all variants\nconst baseSx: CSSObject = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  flexWrap: 'nowrap',\n  flexShrink: '0',\n  // font\n  fontSize: '11px',\n  lineHeight: '12px',\n  letterSpacing: '3px',\n  textTransform: 'uppercase',\n  fontWeight: '900',\n  whiteSpace: 'nowrap',\n  textRendering: 'geometricPrecision',\n};\n\nconst GeneralVariant: React.FC<GeneralLabelProps> = forwardRef(({ type: _, label, children, sx, ...rest }, ref) => (\n  <Box\n    ref={ref}\n    data-testid=\"Label-general\"\n    sx={{\n      ...baseSx,\n      color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os600'),\n      ...sx,\n    }}\n    {...rest}\n  >\n    {label || children}\n  </Box>\n));\n\nconst SimpleVariant: React.FC<SimpleLabelProps> = forwardRef(({ type: _, label, children, sx, ...rest }, ref) => (\n  <Box\n    ref={ref}\n    data-testid=\"Label-simple\"\n    sx={(theme) => ({\n      ...baseSx,\n      ...theme.typography.list,\n      backgroundColor: 'transparent.primary',\n      color: 'text.primary',\n      p: '2px 10px',\n      ...sx,\n    })}\n    {...rest}\n  >\n    {label || children}\n  </Box>\n));\n\nconst FeatureVariant: React.FC<FeatureLabelProps> = forwardRef(\n  ({ type: _, label, children, variant = 'primary', sx, ...rest }, ref) => (\n    <Box\n      ref={ref}\n      data-testid={`Label-feature${variant}`}\n      sx={{\n        ...baseSx,\n        color: 'onSurface.os0',\n        backgroundColor: 'brand.tertiary',\n        padding: '5px 7px 5px 10px',\n        borderRadius: '2px',\n        ...(variant === 'neutral' && {\n          backgroundColor: 'onSurface.os600',\n        }),\n        ...(variant === 'discount' && {\n          color: 'brand.secondary',\n          backgroundColor: 'brand.tertiary',\n        }),\n        // dark mode\n        ...(variant === 'secondary' && {\n          backgroundColor: 'brand.secondary',\n          color: 'brand.tertiary',\n        }),\n        // semantic labels\n        ...(['alert', 'error'].includes(variant) && {\n          backgroundColor: 'error.main',\n        }),\n        ...(variant === 'info' && {\n          backgroundColor: 'info.main',\n        }),\n        ...(variant === 'warning' && {\n          backgroundColor: 'warning.dark',\n        }),\n        ...(variant === 'success' && {\n          backgroundColor: 'brand.primary',\n        }),\n        ...sx,\n      }}\n      {...rest}\n    >\n      {label || children}\n    </Box>\n  ),\n);\n\nconst PromotionalVariant: React.FC<PromotionalLabelProps> = forwardRef(\n  ({ type: _, label, children, variant, sx, labelBoxProps, labelNextProps, ...rest }, ref) => {\n    const { sx: labelBoxSx, ...restLabelBox } = labelBoxProps || {};\n    const { sx: labelNextSx, ...restLabelNext } = labelNextProps || {};\n    const theme = useTheme();\n\n    return (\n      <Box\n        ref={ref}\n        data-testid=\"Label-promotional\"\n        sx={{\n          ...baseSx,\n          color: 'brand.secondary',\n          overflow: 'hidden',\n          borderRadius: '2px',\n          ...sx,\n        }}\n        {...rest}\n      >\n        <Box\n          sx={{\n            margin: '0 6px 0 -6px',\n            transform: `skew(${theme.direction === 'rtl' ? '' : '-'}21deg, 0deg)`,\n            backgroundColor: 'brand.tertiary',\n            position: 'relative',\n            borderRadius: '3px',\n            display: 'inline-flex',\n            alignItems: 'flex-start',\n            justifyContent: 'center',\n            zIndex: '100',\n            ...labelBoxSx,\n          }}\n          {...restLabelBox}\n        >\n          <Box\n            sx={{\n              fontSize: { xs: '12px', xl: '14px' },\n              padding: { xs: '8px 10px 8px 16px', xl: '10px 14px 10px 20px' },\n              letterSpacing: '1px',\n              textTransform: 'uppercase',\n              lineHeight: '12px',\n              fontWeight: 'bold',\n              transform: `skew(${theme.direction === 'rtl' ? '-' : ''}21deg, 0deg)`,\n              ...labelNextSx,\n            }}\n            {...restLabelNext}\n          >\n            {label || children}\n          </Box>\n        </Box>\n      </Box>\n    );\n  },\n);\n\n/**\n * Wrapper around getInteractiveStyle() function to provide interactive style\n *  only for label that is actually a button\n */\nfunction getLabelInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n  return {\n    ...defaultStyle,\n    '&.MuiButtonBase-root': {\n      ...getInteractiveStyle(defaultStyle, hoverStyle),\n    },\n  };\n}\n\nconst SemanticVariant: React.FC<SemanticLabelProps> = forwardRef(\n  ({ type: _, label, children, variant = 'positive', sx, iconProps, IconComponent, onClick, ...rest }, ref) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const VariantIconComponent = useMemo(() => {\n      switch (variant) {\n        case 'alert':\n        case 'error':\n        case 'warning':\n          return CircleExclamationIcon;\n        case 'info':\n        case 'positive':\n        default:\n          return CircleInformationIcon;\n      }\n    }, [variant]);\n    const SemanticIcon = IconComponent || VariantIconComponent;\n    const theme = useTheme();\n\n    return (\n      <Box\n        ref={ref}\n        data-testid={`Label-semantic${variant}`}\n        sx={{\n          ...baseSx,\n          gap: '6px',\n          padding: '2px 8px 2px 4px',\n          borderRadius: '4px',\n          border: 1,\n          borderColor: 'currentColor',\n          transition:\n            'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n          // clickable style\n          '&&.MuiButtonBase-root': {\n            // focused style\n            ...getFocusRingStyle(theme, true, 1),\n          },\n          // default, positive\n          ...getLabelInteractiveStyle(\n            {\n              color: 'brand.primary',\n              backgroundColor: 'transparent.transparent',\n            },\n            {\n              color: 'brandHover.primary',\n              backgroundColor: 'transparent.primary',\n            },\n          ),\n          ...(['alert', 'error'].includes(variant) && {\n            ...getLabelInteractiveStyle(\n              {\n                color: 'error.main',\n                backgroundColor: 'transparent.transparent',\n              },\n              {\n                color: 'error.dark',\n                backgroundColor: 'transparent.primary',\n              },\n            ),\n          }),\n          ...(variant === 'warning' && {\n            ...getLabelInteractiveStyle(\n              {\n                color: 'warning.dark',\n                backgroundColor: 'transparent.transparent',\n              },\n              {\n                color: 'warning.dark',\n                backgroundColor: 'transparent.primary',\n              },\n            ),\n          }),\n          ...(variant === 'info' && {\n            ...getLabelInteractiveStyle(\n              {\n                color: 'info.main',\n                backgroundColor: 'transparent.transparent',\n              },\n              {\n                color: 'info.dark',\n                backgroundColor: 'transparent.primary',\n              },\n            ),\n          }),\n          ...sx,\n        }}\n        onClick={onClick}\n        {...rest}\n      >\n        <SemanticIcon data-testid={`icon-${variant}`} sx={{ fontSize: '18px', ...iconSx }} {...restIconProps} />\n        {label || children}\n      </Box>\n    );\n  },\n);\n\nconst StatusVariant: React.FC<StatusLabelProps> = forwardRef(\n  ({ type, label, children, variant = 'positive', labelPlacement = 'end', dotProps, sx, ...rest }, ref) => {\n    const { sx: dotSx, ...restDot } = dotProps || {};\n\n    return (\n      <Box\n        ref={ref}\n        data-testid={`Label-status${variant}`}\n        sx={(theme) => ({\n          ...baseSx,\n          color: 'text.primary',\n          flexDirection: { start: 'row-reverse', top: 'column-reverse', bottom: 'column' }[labelPlacement] ?? 'row',\n          gap: 1,\n          ...(type === 'indicator' && theme.typography.disclaimer1),\n          ...sx,\n        })}\n        {...(variant === 'disabled' && {\n          disabled: true,\n          tabIndex: -1,\n        })}\n        {...rest}\n      >\n        <Box\n          sx={{\n            width: '10px',\n            height: '10px',\n            ...(type === 'indicator' && {\n              width: '14px',\n              height: '14px',\n            }),\n            borderRadius: '50%',\n            backgroundColor: 'success.main',\n            ...(variant === 'warning' && {\n              backgroundColor: 'warning.dark',\n            }),\n            ...(['alert', 'error'].includes(variant) && {\n              backgroundColor: 'error.main',\n            }),\n            ...(variant === 'neutral' && {\n              backgroundColor: 'onSurface.os500',\n            }),\n            ...(variant === 'disabled' && {\n              backgroundColor: 'disabled.secondary',\n            }),\n            ...dotSx,\n          }}\n          {...restDot}\n        />\n        {label || children}\n      </Box>\n    );\n  },\n);\n\nconst CO2Variant: React.FC<CO2LabelProps> = forwardRef(\n  ({ type: _, label, children, variant = 'A+++', size = 'large', sx, labelBoxProps, labelNextProps, ...rest }, ref) => {\n    const colorMap = useMemo(\n      () => ({\n        B: '#019A01',\n        C: '#69CC00',\n        D: '#FFCC01',\n        E: '#F99601',\n        F: '#FE6501',\n        G: '#FF3100',\n        H: '#2A78CD',\n      }),\n      [],\n    );\n    const getColor = (_variant: string) => colorMap[_variant] || '#016703';\n\n    const { sx: labelBoxSx, ...restLabelBox } = labelBoxProps || {};\n    const { sx: labelNextSx, ...restLabelNext } = labelNextProps || {};\n\n    return (\n      <Box\n        ref={ref}\n        data-testid={`Label-CO2${variant}`}\n        sx={{\n          ...baseSx,\n          ...sx,\n        }}\n        {...rest}\n      >\n        <Box\n          component=\"span\"\n          sx={{\n            alignItems: 'center',\n            backgroundColor: getColor(variant),\n            boxSizing: 'border-box',\n            color: 'surface.tertiary',\n            display: 'inline-flex',\n            justifyContent: 'flex-start',\n            fontWeight: '700',\n            height: { xs: '20px', xl: '22px' },\n            fontSize: { xs: '12px', xl: '14px' },\n            ...(size === 'small' && {\n              fontSize: { xs: '10px', xl: '12px' },\n              height: { xs: '16px', xl: '18px' },\n            }),\n            padding: '0 5px',\n            position: 'relative',\n            letterSpacing: '1px',\n            ...labelBoxSx,\n          }}\n          {...restLabelBox}\n        >\n          {label || children || variant}\n        </Box>\n        <Box\n          sx={{\n            content: '\"\"',\n            display: 'block',\n            width: '0',\n            height: '0',\n            borderStyle: 'solid',\n            borderColor: `transparent transparent transparent ${getColor(variant)}`,\n            borderWidth: {\n              xs: `10px 0 10px 7px`,\n              lg: `11px 0 11px 8px`,\n            },\n            ...(size === 'small' && {\n              borderWidth: {\n                xs: '8px 0 8px 5px',\n                lg: '9px 0 9px 7px',\n              },\n            }),\n            ...labelNextSx,\n          }}\n          {...restLabelNext}\n        />\n      </Box>\n    );\n  },\n);\n\nexport const Label: React.FC<LabelProps> = forwardRef((props, ref) => {\n  const LabelComponent = useMemo<React.FC<LabelProps>>(() => {\n    switch (props.type) {\n      case 'simple':\n        return SimpleVariant;\n      case 'feature':\n        return FeatureVariant;\n      case 'promotional':\n        return PromotionalVariant;\n      case 'semantic':\n        return SemanticVariant;\n      case 'status':\n      case 'indicator':\n        return StatusVariant;\n      case 'CO2':\n        return CO2Variant;\n      case 'general':\n      default:\n        return GeneralVariant;\n    }\n  }, [props.type]);\n\n  return <LabelComponent component=\"span\" {...props} ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"feature\" /> instead.\n */\nexport const LabelFeature: React.FC<Omit<FeatureLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"feature\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"status\" /> instead.\n */\nexport const LabelStatus: React.FC<Omit<StatusLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"status\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"CO2\" /> instead.\n */\nexport const LabelCO2: React.FC<Omit<CO2LabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"CO2\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"promotional\" /> instead.\n */\nexport const LabelPromotional: React.FC<Omit<PromotionalLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"promotional\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"general\" /> instead.\n */\nexport const LabelGeneral: React.FC<Omit<GeneralLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} ref={ref} />;\n});\n"],"names":["baseSx","display","alignItems","justifyContent","flexWrap","flexShrink","fontSize","lineHeight","letterSpacing","textTransform","fontWeight","whiteSpace","textRendering","GeneralVariant","forwardRef","_a","ref","type","_","label","children","sx","rest","__rest","_jsx","Box","Object","assign","color","theme","palette","mode","SimpleVariant","typography","list","backgroundColor","p","FeatureVariant","variant","padding","borderRadius","includes","PromotionalVariant","labelBoxProps","labelNextProps","_b","labelBoxSx","restLabelBox","_c","labelNextSx","restLabelNext","useTheme","overflow","margin","transform","direction","position","zIndex","xs","xl","getLabelInteractiveStyle","defaultStyle","hoverStyle","getInteractiveStyle","SemanticVariant","iconProps","IconComponent","onClick","iconSx","restIconProps","VariantIconComponent","useMemo","CircleExclamationIcon","CircleInformationIcon","SemanticIcon","_jsxs","gap","border","borderColor","transition","getFocusRingStyle","StatusVariant","labelPlacement","dotProps","dotSx","restDot","flexDirection","start","top","bottom","disclaimer1","disabled","tabIndex","width","height","CO2Variant","size","colorMap","B","C","D","E","F","G","H","getColor","_variant","component","boxSizing","content","borderStyle","borderWidth","lg","Label","props","LabelComponent","LabelFeature","LabelStatus","LabelCO2","LabelPromotional","LabelGeneral"],"mappings":"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"}

package/cjs/components/menu/index.d.ts

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

package/cjs/components/menu/menu.d.ts

@@ -1,65 +0,0 @@
-import React from 'react';
-import { PaperProps } from '@mui/material';
-import { FlagProps } from '@/src/components/flag';
-/**
- * @interface MenuItemObject
- * @description Single menu item containing icon class and item value
- */
-export interface MenuItemObject {
-    value: string;
-    flag: FlagProps['flag'];
-    title: string;
-}
-export type MenuItems = MenuItemObject[] | string[];
-/**
- * @interface MenuReactUseStateHook
- * @description The use state hook that must be provided to the Menu component.
- */
-export interface MenuReactUseStateHook {
-    state: any[];
-    setState: React.Dispatch<React.SetStateAction<any[]>>;
-}
-/**
- * @interface FlowMenuProps (previously PaperProps)
- * @description Base definition of SkodaFlow Menu independent on core implementation.
- * Properties are inherited from HTML Div element
- */
-export interface FlowMenuProps extends PaperProps {
-    /**
-     * hasIcon is used to specify if every item should have icon.
-     */
-    hasIcon?: boolean;
-    /**
-     * multipleSelection is used to allow multiple selection.
-     */
-    multipleSelection?: boolean;
-    /**
-     * Adding a label to the group.
-     */
-    groupLabel?: string;
-    /**
-     * Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,
-     * or MenuItemObject[] when hasIcon = true.
-     */
-    items: MenuItems;
-    /**
-     * The use state hook that must be provided to the Menu component.
-     */
-    reactHook: MenuReactUseStateHook;
-    /**
-     * groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.
-     */
-    groupToggleSelection?: boolean;
-    /**
-     * set the menu open state
-     */
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
-     */
-    toggleLabel?: string;
-}
-/**
- * @deprecated Use Menu component from '@mui/material' module instead.
- */
-export declare const Menu: React.ForwardRefExoticComponent<Omit<FlowMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;