@skodaflow/web-library 7.0.3 → 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.
Files changed (245) hide show
  1. package/cjs/components/alert/Alert.d.ts +3 -0
  2. package/cjs/components/alert/Alert.js +1 -1
  3. package/cjs/components/alert/Alert.js.map +1 -1
  4. package/cjs/components/banner/banner.js +1 -1
  5. package/cjs/components/banner/banner.js.map +1 -1
  6. package/cjs/components/box/box.component.d.ts +3 -0
  7. package/cjs/components/box/index.d.ts +1 -0
  8. package/cjs/components/controls/controls.js +1 -1
  9. package/cjs/components/controls/controls.js.map +1 -1
  10. package/cjs/components/icon/icon.js +1 -1
  11. package/cjs/components/icon/icon.js.map +1 -1
  12. package/cjs/components/index.d.ts +1 -0
  13. package/cjs/components/menu/menu.js +1 -1
  14. package/cjs/components/menu/menu.js.map +1 -1
  15. package/cjs/components/modal/modal.js +1 -1
  16. package/cjs/components/modal/modal.js.map +1 -1
  17. package/cjs/components/numbering/numbering.js +1 -1
  18. package/cjs/components/numbering/numbering.js.map +1 -1
  19. package/cjs/components/stepper/stepper.js +1 -1
  20. package/cjs/components/stepper/stepper.js.map +1 -1
  21. package/cjs/design/skoda/SkodaThemeProvider.d.ts +8 -2
  22. package/cjs/design/skoda/SkodaThemeProvider.js +1 -1
  23. package/cjs/design/skoda/SkodaThemeProvider.js.map +1 -1
  24. package/cjs/design/skoda/SkodaThemeWidgetProvider.d.ts +20 -1
  25. package/cjs/design/skoda/SkodaThemeWidgetProvider.js +1 -1
  26. package/cjs/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
  27. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  28. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  29. package/cjs/design/skoda/components/agGrid/agGrid.theme.js +1 -1
  30. package/cjs/design/skoda/components/agGrid/agGrid.theme.js.map +1 -1
  31. package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
  32. package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
  33. package/cjs/design/skoda/components/baseline.theme.d.ts +4 -3
  34. package/cjs/design/skoda/components/baseline.theme.js +1 -1
  35. package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
  36. package/cjs/design/skoda/components/breadcrumbs.theme.js +1 -1
  37. package/cjs/design/skoda/components/breadcrumbs.theme.js.map +1 -1
  38. package/cjs/design/skoda/components/button.theme.js +1 -1
  39. package/cjs/design/skoda/components/button.theme.js.map +1 -1
  40. package/cjs/design/skoda/components/dialog/dialogContentText.theme.d.ts +2 -0
  41. package/cjs/design/skoda/components/dialog/dialogContentText.theme.js +2 -0
  42. package/cjs/design/skoda/components/dialog/dialogContentText.theme.js.map +1 -0
  43. package/cjs/design/skoda/components/form/inputBase.theme.js +1 -1
  44. package/cjs/design/skoda/components/form/inputBase.theme.js.map +1 -1
  45. package/cjs/design/skoda/components/form/inputLabel.theme.js +1 -1
  46. package/cjs/design/skoda/components/form/inputLabel.theme.js.map +1 -1
  47. package/cjs/design/skoda/components/form/select.theme.js +1 -1
  48. package/cjs/design/skoda/components/form/select.theme.js.map +1 -1
  49. package/cjs/design/skoda/components/modal.theme.d.ts +2 -1
  50. package/cjs/design/skoda/components/modal.theme.js +1 -1
  51. package/cjs/design/skoda/components/modal.theme.js.map +1 -1
  52. package/cjs/design/skoda/components/popover.theme.js +1 -1
  53. package/cjs/design/skoda/components/popover.theme.js.map +1 -1
  54. package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
  55. package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  56. package/cjs/design/skoda/index.d.ts +1 -1
  57. package/cjs/design/skoda/theme.d.ts +5 -2
  58. package/cjs/design/skoda/theme.js +1 -1
  59. package/cjs/design/skoda/theme.js.map +1 -1
  60. package/cjs/design/skoda/theme.typography.d.ts +813 -3
  61. package/cjs/design/skoda/theme.typography.js +1 -1
  62. package/cjs/design/skoda/theme.typography.js.map +1 -1
  63. package/cjs/index.js +1 -1
  64. package/cjs/layout/Error/ErrorContent.js +1 -1
  65. package/cjs/layout/Error/ErrorContent.js.map +1 -1
  66. package/cjs/layout/Footer/FooterIconButton.d.ts +10 -4
  67. package/cjs/layout/Footer/FooterIconButton.js +1 -1
  68. package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
  69. package/cjs/layout/Footer/FooterMenu.d.ts +7 -3
  70. package/cjs/layout/Footer/FooterMenu.js +1 -1
  71. package/cjs/layout/Footer/FooterMenu.js.map +1 -1
  72. package/cjs/layout/Footer/FooterSectionContact.d.ts +9 -3
  73. package/cjs/layout/Footer/FooterSectionContact.js +1 -1
  74. package/cjs/layout/Footer/FooterSectionContact.js.map +1 -1
  75. package/cjs/layout/Footer/PredefinedFooterIconButtons.d.ts +2 -2
  76. package/cjs/layout/Footer/PredefinedFooterIconButtons.js +1 -1
  77. package/cjs/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
  78. package/cjs/layout/Footer/assets/FacebookIcon.d.ts +1 -0
  79. package/cjs/layout/Footer/assets/FacebookIcon.js +2 -0
  80. package/cjs/layout/Footer/assets/FacebookIcon.js.map +1 -0
  81. package/cjs/layout/Footer/assets/InstagramIcon.d.ts +1 -0
  82. package/cjs/layout/Footer/assets/InstagramIcon.js +2 -0
  83. package/cjs/layout/Footer/assets/InstagramIcon.js.map +1 -0
  84. package/cjs/layout/Footer/assets/TwitterIcon.d.ts +1 -0
  85. package/cjs/layout/Footer/assets/{twitter_icon.svg.js.map → TwitterIcon.js} +2 -1
  86. package/cjs/layout/Footer/assets/TwitterIcon.js.map +1 -0
  87. package/cjs/layout/Footer/assets/YoutubeIcon.d.ts +1 -0
  88. package/cjs/layout/Footer/assets/{youtube_icon.svg.js.map → YoutubeIcon.js} +2 -1
  89. package/cjs/layout/Footer/assets/YoutubeIcon.js.map +1 -0
  90. package/cjs/layout/Footer/assets/index.d.ts +4 -0
  91. package/cjs/layout/Header/HeaderButton.js +1 -1
  92. package/cjs/layout/Header/HeaderButton.js.map +1 -1
  93. package/cjs/layout/Header/HeaderNavigationHero.js +1 -1
  94. package/cjs/layout/Header/HeaderNavigationHero.js.map +1 -1
  95. package/cjs/layout/Header/HeaderNavigationLink.js +1 -1
  96. package/cjs/layout/Header/HeaderNavigationLink.js.map +1 -1
  97. package/cjs/layout/Header/HeaderNavigationMenu.js +1 -1
  98. package/cjs/layout/Header/HeaderNavigationMenu.js.map +1 -1
  99. package/cjs/layout/Header/HeaderOverheadItem.js +1 -1
  100. package/cjs/layout/Header/HeaderOverheadItem.js.map +1 -1
  101. package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js +1 -1
  102. package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
  103. package/cjs/layout/SideMenu/SideMenu.d.ts +3 -3
  104. package/cjs/layout/SideMenu/SideMenu.js +1 -1
  105. package/cjs/layout/SideMenu/SideMenu.js.map +1 -1
  106. package/cjs/organisms/carousel2/components/NavButton.js +1 -1
  107. package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
  108. package/cjs/organisms/gallery/Gallery.js +1 -1
  109. package/cjs/organisms/gallery/Gallery.js.map +1 -1
  110. package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
  111. package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
  112. package/cjs/organisms/notification/Notification.js +1 -1
  113. package/cjs/organisms/notification/Notification.js.map +1 -1
  114. package/cjs/utils/useFeatureFlag/useFeatureFlag.js +1 -1
  115. package/cjs/utils/useFeatureFlag/useFeatureFlag.js.map +1 -1
  116. package/components/alert/Alert.d.ts +3 -0
  117. package/components/alert/Alert.js +1 -1
  118. package/components/alert/Alert.js.map +1 -1
  119. package/components/banner/banner.js +1 -1
  120. package/components/banner/banner.js.map +1 -1
  121. package/components/box/box.component.d.ts +3 -0
  122. package/components/box/index.d.ts +1 -0
  123. package/components/controls/controls.js +1 -1
  124. package/components/controls/controls.js.map +1 -1
  125. package/components/icon/icon.js +1 -1
  126. package/components/icon/icon.js.map +1 -1
  127. package/components/index.d.ts +1 -0
  128. package/components/menu/menu.js +1 -1
  129. package/components/menu/menu.js.map +1 -1
  130. package/components/modal/modal.js +1 -1
  131. package/components/modal/modal.js.map +1 -1
  132. package/components/numbering/numbering.js +1 -1
  133. package/components/numbering/numbering.js.map +1 -1
  134. package/components/stepper/stepper.js +1 -1
  135. package/components/stepper/stepper.js.map +1 -1
  136. package/design/skoda/SkodaThemeProvider.d.ts +8 -2
  137. package/design/skoda/SkodaThemeProvider.js +1 -1
  138. package/design/skoda/SkodaThemeProvider.js.map +1 -1
  139. package/design/skoda/SkodaThemeWidgetProvider.d.ts +20 -1
  140. package/design/skoda/SkodaThemeWidgetProvider.js +1 -1
  141. package/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
  142. package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  143. package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  144. package/design/skoda/components/agGrid/agGrid.theme.js +1 -1
  145. package/design/skoda/components/agGrid/agGrid.theme.js.map +1 -1
  146. package/design/skoda/components/autocomplete.theme.js +1 -1
  147. package/design/skoda/components/autocomplete.theme.js.map +1 -1
  148. package/design/skoda/components/baseline.theme.d.ts +4 -3
  149. package/design/skoda/components/baseline.theme.js +1 -1
  150. package/design/skoda/components/baseline.theme.js.map +1 -1
  151. package/design/skoda/components/breadcrumbs.theme.js +1 -1
  152. package/design/skoda/components/breadcrumbs.theme.js.map +1 -1
  153. package/design/skoda/components/button.theme.js +1 -1
  154. package/design/skoda/components/button.theme.js.map +1 -1
  155. package/design/skoda/components/dialog/dialogContentText.theme.d.ts +2 -0
  156. package/design/skoda/components/dialog/dialogContentText.theme.js +2 -0
  157. package/design/skoda/components/dialog/dialogContentText.theme.js.map +1 -0
  158. package/design/skoda/components/form/inputBase.theme.js +1 -1
  159. package/design/skoda/components/form/inputBase.theme.js.map +1 -1
  160. package/design/skoda/components/form/inputLabel.theme.js +1 -1
  161. package/design/skoda/components/form/inputLabel.theme.js.map +1 -1
  162. package/design/skoda/components/form/select.theme.js +1 -1
  163. package/design/skoda/components/form/select.theme.js.map +1 -1
  164. package/design/skoda/components/modal.theme.d.ts +2 -1
  165. package/design/skoda/components/modal.theme.js +1 -1
  166. package/design/skoda/components/modal.theme.js.map +1 -1
  167. package/design/skoda/components/popover.theme.js +1 -1
  168. package/design/skoda/components/popover.theme.js.map +1 -1
  169. package/design/skoda/components/tabs/tabs.theme.js +1 -1
  170. package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  171. package/design/skoda/index.d.ts +1 -1
  172. package/design/skoda/theme.d.ts +5 -2
  173. package/design/skoda/theme.js +1 -1
  174. package/design/skoda/theme.js.map +1 -1
  175. package/design/skoda/theme.typography.d.ts +813 -3
  176. package/design/skoda/theme.typography.js +1 -1
  177. package/design/skoda/theme.typography.js.map +1 -1
  178. package/index.js +1 -1
  179. package/layout/Error/ErrorContent.js +1 -1
  180. package/layout/Error/ErrorContent.js.map +1 -1
  181. package/layout/Footer/FooterIconButton.d.ts +10 -4
  182. package/layout/Footer/FooterIconButton.js +1 -1
  183. package/layout/Footer/FooterIconButton.js.map +1 -1
  184. package/layout/Footer/FooterMenu.d.ts +7 -3
  185. package/layout/Footer/FooterMenu.js +1 -1
  186. package/layout/Footer/FooterMenu.js.map +1 -1
  187. package/layout/Footer/FooterSectionContact.d.ts +9 -3
  188. package/layout/Footer/FooterSectionContact.js +1 -1
  189. package/layout/Footer/FooterSectionContact.js.map +1 -1
  190. package/layout/Footer/PredefinedFooterIconButtons.d.ts +2 -2
  191. package/layout/Footer/PredefinedFooterIconButtons.js +1 -1
  192. package/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
  193. package/layout/Footer/assets/FacebookIcon.d.ts +1 -0
  194. package/layout/Footer/assets/FacebookIcon.js +2 -0
  195. package/layout/Footer/assets/FacebookIcon.js.map +1 -0
  196. package/layout/Footer/assets/InstagramIcon.d.ts +1 -0
  197. package/layout/Footer/assets/InstagramIcon.js +2 -0
  198. package/layout/Footer/assets/InstagramIcon.js.map +1 -0
  199. package/layout/Footer/assets/TwitterIcon.d.ts +1 -0
  200. package/layout/Footer/assets/TwitterIcon.js +2 -0
  201. package/layout/Footer/assets/TwitterIcon.js.map +1 -0
  202. package/layout/Footer/assets/YoutubeIcon.d.ts +1 -0
  203. package/layout/Footer/assets/YoutubeIcon.js +2 -0
  204. package/layout/Footer/assets/YoutubeIcon.js.map +1 -0
  205. package/layout/Footer/assets/index.d.ts +4 -0
  206. package/layout/Header/HeaderButton.js +1 -1
  207. package/layout/Header/HeaderButton.js.map +1 -1
  208. package/layout/Header/HeaderNavigationHero.js +1 -1
  209. package/layout/Header/HeaderNavigationHero.js.map +1 -1
  210. package/layout/Header/HeaderNavigationLink.js +1 -1
  211. package/layout/Header/HeaderNavigationLink.js.map +1 -1
  212. package/layout/Header/HeaderNavigationMenu.js +1 -1
  213. package/layout/Header/HeaderNavigationMenu.js.map +1 -1
  214. package/layout/Header/HeaderOverheadItem.js +1 -1
  215. package/layout/Header/HeaderOverheadItem.js.map +1 -1
  216. package/layout/SecondaryNavigation/SecondaryNavigationItem.js +1 -1
  217. package/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
  218. package/layout/SideMenu/SideMenu.d.ts +3 -3
  219. package/layout/SideMenu/SideMenu.js +1 -1
  220. package/layout/SideMenu/SideMenu.js.map +1 -1
  221. package/organisms/carousel2/components/NavButton.js +1 -1
  222. package/organisms/carousel2/components/NavButton.js.map +1 -1
  223. package/organisms/gallery/Gallery.js +1 -1
  224. package/organisms/gallery/Gallery.js.map +1 -1
  225. package/organisms/gallery/GalleryTrigger.js +1 -1
  226. package/organisms/gallery/GalleryTrigger.js.map +1 -1
  227. package/organisms/notification/Notification.js +1 -1
  228. package/organisms/notification/Notification.js.map +1 -1
  229. package/package.json +1 -1
  230. package/utils/useFeatureFlag/useFeatureFlag.js +1 -1
  231. package/utils/useFeatureFlag/useFeatureFlag.js.map +1 -1
  232. package/cjs/layout/Footer/assets/facebook_icon.svg.js +0 -2
  233. package/cjs/layout/Footer/assets/facebook_icon.svg.js.map +0 -1
  234. package/cjs/layout/Footer/assets/instagram_icon.svg.js +0 -2
  235. package/cjs/layout/Footer/assets/instagram_icon.svg.js.map +0 -1
  236. package/cjs/layout/Footer/assets/twitter_icon.svg.js +0 -2
  237. package/cjs/layout/Footer/assets/youtube_icon.svg.js +0 -2
  238. package/layout/Footer/assets/facebook_icon.svg.js +0 -2
  239. package/layout/Footer/assets/facebook_icon.svg.js.map +0 -1
  240. package/layout/Footer/assets/instagram_icon.svg.js +0 -2
  241. package/layout/Footer/assets/instagram_icon.svg.js.map +0 -1
  242. package/layout/Footer/assets/twitter_icon.svg.js +0 -2
  243. package/layout/Footer/assets/twitter_icon.svg.js.map +0 -1
  244. package/layout/Footer/assets/youtube_icon.svg.js +0 -2
  245. package/layout/Footer/assets/youtube_icon.svg.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{createBreakpoints as s}from"@mui/system";import t from"@skodaflow/web-tokens/src/tokens.json";const e=(s,e)=>{const n=null!=e?e:"small",o=t["flow-typography"].find((t=>t.name===`${n}-${s}`));return o?Object.assign({},o.style):null},n=(t,n,o)=>{const i=s(n),a=s=>{const t=i.up(s);return o?t.replace("@media","@container"):t};return Object.assign(Object.assign({},e(t,"small")),{[a("md")]:Object.assign({},e(t,"medium")),[a("lg")]:Object.assign({},e(t,"large"))})},o=(s,t)=>{const e=n("body",s,t);return Object.assign({fontFamily:["SKODA Next","sans-serif","Arial"].join(","),body1:e,body2:e,body:e},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"].map((e=>[e,n(e,s,t)]))))};export{n as generateTypography,e as getTypography,o as getTypographyOptions};
1
+ import{createBreakpoints as s}from"@mui/system";import t from"@skodaflow/web-tokens/src/tokens.json";const e=(s,e,n)=>{const i=null!=n?n:"small",o=t["flow-typography"].find((t=>t.name===`${i}-${s}`));return o?Object.assign(Object.assign({},o.style),e?{fontFamily:"SKODA Next R2L"}:{}):null},n=(t,n,i,o)=>{const a=s(n),r=s=>{const t=a.up(s);return o?t.replace("@media","@container"):t};return Object.assign(Object.assign({},e(t,i,"small")),{[r("md")]:Object.assign({},e(t,i,"medium")),[r("lg")]:Object.assign({},e(t,i,"large"))})},i=(s,t,e)=>{const i=n("body",s,t,e);return Object.assign({fontFamily:["SKODA Next"+(t?" R2L":""),"sans-serif","Arial"].join(","),body1:i,body2:i,body:i},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"].map((i=>[i,n(i,s,t,e)]))))};export{n as generateTypography,e as getTypography,i as getTypographyOptions};
2
2
  //# sourceMappingURL=theme.typography.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"theme.typography.js","sources":["../../../src/design/skoda/theme.typography.ts"],"sourcesContent":["import { createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element, size) => {\n const screen = size !== null && size !== void 0 ? size : 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return Object.assign({}, typo['style']);\n else\n return null;\n};\n/**\n * Generate typography style with the mediaqueries\n */\nexport const generateTypography = (element, breakpointsOptions, containerQueries) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n const getBreakpointKey = (breakpoint) => {\n const key = breakpoints.up(breakpoint);\n if (containerQueries) {\n // use container queries instead of media queries\n return key.replace('@media', '@container');\n }\n return key;\n };\n return Object.assign(Object.assign({}, getTypography(element, 'small')), { [getBreakpointKey('md')]: Object.assign({}, getTypography(element, 'medium')), [getBreakpointKey('lg')]: Object.assign({}, getTypography(element, 'large')) });\n};\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions, containerQueries) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, containerQueries);\n return Object.assign({ fontFamily: ['SKODA Next', 'sans-serif', 'Arial'].join(','), body1: bodyTypo, body2: bodyTypo, body: bodyTypo }, Object.fromEntries([\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'disclaimer',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, containerQueries)])));\n};\n//# sourceMappingURL=theme.typography.js.map"],"names":["getTypography","element","size","screen","typo","tokens","find","el","name","Object","assign","generateTypography","breakpointsOptions","containerQueries","breakpoints","createBreakpoints","getBreakpointKey","breakpoint","key","up","replace","getTypographyOptions","bodyTypo","fontFamily","join","body1","body2","body","fromEntries","map"],"mappings":"qGAKY,MAACA,EAAgB,CAACC,EAASC,KACnC,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUF,MAC7E,OAAIG,EACOK,OAAOC,OAAO,CAAA,EAAIN,EAAY,OAE9B,IAAI,EAKNO,EAAqB,CAACV,EAASW,EAAoBC,KAC5D,MAAMC,EAAcC,EAAkBH,GAChCI,EAAoBC,IACtB,MAAMC,EAAMJ,EAAYK,GAAGF,GAC3B,OAAIJ,EAEOK,EAAIE,QAAQ,SAAU,cAE1BF,CAAG,EAEd,OAAOT,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIV,EAAcC,EAAS,UAAW,CAAE,CAACe,EAAiB,OAAQP,OAAOC,OAAO,CAAE,EAAEV,EAAcC,EAAS,WAAY,CAACe,EAAiB,OAAQP,OAAOC,OAAO,CAAE,EAAEV,EAAcC,EAAS,WAAY,EAKhOoB,EAAuB,CAACT,EAAoBC,KACrD,MAAMS,EAAWX,EAAmB,OAAQC,EAAoBC,GAChE,OAAOJ,OAAOC,OAAO,CAAEa,WAAY,CAAC,aAAc,aAAc,SAASC,KAAK,KAAMC,MAAOH,EAAUI,MAAOJ,EAAUK,KAAML,GAAYb,OAAOmB,YAAY,CACvJ,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,aACA,WACA,YACFC,KAAK5B,GAAY,CAACA,EAASU,EAAmBV,EAASW,EAAoBC,OAAqB"}
1
+ {"version":3,"file":"theme.typography.js","sources":["../../../src/design/skoda/theme.typography.ts"],"sourcesContent":["import { createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element, rtl, size) => {\n const screen = size !== null && size !== void 0 ? size : 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return Object.assign(Object.assign({}, typo['style']), (rtl\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}));\n else\n return null;\n};\n/**\n * Generate typography style with the mediaqueries\n */\nexport const generateTypography = (element, breakpointsOptions, rtl, containerQueries) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n const getBreakpointKey = (breakpoint) => {\n const key = breakpoints.up(breakpoint);\n if (containerQueries) {\n // use container queries instead of media queries\n return key.replace('@media', '@container');\n }\n return key;\n };\n return Object.assign(Object.assign({}, getTypography(element, rtl, 'small')), { [getBreakpointKey('md')]: Object.assign({}, getTypography(element, rtl, 'medium')), [getBreakpointKey('lg')]: Object.assign({}, getTypography(element, rtl, 'large')) });\n};\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions, rtl, containerQueries) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl, containerQueries);\n return Object.assign({ fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','), body1: bodyTypo, body2: bodyTypo, body: bodyTypo }, Object.fromEntries([\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'disclaimer',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl, containerQueries)])));\n};\n//# sourceMappingURL=theme.typography.js.map"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","Object","assign","fontFamily","generateTypography","breakpointsOptions","containerQueries","breakpoints","createBreakpoints","getBreakpointKey","breakpoint","key","up","replace","getTypographyOptions","bodyTypo","join","body1","body2","body","fromEntries","map"],"mappings":"qGAKY,MAACA,EAAgB,CAACC,EAASC,EAAKC,KACxC,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,MAC7E,OAAII,EACOK,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIN,EAAY,OAAKH,EAClD,CACEU,WAAY,kBAEd,CAAA,GAEC,IAAI,EAKNC,EAAqB,CAACZ,EAASa,EAAoBZ,EAAKa,KACjE,MAAMC,EAAcC,EAAkBH,GAChCI,EAAoBC,IACtB,MAAMC,EAAMJ,EAAYK,GAAGF,GAC3B,OAAIJ,EAEOK,EAAIE,QAAQ,SAAU,cAE1BF,CAAG,EAEd,OAAOV,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIX,EAAcC,EAASC,EAAK,UAAW,CAAE,CAACgB,EAAiB,OAAQR,OAAOC,OAAO,CAAA,EAAIX,EAAcC,EAASC,EAAK,WAAY,CAACgB,EAAiB,OAAQR,OAAOC,OAAO,CAAA,EAAIX,EAAcC,EAASC,EAAK,WAAY,EAK/OqB,EAAuB,CAACT,EAAoBZ,EAAKa,KAC1D,MAAMS,EAAWX,EAAmB,OAAQC,EAAoBZ,EAAKa,GACrE,OAAOL,OAAOC,OAAO,CAAEC,WAAY,CAAC,cAAaV,EAAM,OAAS,IAAM,aAAc,SAASuB,KAAK,KAAMC,MAAOF,EAAUG,MAAOH,EAAUI,KAAMJ,GAAYd,OAAOmB,YAAY,CAC3K,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,aACA,WACA,YACFC,KAAK7B,GAAY,CAACA,EAASY,EAAmBZ,EAASa,EAAoBZ,EAAKa,OAAqB"}
package/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export{SkodaThemeProvider}from"./design/skoda/SkodaThemeProvider.js";export{SkodaThemeWidgetProvider}from"./design/skoda/SkodaThemeWidgetProvider.js";export{darkTheme,theme}from"./design/skoda/theme.js";export{Accordion}from"./components/accordion/accordion.js";export{Backdrop}from"./components/backdrop/backdrop.js";export{Button,ButtonVariants}from"./components/button/button.js";export{Banner}from"./components/banner/banner.js";export{CardContainer}from"./components/cardContainer/cardContainer.js";export{CardMenu}from"./components/cardMenu/cardMenu.js";export{Checkbox}from"./components/checkbox/checkbox.js";export{ChipImage}from"./components/chip/chipImage/chipImage.js";export{Chip}from"./components/chip/regular/chip.js";export{MultiSelectChip}from"./components/chip/chipMultiselect/multiSelectChip.js";export{ChipDropdownChildren}from"./components/chip/chipDropdownChildren/chipDropdownChildren.js";export{Controller}from"./components/controls/controls.js";export{Divider}from"./components/divider/divider.js";export{Drawer}from"./components/drawer/drawer.js";export{Flag}from"./components/flag/flag.js";export{Grid}from"./components/grid/grid.js";export{Icon}from"./components/icon/icon.js";export{availableIcons,iconDefinitions}from"./components/icon/icon.definitions.js";export{Indicator}from"./components/indicator/indicator.js";export{Label}from"./components/label/label.js";export{LabelCO2}from"./components/labelCO2/labelCO2.js";export{LabelFeature}from"./components/labelFeature/labelFeature.js";export{LabelPromotional,LabelPromotionalStyled}from"./components/labelPromotional/labelPromotional.js";export{LabelStatus}from"./components/labelStatus/labelStatus.js";export{Menu}from"./components/menu/menu.js";export{MenuItem}from"./components/menuItem/menuItem.js";export{MobileStepper}from"./components/mobileStepper/mobileStepper.js";export{MobileStepperButton,MobileStepperButtonBack,MobileStepperButtonNext}from"./components/mobileStepper/mobileStepperButton.js";export{Modal}from"./components/modal/modal.js";export{ModalTitle}from"./components/modal/modalTitle.js";export{Numbering}from"./components/numbering/numbering.js";export{Pagination}from"./components/pagination/pagination.js";export{ProgressBar}from"./components/progressBar/progressBar.js";export{RadioButton}from"./components/radioButton/radioButton.js";export{SelectInput}from"./components/selectInput/selectInput.js";export{Slider}from"./components/slider/slider.js";export{Snackbar,checkForIcon}from"./components/snackbar/snackbar.js";export{Stepper}from"./components/stepper/stepper.js";export{Tab,Tabs,Typography}from"@mui/material";export{TabPanel}from"./components/tabs/tabPanel.js";export{TextArea}from"./components/textArea/textArea.js";export{TextInput}from"./components/textInput/textInput.js";export{ToggleSwitch}from"./components/toggleSwitch/toggleSwitch.js";export{Tooltip}from"./components/tooltip/tooltip.js";export{default as ImageComponent}from"./components/common/imageComponent.js";export{Avatar}from"./components/avatar/Avatar.js";export{CloseDialogButton}from"./components/closeDialogButton/index.js";export{IconButton}from"./components/iconButton/index.js";export{HelperTextContent}from"./components/helperTextContent/index.js";export{Alert}from"./components/alert/Alert.js";export{AlertButton}from"./components/alert/AlertButton.js";export{Logo}from"./components/logo/Logo.js";export{Gallery}from"./organisms/gallery/Gallery.js";export{GalleryItem}from"./organisms/gallery/GalleryItem.js";export{GalleryHighlightSx,GalleryTrigger}from"./organisms/gallery/GalleryTrigger.js";export{UploadBox}from"./components/upload/UploadBox.js";export{UploadField}from"./components/upload/UploadField.js";export{UploadPreview}from"./components/upload/UploadPreview.js";export{UploadProgress}from"./components/upload/UploadProgress.js";export{UploadPreviewList}from"./components/upload/UploadPreviewList.js";export{Card}from"./components/card/Card.js";export{CardOwnedVehicle}from"./organisms/cardOwnedVehicle/cardOwnedVehicle.js";export{CardPhotoAdjustable}from"./organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";export{CardPhotoFixed}from"./organisms/cardPhotoFixed/cardPhotoFixed.js";export{CardPromoVehicle}from"./organisms/cardPromoVehicle/cardPromoVehicle.js";export{CardTypeOnly}from"./organisms/cardTypeOnly/cardTypeOnly.js";export{Carousel,emblaWidthSize,getHoveredClass,handleScrollNext,handleScrollPrev,handleScrollTo}from"./organisms/carousel/carousel.js";export{HeroImageCard}from"./organisms/heroImageCard/heroImageCard.js";export{Maps}from"./organisms/maps/maps.js";export{ShortcutLink}from"./organisms/shortcutLink/shortcutLink.js";export{TextCta}from"./organisms/textCta/textCta.js";export{Tile}from"./organisms/tile/tile.js";export{GalleryCarousel,GalleryDefaultProps}from"./organisms/carousel2/galleryCarousel/galleryCarousel.js";export{GalleryCarouselItem}from"./organisms/carousel2/galleryCarousel/galleryCarouselItem.js";export{GalleryItemHeading}from"./organisms/carousel2/galleryCarousel/galleryItemHeading.js";export{GalleryItemText}from"./organisms/carousel2/galleryCarousel/GalleryItemText.js";export{HeroCarousel}from"./organisms/carousel2/heroCarousel/heroCarousel.js";export{HeroCarouselSlide}from"./organisms/carousel2/heroCarousel/HeroCarouselSlide.js";export{CardCarousel}from"./organisms/carousel2/cardCarousel/cardCarousel.js";export{Notification}from"./organisms/notification/Notification.js";export{NotificationCenter}from"./organisms/notification/NotificationCenter.js";export{NotificationCenterCategory}from"./organisms/notification/NotificationCenterCategory.js";export{NotificationCenterHeaderButton}from"./organisms/notification/NotificationCenterHeaderButton.js";export{ColourSheme,NumberingColors,NumberingSizes,Placement,VariantType}from"./utils/enum.js";export{useClosure}from"./utils/useClosure/useClosure.js";export{Header}from"./layout/Header/Header.js";export{HeaderButton}from"./layout/Header/HeaderButton.js";export{HeaderLogo}from"./layout/Header/HeaderLogo.js";export{HeaderNavigationHero}from"./layout/Header/HeaderNavigationHero.js";export{HeaderNavigationLink}from"./layout/Header/HeaderNavigationLink.js";export{HeaderNavigationMenu}from"./layout/Header/HeaderNavigationMenu.js";export{HeaderSkodaLogo}from"./layout/Header/HeaderSkodaLogo.js";export{HeaderBellButton,HeaderCartButton,HeaderCloseButton,HeaderFaqButton,HeaderHeartButton,HeaderLanguageButton,HeaderLoginButton,HeaderLogoutButton,HeaderMenuButton,HeaderProfileButton,HeaderSearchButton}from"./layout/Header/PredefinedHeaderButtons.js";export{HeaderOverheadItem}from"./layout/Header/HeaderOverheadItem.js";export{SideMenu}from"./layout/SideMenu/SideMenu.js";export{SideMenuItem}from"./layout/SideMenu/SideMenuItem.js";export{Footer}from"./layout/Footer/Footer.js";export{FooterMenu}from"./layout/Footer/FooterMenu.js";export{FooterAccordion}from"./layout/Footer/FooterAccordion.js";export{FooterIconButton}from"./layout/Footer/FooterIconButton.js";export{FacebookFooterIconButton,InstagramFooterIconButton,TwitterFooterIconButton,YoutubeFooterIconButton}from"./layout/Footer/PredefinedFooterIconButtons.js";export{FooterSectionContact}from"./layout/Footer/FooterSectionContact.js";export{FooterSectionMenu}from"./layout/Footer/FooterSectionMenu.js";export{FooterLink}from"./layout/Footer/FooterLink.js";export{ErrorContent}from"./layout/Error/ErrorContent.js";export{PageLayout}from"./layout/PageLayout/PageLayout.js";export{SecondaryNavigation}from"./layout/SecondaryNavigation/SecondaryNavigation.js";export{SecondaryNavigationCta}from"./layout/SecondaryNavigation/SecondaryNavigationCta.js";export{SecondaryNavigationItem}from"./layout/SecondaryNavigation/SecondaryNavigationItem.js";export{CookieModal}from"./layout/cookieModal/CookieModal.js";export{CookieModalItem}from"./layout/cookieModal/CookieModalItem.js";export{Container}from"./layout/container/container.js";import*as o from"./production/index.js";export{o as Production};
1
+ export{SkodaThemeProvider}from"./design/skoda/SkodaThemeProvider.js";export{SkodaThemeWidgetProvider}from"./design/skoda/SkodaThemeWidgetProvider.js";export{darkTheme,rtlDarkTheme,rtlTheme,theme}from"./design/skoda/theme.js";export{Accordion}from"./components/accordion/accordion.js";export{Backdrop}from"./components/backdrop/backdrop.js";export{Button,ButtonVariants}from"./components/button/button.js";export{Banner}from"./components/banner/banner.js";export{Box,Tab,Tabs,Typography}from"@mui/material";export{CardContainer}from"./components/cardContainer/cardContainer.js";export{CardMenu}from"./components/cardMenu/cardMenu.js";export{Checkbox}from"./components/checkbox/checkbox.js";export{ChipImage}from"./components/chip/chipImage/chipImage.js";export{Chip}from"./components/chip/regular/chip.js";export{MultiSelectChip}from"./components/chip/chipMultiselect/multiSelectChip.js";export{ChipDropdownChildren}from"./components/chip/chipDropdownChildren/chipDropdownChildren.js";export{Controller}from"./components/controls/controls.js";export{Divider}from"./components/divider/divider.js";export{Drawer}from"./components/drawer/drawer.js";export{Flag}from"./components/flag/flag.js";export{Grid}from"./components/grid/grid.js";export{Icon}from"./components/icon/icon.js";export{availableIcons,iconDefinitions}from"./components/icon/icon.definitions.js";export{Indicator}from"./components/indicator/indicator.js";export{Label}from"./components/label/label.js";export{LabelCO2}from"./components/labelCO2/labelCO2.js";export{LabelFeature}from"./components/labelFeature/labelFeature.js";export{LabelPromotional,LabelPromotionalStyled}from"./components/labelPromotional/labelPromotional.js";export{LabelStatus}from"./components/labelStatus/labelStatus.js";export{Menu}from"./components/menu/menu.js";export{MenuItem}from"./components/menuItem/menuItem.js";export{MobileStepper}from"./components/mobileStepper/mobileStepper.js";export{MobileStepperButton,MobileStepperButtonBack,MobileStepperButtonNext}from"./components/mobileStepper/mobileStepperButton.js";export{Modal}from"./components/modal/modal.js";export{ModalTitle}from"./components/modal/modalTitle.js";export{Numbering}from"./components/numbering/numbering.js";export{Pagination}from"./components/pagination/pagination.js";export{ProgressBar}from"./components/progressBar/progressBar.js";export{RadioButton}from"./components/radioButton/radioButton.js";export{SelectInput}from"./components/selectInput/selectInput.js";export{Slider}from"./components/slider/slider.js";export{Snackbar,checkForIcon}from"./components/snackbar/snackbar.js";export{Stepper}from"./components/stepper/stepper.js";export{TabPanel}from"./components/tabs/tabPanel.js";export{TextArea}from"./components/textArea/textArea.js";export{TextInput}from"./components/textInput/textInput.js";export{ToggleSwitch}from"./components/toggleSwitch/toggleSwitch.js";export{Tooltip}from"./components/tooltip/tooltip.js";export{default as ImageComponent}from"./components/common/imageComponent.js";export{Avatar}from"./components/avatar/Avatar.js";export{CloseDialogButton}from"./components/closeDialogButton/index.js";export{IconButton}from"./components/iconButton/index.js";export{HelperTextContent}from"./components/helperTextContent/index.js";export{Alert}from"./components/alert/Alert.js";export{AlertButton}from"./components/alert/AlertButton.js";export{Logo}from"./components/logo/Logo.js";export{Gallery}from"./organisms/gallery/Gallery.js";export{GalleryItem}from"./organisms/gallery/GalleryItem.js";export{GalleryHighlightSx,GalleryTrigger}from"./organisms/gallery/GalleryTrigger.js";export{UploadBox}from"./components/upload/UploadBox.js";export{UploadField}from"./components/upload/UploadField.js";export{UploadPreview}from"./components/upload/UploadPreview.js";export{UploadProgress}from"./components/upload/UploadProgress.js";export{UploadPreviewList}from"./components/upload/UploadPreviewList.js";export{Card}from"./components/card/Card.js";export{CardOwnedVehicle}from"./organisms/cardOwnedVehicle/cardOwnedVehicle.js";export{CardPhotoAdjustable}from"./organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";export{CardPhotoFixed}from"./organisms/cardPhotoFixed/cardPhotoFixed.js";export{CardPromoVehicle}from"./organisms/cardPromoVehicle/cardPromoVehicle.js";export{CardTypeOnly}from"./organisms/cardTypeOnly/cardTypeOnly.js";export{Carousel,emblaWidthSize,getHoveredClass,handleScrollNext,handleScrollPrev,handleScrollTo}from"./organisms/carousel/carousel.js";export{HeroImageCard}from"./organisms/heroImageCard/heroImageCard.js";export{Maps}from"./organisms/maps/maps.js";export{ShortcutLink}from"./organisms/shortcutLink/shortcutLink.js";export{TextCta}from"./organisms/textCta/textCta.js";export{Tile}from"./organisms/tile/tile.js";export{GalleryCarousel,GalleryDefaultProps}from"./organisms/carousel2/galleryCarousel/galleryCarousel.js";export{GalleryCarouselItem}from"./organisms/carousel2/galleryCarousel/galleryCarouselItem.js";export{GalleryItemHeading}from"./organisms/carousel2/galleryCarousel/galleryItemHeading.js";export{GalleryItemText}from"./organisms/carousel2/galleryCarousel/GalleryItemText.js";export{HeroCarousel}from"./organisms/carousel2/heroCarousel/heroCarousel.js";export{HeroCarouselSlide}from"./organisms/carousel2/heroCarousel/HeroCarouselSlide.js";export{CardCarousel}from"./organisms/carousel2/cardCarousel/cardCarousel.js";export{Notification}from"./organisms/notification/Notification.js";export{NotificationCenter}from"./organisms/notification/NotificationCenter.js";export{NotificationCenterCategory}from"./organisms/notification/NotificationCenterCategory.js";export{NotificationCenterHeaderButton}from"./organisms/notification/NotificationCenterHeaderButton.js";export{ColourSheme,NumberingColors,NumberingSizes,Placement,VariantType}from"./utils/enum.js";export{useClosure}from"./utils/useClosure/useClosure.js";export{Header}from"./layout/Header/Header.js";export{HeaderButton}from"./layout/Header/HeaderButton.js";export{HeaderLogo}from"./layout/Header/HeaderLogo.js";export{HeaderNavigationHero}from"./layout/Header/HeaderNavigationHero.js";export{HeaderNavigationLink}from"./layout/Header/HeaderNavigationLink.js";export{HeaderNavigationMenu}from"./layout/Header/HeaderNavigationMenu.js";export{HeaderSkodaLogo}from"./layout/Header/HeaderSkodaLogo.js";export{HeaderBellButton,HeaderCartButton,HeaderCloseButton,HeaderFaqButton,HeaderHeartButton,HeaderLanguageButton,HeaderLoginButton,HeaderLogoutButton,HeaderMenuButton,HeaderProfileButton,HeaderSearchButton}from"./layout/Header/PredefinedHeaderButtons.js";export{HeaderOverheadItem}from"./layout/Header/HeaderOverheadItem.js";export{SideMenu}from"./layout/SideMenu/SideMenu.js";export{SideMenuItem}from"./layout/SideMenu/SideMenuItem.js";export{Footer}from"./layout/Footer/Footer.js";export{FooterMenu}from"./layout/Footer/FooterMenu.js";export{FooterAccordion}from"./layout/Footer/FooterAccordion.js";export{FooterIconButton}from"./layout/Footer/FooterIconButton.js";export{FacebookFooterIconButton,InstagramFooterIconButton,TwitterFooterIconButton,YoutubeFooterIconButton}from"./layout/Footer/PredefinedFooterIconButtons.js";export{FooterSectionContact}from"./layout/Footer/FooterSectionContact.js";export{FooterSectionMenu}from"./layout/Footer/FooterSectionMenu.js";export{FooterLink}from"./layout/Footer/FooterLink.js";export{ErrorContent}from"./layout/Error/ErrorContent.js";export{PageLayout}from"./layout/PageLayout/PageLayout.js";export{SecondaryNavigation}from"./layout/SecondaryNavigation/SecondaryNavigation.js";export{SecondaryNavigationCta}from"./layout/SecondaryNavigation/SecondaryNavigationCta.js";export{SecondaryNavigationItem}from"./layout/SecondaryNavigation/SecondaryNavigationItem.js";export{CookieModal}from"./layout/cookieModal/CookieModal.js";export{CookieModalItem}from"./layout/cookieModal/CookieModalItem.js";export{Container}from"./layout/container/container.js";import*as o from"./production/index.js";export{o as Production};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Typography as r,Box as n,Stack as o,Container as i}from"@mui/material";import{useMemo as s}from"react";const a=a=>{const{status:l,message:d,actions:c,description:m,stacktrace:p}=a,x=s((()=>"string"==typeof l||"number"==typeof l?t(r,{sx:{fontWeight:700,fontSize:"72px",lineHeight:"72px",color:t=>t.palette.onSurface.os900},children:l}):l),[l]),f=s((()=>d?"string"==typeof d||"number"==typeof d?t(r,{variant:"h3",children:d}):d:null),[d]),g=s((()=>m?"string"==typeof m||"number"==typeof m?t(r,{children:m}):m:null),[m]),h=s((()=>null==p?void 0:p.split("\n").map((e=>t(n,{children:e},e)))),[p]);return e(n,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[e(n,{sx:{maxWidth:"612px"},children:[t(n,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:x}),f&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:f})]}),t(n,{sx:{maxWidth:"450px"},children:g&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:g})}),c&&t(o,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:c}),h&&t(i,{children:t(n,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:h})})]})};export{a as ErrorContent};
1
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Typography as r,Box as n,Stack as o,Container as i}from"@mui/material";import{useMemo as s}from"react";const a=a=>{const{status:l,message:d,actions:c,description:m,stacktrace:x}=a,p=s((()=>"string"==typeof l||"number"==typeof l?t(r,{sx:{fontWeight:{xs:"700"},fontSize:{xs:"72px"},lineHeight:{xs:"72px"},color:t=>t.palette.onSurface.os900},children:l}):l),[l]),f=s((()=>d?"string"==typeof d||"number"==typeof d?t(r,{variant:"h3",children:d}):d:null),[d]),g=s((()=>m?"string"==typeof m||"number"==typeof m?t(r,{children:m}):m:null),[m]),h=s((()=>null==x?void 0:x.split("\n").map((e=>t(n,{children:e},e)))),[x]);return e(n,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[e(n,{sx:{maxWidth:"612px"},children:[t(n,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:p}),f&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:f})]}),t(n,{sx:{maxWidth:"450px"},children:g&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:g})}),c&&t(o,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:c}),h&&t(i,{children:t(n,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",marginBottom:4,textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:h})})]})};export{a as ErrorContent};
2
2
  //# sourceMappingURL=ErrorContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorContent.js","sources":["../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\n/**\n * Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent = (props) => {\n const { status, message, actions, description, stacktrace } = props;\n const statusNode = useMemo(() => {\n if (typeof status === 'string' || typeof status === 'number') {\n return (_jsx(Typography, { sx: {\n fontWeight: 700,\n fontSize: '72px',\n lineHeight: '72px',\n color: (theme) => theme.palette.onSurface.os900,\n }, children: status }));\n }\n return status;\n }, [status]);\n const messageNode = useMemo(() => {\n if (!message) {\n return null;\n }\n if (typeof message === 'string' || typeof message === 'number') {\n return _jsx(Typography, { variant: \"h3\", children: message });\n }\n return message;\n }, [message]);\n const descriptionNode = useMemo(() => {\n if (!description) {\n return null;\n }\n if (typeof description === 'string' || typeof description === 'number') {\n return _jsx(Typography, { children: description });\n }\n return description;\n }, [description]);\n const stackTraceNode = useMemo(() => stacktrace === null || stacktrace === void 0 ? void 0 : stacktrace.split('\\n').map((frame) => _jsx(Box, { children: frame }, frame)), [stacktrace]);\n return (_jsxs(Box, { sx: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n paddingTop: {\n xl: 12,\n xs: 10,\n },\n }, children: [_jsxs(Box, { sx: {\n maxWidth: '612px',\n }, children: [_jsx(Box, { sx: { marginBottom: { lg: 8, md: 7, xs: 6 } }, \"data-testid\": \"ErrorContent.status\", children: statusNode }), messageNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.message\", children: messageNode }))] }), _jsx(Box, { sx: {\n maxWidth: '450px',\n }, children: descriptionNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.description\", children: descriptionNode })) }), actions && (_jsx(Stack, { direction: \"row\", spacing: 2, sx: { marginBottom: 4 }, \"data-testid\": \"ErrorContent.actions\", children: actions })), stackTraceNode && (_jsx(Container, { children: _jsx(Box, { sx: {\n border: '1px solid',\n borderColor: (theme) => theme.palette.onSurface.os300,\n py: 1,\n px: 2,\n borderRadius: 2,\n fontFamily: 'monospace',\n fontSize: 11,\n lineHeight: '18px',\n textAlign: 'left',\n overflow: 'auto',\n '& > div:not(:first-of-type)': {\n marginLeft: 4,\n },\n }, \"data-testid\": \"ErrorContent.stacktrace\", children: stackTraceNode }) }))] }));\n};\n//# sourceMappingURL=ErrorContent.js.map"],"names":["ErrorContent","props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","Typography","sx","fontWeight","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","xs","maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"gKAOY,MAACA,EAAgBC,IACzB,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EACxDM,EAAaC,GAAQ,IACD,iBAAXN,GAAyC,iBAAXA,EAC7BO,EAAKC,EAAY,CAAEC,GAAI,CACvBC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAC3CC,SAAUlB,IAEdA,GACR,CAACA,IACEmB,EAAcb,GAAQ,IACnBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EAC/BM,EAAKC,EAAY,CAAEY,QAAS,KAAMF,SAAUjB,IAEhDA,EALI,MAMZ,CAACA,IACEoB,EAAkBf,GAAQ,IACvBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACnCI,EAAKC,EAAY,CAAEU,SAAUf,IAEjCA,EALI,MAMZ,CAACA,IACEmB,EAAiBhB,GAAQ,IAAMF,aAA+C,EAASA,EAAWmB,MAAM,MAAMC,KAAKC,GAAUlB,EAAKmB,EAAK,CAAER,SAAUO,GAASA,MAAS,CAACrB,IAC5K,OAAQuB,EAAMD,EAAK,CAAEjB,GAAI,CACjBmB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACRC,GAAI,GACJC,GAAI,KAEThB,SAAU,CAACS,EAAMD,EAAK,CAAEjB,GAAI,CACnB0B,SAAU,SACXjB,SAAU,CAACX,EAAKmB,EAAK,CAAEjB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAGJ,GAAI,IAAO,cAAe,sBAAuBhB,SAAUb,IAAec,GAAgBZ,EAAKmB,EAAK,CAAEjB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAGJ,GAAI,IAAO,cAAe,uBAAwBhB,SAAUC,OAAqBZ,EAAKmB,EAAK,CAAEjB,GAAI,CACrS0B,SAAU,SACXjB,SAAUG,GAAoBd,EAAKmB,EAAK,CAAEjB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAGJ,GAAI,IAAO,cAAe,2BAA4BhB,SAAUG,MAAwBnB,GAAYK,EAAKgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGhC,GAAI,CAAE2B,aAAc,GAAK,cAAe,uBAAwBlB,SAAUhB,IAAaoB,GAAmBf,EAAKmC,EAAW,CAAExB,SAAUX,EAAKmB,EAAK,CAAEjB,GAAI,CAC/WkC,OAAQ,YACRC,YAAc9B,GAAUA,EAAMC,QAAQC,UAAU6B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZtC,SAAU,GACVC,WAAY,OACZmB,UAAW,OACXmB,SAAU,OACV,8BAA+B,CAC3BC,WAAY,IAEjB,cAAe,0BAA2BjC,SAAUI,QAA2B"}
1
+ {"version":3,"file":"ErrorContent.js","sources":["../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\n/**\n * Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent = (props) => {\n const { status, message, actions, description, stacktrace } = props;\n const statusNode = useMemo(() => {\n if (typeof status === 'string' || typeof status === 'number') {\n return (_jsx(Typography, { sx: {\n fontWeight: { xs: '700' },\n fontSize: { xs: '72px' },\n lineHeight: { xs: '72px' },\n color: (theme) => theme.palette.onSurface.os900,\n }, children: status }));\n }\n return status;\n }, [status]);\n const messageNode = useMemo(() => {\n if (!message) {\n return null;\n }\n if (typeof message === 'string' || typeof message === 'number') {\n return _jsx(Typography, { variant: \"h3\", children: message });\n }\n return message;\n }, [message]);\n const descriptionNode = useMemo(() => {\n if (!description) {\n return null;\n }\n if (typeof description === 'string' || typeof description === 'number') {\n return _jsx(Typography, { children: description });\n }\n return description;\n }, [description]);\n const stackTraceNode = useMemo(() => stacktrace === null || stacktrace === void 0 ? void 0 : stacktrace.split('\\n').map((frame) => _jsx(Box, { children: frame }, frame)), [stacktrace]);\n return (_jsxs(Box, { sx: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n paddingTop: {\n xl: 12,\n xs: 10,\n },\n }, children: [_jsxs(Box, { sx: {\n maxWidth: '612px',\n }, children: [_jsx(Box, { sx: { marginBottom: { lg: 8, md: 7, xs: 6 } }, \"data-testid\": \"ErrorContent.status\", children: statusNode }), messageNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.message\", children: messageNode }))] }), _jsx(Box, { sx: {\n maxWidth: '450px',\n }, children: descriptionNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.description\", children: descriptionNode })) }), actions && (_jsx(Stack, { direction: \"row\", spacing: 2, sx: { marginBottom: 4 }, \"data-testid\": \"ErrorContent.actions\", children: actions })), stackTraceNode && (_jsx(Container, { children: _jsx(Box, { sx: {\n border: '1px solid',\n borderColor: (theme) => theme.palette.onSurface.os300,\n py: 1,\n px: 2,\n borderRadius: 2,\n fontFamily: 'monospace',\n fontSize: 11,\n lineHeight: '18px',\n marginBottom: 4,\n textAlign: 'left',\n overflow: 'auto',\n '& > div:not(:first-of-type)': {\n marginLeft: 4,\n },\n }, \"data-testid\": \"ErrorContent.stacktrace\", children: stackTraceNode }) }))] }));\n};\n//# sourceMappingURL=ErrorContent.js.map"],"names":["ErrorContent","props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","Typography","sx","fontWeight","xs","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"gKAOY,MAACA,EAAgBC,IACzB,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EACxDM,EAAaC,GAAQ,IACD,iBAAXN,GAAyC,iBAAXA,EAC7BO,EAAKC,EAAY,CAAEC,GAAI,CACvBC,WAAY,CAAEC,GAAI,OAClBC,SAAU,CAAED,GAAI,QAChBE,WAAY,CAAEF,GAAI,QAClBG,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAC3CC,SAAUnB,IAEdA,GACR,CAACA,IACEoB,EAAcd,GAAQ,IACnBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EAC/BM,EAAKC,EAAY,CAAEa,QAAS,KAAMF,SAAUlB,IAEhDA,EALI,MAMZ,CAACA,IACEqB,EAAkBhB,GAAQ,IACvBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACnCI,EAAKC,EAAY,CAAEW,SAAUhB,IAEjCA,EALI,MAMZ,CAACA,IACEoB,EAAiBjB,GAAQ,IAAMF,aAA+C,EAASA,EAAWoB,MAAM,MAAMC,KAAKC,GAAUnB,EAAKoB,EAAK,CAAER,SAAUO,GAASA,MAAS,CAACtB,IAC5K,OAAQwB,EAAMD,EAAK,CAAElB,GAAI,CACjBoB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACRC,GAAI,GACJvB,GAAI,KAETQ,SAAU,CAACS,EAAMD,EAAK,CAAElB,GAAI,CACnB0B,SAAU,SACXhB,SAAU,CAACZ,EAAKoB,EAAK,CAAElB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAO,cAAe,sBAAuBQ,SAAUd,IAAee,GAAgBb,EAAKoB,EAAK,CAAElB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAO,cAAe,uBAAwBQ,SAAUC,OAAqBb,EAAKoB,EAAK,CAAElB,GAAI,CACrS0B,SAAU,SACXhB,SAAUG,GAAoBf,EAAKoB,EAAK,CAAElB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAO,cAAe,2BAA4BQ,SAAUG,MAAwBpB,GAAYK,EAAKgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGhC,GAAI,CAAE2B,aAAc,GAAK,cAAe,uBAAwBjB,SAAUjB,IAAaqB,GAAmBhB,EAAKmC,EAAW,CAAEvB,SAAUZ,EAAKoB,EAAK,CAAElB,GAAI,CAC/WkC,OAAQ,YACRC,YAAc7B,GAAUA,EAAMC,QAAQC,UAAU4B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZrC,SAAU,GACVC,WAAY,OACZuB,aAAc,EACdJ,UAAW,OACXkB,SAAU,OACV,8BAA+B,CAC3BC,WAAY,IAEjB,cAAe,0BAA2BhC,SAAUI,QAA2B"}
@@ -1,14 +1,20 @@
1
1
  import { IconButtonProps } from '@mui/material';
2
- import React from 'react';
3
2
  import { IconNameProp } from '@/src/components';
4
- export type FooterIconButtonProps<C extends React.ElementType> = {
3
+ import { ReactNode } from 'react';
4
+ export type FooterIconButtonProps<C extends React.ElementType> = ({
5
5
  /**
6
6
  * Icon identifier
7
7
  * @requires
8
8
  */
9
9
  icon: IconNameProp;
10
- } & IconButtonProps<C, {
10
+ } | {
11
+ /**
12
+ * Custom svg icon
13
+ * @requires
14
+ */
15
+ children: ReactNode;
16
+ }) & IconButtonProps<C, {
11
17
  component?: C;
12
18
  }>;
13
19
  /** Renders icon button intended for `Footer` component */
14
- export declare function FooterIconButton<C extends React.ElementType = 'button'>(props: FooterIconButtonProps<C>): import("react/jsx-runtime").JSX.Element;
20
+ export declare function FooterIconButton<C extends React.ElementType = 'button'>({ sx, icon, children, ...rest }: FooterIconButtonProps<C>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{IconButton as i}from"@mui/material";import{Icon as r}from"../../components/icon/icon.js";function n(n){const{icon:e}=n,s=o(n,["icon"]);return t(i,Object.assign({"data-testid":"FooterIconButton",size:"small"},s,{sx:Object.assign({"& .sa-i":{color:"white"},"&:hover":{backgroundColor:"#F3F3F317"}},s.sx),children:t(r,{fontSize:"small",name:e})}))}export{n as FooterIconButton};
1
+ import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{IconButton as i}from"@mui/material";import{Icon as t}from"../../components/icon/icon.js";function n(n){var{sx:e,icon:c,children:s}=n,m=o(n,["sx","icon","children"]);return r(i,Object.assign({"data-testid":"FooterIconButton",size:"small",sx:Object.assign({color:"onSurface.os0","&:hover":{backgroundColor:"onSurface.os700"},"> svg":{width:"20px",height:"20px"}},e||{})},m,{children:s||r(t,{name:c})}))}export{n as FooterIconButton};
2
2
  //# sourceMappingURL=FooterIconButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FooterIconButton.js","sources":["../../../src/layout/Footer/FooterIconButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton } from '@mui/material';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterIconButton(props) {\n const { icon } = props, rest = __rest(props, [\"icon\"]);\n return (_jsx(IconButton, Object.assign({ \"data-testid\": \"FooterIconButton\", size: \"small\" }, rest, { sx: Object.assign({ '& .sa-i': {\n color: 'white',\n }, '&:hover': {\n backgroundColor: '#F3F3F317',\n } }, rest.sx), children: _jsx(Icon, { fontSize: \"small\", name: icon }) })));\n}\n//# sourceMappingURL=FooterIconButton.js.map"],"names":["FooterIconButton","props","icon","rest","__rest","_jsx","IconButton","Object","assign","size","sx","color","backgroundColor","children","Icon","fontSize","name"],"mappings":"uKAKO,SAASA,EAAiBC,GAC7B,MAAMC,KAAEA,GAASD,EAAOE,EAAOC,EAAOH,EAAO,CAAC,SAC9C,OAAQI,EAAKC,EAAYC,OAAOC,OAAO,CAAE,cAAe,mBAAoBC,KAAM,SAAWN,EAAM,CAAEO,GAAIH,OAAOC,OAAO,CAAE,UAAW,CACxHG,MAAO,SACR,UAAW,CACVC,gBAAiB,cAChBT,EAAKO,IAAKG,SAAUR,EAAKS,EAAM,CAAEC,SAAU,QAASC,KAAMd,MAC3E"}
1
+ {"version":3,"file":"FooterIconButton.js","sources":["../../../src/layout/Footer/FooterIconButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton } from '@mui/material';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterIconButton(_a) {\n var { sx, icon, children } = _a, rest = __rest(_a, [\"sx\", \"icon\", \"children\"]);\n return (_jsx(IconButton, Object.assign({ \"data-testid\": \"FooterIconButton\", size: \"small\", sx: Object.assign({ color: 'onSurface.os0', '&:hover': {\n backgroundColor: 'onSurface.os700',\n }, '> svg': {\n width: '20px',\n height: '20px',\n } }, (sx || {})) }, rest, { children: children || _jsx(Icon, { name: icon }) })));\n}\n//# sourceMappingURL=FooterIconButton.js.map"],"names":["FooterIconButton","_a","sx","icon","children","rest","__rest","_jsx","IconButton","Object","assign","size","color","backgroundColor","width","height","Icon","name"],"mappings":"uKAKO,SAASA,EAAiBC,GAC7B,IAAIC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,GAAaH,EAAII,EAAOC,EAAOL,EAAI,CAAC,KAAM,OAAQ,aAClE,OAAQM,EAAKC,EAAYC,OAAOC,OAAO,CAAE,cAAe,mBAAoBC,KAAM,QAAST,GAAIO,OAAOC,OAAO,CAAEE,MAAO,gBAAiB,UAAW,CACtIC,gBAAiB,mBAClB,QAAS,CACRC,MAAO,OACPC,OAAQ,SACNb,GAAM,CAAE,IAAMG,EAAM,CAAED,SAAUA,GAAYG,EAAKS,EAAM,CAAEC,KAAMd,MACjF"}
@@ -1,4 +1,5 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { BoxProps } from '@mui/material';
2
+ import { ReactNode } from 'react';
2
3
  export type FooterMenuProps = {
3
4
  /**
4
5
  * Main item of Menu, `Link` component can be used here
@@ -17,5 +18,8 @@ export type FooterMenuProps = {
17
18
  * @default list
18
19
  */
19
20
  variant?: 'list' | 'accordion';
20
- };
21
- export declare const FooterMenu: FC<FooterMenuProps>;
21
+ } & BoxProps;
22
+ /**
23
+ * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.
24
+ */
25
+ export declare function FooterMenu({ mainItem, subItems, variant, sx, ...rest }: FooterMenuProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{Stack as i,Box as r,IconButton as c,Collapse as a}from"@mui/material";import{useEffect as l}from"react";const s=({mainItem:s,subItems:m,variant:u="list"})=>{const{isOpen:p,onToggle:d,onOpen:f}=n("list"===u);return l((()=>{"list"===u&&f()}),[u,f]),e(i,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e(r,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(r,{"data-testid":"FooterMenu.label",children:s}),"accordion"===u&&o(c,{size:"small",onClick:d,"data-testId":"FooterMenu.toggle",children:o(t,{fontSize:"small",name:p?"chevron-up":"chevron-down"})})]}),o(a,{in:p,"data-testid":"FooterMenu.content",children:o(i,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:m})})]})};export{s as FooterMenu};
1
+ import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Icon as n}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{Box as i,IconButton as r,Collapse as a,Stack as c}from"@mui/material";import{useState as s,useEffect as l}from"react";function m(m){var{mainItem:p,subItems:d,variant:u="list",sx:f}=m,x=e(m,["mainItem","subItems","variant","sx"]);const[h,g]=s("list"===u);return l((()=>{"list"===u&&g(!0)}),[u,g]),t(i,Object.assign({"data-testid":"FooterMenu",sx:Object.assign({display:"flex",gap:1,flexDirection:"column"},f||{})},x,{children:[t(i,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(i,{"data-testid":"FooterMenu.label",children:p}),"accordion"===u&&o(r,{size:"small",onClick:()=>g(!h),"data-testId":"FooterMenu.toggle",children:o(n,{fontSize:"small",name:h?"chevron-up":"chevron-down"})})]}),o(a,{in:h,"data-testid":"FooterMenu.content",children:o(c,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:d})})]}))}export{m as FooterMenu};
2
2
  //# sourceMappingURL=FooterMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect } from 'react';\nexport const FooterMenu = ({ mainItem, subItems, variant = 'list' }) => {\n const { isOpen, onToggle, onOpen } = useClosure(variant === 'list');\n useEffect(() => {\n if (variant === 'list') {\n onOpen();\n }\n }, [variant, onOpen]);\n return (_jsxs(Stack, { spacing: 1, direction: \"column\", \"data-testid\": \"FooterMenu\", children: [_jsxs(Box, { sx: {\n fontSize: '12px',\n fontWeight: 'bold',\n color: (theme) => theme.palette.onSurface.os0,\n '& a': {\n color: (theme) => theme.palette.onSurface.os0,\n textDecorationColor: (theme) => theme.palette.onSurface.os0,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: onToggle, \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n fontSize: '12px',\n color: (theme) => theme.palette.onSurface.os200,\n '& a': {\n color: (theme) => theme.palette.onSurface.os200,\n textDecorationColor: (theme) => theme.palette.onSurface.os200,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n }, children: subItems }) })] }));\n};\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","mainItem","subItems","variant","isOpen","onToggle","onOpen","useClosure","useEffect","_jsxs","Stack","spacing","direction","children","Box","sx","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","display","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","os200"],"mappings":"sWAKY,MAACA,EAAa,EAAGC,WAAUC,WAAUC,UAAU,WACvD,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAuB,SAAZJ,GAMhD,OALAK,GAAU,KACU,SAAZL,GACAG,GACH,GACF,CAACH,EAASG,IACLG,EAAMC,EAAO,CAAEC,QAAS,EAAGC,UAAW,SAAU,cAAe,aAAcC,SAAU,CAACJ,EAAMK,EAAK,CAAEC,GAAI,CACjGC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXC,QAAS,OACTC,WAAY,SACZC,eAAgB,iBACjBf,SAAU,CAACgB,EAAKf,EAAK,CAAE,cAAe,mBAAoBD,SAAUZ,IAAyB,cAAZE,GAA4B0B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS3B,EAAU,cAAe,oBAAqBQ,SAAUgB,EAAKI,EAAM,CAAEjB,SAAU,QAASkB,KAAM9B,EAAS,aAAe,sBAA2ByB,EAAKM,EAAU,CAAEC,GAAIhC,EAAQ,cAAe,qBAAsBS,SAAUgB,EAAKnB,EAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACnaC,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1C,MAAO,CACHnB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1Cd,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUgB,MACxDb,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBX,SAAUX,QAAoB"}
1
+ {"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect, useState } from 'react';\n/**\n * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.\n */\nexport function FooterMenu(_a) {\n var { mainItem, subItems, variant = 'list', sx } = _a, rest = __rest(_a, [\"mainItem\", \"subItems\", \"variant\", \"sx\"]);\n const [isOpen, setIsOpen] = useState(variant === 'list');\n useEffect(() => {\n if (variant === 'list') {\n setIsOpen(true);\n }\n }, [variant, setIsOpen]);\n return (_jsxs(Box, Object.assign({ \"data-testid\": \"FooterMenu\", sx: Object.assign({ display: 'flex', gap: 1, flexDirection: 'column' }, (sx || {})) }, rest, { children: [_jsxs(Box, { sx: {\n fontSize: '12px',\n fontWeight: 'bold',\n color: (theme) => theme.palette.onSurface.os0,\n '& a': {\n color: (theme) => theme.palette.onSurface.os0,\n textDecorationColor: (theme) => theme.palette.onSurface.os0,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: () => setIsOpen(!isOpen), \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n fontSize: '12px',\n color: (theme) => theme.palette.onSurface.os200,\n '& a': {\n color: (theme) => theme.palette.onSurface.os200,\n textDecorationColor: (theme) => theme.palette.onSurface.os200,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n }, children: subItems }) })] })));\n}\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","_a","mainItem","subItems","variant","sx","rest","__rest","isOpen","setIsOpen","useState","useEffect","_jsxs","Box","Object","assign","display","gap","flexDirection","children","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","Stack","direction","spacing","os200"],"mappings":"qTAQO,SAASA,EAAWC,GACvB,IAAIC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAU,OAAMC,GAAEA,GAAOJ,EAAIK,EAAOC,EAAON,EAAI,CAAC,WAAY,WAAY,UAAW,OAC7G,MAAOO,EAAQC,GAAaC,EAAqB,SAAZN,GAMrC,OALAO,GAAU,KACU,SAAZP,GACAK,GAAU,EACb,GACF,CAACL,EAASK,IACLG,EAAMC,EAAKC,OAAOC,OAAO,CAAE,cAAe,aAAcV,GAAIS,OAAOC,OAAO,CAAEC,QAAS,OAAQC,IAAK,EAAGC,cAAe,UAAab,GAAM,CAAE,IAAMC,EAAM,CAAEa,SAAU,CAACP,EAAMC,EAAK,CAAER,GAAI,CAC3Ke,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXb,QAAS,OACTc,WAAY,SACZC,eAAgB,iBACjBZ,SAAU,CAACa,EAAKnB,EAAK,CAAE,cAAe,mBAAoBM,SAAUjB,IAAyB,cAAZE,GAA4B4B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS,IAAM1B,GAAWD,GAAS,cAAe,oBAAqBW,SAAUa,EAAKI,EAAM,CAAEhB,SAAU,QAASiB,KAAM7B,EAAS,aAAe,sBAA2BwB,EAAKM,EAAU,CAAEC,GAAI/B,EAAQ,cAAe,qBAAsBW,SAAUa,EAAKQ,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAGrC,GAAI,CACnbe,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUkB,MAC1C,MAAO,CACHrB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUkB,MAC1ChB,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUkB,MACxDf,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBT,SAAUhB,SACjC"}
@@ -1,12 +1,18 @@
1
- import React, { ReactNode } from 'react';
1
+ import { ReactNode } from 'react';
2
+ import { BoxProps } from '@mui/material';
2
3
  export type FooterSectionContactProps = {
3
4
  /**
4
5
  * Items that should be rendered in left side of the Footer.
5
6
  */
6
7
  contactSlot?: ReactNode;
8
+ contactSlotProps?: BoxProps;
7
9
  /**
8
10
  * Items that should be rendered in right side of the Footer.
9
11
  */
10
12
  socialSlot?: ReactNode;
11
- };
12
- export declare const FooterSectionContact: React.FC<FooterSectionContactProps>;
13
+ socialSlotProps?: BoxProps;
14
+ } & BoxProps;
15
+ /**
16
+ * Renders a footer section for links divided into two columns
17
+ */
18
+ export declare function FooterSectionContact(props: FooterSectionContactProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Box as i,Stack as c}from"@mui/material";import n from"@mui/material/Unstable_Grid2";const e=e=>e.contactSlot||e.socialSlot?t(i,{"data-testid":"FooterSectionContact",children:o(n,{container:!0,spacing:6,children:[t(n,{lg:9,xs:12,"data-testid":"FooterSectionContact.contact",children:t(c,{direction:{xs:"column",md:"row"},spacing:4,children:e.contactSlot})}),t(n,{lg:3,xs:12,justifyContent:{xs:"flex-start",lg:"flex-end"},display:"flex","data-testid":"FooterSectionContact.social",children:t(c,{direction:"row",spacing:1,children:e.socialSlot})})]})}):null;export{e as FooterSectionContact};
1
+ import{__rest as t}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import{Box as a}from"@mui/material";function e(e){const{sx:i}=e,l=t(e,["sx"]),c=e.contactSlotProps||{},{sx:r}=c,n=t(c,["sx"]),x=e.socialSlotProps||{},{sx:p}=x,d=t(x,["sx"]);return e.contactSlot||e.socialSlot?o(a,Object.assign({"data-testid":"FooterSectionContact",sx:Object.assign({display:"flex",rowGap:6,flexWrap:"wrap"},i||{})},l,{children:[s(a,Object.assign({"data-testid":"FooterSectionContact.contact",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:4,flexDirection:{xs:"column",md:"row"},width:{xs:"100%",lg:.75}},r||{})},n,{children:e.contactSlot})),s(a,Object.assign({"data-testid":"FooterSectionContact.social",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:1,flexDirection:"row",justifyContent:{xs:"flex-start",lg:"flex-end"},width:{xs:"100%",lg:.25}},p||{})},d,{children:e.socialSlot}))]})):null}export{e as FooterSectionContact};
2
2
  //# sourceMappingURL=FooterSectionContact.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Stack } from '@mui/material';\nimport Grid from '@mui/material/Unstable_Grid2';\nexport const FooterSectionContact = (props) => {\n if (!props.contactSlot && !props.socialSlot) {\n return null;\n }\n return (_jsx(Box, { \"data-testid\": \"FooterSectionContact\", children: _jsxs(Grid, { container: true, spacing: 6, children: [_jsx(Grid, { lg: 9, xs: 12, \"data-testid\": \"FooterSectionContact.contact\", children: _jsx(Stack, { direction: { xs: 'column', md: 'row' }, spacing: 4, children: props.contactSlot }) }), _jsx(Grid, { lg: 3, xs: 12, justifyContent: { xs: 'flex-start', lg: 'flex-end' }, display: \"flex\", \"data-testid\": \"FooterSectionContact.social\", children: _jsx(Stack, { direction: \"row\", spacing: 1, children: props.socialSlot }) })] }) }));\n};\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["FooterSectionContact","props","contactSlot","socialSlot","_jsx","Box","children","_jsxs","Grid","container","spacing","lg","xs","Stack","direction","md","justifyContent","display"],"mappings":"6IAGY,MAACA,EAAwBC,GAC5BA,EAAMC,aAAgBD,EAAME,WAGzBC,EAAKC,EAAK,CAAE,cAAe,uBAAwBC,SAAUC,EAAMC,EAAM,CAAEC,WAAW,EAAMC,QAAS,EAAGJ,SAAU,CAACF,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAI,cAAe,+BAAgCN,SAAUF,EAAKS,EAAO,CAAEC,UAAW,CAAEF,GAAI,SAAUG,GAAI,OAASL,QAAS,EAAGJ,SAAUL,EAAMC,gBAAmBE,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAII,eAAgB,CAAEJ,GAAI,aAAcD,GAAI,YAAcM,QAAS,OAAQ,cAAe,8BAA+BX,SAAUF,EAAKS,EAAO,CAAEC,UAAW,MAAOJ,QAAS,EAAGJ,SAAUL,EAAME,oBAFjgB"}
1
+ {"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\n/**\n * Renders a footer section for links divided into two columns\n */\nexport function FooterSectionContact(props) {\n const { sx } = props, rest = __rest(props, [\"sx\"]);\n const _a = props.contactSlotProps || {}, { sx: contactSlotSx } = _a, contactSlotRest = __rest(_a, [\"sx\"]);\n const _b = props.socialSlotProps || {}, { sx: socialSlotSx } = _b, socialSlotRest = __rest(_b, [\"sx\"]);\n if (!props.contactSlot && !props.socialSlot) {\n return null;\n }\n return (_jsxs(Box, Object.assign({ \"data-testid\": \"FooterSectionContact\", sx: Object.assign({ display: 'flex', rowGap: 6, flexWrap: 'wrap' }, (sx || {})) }, rest, { children: [_jsx(Box, Object.assign({ \"data-testid\": \"FooterSectionContact.contact\", sx: Object.assign({ display: 'flex', flexWrap: 'wrap', gap: 4, flexDirection: {\n xs: 'column',\n md: 'row',\n }, width: {\n xs: '100%',\n lg: 9 / 12,\n } }, (contactSlotSx || {})) }, contactSlotRest, { children: props.contactSlot })), _jsx(Box, Object.assign({ \"data-testid\": \"FooterSectionContact.social\", sx: Object.assign({ display: 'flex', flexWrap: 'wrap', gap: 1, flexDirection: 'row', justifyContent: { xs: 'flex-start', lg: 'flex-end' }, width: {\n xs: '100%',\n lg: 3 / 12,\n } }, (socialSlotSx || {})) }, socialSlotRest, { children: props.socialSlot }))] })));\n}\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["FooterSectionContact","props","sx","rest","__rest","_a","contactSlotProps","contactSlotSx","contactSlotRest","_b","socialSlotProps","socialSlotSx","socialSlotRest","contactSlot","socialSlot","_jsxs","Box","Object","assign","display","rowGap","flexWrap","children","_jsx","gap","flexDirection","xs","md","width","lg","justifyContent"],"mappings":"qHAMO,SAASA,EAAqBC,GACjC,MAAMC,GAAEA,GAAOD,EAAOE,EAAOC,EAAOH,EAAO,CAAC,OACtCI,EAAKJ,EAAMK,kBAAoB,CAAE,GAAIJ,GAAIK,GAAkBF,EAAIG,EAAkBJ,EAAOC,EAAI,CAAC,OAC7FI,EAAKR,EAAMS,iBAAmB,CAAE,GAAIR,GAAIS,GAAiBF,EAAIG,EAAiBR,EAAOK,EAAI,CAAC,OAChG,OAAKR,EAAMY,aAAgBZ,EAAMa,WAGzBC,EAAMC,EAAKC,OAAOC,OAAO,CAAE,cAAe,uBAAwBhB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQC,OAAQ,EAAGC,SAAU,QAAWnB,GAAM,KAAQC,EAAM,CAAEmB,SAAU,CAACC,EAAKP,EAAKC,OAAOC,OAAO,CAAE,cAAe,+BAAgChB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQE,SAAU,OAAQG,IAAK,EAAGC,cAAe,CACnTC,GAAI,SACJC,GAAI,OACLC,MAAO,CACNF,GAAI,OACJG,GAAI,MACFtB,GAAiB,KAAQC,EAAiB,CAAEc,SAAUrB,EAAMY,eAAiBU,EAAKP,EAAKC,OAAOC,OAAO,CAAE,cAAe,8BAA+BhB,GAAIe,OAAOC,OAAO,CAAEC,QAAS,OAAQE,SAAU,OAAQG,IAAK,EAAGC,cAAe,MAAOK,eAAgB,CAAEJ,GAAI,aAAcG,GAAI,YAAcD,MAAO,CACzSF,GAAI,OACJG,GAAI,MACFlB,GAAgB,KAAQC,EAAgB,CAAEU,SAAUrB,EAAMa,kBAXrE,IAYf"}
@@ -1,6 +1,6 @@
1
- import { IconButtonProps } from '@mui/material';
2
1
  import { FC } from 'react';
3
- export type PredefinedFooterIconButtonProps = IconButtonProps;
2
+ import { FooterIconButtonProps } from './FooterIconButton';
3
+ export type PredefinedFooterIconButtonProps = Omit<FooterIconButtonProps<'button'>, 'icon' | 'iconSrc'>;
4
4
  export declare const FacebookFooterIconButton: FC<PredefinedFooterIconButtonProps>;
5
5
  export declare const InstagramFooterIconButton: FC<PredefinedFooterIconButtonProps>;
6
6
  export declare const TwitterFooterIconButton: FC<PredefinedFooterIconButtonProps>;
@@ -1,2 +1,2 @@
1
- import{__rest as s}from"tslib";import{jsx as r}from"react/jsx-runtime";import{IconButton as o,Icon as t}from"@mui/material";import i from"./assets/facebook_icon.svg.js";import e from"./assets/instagram_icon.svg.js";import m from"./assets/twitter_icon.svg.js";import n from"./assets/youtube_icon.svg.js";function a(i){return e=>{const m=s(e,["children"]);return r(o,Object.assign({size:"small"},m,{sx:{"&:hover":{backgroundColor:"#F3F3F317"}},children:r(t,{fontSize:"small",sx:{display:"flex","& img":{width:"100%",height:"100%"}},children:r("img",{src:i})})}))}}const c=a(i),l=a(e),f=a(m),g=a(n);export{c as FacebookFooterIconButton,l as InstagramFooterIconButton,f as TwitterFooterIconButton,g as YoutubeFooterIconButton};
1
+ import{jsx as o}from"react/jsx-runtime";import{FooterIconButton as t}from"./FooterIconButton.js";import{FacebookIcon as s}from"./assets/FacebookIcon.js";import{InstagramIcon as r}from"./assets/InstagramIcon.js";import{YoutubeIcon as e}from"./assets/YoutubeIcon.js";import{TwitterIcon as m}from"./assets/TwitterIcon.js";function n(s){return r=>o(t,Object.assign({},r,{children:s}))}const c=n(o(s,{})),i=n(o(r,{})),a=n(o(m,{})),f=n(o(e,{}));export{c as FacebookFooterIconButton,i as InstagramFooterIconButton,a as TwitterFooterIconButton,f as YoutubeFooterIconButton};
2
2
  //# sourceMappingURL=PredefinedFooterIconButtons.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon, IconButton } from '@mui/material';\nimport FacebookIcon from './assets/facebook_icon.svg';\nimport InstagramIcon from './assets/instagram_icon.svg';\nimport TwitterIcon from './assets/twitter_icon.svg';\nimport YoutubeIcon from './assets/youtube_icon.svg';\nfunction createPredefinedButton(icon) {\n return (props) => {\n const { children } = props, rest = __rest(props, [\"children\"]);\n return (_jsx(IconButton, Object.assign({ size: \"small\" }, rest, { sx: {\n '&:hover': {\n backgroundColor: '#F3F3F317',\n },\n }, children: _jsx(Icon, { fontSize: \"small\", sx: {\n display: 'flex',\n '& img': { width: '100%', height: '100%' },\n }, children: _jsx(\"img\", { src: icon }) }) })));\n };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(FacebookIcon);\nexport const InstagramFooterIconButton = createPredefinedButton(InstagramIcon);\nexport const TwitterFooterIconButton = createPredefinedButton(TwitterIcon);\nexport const YoutubeFooterIconButton = createPredefinedButton(YoutubeIcon);\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","rest","__rest","_jsx","IconButton","Object","assign","size","sx","backgroundColor","children","Icon","fontSize","display","width","height","src","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+SAOA,SAASA,EAAuBC,GAC5B,OAAQC,IACC,MAAuBC,EAAOC,EAAOF,EAAO,CAAC,aAClD,OAAQG,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWN,EAAM,CAAEO,GAAI,CAC9D,UAAW,CACPC,gBAAiB,cAEtBC,SAAUP,EAAKQ,EAAM,CAAEC,SAAU,QAASJ,GAAI,CACzCK,QAAS,OACT,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SACnCL,SAAUP,EAAK,MAAO,CAAEa,IAAKjB,QAAgB,CAEhE,CACY,MAACkB,EAA2BnB,EAAuBoB,GAClDC,EAA4BrB,EAAuBsB,GACnDC,EAA0BvB,EAAuBwB,GACjDC,EAA0BzB,EAAuB0B"}
1
+ {"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { FooterIconButton } from './FooterIconButton';\nimport { FacebookIcon, InstagramIcon, TwitterIcon, YoutubeIcon } from './assets';\nfunction createPredefinedButton(icon) {\n return (props) => {\n return _jsx(FooterIconButton, Object.assign({}, props, { children: icon }));\n };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(_jsx(FacebookIcon, {}));\nexport const InstagramFooterIconButton = createPredefinedButton(_jsx(InstagramIcon, {}));\nexport const TwitterFooterIconButton = createPredefinedButton(_jsx(TwitterIcon, {}));\nexport const YoutubeFooterIconButton = createPredefinedButton(_jsx(YoutubeIcon, {}));\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","_jsx","FooterIconButton","Object","assign","children","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+TAGA,SAASA,EAAuBC,GAC5B,OAAQC,GACGC,EAAKC,EAAkBC,OAAOC,OAAO,CAAA,EAAIJ,EAAO,CAAEK,SAAUN,IAE3E,CACY,MAACO,EAA2BR,EAAuBG,EAAKM,EAAc,CAAE,IACvEC,EAA4BV,EAAuBG,EAAKQ,EAAe,CAAE,IACzEC,EAA0BZ,EAAuBG,EAAKU,EAAa,CAAE,IACrEC,EAA0Bd,EAAuBG,EAAKY,EAAa,CAAA"}
@@ -0,0 +1 @@
1
+ export declare const FacebookIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as r}from"react/jsx-runtime";import{SvgIcon as o}from"@mui/material";const t=()=>r(o,{viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M3.10409 0C1.38456 0 0 1.38456 0 3.10409V13.8959C0 15.6154 1.38456 17 3.10409 17H8.95315V10.354H7.19578V7.9613H8.95315V5.91706C8.95315 4.31099 9.99149 2.83634 12.3834 2.83634C13.3519 2.83634 14.068 2.92932 14.068 2.92932L14.0117 5.16376C14.0117 5.16376 13.2813 5.15685 12.4843 5.15685C11.6218 5.15685 11.4835 5.55428 11.4835 6.21405V7.96132H14.0802L13.9671 10.3541H11.4835V17H13.8959C15.6154 17 17 15.6154 17 13.8959V3.10411C17 1.38458 15.6154 1.7e-05 13.8959 1.7e-05H3.10407L3.10409 0Z",fill:"currentColor"})});export{t as FacebookIcon};
2
+ //# sourceMappingURL=FacebookIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FacebookIcon.js","sources":["../../../../src/layout/Footer/assets/FacebookIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const FacebookIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M3.10409 0C1.38456 0 0 1.38456 0 3.10409V13.8959C0 15.6154 1.38456 17 3.10409 17H8.95315V10.354H7.19578V7.9613H8.95315V5.91706C8.95315 4.31099 9.99149 2.83634 12.3834 2.83634C13.3519 2.83634 14.068 2.92932 14.068 2.92932L14.0117 5.16376C14.0117 5.16376 13.2813 5.15685 12.4843 5.15685C11.6218 5.15685 11.4835 5.55428 11.4835 6.21405V7.96132H14.0802L13.9671 10.3541H11.4835V17H13.8959C15.6154 17 17 15.6154 17 13.8959V3.10411C17 1.38458 15.6154 1.7e-05 13.8959 1.7e-05H3.10407L3.10409 0Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=FacebookIcon.js.map"],"names":["FacebookIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAe,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,yeAA0eH,KAAM"}
@@ -0,0 +1 @@
1
+ export declare const InstagramIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as C}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>C(r,{viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M8.49787 5.66546C6.93707 5.66546 5.66333 6.9392 5.66333 8.5C5.66333 10.0608 6.93707 11.3345 8.49787 11.3345C10.0587 11.3345 11.3324 10.0608 11.3324 8.5C11.3324 6.9392 10.0587 5.66546 8.49787 5.66546ZM16.9994 8.5C16.9994 7.32621 17.01 6.16305 16.9441 4.99138C16.8782 3.63046 16.5677 2.42264 15.5725 1.42747C14.5752 0.430173 13.3695 0.121839 12.0086 0.0559198C10.8348 -0.00999972 9.67167 0.000632496 8.5 0.000632496C7.32621 0.000632496 6.16305 -0.00999972 4.99138 0.0559198C3.63046 0.121839 2.42264 0.432299 1.42747 1.42747C0.430173 2.42477 0.121839 3.63046 0.0559198 4.99138C-0.00999972 6.16517 0.000632496 7.32833 0.000632496 8.5C0.000632496 9.67167 -0.00999972 10.837 0.0559198 12.0086C0.121839 13.3695 0.432299 14.5774 1.42747 15.5725C2.42477 16.5698 3.63046 16.8782 4.99138 16.9441C6.16517 17.01 7.32833 16.9994 8.5 16.9994C9.67379 16.9994 10.837 17.01 12.0086 16.9441C13.3695 16.8782 14.5774 16.5677 15.5725 15.5725C16.5698 14.5752 16.8782 13.3695 16.9441 12.0086C17.0121 10.837 16.9994 9.67379 16.9994 8.5ZM8.49787 12.8613C6.08437 12.8613 4.13655 10.9135 4.13655 8.5C4.13655 6.08649 6.08437 4.13868 8.49787 4.13868C10.9114 4.13868 12.8592 6.08649 12.8592 8.5C12.8592 10.9135 10.9114 12.8613 8.49787 12.8613ZM13.0378 4.97862C12.4743 4.97862 12.0193 4.52356 12.0193 3.96006C12.0193 3.39655 12.4743 2.94149 13.0378 2.94149C13.6013 2.94149 14.0564 3.39655 14.0564 3.96006C14.0566 4.09386 14.0303 4.22639 13.9792 4.35004C13.9281 4.4737 13.853 4.58605 13.7584 4.68067C13.6638 4.77528 13.5515 4.8503 13.4278 4.90143C13.3042 4.95256 13.1716 4.97879 13.0378 4.97862Z",fill:"currentColor"})});export{o as InstagramIcon};
2
+ //# sourceMappingURL=InstagramIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InstagramIcon.js","sources":["../../../../src/layout/Footer/assets/InstagramIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const InstagramIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M8.49787 5.66546C6.93707 5.66546 5.66333 6.9392 5.66333 8.5C5.66333 10.0608 6.93707 11.3345 8.49787 11.3345C10.0587 11.3345 11.3324 10.0608 11.3324 8.5C11.3324 6.9392 10.0587 5.66546 8.49787 5.66546ZM16.9994 8.5C16.9994 7.32621 17.01 6.16305 16.9441 4.99138C16.8782 3.63046 16.5677 2.42264 15.5725 1.42747C14.5752 0.430173 13.3695 0.121839 12.0086 0.0559198C10.8348 -0.00999972 9.67167 0.000632496 8.5 0.000632496C7.32621 0.000632496 6.16305 -0.00999972 4.99138 0.0559198C3.63046 0.121839 2.42264 0.432299 1.42747 1.42747C0.430173 2.42477 0.121839 3.63046 0.0559198 4.99138C-0.00999972 6.16517 0.000632496 7.32833 0.000632496 8.5C0.000632496 9.67167 -0.00999972 10.837 0.0559198 12.0086C0.121839 13.3695 0.432299 14.5774 1.42747 15.5725C2.42477 16.5698 3.63046 16.8782 4.99138 16.9441C6.16517 17.01 7.32833 16.9994 8.5 16.9994C9.67379 16.9994 10.837 17.01 12.0086 16.9441C13.3695 16.8782 14.5774 16.5677 15.5725 15.5725C16.5698 14.5752 16.8782 13.3695 16.9441 12.0086C17.0121 10.837 16.9994 9.67379 16.9994 8.5ZM8.49787 12.8613C6.08437 12.8613 4.13655 10.9135 4.13655 8.5C4.13655 6.08649 6.08437 4.13868 8.49787 4.13868C10.9114 4.13868 12.8592 6.08649 12.8592 8.5C12.8592 10.9135 10.9114 12.8613 8.49787 12.8613ZM13.0378 4.97862C12.4743 4.97862 12.0193 4.52356 12.0193 3.96006C12.0193 3.39655 12.4743 2.94149 13.0378 2.94149C13.6013 2.94149 14.0564 3.39655 14.0564 3.96006C14.0566 4.09386 14.0303 4.22639 13.9792 4.35004C13.9281 4.4737 13.853 4.58605 13.7584 4.68067C13.6638 4.77528 13.5515 4.8503 13.4278 4.90143C13.3042 4.95256 13.1716 4.97879 13.0378 4.97862Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=InstagramIcon.js.map"],"names":["InstagramIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAgB,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,6hDAA8hDH,KAAM"}
@@ -0,0 +1 @@
1
+ export declare const TwitterIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as C}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>C(r,{viewBox:"0 0 17 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M17 1.64056C16.3748 1.91024 15.6945 2.10432 14.9938 2.17991C15.7213 1.74768 16.2661 1.06483 16.526 0.259472C15.8433 0.665603 15.0954 0.950389 14.3155 1.1012C13.9895 0.752712 13.5952 0.475093 13.1573 0.285638C12.7193 0.0961839 12.247 -0.00104559 11.7699 8.47937e-06C9.8392 8.47937e-06 8.2865 1.56496 8.2865 3.48541C8.2865 3.75509 8.31919 4.02477 8.37231 4.28423C5.48143 4.13305 2.90314 2.75196 1.18904 0.637432C0.876713 1.1709 0.713043 1.77831 0.715058 2.39647C0.715058 3.60594 1.33001 4.6724 2.26776 5.29961C1.71513 5.27785 1.17544 5.12595 0.692585 4.85628V4.89918C0.692585 6.59284 1.8898 7.9964 3.4854 8.3192C3.18581 8.39702 2.87761 8.43683 2.56808 8.4377C2.34131 8.4377 2.12679 8.41522 1.91023 8.38458C2.35152 9.76566 3.63658 10.7688 5.16681 10.8015C3.96959 11.7392 2.47002 12.2908 0.841726 12.2908C0.549573 12.2908 0.279894 12.2806 0 12.2479C1.54453 13.2388 3.37712 13.8108 5.35068 13.8108C11.7576 13.8108 15.2634 8.50307 15.2634 3.89605C15.2634 3.74487 15.2634 3.59369 15.2532 3.4425C15.9315 2.94605 16.526 2.3311 17 1.64056Z",fill:"currentColor"})});export{o as TwitterIcon};
2
+ //# sourceMappingURL=TwitterIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TwitterIcon.js","sources":["../../../../src/layout/Footer/assets/TwitterIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const TwitterIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 17 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M17 1.64056C16.3748 1.91024 15.6945 2.10432 14.9938 2.17991C15.7213 1.74768 16.2661 1.06483 16.526 0.259472C15.8433 0.665603 15.0954 0.950389 14.3155 1.1012C13.9895 0.752712 13.5952 0.475093 13.1573 0.285638C12.7193 0.0961839 12.247 -0.00104559 11.7699 8.47937e-06C9.8392 8.47937e-06 8.2865 1.56496 8.2865 3.48541C8.2865 3.75509 8.31919 4.02477 8.37231 4.28423C5.48143 4.13305 2.90314 2.75196 1.18904 0.637432C0.876713 1.1709 0.713043 1.77831 0.715058 2.39647C0.715058 3.60594 1.33001 4.6724 2.26776 5.29961C1.71513 5.27785 1.17544 5.12595 0.692585 4.85628V4.89918C0.692585 6.59284 1.8898 7.9964 3.4854 8.3192C3.18581 8.39702 2.87761 8.43683 2.56808 8.4377C2.34131 8.4377 2.12679 8.41522 1.91023 8.38458C2.35152 9.76566 3.63658 10.7688 5.16681 10.8015C3.96959 11.7392 2.47002 12.2908 0.841726 12.2908C0.549573 12.2908 0.279894 12.2806 0 12.2479C1.54453 13.2388 3.37712 13.8108 5.35068 13.8108C11.7576 13.8108 15.2634 8.50307 15.2634 3.89605C15.2634 3.74487 15.2634 3.59369 15.2532 3.4425C15.9315 2.94605 16.526 2.3311 17 1.64056Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=TwitterIcon.js.map"],"names":["TwitterIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAc,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,wgCAAygCH,KAAM"}
@@ -0,0 +1 @@
1
+ export declare const YoutubeIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import{jsx as C}from"react/jsx-runtime";import{SvgIcon as V}from"@mui/material";const H=()=>C(V,{viewBox:"0 0 15 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M9.42578 11.8013V13.803C9.42578 14.2267 9.30245 14.4386 9.0558 14.4386C8.91034 14.4386 8.76804 14.369 8.6289 14.2299V11.3744C8.76804 11.2353 8.91034 11.1657 9.0558 11.1657C9.30245 11.1657 9.42578 11.3776 9.42578 11.8013ZM12.6323 11.8108V12.2472H11.7785V11.8108C11.7785 11.3808 11.9208 11.1657 12.2054 11.1657C12.49 11.1657 12.6323 11.3808 12.6323 11.8108ZM3.46819 9.74275H4.48326V8.851H1.52343V9.74275H2.51953V15.1406H3.46819V9.74275ZM6.20033 15.1406H7.04464V10.4542H6.20033V14.0402C6.0106 14.3058 5.83035 14.4386 5.6596 14.4386C5.54576 14.4386 5.47935 14.3722 5.46038 14.2394C5.45405 14.2204 5.45089 14.1097 5.45089 13.9074V10.4542H4.60658V14.1635C4.60658 14.4734 4.63188 14.7042 4.68247 14.856C4.75837 15.09 4.94178 15.207 5.2327 15.207C5.53627 15.207 5.85881 15.0141 6.20033 14.6283V15.1406ZM10.2701 13.7366V11.8677C10.2701 11.4061 10.2416 11.093 10.1847 10.9286C10.0772 10.5744 9.85268 10.3973 9.51116 10.3973C9.19494 10.3973 8.90085 10.5681 8.6289 10.9096V8.851H7.7846V15.1406H8.6289V14.6853C8.9135 15.0331 9.20759 15.207 9.51116 15.207C9.85268 15.207 10.0772 15.0331 10.1847 14.6853C10.2416 14.5145 10.2701 14.1983 10.2701 13.7366ZM13.4766 13.6417V13.5184H12.6133C12.6133 13.841 12.607 14.0339 12.5943 14.0971C12.55 14.3248 12.4235 14.4386 12.2148 14.4386C11.9239 14.4386 11.7785 14.2204 11.7785 13.784V12.9587H13.4766V11.9816C13.4766 11.482 13.3912 11.1151 13.2204 10.8811C12.9738 10.5586 12.6386 10.3973 12.2148 10.3973C11.7848 10.3973 11.4464 10.5586 11.1998 10.8811C11.0227 11.1151 10.9341 11.482 10.9341 11.9816V13.6228C10.9341 14.1224 11.0259 14.4892 11.2093 14.7232C11.4559 15.0458 11.7974 15.207 12.2338 15.207C12.6892 15.207 13.0307 15.0394 13.2584 14.7042C13.3722 14.5335 13.4386 14.3627 13.4576 14.192C13.4702 14.135 13.4766 13.9516 13.4766 13.6417ZM7.7087 4.98047V2.98828C7.7087 2.5519 7.57273 2.33371 7.30078 2.33371C7.02883 2.33371 6.89285 2.5519 6.89285 2.98828V4.98047C6.89285 5.42318 7.02883 5.64453 7.30078 5.64453C7.57273 5.64453 7.7087 5.42318 7.7087 4.98047ZM14.5296 12.1049C14.5296 13.5848 14.4474 14.6916 14.2829 15.4252C14.1944 15.7984 14.011 16.1114 13.7327 16.3644C13.4544 16.6174 13.1319 16.7628 12.7651 16.8008C11.6014 16.9336 9.84635 17 7.5 17C5.15364 17 3.39862 16.9336 2.23493 16.8008C1.86811 16.7628 1.54399 16.6174 1.26255 16.3644C0.981117 16.1114 0.79929 15.7984 0.717073 15.4252C0.552638 14.7169 0.470421 13.6101 0.470421 12.1049C0.470421 10.625 0.552638 9.51823 0.717073 8.7846C0.805614 8.41146 0.989022 8.0984 1.2673 7.84542C1.54557 7.59245 1.87128 7.44382 2.24442 7.39955C3.40178 7.27307 5.15364 7.20982 7.5 7.20982C9.84635 7.20982 11.6014 7.27307 12.7651 7.39955C13.1319 7.44382 13.456 7.59245 13.7374 7.84542C14.0189 8.0984 14.2007 8.41146 14.2829 8.7846C14.4474 9.49293 14.5296 10.5997 14.5296 12.1049ZM5.06194 0H6.02957L4.88169 3.78516V6.35603H3.93303V3.78516C3.84449 3.31715 3.6516 2.64676 3.35435 1.774C3.12035 1.12258 2.9148 0.53125 2.73772 0H3.7433L4.41685 2.49498L5.06194 0ZM8.57198 3.15904V4.8192C8.57198 5.33147 8.48344 5.70461 8.30636 5.93862C8.06603 6.26116 7.73084 6.42243 7.30078 6.42243C6.87704 6.42243 6.54501 6.26116 6.30468 5.93862C6.1276 5.69829 6.03906 5.32515 6.03906 4.8192V3.15904C6.03906 2.65309 6.1276 2.28311 6.30468 2.04911C6.54501 1.72656 6.87704 1.56529 7.30078 1.56529C7.73084 1.56529 8.06603 1.72656 8.30636 2.04911C8.48344 2.28311 8.57198 2.65309 8.57198 3.15904ZM11.75 1.62221V6.35603H10.8867V5.83426C10.5515 6.22638 10.2258 6.42243 9.9096 6.42243C9.61867 6.42243 9.4321 6.30543 9.34989 6.07143C9.29929 5.91964 9.27399 5.68248 9.27399 5.35993V1.62221H10.1373V5.10379C10.1373 5.3125 10.1404 5.42318 10.1468 5.43583C10.1657 5.57496 10.2321 5.64453 10.346 5.64453C10.5167 5.64453 10.697 5.50856 10.8867 5.23661V1.62221H11.75Z",fill:"currentColor"})});export{H as YoutubeIcon};
2
+ //# sourceMappingURL=YoutubeIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"YoutubeIcon.js","sources":["../../../../src/layout/Footer/assets/YoutubeIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SvgIcon } from '@mui/material';\nexport const YoutubeIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 15 17\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M9.42578 11.8013V13.803C9.42578 14.2267 9.30245 14.4386 9.0558 14.4386C8.91034 14.4386 8.76804 14.369 8.6289 14.2299V11.3744C8.76804 11.2353 8.91034 11.1657 9.0558 11.1657C9.30245 11.1657 9.42578 11.3776 9.42578 11.8013ZM12.6323 11.8108V12.2472H11.7785V11.8108C11.7785 11.3808 11.9208 11.1657 12.2054 11.1657C12.49 11.1657 12.6323 11.3808 12.6323 11.8108ZM3.46819 9.74275H4.48326V8.851H1.52343V9.74275H2.51953V15.1406H3.46819V9.74275ZM6.20033 15.1406H7.04464V10.4542H6.20033V14.0402C6.0106 14.3058 5.83035 14.4386 5.6596 14.4386C5.54576 14.4386 5.47935 14.3722 5.46038 14.2394C5.45405 14.2204 5.45089 14.1097 5.45089 13.9074V10.4542H4.60658V14.1635C4.60658 14.4734 4.63188 14.7042 4.68247 14.856C4.75837 15.09 4.94178 15.207 5.2327 15.207C5.53627 15.207 5.85881 15.0141 6.20033 14.6283V15.1406ZM10.2701 13.7366V11.8677C10.2701 11.4061 10.2416 11.093 10.1847 10.9286C10.0772 10.5744 9.85268 10.3973 9.51116 10.3973C9.19494 10.3973 8.90085 10.5681 8.6289 10.9096V8.851H7.7846V15.1406H8.6289V14.6853C8.9135 15.0331 9.20759 15.207 9.51116 15.207C9.85268 15.207 10.0772 15.0331 10.1847 14.6853C10.2416 14.5145 10.2701 14.1983 10.2701 13.7366ZM13.4766 13.6417V13.5184H12.6133C12.6133 13.841 12.607 14.0339 12.5943 14.0971C12.55 14.3248 12.4235 14.4386 12.2148 14.4386C11.9239 14.4386 11.7785 14.2204 11.7785 13.784V12.9587H13.4766V11.9816C13.4766 11.482 13.3912 11.1151 13.2204 10.8811C12.9738 10.5586 12.6386 10.3973 12.2148 10.3973C11.7848 10.3973 11.4464 10.5586 11.1998 10.8811C11.0227 11.1151 10.9341 11.482 10.9341 11.9816V13.6228C10.9341 14.1224 11.0259 14.4892 11.2093 14.7232C11.4559 15.0458 11.7974 15.207 12.2338 15.207C12.6892 15.207 13.0307 15.0394 13.2584 14.7042C13.3722 14.5335 13.4386 14.3627 13.4576 14.192C13.4702 14.135 13.4766 13.9516 13.4766 13.6417ZM7.7087 4.98047V2.98828C7.7087 2.5519 7.57273 2.33371 7.30078 2.33371C7.02883 2.33371 6.89285 2.5519 6.89285 2.98828V4.98047C6.89285 5.42318 7.02883 5.64453 7.30078 5.64453C7.57273 5.64453 7.7087 5.42318 7.7087 4.98047ZM14.5296 12.1049C14.5296 13.5848 14.4474 14.6916 14.2829 15.4252C14.1944 15.7984 14.011 16.1114 13.7327 16.3644C13.4544 16.6174 13.1319 16.7628 12.7651 16.8008C11.6014 16.9336 9.84635 17 7.5 17C5.15364 17 3.39862 16.9336 2.23493 16.8008C1.86811 16.7628 1.54399 16.6174 1.26255 16.3644C0.981117 16.1114 0.79929 15.7984 0.717073 15.4252C0.552638 14.7169 0.470421 13.6101 0.470421 12.1049C0.470421 10.625 0.552638 9.51823 0.717073 8.7846C0.805614 8.41146 0.989022 8.0984 1.2673 7.84542C1.54557 7.59245 1.87128 7.44382 2.24442 7.39955C3.40178 7.27307 5.15364 7.20982 7.5 7.20982C9.84635 7.20982 11.6014 7.27307 12.7651 7.39955C13.1319 7.44382 13.456 7.59245 13.7374 7.84542C14.0189 8.0984 14.2007 8.41146 14.2829 8.7846C14.4474 9.49293 14.5296 10.5997 14.5296 12.1049ZM5.06194 0H6.02957L4.88169 3.78516V6.35603H3.93303V3.78516C3.84449 3.31715 3.6516 2.64676 3.35435 1.774C3.12035 1.12258 2.9148 0.53125 2.73772 0H3.7433L4.41685 2.49498L5.06194 0ZM8.57198 3.15904V4.8192C8.57198 5.33147 8.48344 5.70461 8.30636 5.93862C8.06603 6.26116 7.73084 6.42243 7.30078 6.42243C6.87704 6.42243 6.54501 6.26116 6.30468 5.93862C6.1276 5.69829 6.03906 5.32515 6.03906 4.8192V3.15904C6.03906 2.65309 6.1276 2.28311 6.30468 2.04911C6.54501 1.72656 6.87704 1.56529 7.30078 1.56529C7.73084 1.56529 8.06603 1.72656 8.30636 2.04911C8.48344 2.28311 8.57198 2.65309 8.57198 3.15904ZM11.75 1.62221V6.35603H10.8867V5.83426C10.5515 6.22638 10.2258 6.42243 9.9096 6.42243C9.61867 6.42243 9.4321 6.30543 9.34989 6.07143C9.29929 5.91964 9.27399 5.68248 9.27399 5.35993V1.62221H10.1373V5.10379C10.1373 5.3125 10.1404 5.42318 10.1468 5.43583C10.1657 5.57496 10.2321 5.64453 10.346 5.64453C10.5167 5.64453 10.697 5.50856 10.8867 5.23661V1.62221H11.75Z\", fill: \"currentColor\" }) }));\n//# sourceMappingURL=YoutubeIcon.js.map"],"names":["YoutubeIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEY,MAACA,EAAc,IAAOC,EAAKC,EAAS,CAAEC,QAAS,YAAaC,KAAM,OAAQC,MAAO,6BAA8BC,SAAUL,EAAK,OAAQ,CAAEM,EAAG,unHAAwnHH,KAAM"}
@@ -0,0 +1,4 @@
1
+ export { FacebookIcon } from './FacebookIcon';
2
+ export { InstagramIcon } from './InstagramIcon';
3
+ export { YoutubeIcon } from './YoutubeIcon';
4
+ export { TwitterIcon } from './TwitterIcon';
@@ -1,2 +1,2 @@
1
- import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as i,IconButton as n}from"@mui/material";import{forwardRef as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../design/skoda/theme.js";import"@mui/material/styles";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../components/icon/icon.definitions.js";import"../SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"minimatch";const p=s((function(s,p){const{icon:c,label:l,color:d,indicator:j}=s,u=o(s,["icon","label","color","indicator"]),g=r();return t(i,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(n,Object.assign({size:"large"},u,{ref:p,sx:{background:"grey"===d&&g.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[j&&t(a,{color:j,variant:"status"}),t(m,{name:c})]}))})}));export{p as HeaderButton};
1
+ import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as i,IconButton as s}from"@mui/material";import{forwardRef as n}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../../design/skoda/theme.js";import"../../design/skoda/theme.breakpoints.js";import"@mui/material/styles";import"@mui/system";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../components/icon/icon.definitions.js";import"../SideMenu/SideMenuItem.js";import"../Footer/PredefinedFooterIconButtons.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"minimatch";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,u=o(n,["icon","label","color","indicator"]),g=r();return t(i,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(s,Object.assign({size:"large"},u,{ref:p,sx:{background:"grey"===d&&g.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[j&&t(a,{color:j,variant:"status"}),t(m,{name:c})]}))})}));export{p as HeaderButton};
2
2
  //# sourceMappingURL=HeaderButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n const theme = useTheme();\n return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n background: color === 'grey' && theme.palette.surface.primary,\n '.fwlIndicator': {\n position: 'absolute',\n top: '15%',\n right: '20%',\n },\n '.fwlIndicator::before': {\n margin: 0,\n },\n }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","name"],"mappings":"6sIAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}
1
+ {"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n const theme = useTheme();\n return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n background: color === 'grey' && theme.palette.surface.primary,\n '.fwlIndicator': {\n position: 'absolute',\n top: '15%',\n right: '20%',\n },\n '.fwlIndicator::before': {\n margin: 0,\n },\n }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","name"],"mappings":"g2IAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,Popper as i,ClickAwayListener as n,Fade as a,Container as l}from"@mui/material";import{useRef as p,useContext as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{HeaderContext as d}from"./HeaderContext.js";import{Button as h}from"@mui/base";function g(r){const{label:m,heroElement:h}=r,{isOpen:g,onToggle:b,onClose:C}=c(),j=p(null),{headerRef:w,color:y,headerWidth:k}=s(d);return e(t,{ref:j,display:"flex",alignItems:"center",children:[e(u,{onClick:b,children:[o(f,{className:"FwlNavigationItem-label",children:m}),o(x,{className:g?"chevron-up":"chevron-down"})]}),o(i,{open:g,anchorEl:null==w?void 0:w.current,transition:!0,children:({TransitionProps:e})=>o(n,{onClickAway:C,children:o(a,Object.assign({},e,{timeout:350,children:o(l,{sx:{width:`${k}px`,background:e=>"dark"===y?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===y?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:h})}))})})]})}const u=r(h)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),f=r(t)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),x=r(m)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{g as HeaderNavigationHero};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,Popper as i,ClickAwayListener as n,Fade as a,Container as l}from"@mui/material";import{useRef as p,useContext as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{HeaderContext as d}from"./HeaderContext.js";import{Button as h}from"@mui/base";function u(r){const{label:m,heroElement:h}=r,{isOpen:u,onToggle:x,onClose:C}=c(),j=p(null),{headerRef:k,color:w,headerWidth:y}=s(d);return e(t,{ref:j,display:"flex",alignItems:"center",children:[e(g,{onClick:x,children:[o(f,{className:"FwlNavigationItem-label",children:m}),o(b,{name:u?"chevron-up":"chevron-down"})]}),o(i,{open:u,anchorEl:null==k?void 0:k.current,transition:!0,children:({TransitionProps:e})=>o(n,{onClickAway:C,children:o(a,Object.assign({},e,{timeout:350,children:o(l,{sx:{width:`${y}px`,background:e=>"dark"===w?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===w?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:h})}))})})]})}const g=r(h)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),f=r(t)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",[e.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),b=r(m)((()=>({fontSize:"16px",marginLeft:"5px"})));export{u as HeaderNavigationHero};
2
2
  //# sourceMappingURL=HeaderNavigationHero.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderNavigationHero.js","sources":["../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { useContext, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { HeaderContext } from './HeaderContext';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationHero(props) {\n const { label, heroElement } = props;\n const { isOpen, onToggle, onClose } = useClosure();\n const anchor = useRef(null);\n const { headerRef, color, headerWidth } = useContext(HeaderContext);\n return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onToggle, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Popper, { open: isOpen, anchorEl: headerRef === null || headerRef === void 0 ? void 0 : headerRef.current, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(Container, { sx: {\n width: `${headerWidth}px`,\n background: (theme) => color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n padding: '48px 0 40px 0',\n }, children: heroElement }) })) })) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n width: '15px',\n height: '15px',\n marginLeft: '5px',\n lineHeight: '5px',\n '&::before': {\n fontSize: '16px',\n },\n}));\n//# sourceMappingURL=HeaderNavigationHero.js.map"],"names":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","color","headerWidth","useContext","HeaderContext","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","Object","assign","timeout","Container","sx","width","background","theme","palette","onSurface","os900","common","white","text","primary","padding","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","cursor","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","Icon","height","marginLeft"],"mappings":"sbAOO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAO,OAChBC,UAAEA,EAASC,MAAEA,EAAKC,YAAEA,GAAgBC,EAAWC,GACrD,OAAQC,EAAMC,EAAK,CAAEC,IAAKT,EAAQU,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASjB,EAAUe,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUlB,IAAUqB,EAAKG,EAAU,CAAED,UAAWrB,EAAS,aAAe,oBAAuBmB,EAAKI,EAAQ,CAAEC,KAAMxB,EAAQyB,SAAUnB,aAA6C,EAASA,EAAUoB,QAASC,YAAY,EAAMX,SAAU,EAAGY,qBAAuBT,EAAKU,EAAmB,CAAEC,YAAa5B,EAASc,SAAUG,EAAKY,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAiB,CAAEM,QAAS,IAAKlB,SAAUG,EAAKgB,EAAW,CAAEC,GAAI,CAC/jBC,MAAO,GAAG7B,MACV8B,WAAaC,GAAoB,SAAVhC,EAAmBgC,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,OAAOC,MAC/FrC,MAAQgC,GAAqB,SAAVhC,EAAmBgC,EAAMC,QAAQG,OAAOC,MAAQL,EAAMC,QAAQK,KAAKC,QACtFC,QAAS,iBACV/B,SAAUjB,aACzC,CACA,MAAMkB,EAAa+B,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRhB,WAAY,UACZiB,OAAQ,UACRzC,QAAS,OACTC,WAAY,SACZR,MAAO,cAELa,EAAY4B,EAAOpC,EAAPoC,EAAY,EAAGT,WAAaP,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIM,EAAMiB,WAAWC,MAAO,CAAElD,MAAO,UAAWmD,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIV,YAAa,EAAGC,aAAc,EAAGU,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAepC,WAAY,kCAChTL,EAAW0B,EAAOgB,EAAPhB,EAAa,KAAO,CACjCX,MAAO,OACP4B,OAAQ,OACRC,WAAY,MACZR,WAAY,MACZ,YAAa,CACTE,SAAU"}
1
+ {"version":3,"file":"HeaderNavigationHero.js","sources":["../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { useContext, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { HeaderContext } from './HeaderContext';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationHero(props) {\n const { label, heroElement } = props;\n const { isOpen, onToggle, onClose } = useClosure();\n const anchor = useRef(null);\n const { headerRef, color, headerWidth } = useContext(HeaderContext);\n return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onToggle, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { name: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Popper, { open: isOpen, anchorEl: headerRef === null || headerRef === void 0 ? void 0 : headerRef.current, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(Container, { sx: {\n width: `${headerWidth}px`,\n background: (theme) => color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n padding: '48px 0 40px 0',\n }, children: heroElement }) })) })) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', [theme.breakpoints.up('xs')]: {\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '24px',\n }, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n fontSize: '16px',\n marginLeft: '5px',\n}));\n//# sourceMappingURL=HeaderNavigationHero.js.map"],"names":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","color","headerWidth","useContext","HeaderContext","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","Object","assign","timeout","Container","sx","width","background","theme","palette","onSurface","os900","common","white","text","primary","padding","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","cursor","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","Icon","marginLeft"],"mappings":"sbAOO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAO,OAChBC,UAAEA,EAASC,MAAEA,EAAKC,YAAEA,GAAgBC,EAAWC,GACrD,OAAQC,EAAMC,EAAK,CAAEC,IAAKT,EAAQU,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASjB,EAAUe,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUlB,IAAUqB,EAAKG,EAAU,CAAEC,KAAMvB,EAAS,aAAe,oBAAuBmB,EAAKK,EAAQ,CAAEC,KAAMzB,EAAQ0B,SAAUpB,aAA6C,EAASA,EAAUqB,QAASC,YAAY,EAAMZ,SAAU,EAAGa,qBAAuBV,EAAKW,EAAmB,CAAEC,YAAa7B,EAASc,SAAUG,EAAKa,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAiB,CAAEM,QAAS,IAAKnB,SAAUG,EAAKiB,EAAW,CAAEC,GAAI,CAC1jBC,MAAO,GAAG9B,MACV+B,WAAaC,GAAoB,SAAVjC,EAAmBiC,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,OAAOC,MAC/FtC,MAAQiC,GAAqB,SAAVjC,EAAmBiC,EAAMC,QAAQG,OAAOC,MAAQL,EAAMC,QAAQK,KAAKC,QACtFC,QAAS,iBACVhC,SAAUjB,aACzC,CACA,MAAMkB,EAAagC,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRhB,WAAY,UACZiB,OAAQ,UACR1C,QAAS,OACTC,WAAY,SACZR,MAAO,cAELa,EAAY6B,EAAOrC,EAAPqC,EAAY,EAAGT,WAAaP,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIM,EAAMiB,WAAWC,MAAO,CAAEnD,MAAO,UAAW,CAACiC,EAAMmB,YAAYC,GAAG,OAAQ,CAChJC,WAAY,MACZC,SAAU,OACVC,WAAY,QACbZ,YAAa,EAAGC,aAAc,EAAGY,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAetC,WAAY,kCAC7HN,EAAW2B,EAAOkB,EAAPlB,EAAa,KAAO,CACjCa,SAAU,OACVM,WAAY"}
@@ -1,2 +1,2 @@
1
- import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{styled as t,Box as o}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import{Button as l}from"@mui/base";function m(t){const{children:a,label:l,onClick:m,external:d}=t,h=e(t,["children","label","onClick","external"]),g=n(null);return r(o,{ref:g,display:"flex",alignItems:"center",children:i(p,Object.assign({onClick:m},h,{children:[r(c,{className:"FwlNavigationItem-label",children:l||a}),d&&r(s,{name:"arrow-right"})]}))})}const p=t(l)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),c=t(o)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),s=t(a)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{m as HeaderNavigationLink};
1
+ import{__rest as r}from"tslib";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{styled as o,Box as t}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import{Button as l}from"@mui/base";function p(o){const{children:a,label:l,onClick:p,external:d}=o,g=r(o,["children","label","onClick","external"]),b=n(null);return e(t,{ref:b,display:"flex",alignItems:"center",children:i(m,Object.assign({onClick:p},g,{children:[e(s,{className:"FwlNavigationItem-label",children:l||a}),d&&e(c,{name:"arrow-top-right"})]}))})}const m=o(l)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),s=o(t)((({theme:r})=>Object.assign(Object.assign({},r.typography.body),{color:"inherit",[r.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),c=o(a)((()=>({fontSize:"16px",marginLeft:"5px"})));export{p as HeaderNavigationLink};
2
2
  //# sourceMappingURL=HeaderNavigationLink.js.map