npm - @skodaflow/web-library - Versions diffs - 8.2.0 → 8.3.1 - Mend

@skodaflow/web-library 8.2.0 → 8.3.1

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

Files changed (285) hide show

package/materialui/textfield/inputLabel.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputLabel.theme.js","sources":["../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // remove pointer events to prevent blur and focus formControl\n pointerEvents: 'none',\n transition: 'inherit',\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n ...(ownerState['data-variant'] === 'static' && {\n ...theme.typography.caption1,\n position: 'static',\n '&, &&.MuiInputLabel-shrink': {\n transform: 'none',\n },\n userSelect: 'text',\n cursor: 'auto',\n pointerEvents: 'auto',\n transition: 'none',\n padding: '0 8px 4px',\n // overwrite higher priority style from formLabel\n '&:not(.Mui-disabled):not(.Mui-error)': {\n color: theme.palette.text.primary,\n },\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(44px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(44px, 7px) scale(0.75)',\n },\n },\n },\n outlined: {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 9px) 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(32px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(32px, 18px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n },\n },\n};\n"],"names":["flowInputLabel","defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","standard"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,~~OAAQ~~,~~CACNP~~,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,~~qCAGf~~,uEAAwE,~~CACtEA~~,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,~~sCAIjBQ~~,~~SAAU~~,~~CACR~~,uEAAwE,~~CACtER~~,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,~~wCAIjBS~~,SAAU,~~CACR~~,sCAAuC,~~CACrCT~~,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}
1	+ {"version":3,"file":"inputLabel.theme.js","sources":["../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // remove pointer events to prevent blur and focus formControl\n pointerEvents: 'none',\n transition: 'inherit',\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n ...(ownerState['data-variant'] === 'static' && {\n ...theme.typography.caption1,\n position: 'static',\n '&, &&.MuiInputLabel-shrink': {\n transform: 'none',\n },\n userSelect: 'text',\n cursor: 'auto',\n pointerEvents: 'auto',\n transition: 'none',\n padding: '0 8px 4px',\n // overwrite higher priority style from formLabel\n '&:not(.Mui-disabled):not(.Mui-error)': {\n color: theme.palette.text.primary,\n },\n }),\n }),\n filled: (ownerState) => ({\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 ...(ownerState['data-variant'] !== 'static' && {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(44px, 7px) scale(0.75)',\n },\n },\n }),\n }),\n outlined: (ownerState) => ({\n ...(ownerState['data-variant'] === 'static'\n ? {\n // do not show 'border space' created by legend where normally labels go in\n '& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend': {\n width: '0',\n },\n }\n : {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 9px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(14px, -9px) scale(0.75);',\n },\n },\n }),\n }),\n standard: ({ ownerState }) => ({\n ...(ownerState['data-variant'] === 'static'\n ? {\n padding: '0',\n '& + .MuiInputBase-root': {\n marginTop: '0',\n },\n }\n : {\n '&:has(+ .MuiInputBase-adornedStart)': {\n transform: 'translate(32px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(32px, 18px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n }),\n }),\n },\n};\n"],"names":["flowInputLabel","defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","width","standard","marginTop"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,OAASnB,IAAU,CACjBY,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,wCAGoB,WAA/BZ,EAAW,iBAAgC,CAC7C,uEAAwE,CACtEY,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,wCAKnBQ,SAAWpB,IAAU,IACgB,WAA/BA,EAAW,gBACX,CAEE,qEAAsE,CACpEqB,MAAO,MAGX,CACE,uEAAwE,CACtET,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,0CAKvBU,SAAU,EAAGtB,iBAAY,IACY,WAA/BA,EAAW,gBACX,CACEe,QAAS,IACT,yBAA0B,CACxBQ,UAAW,MAGf,CACE,sCAAuC,CACrCX,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}

package/materialui/theme/paletteDark.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"@skodaflow/web-tokens/src/tokens.json";import{paletteLight as o}from"./paletteLight.theme.js";const e=r["flow-colors"],a={...o,mode:"dark",text:{...o.text,primary:e["on-surface0"],secondary:e["on-surface200"]},background:{...o.background,primary:e["on-surface900"],paper:e["on-surface900"]},surface:{...o.surface,primary:"#232425",secondary:e["on-surface600"]},divider:e["on-surface600"]};a.transparent.toString=()=>"transparent";export{a as paletteDark};
+import r from"@skodaflow/web-tokens/src/tokens.json";import{paletteLight as o}from"./paletteLight.theme.js";const e=r["flow-colors"],a={...o,mode:"dark",text:{...o.text,primary:e["on-surface0"],secondary:e["on-surface200"]},background:{...o.background,primary:e["on-surface900"],paper:e["on-surface900"]},surface:{...o.surface,primary:"#232425",secondary:e["on-surface600"]},divider:e["on-surface600"]};export{a as paletteDark};
 //# sourceMappingURL=paletteDark.theme.js.map

package/materialui/theme/paletteDark.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paletteDark.theme.js","sources":["../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-surface600'],\n },\n divider: tokenColors['on-surface600'],\n};\~~npaletteDark.transparent.toString = () => 'transparent';\~~n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"~~,"transparent","toString"~~],"mappings":"4GAIA,MAAMA,EAAcC,EAAO,eAEdC,EAA8B,IACtCC,EACHC,KAAM,OACNC,KAAM,IACDF,EAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY~~,kBAEvBE,EAAYU,YAAYC,SAAW,IAAM~~"}
1	+ {"version":3,"file":"paletteDark.theme.js","sources":["../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-surface600'],\n },\n divider: tokenColors['on-surface600'],\n};\n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"],"mappings":"4GAIA,MAAMA,EAAcC,EAAO,eAEdC,EAA8B,IACtCC,EACHC,KAAM,OACNC,KAAM,IACDF,EAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY"}

package/materialui/theme/theme.extensions.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { BoxProps, SvgIconProps, DialogProps, IconButtonProps, ChipProps } from '@mui/material';
 import { ComponentType, CSSProperties, ElementType } from 'react';
+import type { SpinnerProps } from '../../components/progress/Spinner';
 declare module '@mui/material/styles' {
     interface TypographyVariants {
         display: CSSProperties;
@@ -425,6 +426,15 @@ declare module '@mui/material/Card' {
          * @default false
          */
         disabled?: boolean;
+        /**
+         * Displays a loading spinner in place of the icon and blocks interactions
+         * @default false
+         */
+        loading?: boolean;
+        /**
+         * Properties applied to the loading Spinner component
+         */
+        loadingProps?: SpinnerProps;
     }
 }
 declare module '@mui/material/FormHelperText' {

package/materialui/themeProvider/baseline.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@skodaflow/web-tokens/src/tokens.json";import{generateTypography as o}from"../typography/typography.theme.js";import{fonts as r}from"./fonts.js";const n=(n,f,e,l)=>{const a={...n?{background:"unset",color:l.palette.text.primary,...o("body",f,e)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[n?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:l.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},fallbacks:Object.values(r).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontLightWoff2:r?.fontLightWoff2}') format('woff2'),\n                url('${e?r?.rtlFontLightWoff:r?.fontLightWoff}') format('woff'),\n                url('${e?r?.rtlFontLightTtf:r?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontRegularWoff2:r?.fontRegularWoff2}') format('woff2'),\n                url('${e?r?.rtlFontRegularWoff:r?.fontRegularWoff}') format('woff'),\n                url('${e?r?.rtlFontRegularTtf:r?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontBoldWoff2:r?.fontBoldWoff2}') format('woff2'),\n                url('${e?r?.rtlFontBoldWoff:r?.fontBoldWoff}') format('woff'),\n                url('${e?r?.rtlFontBoldTtf:r?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontBlackWoff2:r?.fontBlackWoff2}') format('woff2'),\n                url('${e?r?.rtlFontBlackWoff:r?.fontBlackWoff}') format('woff'),\n                url('${e?r?.rtlFontBlackTtf:r?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900"}}]:[]};return t["flow-typography"].forEach(t=>{const r=`${"list"===t.name.split("-")[1]?"typography-":""}${t.name.split("-")[1]}`;a[`${r}${n?':not([class^="Mui"])':""}, .${r}`]=o(r,f,e)}),a},f=(t,o)=>({styleOverrides:{root:({theme:r})=>n(!0,t,o,r)}}),e=(t,o)=>({styleOverrides:r=>n(!1,t,o,r)});export{e as getFlowCssBaseline,n as getFlowCssBaselineRoot,f as getFlowScopedCssBaseline};
+import t from"@skodaflow/web-tokens/src/tokens.json";import{generateTypography as o}from"../typography/typography.theme.js";import{fonts as r}from"./fonts.js";const n=(n,e,f,l)=>{const a={...n?{background:"unset",color:l.palette.text.primary,...o("body",e,f)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[n?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:l.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},code:{fontFamily:"monospace",fontSize:"12px",fontWeight:"400",lineHeight:"18px",whiteSpace:"pre"},blockquote:{margin:0,paddingLeft:l.spacing(2),borderLeft:`4px solid ${l.palette.brand.secondary}`},fallbacks:Object.values(r).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r?.rtlFontLightWoff2:r?.fontLightWoff2}') format('woff2'),\n                url('${f?r?.rtlFontLightWoff:r?.fontLightWoff}') format('woff'),\n                url('${f?r?.rtlFontLightTtf:r?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r?.rtlFontRegularWoff2:r?.fontRegularWoff2}') format('woff2'),\n                url('${f?r?.rtlFontRegularWoff:r?.fontRegularWoff}') format('woff'),\n                url('${f?r?.rtlFontRegularTtf:r?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r?.rtlFontBoldWoff2:r?.fontBoldWoff2}') format('woff2'),\n                url('${f?r?.rtlFontBoldWoff:r?.fontBoldWoff}') format('woff'),\n                url('${f?r?.rtlFontBoldTtf:r?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r?.rtlFontBlackWoff2:r?.fontBlackWoff2}') format('woff2'),\n                url('${f?r?.rtlFontBlackWoff:r?.fontBlackWoff}') format('woff'),\n                url('${f?r?.rtlFontBlackTtf:r?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900",fontDisplay:"swap"}}]:[]};return t["flow-typography"].forEach(t=>{const r=`${"list"===t.name.split("-")[1]?"typography-":""}${t.name.split("-")[1]}`;a[`${r}${n?':not([class^="Mui"])':""}, .${r}`]=o(r,e,f)}),a},e=(t,o)=>({styleOverrides:{root:({theme:r})=>n(!0,t,o,r)}}),f=(t,o)=>({styleOverrides:r=>n(!1,t,o,r)});export{f as getFlowCssBaseline,n as getFlowCssBaselineRoot,e as getFlowScopedCssBaseline};
 //# sourceMappingURL=baseline.theme.js.map

package/materialui/themeProvider/baseline.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n scoped: boolean,\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n theme: Theme,\n // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n const baseline: CSSObject = {\n ...(scoped\n ? {\n background: 'unset',\n color: theme.palette.text.primary,\n ...generateTypography('body', breakpointsOptions, rtl),\n }\n : {\n body: {\n background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: theme.palette.text.primary,\n },\n }),\n [scoped ? `&, ` : ``]: {\n // apply scrollbar-* properties only when webkit-scrollbar is not supported\n // otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n '@supports not selector(::-webkit-scrollbar)': {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os500,\n },\n '::-webkit-scrollbar': {\n border: '2px solid transparent',\n width: '8px',\n height: '8px',\n },\n '::-webkit-scrollbar-thumb': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.onSurface.os500,\n backgroundClip: 'content-box',\n },\n ':not(.notracks)::-webkit-scrollbar-track': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.surface.primary,\n backgroundClip: 'content-box',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n '::-webkit-scrollbar-corner': {\n backgroundColor: 'transparent',\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 },\n // provide fonts\n fallbacks: !Object.values(fonts).filter(Boolean).length\n ? []\n : [\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontLightTtf : fonts?.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 ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.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 ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.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 ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '900',\n },\n },\n ],\n };\n\n tokens['flow-typography'].forEach((t) => {\n const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n // apply style to plain html tags h1 and classes (.h1)\n // for ScopedCssBaseline we are applying to tags that outside mui in order\n // not to introduce css selector with too importance that does not allow overwrites\n // with direct sx styling\n const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n });\n\n return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n },\n});\n\nexport const getFlowCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","Object","values","fonts","filter","Boolean","length","~~fontFamily","~~src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","~~fontWeight~~","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"+JAKO,MAAMA,EAAyB,CACpCC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAsB,IACtBJ,EACA,CACEK,WAAY,QACZC,MAAOH,EAAMI,QAAQC,KAAKC,WACvBC,EAAmB,OAAQT,EAAoBC,IAEpD,CACES,KAAM,CACJN,WAAmC,SAAvBF,EAAMI,QAAQK,KAAkBT,EAAMI,QAAQM,UAAUC,MAAQX,EAAMI,QAAQQ,OAAOC,MACjGV,MAAOH,EAAMI,QAAQC,KAAKC,UAGlC,CAACT,EAAS,OAAS,KAAM,CAGvB,8CAA+C,CAC7CiB,eAAgB,OAChBC,eAAgBf,EAAMI,QAAQM,UAAUM,OAE1C,sBAAuB,CACrBC,OAAQ,wBACRC,MAAO,MACPC,OAAQ,OAEV,4BAA6B,CAC3BF,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQM,UAAUM,MACpCK,eAAgB,eAElB,2CAA4C,CAC1CJ,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQkB,QAAQhB,QAClCe,eAAgB,eAElB,6BAA8B,CAC5BE,QAAS,QAEX,6BAA8B,CAC5BC,gBAAiB,eAInB,iDAAkD,CAChD,uCAAwC,CACtC,0DAA2D,CACzDC,YAAa,WAMrBC,UAAYC,OAAOC,OAAOC,GAAOC,OAAOC,SAASC,OAE7C,CACE,CACE,aAAc,~~CACZC~~,WAAY,~~cAAalC~~,EAAM,OAAS,~~IACxCmC~~,IAAK,~~0BACInC~~,~~EAAM8B~~,GAAOM,~~kBAAoBN~~,GAAOO,~~2DACxCrC~~,~~EAAM8B,~~GAAOQ,~~iBAAmBR~~,GAAOS,~~yDACvCvC~~,~~EAAM8B,~~GAAOU,~~gBAAkBV,GAAOW,~~oDAE/CC,UAAW,~~SACXC~~,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,~~cAAalC~~,EAAM,OAAS,~~IACxCmC~~,IAAK,~~0BACInC~~,~~EAAM8B~~,GAAOc,~~oBAAsBd~~,GAAOe,~~6DAC1C7C~~,~~EAAM8B,~~GAAOgB,~~mBAAqBhB~~,GAAOiB,~~2DACzC/C~~,~~EAAM8B,~~GAAOkB,~~kBAAoBlB,GAAOmB,~~sDAEjDP,UAAW,~~SACXC~~,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,~~cAAalC~~,EAAM,OAAS,~~IACxCmC~~,IAAK,~~0BACInC~~,~~EAAM8B~~,GAAOoB,~~iBAAmBpB~~,GAAOqB,~~0DACvCnD~~,~~EAAM8B,~~GAAOsB,~~gBAAkBtB~~,GAAOuB,~~wDACtCrD~~,~~EAAM8B,~~GAAOwB,~~eAAiBxB,GAAOyB,~~mDAE9Cb,UAAW,~~SACXC~~,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,~~cAAalC~~,EAAM,OAAS,~~IACxCmC~~,IAAK,~~0BACInC~~,~~EAAM8B~~,GAAO0B,~~kBAAoB1B~~,GAAO2B,~~2DACxCzD~~,~~EAAM8B,~~GAAO4B,~~iBAAmB5B~~,GAAO6B,~~yDACvC3D~~,~~EAAM8B,~~GAAO8B,~~gBAAkB9B,GAAO+B,~~oDAE/CnB,UAAW,~~SACXC~~,WAAY,~~SA/ClB~~,~~IA+DN~~,OAVAmB,EAAO,mBAAmBC,QAASC,IACjC,MAAMC,EAAK,GAA4B,SAAzBD,EAAEE,KAAKC,MAAM,KAAK,GAAgB,cAAgB,KAAKH,EAAEE,KAAKC,MAAM,KAAK,~~KAMvFjE~~,EADY,~~GAAG+D~~,~~IAAKnE~~,EAAS,uBAAyB,~~QAAQmE~~,~~KAC9CzD~~,~~EAAmByD~~,~~EAAIlE~~,EAAoBC,KAGtDE,~~GAGIkE~~,EAA2B,~~CACtCrE~~,EACAC,KAAY,~~CAEZqE~~,eAAgB,CACdC,KAAM,~~EAAGrE~~,WAAYJ,GAAuB,EAAME,EAAoBC,EAAKC,~~MAIlEsE~~,EAAqB,~~CAChCxE~~,EACAC,KAAY,~~CAEZqE~~,~~eAAiBpE~~,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAKC"}
1	+ {"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n scoped: boolean,\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n theme: Theme,\n // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n const baseline: CSSObject = {\n ...(scoped\n ? {\n background: 'unset',\n color: theme.palette.text.primary,\n ...generateTypography('body', breakpointsOptions, rtl),\n }\n : {\n body: {\n background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: theme.palette.text.primary,\n },\n }),\n [scoped ? `&, ` : ``]: {\n // apply scrollbar-* properties only when webkit-scrollbar is not supported\n // otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n '@supports not selector(::-webkit-scrollbar)': {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os500,\n },\n '::-webkit-scrollbar': {\n border: '2px solid transparent',\n width: '8px',\n height: '8px',\n },\n '::-webkit-scrollbar-thumb': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.onSurface.os500,\n backgroundClip: 'content-box',\n },\n ':not(.notracks)::-webkit-scrollbar-track': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.surface.primary,\n backgroundClip: 'content-box',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n '::-webkit-scrollbar-corner': {\n backgroundColor: 'transparent',\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 },\n // monospace baseline for inline and block code, not a component, just a global style like the scrollbar above\n code: {\n fontFamily: 'monospace',\n fontSize: '12px',\n fontWeight: '400',\n lineHeight: '18px',\n whiteSpace: 'pre',\n },\n blockquote: {\n margin: 0,\n paddingLeft: theme.spacing(2),\n borderLeft: `4px solid ${theme.palette.brand.secondary}`,\n },\n // provide fonts\n fallbacks: !Object.values(fonts).filter(Boolean).length\n ? []\n : [\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '300',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '400',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '700',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '900',\n fontDisplay: 'swap',\n },\n },\n ],\n };\n\n tokens['flow-typography'].forEach((t) => {\n const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n // apply style to plain html tags h1 and classes (.h1)\n // for ScopedCssBaseline we are applying to tags that outside mui in order\n // not to introduce css selector with too importance that does not allow overwrites\n // with direct sx styling\n const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n });\n\n return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n },\n});\n\nexport const getFlowCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","code","fontFamily","fontSize","fontWeight","lineHeight","whiteSpace","blockquote","margin","paddingLeft","spacing","borderLeft","brand","secondary","fallbacks","Object","values","fonts","filter","Boolean","length","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontDisplay","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"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"}

package/materialui/typography/typography.theme.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
 import { CSSProperties } from 'react';
 import { BreakpointsOptions } from '@mui/system';
 export type TypographySize = 'small' | 'medium' | 'large';
+/**
+ * Obtain fontFamily for SKODA Next font with fallbacks
+ */
+export declare const getFontFamily: (rtl: boolean) => string;
 /**
  * Obtain style for element for the certain size
  */

package/materialui/typography/typography.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const o=(t,o,n)=>{const i=n??"small",s=e["flow-typography"].find(e=>e.name===`${i}-${t}`);return s?{...s.style,...o?{fontFamily:"SKODA Next R2L"}:{}}:null},n=(e,n,i)=>{const s=t(n);return{...o(e,i,"small"),[s.up("md")]:{...o(e,i,"medium")},[s.up("xl")]:{...o(e,i,"large")}}},i=(t,e)=>{const o=n("body",t,e);return{fontFamily:["SKODA Next"+(e?" R2L":""),"sans-serif","Arial"].join(","),body:o,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(o=>[o,n(o,t,e)])),body1:o,body2:o,h5:n("subheadline",t,e),h6:n("caption1",t,e),caption:n("caption2",t,e),overline:n("caption1",t,e),button:{fontFamily:e?"SKODA Next R2L":"SKODA Next",letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};export{n as generateTypography,o as getTypography,i as getTypographyOptions};
+import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const o=t=>["SKODA Next"+(t?" R2L":""),"Helvetica","Arial","system-ui","sans-serif"].join(","),i=(t,i,n)=>{const s=e["flow-typography"].find(e=>e.name===`${n??"small"}-${t}`);return s?{...s.style,fontFamily:o(i)}:null},n=(e,o,n)=>{const s=t(o);return{...i(e,n,"small"),[s.up("md")]:{...i(e,n,"medium")},[s.up("xl")]:{...i(e,n,"large")}}},s=(t,e)=>{const i=n("body",t,e);return{fontFamily:o(e),body:i,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(o=>[o,n(o,t,e)])),body1:i,body2:i,h5:n("subheadline",t,e),h6:n("caption1",t,e),caption:n("caption2",t,e),overline:n("caption1",t,e),button:{fontFamily:o(e),letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};export{n as generateTypography,o as getFontFamily,i as getTypography,s as getTypographyOptions};
 //# sourceMappingURL=typography.theme.js.map

package/materialui/typography/typography.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const ~~screen = size ?? 'small';\n const~~ typo = tokens['flow-typography'].find((el) => el.name === `${~~screen~~}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n // ~~replace font for rtl variant\n ...~~(rtl~~\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}~~),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: ~~[`SKODA Next${~~rtl ~~? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','~~),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: rtl ~~? 'SKODA Next R2L' : 'SKODA Next'~~,\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["~~getTypography~~","~~element~~","~~rtl~~","~~size~~","~~screen~~","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","getTypographyOptions","bodyTypo","~~join","~~body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGASO,MAAMA,EAAgB,CAACC,~~EAAiBC~~,~~EAAcC~~,KAC3D,MAAMC,~~EAASD,GAAQ,QACjBE,~~EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,~~KAAUH~~,~~KAC7E~~,~~OAAII~~,EACK,IACFA,EAAY,~~SAEXH~~,~~EACA~~,~~CACEQ~~,~~WAAY~~,~~kBAEd~~,~~IAEI,MAMDC,~~EAAqB,~~CAACV~~,~~EAAiBW~~,~~EAAwCV~~,KAC1F,~~MAAMW~~,EAAcC,EAAkBF,GAEtC,MAAO,~~IACFZ~~,EAAcC,~~EAASC~~,EAAK,SAC/B,~~CAACW~~,EAAYE,GAAG,OAAQ,~~IACnBf~~,EAAcC,~~EAASC~~,EAAK,WAEjC,~~CAACW~~,EAAYE,GAAG,OAAQ,~~IACnBf~~,EAAcC,~~EAASC~~,EAAK,~~YAQxBc~~,EAAuB,CAACJ,~~EAAwCV~~,KAC3E,~~MAAMe~~,EAAWN,EAAmB,OAAQC,~~EAAoBV~~,GAEhE,MAAO,~~CACLQ~~,~~WAAY~~,~~CAAC~~,~~cAAaR~~,~~EAAM~~,~~OAAS~~,~~IAAM,aAAc,SAASgB,KAAK,KAC3EC,KAAMF,KACHG,~~OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,~~IAAKrB~~,GAAY,CAACA,~~EAASU~~,~~EAAmBV~~,~~EAASW~~,~~EAAoBV~~,MAG/~~EqB~~,MAAON,EACPO,~~MAAOP~~,~~EACPQ,GAAId,~~EAAmB,cAAeC,~~EAAoBV~~,~~GAC1DwB~~,~~GAAIf~~,EAAmB,WAAYC,~~EAAoBV~~,~~GACvDyB~~,~~QAAShB~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAC5D0B~~,~~SAAUjB~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAE7D2B~~,OAAQ,~~CACNnB~~,~~WAAYR~~,~~EAAM~~,~~iBAAmB~~,~~aACrC4B,~~cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}
1	+ {"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain fontFamily for SKODA Next font with fallbacks\n /\nexport const getFontFamily = (rtl: boolean) => {\n return [`SKODA Next${rtl ? ' R2L' : ''}`, 'Helvetica', 'Arial', 'system-ui', 'sans-serif'].join(',');\n};\n\n/\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size ?? 'small'}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n fontFamily: getFontFamily(rtl),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: getFontFamily(rtl),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: getFontFamily(rtl),\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getFontFamily","rtl","join","getTypography","element","size","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","getTypographyOptions","bodyTypo","body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGASO,MAAMA,EAAiBC,GACrB,CAAC,cAAaA,EAAM,OAAS,IAAM,YAAa,QAAS,YAAa,cAAcC,KAAK,KAMrFC,EAAgB,CAACC,EAAiBH,EAAcI,KAC3D,MAAMC,EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,GAAQ,WAAWD,KACtF,OAAIE,EACK,IACFA,EAAY,MACfK,WAAYX,EAAcC,IAElB,MAMDW,EAAqB,CAACR,EAAiBS,EAAwCZ,KAC1F,MAAMa,EAAcC,EAAkBF,GAEtC,MAAO,IACFV,EAAcC,EAASH,EAAK,SAC/B,CAACa,EAAYE,GAAG,OAAQ,IACnBb,EAAcC,EAASH,EAAK,WAEjC,CAACa,EAAYE,GAAG,OAAQ,IACnBb,EAAcC,EAASH,EAAK,YAQxBgB,EAAuB,CAACJ,EAAwCZ,KAC3E,MAAMiB,EAAWN,EAAmB,OAAQC,EAAoBZ,GAEhE,MAAO,CACLU,WAAYX,EAAcC,GAC1BkB,KAAMD,KACHE,OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKlB,GAAY,CAACA,EAASQ,EAAmBR,EAASS,EAAoBZ,MAG/EsB,MAAOL,EACPM,MAAON,EACPO,GAAIb,EAAmB,cAAeC,EAAoBZ,GAC1DyB,GAAId,EAAmB,WAAYC,EAAoBZ,GACvD0B,QAASf,EAAmB,WAAYC,EAAoBZ,GAC5D2B,SAAUhB,EAAmB,WAAYC,EAAoBZ,GAE7D4B,OAAQ,CACNlB,WAAYX,EAAcC,GAC1B6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"8.2.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"7.3.10 \|\| ^9.0.0","@mui/system":"^7.3.10 \|\| ^9.0.0","@mui/x-date-pickers":"^9.0.0","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.3"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"8.3.1","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"^7.3.10 \|\| ^9.0.0","@mui/system":"^7.3.10 \|\| ^9.0.0","@mui/x-date-pickers":"^9.0.0","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.3"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.4.0","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}