npm - @skodaflow/web-library - Versions diffs - 7.0.0 → 7.0.1 - Mend

@skodaflow/web-library 7.0.0 → 7.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

package/components/banner/banner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import"tslib";import{useTheme as o,lighten as e,Stack as i,Box as a,Typography as s}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as m}from"react";import"@mui/material/styles";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"../controls/controls.js";import"../divider/divider.js";import"../drawer/drawer.js";import"../flag/flag.js";import"@mui/material/Grid";import{Icon as n}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"lodash/noop";import"../toggleSwitch/toggleSwitch.js";import"../avatar/Avatar.js";import"../iconButton/index.js";import"../alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const p=({children:p,variant:l="info",buttons:c})=>{const d=o(),u=m((()=>{switch(l){case"error":return d.palette.error.main;case"warning":return d.palette.warning.main;default:return d.palette.info.main}}),[l,d]),g=m((()=>{switch(l){case"error":return e(d.palette.error.light,.9);case"warning":return e(d.palette.warning.light,.9);default:return e(d.palette.info.light,.9)}}),[l,d]);return r(i,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:u,backgroundColor:g},"data-testid":"Banner",children:[r(i,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[t(a,{component:n,name:"info"===l?"circle-info":"circle-exclamation",iconStyle:"filled",color:l,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),t(a,{children:"string"==typeof p?t(s,{children:p}):p})]}),c&&t(i,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:c})]})};export{p as Banner};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import"tslib";import{useTheme as o,lighten as e,Stack as i,Box as a,Typography as s}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as m}from"react";import"@mui/material/styles";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"../controls/controls.js";import"../divider/divider.js";import"../drawer/drawer.js";import"../flag/flag.js";import"@mui/material/Grid";import{Icon as n}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"../toggleSwitch/toggleSwitch.js";import"../avatar/Avatar.js";import"../iconButton/index.js";import"../alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const p=({children:p,variant:l="info",buttons:c})=>{const d=o(),[u,j]=m((()=>{switch(l){case"error":return[d.palette.error.main,e(d.palette.error.light,.9)];case"warning":return[d.palette.warning.main,e(d.palette.warning.light,.9)];default:return[d.palette.info.main,e(d.palette.info.light,.9)]}}),[l,d]);return r(i,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:u,backgroundColor:j},"data-testid":"Banner",children:[r(i,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[t(n,{name:"info"===l?"circle-info":"circle-exclamation",iconStyle:"filled",color:l,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),t(a,{children:"string"==typeof p?t(s,{children:p}):p})]}),c&&t(i,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:c})]})};export{p as Banner};
 //# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n const theme = useTheme();\n const borderColor = useMemo(() => {\n switch (variant) {\n case 'error':\n return theme.palette.error.main~~;\n case 'warning':\n return theme.palette.warning.main;\n case 'info':\n default:\n return theme.palette.info.main;\n }\n }~~, ~~[variant, theme]);\n const backgroundColor = useMemo(() => {\n switch (variant) {\n case 'error':\n return~~ lighten(theme.palette.error.light, 0.9);\n case 'warning':\n return lighten(theme.palette.warning.light, 0.9);\n case 'info':\n default:\n return lighten(theme.palette.info.light, 0.9);\n }\n }, [variant, theme]);\n return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n borderLeft: '6px solid',\n alignItems: 'flex-start',\n borderColor,\n backgroundColor,\n }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(~~Box~~, { ~~component: Icon,~~ name: variant === 'info' ? 'circle-info' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n alignSelf: 'flex-start',\n color: borderColor,\n marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["Banner","children","variant","buttons","theme","useTheme","borderColor","useMemo","palette","error","main","~~warning~~","~~info~~","~~backgroundColor~~","~~lighten~~","~~light","~~_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","padding","xs","flexGrow","_jsx","~~Box","component","~~Icon","name","iconStyle","color","alignSelf","marginTop","lg","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"~~i5HAIY~~,MAACA,EAAS,EAAGC,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,~~IACRC~~,~~EAAcC~~,GAAQ,~~KACxB~~,~~OAAQL~~,GACJ,IAAK,QACD,~~OAAOE~~,~~EAAMI~~,QAAQC,MAAMC,~~KAC/B~~,~~IAAK~~,~~UACD~~,~~OAAON~~,~~EAAMI~~,~~QAAQG~~,~~QAAQD~~,~~KAEjC~~,~~QACI~~,~~OAAON~~,~~EAAMI~~,~~QAAQI~~,~~KAAKF~~,~~KACjC~~,~~GACF~~,~~CAACR~~,~~EAASE~~,~~IACPS~~,~~EAAkBN~~,~~GAAQ~~,~~KAC5B~~,~~OAAQL~~,~~GACJ,IAAK,QACD,OAAOY,EAAQV,EAAMI,QAAQC,MAAMM,~~MAAO,~~IAC9C~~,~~IAAK~~,~~UACD~~,~~OAAOD~~,~~EAAQV~~,~~EAAMI~~,~~QAAQG~~,~~QAAQI~~,~~MAAO~~,~~IAEhD,QACI,OAAOD,EAAQV,EAAMI,QAAQI,KAAKG,~~MAAO,~~IAChD~~,GACF,~~CAACb~~,EAASE,IACb,OAAQY,EAAMC,EAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,~~cACAO~~,mBACD,cAAe,~~SAAUZ~~,SAAU,CAACe,EAAMC,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEG,QAAS,CAAEN,GAAI,YAAaC,GAAI,OAAQM,GAAI,aAAeC,SAAU,EAAGH,WAAY,UAAYvB,SAAU,CAAC2B,EAAKC,~~EAAK~~,CAAEC,~~UAAWC,EAAMC,~~KAAkB,~~SAAZ9B~~,EAAqB,cAAgB,~~qBAAsB+B~~,UAAW,SAAUC,~~MAAOhC~~,EAASoB,GAAI,~~CACxTa~~,UAAW,aACXD,~~MAAO5B~~,~~EACP8B~~,UAAW,CAAEC,GAAI,~~iBAAkBlB~~,GAAI,iBAAkBC,GAAI,sBAC3DQ,~~EAAKC~~,EAAK,~~CAAE5B~~,SAA8B,iBAAbA,EAAwB2B,~~EAAKU~~,EAAY,~~CAAErC~~,SAAUA,IAAcA,OAAiBE,GAAYyB,EAAKX,EAAO,CAAEC,UAAW,MAAOG,QAAS,~~EAAGkB~~,YAAY,~~EAAMjB~~,GAAI,CAAEG,QAAS,~~WAAYe~~,SAAU,SAAUC,SAAU,~~OAAQN~~,UAAW,~~SAAUO~~,YAAa,QAAU,cAAe,~~iBAAkBzC~~,SAAUE,MAAiB"}
1	+ {"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\n/*\n Alert notification banner\n */\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n const theme = useTheme();\n const [borderColor, backgroundColor] = useMemo(() => {\n switch (variant) {\n case 'error':\n return [theme.palette.error.main, lighten(theme.palette.error.light, 0.9)];\n case 'warning':\n return [theme.palette.warning.main, lighten(theme.palette.warning.light, 0.9)];\n case 'info':\n default:\n return [theme.palette.info.main, lighten(theme.palette.info.light, 0.9)];\n }\n }, [variant, theme]);\n return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n borderLeft: '6px solid',\n alignItems: 'flex-start',\n borderColor,\n backgroundColor,\n }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Icon, { name: variant === 'info' ? 'circle-info' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n alignSelf: 'flex-start',\n color: borderColor,\n marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["Banner","children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"w2HAOY,MAACA,EAAS,EAAGC,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,KACPC,EAAaC,GAAmBC,GAAQ,KAC3C,OAAQN,GACJ,IAAK,QACD,MAAO,CAACE,EAAMK,QAAQC,MAAMC,KAAMC,EAAQR,EAAMK,QAAQC,MAAMG,MAAO,KACzE,IAAK,UACD,MAAO,CAACT,EAAMK,QAAQK,QAAQH,KAAMC,EAAQR,EAAMK,QAAQK,QAAQD,MAAO,KAE7E,QACI,MAAO,CAACT,EAAMK,QAAQM,KAAKJ,KAAMC,EAAQR,EAAMK,QAAQM,KAAKF,MAAO,KAC1E,GACF,CAACX,EAASE,IACb,OAAQY,EAAMC,EAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAC,mBACD,cAAe,SAAUN,SAAU,CAACe,EAAMC,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEG,QAAS,CAAEN,GAAI,YAAaC,GAAI,OAAQM,GAAI,aAAeC,SAAU,EAAGH,WAAY,UAAYvB,SAAU,CAAC2B,EAAKC,EAAM,CAAEC,KAAkB,SAAZ5B,EAAqB,cAAgB,qBAAsB6B,UAAW,SAAUC,MAAO9B,EAASoB,GAAI,CACxSW,UAAW,aACXD,MAAO1B,EACP4B,UAAW,CAAEC,GAAI,iBAAkBhB,GAAI,iBAAkBC,GAAI,sBAC3DQ,EAAKQ,EAAK,CAAEnC,SAA8B,iBAAbA,EAAwB2B,EAAKS,EAAY,CAAEpC,SAAUA,IAAcA,OAAiBE,GAAYyB,EAAKX,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGiB,YAAY,EAAMhB,GAAI,CAAEG,QAAS,WAAYc,SAAU,SAAUC,SAAU,OAAQP,UAAW,SAAUQ,YAAa,QAAU,cAAe,iBAAkBxC,SAAUE,MAAiB"}

package/components/button/button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r,useState as o,useMemo as n}from"react";import e from"@mui/material/Button";import{styled as a}from"@mui/material/styles";import{Icon as c}from"../icon/icon.js";import"../icon/icon.definitions.js";import s from"../common/styled/buttonFocusVisibleStyled.js";import{ColourSheme as m}from"../../utils/enum.js";import{ternaryCondition as u}from"../../utils/utilities.js";import l from"lodash/merge";var d;!function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.GHOST="ghost",t.TERTIARY="tertiary",t.NAVIGATION="navigation"}(d||(d={}));const p=r(((r,e)=>{var a,{variant:l=d.PRIMARY,colourScheme:p,direction:h="back",label:A,icon:T,compact:g,disabled:v}=r,b=t(r,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[N,O]=o(!1),M=n((()=>I(l)),[l]),S=n((()=>R(l)),[l]),Y="navigation"===l,y=Y&&"forward"===h,B=Y&&"back"===h;return i(s,{focusVisible:N,isNavigationVariant:Y,fullWidth:b.fullWidth,children:i(f,Object.assign({},b,{ref:e,variant:M,color:S,startIcon:T&&!Y||B?i(c,{name:B?"arrow-left":T}):void 0,endIcon:y?i(c,{name:"arrow-right"}):void 0,disabled:v,size:g?"small":void 0,onFocusVisible:()=>O(!0),onBlur:t=>{O(!1),b.onBlur&&b.onBlur(t)},className:u(p,m.LIGHT_MODE,"MuiButton-white",""),children:null!==(a=b.children)&&void 0!==a?a:A}))})})),f=a(e)((i=>{const r=t(i,["theme"]),o="navigation"===r.variant,n={};return!r.children&&r.startIcon&&l(n,{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}}),o&&l(n,{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}}),n})),I=t=>{switch(t){case d.PRIMARY:return"contained";case d.GHOST:return"outlined";case d.NAVIGATION:return"navigation";case d.SECONDARY:return"contained";case d.TERTIARY:return"text";default:return"contained"}},R=t=>{switch(t){case d.PRIMARY:return"primary";case d.GHOST:case d.NAVIGATION:case d.SECONDARY:case d.TERTIARY:return"secondary";default:return"primary"}};export{p as Button,d as ButtonVariants};
+import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r,useState as n,useMemo as o}from"react";import e from"@mui/material/Button";import{styled as a}from"@mui/material/styles";import{Icon as c}from"../icon/icon.js";import"../icon/icon.definitions.js";import s from"../common/styled/buttonFocusVisibleStyled.js";import{ColourSheme as u}from"../../utils/enum.js";import{ternaryCondition as l}from"../../utils/utilities.js";var m;!function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.GHOST="ghost",t.TERTIARY="tertiary",t.NAVIGATION="navigation"}(m||(m={}));const d=r(((r,e)=>{var a,{variant:d=m.PRIMARY,colourScheme:b,direction:g="back",label:R,icon:A,compact:T,disabled:h}=r,v=t(r,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[O,j]=n(!1),N=o((()=>f(d)),[d]),M=o((()=>I(d)),[d]),S="navigation"===d,Y=S&&"forward"===g,y=S&&"back"===g;return i(s,{focusVisible:O,isNavigationVariant:S,fullWidth:v.fullWidth,children:i(p,Object.assign({},v,{ref:e,variant:N,color:M,startIcon:A&&!S||y?i(c,{name:y?"arrow-left":A}):void 0,endIcon:Y?i(c,{name:"arrow-right"}):void 0,disabled:h,size:T?"small":void 0,onFocusVisible:()=>j(!0),onBlur:t=>{j(!1),v.onBlur&&v.onBlur(t)},className:l(b,u.LIGHT_MODE,"MuiButton-white",""),children:null!==(a=v.children)&&void 0!==a?a:R}))})})),p=a(e)((i=>{const r=t(i,["theme"]),n="navigation"===r.variant;let o={};return!r.children&&r.startIcon&&(o=Object.assign(Object.assign({},o),{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}})),n&&(o=Object.assign(Object.assign({},o),{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}})),o})),f=t=>{switch(t){case m.PRIMARY:return"contained";case m.GHOST:return"outlined";case m.NAVIGATION:return"navigation";case m.SECONDARY:return"contained";case m.TERTIARY:return"text";default:return"contained"}},I=t=>{switch(t){case m.PRIMARY:return"primary";case m.GHOST:case m.NAVIGATION:case m.SECONDARY:case m.TERTIARY:return"secondary";default:return"primary"}};export{d as Button,m as ButtonVariants};
 //# sourceMappingURL=button.js.map

package/components/button/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\~~nimport merge from 'lodash/merge';\~~n/*\n @type ButtonVariants\n * @description The variants of the Button component.\n /\nexport var ButtonVariants;\n(function (ButtonVariants) {\n ButtonVariants[\"PRIMARY\"] = \"primary\";\n ButtonVariants[\"SECONDARY\"] = \"secondary\";\n ButtonVariants[\"GHOST\"] = \"ghost\";\n ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants \|\| (ButtonVariants = {}));\n/\n @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n /\nexport const Button = forwardRef((_a, ref) => {\n var _b;\n var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n const [focusVisibled, setFocusVisible] = useState(false);\n const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n const onBlur = (e) => {\n setFocusVisible(false);\n if (props.onBlur)\n props.onBlur(e);\n };\n const isNavigationVariant = variant === 'navigation';\n const isDirectionForward = isNavigationVariant && direction === 'forward';\n const isDirectionBack = isNavigationVariant && direction === 'back';\n return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) \|\| isDirectionBack ? (_jsx(Icon, { name: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { name: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/\n @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n const isNavigationVariant = props.variant === 'navigation';\n ~~const~~ styles = {};\n if (!props.children && props.startIcon) {\n ~~merge~~(styles, {\n width: 44,\n padding: 0,\n '& .MuiButton-startIcon': {\n margin: '-4px 0 0 0',\n fontSize: '16px',\n '.MuiIcon-root': {\n paddingTop: 3,\n '&::before': {\n marginLeft: 1,\n },\n },\n },\n });\n }\n if (isNavigationVariant) {\n ~~merge~~(styles, {\n '& .MuiButton-endIcon': {\n marginTop: '2px',\n },\n '& .MuiButton-startIcon': {\n marginTop: '2px',\n },\n });\n }\n return styles;\n});\nconst getButtonVariant = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'contained';\n case ButtonVariants.GHOST:\n return 'outlined';\n case ButtonVariants.NAVIGATION:\n return 'navigation';\n case ButtonVariants.SECONDARY:\n return 'contained';\n case ButtonVariants.TERTIARY:\n return 'text';\n default:\n return 'contained';\n }\n};\nconst getButtonColor = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'primary';\n case ButtonVariants.GHOST:\n return 'secondary';\n case ButtonVariants.NAVIGATION:\n return 'secondary';\n case ButtonVariants.SECONDARY:\n return 'secondary';\n case ButtonVariants.TERTIARY:\n return 'secondary';\n default:\n return 'primary';\n }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","name","undefined","endIcon","size","onFocusVisible","onBlur","e","className","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","~~merge","~~width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"~~weAcU~~,IAACA,GACX,SAAWA,GACPA,EAAwB,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,YAClC,CAND,CAMGA,IAAmBA,EAAiB,CAAE,IAQ7B,MAACC,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAOZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,GAAS,GAC5CC,EAAwBC,GAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,GAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAKC,EAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAKK,EAAcC,OAAOC,OAAO,CAAE,EAAEpB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBgB,MAAOb,EAAac,UAAYzB,IAASa,GAAwBE,EAAmBC,EAAKU,EAAM,CAAEC,KAAMZ,EAAkB,aAAef,SAAW4B,EAAWC,QAASf,EAAqBE,EAAKU,EAAM,CAAEC,KAAM,qBAAmBC,EAAW1B,SAAUA,EAAU4B,KAAM7B,EAAU,aAAU2B,EAAWG,eAAgB,IAAMzB,GAAgB,GAAO0B,OARjjBC,IACZ3B,GAAgB,GACZH,EAAM6B,QACN7B,EAAM6B,OAAOC,EAAE,EAK0jBC,UAAWC,EAAiBtC,EAAcuC,EAAYC,WAAY,kBAAmB,IAAKjB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKxvBsB,EAAeiB,EAAOC,EAAPD,EAAmB9C,IAEpC,MAAMW,EADqBC,EAAOZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,~~QAC5B6C~~,EAAS,CAAA,~~EA2Bf~~,OA1BKrC,EAAMiB,UAAYjB,EAAMsB,~~WACzBgB~~,~~EAAMD~~,~~EAAQ~~,~~CACVE~~,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,~~OAM5BlC~~,~~GACA4B~~,~~EAAMD~~,~~EAAQ~~,~~CACV~~,uBAAwB,~~CACpBQ~~,UAAW,OAEf,yBAA0B,CACtBA,UAAW,~~SAIhBR~~,CAAM,IAEX9B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,YACX,KAAKP,~~EAAe4D~~,MAChB,MAAO,WACX,~~KAAK5D~~,~~EAAe6D~~,WAChB,MAAO,aACX,~~KAAK7D~~,~~EAAe8D~~,UAChB,MAAO,YACX,~~KAAK9D~~,~~EAAe+D~~,SAChB,MAAO,OACX,QACI,MAAO,YACd,~~EAECxC~~,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,UACX,KAAKP,~~EAAe4D~~,MAEpB,~~KAAK5D~~,~~EAAe6D~~,WAEpB,~~KAAK7D~~,~~EAAe8D~~,UAEpB,~~KAAK9D~~,~~EAAe+D~~,SAChB,MAAO,YACX,QACI,MAAO,UACd"}
1	+ {"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\n/*\n @type ButtonVariants\n * @description The variants of the Button component.\n /\nexport var ButtonVariants;\n(function (ButtonVariants) {\n ButtonVariants[\"PRIMARY\"] = \"primary\";\n ButtonVariants[\"SECONDARY\"] = \"secondary\";\n ButtonVariants[\"GHOST\"] = \"ghost\";\n ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants \|\| (ButtonVariants = {}));\n/\n @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n /\nexport const Button = forwardRef((_a, ref) => {\n var _b;\n var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n const [focusVisibled, setFocusVisible] = useState(false);\n const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n const onBlur = (e) => {\n setFocusVisible(false);\n if (props.onBlur)\n props.onBlur(e);\n };\n const isNavigationVariant = variant === 'navigation';\n const isDirectionForward = isNavigationVariant && direction === 'forward';\n const isDirectionBack = isNavigationVariant && direction === 'back';\n return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) \|\| isDirectionBack ? (_jsx(Icon, { name: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { name: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/\n @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n const isNavigationVariant = props.variant === 'navigation';\n let styles = {};\n if (!props.children && props.startIcon) {\n styles = Object.assign(Object.assign({}, styles), {\n width: 44,\n padding: 0,\n '& .MuiButton-startIcon': {\n margin: '-4px 0 0 0',\n fontSize: '16px',\n '.MuiIcon-root': {\n paddingTop: 3,\n '&::before': {\n marginLeft: 1,\n },\n },\n },\n });\n }\n if (isNavigationVariant) {\n styles = Object.assign(Object.assign({}, styles), {\n '& .MuiButton-endIcon': {\n marginTop: '2px',\n },\n '& .MuiButton-startIcon': {\n marginTop: '2px',\n },\n });\n }\n return styles;\n});\nconst getButtonVariant = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'contained';\n case ButtonVariants.GHOST:\n return 'outlined';\n case ButtonVariants.NAVIGATION:\n return 'navigation';\n case ButtonVariants.SECONDARY:\n return 'contained';\n case ButtonVariants.TERTIARY:\n return 'text';\n default:\n return 'contained';\n }\n};\nconst getButtonColor = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'primary';\n case ButtonVariants.GHOST:\n return 'secondary';\n case ButtonVariants.NAVIGATION:\n return 'secondary';\n case ButtonVariants.SECONDARY:\n return 'secondary';\n case ButtonVariants.TERTIARY:\n return 'secondary';\n default:\n return 'primary';\n }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","name","undefined","endIcon","size","onFocusVisible","onBlur","e","className","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"4cAaU,IAACA,GACX,SAAWA,GACPA,EAAwB,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,YAClC,CAND,CAMGA,IAAmBA,EAAiB,CAAE,IAQ7B,MAACC,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAOZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,GAAS,GAC5CC,EAAwBC,GAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,GAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAKC,EAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAKK,EAAcC,OAAOC,OAAO,CAAE,EAAEpB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBgB,MAAOb,EAAac,UAAYzB,IAASa,GAAwBE,EAAmBC,EAAKU,EAAM,CAAEC,KAAMZ,EAAkB,aAAef,SAAW4B,EAAWC,QAASf,EAAqBE,EAAKU,EAAM,CAAEC,KAAM,qBAAmBC,EAAW1B,SAAUA,EAAU4B,KAAM7B,EAAU,aAAU2B,EAAWG,eAAgB,IAAMzB,GAAgB,GAAO0B,OARjjBC,IACZ3B,GAAgB,GACZH,EAAM6B,QACN7B,EAAM6B,OAAOC,EAAE,EAK0jBC,UAAWC,EAAiBtC,EAAcuC,EAAYC,WAAY,kBAAmB,IAAKjB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKxvBsB,EAAeiB,EAAOC,EAAPD,EAAmB9C,IAEpC,MAAMW,EADqBC,EAAOZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAClC,IAAI6C,EAAS,CAAA,EA2Bb,OA1BKrC,EAAMiB,UAAYjB,EAAMsB,YACzBe,EAASlB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIiB,GAAS,CAC9CC,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,QAM5BjC,IACA2B,EAASlB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIiB,GAAS,CAC9C,uBAAwB,CACpBO,UAAW,OAEf,yBAA0B,CACtBA,UAAW,UAIhBP,CAAM,IAEX9B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,YACX,KAAKP,EAAe2D,MAChB,MAAO,WACX,KAAK3D,EAAe4D,WAChB,MAAO,aACX,KAAK5D,EAAe6D,UAChB,MAAO,YACX,KAAK7D,EAAe8D,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECvC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,UACX,KAAKP,EAAe2D,MAEpB,KAAK3D,EAAe4D,WAEpB,KAAK5D,EAAe6D,UAEpB,KAAK7D,EAAe8D,SAChB,MAAO,YACX,QACI,MAAO,UACd"}

package/components/icon/icon.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps as MuiIconProps } from '@mui/material';
 import { IconNameProp } from './icon.definitions';
 /**
@@ -33,4 +33,4 @@ export interface IconProps extends MuiIconProps {
  * @param props IconProps
  * @returns React Functional Component
  */
-export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Icon: React.FC<IconProps>;