@skodaflow/web-library 3.3.0 → 4.0.0

package/build/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":[null],"names":["Avatar","styled","props","_jsx","MuiAvatar","Object","assign","variant","shouldForwardProp","propName","includes","size","color","background","theme","fontWeight","letterSpacing","backgroundColor","palette","common","white","black","width","height","fontSize"],"mappings":"2FASA,MAEaA,EAASC,GAFqBC,GAAUC,EAACC,EAASC,OAAAC,OAAA,CAACC,QAAQ,YAAeL,KAE9C,CACvCM,kBAAoBC,IAAc,CAAC,OAAQ,QAAS,cAAcC,SAASD,IADvDR,EAEN,EAAGU,OAAMC,QAAOC,aAAYC,WAAYT,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACtDS,WAAY,IACZC,cAAe,UAEXH,GAAc,CAAEI,gBAAiBJ,MAE/BD,GAAmB,UAAVA,IAAsB,CACnCA,MAAOE,EAAMI,QAAQC,OAAOC,QAEhB,SAAVR,GAAoB,CACtBA,MAAOE,EAAMI,QAAQC,OAAOE,QAGjB,OAATV,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU,OAENb,GAAiB,OAATA,IAAkB,CAC9BW,MAAO,GACPC,OAAQ,GACRC,SAAU,KAEC,OAATb,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU"}

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

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

package/build/components/backdrop/backdrop.d.ts

@@ -1,45 +1,45 @@
-import React, { ReactNode } from 'react';
-import { Theme } from '@mui/material/styles';
-import { SxProps } from '@mui/system';
-export interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     *  If true, the component is shown. Default value false
-     */
-    open: boolean;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     *  The component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.
-     */
-    components?: object;
-    /**
-     * The props used for each slot inside the Backdrop.
-     */
-    componentsProps?: object;
-    /**
-     * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false
-     */
-    invisible?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
-     */
-    transitionDuration?: number | object;
-    /**
-     * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.
-     */
-    onClose?: (isOpen: boolean) => void;
-}
-/**
- * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead
- */
-export declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;
+import React, { ReactNode } from 'react';
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+export interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  If true, the component is shown. Default value false
+     */
+    open: boolean;
+    /**
+     *  Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     *  The component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ReactNode;
+    /**
+     *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.
+     */
+    components?: object;
+    /**
+     * The props used for each slot inside the Backdrop.
+     */
+    componentsProps?: object;
+    /**
+     * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false
+     */
+    invisible?: boolean;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
+     */
+    sx?: SxProps<Theme>;
+    /**
+       The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
+       */
+    transitionDuration?: number | object;
+    /**
+     * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.
+     */
+    onClose?: (isOpen: boolean) => void;
+}
+/**
+ * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead
+ */
+export declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/backdrop/backdrop.js

@@ -0,0 +1,2 @@
+import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e,{useEffect as i}from"react";import t from"@mui/material/Backdrop";import{styled as n}from"@mui/material/styles";import s from"../common/hook/backdrop.js";import{flowColors as a}from"../../design/skoda/palette.theme.js";const m=e.forwardRef(((e,t)=>{var{open:n,onClose:a}=e,m=o(e,["open","onClose"]);const{openBackdrop:l,handleCloseBackdrop:c,setOpenBackdrop:d}=s();return i((()=>{d(n)}),[n,d]),r(p,{ref:t,classes:m.classes,open:l,onClick:()=>{c(),a&&a(!1)},invisible:m.invisible,sx:m.sx,transitionDuration:m.transitionDuration,children:m.children})})),p=n(t)((r=>o(r,["theme"]).invisible?{backgroundColor:a.transparent.backdrop,backdropFilter:"blur(0px)"}:null));export{m as Backdrop};
+//# sourceMappingURL=backdrop.js.map

package/build/components/backdrop/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":[null],"names":["Backdrop","React","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"2SAiDO,MAAMA,EAAWC,EAAMC,YAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAAzB,oBACvE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAW/D,OAJAC,GAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,EAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UAET,IAGEN,EAAiBO,EAAOC,EAAPD,EAAoCnB,GAAgBK,EAAAL,EAAhB,WAChDe,UACA,CACLM,gBAAiBC,EAAWC,YAAYC,SACxCC,eAAgB,aAGb"}

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

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

package/build/components/banner/banner.d.ts

@@ -1,57 +1,57 @@
-import React from 'react';
-import { ButtonVariant } from '../common/type/ButtonVariant';
-export interface BannerProps {
-    /**
-     * Variant of banner defines different look and style
-     */
-    variant: 'primary' | 'secondary' | 'tertiary';
-    /**
-     * Icon name base on Icon component
-     */
-    icon?: string;
-    /**
-     * Icon Type if icon is normal or filled
-     */
-    iconIsFilled?: boolean;
-    /**
-     * Text of banner
-     */
-    textContent?: string;
-    /**
-     * Dismiss Button label
-     */
-    buttonLabel?: string;
-    /**
-     * Dismiss Button variant
-     */
-    buttonVariant?: ButtonVariant;
-    /**
-     * Dismiss button callback
-     */
-    buttonCallback?: (payload: any) => void;
-    /**
-     * Additional Button show/hide
-     */
-    additionalButton?: boolean;
-    /**
-     * Additional Button variant
-     */
-    additionalButtonVariant?: ButtonVariant;
-    /**
-     * Additional Button Label
-     */
-    additionalButtonLabel?: string;
-    /**
-     * Additional Button Callback
-     */
-    additionalButtonCallback?: (payload: any) => void;
-    /**
-     * Additional Button Callback
-     */
-    analyticsCallback?: (payload: any) => void;
-    /**
-     * Visibility control over whole banner
-     */
-    isVisible?: boolean;
-}
-export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { ButtonVariant } from '../common/type/ButtonVariant';
+export interface BannerProps {
+    /**
+     * Variant of banner defines different look and style
+     */
+    variant: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Icon name base on Icon component
+     */
+    icon?: string;
+    /**
+     * Icon Type if icon is normal or filled
+     */
+    iconIsFilled?: boolean;
+    /**
+     * Text of banner
+     */
+    textContent?: string;
+    /**
+     * Dismiss Button label
+     */
+    buttonLabel?: string;
+    /**
+     * Dismiss Button variant
+     */
+    buttonVariant?: ButtonVariant;
+    /**
+     * Dismiss button callback
+     */
+    buttonCallback?: (payload: any) => void;
+    /**
+     * Additional Button show/hide
+     */
+    additionalButton?: boolean;
+    /**
+     * Additional Button variant
+     */
+    additionalButtonVariant?: ButtonVariant;
+    /**
+     * Additional Button Label
+     */
+    additionalButtonLabel?: string;
+    /**
+     * Additional Button Callback
+     */
+    additionalButtonCallback?: (payload: any) => void;
+    /**
+     * Additional Button Callback
+     */
+    analyticsCallback?: (payload: any) => void;
+    /**
+     * Visibility control over whole banner
+     */
+    isVisible?: boolean;
+}
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/banner/banner.js

@@ -0,0 +1,2 @@
+import{__rest as a}from"tslib";import{jsx as t,Fragment as n,jsxs as e}from"react/jsx-runtime";import i,{useState as r,useEffect as o}from"react";import l from"@emotion/styled";import{Icon as s}from"../icon/icon.js";import{Button as d}from"../button/button.js";import{flowColors as c}from"../../design/skoda/palette.theme.js";import{ColourSheme as b}from"../../utils/enum.js";const m=i.forwardRef(((i,l)=>{var c=a(i,[]);const[m,u]=r(!0);o((()=>{(c.isVisible||!1===c.isVisible)&&u(c.isVisible)}),[c.isVisible]);const f=(a,t)=>{"additional"===t?c.additionalButtonCallback&&c.additionalButtonCallback(a):c.buttonCallback&&c.buttonCallback(a),c.analyticsCallback&&c.analyticsCallback(a),u(!1)},x=c.iconIsFilled?" filled":"",g=c.buttonVariant,y=c.additionalButtonVariant;return t(n,{children:m&&t(p,{className:c.variant,variant:c.variant,ref:l,"data-testid":"Banner",children:e("div",{className:"bannerWrapper",children:[e("div",{className:"bannerHeader",children:[c.icon&&t(s,{fontSize:"medium",className:`${c.icon} ${x}`,"data-testid":"Banner.icon"}),t("p",{className:"body","data-testid":"Banner.body",children:c.textContent})]}),e("div",{className:"bannerBtnContainer",children:[c.additionalButton&&t(d,{variant:y,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"additional"),"data-testid":"Banner.btn2"}),"secondary"===c.variant?t(d,{variant:g,colourScheme:b.LIGHT_MODE,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"}):t(d,{variant:g,compact:!0,label:c.buttonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"})]})]})})})})),p=l.div((t=>{var{theme:n}=t;const e=a(t,["theme"]);let i={};switch(i=Object.assign(Object.assign({},i),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[n.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[n.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:c.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[n.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),e.variant){case"primary":return Object.assign(Object.assign({},i),{backgroundColor:c.brand.secondary,color:c.onSurface.os900});case"secondary":return Object.assign(Object.assign({},i),{backgroundColor:c.brand.tertiary,color:c.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:c.brand.secondary}});case"tertiary":return Object.assign(Object.assign({},i),{backgroundColor:c.surface.secondary,color:c.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:c.brand.primary}})}return i}));export{m as Banner};
+//# sourceMappingURL=banner.js.map

package/build/components/banner/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["Banner","React","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","additionalButtonCallback","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","BannerStyled","className","variant","_jsxs","children","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","secondary","onSurface","os900","os0","surface","os800","primary"],"mappings":"wXA8DO,MAAMA,EAASC,EAAMC,YAAwC,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,MAAOI,EAAiBC,GAAsBC,GAAS,GAEvDC,GAAU,MACJL,EAAMM,YAAiC,IAApBN,EAAMM,YAC3BH,EAAmBH,EAAMM,UAC1B,GACA,CAACN,EAAMM,YAIV,MAAMC,EAAiB,CAACC,EAASC,KACnB,eAAZA,EACIT,EAAMU,0BAA4BV,EAAMU,yBAAyBF,GACjER,EAAMW,gBAAkBX,EAAMW,eAAeH,GACjDR,EAAMY,mBAAqBZ,EAAMY,kBAAkBJ,GACnDL,GAAmB,EAAM,EAGrBU,EAAWb,EAAMc,aAAe,UAAY,GAE5CC,EAAoBf,EAAMgB,cAC1BC,EAA0BjB,EAAMkB,wBAEtC,OACEC,cACGjB,GACCiB,EAACC,EAAa,CAAAC,UAAWrB,EAAMsB,QAASA,QAAStB,EAAMsB,QAASvB,IAAKA,EAAiB,cAAA,kBACpFwB,EAAK,MAAA,CAAAF,UAAU,gBAAeG,SAAA,CAC5BD,SAAKF,UAAU,eAAcG,SAAA,CAC1BxB,EAAMyB,MACLN,EAACO,EAAK,CAAAC,SAAS,SAASN,UAAW,GAAGrB,EAAMyB,QAAQZ,IAAU,cAAc,gBAE9EM,EAAA,IAAA,CAAGE,UAAU,OAAmB,cAAA,cAC7BG,SAAAxB,EAAM4B,iBAGXL,EAAK,MAAA,CAAAF,UAAU,+BACZrB,EAAM6B,kBACLV,EAACW,EAAM,CACLR,QAASL,EACTc,SAAS,EACTC,MAAOhC,EAAMiC,sBACbC,QAAU1B,GAAOD,EAAeC,EAAI,cACxB,cAAA,gBAGG,cAAlBR,EAAMsB,QACLH,EAACW,EACC,CAAAR,QAASP,EACToB,aAAcC,EAAYC,WAC1BN,SAAS,EACTC,MAAOhC,EAAMiC,sBACbC,QAAU1B,GAAOD,EAAeC,EAAI,QAAO,cAC/B,gBAGdW,EAACW,EAAM,CACLR,QAASP,EACTgB,SAAS,EACTC,MAAOhC,EAAMsC,YACbJ,QAAU1B,GAAOD,EAAeC,EAAI,QAAO,cAC/B,yBAQ1B,IAGEY,EAAemB,EAAOC,KAAoC1C,IAAA,IAAA2C,MAAEA,GAAgB3C,EAChF,MAAME,EADwEC,EAAAH,EAAhB,WAE9D,IAAI4C,EAAS,CAAA,EAmDb,OAlDAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA,qBAAsB,CACpBG,UAAW,aACXC,QAAS,OACTC,QAAS,OACTC,cAAe,SACfC,SAAU,SACVC,MAAO,OACP,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BN,QAAS,WACTE,cAAe,OAEjB,MAAO,CACLH,UAAW,eAGf,kBAAmB,CACjBE,QAAS,OACTM,WAAY,aACZC,eAAgB,aAChBJ,MAAO,OACPK,aAAc,OACd,CAACd,EAAMU,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,SACZE,aAAc,KAEhB,kBAAmB,CACjBC,MAAOC,EAAWC,MAAMC,SACxBhC,SAAU,SAGd,UAAW,CACTiC,OAAQ,YACRjC,SAAU,OACVkC,WAAY,MACZC,cAAe,UAEjB,wBAAyB,CACvBf,QAAS,OACTG,MAAO,OACPI,eAAgB,aAChB,CAACb,EAAMU,YAAYC,GAAG,OAAQ,CAC5BE,eAAgB,YAElB,gBAAiB,CACfS,WAAY,WAIV/D,EAAMsB,SACZ,IAAK,UACH,OACKqB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,IACHsB,gBAAiBP,EAAWC,MAAMO,UAClCT,MAAOC,EAAWS,UAAUC,QAEhC,IAAK,YACH,OACKxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,IACHsB,gBAAiBP,EAAWC,MAAMC,SAClCH,MAAOC,EAAWS,UAAUE,IAC5B,gCAAiC,CAC/BZ,MAAOC,EAAWC,MAAMO,aAG9B,IAAK,WACH,OACKtB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,IACHsB,gBAAiBP,EAAWY,QAAQJ,UACpCT,MAAOC,EAAWS,UAAUI,MAC5B,gCAAiC,CAC/Bd,MAAOC,EAAWC,MAAMa,WAIhC,OAAO7B,CAAM"}

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

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

package/build/components/button/button.d.ts

@@ -1,57 +1,57 @@
-import React from 'react';
-import { ColourSheme } from '../../utils/enum';
-/**
- * @type ButtonVariants
- * @description The variants of the Button component.
- */
-export declare enum ButtonVariants {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    GHOST = "ghost",
-    TERTIARY = "tertiary",
-    NAVIGATION = "navigation"
-}
-/**
- * @interface ButtonProps
- * @description Base definition of SkodaFlow Button independent on core implementation.
- * Properties are inherited from HTML Button element
- */
-export interface ButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
-    /**
-     * Variant of button defines different look and style
-     */
-    variant?: ButtonVariants;
-    /**
-     * Label is used as inner HTML text of button
-     */
-    label?: string;
-    /**
-     * Colour scheme button dark or light for primary and tertiary button variant
-     */
-    colourScheme?: ColourSheme;
-    /**
-     * Icon name. For example "heart".
-     */
-    icon?: string;
-    /**
-     * Compact, minimalistic view of component
-     */
-    compact?: boolean;
-    /**
-     * Disabled, not clickable button
-     */
-    disabled?: boolean;
-    /**
-     * If true, the button will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-    direction?: 'forward' | 'back';
-}
-/**
- * @description SkodaFlow Button component.
- * Properties are inherited from HTML Button element.
- * @param props ButtonProps
- * @returns React Functional Component
- * @deprecated Use Button component from '@mui/material' module instead.
- */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import { ColourSheme } from '../../utils/enum';
+/**
+ * @type ButtonVariants
+ * @description The variants of the Button component.
+ */
+export declare enum ButtonVariants {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    GHOST = "ghost",
+    TERTIARY = "tertiary",
+    NAVIGATION = "navigation"
+}
+/**
+ * @interface ButtonProps
+ * @description Base definition of SkodaFlow Button independent on core implementation.
+ * Properties are inherited from HTML Button element
+ */
+export interface ButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
+    /**
+     * Variant of button defines different look and style
+     */
+    variant?: ButtonVariants;
+    /**
+     * Label is used as inner HTML text of button
+     */
+    label?: string;
+    /**
+     * Colour scheme button dark or light for primary and tertiary button variant
+     */
+    colourScheme?: ColourSheme;
+    /**
+     * Icon name. For example "heart".
+     */
+    icon?: string;
+    /**
+     * Compact, minimalistic view of component
+     */
+    compact?: boolean;
+    /**
+     * Disabled, not clickable button
+     */
+    disabled?: boolean;
+    /**
+     * If true, the button will take up the full width of its container.
+     */
+    fullWidth?: boolean;
+    direction?: 'forward' | 'back';
+}
+/**
+ * @description SkodaFlow Button component.
+ * Properties are inherited from HTML Button element.
+ * @param props ButtonProps
+ * @returns React Functional Component
+ * @deprecated Use Button component from '@mui/material' module instead.
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/button/button.js

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

package/build/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","Button","React","forwardRef","_a","ref","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","GHOST","NAVIGATION","SECONDARY","TERTIARY","buttonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","_b","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop"],"mappings":"2bAaYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,YACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAqDM,MAAMC,EAASC,EAAMC,YAC1B,CACEC,EACAC,YADAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,KAAaC,EAAzGC,EAAAX,EAAA,CAAA,UAAA,eAAA,YAAA,QAAA,OAAA,UAAA,aAGA,MAAOY,EAAeC,GAAmBC,GAAS,GAE5CC,EAAwBC,GAA0D,KACtF,OAAQd,GACN,KAAKN,EAAeO,QAClB,MAAO,YACT,KAAKP,EAAeqB,MAClB,MAAO,WACT,KAAKrB,EAAesB,WAClB,MAAO,aACT,KAAKtB,EAAeuB,UAClB,MAAO,YACT,KAAKvB,EAAewB,SAClB,MAAO,OACV,GACA,CAAClB,IAEEmB,EAAcL,GAAiC,KACnD,OAAQd,GACN,KAAKN,EAAeO,QAClB,MAAO,UACT,KAAKP,EAAeqB,MAEpB,KAAKrB,EAAesB,WAEpB,KAAKtB,EAAeuB,UAEpB,KAAKvB,EAAewB,SAClB,MAAO,YACV,GACA,CAAClB,IAMEoB,EAAkC,eAAZpB,EACtBqB,EAAqBD,GAAqC,YAAdjB,EAC5CmB,EAAkBF,GAAqC,SAAdjB,EAE/C,OACEoB,EAACC,EAAwB,CACvBC,aAAcf,EACdU,oBAAqBA,EACrBM,UAAWlB,EAAMkB,UAASC,SAE1BJ,EAACK,EACKC,OAAAC,OAAA,CAAA,EAAAtB,GACJT,IAAKA,EACLC,QAASa,EACTkB,MAAOZ,EACPa,UACG3B,IAASe,GAAwBE,EAChCC,EAACU,EAAI,CAACC,UAAWZ,EAAkB,aAAejB,SAChD8B,EAENC,QAASf,EAAqBE,EAACU,EAAK,CAAAC,UAAU,qBAAmBC,EACjE5B,SAAUA,EACV8B,KAAM/B,EAAU,aAAU6B,EAC1BG,eAAgB,IAAM3B,GAAgB,GACtC4B,OA5BUC,IACd7B,GAAgB,GACZH,EAAM+B,QAAQ/B,EAAM+B,OAAOC,EAAE,EA2B7BN,UAAWO,EAAiBvC,EAAcwC,EAAYC,WAAY,kBAAmB,IAEpFhB,SAAkB,QAAlBiB,EAAApC,EAAMmB,gBAAY,IAAAiB,EAAAA,EAAAxC,MAGvB,IAOAwB,EAAeiB,EAAOC,EAAPD,EAAmC/C,IACtD,MAAMU,EADgEC,EAAAX,EAAhB,WAEhDsB,EAAwC,eAAlBZ,EAAMR,QAC5B+C,EAAS,CAAA,EA8Bf,OA5BKvC,EAAMmB,UAAYnB,EAAMwB,WAC3BgB,EAAMD,EAAQ,CACZE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACxBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACfC,WAAY,EACZ,YAAa,CACXC,WAAY,OAOlBlC,GACF4B,EAAMD,EAAQ,CACZ,uBAAwB,CACtBQ,UAAW,OAEb,yBAA0B,CACxBA,UAAW,SAKVR,CAAM"}

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

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

package/build/components/cardContainer/cardContainer.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-/**
- * @interface CardContainerProps
- * @description Base definition of SkodaFlow CardContainer independent on core implementation.
- * Properties are inherited from HTML Div element.
- */
-export interface CardContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Control the clicked state. The state can be controlled from outside if isClickable is true.
-     */
-    isClicked?: boolean;
-    /**
-     * If true the container can be clicked.
-     */
-    isClickable?: boolean;
-    /**
-     * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.
-     */
-    onClickCallback?: (state: boolean) => void;
-    /**
-     * If true, enable grey background variant
-     */
-    isGreyVariant?: boolean;
-    /**
-     * padding for cardContainer. Default 0
-     */
-    padding?: string;
-}
-export declare const CardContainer: React.ForwardRefExoticComponent<CardContainerProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+/**
+ * @interface CardContainerProps
+ * @description Base definition of SkodaFlow CardContainer independent on core implementation.
+ * Properties are inherited from HTML Div element.
+ */
+export interface CardContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Control the clicked state. The state can be controlled from outside if isClickable is true.
+     */
+    isClicked?: boolean;
+    /**
+     * If true the container can be clicked.
+     */
+    isClickable?: boolean;
+    /**
+     * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.
+     */
+    onClickCallback?: (state: boolean) => void;
+    /**
+     * If true, enable grey background variant
+     */
+    isGreyVariant?: boolean;
+    /**
+     * padding for cardContainer. Default 0
+     */
+    padding?: string;
+}
+export declare const CardContainer: React.ForwardRefExoticComponent<CardContainerProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/cardContainer/cardContainer.js

@@ -0,0 +1,2 @@
+import{__rest as i}from"tslib";import{jsx as r}from"react/jsx-runtime";import e,{useState as a,useEffect as o,useCallback as t}from"react";import s from"@emotion/styled";import{flowColors as n}from"../../design/skoda/palette.theme.js";import{ternaryCondition as d}from"../../utils/utilities.js";const c=e.forwardRef(((e,s)=>{var{children:n,isClickable:d,onClickCallback:c,isClicked:p,padding:b="10px",isGreyVariant:x=!1}=e,m=i(e,["children","isClickable","onClickCallback","isClicked","padding","isGreyVariant"]);const[k,C]=a(!1);o((()=>{d&&C((()=>p))}),[d,p]);const f=t((()=>{d&&C((i=>(c&&c(!i),!i)))}),[d,c]);return r(l,Object.assign({style:{padding:b}},m,{ref:s,onClick:f,isClicked:k,isClickable:d,isGreyVariant:x,"data-state":k?"clicked":"idle","data-testid":"CardContainer",children:r("div",{children:n})}))})),l=s.div((r=>{var e=i(r,["theme"]);const a=`inset 0 0 0 1px ${n.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,o=e.isClicked?{boxShadow:`inset 0 0 0 1px ${n.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,"&:hover":{boxShadow:`inset 0 0 0 1px ${n.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}}:{boxShadow:a},t=e.isClickable?Object.assign({cursor:"pointer"},o):{boxShadow:a};let s={};return s=Object.assign({display:"inline-block",boxSizing:"border-box",borderRadius:"8px",background:d(e.isGreyVariant,!0,n.surface.primary,n.surface.tertiary),"&:hover":{border:"",boxShadow:`inset 0 0 0 1px ${n.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}},t),s}));export{c as CardContainer};
+//# sourceMappingURL=cardContainer.js.map

package/build/components/cardContainer/cardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[null],"names":["CardContainer","React","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"uSAiCO,MAAMA,EAAgBC,EAAMC,YACjC,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,GAAS,GAE3CC,GAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,GAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,kBAAMf,MAER,IAIAgB,EAAsBK,EAAOC,KAI/BxB,IAAA,IAAYyB,EAAIf,EAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBC,EAAWC,QAAQC,6CAEzDC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBJ,EAAWK,MAAMC,2CAC/C,UAAW,CACTF,UAAW,mBAAmBJ,EAAWO,WAAWD,6CAGxD,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YAChCgB,OAAAC,OAAA,CAAAgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAA,EAab,OAZAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EAAiBjB,EAAKjB,eAAe,EAAMmB,EAAWC,QAAQK,QAASN,EAAWC,QAAQe,UACtG,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAWkB,UAAUC,2CAElDX,GAGEE,CAAM"}

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

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