@skodaflow/web-library 8.3.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 (183) hide show
  1. package/cjs/components/advancedTable/agGrid.d.ts +15 -0
  2. package/cjs/components/advancedTable/agGrid.js +1 -1
  3. package/cjs/components/advancedTable/agGrid.js.map +1 -1
  4. package/cjs/components/advancedTable/agGridIcons.d.ts +8 -2
  5. package/cjs/components/advancedTable/agGridIcons.js +1 -1
  6. package/cjs/components/advancedTable/agGridIcons.js.map +1 -1
  7. package/cjs/components/bottomSheet/BottomSheet.d.ts +3 -0
  8. package/cjs/components/bottomSheet/BottomSheet.js.map +1 -1
  9. package/cjs/components/carousel/Autoplay.d.ts +4 -4
  10. package/cjs/components/carousel/Navigation.d.ts +2 -2
  11. package/cjs/components/carousel/Navigation.js +1 -1
  12. package/cjs/components/carousel/Navigation.js.map +1 -1
  13. package/cjs/components/code/Code.d.ts +8 -0
  14. package/cjs/components/code/Code.js +2 -0
  15. package/cjs/components/code/Code.js.map +1 -0
  16. package/cjs/components/code/index.d.ts +1 -0
  17. package/cjs/components/errorContent/ErrorContent.js +1 -1
  18. package/cjs/components/errorContent/ErrorContent.js.map +1 -1
  19. package/cjs/components/footer/FooterIconButton.d.ts +1 -1
  20. package/cjs/components/footer/FooterIconButton.js.map +1 -1
  21. package/cjs/components/footer/FooterMenu.js +1 -1
  22. package/cjs/components/footer/FooterMenu.js.map +1 -1
  23. package/cjs/components/footer/FooterMenuCollapse.d.ts +25 -0
  24. package/cjs/components/footer/FooterMenuCollapse.js +2 -0
  25. package/cjs/components/footer/FooterMenuCollapse.js.map +1 -0
  26. package/cjs/components/header/Header.js +1 -1
  27. package/cjs/components/header/Header.js.map +1 -1
  28. package/cjs/components/header/HeaderLogo.d.ts +1 -1
  29. package/cjs/components/header/HeaderNavigationHero.d.ts +1 -1
  30. package/cjs/components/header/HeaderNavigationHero.js.map +1 -1
  31. package/cjs/components/header/HeaderNavigationLink.js +1 -1
  32. package/cjs/components/header/HeaderNavigationLink.js.map +1 -1
  33. package/cjs/components/index.d.ts +1 -0
  34. package/cjs/components/label/Label.js +1 -1
  35. package/cjs/components/label/Label.js.map +1 -1
  36. package/cjs/components/notification/NotificationCenterHeaderButton.d.ts +1 -1
  37. package/cjs/components/playPauseButton/PlayPauseButton.d.ts +1 -1
  38. package/cjs/components/promptBar/PromptAttachments.js +1 -1
  39. package/cjs/components/promptBar/PromptAttachments.js.map +1 -1
  40. package/cjs/components/promptBar/PromptSubmitIconButton.d.ts +1 -1
  41. package/cjs/components/promptBar/PromptSubmitIconButton.js +1 -1
  42. package/cjs/components/promptBar/PromptSubmitIconButton.js.map +1 -1
  43. package/cjs/components/quickLink/QuickLink.js +1 -1
  44. package/cjs/components/quickLink/QuickLink.js.map +1 -1
  45. package/cjs/components/search/Search.js +1 -1
  46. package/cjs/components/search/Search.js.map +1 -1
  47. package/cjs/components/skodaThemeProvider/SkodaThemeProvider.js +1 -1
  48. package/cjs/components/skodaThemeProvider/SkodaThemeProvider.js.map +1 -1
  49. package/cjs/components/skodaThemeProvider/plugins/stylisContainerPlugin.d.ts +1 -2
  50. package/cjs/components/skodaThemeProvider/plugins/stylisContainerPlugin.js +1 -1
  51. package/cjs/components/skodaThemeProvider/plugins/stylisContainerPlugin.js.map +1 -1
  52. package/cjs/components/textAndCta/AppStoreButton.js +1 -1
  53. package/cjs/components/textAndCta/AppStoreButton.js.map +1 -1
  54. package/cjs/components/textAndCta/TextAndCta.d.ts +1 -1
  55. package/cjs/components/tooltipHeader/TooltipHeader.d.ts +2 -1
  56. package/cjs/components/upload/Upload.d.ts +1 -1
  57. package/cjs/components/upload/components/uploadList/UploadListItem.d.ts +1 -1
  58. package/cjs/components/upload/components/uploadPreview/UploadPreviewImage.d.ts +1 -1
  59. package/cjs/components/upload/components/uploadWrapper/UploadContent.d.ts +2 -2
  60. package/cjs/components/upload/components/uploadWrapper/UploadWrapper.d.ts +1 -1
  61. package/cjs/index.js +1 -1
  62. package/cjs/materialui/badge/badge.theme.js +1 -1
  63. package/cjs/materialui/badge/badge.theme.js.map +1 -1
  64. package/cjs/materialui/button/buttonBase.theme.js +1 -1
  65. package/cjs/materialui/button/buttonBase.theme.js.map +1 -1
  66. package/cjs/materialui/dialog/DialogTitle.js +1 -1
  67. package/cjs/materialui/dialog/DialogTitle.js.map +1 -1
  68. package/cjs/materialui/slider/SliderValues.d.ts +5 -0
  69. package/cjs/materialui/slider/SliderValues.js +1 -1
  70. package/cjs/materialui/slider/SliderValues.js.map +1 -1
  71. package/cjs/materialui/stepper/StepLabelIcon.d.ts +1 -1
  72. package/cjs/materialui/stepper/StepLabelIcon.js +1 -1
  73. package/cjs/materialui/stepper/StepLabelIcon.js.map +1 -1
  74. package/cjs/materialui/table/stories/actions.d.ts +1 -1
  75. package/cjs/materialui/table/stories/basic.d.ts +1 -1
  76. package/cjs/materialui/table/stories/interactive.d.ts +1 -1
  77. package/cjs/materialui/table/stories/pagination.d.ts +3 -3
  78. package/cjs/materialui/table/stories/scrollbar.d.ts +1 -1
  79. package/cjs/materialui/table/stories/selectSort.d.ts +1 -1
  80. package/cjs/materialui/table/stories/small.d.ts +1 -1
  81. package/cjs/materialui/table/tablePagination.theme.js +1 -1
  82. package/cjs/materialui/table/tablePagination.theme.js.map +1 -1
  83. package/cjs/materialui/tabs/TabPanel.d.ts +2 -2
  84. package/cjs/materialui/tabs/TabsScrollButton.d.ts +1 -1
  85. package/cjs/materialui/tabs/tabs.theme.js +1 -1
  86. package/cjs/materialui/tabs/tabs.theme.js.map +1 -1
  87. package/cjs/materialui/textfield/inputBase.theme.js +1 -1
  88. package/cjs/materialui/textfield/inputBase.theme.js.map +1 -1
  89. package/cjs/materialui/theme/theme.extensions.d.ts +1 -1
  90. package/cjs/materialui/themeProvider/baseline.theme.js +1 -1
  91. package/cjs/materialui/themeProvider/baseline.theme.js.map +1 -1
  92. package/components/advancedTable/agGrid.d.ts +15 -0
  93. package/components/advancedTable/agGrid.js +1 -1
  94. package/components/advancedTable/agGrid.js.map +1 -1
  95. package/components/advancedTable/agGridIcons.d.ts +8 -2
  96. package/components/advancedTable/agGridIcons.js +1 -1
  97. package/components/advancedTable/agGridIcons.js.map +1 -1
  98. package/components/bottomSheet/BottomSheet.d.ts +3 -0
  99. package/components/bottomSheet/BottomSheet.js.map +1 -1
  100. package/components/carousel/Autoplay.d.ts +4 -4
  101. package/components/carousel/Navigation.d.ts +2 -2
  102. package/components/carousel/Navigation.js +1 -1
  103. package/components/carousel/Navigation.js.map +1 -1
  104. package/components/code/Code.d.ts +8 -0
  105. package/components/code/Code.js +2 -0
  106. package/components/code/Code.js.map +1 -0
  107. package/components/code/index.d.ts +1 -0
  108. package/components/errorContent/ErrorContent.js +1 -1
  109. package/components/errorContent/ErrorContent.js.map +1 -1
  110. package/components/footer/FooterIconButton.d.ts +1 -1
  111. package/components/footer/FooterIconButton.js.map +1 -1
  112. package/components/footer/FooterMenu.js +1 -1
  113. package/components/footer/FooterMenu.js.map +1 -1
  114. package/components/footer/FooterMenuCollapse.d.ts +25 -0
  115. package/components/footer/FooterMenuCollapse.js +2 -0
  116. package/components/footer/FooterMenuCollapse.js.map +1 -0
  117. package/components/header/Header.js +1 -1
  118. package/components/header/Header.js.map +1 -1
  119. package/components/header/HeaderLogo.d.ts +1 -1
  120. package/components/header/HeaderNavigationHero.d.ts +1 -1
  121. package/components/header/HeaderNavigationHero.js.map +1 -1
  122. package/components/header/HeaderNavigationLink.js +1 -1
  123. package/components/header/HeaderNavigationLink.js.map +1 -1
  124. package/components/index.d.ts +1 -0
  125. package/components/label/Label.js +1 -1
  126. package/components/label/Label.js.map +1 -1
  127. package/components/notification/NotificationCenterHeaderButton.d.ts +1 -1
  128. package/components/playPauseButton/PlayPauseButton.d.ts +1 -1
  129. package/components/promptBar/PromptAttachments.js +1 -1
  130. package/components/promptBar/PromptAttachments.js.map +1 -1
  131. package/components/promptBar/PromptSubmitIconButton.d.ts +1 -1
  132. package/components/promptBar/PromptSubmitIconButton.js +1 -1
  133. package/components/promptBar/PromptSubmitIconButton.js.map +1 -1
  134. package/components/quickLink/QuickLink.js +1 -1
  135. package/components/quickLink/QuickLink.js.map +1 -1
  136. package/components/search/Search.js +1 -1
  137. package/components/search/Search.js.map +1 -1
  138. package/components/skodaThemeProvider/SkodaThemeProvider.js +1 -1
  139. package/components/skodaThemeProvider/SkodaThemeProvider.js.map +1 -1
  140. package/components/skodaThemeProvider/plugins/stylisContainerPlugin.d.ts +1 -2
  141. package/components/skodaThemeProvider/plugins/stylisContainerPlugin.js +1 -1
  142. package/components/skodaThemeProvider/plugins/stylisContainerPlugin.js.map +1 -1
  143. package/components/textAndCta/AppStoreButton.js +1 -1
  144. package/components/textAndCta/AppStoreButton.js.map +1 -1
  145. package/components/textAndCta/TextAndCta.d.ts +1 -1
  146. package/components/tooltipHeader/TooltipHeader.d.ts +2 -1
  147. package/components/upload/Upload.d.ts +1 -1
  148. package/components/upload/components/uploadList/UploadListItem.d.ts +1 -1
  149. package/components/upload/components/uploadPreview/UploadPreviewImage.d.ts +1 -1
  150. package/components/upload/components/uploadWrapper/UploadContent.d.ts +2 -2
  151. package/components/upload/components/uploadWrapper/UploadWrapper.d.ts +1 -1
  152. package/index.js +1 -1
  153. package/materialui/badge/badge.theme.js +1 -1
  154. package/materialui/badge/badge.theme.js.map +1 -1
  155. package/materialui/button/buttonBase.theme.js +1 -1
  156. package/materialui/button/buttonBase.theme.js.map +1 -1
  157. package/materialui/dialog/DialogTitle.js +1 -1
  158. package/materialui/dialog/DialogTitle.js.map +1 -1
  159. package/materialui/slider/SliderValues.d.ts +5 -0
  160. package/materialui/slider/SliderValues.js +1 -1
  161. package/materialui/slider/SliderValues.js.map +1 -1
  162. package/materialui/stepper/StepLabelIcon.d.ts +1 -1
  163. package/materialui/stepper/StepLabelIcon.js +1 -1
  164. package/materialui/stepper/StepLabelIcon.js.map +1 -1
  165. package/materialui/table/stories/actions.d.ts +1 -1
  166. package/materialui/table/stories/basic.d.ts +1 -1
  167. package/materialui/table/stories/interactive.d.ts +1 -1
  168. package/materialui/table/stories/pagination.d.ts +3 -3
  169. package/materialui/table/stories/scrollbar.d.ts +1 -1
  170. package/materialui/table/stories/selectSort.d.ts +1 -1
  171. package/materialui/table/stories/small.d.ts +1 -1
  172. package/materialui/table/tablePagination.theme.js +1 -1
  173. package/materialui/table/tablePagination.theme.js.map +1 -1
  174. package/materialui/tabs/TabPanel.d.ts +2 -2
  175. package/materialui/tabs/TabsScrollButton.d.ts +1 -1
  176. package/materialui/tabs/tabs.theme.js +1 -1
  177. package/materialui/tabs/tabs.theme.js.map +1 -1
  178. package/materialui/textfield/inputBase.theme.js +1 -1
  179. package/materialui/textfield/inputBase.theme.js.map +1 -1
  180. package/materialui/theme/theme.extensions.d.ts +1 -1
  181. package/materialui/themeProvider/baseline.theme.js +1 -1
  182. package/materialui/themeProvider/baseline.theme.js.map +1 -1
  183. package/package.json +1 -1
@@ -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 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","fallbacks","Object","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","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":"+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,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOe,oBAAsBf,GAAOgB,6DAC1C9C,EAAM8B,GAAOiB,mBAAqBjB,GAAOkB,2DACzChD,EAAM8B,GAAOmB,kBAAoBnB,GAAOoB,sDAEjDR,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOqB,iBAAmBrB,GAAOsB,0DACvCpD,EAAM8B,GAAOuB,gBAAkBvB,GAAOwB,wDACtCtD,EAAM8B,GAAOyB,eAAiBzB,GAAO0B,mDAE9Cd,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAO2B,kBAAoB3B,GAAO4B,2DACxC1D,EAAM8B,GAAO6B,iBAAmB7B,GAAO8B,yDACvC5D,EAAM8B,GAAO+B,gBAAkB/B,GAAOgC,oDAE/CpB,UAAW,SACXC,WAAY,MACZC,YAAa,UAnDnB,IAmEN,OAVAmB,EAAO,mBAAmBC,QAASC,IACjC,MAAMC,EAAK,GAA4B,SAAzBD,EAAEE,KAAKC,MAAM,KAAK,GAAgB,cAAgB,KAAKH,EAAEE,KAAKC,MAAM,KAAK,KAMvFlE,EADY,GAAGgE,IAAKpE,EAAS,uBAAyB,QAAQoE,KAC9C1D,EAAmB0D,EAAInE,EAAoBC,KAGtDE,GAGImE,EAA2B,CACtCtE,EACAC,KAAY,CAEZsE,eAAgB,CACdC,KAAM,EAAGtE,WAAYJ,GAAuB,EAAME,EAAoBC,EAAKC,MAIlEuE,EAAqB,CAChCzE,EACAC,KAAY,CAEZsE,eAAiBrE,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/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@skodaflow/web-library","version":"8.3.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.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"}
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"}