@skodaflow/web-library 7.1.0 → 7.1.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.
- package/cjs/components/controls/controls.js +1 -1
- package/cjs/components/controls/controls.js.map +1 -1
- package/cjs/components/icon/icon.js +1 -1
- package/cjs/components/icon/icon.js.map +1 -1
- package/cjs/components/numbering/numbering.js +1 -1
- package/cjs/components/numbering/numbering.js.map +1 -1
- package/cjs/components/stepper/stepper.js +1 -1
- package/cjs/components/stepper/stepper.js.map +1 -1
- package/cjs/design/skoda/components/agGrid/agGrid.theme.js +1 -1
- package/cjs/design/skoda/components/agGrid/agGrid.theme.js.map +1 -1
- package/cjs/design/skoda/components/baseline.theme.d.ts +4 -3
- package/cjs/design/skoda/components/baseline.theme.js +1 -1
- package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
- package/cjs/design/skoda/components/breadcrumbs.theme.js +1 -1
- package/cjs/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/cjs/design/skoda/components/button.theme.js +1 -1
- package/cjs/design/skoda/components/button.theme.js.map +1 -1
- package/cjs/design/skoda/components/form/inputBase.theme.js +1 -1
- package/cjs/design/skoda/components/form/inputBase.theme.js.map +1 -1
- package/cjs/design/skoda/components/form/inputLabel.theme.js +1 -1
- package/cjs/design/skoda/components/form/inputLabel.theme.js.map +1 -1
- package/cjs/design/skoda/components/modal.theme.d.ts +2 -1
- package/cjs/design/skoda/components/modal.theme.js +1 -1
- package/cjs/design/skoda/components/modal.theme.js.map +1 -1
- package/cjs/design/skoda/theme.js +1 -1
- package/cjs/design/skoda/theme.js.map +1 -1
- package/cjs/design/skoda/theme.typography.d.ts +813 -3
- package/cjs/design/skoda/theme.typography.js +1 -1
- package/cjs/design/skoda/theme.typography.js.map +1 -1
- package/cjs/layout/Error/ErrorContent.js +1 -1
- package/cjs/layout/Error/ErrorContent.js.map +1 -1
- package/cjs/layout/Header/HeaderNavigationHero.js +1 -1
- package/cjs/layout/Header/HeaderNavigationHero.js.map +1 -1
- package/cjs/layout/Header/HeaderNavigationLink.js +1 -1
- package/cjs/layout/Header/HeaderNavigationLink.js.map +1 -1
- package/cjs/layout/Header/HeaderNavigationMenu.js +1 -1
- package/cjs/layout/Header/HeaderNavigationMenu.js.map +1 -1
- package/cjs/layout/Header/HeaderOverheadItem.js +1 -1
- package/cjs/layout/Header/HeaderOverheadItem.js.map +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
- package/components/controls/controls.js +1 -1
- package/components/controls/controls.js.map +1 -1
- package/components/icon/icon.js +1 -1
- package/components/icon/icon.js.map +1 -1
- package/components/numbering/numbering.js +1 -1
- package/components/numbering/numbering.js.map +1 -1
- package/components/stepper/stepper.js +1 -1
- package/components/stepper/stepper.js.map +1 -1
- package/design/skoda/components/agGrid/agGrid.theme.js +1 -1
- package/design/skoda/components/agGrid/agGrid.theme.js.map +1 -1
- package/design/skoda/components/baseline.theme.d.ts +4 -3
- package/design/skoda/components/baseline.theme.js +1 -1
- package/design/skoda/components/baseline.theme.js.map +1 -1
- package/design/skoda/components/breadcrumbs.theme.js +1 -1
- package/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/design/skoda/components/button.theme.js +1 -1
- package/design/skoda/components/button.theme.js.map +1 -1
- package/design/skoda/components/form/inputBase.theme.js +1 -1
- package/design/skoda/components/form/inputBase.theme.js.map +1 -1
- package/design/skoda/components/form/inputLabel.theme.js +1 -1
- package/design/skoda/components/form/inputLabel.theme.js.map +1 -1
- package/design/skoda/components/modal.theme.d.ts +2 -1
- package/design/skoda/components/modal.theme.js +1 -1
- package/design/skoda/components/modal.theme.js.map +1 -1
- package/design/skoda/theme.js +1 -1
- package/design/skoda/theme.js.map +1 -1
- package/design/skoda/theme.typography.d.ts +813 -3
- package/design/skoda/theme.typography.js +1 -1
- package/design/skoda/theme.typography.js.map +1 -1
- package/layout/Error/ErrorContent.js +1 -1
- package/layout/Error/ErrorContent.js.map +1 -1
- package/layout/Header/HeaderNavigationHero.js +1 -1
- package/layout/Header/HeaderNavigationHero.js.map +1 -1
- package/layout/Header/HeaderNavigationLink.js +1 -1
- package/layout/Header/HeaderNavigationLink.js.map +1 -1
- package/layout/Header/HeaderNavigationMenu.js +1 -1
- package/layout/Header/HeaderNavigationMenu.js.map +1 -1
- package/layout/Header/HeaderOverheadItem.js +1 -1
- package/layout/Header/HeaderOverheadItem.js.map +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigationItem.js +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material/styles"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../../design/skoda/paletteLight.theme.js"),a=require("../../utils/utilities.js");const l=r.forwardRef(((o,n)=>{var a=t.__rest(o,[]);const l=r.useRef(null),c=r.useCallback((t=>{a.onClickCallback&&!a.isDisabled&&a.onClickCallback(t)}),[a]);return r.useEffect((()=>{l.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[l]),e.jsx(s,Object.assign({},a,{ref:n,onClick:()=>c(a.controlType),children:e.jsx("button",{ref:l,children:e.jsx(i.Icon,{fontSize:a.iconFontSize,name:a.controlType,iconStyle:a.iconStyle})})}))})),s=o.styled("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((e=>{var r=t.__rest(e,["theme"]);const o=a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary);let i={};const l=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),height:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:a.ternaryCondition(r.controlVariant,"standard",0,`2px solid ${o}`),cursor:"pointer","& .MuiIcon-root":{color:a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary),fontSize:a.ternaryCondition(r.iconFontSize,"small","18px","24px")
|
|
1
|
+
"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material/styles"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../../design/skoda/paletteLight.theme.js"),a=require("../../utils/utilities.js");const l=r.forwardRef(((o,n)=>{var a=t.__rest(o,[]);const l=r.useRef(null),c=r.useCallback((t=>{a.onClickCallback&&!a.isDisabled&&a.onClickCallback(t)}),[a]);return r.useEffect((()=>{l.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[l]),e.jsx(s,Object.assign({},a,{ref:n,onClick:()=>c(a.controlType),children:e.jsx("button",{ref:l,children:e.jsx(i.Icon,{fontSize:a.iconFontSize,name:a.controlType,iconStyle:a.iconStyle})})}))})),s=o.styled("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((e=>{var r=t.__rest(e,["theme"]);const o=a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary);let i={};const l=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),height:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:a.ternaryCondition(r.controlVariant,"standard",0,`2px solid ${o}`),cursor:"pointer","& .MuiIcon-root":{color:a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary),fontSize:a.ternaryCondition(r.iconFontSize,"small","18px","24px")},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:n.paletteLight.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:a.ternaryCondition(r.controllerColor,"light",`2px solid ${n.paletteLight.surface.tertiary}`,`2px solid ${n.paletteLight.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return i=Object.assign(Object.assign({},i),{height:(r.customHeight?r.customHeight:"100%")+"!important","& button":Object.assign({},l)}),r.isDisabled&&(i=Object.assign(Object.assign({},i),{"& button":Object.assign(Object.assign({},l),{borderColor:n.paletteLight.disabled.primary,cursor:"default",outline:a.ternaryCondition(r.controlVariant,"standard",0,`2px solid ${n.paletteLight.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:n.paletteLight.disabled.primary,fontSize:a.ternaryCondition(r.iconFontSize,"small","18px","24px")}})})),i}));exports.Controller=l;
|
|
2
2
|
//# sourceMappingURL=controls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controls.js","sources":["../../../../src/components/controls/controls.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/**\n * @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n */\nexport const Controller = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const btnRef = useRef(null);\n const handleOnClick = useCallback((e) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n }, [props]);\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n return (_jsx(ControlStyled, Object.assign({}, props, { ref: ref, onClick: () => handleOnClick(props.controlType), children: _jsx(\"button\", { ref: btnRef, children: _jsx(Icon, { fontSize: props.iconFontSize, name: props.controlType, iconStyle: props.iconStyle }) }) })));\n});\n/**\n * @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const controlsColor = ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary);\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = Object.assign(Object.assign({}, flexDisplay), { width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), borderRadius: '50%', backgroundColor: 'transparent', border: 'none', position: 'relative', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`), cursor: 'pointer', '& .MuiIcon-root': {\n color: ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n
|
|
1
|
+
{"version":3,"file":"controls.js","sources":["../../../../src/components/controls/controls.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/**\n * @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n */\nexport const Controller = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const btnRef = useRef(null);\n const handleOnClick = useCallback((e) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n }, [props]);\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n return (_jsx(ControlStyled, Object.assign({}, props, { ref: ref, onClick: () => handleOnClick(props.controlType), children: _jsx(\"button\", { ref: btnRef, children: _jsx(Icon, { fontSize: props.iconFontSize, name: props.controlType, iconStyle: props.iconStyle }) }) })));\n});\n/**\n * @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const controlsColor = ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary);\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = Object.assign(Object.assign({}, flexDisplay), { width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), borderRadius: '50%', backgroundColor: 'transparent', border: 'none', position: 'relative', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`), cursor: 'pointer', '& .MuiIcon-root': {\n color: ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n }, '&:active': {\n transform: 'scale(0.95)',\n }, '&:hover': {\n backgroundColor: flowColors.transparent.primary,\n }, '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(args.controllerColor, 'light', `2px solid ${flowColors.surface.tertiary}`, `2px solid ${flowColors.text.primary}`),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n } });\n styles = Object.assign(Object.assign({}, styles), { height: (args.customHeight ? args.customHeight : '100%') + '!important', '& button': Object.assign({}, buttonSlyle) });\n if (args.isDisabled) {\n styles = Object.assign(Object.assign({}, styles), { '& button': Object.assign(Object.assign({}, buttonSlyle), { borderColor: flowColors.disabled.primary, cursor: 'default', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${flowColors.disabled.primary}`), '&:active': {\n transform: 'scale(1)',\n }, '&:hover': {\n backgroundColor: 'transparent',\n }, '&:focus': {\n '&:after': {\n content: 'none',\n },\n }, '& .MuiIcon-root': {\n color: flowColors.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n } }) });\n }\n return styles;\n});\n//# sourceMappingURL=controls.js.map"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","jsx","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","paletteLight","left","top","customHeight","borderColor","disabled"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("@mui/material"),o=require("./icon.definitions.js");exports.Icon=s=>{var{name:
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("@mui/material"),o=require("./icon.definitions.js");exports.Icon=s=>{var{name:a,className:c,iconStyle:l,color:r,fontSize:m,sx:u}=s,d=e.__rest(s,["name","className","iconStyle","color","fontSize","sx"]);const f=n.useMemo((()=>{var e;const i=a&&o.iconDefinitions.find((e=>e.name===a||e.altName&&e.altName===a))||c&&o.iconDefinitions.find((e=>c.includes(e.name)||c.includes(e.altName)))||o.iconDefinitions.find((e=>"circle-question"===e.name));return null!==(e=null==i?void 0:i.content)&&void 0!==e?e:""}),[a,c]),x=n.useMemo((()=>"filled"===l?"SKODA Next Icons Filled":"SKODA Next Icons Regular"),[l]);return i.jsx(t.Icon,Object.assign({color:r,fontSize:m,sx:Object.assign({"&::before":{content:`'${"\\"+f}'`,display:"block",height:"100%",width:"100%"},fontFamily:x,lineHeight:"0.7em"},u||{}),"data-testid":"Icon",className:[c,a].filter(Boolean).join(" ")},d))};
|
|
2
2
|
//# sourceMappingURL=icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sources":["../../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { iconDefinitions } from './icon.definitions';\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = (_a) => {\n var { name, className, iconStyle, color, fontSize, sx } = _a, rest = __rest(_a, [\"name\", \"className\", \"iconStyle\", \"color\", \"fontSize\", \"sx\"]);\n const content = useMemo(() => {\n var _a;\n const definition = iconDefinitions.find((item) => item.name ===
|
|
1
|
+
{"version":3,"file":"icon.js","sources":["../../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { iconDefinitions } from './icon.definitions';\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = (_a) => {\n var { name, className, iconStyle, color, fontSize, sx } = _a, rest = __rest(_a, [\"name\", \"className\", \"iconStyle\", \"color\", \"fontSize\", \"sx\"]);\n const content = useMemo(() => {\n var _a;\n const definition = \n // try to find by name\n (name && iconDefinitions.find((item) => item.name === name || (item.altName && item.altName === name))) ||\n // try to find by className\n (className &&\n iconDefinitions.find((item) => className.includes(item.name) || className.includes(item.altName))) ||\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return (_a = definition === null || definition === void 0 ? void 0 : definition.content) !== null && _a !== void 0 ? _a : '';\n }, [name, className]);\n const fontFamily = useMemo(() => {\n if (iconStyle === 'filled') {\n return 'SKODA Next Icons Filled';\n }\n return 'SKODA Next Icons Regular';\n }, [iconStyle]);\n return (_jsx(MuiIcon, Object.assign({ color: color, fontSize: fontSize, sx: Object.assign({ '&::before': {\n content: `'${'\\\\' + content}'`,\n display: 'block',\n height: '100%',\n width: '100%',\n }, fontFamily, lineHeight: '0.7em' }, (sx || {})), \"data-testid\": \"Icon\", className: [className, name].filter(Boolean).join(' ') }, rest)));\n};\n//# sourceMappingURL=icon.js.map"],"names":["_a","name","className","iconStyle","color","fontSize","sx","rest","__rest","content","useMemo","definition","iconDefinitions","find","item","altName","includes","fontFamily","_jsx","jsx","MuiIcon","Icon","Object","assign","display","height","width","lineHeight","filter","Boolean","join"],"mappings":"iKAUqBA,IACjB,IAAIC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAON,EAAIO,EAAOC,EAAAA,OAAOR,EAAI,CAAC,OAAQ,YAAa,YAAa,QAAS,WAAY,OACxI,MAAMS,EAAUC,EAAAA,SAAQ,KACpB,IAAIV,EACJ,MAAMW,EAELV,GAAQW,EAAeA,gBAACC,MAAMC,GAASA,EAAKb,OAASA,GAASa,EAAKC,SAAWD,EAAKC,UAAYd,KAE3FC,GACGU,EAAAA,gBAAgBC,MAAMC,GAASZ,EAAUc,SAASF,EAAKb,OAASC,EAAUc,SAASF,EAAKC,YAE5FH,EAAeA,gBAACC,MAAMC,GAAuB,oBAAdA,EAAKb,OACxC,OAA6F,QAArFD,EAAKW,aAA+C,EAASA,EAAWF,eAA4B,IAAPT,EAAgBA,EAAK,EAAE,GAC7H,CAACC,EAAMC,IACJe,EAAaP,EAAAA,SAAQ,IACL,WAAdP,EACO,0BAEJ,4BACR,CAACA,IACJ,OAAQe,EAAIC,IAACC,EAAOC,KAAEC,OAAOC,OAAO,CAAEnB,MAAOA,EAAOC,SAAUA,EAAUC,GAAIgB,OAAOC,OAAO,CAAE,YAAa,CAC7Fd,QAAS,IAAI,KAAOA,KACpBe,QAAS,QACTC,OAAQ,OACRC,MAAO,QACRT,aAAYU,WAAY,SAAYrB,GAAM,IAAM,cAAe,OAAQJ,UAAW,CAACA,EAAWD,GAAM2B,OAAOC,SAASC,KAAK,MAAQvB,GAAQ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material/styles"),a=require("../../utils/enum.js"),i=require("../../design/skoda/paletteLight.theme.js");const s=r.styled("div",{shouldForwardProp:e=>"customSeparator"!==e&&"colorTheme"!==e})((t=>{var r=e.__rest(t,["theme"]);
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material/styles"),a=require("../../utils/enum.js"),i=require("../../design/skoda/paletteLight.theme.js");const s=r.styled("div",{shouldForwardProp:e=>"customSeparator"!==e&&"colorTheme"!==e})((t=>{var r=e.__rest(t,["theme"]);return{fontWeight:"700",fontSize:r.size===a.NumberingSizes.LARGE?"18px":"16px",lineHeight:r.size===a.NumberingSizes.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:r.colorTheme===a.NumberingColors.DARK?i.paletteLight.text.primary:i.paletteLight.onSurface.os0},"& .separator-container":{color:i.paletteLight.onSurface.os600},"& .total-container":{color:i.paletteLight.onSurface.os600}}}));exports.Numbering=r=>{var a=e.__rest(r,[]);return t.jsxs(s,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[t.jsxs("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),t.jsxs("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),t.jsx("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))};
|
|
2
2
|
//# sourceMappingURL=numbering.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numbering.js","sources":["../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n
|
|
1
|
+
{"version":3,"file":"numbering.js","sources":["../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n return {\n fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? flowColors.text.primary : flowColors.onSurface.os0,\n },\n '& .separator-container': {\n color: flowColors.onSurface.os600,\n },\n '& .total-container': {\n color: flowColors.onSurface.os600,\n },\n };\n});\n//# sourceMappingURL=numbering.js.map"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","args","__rest","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total"],"mappings":"4LAUY,MAONA,EAAkBC,EAAMA,OAAC,MAAO,CAClCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADvCF,EAEpBG,IACG,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,MAAO,CACHG,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SACf,qBAAsB,CAClBC,MAAOT,EAAKU,aAAeC,EAAAA,gBAAgBC,KAAOC,eAAWC,KAAKC,QAAUF,eAAWG,UAAUC,KAErG,yBAA0B,CACtBR,MAAOI,EAAAA,aAAWG,UAAUE,OAEhC,qBAAsB,CAClBT,MAAOI,EAAAA,aAAWG,UAAUE,OAEnC,sBAzBqBnB,IACtB,IAAIoB,EAAQlB,EAAAA,OAAOF,EAAI,IACvB,OAAQqB,OAAMzB,EAAiB0B,OAAOC,OAAO,CAAE,EAAEH,EAAO,CAAEI,MAAOJ,EAAMK,YAAa,cAAe,YAAaC,SAAU,CAACL,EAAAA,KAAM,OAAQ,CAAEM,UAAW,kBAAmB,cAAe,kBAAmBD,SAAU,CAACN,EAAMQ,MAAO,OAASP,EAAAA,KAAM,OAAQ,CAAEM,UAAW,sBAAuB,cAAe,sBAAuBD,SAAU,CAACN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAASC,EAAAA,IAAK,OAAQ,CAAEH,UAAW,kBAAmB,cAAe,kBAAmBD,SAAUN,EAAMW,WAAe"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),o=require("@mui/material/Stepper"),a=require("@mui/material/styles"),n=require("../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(o);function s(e){const{active:r,completed:o,className:a}=e;return t.jsx(c,{className:a,children:r?t.jsx("div",{className:"QontoStepIcon-active"}):o?t.jsx("div",{className:"QontoStepIcon-completedIcon"}):t.jsx("div",{className:"QontoStepIcon-circle"})})}const c=a.styled("div")((({theme:e})=>{let t={};return t={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:n.paletteLight.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-active":{color:n.paletteLight.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${n.paletteLight.disabled.tertiary}`,backgroundColor:n.paletteLight.disabled.secondary}}},t})),d=a.styled(r.StepConnector)((({theme:e})=>({[`&.${r.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${r.stepConnectorClasses.active}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700,width:"60px"}},[`&.${r.stepConnectorClasses.completed}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700}},[`& .${r.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:n.paletteLight.disabled.primary,borderTopWidth:3,borderRadius:1}}))),p=a.styled("div")((()=>{
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),o=require("@mui/material/Stepper"),a=require("@mui/material/styles"),n=require("../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(o);function s(e){const{active:r,completed:o,className:a}=e;return t.jsx(c,{className:a,children:r?t.jsx("div",{className:"QontoStepIcon-active"}):o?t.jsx("div",{className:"QontoStepIcon-completedIcon"}):t.jsx("div",{className:"QontoStepIcon-circle"})})}const c=a.styled("div")((({theme:e})=>{let t={};return t={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:n.paletteLight.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-active":{color:n.paletteLight.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${n.paletteLight.disabled.tertiary}`,backgroundColor:n.paletteLight.disabled.secondary}}},t})),d=a.styled(r.StepConnector)((({theme:e})=>({[`&.${r.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${r.stepConnectorClasses.active}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700,width:"60px"}},[`&.${r.stepConnectorClasses.completed}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700}},[`& .${r.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:n.paletteLight.disabled.primary,borderTopWidth:3,borderRadius:1}}))),p=a.styled("div")((()=>({"& .controllerContainer":{display:"flex",alignItems:"center",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}})));exports.Stepper=o=>{var{activeStep:a,alternativeLabel:n,children:i,classes:c,connector:h,nonLinear:u,orientation:g,step:m}=o,b=e.__rest(o,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return t.jsx(p,{children:t.jsx("div",{children:t.jsx(l.default,Object.assign({className:"controllerContainer"},b,{activeStep:a,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:n,connector:t.jsx(d,{}),children:m.map((e=>t.jsx(r.Step,{children:t.jsx(r.StepLabel,{style:x,StepIconComponent:s,children:e})},e)))}))})})};
|
|
2
2
|
//# sourceMappingURL=stepper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.js","sources":["../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n
|
|
1
|
+
{"version":3,"file":"stepper.js","sources":["../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n return {\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n fontStyle: 'normal',\n fontWeight: '700',\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\n//# sourceMappingURL=stepper.js.map"],"names":["QontoStepIcon","props","active","completed","className","_jsx","QontoStepIconRoot","children","jsx","styled","theme","style","color","palette","mode","grey","display","height","alignItems","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","paletteLight","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","QontoConnector","StepConnector","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth","StepperStyled","fontStyle","fontWeight","fontSize","lineHeight","_a","activeStep","classes","connector","nonLinear","orientation","step","__rest","styles","MuiStepper","Object","assign","sx","maxWidth","spacing","map","label","Step","StepLabel","StepIconComponent"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.getFlowCssAgGrid=
|
|
1
|
+
"use strict";exports.getFlowCssAgGrid=r=>({"& .ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"rtl"===r.direction?"SKODA Next R2L":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":r.palette.primary.main,"--ag-material-accent-color":r.palette.secondary.main,"--ag-foreground-color":r.palette.text.primary,"--ag-data-color":r.palette.text.primary,"--ag-header-foreground-color":r.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":r.palette.onSurface.os500,"--ag-disabled-foreground-color":r.palette.disabled.tertiary,"--ag-selected-row-background-color":r.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":r.palette.surface.primary,"--ag-row-border-color":r.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":r.palette.brand.primary,"--ag-checkbox-indeterminate-color":r.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:r.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:r.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}});
|
|
2
2
|
//# sourceMappingURL=agGrid.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agGrid.theme.js","sources":["../../../../../../src/design/skoda/components/agGrid/agGrid.theme.ts"],"sourcesContent":["const getFlowCssAgGrid = (theme) => ({\n '& .ag-theme-material': {\n width: '100%',\n height: '100%',\n '--ag-font-family': 'SKODA Next',\n '--ag-font-size': '16px',\n '--ag-material-primary-color': theme.palette.primary.main,\n '--ag-material-accent-color': theme.palette.secondary.main,\n '--ag-foreground-color': theme.palette.text.primary,\n '--ag-data-color': theme.palette.text.primary,\n '--ag-header-foreground-color': theme.palette.text.primary,\n '--ag-background-color': 'transparent',\n '--ag-header-background-color': 'transparent',\n '--ag-subheader-background-color': 'transparent',\n '--ag-subheader-toolbar-background-color': 'transparent',\n '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n '--ag-selected-row-background-color': theme.palette.common.white,\n '--ag-odd-row-background-color': 'transparent',\n '--ag-column-hover-color': 'transparent',\n '--ag-header-cell-hover-background-color': 'transparent',\n '--ag-row-hover-color': theme.palette.surface.primary,\n '--ag-row-border-color': theme.palette.surface.secondary,\n '--ag-border-radius': '8px',\n '--ag-checkbox-checked-color': theme.palette.brand.primary,\n '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n '--ag-cell-horizontal-padding': '16px',\n '--ag-cell-vertical-padding': '17px',\n '--ag-row-height': '54px',\n '--ag-header-height': '54px',\n '--ag-header-column-separator-display': 'block',\n '--ag-header-column-separator-height': '20px',\n '--ag-header-column-separator-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-display': 'block',\n '--ag-header-column-resize-handle-height': '20px',\n '.ag-root-wrapper': {\n border: '1px solid',\n borderColor: theme.palette.surface.secondary,\n borderRadius: '8px',\n },\n '.ag-row-last': {\n borderBottom: 'none',\n },\n '.ag-row-hover': {\n backgroundColor: 'var(--ag-row-hover-color) !important',\n },\n '.ag-center-cols-container': {\n minWidth: '100%',\n },\n '.ag-paging-panel': {\n border: 'none',\n position: 'relative',\n '&:before': {\n display: 'block',\n content: \"''\",\n height: '1px',\n background: theme.palette.surface.secondary,\n position: 'absolute',\n top: '0',\n left: '24px',\n right: '24px',\n },\n },\n },\n});\nexport { getFlowCssAgGrid };\n//# sourceMappingURL=agGrid.theme.js.map"],"names":["theme","width","height","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"sCAA0BA,IAAW,CACjC,uBAAwB,CACpBC,MAAO,OACPC,OAAQ,OACR,
|
|
1
|
+
{"version":3,"file":"agGrid.theme.js","sources":["../../../../../../src/design/skoda/components/agGrid/agGrid.theme.ts"],"sourcesContent":["const getFlowCssAgGrid = (theme) => ({\n '& .ag-theme-material': {\n width: '100%',\n height: '100%',\n '--ag-font-family': theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n '--ag-font-size': '16px',\n '--ag-material-primary-color': theme.palette.primary.main,\n '--ag-material-accent-color': theme.palette.secondary.main,\n '--ag-foreground-color': theme.palette.text.primary,\n '--ag-data-color': theme.palette.text.primary,\n '--ag-header-foreground-color': theme.palette.text.primary,\n '--ag-background-color': 'transparent',\n '--ag-header-background-color': 'transparent',\n '--ag-subheader-background-color': 'transparent',\n '--ag-subheader-toolbar-background-color': 'transparent',\n '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n '--ag-selected-row-background-color': theme.palette.common.white,\n '--ag-odd-row-background-color': 'transparent',\n '--ag-column-hover-color': 'transparent',\n '--ag-header-cell-hover-background-color': 'transparent',\n '--ag-row-hover-color': theme.palette.surface.primary,\n '--ag-row-border-color': theme.palette.surface.secondary,\n '--ag-border-radius': '8px',\n '--ag-checkbox-checked-color': theme.palette.brand.primary,\n '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n '--ag-cell-horizontal-padding': '16px',\n '--ag-cell-vertical-padding': '17px',\n '--ag-row-height': '54px',\n '--ag-header-height': '54px',\n '--ag-header-column-separator-display': 'block',\n '--ag-header-column-separator-height': '20px',\n '--ag-header-column-separator-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-display': 'block',\n '--ag-header-column-resize-handle-height': '20px',\n '.ag-root-wrapper': {\n border: '1px solid',\n borderColor: theme.palette.surface.secondary,\n borderRadius: '8px',\n },\n '.ag-row-last': {\n borderBottom: 'none',\n },\n '.ag-row-hover': {\n backgroundColor: 'var(--ag-row-hover-color) !important',\n },\n '.ag-center-cols-container': {\n minWidth: '100%',\n },\n '.ag-paging-panel': {\n border: 'none',\n position: 'relative',\n '&:before': {\n display: 'block',\n content: \"''\",\n height: '1px',\n background: theme.palette.surface.secondary,\n position: 'absolute',\n top: '0',\n left: '24px',\n right: '24px',\n },\n },\n },\n});\nexport { getFlowCssAgGrid };\n//# sourceMappingURL=agGrid.theme.js.map"],"names":["theme","width","height","direction","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"sCAA0BA,IAAW,CACjC,uBAAwB,CACpBC,MAAO,OACPC,OAAQ,OACR,mBAAwC,QAApBF,EAAMG,UAAsB,iBAAmB,aACnE,iBAAkB,OAClB,8BAA+BH,EAAMI,QAAQC,QAAQC,KACrD,6BAA8BN,EAAMI,QAAQG,UAAUD,KACtD,wBAAyBN,EAAMI,QAAQI,KAAKH,QAC5C,kBAAmBL,EAAMI,QAAQI,KAAKH,QACtC,+BAAgCL,EAAMI,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCL,EAAMI,QAAQK,UAAUC,MAC3D,iCAAkCV,EAAMI,QAAQO,SAASC,SACzD,qCAAsCZ,EAAMI,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBd,EAAMI,QAAQW,QAAQV,QAC9C,wBAAyBL,EAAMI,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BP,EAAMI,QAAQY,MAAMX,QACnD,oCAAqCL,EAAMI,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCL,EAAMI,QAAQW,QAAQR,UAC5D,yCAA0CP,EAAMI,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAC3C,mBAAoB,CAChBU,OAAQ,YACRC,YAAalB,EAAMI,QAAQW,QAAQR,UACnCY,aAAc,OAElB,eAAgB,CACZC,aAAc,QAElB,gBAAiB,CACbC,gBAAiB,wCAErB,4BAA6B,CACzBC,SAAU,QAEd,mBAAoB,CAChBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACRC,QAAS,QACTC,QAAS,KACTvB,OAAQ,MACRwB,WAAY1B,EAAMI,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { BreakpointsOptions, Components, Theme } from '@mui/material';
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
1
|
+
import { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';
|
|
2
|
+
export declare const getFlowCssBaselineRoot: (scoped: boolean, breakpointsOptions: BreakpointsOptions, rtl: boolean, containerQueries: boolean, theme: Theme) => CSSObject;
|
|
3
|
+
export declare const getFlowScopedCssBaseline: (breakpointsOptions: BreakpointsOptions, rtl: boolean, containerQueries: boolean) => Components<Theme>['MuiScopedCssBaseline'];
|
|
4
|
+
export declare const getFlowCssBaseline: (breakpointsOptions: BreakpointsOptions, rtl: boolean, containerQueries: boolean) => Components<Theme>['MuiCssBaseline'];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),
|
|
1
|
+
"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),t=require("../theme.typography.js"),o=require("./agGrid/agGrid.theme.js"),r=require("@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.eot"),f=require("@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.woff"),s=require("@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.otf"),a=require("@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.eot"),l=require("@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.woff"),n=require("@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.otf"),u=require("@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf"),i=require("@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff"),w=require("@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2"),d=require("@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf"),c=require("@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff"),k=require("@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2"),b=require("@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf"),A=require("@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff"),x=require("@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2"),S=require("@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf"),O=require("@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff"),m=require("@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2"),g=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.ttf"),D=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff"),K=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff2"),N=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.ttf"),p=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff"),q=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff2"),y=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.ttf"),h=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff"),$=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff2"),R=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.ttf"),B=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff"),F=require("@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff2");function L(e){return e&&e.__esModule?e:{default:e}}var v=L(e),I=L(r),j=L(f),C=L(s),W=L(a),G=L(l),T=L(n),_=L(u),E=L(i),H=L(w),M=L(d),z=L(c),J=L(k),P=L(b),Q=L(A),U=L(x),V=L(S),X=L(O),Y=L(m),Z=L(g),ee=L(D),te=L(K),oe=L(N),re=L(p),fe=L(q),se=L(y),ae=L(h),le=L($),ne=L(R),ue=L(B),ie=L(F);const we=(e,r,f,s,a)=>{const l=Object.assign(Object.assign(Object.assign({},e?Object.assign({color:a.palette.text.primary},t.generateTypography("body",r,f,s)):{body:{color:a.palette.text.primary}}),{[e?"&, *":"*"]:{scrollbarWidth:"thin",scrollbarColor:a.palette.onSurface.os200,"::-webkit-scrollbar":{width:"8px",border:"2px solid white"},"::-webkit-scrollbar-thumb":{width:"8px",border:"2px solid white",borderRadius:"100px",background:a.palette.onSurface.os200,minHeight:"50px"},"::-webkit-scrollbar-button":{display:"none"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},"a, button":{textDecoration:"none"},"a:hover, button:hover":{textDecoration:"none"},fallbacks:[{"@font-face":{fontFamily:"SKODA Next Icons Filled",src:`\n url('${j.default}') format('woff'),\n url('${I.default}') format('eot'),\n url('${C.default}') format('otf')\n `,fontStyle:"normal"}},{"@font-face":{fontFamily:"SKODA Next Icons Regular",src:`\n url('${G.default}') format('woff'),\n url('${W.default}') format('eot'),\n url('${T.default}') format('otf')\n `,fontStyle:"normal"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n url('${f?le.default:U.default}') format('woff2'),\n url('${f?ae.default:Q.default}') format('woff'),\n url('${f?se.default:P.default}') format('truetype')\n `,fontStyle:"normal",fontWeight:300}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n url('${f?ie.default:Y.default}') format('woff2'),\n url('${f?ue.default:X.default}') format('woff'),\n url('${f?ne.default:V.default}') format('truetype')\n `,fontStyle:"normal",fontWeight:400}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n url('${f?fe.default:J.default}') format('woff2'),\n url('${f?re.default:z.default}') format('woff'),\n url('${f?oe.default:M.default}') format('truetype')\n `,fontStyle:"normal",fontWeight:700}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n url('${f?te.default:H.default}') format('woff2'),\n url('${f?ee.default:E.default}') format('woff'),\n url('${f?Z.default:_.default}') format('truetype')\n `,fontStyle:"normal",fontWeight:900}}]}),o.getFlowCssAgGrid(a));return v.default["flow-typography"].forEach((e=>{const o=e.name.split("-")[1];l[`${o}, .${o}`]=t.generateTypography(o,r,f,s)})),l};exports.getFlowCssBaseline=(e,t,o)=>({styleOverrides:r=>we(!1,e,t,o,r)}),exports.getFlowCssBaselineRoot=we,exports.getFlowScopedCssBaseline=(e,t,o)=>({styleOverrides:{root:({theme:r})=>we(!0,e,t,o,r)}});
|
|
2
2
|
//# sourceMappingURL=baseline.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseline.theme.js","sources":["../../../../../src/design/skoda/components/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../theme.typography';\nimport { getFlowCssAgGrid } from './agGrid/agGrid.theme';\nimport iconsFilledEot from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.eot';\nimport iconsFilledWoff from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.woff';\nimport iconsFilledOtf from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.otf';\nimport iconsRegularEot from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.eot';\nimport iconsRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.woff';\nimport iconsRegularOtf from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.otf';\nimport fontBlackTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf';\nimport fontBlackWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff';\nimport fontBlackWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2';\nimport fontBoldTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf';\nimport fontBoldWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff';\nimport fontBoldWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2';\nimport fontLightTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf';\nimport fontLightWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff';\nimport fontLightWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2';\nimport fontRegularTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf';\nimport fontRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff';\nimport fontRegularWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2';\nconst getFlowCssBaselineRoot = (scoped, breakpointsOptions, containerQueries, theme) => {\n const baseline = Object.assign(Object.assign(Object.assign({}, (scoped\n ? {\n backgroundColor: 'inherit',\n color: theme.palette.text.primary,\n }\n : {\n body: {\n color: theme.palette.text.primary,\n },\n })), { [scoped ? `&, *` : `*`]: {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os200,\n '::-webkit-scrollbar': {\n width: '8px',\n border: '2px solid white',\n },\n '::-webkit-scrollbar-thumb': {\n width: '8px',\n border: '2px solid white',\n borderRadius: '100px',\n background: theme.palette.onSurface.os200,\n minHeight: '50px',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n // Fix scroll bug on Safari\n // https://github.com/mui/material-ui/issues/5750\n '@media not all and (min-resolution: 0.001dpcm)': {\n '@supports (-webkit-appearance: none)': {\n \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n touchAction: 'none',\n },\n },\n },\n }, 'a, button': {\n textDecoration: 'none',\n }, 'a:hover, button:hover': {\n textDecoration: 'none',\n }, fallbacks: [\n {\n '@font-face': {\n fontFamily: 'SKODA Next Icons Filled',\n src: `\n url('${iconsFilledWoff}') format('woff'),\n url('${iconsFilledEot}') format('eot'),\n url('${iconsFilledOtf}') format('otf')\n `,\n fontStyle: 'normal',\n },\n },\n {\n '@font-face': {\n fontFamily: 'SKODA Next Icons Regular',\n src: `\n url('${iconsRegularWoff}') format('woff'),\n url('${iconsRegularEot}') format('eot'),\n url('${iconsRegularOtf}') format('otf')\n `,\n fontStyle: 'normal',\n },\n },\n {\n '@font-face': {\n fontFamily: 'SKODA Next',\n src: `\n url('${fontLightWoff2}') format('woff2'),\n url('${fontLightWoff}') format('woff'),\n url('${fontLightTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 300,\n },\n },\n {\n '@font-face': {\n fontFamily: 'SKODA Next',\n src: `\n url('${fontRegularWoff2}') format('woff2'),\n url('${fontRegularWoff}') format('woff'),\n url('${fontRegularTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 400,\n },\n },\n {\n '@font-face': {\n fontFamily: 'SKODA Next',\n src: `\n url('${fontBoldWoff2}') format('woff2'),\n url('${fontBoldWoff}') format('woff'),\n url('${fontBoldTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 700,\n },\n },\n {\n '@font-face': {\n fontFamily: 'SKODA Next',\n src: `\n url('${fontBlackWoff2}') format('woff2'),\n url('${fontBlackWoff}') format('woff'),\n url('${fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 900,\n },\n },\n ] }), getFlowCssAgGrid(theme));\n tokens['flow-typography'].forEach((t) => {\n const el = t.name.split('-')[1];\n const key = `${el}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, containerQueries);\n });\n return baseline;\n};\nexport const getFlowScopedCssBaseline = (breakpointsOptions, containerQueries) => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, containerQueries, theme),\n },\n});\nexport const getFlowCssBaseline = (breakpointsOptions, containerQueries) => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, containerQueries, theme),\n});\n//# sourceMappingURL=baseline.theme.js.map"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","containerQueries","theme","baseline","Object","assign","backgroundColor","color","palette","text","primary","body","scrollbarWidth","scrollbarColor","onSurface","os200","width","border","borderRadius","background","minHeight","display","touchAction","textDecoration","fallbacks","fontFamily","src","iconsFilledWoff","iconsFilledEot","iconsFilledOtf","fontStyle","iconsRegularWoff","iconsRegularEot","iconsRegularOtf","fontLightWoff2","fontLightWoff","fontLightTtf","fontWeight","fontRegularWoff2","fontRegularWoff","fontRegularTtf","fontBoldWoff2","fontBoldWoff","fontBoldTtf","fontBlackWoff2","fontBlackWoff","fontBlackTtf","getFlowCssAgGrid","tokens","forEach","t","el","name","split","generateTypography","styleOverrides","root"],"mappings":"ohDAqBA,MAAMA,EAAyB,CAACC,EAAQC,EAAoBC,EAAkBC,KAC1E,MAAMC,EAAWC,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAKN,EAC1D,CACEO,gBAAiB,UACjBC,MAAOL,EAAMM,QAAQC,KAAKC,SAE5B,CACEC,KAAM,CACFJ,MAAOL,EAAMM,QAAQC,KAAKC,WAE7B,CAAE,CAACX,EAAS,OAAS,KAAM,CAC5Ba,eAAgB,OAChBC,eAAgBX,EAAMM,QAAQM,UAAUC,MACxC,sBAAuB,CACnBC,MAAO,MACPC,OAAQ,mBAEZ,4BAA6B,CACzBD,MAAO,MACPC,OAAQ,kBACRC,aAAc,QACdC,WAAYjB,EAAMM,QAAQM,UAAUC,MACpCK,UAAW,QAEf,6BAA8B,CAC1BC,QAAS,QAIb,iDAAkD,CAC9C,uCAAwC,CACpC,0DAA2D,CACvDC,YAAa,WAI1B,YAAa,CACZC,eAAgB,QACjB,wBAAyB,CACxBA,eAAgB,QACjBC,UAAW,CACV,CACI,aAAc,CACVC,WAAY,0BACZC,IAAK,wBACJC,mDACAC,kDACAC,4CAEDC,UAAW,WAGnB,CACI,aAAc,CACVL,WAAY,2BACZC,IAAK,sBACNK,iDACAC,gDACAC,0CAECH,UAAW,WAGnB,CACI,aAAc,CACVL,WAAY,aACZC,IAAK,sBACNQ,kDACAC,iDACAC,+CAECN,UAAW,SACXO,WAAY,MAGpB,CACI,aAAc,CACVZ,WAAY,aACZC,IAAK,sBACNY,kDACAC,iDACAC,+CAECV,UAAW,SACXO,WAAY,MAGpB,CACI,aAAc,CACVZ,WAAY,aACZC,IAAK,sBACNe,kDACAC,iDACAC,+CAECb,UAAW,SACXO,WAAY,MAGpB,CACI,aAAc,CACVZ,WAAY,aACZC,IAAK,sBACNkB,kDACAC,iDACAC,+CAEChB,UAAW,SACXO,WAAY,SAGlBU,EAAAA,iBAAiB7C,IAM3B,OALA8C,EAAAA,QAAO,mBAAmBC,SAASC,IAC/B,MAAMC,EAAKD,EAAEE,KAAKC,MAAM,KAAK,GAE7BlD,EADY,GAAGgD,OAAQA,KACPG,EAAAA,mBAAmBH,EAAInD,EAAoBC,EAAiB,IAEzEE,CAAQ,6BAOe,CAACH,EAAoBC,KAAsB,CACzEsD,eAAiBrD,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAkBC,sCAN3D,CAACF,EAAoBC,KAAsB,CAC/EsD,eAAgB,CACZC,KAAM,EAAGtD,WAAYJ,GAAuB,EAAME,EAAoBC,EAAkBC"}
|
|
1
|
+
{"version":3,"file":"baseline.theme.js","sources":["../../../../../src/design/skoda/components/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../theme.typography';\nimport { getFlowCssAgGrid } from './agGrid/agGrid.theme';\nimport iconsFilledEot from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.eot';\nimport iconsFilledWoff from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.woff';\nimport iconsFilledOtf from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Filled.otf';\nimport iconsRegularEot from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.eot';\nimport iconsRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.woff';\nimport iconsRegularOtf from '@skodaflow/web-tokens/src/fonts/SKODANextIcons-Regular.otf';\nimport fontBlackTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf';\nimport fontBlackWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff';\nimport fontBlackWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2';\nimport fontBoldTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf';\nimport fontBoldWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff';\nimport fontBoldWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2';\nimport fontLightTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf';\nimport fontLightWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff';\nimport fontLightWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2';\nimport fontRegularTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf';\nimport fontRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff';\nimport fontRegularWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2';\nimport rtlFontBlackTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.ttf';\nimport rtlFontBlackWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff';\nimport rtlFontBlackWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff2';\nimport rtlFontBoldTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.ttf';\nimport rtlFontBoldWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff';\nimport rtlFontBoldWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff2';\nimport rtlFontLightTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.ttf';\nimport rtlFontLightWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff';\nimport rtlFontLightWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff2';\nimport rtlFontRegularTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.ttf';\nimport rtlFontRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff';\nimport rtlFontRegularWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff2';\nexport const getFlowCssBaselineRoot = (scoped, breakpointsOptions, rtl, containerQueries, theme) => {\n const baseline = Object.assign(Object.assign(Object.assign({}, (scoped\n ? Object.assign({ color: theme.palette.text.primary }, generateTypography('body', breakpointsOptions, rtl, containerQueries)) : {\n body: {\n color: theme.palette.text.primary,\n },\n })), { [scoped ? `&, *` : `*`]: {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os200,\n '::-webkit-scrollbar': {\n width: '8px',\n border: '2px solid white',\n },\n '::-webkit-scrollbar-thumb': {\n width: '8px',\n border: '2px solid white',\n borderRadius: '100px',\n background: theme.palette.onSurface.os200,\n minHeight: '50px',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n // Fix scroll bug on Safari\n // https://github.com/mui/material-ui/issues/5750\n '@media not all and (min-resolution: 0.001dpcm)': {\n '@supports (-webkit-appearance: none)': {\n \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n touchAction: 'none',\n },\n },\n },\n }, 'a, button': {\n textDecoration: 'none',\n }, 'a:hover, button:hover': {\n textDecoration: 'none',\n }, fallbacks: [\n {\n '@font-face': {\n fontFamily: 'SKODA Next Icons Filled',\n src: `\n url('${iconsFilledWoff}') format('woff'),\n url('${iconsFilledEot}') format('eot'),\n url('${iconsFilledOtf}') format('otf')\n `,\n fontStyle: 'normal',\n },\n },\n {\n '@font-face': {\n fontFamily: 'SKODA Next Icons Regular',\n src: `\n url('${iconsRegularWoff}') format('woff'),\n url('${iconsRegularEot}') format('eot'),\n url('${iconsRegularOtf}') format('otf')\n `,\n fontStyle: 'normal',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? rtlFontLightWoff2 : fontLightWoff2}') format('woff2'),\n url('${rtl ? rtlFontLightWoff : fontLightWoff}') format('woff'),\n url('${rtl ? rtlFontLightTtf : fontLightTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 300,\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? rtlFontRegularWoff2 : fontRegularWoff2}') format('woff2'),\n url('${rtl ? rtlFontRegularWoff : fontRegularWoff}') format('woff'),\n url('${rtl ? rtlFontRegularTtf : fontRegularTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 400,\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? rtlFontBoldWoff2 : fontBoldWoff2}') format('woff2'),\n url('${rtl ? rtlFontBoldWoff : fontBoldWoff}') format('woff'),\n url('${rtl ? rtlFontBoldTtf : fontBoldTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 700,\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? rtlFontBlackWoff2 : fontBlackWoff2}') format('woff2'),\n url('${rtl ? rtlFontBlackWoff : fontBlackWoff}') format('woff'),\n url('${rtl ? rtlFontBlackTtf : fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: 900,\n },\n },\n ] }), getFlowCssAgGrid(theme));\n tokens['flow-typography'].forEach((t) => {\n const el = t.name.split('-')[1];\n const key = `${el}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, rtl, containerQueries);\n });\n return baseline;\n};\nexport const getFlowScopedCssBaseline = (breakpointsOptions, rtl, containerQueries) => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, containerQueries, theme),\n },\n});\nexport const getFlowCssBaseline = (breakpointsOptions, rtl, containerQueries) => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, containerQueries, theme),\n});\n//# sourceMappingURL=baseline.theme.js.map"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","containerQueries","theme","baseline","Object","assign","color","palette","text","primary","generateTypography","body","scrollbarWidth","scrollbarColor","onSurface","os200","width","border","borderRadius","background","minHeight","display","touchAction","textDecoration","fallbacks","fontFamily","src","iconsFilledWoff","iconsFilledEot","iconsFilledOtf","fontStyle","iconsRegularWoff","iconsRegularEot","iconsRegularOtf","rtlFontLightWoff2","default","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","getFlowCssAgGrid","tokens","forEach","t","el","name","split","styleOverrides","root"],"mappings":"s9EAiCY,MAACA,GAAyB,CAACC,EAAQC,EAAoBC,EAAKC,EAAkBC,KACtF,MAAMC,EAAWC,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAKP,EAC1DM,OAAOC,OAAO,CAAEC,MAAOJ,EAAMK,QAAQC,KAAKC,SAAWC,EAAAA,mBAAmB,OAAQX,EAAoBC,EAAKC,IAAqB,CAChIU,KAAM,CACFL,MAAOJ,EAAMK,QAAQC,KAAKC,WAE7B,CAAE,CAACX,EAAS,OAAS,KAAM,CACxBc,eAAgB,OAChBC,eAAgBX,EAAMK,QAAQO,UAAUC,MACxC,sBAAuB,CACnBC,MAAO,MACPC,OAAQ,mBAEZ,4BAA6B,CACzBD,MAAO,MACPC,OAAQ,kBACRC,aAAc,QACdC,WAAYjB,EAAMK,QAAQO,UAAUC,MACpCK,UAAW,QAEf,6BAA8B,CAC1BC,QAAS,QAIb,iDAAkD,CAC9C,uCAAwC,CACpC,0DAA2D,CACvDC,YAAa,WAI1B,YAAa,CACZC,eAAgB,QACjB,wBAAyB,CACxBA,eAAgB,QACjBC,UAAW,CACV,CACI,aAAc,CACVC,WAAY,0BACZC,IAAK,wBACJC,mDACAC,kDACAC,4CAEDC,UAAW,WAGnB,CACI,aAAc,CACVL,WAAY,2BACZC,IAAK,sBACNK,iDACAC,gDACAC,0CAECH,UAAW,WAGnB,CACI,aAAc,CACVL,WAAY,cAAazB,EAAM,OAAS,IACxC0B,IAAK,sBACN1B,EAAMkC,GAAiBC,QAAGC,kDAC1BpC,EAAMqC,GAAgBF,QAAGG,iDACzBtC,EAAMuC,GAAeJ,QAAGK,+CAEvBV,UAAW,SACXW,WAAY,MAGpB,CACI,aAAc,CACVhB,WAAY,cAAazB,EAAM,OAAS,IACxC0B,IAAK,sBACN1B,EAAM0C,GAAmBP,QAAGQ,kDAC5B3C,EAAM4C,GAAkBT,QAAGU,iDAC3B7C,EAAM8C,GAAiBX,QAAGY,+CAEzBjB,UAAW,SACXW,WAAY,MAGpB,CACI,aAAc,CACVhB,WAAY,cAAazB,EAAM,OAAS,IACxC0B,IAAK,sBACN1B,EAAMgD,GAAgBb,QAAGc,kDACzBjD,EAAMkD,GAAef,QAAGgB,iDACxBnD,EAAMoD,GAAcjB,QAAGkB,+CAEtBvB,UAAW,SACXW,WAAY,MAGpB,CACI,aAAc,CACVhB,WAAY,cAAazB,EAAM,OAAS,IACxC0B,IAAK,sBACN1B,EAAMsD,GAAiBnB,QAAGoB,kDAC1BvD,EAAMwD,GAAgBrB,QAAGsB,iDACzBzD,EAAM0D,EAAevB,QAAGwB,+CAEvB7B,UAAW,SACXW,WAAY,SAGlBmB,EAAAA,iBAAiB1D,IAM3B,OALA2D,EAAAA,QAAO,mBAAmBC,SAASC,IAC/B,MAAMC,EAAKD,EAAEE,KAAKC,MAAM,KAAK,GAE7B/D,EADY,GAAG6D,OAAQA,KACPtD,EAAkBA,mBAACsD,EAAIjE,EAAoBC,EAAKC,EAAiB,IAE9EE,CAAQ,6BAOe,CAACJ,EAAoBC,EAAKC,KAAsB,CAC9EkE,eAAiBjE,GAAUL,IAAuB,EAAOE,EAAoBC,EAAKC,EAAkBC,wEANhE,CAACH,EAAoBC,EAAKC,KAAsB,CACpFkE,eAAgB,CACZC,KAAM,EAAGlE,WAAYL,IAAuB,EAAME,EAAoBC,EAAKC,EAAkBC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../paletteLight.theme.js");const t={defaultProps:{separator:"/"},styleOverrides:{root:()=>({
|
|
1
|
+
"use strict";var e=require("../paletteLight.theme.js");const t={defaultProps:{separator:"/"},styleOverrides:{root:()=>({fontWeight:"400",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.032px",a:{color:e.paletteLight.onSurface.os700,textDecoration:"none","&:hover":{textDecoration:"underline"}},p:{fontWeight:"400",color:e.paletteLight.onSurface.os900,fontSize:"16px",lineHeight:"24px",letterSpacing:"0.032px"},".MuiBreadcrumbs-separator":{margin:"0 12px"}})}};exports.flowBreadCrumbs=t;
|
|
2
2
|
//# sourceMappingURL=breadcrumbs.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.theme.js","sources":["../../../../../src/design/skoda/components/breadcrumbs.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../paletteLight.theme';\nexport const flowBreadCrumbs = {\n defaultProps: {\n separator: '/',\n },\n styleOverrides: {\n root: () => ({\n
|
|
1
|
+
{"version":3,"file":"breadcrumbs.theme.js","sources":["../../../../../src/design/skoda/components/breadcrumbs.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../paletteLight.theme';\nexport const flowBreadCrumbs = {\n defaultProps: {\n separator: '/',\n },\n styleOverrides: {\n root: () => ({\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.032px',\n a: {\n color: flowColors.onSurface.os700,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n p: {\n fontWeight: '400',\n color: flowColors.onSurface.os900,\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.032px',\n },\n '.MuiBreadcrumbs-separator': {\n margin: '0 12px',\n },\n }),\n },\n};\n//# sourceMappingURL=breadcrumbs.theme.js.map"],"names":["flowBreadCrumbs","defaultProps","separator","styleOverrides","root","fontWeight","fontSize","lineHeight","letterSpacing","a","color","flowColors","onSurface","os700","textDecoration","p","os900","margin"],"mappings":"uDACY,MAACA,EAAkB,CAC3BC,aAAc,CACVC,UAAW,KAEfC,eAAgB,CACZC,KAAM,KAAO,CACTC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UACfC,EAAG,CACCC,MAAOC,EAAAA,aAAWC,UAAUC,MAC5BC,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,EAAG,CACCV,WAAY,MACZK,MAAOC,EAAAA,aAAWC,UAAUI,MAC5BV,SAAU,OACVC,WAAY,OACZC,cAAe,WAEnB,4BAA6B,CACzBS,OAAQ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const o="all 0.3s ease-out",e={defaultProps:{disableRipple:!0,variant:"contained"},styleOverrides:{root:{
|
|
1
|
+
"use strict";const o="all 0.3s ease-out",e={defaultProps:{disableRipple:!0,variant:"contained"},styleOverrides:{root:{boxShadow:"none",textRendering:"geometricPrecision",textTransform:"none",fontSize:"16px",lineHeight:"16px",letterSpacing:"0.75px",fontWeight:700,outline:"none",minWidth:"44px",height:"44px",backgroundClip:"padding-box !important",padding:"2px 23px 0px 25px",transition:o,borderRadius:"50px","&:hover":{boxShadow:"none"},"&:active":{transform:"scale(0.95)",boxShadow:"none !important"},"& .MuiIcon-root":{fontWeight:"400",width:"20px",height:"20px","&:before":{position:"relative",fontSize:"16px"}}},containedPrimary:({theme:o})=>({backgroundColor:o.palette.brand.secondary,color:o.palette.onSurface.os900,"&:hover":{backgroundColor:o.palette.brandHover.secondary},"&.MuiButton-white":{color:o.palette.onSurface.os0}}),containedSecondary:({theme:o})=>({color:o.palette.onSurface.os0,"&:hover":{backgroundColor:o.palette.onSurface.os600},"& .MuiIcon-root":{color:o.palette.onSurface.os0}}),textSecondary:({theme:o})=>({"&:hover":{backgroundColor:o.palette.transparent.primary},"&.MuiButton-white":{color:o.palette.onSurface.os0}}),outlined:{borderWidth:2,borderStyle:"solid","&:hover":{borderWidth:2},"&:disabled":{borderWidth:2}},outlinedSecondary:({theme:o})=>({borderColor:o.palette.secondary.main,"&:hover":{backgroundColor:o.palette.transparent.primary,borderColor:o.palette.secondary.main}}),sizeSmall:{height:"32px",padding:"0px 14px",fontSize:"14px",lineHeight:"16px"},sizeLarge:{height:"50px",padding:"0px 25px",fontSize:"18px",lineHeight:"20px"}},variants:[{props:{variant:"navigation"},style:({theme:e})=>({color:e.palette.onSurface.os900,padding:"0px 8px",fontWeight:400,lineHeight:"19px","&:hover":{backgroundColor:"transparent",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}},"&:disabled":{backgroundColor:"transparent",color:e.palette.disabled.primary,"& .MuiIcon-root":{color:e.palette.disabled.primary}},".MuiButton-startIcon":{transition:o},".MuiButton-endIcon":{marginLeft:8,transition:o}})},{props:{variant:"navigation",color:"primary"},style:({theme:o})=>({color:o.palette.primary.main})},{props:{variant:"navigation",color:"secondary"},style:({theme:o})=>({color:o.palette.secondary.main})},{props:{variant:"navigation",color:"error"},style:({theme:o})=>({color:o.palette.error.main})},{props:{variant:"navigation",color:"info"},style:({theme:o})=>({color:o.palette.info.main})},{props:{variant:"navigation",color:"warning"},style:({theme:o})=>({color:o.palette.warning.main})},{props:{variant:"navigation",color:"success"},style:({theme:o})=>({color:o.palette.success.main})}]};exports.flowButton=e;
|
|
2
2
|
//# sourceMappingURL=button.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.theme.js","sources":["../../../../../src/design/skoda/components/button.theme.ts"],"sourcesContent":["const transitionStyle = 'all 0.3s ease-out';\nexport const flowButton = {\n defaultProps: {\n disableRipple: true,\n variant: 'contained',\n },\n styleOverrides: {\n root: {\n
|
|
1
|
+
{"version":3,"file":"button.theme.js","sources":["../../../../../src/design/skoda/components/button.theme.ts"],"sourcesContent":["const transitionStyle = 'all 0.3s ease-out';\nexport const flowButton = {\n defaultProps: {\n disableRipple: true,\n variant: 'contained',\n },\n styleOverrides: {\n root: {\n boxShadow: 'none',\n textRendering: 'geometricPrecision',\n textTransform: 'none',\n fontSize: '16px',\n lineHeight: '16px',\n letterSpacing: '0.75px',\n fontWeight: 700,\n outline: 'none',\n minWidth: '44px',\n height: '44px',\n backgroundClip: 'padding-box !important',\n padding: '2px 23px 0px 25px',\n transition: transitionStyle,\n borderRadius: '50px',\n '&:hover': {\n boxShadow: 'none',\n },\n '&:active': {\n transform: 'scale(0.95)',\n boxShadow: 'none !important',\n },\n '& .MuiIcon-root': {\n fontWeight: '400',\n width: '20px',\n height: '20px',\n '&:before': {\n position: 'relative',\n fontSize: '16px',\n },\n },\n },\n containedPrimary: ({ theme }) => ({\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n '&:hover': {\n backgroundColor: theme.palette.brandHover.secondary,\n },\n '&.MuiButton-white': {\n color: theme.palette.onSurface.os0,\n },\n }),\n containedSecondary: ({ theme }) => ({\n color: theme.palette.onSurface.os0,\n '&:hover': {\n backgroundColor: theme.palette.onSurface.os600,\n },\n '& .MuiIcon-root': {\n color: theme.palette.onSurface.os0,\n },\n }),\n textSecondary: ({ theme }) => ({\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n },\n '&.MuiButton-white': {\n color: theme.palette.onSurface.os0,\n },\n }),\n outlined: {\n borderWidth: 2,\n borderStyle: 'solid',\n '&:hover': {\n borderWidth: 2,\n },\n '&:disabled': {\n borderWidth: 2,\n },\n },\n outlinedSecondary: ({ theme }) => ({\n borderColor: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n borderColor: theme.palette.secondary.main,\n },\n }),\n sizeSmall: {\n height: '32px',\n padding: '0px 14px',\n fontSize: '14px',\n lineHeight: '16px',\n },\n sizeLarge: {\n height: '50px',\n padding: '0px 25px',\n fontSize: '18px',\n lineHeight: '20px',\n },\n },\n variants: [\n {\n props: { variant: 'navigation' },\n style: ({ theme }) => ({\n color: theme.palette.onSurface.os900,\n padding: '0px 8px',\n fontWeight: 400,\n lineHeight: '19px',\n '&:hover': {\n backgroundColor: 'transparent',\n '.MuiButton-startIcon': {\n transform: 'translateX(-8px)',\n },\n '.MuiButton-endIcon': {\n transform: 'translateX(8px)',\n },\n },\n '&:disabled': {\n backgroundColor: 'transparent',\n color: theme.palette.disabled.primary,\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n },\n },\n '.MuiButton-startIcon': {\n transition: transitionStyle,\n },\n '.MuiButton-endIcon': {\n marginLeft: 8,\n transition: transitionStyle,\n },\n }),\n },\n {\n props: { variant: 'navigation', color: 'primary' },\n style: ({ theme }) => ({\n color: theme.palette.primary.main,\n }),\n },\n {\n props: { variant: 'navigation', color: 'secondary' },\n style: ({ theme }) => ({\n color: theme.palette.secondary.main,\n }),\n },\n {\n props: { variant: 'navigation', color: 'error' },\n style: ({ theme }) => ({\n color: theme.palette.error.main,\n }),\n },\n {\n props: { variant: 'navigation', color: 'info' },\n style: ({ theme }) => ({\n color: theme.palette.info.main,\n }),\n },\n {\n props: { variant: 'navigation', color: 'warning' },\n style: ({ theme }) => ({\n color: theme.palette.warning.main,\n }),\n },\n {\n props: { variant: 'navigation', color: 'success' },\n style: ({ theme }) => ({\n color: theme.palette.success.main,\n }),\n },\n ],\n};\n//# sourceMappingURL=button.theme.js.map"],"names":["transitionStyle","flowButton","defaultProps","disableRipple","variant","styleOverrides","root","boxShadow","textRendering","textTransform","fontSize","lineHeight","letterSpacing","fontWeight","outline","minWidth","height","backgroundClip","padding","transition","borderRadius","transform","width","position","containedPrimary","theme","backgroundColor","palette","brand","secondary","color","onSurface","os900","brandHover","os0","containedSecondary","os600","textSecondary","transparent","primary","outlined","borderWidth","borderStyle","outlinedSecondary","borderColor","main","sizeSmall","sizeLarge","variants","props","style","disabled","marginLeft","error","info","warning","success"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.flowInputBase={defaultProps:{},styleOverrides:{root:({theme:t})=>({color:"inherit",
|
|
1
|
+
"use strict";exports.flowInputBase={defaultProps:{},styleOverrides:{root:({theme:t})=>({color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"&.Mui-focused":{color:t.palette.text.primary}}),input:{height:"auto"},inputMultiline:({theme:t})=>({"&::-webkit-scrollbar":{width:"4px"},"&::-webkit-scrollbar-thumb":{borderRadius:"100px",background:t.palette.onSurface.os200,width:"4px",height:"50%"}})}};
|
|
2
2
|
//# sourceMappingURL=inputBase.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputBase.theme.js","sources":["../../../../../../src/design/skoda/components/form/inputBase.theme.ts"],"sourcesContent":["export const flowInputBase = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n
|
|
1
|
+
{"version":3,"file":"inputBase.theme.js","sources":["../../../../../../src/design/skoda/components/form/inputBase.theme.ts"],"sourcesContent":["export const flowInputBase = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '&.Mui-focused': {\n color: theme.palette.text.primary,\n },\n }),\n input: {\n height: 'auto',\n },\n inputMultiline: ({ theme }) => ({\n '&::-webkit-scrollbar': {\n width: '4px',\n },\n '&::-webkit-scrollbar-thumb': {\n borderRadius: '100px',\n background: theme.palette.onSurface.os200,\n width: '4px',\n height: '50%',\n },\n }),\n },\n};\n//# sourceMappingURL=inputBase.theme.js.map"],"names":["defaultProps","styleOverrides","root","theme","color","breakpoints","up","fontSize","lineHeight","fontWeight","palette","text","primary","input","height","inputMultiline","width","borderRadius","background","onSurface","os200"],"mappings":"mCAA6B,CACzBA,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,MAAO,UACP,CAACD,EAAME,YAAYC,GAAG,OAAQ,CAC1BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,gBAAiB,CACbL,MAAOD,EAAMO,QAAQC,KAAKC,WAGlCC,MAAO,CACHC,OAAQ,QAEZC,eAAgB,EAAGZ,YAAa,CAC5B,uBAAwB,CACpBa,MAAO,OAEX,6BAA8B,CAC1BC,aAAc,QACdC,WAAYf,EAAMO,QAAQS,UAAUC,MACpCJ,MAAO,MACPF,OAAQ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.flowInputLabel={defaultProps:{},styleOverrides:{root:()=>({color:"inherit",fontSize:"16px",lineHeight:"24px","&.Mui-disabled.Mui-error":{opacity:.3}}),filled:{transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(52px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(52px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(52px, 7px) scale(0.75)"}}},outlined:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(54px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(54px, 8px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}},standard:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(40px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(40px, 17px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}}};
|
|
1
|
+
"use strict";exports.flowInputLabel={defaultProps:{},styleOverrides:{root:({theme:a})=>({color:"inherit",[a.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"&.Mui-disabled.Mui-error":{opacity:.3}}),filled:{transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(52px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(52px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(52px, 7px) scale(0.75)"}}},outlined:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(54px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(54px, 8px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}},standard:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(40px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(40px, 17px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}}};
|
|
2
2
|
//# sourceMappingURL=inputLabel.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputLabel.theme.js","sources":["../../../../../../src/design/skoda/components/form/inputLabel.theme.ts"],"sourcesContent":["export const flowInputLabel = {\n defaultProps: {},\n styleOverrides: {\n root: () => ({\n color: 'inherit',\n fontSize: '16px',\n
|
|
1
|
+
{"version":3,"file":"inputLabel.theme.js","sources":["../../../../../../src/design/skoda/components/form/inputLabel.theme.ts"],"sourcesContent":["export const flowInputLabel = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '&.Mui-disabled.Mui-error': {\n opacity: 0.3,\n },\n }),\n filled: {\n transform: 'translate(12px, 18px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(12px, 13px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n },\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(52px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(52px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(52px, 7px) scale(0.75)',\n },\n },\n },\n outlined: {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(54px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(54px, 8px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(14px, -9px) scale(0.75);',\n },\n },\n },\n standard: {\n '&:has(+ .MuiInputBase-adornedStart)': {\n transform: 'translate(40px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(40px, 17px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n },\n },\n};\n//# sourceMappingURL=inputLabel.theme.js.map"],"names":["defaultProps","styleOverrides","root","theme","color","breakpoints","up","fontSize","lineHeight","fontWeight","opacity","filled","transform","outlined","standard"],"mappings":"oCAA8B,CAC1BA,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,MAAO,UACP,CAACD,EAAME,YAAYC,GAAG,OAAQ,CAC1BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,2BAA4B,CACxBC,QAAS,MAGjBC,OAAQ,CACJC,UAAW,iCACX,yBAA0B,CACtBA,UAAW,oCAEf,4BAA6B,CACzBA,UAAW,iCACX,yBAA0B,CACtBA,UAAW,qCAGnB,uEAAwE,CACpEA,UAAW,iCACX,4BAA6B,CACzBA,UAAW,mCAEf,yBAA0B,CACtBA,UAAW,sCAIvBC,SAAU,CACN,uEAAwE,CACpED,UAAW,kCACX,4BAA6B,CACzBA,UAAW,kCAEf,yBAA0B,CACtBA,UAAW,wCAIvBE,SAAU,CACN,sCAAuC,CACnCF,UAAW,kCACX,4BAA6B,CACzBA,UAAW,mCAEf,yBAA0B,CACtBA,UAAW"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { Components } from '@mui/material/styles';
|
|
2
|
-
|
|
2
|
+
import { BreakpointsOptions, Theme } from '@mui/material';
|
|
3
|
+
export declare const getFlowModal: (breakpointsOptions: BreakpointsOptions, rtl: boolean, containerQueries: boolean) => Components<Theme>['MuiModal'];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("../paletteLight.theme.js"),t=require("./baseline.theme.js");exports.getFlowModal=(r,o,i)=>({defaultProps:{},styleOverrides:{root:({theme:a})=>[t.getFlowCssBaselineRoot(!0,r,o,i,a),{display:"flex",alignItems:"center",justifyContent:"center","& .modal-container":{borderRadius:"8px",position:"relative",overflow:"hidden",background:e.paletteLight.background.primary,margin:"32px 24px",width:"100%",boxShadow:"0px 24px 64px rgba(0, 0, 0, 0.15)","& > button":{padding:"4px",top:"14px",right:"18px",position:"absolute",background:"transparent",border:"0px",cursor:"pointer","& > .ballotx":{fontSize:"26px",display:"inline"}}}}]}});
|
|
2
2
|
//# sourceMappingURL=modal.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.theme.js","sources":["../../../../../src/design/skoda/components/modal.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../paletteLight.theme';\nexport const
|
|
1
|
+
{"version":3,"file":"modal.theme.js","sources":["../../../../../src/design/skoda/components/modal.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../paletteLight.theme';\nimport { getFlowCssBaselineRoot } from '../components/baseline.theme';\nexport const getFlowModal = (breakpointsOptions, rtl, containerQueries) => ({\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => [\n getFlowCssBaselineRoot(true, breakpointsOptions, rtl, containerQueries, theme),\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n '& .modal-container': {\n borderRadius: '8px',\n position: 'relative',\n overflow: 'hidden',\n background: flowColors.background.primary,\n margin: '32px 24px',\n width: '100%',\n boxShadow: '0px 24px 64px rgba(0, 0, 0, 0.15)',\n '& > button': {\n padding: '4px',\n top: '14px',\n right: '18px',\n position: 'absolute',\n background: 'transparent',\n border: '0px',\n cursor: 'pointer',\n '& > .ballotx': {\n fontSize: '26px',\n display: 'inline',\n },\n },\n },\n },\n ],\n },\n});\n//# sourceMappingURL=modal.theme.js.map"],"names":["breakpointsOptions","rtl","containerQueries","defaultProps","styleOverrides","root","theme","getFlowCssBaselineRoot","display","alignItems","justifyContent","borderRadius","position","overflow","background","flowColors","primary","margin","width","boxShadow","padding","top","right","border","cursor","fontSize"],"mappings":"6GAE4B,CAACA,EAAoBC,EAAKC,KAAsB,CACxEC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,EAAGC,WAAY,CACjBC,EAAAA,wBAAuB,EAAMP,EAAoBC,EAAKC,EAAkBI,GACxE,CACIE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB,qBAAsB,CAClBC,aAAc,MACdC,SAAU,WACVC,SAAU,SACVC,WAAYC,EAAAA,aAAWD,WAAWE,QAClCC,OAAQ,YACRC,MAAO,OACPC,UAAW,oCACX,aAAc,CACVC,QAAS,MACTC,IAAK,OACLC,MAAO,OACPV,SAAU,WACVE,WAAY,cACZS,OAAQ,MACRC,OAAQ,UACR,eAAgB,CACZC,SAAU,OACVjB,QAAS"}
|