@skodaflow/web-library 3.3.0 → 4.0.0

package/build/cjs/components/iconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/iconButton/index.tsx"],"sourcesContent":[null],"names":["IconButton","styled","MuiIconButton","_a","theme","args","__rest","style","variant","color","border","_b","palette","main","background","transparent","primary","secondary","contrastText","light","text","brand","brandHover"],"mappings":"+DAIO,MAAMA,EAAaC,EAAMA,OAACC,aAAPD,EAAwCE,WAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WAChE,MAAMI,EAAQ,CAAA,GACRC,QAAEA,EAAU,SAAQC,MAAEA,EAAQ,WAAcJ,EA2ClD,MAzCgB,aAAZG,GAAoC,YAAVC,IAC5BF,EAAMG,OAAS,cAAqC,QAAtBC,EAAAP,EAAMQ,QAAQH,UAAQ,IAAAE,OAAA,EAAAA,EAAAE,MACtC,cAAVJ,IACFF,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYC,SAC3DT,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYC,WAI/C,aAAZR,GAAoC,YAAVC,IAC5BF,EAAMG,OAAS,0BAGD,WAAZF,GAAkC,cAAVC,IAC1BF,EAAME,MAAQL,EAAMQ,QAAQK,UAAUC,aACtCX,EAAMO,WAAaV,EAAMQ,QAAQK,UAAUJ,KAC3CN,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQK,UAAUJ,MACzDN,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQK,UAAUE,MACpC,UAAW,CAAEL,WAAYV,EAAMQ,QAAQK,UAAUE,SAIrC,WAAZX,GAAkC,YAAVC,IAC1BF,EAAME,MAAQL,EAAMQ,QAAQQ,KAAKJ,QACjCT,EAAMO,WAAaV,EAAMQ,QAAQS,MAAMJ,UACvCV,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQS,MAAMJ,WACrDV,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQU,WAAWL,UACrC,UAAW,CAAEH,WAAYV,EAAMQ,QAAQU,WAAWL,aAItC,WAAZT,GAAkC,YAAVC,IAC1BF,EAAMO,WAAaV,EAAMQ,QAAQG,YAAYE,UAC7CV,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYE,WAC3DV,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQG,YAAYC,QACtC,UAAW,CAAEF,WAAYV,EAAMQ,QAAQG,YAAYC,WAIhDT,CAAK"}

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

@@ -0,0 +1,47 @@
+export * from './accordion';
+export * from './backdrop';
+export * from './button';
+export * from './banner';
+export * from './cardContainer';
+export * from './cardMenu';
+export * from './checkbox';
+export * from './chip';
+export * from './container';
+export * from './controls';
+export * from './divider';
+export * from './drawer';
+export * from './flag';
+export * from './grid';
+export * from './icon';
+export * from './indicator';
+export * from './label';
+export * from './labelCO2';
+export * from './labelFeature';
+export * from './labelPromotional';
+export * from './labelStatus';
+export * from './menu';
+export * from './menuItem';
+export * from './mobileStepper';
+export * from './modal';
+export * from './numbering';
+export * from './pagination';
+export * from './progressBar';
+export * from './radioButton';
+export * from './selectInput';
+export * from './slider';
+export * from './snackbar';
+export * from './stepper';
+export * from './tab';
+export * from './textArea';
+export * from './textInput';
+export * from './toggleSwitch';
+export * from './tooltip';
+export * from './agGrid';
+export * from './common';
+export * from './avatar';
+export * from './closeDialogButton';
+export * from './iconButton';
+export * from './helperTextContent';
+export * from './alert';
+export * from '../organisms/gallery';
+export { Typography } from '@mui/material';

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

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

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+/**
+ * @interface IndicatorProps
+ * @description Base definition of SkodaFlow Indicator component independent on core implementation.
+ * Properties are inherited from LabelProps.
+ */
+export interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Indicator variant: 'positive' | 'warning' | 'alert' | 'neutral' | color string
+     */
+    variant?: 'positive' | 'warning' | 'alert' | 'neutral' | string;
+    /**
+     * Label text for indicator
+     */
+    label?: string;
+}
+/**
+ * @description Styled SkodaFlow Indicator component
+ * @param props IndicatorProps
+ * @returns React Functional Component
+ */
+export declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/indicator/indicator.js

@@ -0,0 +1,19 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("@emotion/styled"),i=require("../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}function n(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 l=n(t),c=o(a);const s=l.forwardRef(((t,a)=>{var{children:i,label:o,variant:n="positive"}=t,l=e.__rest(t,["children","label","variant"]);const c=o||i;return r.jsx(u,Object.assign({},l,{ref:a,className:"disclamer",variant:n,"data-testid":"Indicator",children:c}))})),u=c.default.div`
+  --flow-indicator-color: ${e=>{switch(e.variant){case"alert":return i.flowColors.alert.main;case"warning":return i.flowColors.warning.main;case"positive":return i.flowColors.positive.main;case"neutral":return i.flowColors.onSurface.os200;default:return i.flowColors[e.variant]?i.flowColors[e.variant]:e.variant}}};
+  color: ${i.flowColors.text.primary};
+  font-weight: 300;
+  line-height: 20px;
+  letter-spacing: 0.2px;
+  &::before {
+    content: '';
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    margin-right: 8px;
+    margin-top: -2px;
+    display: inline-block;
+    vertical-align: middle;
+    background-color: var(--flow-indicator-color);
+  }
+`;exports.Indicator=s;
+//# sourceMappingURL=indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.js","sources":["../../../../../src/components/indicator/indicator.tsx"],"sourcesContent":[null],"names":["Indicator","React","forwardRef","_a","ref","children","label","variant","props","__rest","text","_jsx","IndicatorStyled","Object","assign","className","styled","div","flowColors","alert","warning","positive","onSurface","os200","primary"],"mappings":"wgBAyBO,MAAMA,EAAYC,EAAMC,YAC7B,CAACC,EAAqDC,KAArD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAUJ,EAAKK,EAA5CC,EAAAA,OAAAN,EAAA,CAAA,WAAA,QAAA,YACC,MAAMO,EAAOJ,GAAgBD,EAC7B,OACEM,MAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKN,EAAO,CAAAJ,IAAKA,EAAKW,UAAU,YAAYR,QAASA,EAAO,cAAc,YACvFF,SAAAK,IAEH,IAOAE,EAAkBI,EAAAA,QAAOC,GAAmB;4BACrBT,IACzB,OAAQA,EAAMD,SACZ,IAAK,QACH,OAAOW,EAAUA,WAACC,MAAY,KAChC,IAAK,UACH,OAAOD,EAAUA,WAACE,QAAc,KAClC,IAAK,WACH,OAAOF,EAAUA,WAACG,SAAe,KACnC,IAAK,UACH,OAAOH,EAAUA,WAACI,UAAUC,MAC9B,QACE,OAAOL,EAAUA,WAACV,EAAMD,SAAWW,EAAAA,WAAWV,EAAMD,SAAWC,EAAMD,QACxE;WAEMW,EAAUA,WAACR,KAAKc;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * @interface LabelProps
+ * @description Base definition of SkodaFlow Label component independent on core implementation.
+ * Properties are inherited from HTML Span element.
+ */
+export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Label text used as inner HTML text of component.
+     */
+    label?: string;
+}
+/**
+ * @description SkodaFlow Label component.
+ * @param props LabelProps
+ * @returns React Functional component
+ */
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;

package/build/cjs/components/label/label.js

@@ -0,0 +1,12 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("@emotion/styled"),i=require("../../design/skoda/palette.theme.js");function a(e){return e&&e.__esModule?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=o(t),c=a(n);const u=s.forwardRef(((t,n)=>{var{label:i,children:a}=t,o=e.__rest(t,["label","children"]);const c=i||a;return s.useEffect((()=>{}),[o]),r.jsx(l,Object.assign({},o,{ref:n,"data-testid":"Label",children:c}))})),l=c.default.span`
+  font-size: 11px;
+  line-height: 12px;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+  font-weight: 900;
+  margin: 0px 15px;
+  white-space: nowrap;
+  text-rendering: geometricPrecision;
+  color: ${i.flowColors.onSurface.os500};
+`;exports.Label=u;
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../../src/components/label/label.tsx"],"sourcesContent":[null],"names":["Label","React","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"wgBAqBO,MAAMA,EAAQC,EAAMC,YAAwC,CAACC,EAA+BC,SAA/BC,MAAEA,EAAKC,SAAEA,GAAQH,EAAKI,EAAKC,EAAAA,OAAAL,EAA3B,sBAClE,MAAMM,EAAOJ,GAAgBC,EAI7B,OAFAL,EAAMS,WAAU,QAAU,CAACH,IAGzBI,EAAAA,IAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKP,EAAO,CAAAH,IAAKA,gBAAiB,QAAOE,SAClDG,IAEH,IAMEG,EAAcG,EAAAA,QAAOC,IAAI;;;;;;;;;WASpBC,EAAUA,WAACC,UAAUC;"}

package/build/cjs/components/labelCO2/index.d.ts

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

package/build/cjs/components/labelCO2/labelCO2.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface LabelCO2Props {
+    variant: 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
+    size?: 'small' | 'large';
+}
+export declare const LabelCO2: React.ForwardRefExoticComponent<LabelCO2Props & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/labelCO2/labelCO2.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/styles"),n=require("../../utils/utilities.js");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}const l={B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100"},o=a(t).forwardRef((({variant:e="A+++",size:t="large"},i)=>r.jsx(s,{className:"labelCO2",variant:e,size:t,ref:i,children:r.jsx("span",{className:"labelCO2Main",children:e})}))),s=i.styled("div")((r=>{var{variant:t,size:i,theme:a}=r;e.__rest(r,["variant","size","theme"]);let o={};const s=e=>l[e]||"#016703";return o={display:"inline-flex",flexWrap:"no-wrap",flexDirection:"row","& .labelCO2Main":{alignItems:"center",backgroundColor:s(t),boxSizing:"border-box",color:a.palette.surface.tertiary,display:"inline-flex",fontSize:n.ternaryCondition(i,"large","14px","12px"),fontWeight:700,height:n.ternaryCondition(i,"large","22px","18px"),justifyContent:"flex-start",padding:"0 5px",position:"relative"},"&::after":{content:'""',display:"flex",width:0,height:0,borderStyle:"solid",borderWidth:n.ternaryCondition(i,"large","11px 0 11px 8px","9px 0 9px 7px"),borderColor:`transparent transparent transparent ${s(t)}`},[a.breakpoints.up("lg")]:Object.assign(Object.assign({},o),{"& .labelCO2Main":{fontSize:n.ternaryCondition(i,"large","14px","12px"),height:n.ternaryCondition(i,"large","22px","20px")}})},o}));exports.LabelCO2=o;
+//# sourceMappingURL=labelCO2.js.map

package/build/cjs/components/labelCO2/labelCO2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelCO2.js","sources":["../../../../../src/components/labelCO2/labelCO2.tsx"],"sourcesContent":[null],"names":["colorMap","B","C","D","E","F","G","LabelCO2","forwardRef","variant","size","ref","_jsx","jsx","LabelCO2Styled","className","children","styled","_a","theme","__rest","styles","getColor","_variant","display","flexWrap","flexDirection","alignItems","backgroundColor","boxSizing","color","palette","surface","tertiary","fontSize","ternaryCondition","fontWeight","height","justifyContent","padding","position","content","width","borderStyle","borderWidth","borderColor","breakpoints","up","Object","assign"],"mappings":"6bAIA,MAQMA,EAAW,CAAEC,EAPL,UAOeC,EANV,UAMyBC,EAL7B,UAKwCC,EAJlC,UAImDC,EAHzD,UAGoEC,EAFvE,WAQCC,OAAiBC,YAA0C,EAAGC,UAAU,OAAQC,OAAO,SAAWC,IAE3GC,EAAAC,IAACC,EAAc,CAACC,UAAW,WAAYN,QAASA,EAASC,KAAMA,EAAMC,IAAKA,EAAGK,SAC3EJ,EAAAA,IAAM,OAAA,CAAAG,UAAW,eAAiBC,SAAAP,QAKlCK,EAAiBG,EAAMA,OAAC,MAAPA,EAAgDC,QAAAT,QAAEA,EAAOC,KAAEA,EAAIS,MAAEA,KAAjBC,EAAAA,OAAAF,EAAA,CAAA,UAAA,OAAA,UACrE,IAAIG,EAAS,CAAA,EACb,MAAMC,EAAYC,GAAavB,EAASuB,IAxBxB,UA4DhB,OAlCAF,EAAS,CACPG,QAAS,cACTC,SAAU,UACVC,cAAe,MACf,kBAAmB,CACjBC,WAAY,SACZC,gBAAiBN,EAASb,GAC1BoB,UAAW,aACXC,MAAOX,EAAMY,QAAQC,QAAQC,SAC7BT,QAAS,cACTU,SAAUC,EAAAA,iBAAiBzB,EAAM,QAAS,OAAQ,QAClD0B,WAAY,IACZC,OAAQF,EAAAA,iBAAiBzB,EAAM,QAAS,OAAQ,QAChD4B,eAAgB,aAChBC,QAAS,QACTC,SAAU,YAEZ,WAAY,CACVC,QAAS,KACTjB,QAAS,OACTkB,MAAO,EACPL,OAAQ,EACRM,YAAa,QACbC,YAAaT,EAAAA,iBAAiBzB,EAAM,QAAS,kBAAmB,iBAChEmC,YAAa,uCAAuCvB,EAASb,MAE/D,CAACU,EAAM2B,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvB5B,GAAM,CACT,kBAAmB,CACjBa,SAAUC,EAAAA,iBAAiBzB,EAAM,QAAS,OAAQ,QAClD2B,OAAQF,EAAAA,iBAAiBzB,EAAM,QAAS,OAAQ,YAI/CW,CAAM"}

package/build/cjs/components/labelFeature/index.d.ts

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

package/build/cjs/components/labelFeature/labelFeature.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { LabelProps } from '../label';
+import { VariantType } from '../../utils/enum';
+/**
+ * @interface LabelFeatureProps
+ * @description Base defintion of SkodaFlow LabelFeature component independent on core implemenation.
+ * Properties are inherited from LabelProps
+ */
+export interface LabelFeatureProps extends LabelProps {
+    /**
+     * Label variant (primary - neutral)
+     */
+    variant?: 'primary' | 'neutral' | string | VariantType;
+}
+/**
+ * @description Styled SkodaFlow LabelFeature component.
+ * @param props LabelFeatureProps
+ * @returns React Function Component
+ */
+export declare const LabelFeature: React.ForwardRefExoticComponent<LabelFeatureProps & React.RefAttributes<HTMLSpanElement>>;

package/build/cjs/components/labelFeature/labelFeature.js

@@ -0,0 +1,9 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),t=require("@emotion/styled"),l=require("../label/label.js"),o=require("../../design/skoda/palette.theme.js"),n=require("../../utils/enum.js");function i(e){return e&&e.__esModule?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var s=u(a),c=i(t);const f=s.forwardRef(((a,t)=>{var{children:l,label:o,variant:n="primary"}=a,i=e.__rest(a,["children","label","variant"]);return r.jsx(d,Object.assign({},i,{ref:t,variant:n,label:o,children:l}))})),d=c.default(l.Label)`
+  --flow-label-color: ${e=>{switch(e.variant){case n.VariantType.PRIMARY:return o.flowColors.brand.tertiary;case n.VariantType.NEUTRAL:return o.flowColors.onSurface.os500;default:return o.flowColors[e.variant]?o.flowColors[e.variant]:o.flowColors.brand.secondary}}};
+  color: ${o.flowColors.onSurface.os0};
+  background-color: var(--flow-label-color);
+  padding: 4px 8px 4px 10px;
+  border-radius: 2px;
+  display: inline;
+`;exports.LabelFeature=f;
+//# sourceMappingURL=labelFeature.js.map

package/build/cjs/components/labelFeature/labelFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelFeature.js","sources":["../../../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":[null],"names":["LabelFeature","React","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"wkBAuBO,MAAMA,EAAeC,EAAMC,YAChC,CAACC,EAAoDC,KAApD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAASJ,EAAKK,EAA3CC,EAAAA,OAAAN,EAAA,CAAA,WAAA,QAAA,YACC,OACEO,EAAAA,IAACC,EAAkBC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAC/DD,SAAAA,IAEH,IAOAM,EAAqBG,EAAAA,QAAOC,EAAKA,MAAoB;wBAClCP,IACrB,OAAQA,EAAMD,SACZ,KAAKS,EAAWA,YAACC,QACf,OAAOC,EAAUA,WAACC,MAAMC,SAC1B,KAAKJ,EAAWA,YAACK,QACf,OAAOH,EAAUA,WAACI,UAAUC,MAC9B,QACE,OAAOL,aAAWV,EAAMD,SAAWW,EAAUA,WAACV,EAAMD,SAAWW,EAAAA,WAAWC,MAAMK,UACnF;WAEMN,EAAUA,WAACI,UAAUG;;;;;"}

package/build/cjs/components/labelPromotional/index.d.ts

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

package/build/cjs/components/labelPromotional/labelPromotional.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { LabelProps } from '../label';
+/**
+ * @interface labelPromotionalProps
+ * @description Base definition of SkodaFlow labelPromotional component independent on core implementation.
+ * Properties are inherited from LabelProps
+ */
+export interface LabelPromotionalProps extends LabelProps {
+    /**
+     * Label variant
+     */
+    variant?: 'large' | 'small';
+}
+/**
+ * @description Styled SkodaFlow labelPromotional component.
+ * @param props labelPromotionalProps
+ * @returns React Function Component
+ */
+export declare const LabelPromotional: React.ForwardRefExoticComponent<LabelPromotionalProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * @description labelPromotional styling definition
+ */
+export declare const LabelPromotionalStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & LabelPromotionalProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/cjs/components/labelPromotional/labelPromotional.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("../../design/skoda/palette.theme.js"),n=require("@mui/material");function o(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)}const i=o(t).forwardRef(((t,a)=>{var{label:n,variant:o}=t,i=e.__rest(t,["label","variant"]);return r.jsx(l,Object.assign({},i,{variant:o,label:n,"data-testid":"LabelPromotional",children:r.jsx("div",{className:"promoLabelContainer",children:r.jsx("div",{className:"promoLabelText",children:n})})}))})),l=n.styled("div")((r=>{var t=e.__rest(r,["theme"]);const n="skew(21deg, 0deg)",o={color:a.flowColors.brand.secondary,overflow:"hidden",display:"flex",borderRadius:"2px","& .promoLabelContainer":{margin:"0 6px 0 -6px",transform:"skew(-21deg, 0deg)",backgroundColor:a.flowColors.brand.tertiary,position:"relative",borderRadius:"3px",display:"inline-flex",justifyContent:"center",zIndex:100},"& .promoLabelText":{letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:n}};return"small"===t.variant?Object.assign(Object.assign({},o),{"& .promoLabelText":{fontSize:"12px",letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:n,padding:"8px 10px 8px 16px"}}):Object.assign(Object.assign({},o),{"& .promoLabelText":{fontSize:"14px",letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:n,padding:"10px 14px 10px 20px"}})}));exports.LabelPromotional=i,exports.LabelPromotionalStyled=l;
+//# sourceMappingURL=labelPromotional.js.map

package/build/cjs/components/labelPromotional/labelPromotional.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelPromotional.js","sources":["../../../../../src/components/labelPromotional/labelPromotional.tsx"],"sourcesContent":[null],"names":["LabelPromotional","forwardRef","_a","ref","label","variant","props","__rest","_jsx","jsx","LabelPromotionalStyled","Object","assign","children","className","styled","positiveSkew","styles","color","flowColors","brand","secondary","overflow","display","borderRadius","margin","transform","backgroundColor","tertiary","position","justifyContent","zIndex","letterSpacing","textTransform","lineHeight","fontWeight","fontSize","padding"],"mappings":"icAqBO,MAAMA,OAAyBC,YACpC,CAACC,EAA8BC,SAA9BC,MAAEA,EAAKC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAA,OAAAL,EAA1B,qBACC,OACEM,EAAAC,IAACC,EAAsBC,OAAAC,OAAA,CAAA,EAAKN,EAAK,CAAED,QAASA,EAASD,MAAOA,EAAmB,cAAA,mBAC7ES,SAAAL,EAAAA,IAAA,MAAA,CAAKM,UAAU,sBAAqBD,SAClCL,EAAAA,WAAKM,UAAU,iBAAgBD,SAAET,QAGrC,IAQOM,EAAyBK,EAAMA,OAAC,MAAPA,EAAsCb,IAAA,IAAYI,EAAKC,EAAAA,OAAAL,EAAjB,WAC1E,MAAMc,EAAe,oBAEfC,EAAS,CACbC,MAAOC,EAAAA,WAAWC,MAAMC,UACxBC,SAAU,SACVC,QAAS,OACTC,aAAc,MACd,yBAA0B,CACxBC,OAAQ,eACRC,UAAW,qBACXC,gBAAiBR,EAAAA,WAAWC,MAAMQ,SAClCC,SAAU,WACVL,aAAc,MACdD,QAAS,cACTO,eAAgB,SAChBC,OAAQ,KAEV,oBAAqB,CACnBC,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,IAGf,MACO,UADCV,EAAMD,QAGLM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAK,GACH,CAAA,oBAAqB,CACnBmB,SAAU,OACVJ,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,EACXqB,QAAS,uBAMR1B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAK,GACH,CAAA,oBAAqB,CACnBmB,SAAU,OACVJ,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,EACXqB,QAAS,wBAGhB"}

package/build/cjs/components/labelStatus/index.d.ts

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

package/build/cjs/components/labelStatus/labelStatus.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { LabelProps } from '../label';
+/**
+ * @interface LabelStatusProps
+ * @description Base definition of SkodaFlow LabelStatus component independent on core implementation.
+ * Properties are inherited from LabelProps.
+ */
+export interface LabelStatusProps extends LabelProps {
+    /**
+     * Label variant defines style of label
+     */
+    variant?: 'positive' | 'warning' | 'alert' | string;
+}
+/**
+ * @description Styled SkodaFlow LabelStatus component
+ * @param props LabelStatusProps
+ * @returns React Functional Component
+ */
+export declare const LabelStatus: React.ForwardRefExoticComponent<LabelStatusProps & React.RefAttributes<HTMLSpanElement>>;

package/build/cjs/components/labelStatus/labelStatus.js

@@ -0,0 +1,16 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("@emotion/styled"),l=require("../label/label.js"),i=require("../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}function n(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 s=n(t),u=o(a);const c=s.forwardRef(((t,a)=>{var{children:l,label:i,variant:o="positive"}=t,n=e.__rest(t,["children","label","variant"]);return r.jsx(f,Object.assign({className:"labelStatus"},n,{ref:a,variant:o,label:i,"data-testid":"LabelStatus",children:l}))})),f=u.default(l.Label)`
+  --flow-label-color: ${e=>{switch(e.variant){case"alert":return i.flowColors.alert.main;case"warning":return i.flowColors.warning.main;case"positive":return i.flowColors.positive.main;default:return i.flowColors[e.variant]?i.flowColors[e.variant]:e.variant}}};
+  color: ${i.flowColors.text.primary};
+  &::before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    margin-right: 8px;
+    margin-top: -2px;
+    display: inline-block;
+    vertical-align: middle;
+    background-color: var(--flow-label-color);
+  }
+`;exports.LabelStatus=c;
+//# sourceMappingURL=labelStatus.js.map

package/build/cjs/components/labelStatus/labelStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelStatus.js","sources":["../../../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":[null],"names":["LabelStatus","React","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"uiBAsBO,MAAMA,EAAcC,EAAMC,YAC/B,CAACC,EAAqDC,KAArD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAUJ,EAAKK,EAA5CC,EAAAA,OAAAN,EAAA,CAAA,WAAA,QAAA,YACC,OACEO,EAACC,IAAAC,EACCC,OAAAC,OAAA,CAAAC,UAAW,eACPP,EACJ,CAAAJ,IAAKA,EACLG,QAASA,EACTD,MAAOA,EACK,cAAA,cAEXD,SAAAA,IAEH,IAOAO,EAAoBI,EAAAA,QAAOC,EAAKA,MAAmB;wBAChCT,IACrB,OAAQA,EAAMD,SACZ,IAAK,QACH,OAAOW,EAAUA,WAACC,MAAY,KAChC,IAAK,UACH,OAAOD,EAAUA,WAACE,QAAc,KAClC,IAAK,WACH,OAAOF,EAAUA,WAACG,SAAe,KACnC,QACE,OAAOH,EAAUA,WAACV,EAAMD,SAAWW,EAAAA,WAAWV,EAAMD,SAAWC,EAAMD,QACxE;WAEMW,EAAUA,WAACI,KAAKC;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import { AvailableFlags } from '../flag/availableFLags';
+/**
+ * @interface MenuItemObject
+ * @description Single menu item containing icon class and item value
+ */
+export interface MenuItemObject {
+    value: string;
+    flag: AvailableFlags;
+    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 PaperProps
+ * @description Base definition of SkodaFlow Menu independent on core implementation.
+ * Properties are inherited from HTML Div element
+ */
+export interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 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;
+}
+export declare const Menu: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/menu/menu.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/styles"),l=require("@mui/material/MenuItem"),o=require("@mui/material/MenuList"),a=require("@mui/material/Paper"),n=require("@mui/material/ListItemText"),s=require("@mui/material/ListItemIcon"),u=require("../checkbox/checkbox.js"),c=require("../toggleSwitch/toggleSwitch.js"),g=require("../icon/icon.js"),p=require("@mui/material/Divider"),d=require("@mui/material"),h=require("../flag/flag.js");function x(e){return e&&e.__esModule?e:{default:e}}var m=x(r),f=x(l),b=x(o),j=x(a),S=x(n),v=x(s),k=x(p);const M=m.default.forwardRef(((i,l)=>{var{setIsOpen:o,reactHook:a,items:n,hasIcon:s,multipleSelection:p,groupToggleSelection:x,groupLabel:m="",toggleLabel:j}=i,M=e.__rest(i,["setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel"]);const{state:I,setState:q}=a,[T,w]=r.useState(!1),L=r.useCallback((()=>{((e,t,r,i)=>{const l=!e;r((()=>l?[...t]:[])),i(l)})(T,n,q,w)}),[n,q,T]),O=r.useCallback(((e,t)=>{((e,t,r,i,l,o)=>{const a=e?i.includes(r):i.find((e=>e.value.toString()===r)),n=e?[r]:o.filter((e=>e.value.toString()===r));l(t?a?i.filter((t=>e?t!==r:t.value.toString()!==r)):e=>[...n,...e]:a?[]:n)})(t,p,e.currentTarget.id,I,q,n)}),[n,I,p,q]),C=r.useCallback(((e,r)=>{const i=e?I.includes(r):I.some((e=>e.value===r.value)),l=e?r:r.title,o=e?r:r.value;return t.jsxs(f.default,{id:o,selected:i,onClick:t=>O(t,e),children:[s&&!e&&t.jsx(v.default,{children:t.jsx(h.Flag,{flag:r.flag,title:r.title})}),t.jsx(S.default,{children:t.jsx(d.Typography,{noWrap:!0,children:l})}),p&&t.jsx(u.Checkbox,{checked:i})]},o)}),[I,s,p,O]);return r.useEffect((()=>{((e,t,r,i,l)=>{e&&t&&(i.length===r.length&&l(!0),i.length<r.length&&l(!1))})(p,x,n,I,w)}),[x,n,I,p]),t.jsxs(y,Object.assign({},M,{ref:l,groupLabel:m,groupToggleSelection:x,multipleSelection:p.toString(),sx:m||x&&p?{paddingTop:"0px"}:{},children:[m.length>0&&t.jsxs(t.Fragment,{children:[t.jsxs(f.default,{children:[t.jsx(S.default,{children:t.jsx(d.Typography,{noWrap:!0,children:m})}),t.jsx(v.default,{onClick:()=>o(!1),children:t.jsx(g.Icon,{className:"ballotx"})})]}),t.jsx(k.default,{variant:"middle"})]}),p&&x&&t.jsx(t.Fragment,{children:t.jsxs(f.default,{className:"menu-select-all",children:[t.jsx(S.default,{children:j||"Select all"}),t.jsx(c.ToggleSwitch,{onClick:L,checked:T})]})}),t.jsx(b.default,{children:n.map((e=>C("string"==typeof e,e)))})]}))})),y=i.styled(j.default,{shouldForwardProp:e=>"multipleSelection"!==e&&"groupLabel"!==e&&"groupToggleSelection"!==e})((t=>{var{theme:r}=t;const i=e.__rest(t,["theme"]);let l={};const o={height:"48px",padding:"0px 24px"};return"true"===i.multipleSelection&&(o.paddingRight="16px"),l=Object.assign(Object.assign({},l),{boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)","& .MuiList-root":{maxHeight:"240px",overflow:"overlay",padding:"0px",borderRadius:"4px","::-webkit-scrollbar":{width:"12px"},"::-webkit-scrollbar-thumb":{border:"solid 4px rgba(255, 255, 255, 0)"}},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",color:r.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px"},"& li > .MuiListItemIcon-root":{minWidth:"0px",marginRight:"16px"},"& .MuiDivider-root":{marginTop:"0px",marginBottom:"0px"},"& li.menu-select-all":{"& .MuiTypography-root":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"&:hover":{backgroundColor:r.palette.onSurface.os0}},"& .MuiMenuItem-root":o}),i.groupLabel&&i.groupLabel.length>0?l=Object.assign(Object.assign({},l),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px",paddingRight:"21px","& .MuiTypography-root":{fontWeight:"700"},"& .MuiListItemIcon-root":{marginRight:"0px",color:r.palette.onSurface.os900,"& .MuiIcon-root:before":{position:"relative",top:"-3px"}},"&:hover":{backgroundColor:`${r.palette.background.primary}`}}}):i.multipleSelection&&i.groupToggleSelection&&(l=Object.assign(Object.assign({},l),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px"}})),l}));exports.Menu=M;
+//# sourceMappingURL=menu.js.map

package/build/cjs/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../../../src/components/menu/menu.tsx"],"sourcesContent":[null],"names":["Menu","React","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","_jsx","jsx","ListItemIcon","default","children","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","jsxs","Icon","className","Divider","variant","_Fragment","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","width","border","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","position","top","background","primary"],"mappings":"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"}

package/build/cjs/components/menuItem/index.d.ts

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

package/build/cjs/components/menuItem/menuItem.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+/**
+ * @interface MenuItemProps
+ * @description properties definition of the Menu Item
+ */
+export interface MenuItemProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * key for the Menu item
+     */
+    key?: any;
+    /**
+     * id for the menu item
+     */
+    id?: any;
+    /**
+     * value of menu item
+     */
+    value?: any;
+    /**
+     *   text or component to show inside the menu item topography
+     */
+    children?: any;
+}
+/**
+ * @description SkodaFlow MenuItem component.
+ * @param props MenuItemProps
+ * @returns React Functional component
+ */
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLSpanElement>>;

package/build/cjs/components/menuItem/menuItem.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),u=require("@emotion/styled"),i=require("@mui/material/MenuItem"),n=require("@mui/material");function a(e){return e&&e.__esModule?e:{default:e}}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 u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=c(t),s=a(u),d=a(i);const o=l.forwardRef(((t,u)=>{var{key:i,id:a,value:c,children:l}=t,s=e.__rest(t,["key","id","value","children"]);return r.jsx(f,Object.assign({id:a,value:c},s,{children:r.jsx(n.ListItemText,{children:r.jsx(n.Typography,{noWrap:!0,children:l})})}),i)})),f=s.default(d.default)((r=>(e.__rest(r,["theme"]),{})));exports.MenuItem=o;
+//# sourceMappingURL=menuItem.js.map

package/build/cjs/components/menuItem/menuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.js","sources":["../../../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":[null],"names":["MenuItem","React","forwardRef","_a","ref","key","id","value","children","props","__rest","_jsx","jsx","MenuItemStyled","Object","assign","ListItemText","Typography","noWrap","styled","default","MuiMenuItem"],"mappings":"6hBAiCO,MAAMA,EAAWC,EAAMC,YAC5B,CAACC,EAAwCC,KAAxC,IAAAC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAQL,EAAKM,EAA/BC,EAAAA,OAAAP,EAAA,CAAA,MAAA,KAAA,QAAA,aACC,OACEQ,EAAAC,IAACC,EAAcC,OAAAC,OAAA,CAAWT,GAAIA,EAAIC,MAAOA,GAAWE,EAAK,CAAAD,SACvDG,EAACC,IAAAI,eACC,CAAAR,SAAAG,EAAAC,IAACK,aAAU,CAACC,QAAM,EAAAV,SAAEA,QAFHH,EAKrB,IAQAQ,EAAiBM,EAAMC,QAACC,UAAPF,EAAuChB,IAAgBO,SAAAP,EAAhB,WACrD"}

package/build/cjs/components/mobileStepper/index.d.ts

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

package/build/cjs/components/mobileStepper/mobileStepper.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface MobileStepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The number of steps.
+     */
+    steps?: number;
+    /**
+     *  The activeStep of a stepper.
+     */
+    activeStep?: number;
+    /**
+     *  The variant to use.
+     */
+    variant?: 'progress';
+    /**
+     *  A back button element. For instance, it can be a Button or an IconButton.
+     */
+    backButton?: Node;
+    /**
+     *  A next button element. For instance, it can be a Button or an IconButton.
+     */
+    nextButton?: Node;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Props applied to the LinearProgress element.
+     */
+    LinearProgressProps?: object;
+    /**
+     *  The label of previous button.
+     */
+    prevButtonLabel?: string;
+    /**
+     *  The label of next button.
+     */
+    nextButtonLabel?: string;
+}
+export declare const MobileStepper: React.ForwardRefExoticComponent<MobileStepperProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/mobileStepper/mobileStepper.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@mui/material/MobileStepper"),a=require("@mui/material"),s=require("../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(r),l=o(n);const c=i.default.forwardRef(((n,o)=>{var{steps:i,activeStep:c,variant:u,backButton:d,nextButton:x,prevButtonLabel:m,nextButtonLabel:f,LinearProgressProps:h,sx:g}=n,S=e.__rest(n,["steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx"]);const[b,j]=r.useState(c),v=(e,t)=>e>=0&&e<t,B={color:s.flowColors.onSurface.os900};b<=0&&(B.color=s.flowColors.disabled.primary);const y={color:s.flowColors.onSurface.os900};b>=i-1&&(y.color=s.flowColors.disabled.primary),r.useEffect((()=>{j(c)}),[c]);return t.jsx(p,{children:t.jsx("div",{children:t.jsx(l.default,Object.assign({},S,{steps:i,activeStep:b,variant:u,sx:{maxWidth:380,display:"flex",alignItems:"center",position:"static",fontWeight:"400",fontSize:"16px",lineHeight:"16px",letterSpacing:"0.02em"},backButton:t.jsx(t.Fragment,{children:(w=m,t.jsx(t.Fragment,{children:t.jsxs("div",{className:"controllerContainer","data-testid":"MobileStepper.prevBtn",style:B,onClick:()=>{v(b-1,i)&&j(b-1)},children:[t.jsx("span",{className:"MuiButton-startIcon",children:t.jsx(a.Icon,{fontSize:"small",style:B,className:"arrow-left"})}),t.jsx("span",{className:"arrowLabel",children:w})]})}))}),nextButton:t.jsx(t.Fragment,{children:(M=f,t.jsx(t.Fragment,{children:t.jsxs("div",{className:"controllerContainer","data-testid":"MobileStepper.nextBtn",style:y,onClick:()=>{v(b+1,i)&&j(b+1)},children:[t.jsx("span",{className:"arrowLabel",children:M}),t.jsx("span",{className:"MuiButton-endIcon",children:t.jsx(a.Icon,{fontSize:"small",style:y,className:"arrow-right"})})]})}))}),"data-testid":"MobileStepper"}))})});var M,w})),p=a.styled("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"16px","& .MuiButton-endIcon, .MuiButton-startIcon":{marginTop:"0px",fontWeight:"400",fontSize:"17px",lineHeight:"19px"}}},e}));exports.MobileStepper=c;
+//# sourceMappingURL=mobileStepper.js.map

package/build/cjs/components/mobileStepper/mobileStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobileStepper.js","sources":["../../../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":[null],"names":["MobileStepper","React","forwardRef","_a","ref","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","isStepValid","stepNumber","_steps","colorp","color","flowColors","onSurface","os900","disabled","primary","colorn","useEffect","_jsx","MobileStepperStyle","children","jsx","MuiMobileStepper","default","Object","assign","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","_Fragment","_prevButtonLabel","_jsxs","className","style","onClick","Icon","_nextButtonLabel","styled","fontFamily","fontStyle","marginTop"],"mappings":"gRA4CO,MAAMA,EAAgBC,EAAAA,QAAMC,YACjC,CACEC,EAYAC,SAZAC,MACEA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,gBACVA,EAAeC,gBACfA,EAAeC,oBACfA,EAAmBC,GACnBA,KACGC,EAVLC,EAAAA,OAAAZ,EAAA,CAAA,QAAA,aAAA,UAAA,aAAA,aAAA,kBAAA,kBAAA,sBAAA,OAcA,MAAOa,EAAaC,GAAkBC,EAAQA,SAAMZ,GAC9Ca,EAAc,CAACC,EAAiBC,IAC7BD,GAAc,GAAKA,EAAaC,EAEnCC,EAAS,CACbC,MAAOC,EAAAA,WAAWC,UAAUC,OAE1BV,GAAe,IACjBM,EAAOC,MAAQC,aAAWG,SAASC,SAErC,MAAMC,EAAS,CACbN,MAAOC,EAAAA,WAAWC,UAAUC,OAE1BV,GAAeX,EAAQ,IACzBwB,EAAON,MAAQC,aAAWG,SAASC,SAIrCE,EAAAA,WAAU,KACRb,EAAeX,EAAW,GACzB,CAACA,IA6DJ,OAAOyB,EAAAA,IAACC,EAAkB,CAAAC,SAtBxBF,EAAAA,IACE,MAAA,CAAAE,SAAAF,EAAAG,IAACC,EAAgBC,QAAAC,OAAAC,OAAA,CAAA,EACXxB,EAAK,CACTT,MAAOA,EACPC,WAAYU,EACZT,QAASA,EACTM,GAAI,CACF0B,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAEjBtC,WAAYuB,MAAGgB,EAAAA,SAAA,CAAAd,UArDEe,EAqDYtC,EApDjCqB,EAAAA,IAAAgB,EAAAA,SAAA,CAAAd,SACEgB,OACE,MAAA,CAAAC,UAAU,sBAAqB,cACnB,wBACZC,MAAO7B,EACP8B,QAAS,KACPjC,EAAYH,EAAc,EAAGX,IAAUY,EAAeD,EAAc,EAAE,EAGxEiB,SAAA,CAAAF,EAAAA,IAAA,OAAA,CAAMmB,UAAW,sBACfjB,SAAAF,EAAAA,IAACsB,EAAAA,KAAI,CAACT,SAAU,QAASO,MAAO7B,EAAQ4B,UAAW,iBAErDnB,EAAAA,IAAM,OAAA,CAAAmB,UAAU,sBAAcF,YAyC9BvC,WAAYsB,4BApCCuB,EAoCY3C,EAnC7BoB,EAAAA,IAAAgB,EAAAA,SAAA,CAAAd,SACEgB,OACE,MAAA,CAAAC,UAAU,sBAAqB,cACnB,wBACZC,MAAOtB,EACPuB,QAAS,KACPjC,EAAYH,EAAc,EAAGX,IAAUY,EAAeD,EAAc,EAAE,EAGxEiB,SAAA,CAAAF,EAAAA,IAAA,OAAA,CAAMmB,UAAU,aAAcjB,SAAAqB,IAC9BvB,EAAAA,IAAM,OAAA,CAAAmB,UAAW,6BACfnB,EAAAA,IAACsB,EAAAA,KAAK,CAAAT,SAAU,QAASO,MAAOtB,EAAQqB,UAAW,wCAyBzC,uBAnBI,IAlBHI,EAlBIN,CA2D0C,IAI/DhB,EAAqBuB,EAAAA,OAAO,MAAPA,EAAc,KACvC,IAAIJ,EAAQ,CAAA,EAoBZ,OAlBAA,EAAQ,CACN,yBAA0B,CACxBX,QAAS,OACTC,WAAY,SACZe,WALe,aAMfC,UAAW,SACXd,WAAY,MACZC,SAAU,OACVC,WAAY,OACZ,6CAA8C,CAC5Ca,UAAW,MACXf,WAAY,MACZC,SAAU,OACVC,WAAY,UAKXM,CAAK"}

package/build/cjs/components/modal/contentDiv.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+/**
+ * @interface Base defintion of SkodaFlow ContentDiv component independent on core implementation.
+ */
+export interface ContentDivProps extends React.HTMLAttributes<HTMLDivElement> {
+    setIsOverFlowing: React.Dispatch<React.SetStateAction<boolean>>;
+    className?: string;
+    modalLoadedCallback?: (isLoaded: boolean) => void;
+}
+/**
+ * @description SkodaFlow ContentDiv component
+ * @param props ContentDivProps
+ * @returns React Functional Component
+ */
+export declare const ContentDiv: ({ children, setIsOverFlowing, className, modalLoadedCallback }: ContentDivProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/modal/contentDiv.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react");exports.ContentDiv=({children:t,setIsOverFlowing:s,className:c,modalLoadedCallback:l})=>{const a=r.useRef(null),i=r.useCallback((e=>e.scrollHeight>e.clientHeight),[]);return r.useEffect((()=>{a.current&&s(i(a.current))}),[a,i,s]),r.useEffect((()=>(l&&l(!0),()=>l&&l(!1))),[l]),e.jsx("div",{ref:a,className:c,children:t})};
+//# sourceMappingURL=contentDiv.js.map

package/build/cjs/components/modal/contentDiv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentDiv.js","sources":["../../../../../src/components/modal/contentDiv.tsx"],"sourcesContent":[null],"names":["children","setIsOverFlowing","className","modalLoadedCallback","ref","useRef","scrollbarVisible","useCallback","element","scrollHeight","clientHeight","useEffect","current","_jsx","jsx"],"mappings":"sFAgB0B,EAAGA,WAAUC,mBAAkBC,YAAWC,0BAClE,MAAMC,EAAMC,SAAuB,MAC7BC,EAAmBC,eAAaC,GAC7BA,EAAQC,aAAeD,EAAQE,cACrC,IAYH,OAVAC,EAAAA,WAAU,KACJP,EAAIQ,SAASX,EAAiBK,EAAiBF,EAAIQ,SAAS,GAC/D,CAACR,EAAKE,EAAkBL,IAE3BU,EAAAA,WAAU,KACRR,GAAuBA,GAAoB,GAEpC,IAAMA,GAAuBA,GAAoB,KACvD,CAACA,IAGFU,EAAAC,IAAA,MAAA,CAAKV,IAAKA,EAAKF,UAAWA,EAASF,SAChCA,GAEH"}

package/build/cjs/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal';
+export * from './modalTitle';

package/build/cjs/components/modal/modal.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { ButtonVariants } from '../button';
+/**
+ * @interface Base defintion of SkodaFlow Modal component independent on core implementation.
+ */
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the component is shown.
+     */
+    open: boolean;
+    /**
+     * Callback used to close the modal.
+     */
+    handleClose?: () => void;
+    /**
+     * Callback for the top button.
+     */
+    onClickTopButton?: () => void;
+    /**
+     * Callback for the bottom button.
+     */
+    onClickBottomButton?: () => void;
+    /**
+     * Accessibility.
+     */
+    ariaLabelledby?: string;
+    /**
+     * Accessibility.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Top button text.
+     */
+    firstButton?: string;
+    /**
+     * Bottom button text.
+     */
+    secondButton?: string;
+    /**
+     * Variant of button defines different look and style.
+     */
+    firstButtonVariant?: ButtonVariants;
+    /**
+     * Variant of button defines different look and style.
+     */
+    secondButtonVariant?: ButtonVariants;
+    /**
+     * If true, the second button is visible.
+     */
+    secondButtonVisible?: boolean;
+    /**
+     * If true, the buttons are displayed as compact. The feature is only working for mobile view.
+     */
+    hasCloseButton?: boolean;
+    /**
+     * The size of the modal in desktop view.
+     */
+    size?: 'small' | 'large' | 'full-width';
+    defaultButtonSection?: boolean;
+    maxWidth?: string;
+    /**
+     * A callback used to track if the modal is fully loaded. When the modal is closed isLoaded is set to false.
+     */
+    modalLoadedCallback?: (isLoaded: boolean) => void;
+}
+/**
+ * @description Styled SkodaFlow Modal component
+ * @param props ModalProps
+ * @returns React Functional Component
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;