@skodaflow/web-library 4.2.0 → 5.0.0

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 (424) hide show
  1. package/README.md +61 -47
  2. package/cjs/components/accordion/accordion.d.ts +2 -2
  3. package/cjs/components/accordion/accordion.js +1 -1
  4. package/cjs/components/accordion/accordion.js.map +1 -1
  5. package/cjs/components/banner/banner.d.ts +2 -2
  6. package/cjs/components/banner/banner.js +1 -1
  7. package/cjs/components/banner/banner.js.map +1 -1
  8. package/cjs/components/cardMenu/cardMenu.js +1 -1
  9. package/cjs/components/cardMenu/cardMenu.js.map +1 -1
  10. package/cjs/components/cardMenu/styled/menuListStyled.d.ts +1 -1
  11. package/cjs/components/common/hook/useWindowSize.js +1 -1
  12. package/cjs/components/common/hook/useWindowSize.js.map +1 -1
  13. package/cjs/components/common/styled/textFieldStyled.d.ts +1 -1
  14. package/cjs/components/iconButton/index.d.ts +1 -1
  15. package/cjs/components/indicator/indicator.js.map +1 -1
  16. package/cjs/components/label/label.js.map +1 -1
  17. package/cjs/components/labelFeature/labelFeature.js.map +1 -1
  18. package/cjs/components/labelStatus/labelStatus.js.map +1 -1
  19. package/cjs/components/mobileStepper/index.d.ts +1 -0
  20. package/cjs/components/mobileStepper/mobileStepper.d.ts +1 -1
  21. package/cjs/components/mobileStepper/mobileStepper.js +1 -1
  22. package/cjs/components/mobileStepper/mobileStepper.js.map +1 -1
  23. package/cjs/components/mobileStepper/mobileStepperButton.d.ts +4 -0
  24. package/cjs/components/mobileStepper/mobileStepperButton.js +2 -0
  25. package/cjs/components/mobileStepper/mobileStepperButton.js.map +1 -0
  26. package/cjs/components/modal/modal.d.ts +12 -0
  27. package/cjs/components/modal/modal.js +1 -1
  28. package/cjs/components/modal/modal.js.map +1 -1
  29. package/cjs/components/selectInput/formControlSelectStyled.d.ts +1 -1
  30. package/cjs/components/slider/slider.d.ts +3 -3
  31. package/cjs/components/slider/slider.js +1 -1
  32. package/cjs/components/slider/slider.js.map +1 -1
  33. package/cjs/components/snackbar/snackbarMessage.js +1 -1
  34. package/cjs/components/snackbar/snackbarMessage.js.map +1 -1
  35. package/cjs/components/stepper/stepper.d.ts +2 -2
  36. package/cjs/components/stepper/stepper.js +1 -1
  37. package/cjs/components/stepper/stepper.js.map +1 -1
  38. package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
  39. package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
  40. package/cjs/components/tab/tabStyled.d.ts +1 -1
  41. package/cjs/design/skoda/components/accordion/accordion.theme.js +1 -1
  42. package/cjs/design/skoda/components/accordion/accordion.theme.js.map +1 -1
  43. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  44. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  45. package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
  46. package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
  47. package/cjs/design/skoda/components/dialog/dialog.theme.js.map +1 -0
  48. package/cjs/design/skoda/components/dialog/dialogActions.theme.js.map +1 -0
  49. package/cjs/design/skoda/components/dialog/dialogTitle.theme.js.map +1 -0
  50. package/cjs/design/skoda/components/form/filledInput.theme.js.map +1 -0
  51. package/cjs/design/skoda/components/form/formControl.theme.js.map +1 -0
  52. package/cjs/design/skoda/components/form/formControlLabel.theme.js.map +1 -0
  53. package/cjs/design/skoda/components/form/formHelperText.theme.js.map +1 -0
  54. package/cjs/design/skoda/components/form/formLabel.theme.js.map +1 -0
  55. package/cjs/design/skoda/components/form/input.theme.js.map +1 -0
  56. package/cjs/design/skoda/components/form/inputAdornment.theme.js.map +1 -0
  57. package/cjs/design/skoda/components/form/inputBase.theme.js.map +1 -0
  58. package/cjs/design/skoda/components/form/inputLabel.theme.js.map +1 -0
  59. package/cjs/design/skoda/components/form/radio.theme.js +2 -0
  60. package/cjs/design/skoda/components/form/radio.theme.js.map +1 -0
  61. package/cjs/design/skoda/components/form/select.theme.js +2 -0
  62. package/cjs/design/skoda/components/form/select.theme.js.map +1 -0
  63. package/cjs/design/skoda/components/form/slider.theme.js +2 -0
  64. package/cjs/design/skoda/components/form/slider.theme.js.map +1 -0
  65. package/cjs/design/skoda/components/form/switch.theme.js.map +1 -0
  66. package/cjs/design/skoda/components/form/textField.theme.js.map +1 -0
  67. package/cjs/design/skoda/components/layout/breakpoints.theme.js.map +1 -0
  68. package/cjs/design/skoda/components/layout/container.theme.js.map +1 -0
  69. package/cjs/design/skoda/components/layout/grid.theme.js.map +1 -0
  70. package/cjs/design/skoda/components/mobileStepper.theme.js +1 -1
  71. package/cjs/design/skoda/components/mobileStepper.theme.js.map +1 -1
  72. package/cjs/design/skoda/components/stepper/index.d.ts +1 -0
  73. package/cjs/design/skoda/components/stepper/stepIcon/errorStepIcon.d.ts +3 -0
  74. package/cjs/design/skoda/components/stepper/stepIcon/errorStepIcon.js +2 -0
  75. package/cjs/design/skoda/components/stepper/stepIcon/errorStepIcon.js.map +1 -0
  76. package/cjs/design/skoda/components/stepper/stepIcon/index.d.ts +2 -0
  77. package/cjs/design/skoda/components/stepper/stepIcon/index.js +2 -0
  78. package/cjs/design/skoda/components/stepper/stepIcon/index.js.map +1 -0
  79. package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.d.ts +2 -0
  80. package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +2 -0
  81. package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -0
  82. package/cjs/design/skoda/components/stepper/stepper.theme.d.ts +3 -0
  83. package/cjs/design/skoda/components/stepper/stepper.theme.js +2 -0
  84. package/cjs/design/skoda/components/stepper/stepper.theme.js.map +1 -0
  85. package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
  86. package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  87. package/cjs/design/skoda/theme.js +1 -1
  88. package/cjs/design/skoda/theme.js.map +1 -1
  89. package/cjs/index.js +1 -1
  90. package/cjs/layout/Error/ErrorContent.d.ts +6 -6
  91. package/cjs/layout/Error/ErrorContent.js +1 -1
  92. package/cjs/layout/Error/ErrorContent.js.map +1 -1
  93. package/cjs/layout/Footer/Footer.d.ts +3 -14
  94. package/cjs/layout/Footer/Footer.js +1 -1
  95. package/cjs/layout/Footer/Footer.js.map +1 -1
  96. package/cjs/layout/Footer/FooterAccordion.d.ts +18 -0
  97. package/cjs/layout/Footer/FooterAccordion.js +2 -0
  98. package/cjs/layout/Footer/FooterAccordion.js.map +1 -0
  99. package/cjs/layout/Footer/FooterIconButton.d.ts +6 -2
  100. package/cjs/layout/Footer/FooterIconButton.js +1 -1
  101. package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
  102. package/cjs/layout/Footer/FooterLink.d.ts +15 -0
  103. package/cjs/layout/Footer/FooterLink.js +2 -0
  104. package/cjs/layout/Footer/FooterLink.js.map +1 -0
  105. package/cjs/layout/Footer/FooterMenu.d.ts +21 -0
  106. package/cjs/layout/Footer/FooterMenu.js +2 -0
  107. package/cjs/layout/Footer/FooterMenu.js.map +1 -0
  108. package/cjs/layout/Footer/FooterSectionContact.d.ts +12 -0
  109. package/cjs/layout/Footer/FooterSectionContact.js +2 -0
  110. package/cjs/layout/Footer/FooterSectionContact.js.map +1 -0
  111. package/cjs/layout/Footer/FooterSectionMenu.d.ts +5 -0
  112. package/cjs/layout/Footer/FooterSectionMenu.js +2 -0
  113. package/cjs/layout/Footer/FooterSectionMenu.js.map +1 -0
  114. package/cjs/layout/Footer/PredefinedFooterIconButtons.d.ts +5 -4
  115. package/cjs/layout/Footer/PredefinedFooterIconButtons.js +1 -1
  116. package/cjs/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
  117. package/cjs/layout/Footer/index.d.ts +5 -1
  118. package/cjs/layout/Header/HeaderButton.js +1 -1
  119. package/cjs/layout/Header/HeaderButton.js.map +1 -1
  120. package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
  121. package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
  122. package/cjs/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
  123. package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js +1 -1
  124. package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
  125. package/cjs/organisms/carousel2/components/NavButton.js +1 -1
  126. package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
  127. package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js +1 -1
  128. package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
  129. package/cjs/organisms/common/styled/cardStandardWrapperStyled.d.ts +1 -1
  130. package/cjs/organisms/gallery/Gallery.js +1 -1
  131. package/cjs/organisms/gallery/Gallery.js.map +1 -1
  132. package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
  133. package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
  134. package/cjs/organisms/heroImageCard/heroImageCard.js.map +1 -1
  135. package/cjs/organisms/hotspotCard/hotspotCard.d.ts +5 -12
  136. package/cjs/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
  137. package/cjs/organisms/maps/maps.js.map +1 -1
  138. package/cjs/organisms/notification/Notification.js +1 -1
  139. package/cjs/organisms/notification/Notification.js.map +1 -1
  140. package/cjs/production/{Button.d.ts → Button/Button.d.ts} +1 -1
  141. package/cjs/production/Button/Button.js.map +1 -0
  142. package/cjs/production/Button/index.d.ts +1 -0
  143. package/cjs/production/index.js +1 -1
  144. package/cjs/utils/utilities.d.ts +1 -1
  145. package/components/accordion/accordion.d.ts +2 -2
  146. package/components/accordion/accordion.js +1 -1
  147. package/components/accordion/accordion.js.map +1 -1
  148. package/components/banner/banner.d.ts +2 -2
  149. package/components/banner/banner.js +1 -1
  150. package/components/banner/banner.js.map +1 -1
  151. package/components/cardMenu/cardMenu.js +1 -1
  152. package/components/cardMenu/cardMenu.js.map +1 -1
  153. package/components/cardMenu/styled/menuListStyled.d.ts +1 -1
  154. package/components/common/hook/useWindowSize.js +1 -1
  155. package/components/common/hook/useWindowSize.js.map +1 -1
  156. package/components/common/styled/textFieldStyled.d.ts +1 -1
  157. package/components/iconButton/index.d.ts +1 -1
  158. package/components/indicator/indicator.js.map +1 -1
  159. package/components/label/label.js.map +1 -1
  160. package/components/labelFeature/labelFeature.js.map +1 -1
  161. package/components/labelStatus/labelStatus.js.map +1 -1
  162. package/components/mobileStepper/index.d.ts +1 -0
  163. package/components/mobileStepper/mobileStepper.d.ts +1 -1
  164. package/components/mobileStepper/mobileStepper.js +1 -1
  165. package/components/mobileStepper/mobileStepper.js.map +1 -1
  166. package/components/mobileStepper/mobileStepperButton.d.ts +4 -0
  167. package/components/mobileStepper/mobileStepperButton.js +2 -0
  168. package/components/mobileStepper/mobileStepperButton.js.map +1 -0
  169. package/components/modal/modal.d.ts +12 -0
  170. package/components/modal/modal.js +1 -1
  171. package/components/modal/modal.js.map +1 -1
  172. package/components/selectInput/formControlSelectStyled.d.ts +1 -1
  173. package/components/slider/slider.d.ts +3 -3
  174. package/components/slider/slider.js +1 -1
  175. package/components/slider/slider.js.map +1 -1
  176. package/components/snackbar/snackbarMessage.js +1 -1
  177. package/components/snackbar/snackbarMessage.js.map +1 -1
  178. package/components/stepper/stepper.d.ts +2 -2
  179. package/components/stepper/stepper.js +1 -1
  180. package/components/stepper/stepper.js.map +1 -1
  181. package/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
  182. package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
  183. package/components/tab/tabStyled.d.ts +1 -1
  184. package/design/skoda/components/accordion/accordion.theme.js +1 -1
  185. package/design/skoda/components/accordion/accordion.theme.js.map +1 -1
  186. package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  187. package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  188. package/design/skoda/components/autocomplete.theme.js +1 -1
  189. package/design/skoda/components/autocomplete.theme.js.map +1 -1
  190. package/design/skoda/components/dialog/dialog.theme.js.map +1 -0
  191. package/design/skoda/components/dialog/dialogActions.theme.js.map +1 -0
  192. package/design/skoda/components/dialog/dialogTitle.theme.js.map +1 -0
  193. package/design/skoda/components/form/filledInput.theme.js.map +1 -0
  194. package/design/skoda/components/form/formControl.theme.js.map +1 -0
  195. package/design/skoda/components/form/formControlLabel.theme.js.map +1 -0
  196. package/design/skoda/components/form/formHelperText.theme.js.map +1 -0
  197. package/design/skoda/components/form/formLabel.theme.js.map +1 -0
  198. package/design/skoda/components/form/input.theme.js.map +1 -0
  199. package/design/skoda/components/form/inputAdornment.theme.js.map +1 -0
  200. package/design/skoda/components/form/inputBase.theme.js.map +1 -0
  201. package/design/skoda/components/form/inputLabel.theme.js.map +1 -0
  202. package/design/skoda/components/form/radio.theme.js +2 -0
  203. package/design/skoda/components/form/radio.theme.js.map +1 -0
  204. package/design/skoda/components/form/select.theme.js +2 -0
  205. package/design/skoda/components/form/select.theme.js.map +1 -0
  206. package/design/skoda/components/form/slider.theme.js +2 -0
  207. package/design/skoda/components/form/slider.theme.js.map +1 -0
  208. package/design/skoda/components/form/switch.theme.js.map +1 -0
  209. package/design/skoda/components/form/textField.theme.js.map +1 -0
  210. package/design/skoda/components/layout/breakpoints.theme.js.map +1 -0
  211. package/design/skoda/components/layout/container.theme.js.map +1 -0
  212. package/design/skoda/components/layout/grid.theme.js.map +1 -0
  213. package/design/skoda/components/mobileStepper.theme.js +1 -1
  214. package/design/skoda/components/mobileStepper.theme.js.map +1 -1
  215. package/design/skoda/components/stepper/index.d.ts +1 -0
  216. package/design/skoda/components/stepper/stepIcon/errorStepIcon.d.ts +3 -0
  217. package/design/skoda/components/stepper/stepIcon/errorStepIcon.js +2 -0
  218. package/design/skoda/components/stepper/stepIcon/errorStepIcon.js.map +1 -0
  219. package/design/skoda/components/stepper/stepIcon/index.d.ts +2 -0
  220. package/design/skoda/components/stepper/stepIcon/index.js +2 -0
  221. package/design/skoda/components/stepper/stepIcon/index.js.map +1 -0
  222. package/design/skoda/components/stepper/stepIcon/qontoStepIcon.d.ts +2 -0
  223. package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +2 -0
  224. package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -0
  225. package/design/skoda/components/stepper/stepper.theme.d.ts +3 -0
  226. package/design/skoda/components/stepper/stepper.theme.js +2 -0
  227. package/design/skoda/components/stepper/stepper.theme.js.map +1 -0
  228. package/design/skoda/components/tabs/tabs.theme.js +1 -1
  229. package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  230. package/design/skoda/theme.js +1 -1
  231. package/design/skoda/theme.js.map +1 -1
  232. package/index.js +1 -1
  233. package/layout/Error/ErrorContent.d.ts +6 -6
  234. package/layout/Error/ErrorContent.js +1 -1
  235. package/layout/Error/ErrorContent.js.map +1 -1
  236. package/layout/Footer/Footer.d.ts +3 -14
  237. package/layout/Footer/Footer.js +1 -1
  238. package/layout/Footer/Footer.js.map +1 -1
  239. package/layout/Footer/FooterAccordion.d.ts +18 -0
  240. package/layout/Footer/FooterAccordion.js +2 -0
  241. package/layout/Footer/FooterAccordion.js.map +1 -0
  242. package/layout/Footer/FooterIconButton.d.ts +6 -2
  243. package/layout/Footer/FooterIconButton.js +1 -1
  244. package/layout/Footer/FooterIconButton.js.map +1 -1
  245. package/layout/Footer/FooterLink.d.ts +15 -0
  246. package/layout/Footer/FooterLink.js +2 -0
  247. package/layout/Footer/FooterLink.js.map +1 -0
  248. package/layout/Footer/FooterMenu.d.ts +21 -0
  249. package/layout/Footer/FooterMenu.js +2 -0
  250. package/layout/Footer/FooterMenu.js.map +1 -0
  251. package/layout/Footer/FooterSectionContact.d.ts +12 -0
  252. package/layout/Footer/FooterSectionContact.js +2 -0
  253. package/layout/Footer/FooterSectionContact.js.map +1 -0
  254. package/layout/Footer/FooterSectionMenu.d.ts +5 -0
  255. package/layout/Footer/FooterSectionMenu.js +2 -0
  256. package/layout/Footer/FooterSectionMenu.js.map +1 -0
  257. package/layout/Footer/PredefinedFooterIconButtons.d.ts +5 -4
  258. package/layout/Footer/PredefinedFooterIconButtons.js +1 -1
  259. package/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
  260. package/layout/Footer/index.d.ts +5 -1
  261. package/layout/Header/HeaderButton.js +1 -1
  262. package/layout/Header/HeaderButton.js.map +1 -1
  263. package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
  264. package/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
  265. package/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
  266. package/organisms/carousel2/cardCarousel/cardCarousel.js +1 -1
  267. package/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
  268. package/organisms/carousel2/components/NavButton.js +1 -1
  269. package/organisms/carousel2/components/NavButton.js.map +1 -1
  270. package/organisms/carousel2/heroCarousel/heroCarousel.js +1 -1
  271. package/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
  272. package/organisms/common/styled/cardStandardWrapperStyled.d.ts +1 -1
  273. package/organisms/gallery/Gallery.js +1 -1
  274. package/organisms/gallery/Gallery.js.map +1 -1
  275. package/organisms/gallery/GalleryTrigger.js +1 -1
  276. package/organisms/gallery/GalleryTrigger.js.map +1 -1
  277. package/organisms/heroImageCard/heroImageCard.js.map +1 -1
  278. package/organisms/hotspotCard/hotspotCard.d.ts +5 -12
  279. package/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
  280. package/organisms/maps/maps.js.map +1 -1
  281. package/organisms/notification/Notification.js +1 -1
  282. package/organisms/notification/Notification.js.map +1 -1
  283. package/package.json +1 -1
  284. package/production/{Button.d.ts → Button/Button.d.ts} +1 -1
  285. package/production/Button/Button.js.map +1 -0
  286. package/production/Button/index.d.ts +1 -0
  287. package/production/index.js +1 -1
  288. package/utils/utilities.d.ts +1 -1
  289. package/cjs/design/skoda/components/breakpoints.theme.js.map +0 -1
  290. package/cjs/design/skoda/components/container.theme.js.map +0 -1
  291. package/cjs/design/skoda/components/dialog.theme.js.map +0 -1
  292. package/cjs/design/skoda/components/dialogActions.theme.js.map +0 -1
  293. package/cjs/design/skoda/components/dialogTitle.theme.js.map +0 -1
  294. package/cjs/design/skoda/components/filledInput.theme.js.map +0 -1
  295. package/cjs/design/skoda/components/formControl.theme.js.map +0 -1
  296. package/cjs/design/skoda/components/formControlLabel.theme.js.map +0 -1
  297. package/cjs/design/skoda/components/formHelperText.theme.js.map +0 -1
  298. package/cjs/design/skoda/components/formLabel.theme.js.map +0 -1
  299. package/cjs/design/skoda/components/grid.theme.js.map +0 -1
  300. package/cjs/design/skoda/components/input.theme.js.map +0 -1
  301. package/cjs/design/skoda/components/inputAdornment.theme.js.map +0 -1
  302. package/cjs/design/skoda/components/inputBase.theme.js.map +0 -1
  303. package/cjs/design/skoda/components/inputLabel.theme.js.map +0 -1
  304. package/cjs/design/skoda/components/radio.theme.js +0 -2
  305. package/cjs/design/skoda/components/radio.theme.js.map +0 -1
  306. package/cjs/design/skoda/components/select.theme.js +0 -2
  307. package/cjs/design/skoda/components/select.theme.js.map +0 -1
  308. package/cjs/design/skoda/components/slider.theme.js +0 -2
  309. package/cjs/design/skoda/components/slider.theme.js.map +0 -1
  310. package/cjs/design/skoda/components/stepper.theme.d.ts +0 -2
  311. package/cjs/design/skoda/components/stepper.theme.js +0 -2
  312. package/cjs/design/skoda/components/stepper.theme.js.map +0 -1
  313. package/cjs/design/skoda/components/switch.theme.js.map +0 -1
  314. package/cjs/design/skoda/components/textField.theme.js.map +0 -1
  315. package/cjs/layout/Footer/FooterNavItem.d.ts +0 -14
  316. package/cjs/layout/Footer/FooterNavItem.js +0 -2
  317. package/cjs/layout/Footer/FooterNavItem.js.map +0 -1
  318. package/cjs/production/Button.js.map +0 -1
  319. package/design/skoda/components/breakpoints.theme.js.map +0 -1
  320. package/design/skoda/components/container.theme.js.map +0 -1
  321. package/design/skoda/components/dialog.theme.js.map +0 -1
  322. package/design/skoda/components/dialogActions.theme.js.map +0 -1
  323. package/design/skoda/components/dialogTitle.theme.js.map +0 -1
  324. package/design/skoda/components/filledInput.theme.js.map +0 -1
  325. package/design/skoda/components/formControl.theme.js.map +0 -1
  326. package/design/skoda/components/formControlLabel.theme.js.map +0 -1
  327. package/design/skoda/components/formHelperText.theme.js.map +0 -1
  328. package/design/skoda/components/formLabel.theme.js.map +0 -1
  329. package/design/skoda/components/grid.theme.js.map +0 -1
  330. package/design/skoda/components/input.theme.js.map +0 -1
  331. package/design/skoda/components/inputAdornment.theme.js.map +0 -1
  332. package/design/skoda/components/inputBase.theme.js.map +0 -1
  333. package/design/skoda/components/inputLabel.theme.js.map +0 -1
  334. package/design/skoda/components/radio.theme.js +0 -2
  335. package/design/skoda/components/radio.theme.js.map +0 -1
  336. package/design/skoda/components/select.theme.js +0 -2
  337. package/design/skoda/components/select.theme.js.map +0 -1
  338. package/design/skoda/components/slider.theme.js +0 -2
  339. package/design/skoda/components/slider.theme.js.map +0 -1
  340. package/design/skoda/components/stepper.theme.d.ts +0 -2
  341. package/design/skoda/components/stepper.theme.js +0 -2
  342. package/design/skoda/components/stepper.theme.js.map +0 -1
  343. package/design/skoda/components/switch.theme.js.map +0 -1
  344. package/design/skoda/components/textField.theme.js.map +0 -1
  345. package/layout/Footer/FooterNavItem.d.ts +0 -14
  346. package/layout/Footer/FooterNavItem.js +0 -2
  347. package/layout/Footer/FooterNavItem.js.map +0 -1
  348. package/production/Button.js.map +0 -1
  349. /package/cjs/design/skoda/components/{dialog.theme.d.ts → dialog/dialog.theme.d.ts} +0 -0
  350. /package/cjs/design/skoda/components/{dialog.theme.js → dialog/dialog.theme.js} +0 -0
  351. /package/cjs/design/skoda/components/{dialogActions.theme.d.ts → dialog/dialogActions.theme.d.ts} +0 -0
  352. /package/cjs/design/skoda/components/{dialogActions.theme.js → dialog/dialogActions.theme.js} +0 -0
  353. /package/cjs/design/skoda/components/{dialogTitle.theme.d.ts → dialog/dialogTitle.theme.d.ts} +0 -0
  354. /package/cjs/design/skoda/components/{dialogTitle.theme.js → dialog/dialogTitle.theme.js} +0 -0
  355. /package/cjs/design/skoda/components/{filledInput.theme.d.ts → form/filledInput.theme.d.ts} +0 -0
  356. /package/cjs/design/skoda/components/{filledInput.theme.js → form/filledInput.theme.js} +0 -0
  357. /package/cjs/design/skoda/components/{formControl.theme.d.ts → form/formControl.theme.d.ts} +0 -0
  358. /package/cjs/design/skoda/components/{formControl.theme.js → form/formControl.theme.js} +0 -0
  359. /package/cjs/design/skoda/components/{formControlLabel.theme.d.ts → form/formControlLabel.theme.d.ts} +0 -0
  360. /package/cjs/design/skoda/components/{formControlLabel.theme.js → form/formControlLabel.theme.js} +0 -0
  361. /package/cjs/design/skoda/components/{formHelperText.theme.d.ts → form/formHelperText.theme.d.ts} +0 -0
  362. /package/cjs/design/skoda/components/{formHelperText.theme.js → form/formHelperText.theme.js} +0 -0
  363. /package/cjs/design/skoda/components/{formLabel.theme.d.ts → form/formLabel.theme.d.ts} +0 -0
  364. /package/cjs/design/skoda/components/{formLabel.theme.js → form/formLabel.theme.js} +0 -0
  365. /package/cjs/design/skoda/components/{input.theme.d.ts → form/input.theme.d.ts} +0 -0
  366. /package/cjs/design/skoda/components/{input.theme.js → form/input.theme.js} +0 -0
  367. /package/cjs/design/skoda/components/{inputAdornment.theme.d.ts → form/inputAdornment.theme.d.ts} +0 -0
  368. /package/cjs/design/skoda/components/{inputAdornment.theme.js → form/inputAdornment.theme.js} +0 -0
  369. /package/cjs/design/skoda/components/{inputBase.theme.d.ts → form/inputBase.theme.d.ts} +0 -0
  370. /package/cjs/design/skoda/components/{inputBase.theme.js → form/inputBase.theme.js} +0 -0
  371. /package/cjs/design/skoda/components/{inputLabel.theme.d.ts → form/inputLabel.theme.d.ts} +0 -0
  372. /package/cjs/design/skoda/components/{inputLabel.theme.js → form/inputLabel.theme.js} +0 -0
  373. /package/cjs/design/skoda/components/{radio.theme.d.ts → form/radio.theme.d.ts} +0 -0
  374. /package/cjs/design/skoda/components/{select.theme.d.ts → form/select.theme.d.ts} +0 -0
  375. /package/cjs/design/skoda/components/{slider.theme.d.ts → form/slider.theme.d.ts} +0 -0
  376. /package/cjs/design/skoda/components/{switch.theme.d.ts → form/switch.theme.d.ts} +0 -0
  377. /package/cjs/design/skoda/components/{switch.theme.js → form/switch.theme.js} +0 -0
  378. /package/cjs/design/skoda/components/{textField.theme.d.ts → form/textField.theme.d.ts} +0 -0
  379. /package/cjs/design/skoda/components/{textField.theme.js → form/textField.theme.js} +0 -0
  380. /package/cjs/design/skoda/components/{breakpoints.theme.d.ts → layout/breakpoints.theme.d.ts} +0 -0
  381. /package/cjs/design/skoda/components/{breakpoints.theme.js → layout/breakpoints.theme.js} +0 -0
  382. /package/cjs/design/skoda/components/{container.theme.d.ts → layout/container.theme.d.ts} +0 -0
  383. /package/cjs/design/skoda/components/{container.theme.js → layout/container.theme.js} +0 -0
  384. /package/cjs/design/skoda/components/{grid.theme.d.ts → layout/grid.theme.d.ts} +0 -0
  385. /package/cjs/design/skoda/components/{grid.theme.js → layout/grid.theme.js} +0 -0
  386. /package/cjs/production/{Button.js → Button/Button.js} +0 -0
  387. /package/design/skoda/components/{dialog.theme.d.ts → dialog/dialog.theme.d.ts} +0 -0
  388. /package/design/skoda/components/{dialog.theme.js → dialog/dialog.theme.js} +0 -0
  389. /package/design/skoda/components/{dialogActions.theme.d.ts → dialog/dialogActions.theme.d.ts} +0 -0
  390. /package/design/skoda/components/{dialogActions.theme.js → dialog/dialogActions.theme.js} +0 -0
  391. /package/design/skoda/components/{dialogTitle.theme.d.ts → dialog/dialogTitle.theme.d.ts} +0 -0
  392. /package/design/skoda/components/{dialogTitle.theme.js → dialog/dialogTitle.theme.js} +0 -0
  393. /package/design/skoda/components/{filledInput.theme.d.ts → form/filledInput.theme.d.ts} +0 -0
  394. /package/design/skoda/components/{filledInput.theme.js → form/filledInput.theme.js} +0 -0
  395. /package/design/skoda/components/{formControl.theme.d.ts → form/formControl.theme.d.ts} +0 -0
  396. /package/design/skoda/components/{formControl.theme.js → form/formControl.theme.js} +0 -0
  397. /package/design/skoda/components/{formControlLabel.theme.d.ts → form/formControlLabel.theme.d.ts} +0 -0
  398. /package/design/skoda/components/{formControlLabel.theme.js → form/formControlLabel.theme.js} +0 -0
  399. /package/design/skoda/components/{formHelperText.theme.d.ts → form/formHelperText.theme.d.ts} +0 -0
  400. /package/design/skoda/components/{formHelperText.theme.js → form/formHelperText.theme.js} +0 -0
  401. /package/design/skoda/components/{formLabel.theme.d.ts → form/formLabel.theme.d.ts} +0 -0
  402. /package/design/skoda/components/{formLabel.theme.js → form/formLabel.theme.js} +0 -0
  403. /package/design/skoda/components/{input.theme.d.ts → form/input.theme.d.ts} +0 -0
  404. /package/design/skoda/components/{input.theme.js → form/input.theme.js} +0 -0
  405. /package/design/skoda/components/{inputAdornment.theme.d.ts → form/inputAdornment.theme.d.ts} +0 -0
  406. /package/design/skoda/components/{inputAdornment.theme.js → form/inputAdornment.theme.js} +0 -0
  407. /package/design/skoda/components/{inputBase.theme.d.ts → form/inputBase.theme.d.ts} +0 -0
  408. /package/design/skoda/components/{inputBase.theme.js → form/inputBase.theme.js} +0 -0
  409. /package/design/skoda/components/{inputLabel.theme.d.ts → form/inputLabel.theme.d.ts} +0 -0
  410. /package/design/skoda/components/{inputLabel.theme.js → form/inputLabel.theme.js} +0 -0
  411. /package/design/skoda/components/{radio.theme.d.ts → form/radio.theme.d.ts} +0 -0
  412. /package/design/skoda/components/{select.theme.d.ts → form/select.theme.d.ts} +0 -0
  413. /package/design/skoda/components/{slider.theme.d.ts → form/slider.theme.d.ts} +0 -0
  414. /package/design/skoda/components/{switch.theme.d.ts → form/switch.theme.d.ts} +0 -0
  415. /package/design/skoda/components/{switch.theme.js → form/switch.theme.js} +0 -0
  416. /package/design/skoda/components/{textField.theme.d.ts → form/textField.theme.d.ts} +0 -0
  417. /package/design/skoda/components/{textField.theme.js → form/textField.theme.js} +0 -0
  418. /package/design/skoda/components/{breakpoints.theme.d.ts → layout/breakpoints.theme.d.ts} +0 -0
  419. /package/design/skoda/components/{breakpoints.theme.js → layout/breakpoints.theme.js} +0 -0
  420. /package/design/skoda/components/{container.theme.d.ts → layout/container.theme.d.ts} +0 -0
  421. /package/design/skoda/components/{container.theme.js → layout/container.theme.js} +0 -0
  422. /package/design/skoda/components/{grid.theme.d.ts → layout/grid.theme.d.ts} +0 -0
  423. /package/design/skoda/components/{grid.theme.js → layout/grid.theme.js} +0 -0
  424. /package/production/{Button.js → Button/Button.js} +0 -0
@@ -1,2 +1,2 @@
1
- import{__rest as e}from"tslib";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useMemo as r}from"react";import{Icon as c}from"../icon/icon.js";import{styled as n}from"@mui/material/styles";import{checkForIcon as s}from"./snackbar.js";const t=({header:e,icon:n,message:s})=>{const t=r((()=>({icon:e})=>{let a=null;switch(e){case"alert":a=i(c,{className:"triangle-up-exclamation",fontSize:"inherit",iconStyle:"filled"});break;case"success":a=i(c,{className:"circle-check",fontSize:"inherit",iconStyle:"filled"});break;case"warning":a=i(c,{className:"circle-exclamation",fontSize:"inherit",iconStyle:"filled"})}return a?i("span",{className:"snackbar-icon-wrapper",children:a}):a}),[]);return a(l,{header:e,icon:n,children:[n&&i(t,{icon:n}),a("div",{className:"styled-message-header-message-container",children:[e&&a("h3",{children:[" ",e]}),a("p",{children:[" ",s," "]})]}),i("div",{className:"custom-snackbar-divider",children:i("div",{})})]})},l=n("div")((i=>{var a=e(i,[]);return{"& .styled-message-header-message-container":{display:a.header?"block":"flex"},"& p":{display:a.header?"block":"inline",paddingBottom:a.header?"0px":"2px"},"& .snackbar-icon-wrapper":{"& span":{lineHeight:a.header?"20px":"unset"}},"& .custom-snackbar-divider":{paddingLeft:s(a.icon)?"24px":"56px","& > div":{borderLeft:`1px solid ${a.theme.palette.onSurface.os600}`,height:a.header?"48px":"32px"}}}}));export{t as SnackbarMessage,l as SnackbarMessageStyled};
1
+ import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Icon as r}from"../icon/icon.js";import{styled as c}from"@mui/material/styles";import{checkForIcon as n}from"./snackbar.js";const s=({header:e,icon:r,message:c})=>i(t,{header:e,icon:r,children:[r&&a(l,{icon:r}),i("div",{className:"styled-message-header-message-container",children:[e&&i("h3",{children:[" ",e]}),i("p",{children:[" ",c," "]})]}),a("div",{className:"custom-snackbar-divider",children:a("div",{})})]}),t=c("div")((i=>{var a=e(i,[]);return{"& .styled-message-header-message-container":{display:a.header?"block":"flex"},"& p":{display:a.header?"block":"inline",paddingBottom:a.header?"0px":"2px"},"& .snackbar-icon-wrapper":{"& span":{lineHeight:a.header?"20px":"unset"}},"& .custom-snackbar-divider":{paddingLeft:n(a.icon)?"24px":"56px","& > div":{borderLeft:`1px solid ${a.theme.palette.onSurface.os600}`,height:a.header?"48px":"32px"}}}})),l=({icon:e})=>{let i=null;switch(e){case"alert":i=a(r,{className:"triangle-up-exclamation",fontSize:"inherit",iconStyle:"filled"});break;case"success":i=a(r,{className:"circle-check",fontSize:"inherit",iconStyle:"filled"});break;case"warning":i=a(r,{className:"circle-exclamation",fontSize:"inherit",iconStyle:"filled"})}return i?a("span",{className:"snackbar-icon-wrapper",children:i}):i};export{s as SnackbarMessage,t as SnackbarMessageStyled};
2
2
  //# sourceMappingURL=snackbarMessage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"snackbarMessage.js","sources":["../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon } from '../icon';\nimport { styled } from '@mui/material/styles';\nimport { checkForIcon } from './snackbar';\nexport const SnackbarMessage = ({ header, icon, message }) => {\n const IconComponent = useMemo(() => ({ icon: _icon }) => {\n let iconToReturn = null;\n switch (_icon) {\n case 'alert':\n iconToReturn = _jsx(Icon, { className: \"triangle-up-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n break;\n case 'success':\n iconToReturn = _jsx(Icon, { className: \"circle-check\", fontSize: \"inherit\", iconStyle: \"filled\" });\n break;\n case 'warning':\n iconToReturn = _jsx(Icon, { className: \"circle-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n break;\n }\n return iconToReturn ? _jsx(\"span\", { className: \"snackbar-icon-wrapper\", children: iconToReturn }) : iconToReturn;\n }, []);\n return (_jsxs(SnackbarMessageStyled, { header: header, icon: icon, children: [icon && _jsx(IconComponent, { icon: icon }), _jsxs(\"div\", { className: \"styled-message-header-message-container\", children: [header && _jsxs(\"h3\", { children: [\" \", header] }), _jsxs(\"p\", { children: [\" \", message, \" \"] })] }), _jsx(\"div\", { className: \"custom-snackbar-divider\", children: _jsx(\"div\", {}) })] }));\n};\n/**\n * @description SnackbarMessageStyled styling defintion based on props\n */\nexport const SnackbarMessageStyled = styled('div')((_a) => {\n var args = __rest(_a, []);\n return {\n '& .styled-message-header-message-container': {\n display: args.header ? 'block' : 'flex',\n },\n '& p': {\n display: args.header ? 'block' : 'inline',\n paddingBottom: args.header ? '0px' : '2px',\n },\n '& .snackbar-icon-wrapper': {\n '& span': {\n lineHeight: args.header ? '20px' : 'unset',\n },\n },\n '& .custom-snackbar-divider': {\n paddingLeft: checkForIcon(args.icon) ? '24px' : '56px',\n '& > div': {\n borderLeft: `1px solid ${args.theme.palette.onSurface.os600}`,\n height: args.header ? '48px' : '32px',\n },\n },\n };\n});\n//# sourceMappingURL=snackbarMessage.js.map"],"names":["SnackbarMessage","header","icon","message","IconComponent","useMemo","_icon","iconToReturn","_jsx","Icon","className","fontSize","iconStyle","children","_jsxs","SnackbarMessageStyled","styled","_a","args","__rest","display","paddingBottom","lineHeight","paddingLeft","checkForIcon","borderLeft","theme","palette","onSurface","os600","height"],"mappings":"mPAMY,MAACA,EAAkB,EAAGC,SAAQC,OAAMC,cAC5C,MAAMC,EAAgBC,GAAQ,IAAM,EAAGH,KAAMI,MACzC,IAAIC,EAAe,KACnB,OAAQD,GACJ,IAAK,QACDC,EAAeC,EAAKC,EAAM,CAAEC,UAAW,0BAA2BC,SAAU,UAAWC,UAAW,WAClG,MACJ,IAAK,UACDL,EAAeC,EAAKC,EAAM,CAAEC,UAAW,eAAgBC,SAAU,UAAWC,UAAW,WACvF,MACJ,IAAK,UACDL,EAAeC,EAAKC,EAAM,CAAEC,UAAW,qBAAsBC,SAAU,UAAWC,UAAW,WAGrG,OAAOL,EAAeC,EAAK,OAAQ,CAAEE,UAAW,wBAAyBG,SAAUN,IAAkBA,CAAY,GAClH,IACH,OAAQO,EAAMC,EAAuB,CAAEd,OAAQA,EAAQC,KAAMA,EAAMW,SAAU,CAACX,GAAQM,EAAKJ,EAAe,CAAEF,KAAMA,IAASY,EAAM,MAAO,CAAEJ,UAAW,0CAA2CG,SAAU,CAACZ,GAAUa,EAAM,KAAM,CAAED,SAAU,CAAC,IAAKZ,KAAYa,EAAM,IAAK,CAAED,SAAU,CAAC,IAAKV,EAAS,UAAaK,EAAK,MAAO,CAAEE,UAAW,0BAA2BG,SAAUL,EAAK,MAAO,CAAE,OAAU,EAK/XO,EAAwBC,EAAO,MAAPA,EAAeC,IAChD,IAAIC,EAAOC,EAAOF,EAAI,IACtB,MAAO,CACH,6CAA8C,CAC1CG,QAASF,EAAKjB,OAAS,QAAU,QAErC,MAAO,CACHmB,QAASF,EAAKjB,OAAS,QAAU,SACjCoB,cAAeH,EAAKjB,OAAS,MAAQ,OAEzC,2BAA4B,CACxB,SAAU,CACNqB,WAAYJ,EAAKjB,OAAS,OAAS,UAG3C,6BAA8B,CAC1BsB,YAAaC,EAAaN,EAAKhB,MAAQ,OAAS,OAChD,UAAW,CACPuB,WAAY,aAAaP,EAAKQ,MAAMC,QAAQC,UAAUC,QACtDC,OAAQZ,EAAKjB,OAAS,OAAS,SAG1C"}
1
+ {"version":3,"file":"snackbarMessage.js","sources":["../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '../icon';\nimport { styled } from '@mui/material/styles';\nimport { checkForIcon } from './snackbar';\nexport const SnackbarMessage = ({ header, icon, message }) => {\n return (_jsxs(SnackbarMessageStyled, { header: header, icon: icon, children: [icon && _jsx(IconComponent, { icon: icon }), _jsxs(\"div\", { className: \"styled-message-header-message-container\", children: [header && _jsxs(\"h3\", { children: [\" \", header] }), _jsxs(\"p\", { children: [\" \", message, \" \"] })] }), _jsx(\"div\", { className: \"custom-snackbar-divider\", children: _jsx(\"div\", {}) })] }));\n};\n/**\n * @description SnackbarMessageStyled styling defintion based on props\n */\nexport const SnackbarMessageStyled = styled('div')((_a) => {\n var args = __rest(_a, []);\n return {\n '& .styled-message-header-message-container': {\n display: args.header ? 'block' : 'flex',\n },\n '& p': {\n display: args.header ? 'block' : 'inline',\n paddingBottom: args.header ? '0px' : '2px',\n },\n '& .snackbar-icon-wrapper': {\n '& span': {\n lineHeight: args.header ? '20px' : 'unset',\n },\n },\n '& .custom-snackbar-divider': {\n paddingLeft: checkForIcon(args.icon) ? '24px' : '56px',\n '& > div': {\n borderLeft: `1px solid ${args.theme.palette.onSurface.os600}`,\n height: args.header ? '48px' : '32px',\n },\n },\n };\n});\nconst IconComponent = ({ icon }) => {\n let iconToReturn = null;\n switch (icon) {\n case 'alert':\n iconToReturn = _jsx(Icon, { className: \"triangle-up-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n break;\n case 'success':\n iconToReturn = _jsx(Icon, { className: \"circle-check\", fontSize: \"inherit\", iconStyle: \"filled\" });\n break;\n case 'warning':\n iconToReturn = _jsx(Icon, { className: \"circle-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n break;\n }\n return iconToReturn ? _jsx(\"span\", { className: \"snackbar-icon-wrapper\", children: iconToReturn }) : iconToReturn;\n};\n//# sourceMappingURL=snackbarMessage.js.map"],"names":["SnackbarMessage","header","icon","message","_jsxs","SnackbarMessageStyled","children","_jsx","IconComponent","className","styled","_a","args","__rest","display","paddingBottom","lineHeight","paddingLeft","checkForIcon","borderLeft","theme","palette","onSurface","os600","height","iconToReturn","Icon","fontSize","iconStyle"],"mappings":"mNAKY,MAACA,EAAkB,EAAGC,SAAQC,OAAMC,aACpCC,EAAMC,EAAuB,CAAEJ,OAAQA,EAAQC,KAAMA,EAAMI,SAAU,CAACJ,GAAQK,EAAKC,EAAe,CAAEN,KAAMA,IAASE,EAAM,MAAO,CAAEK,UAAW,0CAA2CH,SAAU,CAACL,GAAUG,EAAM,KAAM,CAAEE,SAAU,CAAC,IAAKL,KAAYG,EAAM,IAAK,CAAEE,SAAU,CAAC,IAAKH,EAAS,UAAaI,EAAK,MAAO,CAAEE,UAAW,0BAA2BH,SAAUC,EAAK,MAAO,CAAE,QAKrXF,EAAwBK,EAAO,MAAPA,EAAeC,IAChD,IAAIC,EAAOC,EAAOF,EAAI,IACtB,MAAO,CACH,6CAA8C,CAC1CG,QAASF,EAAKX,OAAS,QAAU,QAErC,MAAO,CACHa,QAASF,EAAKX,OAAS,QAAU,SACjCc,cAAeH,EAAKX,OAAS,MAAQ,OAEzC,2BAA4B,CACxB,SAAU,CACNe,WAAYJ,EAAKX,OAAS,OAAS,UAG3C,6BAA8B,CAC1BgB,YAAaC,EAAaN,EAAKV,MAAQ,OAAS,OAChD,UAAW,CACPiB,WAAY,aAAaP,EAAKQ,MAAMC,QAAQC,UAAUC,QACtDC,OAAQZ,EAAKX,OAAS,OAAS,SAG1C,IAECO,EAAgB,EAAGN,WACrB,IAAIuB,EAAe,KACnB,OAAQvB,GACJ,IAAK,QACDuB,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,0BAA2BkB,SAAU,UAAWC,UAAW,WAClG,MACJ,IAAK,UACDH,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,eAAgBkB,SAAU,UAAWC,UAAW,WACvF,MACJ,IAAK,UACDH,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,qBAAsBkB,SAAU,UAAWC,UAAW,WAGrG,OAAOH,EAAelB,EAAK,OAAQ,CAAEE,UAAW,wBAAyBH,SAAUmB,IAAkBA,CAAY"}
@@ -1,6 +1,6 @@
1
- import { FC, HTMLAttributes, ReactNode } from 'react';
2
- import { SxProps } from '@mui/system';
3
1
  import { Theme } from '@mui/material';
2
+ import { SxProps } from '@mui/system';
3
+ import { FC, HTMLAttributes, ReactNode } from 'react';
4
4
  export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
5
5
  /**
6
6
  * The activeStep of a stepper.
@@ -1,2 +1,2 @@
1
- import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import r from"@mui/material/Stepper";import{styled as t}from"@mui/material/styles";import{StepConnector as n,stepConnectorClasses as i,Step as a,StepLabel as l}from"@mui/material";import{flowColors as c}from"../../design/skoda/palette.theme.js";const d=t=>{var{activeStep:n,alternativeLabel:i,children:c,classes:d,connector:p,nonLinear:b,orientation:u,step:f}=t,g=e(t,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o(h,{children:o("div",{children:o(r,Object.assign({className:"controllerContainer"},g,{activeStep:n,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:i,connector:o(m,{}),children:f.map((e=>o(a,{children:o(l,{style:x,StepIconComponent:s,children:e})},e)))}))})})};function s(e){const{active:r,completed:t,className:n}=e;return o(p,{className:n,children:o("div",r?{className:"QontoStepIcon-active"}:t?{className:"QontoStepIcon-completedIcon"}:{className:"QontoStepIcon-circle"})})}const p=t("div")((({theme:e})=>{let o={};return o={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:c.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-active":{color:c.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${c.disabled.tertiary}`,backgroundColor:c.disabled.secondary}}},o})),m=t(n)((({theme:e})=>({[`&.${i.alternativeLabel}`]:{top:10,left:"calc(-50% + 8px)",right:"calc(50% + 8px)"},[`&.${i.active}`]:{[`& .${i.line}`]:{borderColor:c.onSurface.os700,width:"60px"}},[`&.${i.completed}`]:{[`& .${i.line}`]:{borderColor:c.onSurface.os700}},[`& .${i.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:c.disabled.primary,borderTopWidth:3,borderRadius:1}}))),h=t("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},e}));export{d as Stepper};
1
+ import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{StepConnector as r,stepConnectorClasses as t,Step as n,StepLabel as i}from"@mui/material";import a from"@mui/material/Stepper";import{styled as l}from"@mui/material/styles";import{flowColors as c}from"../../design/skoda/palette.theme.js";const d=r=>{var{activeStep:t,alternativeLabel:l,children:c,classes:d,connector:p,nonLinear:b,orientation:u,step:f}=r,g=e(r,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o(h,{children:o("div",{children:o(a,Object.assign({className:"controllerContainer"},g,{activeStep:t,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:l,connector:o(m,{}),children:f.map((e=>o(n,{children:o(i,{style:x,StepIconComponent:s,children:e})},e)))}))})})};function s(e){const{active:r,completed:t,className:n}=e;return o(p,{className:n,children:o("div",r?{className:"QontoStepIcon-active"}:t?{className:"QontoStepIcon-completedIcon"}:{className:"QontoStepIcon-circle"})})}const p=l("div")((({theme:e})=>{let o={};return o={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:c.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-active":{color:c.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${c.disabled.tertiary}`,backgroundColor:c.disabled.secondary}}},o})),m=l(r)((({theme:e})=>({[`&.${t.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${t.active}`]:{[`& .${t.line}`]:{borderColor:c.onSurface.os700,width:"60px"}},[`&.${t.completed}`]:{[`& .${t.line}`]:{borderColor:c.onSurface.os700}},[`& .${t.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:c.disabled.primary,borderTopWidth:3,borderRadius:1}}))),h=l("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},e}));export{d as Stepper};
2
2
  //# sourceMappingURL=stepper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { Step, StepConnector, stepConnectorClasses, StepLabel } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 8px)',\n right: 'calc(50% + 8px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n let style = {};\n const SKODA_NEXT = 'SKODA Next';\n style = {\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n fontFamily: SKODA_NEXT,\n fontStyle: 'normal',\n fontWeight: '700',\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n return style;\n});\n//# sourceMappingURL=stepper.js.map"],"names":["Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","fontFamily","fontStyle"],"mappings":"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"}
1
+ {"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { flowColors } from '../../design/skoda/palette.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n let style = {};\n const SKODA_NEXT = 'SKODA Next';\n style = {\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n fontFamily: SKODA_NEXT,\n fontStyle: 'normal',\n fontWeight: '700',\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n return style;\n});\n//# sourceMappingURL=stepper.js.map"],"names":["Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","fontFamily","fontStyle"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import i,{useState as t,useCallback as n,useEffect as a}from"react";import p from"@mui/material/AppBar";import l from"@mui/material/Toolbar";import{Icon as s}from"../../icon/icon.js";import d from"./secondaryTabStyled.js";import{styled as c,Backdrop as m,Popper as h,MenuList as b,MenuItem as x,Box as u,ClickAwayListener as g,Fade as f}from"@mui/material";import{Divider as v}from"../../divider/divider.js";import{flowColors as k}from"../../../design/skoda/palette.theme.js";const y=({currentActiveTab:p,setCurrentActiveTab:c,children:m})=>{const[h,b]=t(null),[k,y]=t(null),[w,z]=t(!1),[R,S]=t(null),O=n((o=>{c(o.value),o.onClick&&o.onClick()}),[c]),B=n((o=>{z(!w),y(o.currentTarget)}),[w]),I=n((i=>i.href?o("a",{href:i.href,target:i.target||null,children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]}):o(e,{children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]})),[]),L=n((o=>{S(o.label),o.href?window.open(o.href,o.target):c(o.value),z(!1),o.onClick&&o.onClick(o.value)}),[c]),M=n((()=>h.slice(3).map(((e,i)=>o("div",{children:[r(x,{onClick:()=>L(e.props),children:e.props.label},i),r(v,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},e.props.label)))),[h,L]);return a((()=>{b(i.Children.toArray(m))}),[m]),r(A,{position:"fixed",color:"transparent",children:r(l,{children:r(u,{sx:{display:"flex"},children:h&&o(e,{children:[r(d,Object.assign({},h[0].props,{isActive:p===h[0].props.value,onClick:()=>{O(h[0].props)},children:I(h[0].props)}),"secondary-tab-0"),r(d,Object.assign({},h[1].props,{isActive:p===h[1].props.value,onClick:()=>{O(h[1].props)},children:I(h[1].props)}),"secondary-tab-1"),r(d,Object.assign({},h[2].props,{isActive:p===h[2].props.value,onClick:()=>{O(h[2].props)},children:I(h[2].props)}),"secondary-tab-2"),h.length>4&&o(e,{children:[o(d,{isActive:w,moreTab:!0,selectedMenuLabel:R,onClick:B,children:[r(s,{color:"inherit",className:"more-vertical"}),R]},"secondary-tab-more"),r(T,{open:w,anchorEl:k,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:o})=>r(g,{onClickAway:()=>z(!1),children:r(C,{open:w,onClick:()=>z(!1),children:r(f,Object.assign({},o,{timeout:350,children:r(j,{id:"more-tabs-menu",children:M()})}))})})})]}),h.length<=4&&r(d,Object.assign({},h[3].props,{isActive:p===h[3].props.value,onClick:()=>{O(h[3].props)},children:I(h[3].props)}),"secondary-tab-3")]})})})})},C=c(m)((()=>({zIndex:2e3}))),T=c(h)((()=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),j=c(b)((({theme:o})=>({position:"absolute",bottom:"0",left:0,width:"100%",padding:"26px 0px 27px 0px",background:"white",boxSizing:"border-box",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",zIndex:2e3,boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px","& .MuiDivider-root":{display:"block",marginTop:"0px !important",marginBottom:"0px !important"},"& div:first-of-type":{"& > li":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}},"& > div > li":{fontSize:"16px",fontWeight:"400",color:o.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),A=c(p)((()=>({maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${k.transparent.secondary}`,backgroundColor:k.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));export{y as SecondaryNavigationTabs};
1
+ import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import i,{useState as t,useCallback as n,useEffect as a}from"react";import p from"@mui/material/AppBar";import l from"@mui/material/Toolbar";import{Icon as s}from"../../icon/icon.js";import c from"./secondaryTabStyled.js";import{styled as d,Backdrop as m,Popper as h,MenuList as b,MenuItem as x,Divider as u,Box as g,ClickAwayListener as f,Fade as v}from"@mui/material";import{flowColors as k}from"../../../design/skoda/palette.theme.js";const y=({currentActiveTab:p,setCurrentActiveTab:d,children:m})=>{const[h,b]=t(null),[k,y]=t(null),[w,z]=t(!1),[R,S]=t(null),O=n((o=>{d(o.value),o.onClick&&o.onClick()}),[d]),B=n((o=>{z(!w),y(o.currentTarget)}),[w]),I=n((i=>i.href?o("a",{href:i.href,target:i.target||null,children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]}):o(e,{children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]})),[]),L=n((o=>{S(o.label),o.href?window.open(o.href,o.target):d(o.value),z(!1),o.onClick&&o.onClick(o.value)}),[d]),M=n((()=>h.slice(3).map(((e,i)=>o("div",{children:[r(x,{onClick:()=>L(e.props),children:e.props.label},i),r(u,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},e.props.label)))),[h,L]);return a((()=>{b(i.Children.toArray(m))}),[m]),r(j,{position:"fixed",color:"transparent",children:r(l,{children:r(g,{sx:{display:"flex"},children:h&&o(e,{children:[r(c,Object.assign({},h[0].props,{isActive:p===h[0].props.value,onClick:()=>{O(h[0].props)},children:I(h[0].props)}),"secondary-tab-0"),r(c,Object.assign({},h[1].props,{isActive:p===h[1].props.value,onClick:()=>{O(h[1].props)},children:I(h[1].props)}),"secondary-tab-1"),r(c,Object.assign({},h[2].props,{isActive:p===h[2].props.value,onClick:()=>{O(h[2].props)},children:I(h[2].props)}),"secondary-tab-2"),h.length>4&&o(e,{children:[o(c,{isActive:w,moreTab:!0,selectedMenuLabel:R,onClick:B,children:[r(s,{color:"inherit",className:"more-vertical"}),R]},"secondary-tab-more"),r(T,{open:w,anchorEl:k,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:o})=>r(f,{onClickAway:()=>z(!1),children:r(C,{open:w,onClick:()=>z(!1),children:r(v,Object.assign({},o,{timeout:350,children:r(A,{id:"more-tabs-menu",children:M()})}))})})})]}),h.length<=4&&r(c,Object.assign({},h[3].props,{isActive:p===h[3].props.value,onClick:()=>{O(h[3].props)},children:I(h[3].props)}),"secondary-tab-3")]})})})})},C=d(m)((()=>({zIndex:2e3}))),T=d(h)((()=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),A=d(b)((({theme:o})=>({position:"absolute",bottom:"0",left:0,width:"100%",padding:"26px 0px 27px 0px",background:"white",boxSizing:"border-box",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",zIndex:2e3,boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px","& .MuiDivider-root":{display:"block",marginTop:"0px !important",marginBottom:"0px !important"},"& div:first-of-type":{"& > li":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}},"& > div > li":{fontSize:"16px",fontWeight:"400",color:o.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),j=d(p)((()=>({maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${k.transparent.secondary}`,backgroundColor:k.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));export{y as SecondaryNavigationTabs};
2
2
  //# sourceMappingURL=secondaryNavigationTabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useState } from 'react';\nimport MuiAppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { Icon } from '../../icon';\nimport SecondaryTabStyled from './secondaryTabStyled';\nimport { MenuItem, ClickAwayListener, Fade, MenuList, Popper, styled, Box, Backdrop } from '@mui/material';\nimport { Divider } from '../../divider';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props AppBarProps\n * @returns React Functional Component\n */\nexport const SecondaryNavigationTabs = ({ currentActiveTab, setCurrentActiveTab, children }) => {\n const [childrenArr, setChildrenArr] = useState(null);\n const [anchorEl, setAnchorEl] = useState(null);\n const [open, setOpen] = useState(false);\n const [selectedMenuLabel, setSelectedMenuLabel] = useState(null);\n //handle the active tab selected\n const handleActiveTab = useCallback((_props) => {\n setCurrentActiveTab(_props.value);\n _props.onClick && _props.onClick();\n }, [setCurrentActiveTab]);\n //handle the click on tab of type menu\n const handleMenuTabClick = useCallback((e) => {\n setOpen(!open);\n setAnchorEl(e.currentTarget);\n }, [open]);\n //render a link tab or not based on type\n const handleRenderTabType = useCallback((_props) => {\n if (_props.href) {\n return (_jsxs(\"a\", { href: _props.href, target: _props.target || null, children: [_jsx(Icon, { color: \"inherit\", className: _props.icon || 'more-horizontal' }), _props.label] }));\n }\n else {\n return (_jsxs(_Fragment, { children: [_jsx(Icon, { color: \"inherit\", className: _props.icon || 'more-horizontal' }), _props.label] }));\n }\n }, []);\n //handle the event triggered on onclick based on tab type (link or tab)\n const onClickMenuItem = useCallback((_props) => {\n setSelectedMenuLabel(_props.label);\n if (!_props.href) {\n setCurrentActiveTab(_props.value);\n }\n else {\n window.open(_props.href, _props.target);\n }\n setOpen(false);\n _props.onClick && _props.onClick(_props.value);\n }, [setCurrentActiveTab]);\n //returns the list of menu items\n const handleMenuItems = useCallback(() => {\n const menuItems = childrenArr.slice(3);\n return menuItems.map((item, i) => {\n return (_jsxs(\"div\", { children: [_jsx(MenuItem, { onClick: () => onClickMenuItem(item.props), children: item.props.label }, i), _jsx(Divider, { orientation: \"horizontal\", textAlign: \"center\", variant: \"middle\" })] }, item.props.label));\n });\n }, [childrenArr, onClickMenuItem]);\n useEffect(() => {\n setChildrenArr(React.Children.toArray(children));\n }, [children]);\n return (_jsx(AppBarStyled, { position: \"fixed\", color: \"transparent\", children: _jsx(Toolbar, { children: _jsx(Box, { sx: { display: 'flex' }, children: childrenArr && (_jsxs(_Fragment, { children: [_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[0].props, { isActive: currentActiveTab === childrenArr[0].props.value, onClick: () => {\n handleActiveTab(childrenArr[0].props);\n }, children: handleRenderTabType(childrenArr[0].props) }), `secondary-tab-0`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[1].props, { isActive: currentActiveTab === childrenArr[1].props.value, onClick: () => {\n handleActiveTab(childrenArr[1].props);\n }, children: handleRenderTabType(childrenArr[1].props) }), `secondary-tab-1`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[2].props, { isActive: currentActiveTab === childrenArr[2].props.value, onClick: () => {\n handleActiveTab(childrenArr[2].props);\n }, children: handleRenderTabType(childrenArr[2].props) }), `secondary-tab-2`), childrenArr.length > 4 && (_jsxs(_Fragment, { children: [_jsxs(SecondaryTabStyled, { isActive: open, moreTab: true, selectedMenuLabel: selectedMenuLabel, onClick: handleMenuTabClick, children: [_jsx(Icon, { color: \"inherit\", className: 'more-vertical' }), selectedMenuLabel] }, `secondary-tab-more`), _jsx(PopperStyled, { open: open, anchorEl: anchorEl, placement: \"top\", transition: true, disablePortal: false, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(BackdropStyled, { open: open, onClick: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) }) })) })] })), childrenArr.length <= 4 && (_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[3].props, { isActive: currentActiveTab === childrenArr[3].props.value, onClick: () => {\n handleActiveTab(childrenArr[3].props);\n }, children: handleRenderTabType(childrenArr[3].props) }), `secondary-tab-3`))] })) }) }) }));\n};\nconst BackdropStyled = styled(Backdrop)(() => {\n return {\n zIndex: 2000,\n };\n});\nconst PopperStyled = styled(Popper)(() => {\n const style = {\n transform: 'unset !important',\n position: 'static !important',\n zIndex: 2000,\n };\n return style;\n});\nconst MenuStyled = styled(MenuList)(({ theme }) => {\n return {\n position: 'absolute',\n bottom: '0',\n left: 0,\n width: '100%',\n padding: '26px 0px 27px 0px',\n background: 'white',\n boxSizing: 'border-box',\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n zIndex: 2000,\n boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n '& .MuiDivider-root': {\n display: 'block',\n marginTop: '0px !important',\n marginBottom: '0px !important',\n },\n '& div:first-of-type': {\n '& > li': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n },\n '& > div > li': {\n fontSize: '16px',\n fontWeight: '400',\n color: theme.palette.onSurface.os900,\n paddingTop: '11px',\n paddingBottom: '11px',\n },\n };\n});\n/**\n * @description Tabs styling definition based on props\n */\nconst AppBarStyled = styled(MuiAppBar)(() => {\n return {\n maxHeigth: '56px',\n padding: '0px',\n top: 'auto',\n bottom: 0,\n boxShadow: 'none',\n borderTop: `1px solid ${flowColors.transparent.secondary}`,\n backgroundColor: flowColors.background.primary,\n '& > div.MuiToolbar-root': {\n maxHeight: '56px',\n padding: '0px',\n '& > div': {\n width: '100%',\n justifyContent: 'space-evenly',\n '& > div': {\n '&> a': {\n padding: 0,\n textDecoration: 'none',\n },\n },\n },\n },\n };\n});\n//# sourceMappingURL=secondaryNavigationTabs.js.map"],"names":["SecondaryNavigationTabs","currentActiveTab","setCurrentActiveTab","children","childrenArr","setChildrenArr","useState","anchorEl","setAnchorEl","open","setOpen","selectedMenuLabel","setSelectedMenuLabel","handleActiveTab","useCallback","_props","value","onClick","handleMenuTabClick","e","currentTarget","handleRenderTabType","href","_jsxs","target","_jsx","Icon","color","className","icon","label","_Fragment","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","React","Children","toArray","AppBarStyled","position","Toolbar","Box","sx","display","SecondaryTabStyled","Object","assign","isActive","length","moreTab","PopperStyled","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","BackdropStyled","Fade","timeout","MenuStyled","id","styled","Backdrop","zIndex","Popper","transform","MenuList","theme","bottom","left","width","padding","background","boxSizing","borderTopLeftRadius","borderTopRightRadius","boxShadow","marginTop","marginBottom","fontSize","fontWeight","palette","onSurface","os900","paddingTop","paddingBottom","MuiAppBar","maxHeigth","top","borderTop","flowColors","transparent","secondary","backgroundColor","primary","maxHeight","justifyContent","textDecoration"],"mappings":"4hBAeY,MAACA,EAA0B,EAAGC,mBAAkBC,sBAAqBC,eAC7E,MAAOC,EAAaC,GAAkBC,EAAS,OACxCC,EAAUC,GAAeF,EAAS,OAClCG,EAAMC,GAAWJ,GAAS,IAC1BK,EAAmBC,GAAwBN,EAAS,MAErDO,EAAkBC,GAAaC,IACjCb,EAAoBa,EAAOC,OAC3BD,EAAOE,SAAWF,EAAOE,SAAS,GACnC,CAACf,IAEEgB,EAAqBJ,GAAaK,IACpCT,GAASD,GACTD,EAAYW,EAAEC,cAAc,GAC7B,CAACX,IAEEY,EAAsBP,GAAaC,GACjCA,EAAOO,KACCC,EAAM,IAAK,CAAED,KAAMP,EAAOO,KAAME,OAAQT,EAAOS,QAAU,KAAMrB,SAAU,CAACsB,EAAKC,EAAM,CAAEC,MAAO,UAAWC,UAAWb,EAAOc,MAAQ,oBAAsBd,EAAOe,SAGhKP,EAAMQ,EAAW,CAAE5B,SAAU,CAACsB,EAAKC,EAAM,CAAEC,MAAO,UAAWC,UAAWb,EAAOc,MAAQ,oBAAsBd,EAAOe,UAEjI,IAEGE,EAAkBlB,GAAaC,IACjCH,EAAqBG,EAAOe,OACvBf,EAAOO,KAIRW,OAAOxB,KAAKM,EAAOO,KAAMP,EAAOS,QAHhCtB,EAAoBa,EAAOC,OAK/BN,GAAQ,GACRK,EAAOE,SAAWF,EAAOE,QAAQF,EAAOC,MAAM,GAC/C,CAACd,IAEEgC,EAAkBpB,GAAY,IACdV,EAAY+B,MAAM,GACnBC,KAAI,CAACC,EAAMC,IAChBf,EAAM,MAAO,CAAEpB,SAAU,CAACsB,EAAKc,EAAU,CAAEtB,QAAS,IAAMe,EAAgBK,EAAKG,OAAQrC,SAAUkC,EAAKG,MAAMV,OAASQ,GAAIb,EAAKgB,EAAS,CAAEC,YAAa,aAAcC,UAAW,SAAUC,QAAS,aAAgBP,EAAKG,MAAMV,UAE1O,CAAC1B,EAAa4B,IAIjB,OAHAa,GAAU,KACNxC,EAAeyC,EAAMC,SAASC,QAAQ7C,GAAU,GACjD,CAACA,IACIsB,EAAKwB,EAAc,CAAEC,SAAU,QAASvB,MAAO,cAAexB,SAAUsB,EAAK0B,EAAS,CAAEhD,SAAUsB,EAAK2B,EAAK,CAAEC,GAAI,CAAEC,QAAS,QAAUnD,SAAUC,GAAgBmB,EAAMQ,EAAW,CAAE5B,SAAU,CAACsB,EAAK8B,EAAoBC,OAAOC,OAAO,CAAE,EAAErD,EAAY,GAAGoC,MAAO,CAAEkB,SAAUzD,IAAqBG,EAAY,GAAGoC,MAAMxB,MAAOC,QAAS,KAClTJ,EAAgBT,EAAY,GAAGoC,MAAM,EACtCrC,SAAUkB,EAAoBjB,EAAY,GAAGoC,SAAW,mBAAoBf,EAAK8B,EAAoBC,OAAOC,OAAO,CAAA,EAAIrD,EAAY,GAAGoC,MAAO,CAAEkB,SAAUzD,IAAqBG,EAAY,GAAGoC,MAAMxB,MAAOC,QAAS,KAClNJ,EAAgBT,EAAY,GAAGoC,MAAM,EACtCrC,SAAUkB,EAAoBjB,EAAY,GAAGoC,SAAW,mBAAoBf,EAAK8B,EAAoBC,OAAOC,OAAO,CAAA,EAAIrD,EAAY,GAAGoC,MAAO,CAAEkB,SAAUzD,IAAqBG,EAAY,GAAGoC,MAAMxB,MAAOC,QAAS,KAClNJ,EAAgBT,EAAY,GAAGoC,MAAM,EACtCrC,SAAUkB,EAAoBjB,EAAY,GAAGoC,SAAW,mBAAoBpC,EAAYuD,OAAS,GAAMpC,EAAMQ,EAAW,CAAE5B,SAAU,CAACoB,EAAMgC,EAAoB,CAAEG,SAAUjD,EAAMmD,SAAS,EAAMjD,kBAAmBA,EAAmBM,QAASC,EAAoBf,SAAU,CAACsB,EAAKC,EAAM,CAAEC,MAAO,UAAWC,UAAW,kBAAoBjB,IAAsB,sBAAuBc,EAAKoC,EAAc,CAAEpD,KAAMA,EAAMF,SAAUA,EAAUuD,UAAW,MAAOC,YAAY,EAAMC,eAAe,EAAO7D,SAAU,EAAG8D,qBAAuBxC,EAAKyC,EAAmB,CAAEC,YAAa,IAAMzD,GAAQ,GAAQP,SAAUsB,EAAK2C,EAAgB,CAAE3D,KAAMA,EAAMQ,QAAS,IAAMP,GAAQ,GAAQP,SAAUsB,EAAK4C,EAAMb,OAAOC,OAAO,CAAA,EAAIQ,EAAiB,CAAEK,QAAS,IAAKnE,SAAUsB,EAAK8C,EAAY,CAAEC,GAAI,iBAAkBrE,SAAU+B,kBAAyC9B,EAAYuD,QAAU,GAAMlC,EAAK8B,EAAoBC,OAAOC,OAAO,CAAE,EAAErD,EAAY,GAAGoC,MAAO,CAAEkB,SAAUzD,IAAqBG,EAAY,GAAGoC,MAAMxB,MAAOC,QAAS,KACr+BJ,EAAgBT,EAAY,GAAGoC,MAAM,EACtCrC,SAAUkB,EAAoBjB,EAAY,GAAGoC,SAAW,2BAAmC,EAEpH4B,EAAiBK,EAAOC,EAAPD,EAAiB,KAC7B,CACHE,OAAQ,QAGVd,EAAeY,EAAOG,EAAPH,EAAe,KAClB,CACVI,UAAW,mBACX3B,SAAU,oBACVyB,OAAQ,QAIVJ,EAAaE,EAAOK,EAAPL,EAAiB,EAAGM,YAC5B,CACH7B,SAAU,WACV8B,OAAQ,IACRC,KAAM,EACNC,MAAO,OACPC,QAAS,oBACTC,WAAY,QACZC,UAAW,aACXC,oBAAqB,OACrBC,qBAAsB,OACtBZ,OAAQ,IACRa,UAAW,+BACX,qBAAsB,CAClBlC,QAAS,QACTmC,UAAW,iBACXC,aAAc,kBAElB,sBAAuB,CACnB,SAAU,CACNJ,oBAAqB,OACrBC,qBAAsB,SAG9B,eAAgB,CACZI,SAAU,OACVC,WAAY,MACZjE,MAAOoD,EAAMc,QAAQC,UAAUC,MAC/BC,WAAY,OACZC,cAAe,YAOrBhD,EAAewB,EAAOyB,EAAPzB,EAAkB,KAC5B,CACH0B,UAAW,OACXhB,QAAS,MACTiB,IAAK,OACLpB,OAAQ,EACRQ,UAAW,OACXa,UAAW,aAAaC,EAAWC,YAAYC,YAC/CC,gBAAiBH,EAAWlB,WAAWsB,QACvC,0BAA2B,CACvBC,UAAW,OACXxB,QAAS,MACT,UAAW,CACPD,MAAO,OACP0B,eAAgB,eAChB,UAAW,CACP,OAAQ,CACJzB,QAAS,EACT0B,eAAgB"}
1
+ {"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useState } from 'react';\nimport MuiAppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { Icon } from '../../icon';\nimport SecondaryTabStyled from './secondaryTabStyled';\nimport { MenuItem, ClickAwayListener, Fade, MenuList, Popper, styled, Box, Backdrop, Divider } from '@mui/material';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props AppBarProps\n * @returns React Functional Component\n */\nexport const SecondaryNavigationTabs = ({ currentActiveTab, setCurrentActiveTab, children }) => {\n const [childrenArr, setChildrenArr] = useState(null);\n const [anchorEl, setAnchorEl] = useState(null);\n const [open, setOpen] = useState(false);\n const [selectedMenuLabel, setSelectedMenuLabel] = useState(null);\n //handle the active tab selected\n const handleActiveTab = useCallback((_props) => {\n setCurrentActiveTab(_props.value);\n _props.onClick && _props.onClick();\n }, [setCurrentActiveTab]);\n //handle the click on tab of type menu\n const handleMenuTabClick = useCallback((e) => {\n setOpen(!open);\n setAnchorEl(e.currentTarget);\n }, [open]);\n //render a link tab or not based on type\n const handleRenderTabType = useCallback((_props) => {\n if (_props.href) {\n return (_jsxs(\"a\", { href: _props.href, target: _props.target || null, children: [_jsx(Icon, { color: \"inherit\", className: _props.icon || 'more-horizontal' }), _props.label] }));\n }\n else {\n return (_jsxs(_Fragment, { children: [_jsx(Icon, { color: \"inherit\", className: _props.icon || 'more-horizontal' }), _props.label] }));\n }\n }, []);\n //handle the event triggered on onclick based on tab type (link or tab)\n const onClickMenuItem = useCallback((_props) => {\n setSelectedMenuLabel(_props.label);\n if (!_props.href) {\n setCurrentActiveTab(_props.value);\n }\n else {\n window.open(_props.href, _props.target);\n }\n setOpen(false);\n _props.onClick && _props.onClick(_props.value);\n }, [setCurrentActiveTab]);\n //returns the list of menu items\n const handleMenuItems = useCallback(() => {\n const menuItems = childrenArr.slice(3);\n return menuItems.map((item, i) => {\n return (_jsxs(\"div\", { children: [_jsx(MenuItem, { onClick: () => onClickMenuItem(item.props), children: item.props.label }, i), _jsx(Divider, { orientation: \"horizontal\", textAlign: \"center\", variant: \"middle\" })] }, item.props.label));\n });\n }, [childrenArr, onClickMenuItem]);\n useEffect(() => {\n setChildrenArr(React.Children.toArray(children));\n }, [children]);\n return (_jsx(AppBarStyled, { position: \"fixed\", color: \"transparent\", children: _jsx(Toolbar, { children: _jsx(Box, { sx: { display: 'flex' }, children: childrenArr && (_jsxs(_Fragment, { children: [_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[0].props, { isActive: currentActiveTab === childrenArr[0].props.value, onClick: () => {\n handleActiveTab(childrenArr[0].props);\n }, children: handleRenderTabType(childrenArr[0].props) }), `secondary-tab-0`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[1].props, { isActive: currentActiveTab === childrenArr[1].props.value, onClick: () => {\n handleActiveTab(childrenArr[1].props);\n }, children: handleRenderTabType(childrenArr[1].props) }), `secondary-tab-1`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[2].props, { isActive: currentActiveTab === childrenArr[2].props.value, onClick: () => {\n handleActiveTab(childrenArr[2].props);\n }, children: handleRenderTabType(childrenArr[2].props) }), `secondary-tab-2`), childrenArr.length > 4 && (_jsxs(_Fragment, { children: [_jsxs(SecondaryTabStyled, { isActive: open, moreTab: true, selectedMenuLabel: selectedMenuLabel, onClick: handleMenuTabClick, children: [_jsx(Icon, { color: \"inherit\", className: 'more-vertical' }), selectedMenuLabel] }, `secondary-tab-more`), _jsx(PopperStyled, { open: open, anchorEl: anchorEl, placement: \"top\", transition: true, disablePortal: false, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(BackdropStyled, { open: open, onClick: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) }) })) })] })), childrenArr.length <= 4 && (_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[3].props, { isActive: currentActiveTab === childrenArr[3].props.value, onClick: () => {\n handleActiveTab(childrenArr[3].props);\n }, children: handleRenderTabType(childrenArr[3].props) }), `secondary-tab-3`))] })) }) }) }));\n};\nconst BackdropStyled = styled(Backdrop)(() => {\n return {\n zIndex: 2000,\n };\n});\nconst PopperStyled = styled(Popper)(() => {\n const style = {\n transform: 'unset !important',\n position: 'static !important',\n zIndex: 2000,\n };\n return style;\n});\nconst MenuStyled = styled(MenuList)(({ theme }) => {\n return {\n position: 'absolute',\n bottom: '0',\n left: 0,\n width: '100%',\n padding: '26px 0px 27px 0px',\n background: 'white',\n boxSizing: 'border-box',\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n zIndex: 2000,\n boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n '& .MuiDivider-root': {\n display: 'block',\n marginTop: '0px !important',\n marginBottom: '0px !important',\n },\n '& div:first-of-type': {\n '& > li': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n },\n '& > div > li': {\n fontSize: '16px',\n fontWeight: '400',\n color: theme.palette.onSurface.os900,\n paddingTop: '11px',\n paddingBottom: '11px',\n },\n };\n});\n/**\n * @description Tabs styling definition based on props\n */\nconst AppBarStyled = styled(MuiAppBar)(() => {\n return {\n maxHeigth: '56px',\n padding: '0px',\n top: 'auto',\n bottom: 0,\n boxShadow: 'none',\n borderTop: `1px solid ${flowColors.transparent.secondary}`,\n backgroundColor: flowColors.background.primary,\n '& > div.MuiToolbar-root': {\n maxHeight: '56px',\n padding: '0px',\n '& > div': {\n width: '100%',\n justifyContent: 'space-evenly',\n '& > div': {\n '&> a': {\n padding: 0,\n textDecoration: 'none',\n },\n },\n },\n },\n };\n});\n//# sourceMappingURL=secondaryNavigationTabs.js.map"],"names":["SecondaryNavigationTabs","currentActiveTab","setCurrentActiveTab","children","childrenArr","setChildrenArr","useState","anchorEl","setAnchorEl","open","setOpen","selectedMenuLabel","setSelectedMenuLabel","handleActiveTab","useCallback","_props","value","onClick","handleMenuTabClick","e","currentTarget","handleRenderTabType","href","_jsxs","target","_jsx","Icon","color","className","icon","label","_Fragment","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","React","Children","toArray","AppBarStyled","position","Toolbar","Box","sx","display","SecondaryTabStyled","Object","assign","isActive","length","moreTab","PopperStyled","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","BackdropStyled","Fade","timeout","MenuStyled","id","styled","Backdrop","zIndex","Popper","transform","MenuList","theme","bottom","left","width","padding","background","boxSizing","borderTopLeftRadius","borderTopRightRadius","boxShadow","marginTop","marginBottom","fontSize","fontWeight","palette","onSurface","os900","paddingTop","paddingBottom","MuiAppBar","maxHeigth","top","borderTop","flowColors","transparent","secondary","backgroundColor","primary","maxHeight","justifyContent","textDecoration"],"mappings":"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"}
@@ -4,7 +4,7 @@
4
4
  */
5
5
  declare const TabStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
6
6
  ref?: import("react").Ref<HTMLDivElement>;
7
- }, "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "label" | "value" | "wrapped"> & {
7
+ }, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "wrapped"> & {
8
8
  theme?: import("@emotion/react").Theme;
9
9
  } & {
10
10
  component?: import("react").ElementType<any>;
@@ -1,2 +1,2 @@
1
- import{flowColors as o}from"../../palette.theme.js";const r={defaultProps:{disableGutters:!0,square:!0},styleOverrides:{root:({theme:r})=>({boxShadow:"unset",borderRadius:"0px",borderTop:`1px solid ${r.palette.divider}`,borderBottom:0,"&::before":{display:"none"},"& .MuiAccordionSummary-root":{lineHeight:"24px",fontWeight:700,fontSize:"16px",color:o.onSurface.os900,letterSpacing:"0.3px",padding:"0px 24px",display:"flex",alignItems:"flex-start","& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root":{color:o.onSurface.os900},"& > .MuiAccordionSummary-content":{flexDirection:"column",margin:"24px 20px 24px 0px","& > .accordion-panel-title--sneak-peak":{marginTop:"8px",fontWeight:300}},"&:hover":{"& > .MuiAccordionSummary-expandIconWrapper > div > button":{background:o.transparent.primary}},"&:focus":{backgroundColor:"transparent"}},"& .text":{fontWeight:300,fontSize:"16px",lineHeight:"24px",letterSpacing:"0.3px",color:o.onSurface.os900},"& .MuiAccordionDetails-root":{padding:"0px 24px 16px"},"& .MuiAccordionSummary-expandIconWrapper":{transform:"unset !important",marginTop:"24px","& .MuiIcon-root":{borderRadius:"50%",position:"relative !important",fontSize:"18px"},"& > div":{transform:"unset","& > button":{backgroundColor:"transparent",width:"24px",height:"24px",outline:"none","& .MuiIcon-root":{transform:"rotate(0deg)",transition:"all 0.3s",transformOrigin:"50%","&:before":{fontSize:"16px"}}}},"&.Mui-expanded":{"& .MuiIcon-root":{transform:"rotate(45deg)"}}}})}};export{r as flowAccordion};
1
+ import{flowColors as o}from"../../palette.theme.js";const r={defaultProps:{disableGutters:!0,square:!0},styleOverrides:{root:({theme:r})=>({boxShadow:"unset",borderRadius:"0px",borderTop:`1px solid ${r.palette.divider}`,borderBottom:0,"&::before":{display:"none"},"& .MuiAccordionSummary-root":{lineHeight:"24px",fontWeight:700,fontSize:"16px",color:o.onSurface.os900,letterSpacing:"0.3px",padding:"0px 24px",display:"flex",alignItems:"center","& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root":{color:o.onSurface.os900},"& > .MuiAccordionSummary-content":{flexDirection:"column",margin:"24px 20px 24px 0px","& > .accordion-panel-title--sneak-peak":{marginTop:"8px",fontWeight:300}},"&:hover":{"& > .MuiAccordionSummary-expandIconWrapper > div > button":{background:o.transparent.primary}},"&:focus":{backgroundColor:"transparent"}},"& .text":{fontWeight:300,fontSize:"16px",lineHeight:"24px",letterSpacing:"0.3px",color:o.onSurface.os900},"& .MuiAccordionDetails-root":{padding:"0px 24px 16px"},"& .MuiAccordionSummary-expandIconWrapper":{transform:"unset !important","& .MuiIcon-root":{borderRadius:"50%",position:"relative !important",fontSize:"18px"},"& > div":{transform:"unset","& > button":{backgroundColor:"transparent",width:"24px",height:"24px",outline:"none","& .MuiIcon-root":{transform:"rotate(0deg)",transition:"all 0.3s",transformOrigin:"50%","&:before":{fontSize:"16px"}}}},"&.Mui-expanded":{"& .MuiIcon-root":{transform:"rotate(180deg)"}}}})}};export{r as flowAccordion};
2
2
  //# sourceMappingURL=accordion.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordion.theme.ts"],"sourcesContent":["import { flowColors } from '../../palette.theme';\nexport const flowAccordion = {\n defaultProps: {\n disableGutters: true,\n square: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: 'unset',\n borderRadius: '0px',\n borderTop: `1px solid ${theme.palette.divider}`,\n borderBottom: 0,\n '&::before': {\n display: 'none',\n },\n '& .MuiAccordionSummary-root': {\n lineHeight: '24px',\n fontWeight: 700,\n fontSize: '16px',\n color: flowColors.onSurface.os900,\n letterSpacing: '0.3px',\n padding: '0px 24px',\n display: 'flex',\n alignItems: 'flex-start',\n '& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root': {\n color: flowColors.onSurface.os900,\n },\n '& > .MuiAccordionSummary-content': {\n flexDirection: 'column',\n margin: '24px 20px 24px 0px',\n '& > .accordion-panel-title--sneak-peak': {\n marginTop: '8px',\n fontWeight: 300,\n },\n },\n '&:hover': {\n '& > .MuiAccordionSummary-expandIconWrapper > div > button': {\n background: flowColors.transparent.primary,\n },\n },\n '&:focus': {\n backgroundColor: 'transparent',\n },\n },\n '& .text': {\n fontWeight: 300,\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.3px',\n color: flowColors.onSurface.os900,\n },\n '& .MuiAccordionDetails-root': {\n padding: '0px 24px 16px',\n },\n '& .MuiAccordionSummary-expandIconWrapper': {\n transform: 'unset !important',\n marginTop: '24px',\n '& .MuiIcon-root': {\n borderRadius: '50%',\n position: 'relative !important',\n fontSize: '18px',\n },\n '& > div': {\n transform: 'unset',\n '& > button': {\n backgroundColor: 'transparent',\n width: '24px',\n height: '24px',\n outline: 'none',\n '& .MuiIcon-root': {\n transform: 'rotate(0deg)',\n transition: 'all 0.3s',\n transformOrigin: '50%',\n '&:before': {\n fontSize: '16px',\n },\n },\n },\n },\n '&.Mui-expanded': {\n '& .MuiIcon-root': {\n transform: 'rotate(45deg)',\n },\n },\n },\n }),\n },\n};\n//# sourceMappingURL=accordion.theme.js.map"],"names":["flowAccordion","defaultProps","disableGutters","square","styleOverrides","root","theme","boxShadow","borderRadius","borderTop","palette","divider","borderBottom","display","lineHeight","fontWeight","fontSize","color","flowColors","onSurface","os900","letterSpacing","padding","alignItems","flexDirection","margin","marginTop","background","transparent","primary","backgroundColor","transform","position","width","height","outline","transition","transformOrigin"],"mappings":"oDACY,MAACA,EAAgB,CACzBC,aAAc,CACVC,gBAAgB,EAChBC,QAAQ,GAEZC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,UAAW,QACXC,aAAc,MACdC,UAAW,aAAaH,EAAMI,QAAQC,UACtCC,aAAc,EACd,YAAa,CACTC,QAAS,QAEb,8BAA+B,CAC3BC,WAAY,OACZC,WAAY,IACZC,SAAU,OACVC,MAAOC,EAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,aACZ,6DAA8D,CAC1DN,MAAOC,EAAWC,UAAUC,OAEhC,mCAAoC,CAChCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACtCC,UAAW,MACXX,WAAY,MAGpB,UAAW,CACP,4DAA6D,CACzDY,WAAYT,EAAWU,YAAYC,UAG3C,UAAW,CACPC,gBAAiB,gBAGzB,UAAW,CACPf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAWC,UAAUC,OAEhC,8BAA+B,CAC3BE,QAAS,iBAEb,2CAA4C,CACxCS,UAAW,mBACXL,UAAW,OACX,kBAAmB,CACflB,aAAc,MACdwB,SAAU,sBACVhB,SAAU,QAEd,UAAW,CACPe,UAAW,QACX,aAAc,CACVD,gBAAiB,cACjBG,MAAO,OACPC,OAAQ,OACRC,QAAS,OACT,kBAAmB,CACfJ,UAAW,eACXK,WAAY,WACZC,gBAAiB,MACjB,WAAY,CACRrB,SAAU,WAK1B,iBAAkB,CACd,kBAAmB,CACfe,UAAW"}
1
+ {"version":3,"file":"accordion.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordion.theme.ts"],"sourcesContent":["import { flowColors } from '../../palette.theme';\nexport const flowAccordion = {\n defaultProps: {\n disableGutters: true,\n square: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: 'unset',\n borderRadius: '0px',\n borderTop: `1px solid ${theme.palette.divider}`,\n borderBottom: 0,\n '&::before': {\n display: 'none',\n },\n '& .MuiAccordionSummary-root': {\n lineHeight: '24px',\n fontWeight: 700,\n fontSize: '16px',\n color: flowColors.onSurface.os900,\n letterSpacing: '0.3px',\n padding: '0px 24px',\n display: 'flex',\n alignItems: 'center',\n '& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root': {\n color: flowColors.onSurface.os900,\n },\n '& > .MuiAccordionSummary-content': {\n flexDirection: 'column',\n margin: '24px 20px 24px 0px',\n '& > .accordion-panel-title--sneak-peak': {\n marginTop: '8px',\n fontWeight: 300,\n },\n },\n '&:hover': {\n '& > .MuiAccordionSummary-expandIconWrapper > div > button': {\n background: flowColors.transparent.primary,\n },\n },\n '&:focus': {\n backgroundColor: 'transparent',\n },\n },\n '& .text': {\n fontWeight: 300,\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.3px',\n color: flowColors.onSurface.os900,\n },\n '& .MuiAccordionDetails-root': {\n padding: '0px 24px 16px',\n },\n '& .MuiAccordionSummary-expandIconWrapper': {\n transform: 'unset !important',\n '& .MuiIcon-root': {\n borderRadius: '50%',\n position: 'relative !important',\n fontSize: '18px',\n },\n '& > div': {\n transform: 'unset',\n '& > button': {\n backgroundColor: 'transparent',\n width: '24px',\n height: '24px',\n outline: 'none',\n '& .MuiIcon-root': {\n transform: 'rotate(0deg)',\n transition: 'all 0.3s',\n transformOrigin: '50%',\n '&:before': {\n fontSize: '16px',\n },\n },\n },\n },\n '&.Mui-expanded': {\n '& .MuiIcon-root': {\n transform: 'rotate(180deg)',\n },\n },\n },\n }),\n },\n};\n//# sourceMappingURL=accordion.theme.js.map"],"names":["flowAccordion","defaultProps","disableGutters","square","styleOverrides","root","theme","boxShadow","borderRadius","borderTop","palette","divider","borderBottom","display","lineHeight","fontWeight","fontSize","color","flowColors","onSurface","os900","letterSpacing","padding","alignItems","flexDirection","margin","marginTop","background","transparent","primary","backgroundColor","transform","position","width","height","outline","transition","transformOrigin"],"mappings":"oDACY,MAACA,EAAgB,CACzBC,aAAc,CACVC,gBAAgB,EAChBC,QAAQ,GAEZC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,UAAW,QACXC,aAAc,MACdC,UAAW,aAAaH,EAAMI,QAAQC,UACtCC,aAAc,EACd,YAAa,CACTC,QAAS,QAEb,8BAA+B,CAC3BC,WAAY,OACZC,WAAY,IACZC,SAAU,OACVC,MAAOC,EAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,SACZ,6DAA8D,CAC1DN,MAAOC,EAAWC,UAAUC,OAEhC,mCAAoC,CAChCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACtCC,UAAW,MACXX,WAAY,MAGpB,UAAW,CACP,4DAA6D,CACzDY,WAAYT,EAAWU,YAAYC,UAG3C,UAAW,CACPC,gBAAiB,gBAGzB,UAAW,CACPf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAWC,UAAUC,OAEhC,8BAA+B,CAC3BE,QAAS,iBAEb,2CAA4C,CACxCS,UAAW,mBACX,kBAAmB,CACfvB,aAAc,MACdwB,SAAU,sBACVhB,SAAU,QAEd,UAAW,CACPe,UAAW,QACX,aAAc,CACVD,gBAAiB,cACjBG,MAAO,OACPC,OAAQ,OACRC,QAAS,OACT,kBAAmB,CACfJ,UAAW,eACXK,WAAY,WACZC,gBAAiB,MACjB,WAAY,CACRrB,SAAU,WAK1B,iBAAkB,CACd,kBAAmB,CACfe,UAAW"}
@@ -1,2 +1,2 @@
1
- import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.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"@mui/material/Container";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../../components/icon/icon.js";import"../../../../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";import"../../../../components/mobileStepper/mobileStepper.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.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/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"react";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../tabs/tabs.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"../divider.theme.js";import"../drawer.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../slider.theme.js";import"../snackbar.theme.js";import"../tooltip.theme.js";import"@mui/x-date-pickers/internals";import"react-use";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"../../../../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"lodash/merge";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"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"../../../../layout/Footer/FooterNavItem.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
1
+ import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.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"@mui/material/Container";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../../components/icon/icon.js";import"../../../../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";import"@mui/material/MobileStepper";import"react";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.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/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"@mui/x-date-pickers/internals";import"../divider.theme.js";import"../drawer.theme.js";import"../form/slider.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../snackbar.theme.js";import"../stepper/stepIcon/errorStepIcon.js";import"../stepper/stepIcon/qontoStepIcon.js";import"../tabs/tabs.theme.js";import"../tooltip.theme.js";import"react-use";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"../../../../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"lodash/merge";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"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button/Button.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
2
2
  //# sourceMappingURL=accordionSummary.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType: 'plus' }),\n },\n styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"s6KAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
1
+ {"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType: 'plus' }),\n },\n styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"6kLAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
@@ -1,2 +1,2 @@
1
- import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.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"@mui/material/Container";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as t}from"../../../components/icon/icon.js";import"../../../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";import"../../../components/mobileStepper/mobileStepper.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.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/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"react";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../palette.theme.js";import"./tabs/tabs.theme.js";import"./backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../theme.breakpoints.js";import"../theme.constants.js";import"./divider.theme.js";import"./drawer.theme.js";import"./icon.theme.js";import"./mobileStepper.theme.js";import"./modal.theme.js";import"./pagination.theme.js";import"./slider.theme.js";import"./snackbar.theme.js";import"./tooltip.theme.js";import"./accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";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"../../../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"lodash/merge";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"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"../../../layout/Footer/FooterNavItem.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button.js";import"minimatch";const e={defaultProps:{popupIcon:o(t,{className:"chevron-down"}),clearIcon:o(t,{className:"ballotx"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
1
+ import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.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"@mui/material/Container";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as t}from"../../../components/icon/icon.js";import"../../../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";import"@mui/material/MobileStepper";import"react";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.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/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../palette.theme.js";import"./accordion/accordionSummary.theme.js";import"./backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../theme.breakpoints.js";import"../theme.constants.js";import"@mui/x-date-pickers/internals";import"./divider.theme.js";import"./drawer.theme.js";import"./form/slider.theme.js";import"./icon.theme.js";import"./mobileStepper.theme.js";import"./modal.theme.js";import"./pagination.theme.js";import"./snackbar.theme.js";import"./stepper/stepIcon/errorStepIcon.js";import"./stepper/stepIcon/qontoStepIcon.js";import"./tabs/tabs.theme.js";import"./tooltip.theme.js";import"react-use";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"../../../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"lodash/merge";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"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button/Button.js";import"minimatch";const e={defaultProps:{popupIcon:o(t,{className:"chevron-down"}),clearIcon:o(t,{className:"ballotx"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
2
2
  //# sourceMappingURL=autocomplete.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n defaultProps: {\n popupIcon: _jsx(Icon, { className: \"chevron-down\" }),\n clearIcon: _jsx(Icon, { className: \"ballotx\" }),\n disableClearable: true,\n componentsProps: {\n popupIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n clearIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n },\n },\n styleOverrides: {\n root: () => ({\n '& .MuiFilledInput-root': {\n paddingBottom: 7,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n height: 26,\n boxSizing: 'border-box',\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n paddingBottom: 3,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n paddingTop: 12,\n paddingBottom: 14,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n paddingTop: 17,\n paddingBottom: 13,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n }),\n endAdornment: {\n top: '50%',\n transform: 'translateY(-50%)',\n },\n popupIndicator: {\n padding: 0,\n marginRight: 0,\n },\n clearIndicator: {\n padding: 0,\n marginRight: 0,\n },\n listbox: ({ theme }) => ({\n maxHeight: 240,\n overflow: 'overlay',\n padding: 0,\n '& .MuiAutocomplete-option': {\n minHeight: '48px',\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option.Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n }),\n option: ({ theme }) => ({\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n minHeight: '48px',\n backgroundColor: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n }),\n tag: {\n marginTop: 0,\n marginBottom: 0,\n height: 26,\n display: 'inline-flex',\n alignItems: 'center',\n '&.MuiChip-colorDefault': {\n background: 'transparent',\n },\n '& .MuiChip-label': {\n display: 'inline',\n paddingLeft: 0,\n paddingRight: 7,\n },\n '& .MuiChip-deleteIcon': {\n marginRight: 2,\n },\n },\n },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","className","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"4qKAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAKC,EAAM,CAAEC,UAAW,iBACnCC,UAAWH,EAAKC,EAAM,CAAEC,UAAW,YACnCE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}
1
+ {"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n defaultProps: {\n popupIcon: _jsx(Icon, { className: \"chevron-down\" }),\n clearIcon: _jsx(Icon, { className: \"ballotx\" }),\n disableClearable: true,\n componentsProps: {\n popupIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n clearIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n },\n },\n styleOverrides: {\n root: () => ({\n '& .MuiFilledInput-root': {\n paddingBottom: 7,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n height: 26,\n boxSizing: 'border-box',\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n paddingBottom: 3,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n paddingTop: 12,\n paddingBottom: 14,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n paddingTop: 17,\n paddingBottom: 13,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n }),\n endAdornment: {\n top: '50%',\n transform: 'translateY(-50%)',\n },\n popupIndicator: {\n padding: 0,\n marginRight: 0,\n },\n clearIndicator: {\n padding: 0,\n marginRight: 0,\n },\n listbox: ({ theme }) => ({\n maxHeight: 240,\n overflow: 'overlay',\n padding: 0,\n '& .MuiAutocomplete-option': {\n minHeight: '48px',\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option.Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n }),\n option: ({ theme }) => ({\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n minHeight: '48px',\n backgroundColor: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n }),\n tag: {\n marginTop: 0,\n marginBottom: 0,\n height: 26,\n display: 'inline-flex',\n alignItems: 'center',\n '&.MuiChip-colorDefault': {\n background: 'transparent',\n },\n '& .MuiChip-label': {\n display: 'inline',\n paddingLeft: 0,\n paddingRight: 7,\n },\n '& .MuiChip-deleteIcon': {\n marginRight: 2,\n },\n },\n },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","className","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"o1KAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAKC,EAAM,CAAEC,UAAW,iBACnCC,UAAWH,EAAKC,EAAM,CAAEC,UAAW,YACnCE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialog.theme.js","sources":["../../../../../src/design/skoda/components/dialog/dialog.theme.ts"],"sourcesContent":["export const flowDialog = {\n defaultProps: {},\n styleOverrides: {\n paper: {\n maxWidth: 624,\n },\n paperFullScreen: {\n maxWidth: 'unset',\n },\n paperFullWidth: {\n maxWidth: 'unset',\n },\n },\n};\n//# sourceMappingURL=dialog.theme.js.map"],"names":["flowDialog","defaultProps","styleOverrides","paper","maxWidth","paperFullScreen","paperFullWidth"],"mappings":"AAAY,MAACA,EAAa,CACtBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,MAAO,CACHC,SAAU,KAEdC,gBAAiB,CACbD,SAAU,SAEdE,eAAgB,CACZF,SAAU"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialogActions.theme.js","sources":["../../../../../src/design/skoda/components/dialog/dialogActions.theme.ts"],"sourcesContent":["export const flowDialogActions = {\n defaultProps: {\n disableSpacing: true,\n },\n styleOverrides: {\n root: {\n boxShadow: '0px 0px 32px rgba(0, 0, 0, 0.15)',\n padding: '32px 24px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n gap: 15,\n },\n },\n};\n//# sourceMappingURL=dialogActions.theme.js.map"],"names":["flowDialogActions","defaultProps","disableSpacing","styleOverrides","root","boxShadow","padding","display","flexDirection","alignItems","gap"],"mappings":"AAAY,MAACA,EAAoB,CAC7BC,aAAc,CACVC,gBAAgB,GAEpBC,eAAgB,CACZC,KAAM,CACFC,UAAW,mCACXC,QAAS,YACTC,QAAS,OACTC,cAAe,SACfC,WAAY,UACZC,IAAK"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialogTitle.theme.js","sources":["../../../../../src/design/skoda/components/dialog/dialogTitle.theme.ts"],"sourcesContent":["export const flowDialogTitle = {\n defaultProps: {\n variant: 'h3',\n },\n styleOverrides: {\n root: () => ({\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'start',\n '&.MuiTypography-h3': {\n fontSize: '20px',\n lineHeight: '30px',\n paddingBottom: '1rem',\n },\n }),\n },\n};\n//# sourceMappingURL=dialogTitle.theme.js.map"],"names":["flowDialogTitle","defaultProps","variant","styleOverrides","root","display","justifyContent","alignItems","fontSize","lineHeight","paddingBottom"],"mappings":"AAAY,MAACA,EAAkB,CAC3BC,aAAc,CACVC,QAAS,MAEbC,eAAgB,CACZC,KAAM,KAAO,CACTC,QAAS,OACTC,eAAgB,gBAChBC,WAAY,QACZ,qBAAsB,CAClBC,SAAU,OACVC,WAAY,OACZC,cAAe"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filledInput.theme.js","sources":["../../../../../src/design/skoda/components/form/filledInput.theme.ts"],"sourcesContent":["export const flowFilledInput = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n backgroundColor: theme.palette.transparent.primary,\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n },\n '&.Mui-disabled': {\n backgroundColor: theme.palette.transparent.primary,\n '&:before': {\n borderBottomStyle: 'solid',\n borderColor: theme.palette.disabled.primary,\n },\n },\n }),\n input: () => ({\n paddingTop: 24,\n '&:focus': {\n background: 'transparent',\n },\n }),\n multiline: ({ ownerState }) => ({\n paddingTop: ownerState.hiddenLabel ? (ownerState.size === 'small' ? 13 : 18) : 24,\n paddingBottom: ownerState.hiddenLabel\n ? ownerState.size === 'small'\n ? 15\n : 14\n : ownerState.size === 'small'\n ? 4\n : 8,\n }),\n inputMultiline: () => ({\n paddingTop: 0,\n }),\n inputHiddenLabel: ({ ownerState }) => ({\n paddingTop: ownerState.multiline ? 0 : ownerState.size === 'small' ? 13 : 18,\n paddingBottom: ownerState.multiline ? 0 : ownerState.size === 'small' ? 15 : 14,\n }),\n },\n};\n//# sourceMappingURL=filledInput.theme.js.map"],"names":["flowFilledInput","defaultProps","styleOverrides","root","theme","backgroundColor","palette","transparent","primary","borderBottomStyle","borderColor","disabled","input","paddingTop","background","multiline","ownerState","hiddenLabel","size","paddingBottom","inputMultiline","inputHiddenLabel"],"mappings":"AAAY,MAACA,EAAkB,CAC3BC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,gBAAiBD,EAAME,QAAQC,YAAYC,QAC3C,UAAW,CACPH,gBAAiBD,EAAME,QAAQC,YAAYC,SAE/C,iBAAkB,CACdH,gBAAiBD,EAAME,QAAQC,YAAYC,QAC3C,WAAY,CACRC,kBAAmB,QACnBC,YAAaN,EAAME,QAAQK,SAASH,YAIhDI,MAAO,KAAO,CACVC,WAAY,GACZ,UAAW,CACPC,WAAY,iBAGpBC,UAAW,EAAGC,iBAAkB,CAC5BH,WAAYG,EAAWC,YAAmC,UAApBD,EAAWE,KAAmB,GAAK,GAAM,GAC/EC,cAAeH,EAAWC,YACA,UAApBD,EAAWE,KACP,GACA,GACgB,UAApBF,EAAWE,KACP,EACA,IAEdE,eAAgB,KAAO,CACnBP,WAAY,IAEhBQ,iBAAkB,EAAGL,iBAAkB,CACnCH,WAAYG,EAAWD,UAAY,EAAwB,UAApBC,EAAWE,KAAmB,GAAK,GAC1EC,cAAeH,EAAWD,UAAY,EAAwB,UAApBC,EAAWE,KAAmB,GAAK"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formControl.theme.js","sources":["../../../../../src/design/skoda/components/form/formControl.theme.ts"],"sourcesContent":["export const flowFormControl = {\n defaultProps: {\n variant: 'filled',\n },\n styleOverrides: {\n root: ({ theme }) => ({\n color: theme.palette.onSurface.os500,\n transition: theme.transitions.create(['color', 'transform']),\n marginBottom: 16,\n '&:hover': {\n color: theme.palette.text.primary,\n '& .MuiInputLabel-shrink': {\n color: theme.palette.primary.main,\n },\n '& .MuiInputLabel-root.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n '& .MuiInputLabel-root.Mui-error': {\n color: theme.palette.error.main,\n },\n },\n }),\n },\n};\n//# sourceMappingURL=formControl.theme.js.map"],"names":["flowFormControl","defaultProps","variant","styleOverrides","root","theme","color","palette","onSurface","os500","transition","transitions","create","marginBottom","text","primary","main","disabled","error"],"mappings":"AAAY,MAACA,EAAkB,CAC3BC,aAAc,CACVC,QAAS,UAEbC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,MAAOD,EAAME,QAAQC,UAAUC,MAC/BC,WAAYL,EAAMM,YAAYC,OAAO,CAAC,QAAS,cAC/CC,aAAc,GACd,UAAW,CACPP,MAAOD,EAAME,QAAQO,KAAKC,QAC1B,0BAA2B,CACvBT,MAAOD,EAAME,QAAQQ,QAAQC,MAEjC,qCAAsC,CAClCV,MAAOD,EAAME,QAAQU,SAASF,SAElC,kCAAmC,CAC/BT,MAAOD,EAAME,QAAQW,MAAMF"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formControlLabel.theme.js","sources":["../../../../../src/design/skoda/components/form/formControlLabel.theme.ts"],"sourcesContent":["export const flowFormControlLabel = {\n styleOverrides: {\n root: {\n marginLeft: 0,\n },\n label: ({ theme }) => ({\n paddingTop: 4,\n paddingBottom: 4,\n letterSpacing: '0.2px',\n paddingLeft: 8,\n fontSize: 14,\n lineHeight: '24px',\n fontWeight: 400,\n color: theme.palette.text.primary,\n }),\n },\n};\n//# sourceMappingURL=formControlLabel.theme.js.map"],"names":["flowFormControlLabel","styleOverrides","root","marginLeft","label","theme","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","color","palette","text","primary"],"mappings":"AAAY,MAACA,EAAuB,CAChCC,eAAgB,CACZC,KAAM,CACFC,WAAY,GAEhBC,MAAO,EAAGC,YAAa,CACnBC,WAAY,EACZC,cAAe,EACfC,cAAe,QACfC,YAAa,EACbC,SAAU,GACVC,WAAY,OACZC,WAAY,IACZC,MAAOR,EAAMS,QAAQC,KAAKC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formHelperText.theme.js","sources":["../../../../../src/design/skoda/components/form/formHelperText.theme.ts"],"sourcesContent":["export const flowFormHelperText = {\n styleOverrides: {\n root: ({ theme }) => ({\n margin: '0px',\n position: 'absolute',\n top: '100%',\n width: '100%',\n color: theme.palette.onSurface.os500,\n letterSpacing: '0.002em',\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n '&.Mui-disabled.Mui-error': {\n opacity: 0.3,\n },\n }),\n },\n};\n//# sourceMappingURL=formHelperText.theme.js.map"],"names":["flowFormHelperText","styleOverrides","root","theme","margin","position","top","width","color","palette","onSurface","os500","letterSpacing","display","overflow","textOverflow","whiteSpace","opacity"],"mappings":"AAAY,MAACA,EAAqB,CAC9BC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,OAAQ,MACRC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,cAAe,UACfC,QAAS,QACTC,SAAU,SACVC,aAAc,WACdC,WAAY,SACZ,2BAA4B,CACxBC,QAAS"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formLabel.theme.js","sources":["../../../../../src/design/skoda/components/form/formLabel.theme.ts"],"sourcesContent":["export const flowFormLabel = {\n styleOverrides: {\n root: {\n fontWeight: 400,\n },\n },\n};\n//# sourceMappingURL=formLabel.theme.js.map"],"names":["flowFormLabel","styleOverrides","root","fontWeight"],"mappings":"AAAY,MAACA,EAAgB,CACzBC,eAAgB,CACZC,KAAM,CACFC,WAAY"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input.theme.js","sources":["../../../../../src/design/skoda/components/form/input.theme.ts"],"sourcesContent":["export const flowInput = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-disabled': {\n '&:before': {\n borderBottomStyle: 'solid',\n borderColor: theme.palette.disabled.primary,\n },\n },\n }),\n },\n};\n//# sourceMappingURL=input.theme.js.map"],"names":["flowInput","defaultProps","styleOverrides","root","theme","borderBottomStyle","borderColor","palette","disabled","primary"],"mappings":"AAAY,MAACA,EAAY,CACrBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClB,iBAAkB,CACd,WAAY,CACRC,kBAAmB,QACnBC,YAAaF,EAAMG,QAAQC,SAASC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inputAdornment.theme.js","sources":["../../../../../src/design/skoda/components/form/inputAdornment.theme.ts"],"sourcesContent":["export const flowInputAdornment = {\n styleOverrides: {\n root: {\n color: 'inherit',\n fontSize: 10,\n '&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)': {\n marginTop: 0,\n },\n },\n positionStart: {\n marginRight: 16,\n },\n },\n};\n//# sourceMappingURL=inputAdornment.theme.js.map"],"names":["flowInputAdornment","styleOverrides","root","color","fontSize","marginTop","positionStart","marginRight"],"mappings":"AAAY,MAACA,EAAqB,CAC9BC,eAAgB,CACZC,KAAM,CACFC,MAAO,UACPC,SAAU,GACV,iGAAkG,CAC9FC,UAAW,IAGnBC,cAAe,CACXC,YAAa"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inputBase.theme.js","sources":["../../../../../src/design/skoda/components/form/inputBase.theme.ts"],"sourcesContent":["export const flowInputBase = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n fontWeight: 400,\n fontSize: '16px',\n lineHeight: '24px',\n '&.Mui-focused': {\n color: theme.palette.text.primary,\n },\n }),\n input: {\n height: 'auto',\n },\n inputMultiline: ({ theme }) => ({\n '&::-webkit-scrollbar': {\n width: '4px',\n },\n '&::-webkit-scrollbar-thumb': {\n borderRadius: '100px',\n background: theme.palette.onSurface.os200,\n width: '4px',\n height: '50%',\n },\n }),\n },\n};\n//# sourceMappingURL=inputBase.theme.js.map"],"names":["flowInputBase","defaultProps","styleOverrides","root","theme","color","fontWeight","fontSize","lineHeight","palette","text","primary","input","height","inputMultiline","width","borderRadius","background","onSurface","os200"],"mappings":"AAAY,MAACA,EAAgB,CACzBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,MAAO,UACPC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,gBAAiB,CACbH,MAAOD,EAAMK,QAAQC,KAAKC,WAGlCC,MAAO,CACHC,OAAQ,QAEZC,eAAgB,EAAGV,YAAa,CAC5B,uBAAwB,CACpBW,MAAO,OAEX,6BAA8B,CAC1BC,aAAc,QACdC,WAAYb,EAAMK,QAAQS,UAAUC,MACpCJ,MAAO,MACPF,OAAQ"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inputLabel.theme.js","sources":["../../../../../src/design/skoda/components/form/inputLabel.theme.ts"],"sourcesContent":["export const flowInputLabel = {\n defaultProps: {},\n styleOverrides: {\n root: () => ({\n color: 'inherit',\n fontSize: '16px',\n lineHeight: '24px',\n '&.Mui-disabled.Mui-error': {\n opacity: 0.3,\n },\n }),\n filled: {\n transform: 'translate(12px, 18px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(12px, 13px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n },\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(52px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(52px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(52px, 7px) scale(0.75)',\n },\n },\n },\n outlined: {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(54px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(54px, 8px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(14px, -9px) scale(0.75);',\n },\n },\n },\n standard: {\n '&:has(+ .MuiInputBase-adornedStart)': {\n transform: 'translate(40px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(40px, 17px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n },\n },\n};\n//# sourceMappingURL=inputLabel.theme.js.map"],"names":["flowInputLabel","defaultProps","styleOverrides","root","color","fontSize","lineHeight","opacity","filled","transform","outlined","standard"],"mappings":"AAAY,MAACA,EAAiB,CAC1BC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,KAAO,CACTC,MAAO,UACPC,SAAU,OACVC,WAAY,OACZ,2BAA4B,CACxBC,QAAS,MAGjBC,OAAQ,CACJC,UAAW,iCACX,yBAA0B,CACtBA,UAAW,oCAEf,4BAA6B,CACzBA,UAAW,iCACX,yBAA0B,CACtBA,UAAW,qCAGnB,uEAAwE,CACpEA,UAAW,iCACX,4BAA6B,CACzBA,UAAW,mCAEf,yBAA0B,CACtBA,UAAW,sCAIvBC,SAAU,CACN,uEAAwE,CACpED,UAAW,kCACX,4BAA6B,CACzBA,UAAW,kCAEf,yBAA0B,CACtBA,UAAW,wCAIvBE,SAAU,CACN,sCAAuC,CACnCF,UAAW,kCACX,4BAA6B,CACzBA,UAAW,mCAEf,yBAA0B,CACtBA,UAAW"}
@@ -0,0 +1,2 @@
1
+ import{ClassNaming as o}from"../../theme.constants.js";import{flowColors as e}from"../../palette.theme.js";const r={defaultProps:{disableRipple:!0,centerRipple:!1,disableFocusRipple:!0,disableTouchRipple:!0},styleOverrides:{root:({theme:r})=>({padding:0,[`&.${o.focusVisible}`]:{boxShadow:`inset 0 0 0 1px ${e.onSurface.os900}, 0 0 0 1px ${e.onSurface.os900}`,outline:"none",borderRadius:200},"&.Mui-disabled":{color:r.palette.disabled.primary,"&.MuiRadio-colorError":{opacity:.5}},"&.MuiRadio-colorError":{color:r.palette.error.main},"&.MuiRadio-colorError:hover":{color:r.palette.error.main}}),colorPrimary:({theme:o})=>({color:o.palette.secondary.main,"&:hover":{color:e.onSurface.os900},"&.Mui-checked:hover":{color:o.palette.primary.main}}),colorSecondary:({theme:o})=>({color:o.palette.secondary.main,"&:hover":{color:e.onSurface.os900},"&.Mui-checked:hover":{color:o.palette.secondary.main}})}};export{r as flowRadio};
2
+ //# sourceMappingURL=radio.theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.theme.js","sources":["../../../../../src/design/skoda/components/form/radio.theme.ts"],"sourcesContent":["import { ClassNaming } from '../../theme.constants';\nimport { flowColors } from '../../palette.theme';\nexport const flowRadio = {\n defaultProps: {\n disableRipple: true,\n centerRipple: false,\n disableFocusRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n padding: 0,\n [`&.${ClassNaming.focusVisible}`]: {\n boxShadow: `inset 0 0 0 1px ${flowColors.onSurface.os900}, 0 0 0 1px ${flowColors.onSurface.os900}`,\n outline: 'none',\n borderRadius: 200,\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n '&.MuiRadio-colorError': {\n opacity: 0.5,\n },\n },\n '&.MuiRadio-colorError': {\n color: theme.palette.error.main,\n },\n '&.MuiRadio-colorError:hover': {\n color: theme.palette.error.main,\n },\n }),\n colorPrimary: ({ theme }) => ({\n color: theme.palette.secondary.main,\n '&:hover': {\n color: flowColors.onSurface.os900,\n },\n '&.Mui-checked:hover': {\n color: theme.palette.primary.main,\n },\n }),\n colorSecondary: ({ theme }) => ({\n color: theme.palette.secondary.main,\n '&:hover': {\n color: flowColors.onSurface.os900,\n },\n '&.Mui-checked:hover': {\n color: theme.palette.secondary.main,\n },\n }),\n },\n};\n//# sourceMappingURL=radio.theme.js.map"],"names":["flowRadio","defaultProps","disableRipple","centerRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","padding","ClassNaming","focusVisible","boxShadow","flowColors","onSurface","os900","outline","borderRadius","color","palette","disabled","primary","opacity","error","main","colorPrimary","secondary","colorSecondary"],"mappings":"2GAEY,MAACA,EAAY,CACrBC,aAAc,CACVC,eAAe,EACfC,cAAc,EACdC,oBAAoB,EACpBC,oBAAoB,GAExBC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,QAAS,EACT,CAAC,KAAKC,EAAYC,gBAAiB,CAC/BC,UAAW,mBAAmBC,EAAWC,UAAUC,oBAAoBF,EAAWC,UAAUC,QAC5FC,QAAS,OACTC,aAAc,KAElB,iBAAkB,CACdC,MAAOV,EAAMW,QAAQC,SAASC,QAC9B,wBAAyB,CACrBC,QAAS,KAGjB,wBAAyB,CACrBJ,MAAOV,EAAMW,QAAQI,MAAMC,MAE/B,8BAA+B,CAC3BN,MAAOV,EAAMW,QAAQI,MAAMC,QAGnCC,aAAc,EAAGjB,YAAa,CAC1BU,MAAOV,EAAMW,QAAQO,UAAUF,KAC/B,UAAW,CACPN,MAAOL,EAAWC,UAAUC,OAEhC,sBAAuB,CACnBG,MAAOV,EAAMW,QAAQE,QAAQG,QAGrCG,eAAgB,EAAGnB,YAAa,CAC5BU,MAAOV,EAAMW,QAAQO,UAAUF,KAC/B,UAAW,CACPN,MAAOL,EAAWC,UAAUC,OAEhC,sBAAuB,CACnBG,MAAOV,EAAMW,QAAQO,UAAUF"}
@@ -0,0 +1,2 @@
1
+ import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.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"react/jsx-runtime";import"@mui/material/Container";import"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as o}from"../../../../components/icon/icon.js";import"../../../../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";import"@mui/material/MobileStepper";import"react";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.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/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../accordion/accordionSummary.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"@mui/x-date-pickers/internals";import"../divider.theme.js";import"../drawer.theme.js";import"./slider.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../snackbar.theme.js";import"../stepper/stepIcon/errorStepIcon.js";import"../stepper/stepIcon/qontoStepIcon.js";import"../tabs/tabs.theme.js";import"../tooltip.theme.js";import"react-use";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"../../../../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"lodash/merge";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"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button/Button.js";import"minimatch";const t={defaultProps:{IconComponent:o,classes:{icon:"chevron-down"}},styleOverrides:{select:{"& ~ .MuiInputAdornment-positionEnd":{marginRight:30}},icon:{color:"inherit"},iconOutlined:{right:15},iconFilled:{right:15}}};export{t as flowSelect};
2
+ //# sourceMappingURL=select.theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select.theme.js","sources":["../../../../../src/design/skoda/components/form/select.theme.ts"],"sourcesContent":["import { Icon } from '../../../../components';\nexport const flowSelect = {\n defaultProps: {\n IconComponent: Icon,\n classes: {\n icon: 'chevron-down',\n },\n },\n styleOverrides: {\n select: {\n '& ~ .MuiInputAdornment-positionEnd': {\n marginRight: 30,\n },\n },\n icon: {\n color: 'inherit',\n },\n iconOutlined: {\n right: 15,\n },\n iconFilled: {\n right: 15,\n },\n },\n};\n//# sourceMappingURL=select.theme.js.map"],"names":["flowSelect","defaultProps","IconComponent","Icon","classes","icon","styleOverrides","select","marginRight","color","iconOutlined","right","iconFilled"],"mappings":"kmLACY,MAACA,EAAa,CACtBC,aAAc,CACVC,cAAeC,EACfC,QAAS,CACLC,KAAM,iBAGdC,eAAgB,CACZC,OAAQ,CACJ,qCAAsC,CAClCC,YAAa,KAGrBH,KAAM,CACFI,MAAO,WAEXC,aAAc,CACVC,MAAO,IAEXC,WAAY,CACRD,MAAO"}
@@ -0,0 +1,2 @@
1
+ import{flowColors as o}from"../../palette.theme.js";const e={defaultProps:{},styleOverrides:{root:{boxSizing:"content-box !important",borderRadius:"24px",color:o.onSurface.os200,"&.Mui-disabled":{color:o.onSurface.os100,".MuiSlider-track":{color:o.onSurface.os200},".MuiSlider-rail":{color:o.onSurface.os100}},"> .Mui-focusVisible::before":{width:"24px",height:"24px",outline:`2px solid ${o.onSurface.os900}`},"&.MuiSlider-dragging > .Mui-focusVisible::before":{width:"18px",height:"18px",outline:"none"},"> .Mui-active:before":{outline:"none"}},rail:{color:o.onSurface.os200,opacity:1},thumb:{height:"16px",width:"16px",color:o.brand.primary,"&:hover,&:focus, &.Mui-focusVisible, &.Mui-focusVisible.Mui-active, &.Mui-active, &::before":{boxShadow:"none"},"&.Mui-disabled":{color:o.onSurface.os200}},track:{height:"4px",border:"none",color:o.brand.secondary},mark:{backgroundColor:o.onSurface.os300,opacity:1,"&.MuiSlider-markActive":{backgroundColor:o.brand.primary},"&::first":{left:"2px!important"}},valueLabel:{backgroundColor:o.surface.secondary,color:o.onSurface.os700,borderRadius:"4px",padding:"2px 10px",".MuiSlider-valueLabelLabel":{fontSize:"12px",fontWeight:"normal"}}},variants:[{props:{valueLabelDisplay:"auto"},style:{"& .MuiSlider-thumb":{pointerEvents:"auto !important"}}}]};export{e as flowSlider};
2
+ //# sourceMappingURL=slider.theme.js.map