@skodaflow/web-library 6.0.0 → 7.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 (432) hide show
  1. package/6acf7baa6fae93bd.otf +0 -0
  2. package/6d0fdeee5f7b79b0.otf +0 -0
  3. package/cjs/2f0bdf9288683716.eot +0 -0
  4. package/cjs/31900b5b84c8ebf5.woff +0 -0
  5. package/cjs/690054abce120440.woff +0 -0
  6. package/cjs/6acf7baa6fae93bd.otf +0 -0
  7. package/cjs/6d0fdeee5f7b79b0.otf +0 -0
  8. package/cjs/9b0223f0f75101d4.eot +0 -0
  9. package/cjs/components/backdrop/backdrop.js +1 -1
  10. package/cjs/components/backdrop/backdrop.js.map +1 -1
  11. package/cjs/components/banner/banner.js +1 -1
  12. package/cjs/components/banner/banner.js.map +1 -1
  13. package/cjs/components/cardContainer/cardContainer.js +1 -1
  14. package/cjs/components/cardContainer/cardContainer.js.map +1 -1
  15. package/cjs/components/cardMenu/cardMenu.d.ts +1 -0
  16. package/cjs/components/cardMenu/cardMenu.js.map +1 -1
  17. package/cjs/components/cardMenu/styled/menuListStyled.js +1 -1
  18. package/cjs/components/cardMenu/styled/menuListStyled.js.map +1 -1
  19. package/cjs/components/common/styled/textFieldStyled.js +1 -1
  20. package/cjs/components/common/styled/textFieldStyled.js.map +1 -1
  21. package/cjs/components/controls/controls.js +1 -1
  22. package/cjs/components/controls/controls.js.map +1 -1
  23. package/cjs/components/icon/icon.d.ts +8 -9
  24. package/cjs/components/icon/icon.definitions.d.ts +212 -1
  25. package/cjs/components/icon/icon.definitions.js +1 -1
  26. package/cjs/components/icon/icon.definitions.js.map +1 -1
  27. package/cjs/components/icon/icon.js +1 -1
  28. package/cjs/components/icon/icon.js.map +1 -1
  29. package/cjs/components/index.d.ts +0 -3
  30. package/cjs/components/label/label.js +3 -3
  31. package/cjs/components/label/label.js.map +1 -1
  32. package/cjs/components/labelFeature/labelFeature.js +4 -4
  33. package/cjs/components/labelFeature/labelFeature.js.map +1 -1
  34. package/cjs/components/labelPromotional/labelPromotional.js +1 -1
  35. package/cjs/components/labelPromotional/labelPromotional.js.map +1 -1
  36. package/cjs/components/labelStatus/labelStatus.js +4 -4
  37. package/cjs/components/labelStatus/labelStatus.js.map +1 -1
  38. package/cjs/components/numbering/numbering.js +1 -1
  39. package/cjs/components/numbering/numbering.js.map +1 -1
  40. package/cjs/components/pagination/pagination.js +1 -1
  41. package/cjs/components/pagination/pagination.js.map +1 -1
  42. package/cjs/components/selectInput/formControlSelectStyled.js +1 -1
  43. package/cjs/components/selectInput/formControlSelectStyled.js.map +1 -1
  44. package/cjs/components/stepper/stepper.js +1 -1
  45. package/cjs/components/stepper/stepper.js.map +1 -1
  46. package/cjs/design/skoda/SkodaThemeProvider.d.ts +8 -1
  47. package/cjs/design/skoda/SkodaThemeProvider.js +1 -1
  48. package/cjs/design/skoda/SkodaThemeProvider.js.map +1 -1
  49. package/cjs/design/skoda/SkodaThemeWidgetProvider.d.ts +5 -7
  50. package/cjs/design/skoda/SkodaThemeWidgetProvider.js +1 -1
  51. package/cjs/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
  52. package/cjs/design/skoda/components/accordion/accordion.theme.js +1 -1
  53. package/cjs/design/skoda/components/accordion/accordion.theme.js.map +1 -1
  54. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  55. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  56. package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
  57. package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
  58. package/cjs/design/skoda/components/backdrop.theme.js +1 -1
  59. package/cjs/design/skoda/components/backdrop.theme.js.map +1 -1
  60. package/cjs/design/skoda/components/baseline.theme.d.ts +2 -3
  61. package/cjs/design/skoda/components/baseline.theme.js +1 -1
  62. package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
  63. package/cjs/design/skoda/components/breadcrumbs.theme.js +1 -1
  64. package/cjs/design/skoda/components/breadcrumbs.theme.js.map +1 -1
  65. package/cjs/design/skoda/components/checkbox.theme.js +1 -1
  66. package/cjs/design/skoda/components/checkbox.theme.js.map +1 -1
  67. package/cjs/design/skoda/components/divider.theme.js +1 -1
  68. package/cjs/design/skoda/components/divider.theme.js.map +1 -1
  69. package/cjs/design/skoda/components/drawer.theme.js +1 -1
  70. package/cjs/design/skoda/components/drawer.theme.js.map +1 -1
  71. package/cjs/design/skoda/components/form/radio.theme.js +1 -1
  72. package/cjs/design/skoda/components/form/radio.theme.js.map +1 -1
  73. package/cjs/design/skoda/components/form/select.theme.js +1 -1
  74. package/cjs/design/skoda/components/form/select.theme.js.map +1 -1
  75. package/cjs/design/skoda/components/form/slider.theme.js +1 -1
  76. package/cjs/design/skoda/components/form/slider.theme.js.map +1 -1
  77. package/cjs/design/skoda/components/icon.theme.js +1 -1
  78. package/cjs/design/skoda/components/icon.theme.js.map +1 -1
  79. package/cjs/design/skoda/components/mobileStepper.theme.js +1 -1
  80. package/cjs/design/skoda/components/mobileStepper.theme.js.map +1 -1
  81. package/cjs/design/skoda/components/modal.theme.js +1 -1
  82. package/cjs/design/skoda/components/modal.theme.js.map +1 -1
  83. package/cjs/design/skoda/components/pagination.theme.js +1 -1
  84. package/cjs/design/skoda/components/pagination.theme.js.map +1 -1
  85. package/cjs/design/skoda/components/snackbar.theme.js +1 -1
  86. package/cjs/design/skoda/components/snackbar.theme.js.map +1 -1
  87. package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +1 -1
  88. package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -1
  89. package/cjs/design/skoda/components/stepper/stepper.theme.js +1 -1
  90. package/cjs/design/skoda/components/stepper/stepper.theme.js.map +1 -1
  91. package/cjs/design/skoda/components/tabs/tab.theme.js +1 -1
  92. package/cjs/design/skoda/components/tabs/tab.theme.js.map +1 -1
  93. package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
  94. package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  95. package/cjs/design/skoda/components/tooltip.theme.js +1 -1
  96. package/cjs/design/skoda/components/tooltip.theme.js.map +1 -1
  97. package/cjs/design/skoda/fonts/SKODANextIcons-Filled.eot.js +2 -0
  98. package/cjs/design/skoda/fonts/SKODANextIcons-Filled.eot.js.map +1 -0
  99. package/cjs/design/skoda/fonts/SKODANextIcons-Filled.otf.js +2 -0
  100. package/cjs/design/skoda/fonts/SKODANextIcons-Filled.otf.js.map +1 -0
  101. package/cjs/design/skoda/fonts/SKODANextIcons-Filled.woff.js +2 -0
  102. package/cjs/design/skoda/fonts/SKODANextIcons-Filled.woff.js.map +1 -0
  103. package/cjs/design/skoda/fonts/SKODANextIcons-Regular.eot.js +2 -0
  104. package/cjs/design/skoda/fonts/SKODANextIcons-Regular.eot.js.map +1 -0
  105. package/cjs/design/skoda/fonts/SKODANextIcons-Regular.otf.js +2 -0
  106. package/cjs/design/skoda/fonts/SKODANextIcons-Regular.otf.js.map +1 -0
  107. package/cjs/design/skoda/fonts/SKODANextIcons-Regular.woff.js +2 -0
  108. package/cjs/design/skoda/fonts/SKODANextIcons-Regular.woff.js.map +1 -0
  109. package/cjs/design/skoda/index.d.ts +1 -0
  110. package/cjs/design/skoda/{palette.theme.d.ts → paletteDark.theme.d.ts} +1 -1
  111. package/cjs/design/skoda/paletteDark.theme.js +2 -0
  112. package/cjs/design/skoda/paletteDark.theme.js.map +1 -0
  113. package/cjs/design/skoda/paletteLight.theme.d.ts +2 -0
  114. package/cjs/design/skoda/paletteLight.theme.js +2 -0
  115. package/cjs/design/skoda/paletteLight.theme.js.map +1 -0
  116. package/cjs/design/skoda/theme.constants.js +1 -1
  117. package/cjs/design/skoda/theme.constants.js.map +1 -1
  118. package/cjs/design/skoda/theme.d.ts +8 -2
  119. package/cjs/design/skoda/theme.js +1 -1
  120. package/cjs/design/skoda/theme.js.map +1 -1
  121. package/cjs/design/skoda/theme.typography.d.ts +10 -7
  122. package/cjs/design/skoda/theme.typography.js +1 -1
  123. package/cjs/design/skoda/theme.typography.js.map +1 -1
  124. package/cjs/index.js +1 -1
  125. package/cjs/layout/Header/HeaderButton.js +1 -1
  126. package/cjs/layout/Header/HeaderButton.js.map +1 -1
  127. package/cjs/layout/Header/HeaderNavigationLink.d.ts +1 -1
  128. package/cjs/layout/Header/HeaderNavigationLink.js +1 -1
  129. package/cjs/layout/Header/HeaderNavigationLink.js.map +1 -1
  130. package/cjs/layout/Header/HeaderNavigationMenu.d.ts +1 -0
  131. package/cjs/layout/Header/HeaderNavigationMenu.js +1 -1
  132. package/cjs/layout/Header/HeaderNavigationMenu.js.map +1 -1
  133. package/cjs/layout/container/container.js.map +1 -0
  134. package/cjs/layout/index.d.ts +1 -0
  135. package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js +1 -1
  136. package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
  137. package/cjs/organisms/carousel/carousel.d.ts +3 -0
  138. package/cjs/organisms/carousel/carousel.js.map +1 -1
  139. package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js +1 -1
  140. package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
  141. package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js +1 -1
  142. package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
  143. package/cjs/organisms/carousel2/cardCarousel/cardCarousel.d.ts +3 -0
  144. package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
  145. package/cjs/organisms/carousel2/components/NavButton.js +1 -1
  146. package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
  147. package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +3 -0
  148. package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
  149. package/cjs/organisms/carousel2/heroCarousel/heroCarousel.d.ts +3 -0
  150. package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
  151. package/cjs/organisms/gallery/Gallery.js +1 -1
  152. package/cjs/organisms/gallery/Gallery.js.map +1 -1
  153. package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
  154. package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
  155. package/cjs/organisms/maps/mapComponents/mapComponent.d.ts +2 -2
  156. package/cjs/organisms/maps/mapComponents/mapComponent.js.map +1 -1
  157. package/cjs/organisms/maps/mapComponents/mapStyled.js +1 -1
  158. package/cjs/organisms/maps/mapComponents/mapStyled.js.map +1 -1
  159. package/cjs/organisms/notification/Notification.js +1 -1
  160. package/cjs/organisms/notification/Notification.js.map +1 -1
  161. package/cjs/organisms/tile/tile.js +1 -1
  162. package/cjs/organisms/tile/tile.js.map +1 -1
  163. package/cjs/utils/useClosure/useClosure.d.ts +1 -0
  164. package/cjs/utils/useClosure/useClosure.js.map +1 -1
  165. package/cjs/utils/useFeatureFlag/useFeatureFlag.d.ts +26 -0
  166. package/cjs/utils/useFeatureFlag/useFeatureFlag.js +2 -0
  167. package/cjs/utils/useFeatureFlag/useFeatureFlag.js.map +1 -0
  168. package/components/backdrop/backdrop.js +1 -1
  169. package/components/backdrop/backdrop.js.map +1 -1
  170. package/components/banner/banner.js +1 -1
  171. package/components/banner/banner.js.map +1 -1
  172. package/components/cardContainer/cardContainer.js +1 -1
  173. package/components/cardContainer/cardContainer.js.map +1 -1
  174. package/components/cardMenu/cardMenu.d.ts +1 -0
  175. package/components/cardMenu/cardMenu.js.map +1 -1
  176. package/components/cardMenu/styled/menuListStyled.js +1 -1
  177. package/components/cardMenu/styled/menuListStyled.js.map +1 -1
  178. package/components/common/styled/textFieldStyled.js +1 -1
  179. package/components/common/styled/textFieldStyled.js.map +1 -1
  180. package/components/controls/controls.js +1 -1
  181. package/components/controls/controls.js.map +1 -1
  182. package/components/icon/icon.d.ts +8 -9
  183. package/components/icon/icon.definitions.d.ts +212 -1
  184. package/components/icon/icon.definitions.js +1 -1
  185. package/components/icon/icon.definitions.js.map +1 -1
  186. package/components/icon/icon.js +1 -1
  187. package/components/icon/icon.js.map +1 -1
  188. package/components/index.d.ts +0 -3
  189. package/components/label/label.js +2 -2
  190. package/components/label/label.js.map +1 -1
  191. package/components/labelFeature/labelFeature.js +1 -1
  192. package/components/labelFeature/labelFeature.js.map +1 -1
  193. package/components/labelPromotional/labelPromotional.js +1 -1
  194. package/components/labelPromotional/labelPromotional.js.map +1 -1
  195. package/components/labelStatus/labelStatus.js +1 -1
  196. package/components/labelStatus/labelStatus.js.map +1 -1
  197. package/components/numbering/numbering.js +1 -1
  198. package/components/numbering/numbering.js.map +1 -1
  199. package/components/pagination/pagination.js +1 -1
  200. package/components/pagination/pagination.js.map +1 -1
  201. package/components/selectInput/formControlSelectStyled.js +1 -1
  202. package/components/selectInput/formControlSelectStyled.js.map +1 -1
  203. package/components/stepper/stepper.js +1 -1
  204. package/components/stepper/stepper.js.map +1 -1
  205. package/design/skoda/SkodaThemeProvider.d.ts +8 -1
  206. package/design/skoda/SkodaThemeProvider.js +1 -1
  207. package/design/skoda/SkodaThemeProvider.js.map +1 -1
  208. package/design/skoda/SkodaThemeWidgetProvider.d.ts +5 -7
  209. package/design/skoda/SkodaThemeWidgetProvider.js +1 -1
  210. package/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
  211. package/design/skoda/components/accordion/accordion.theme.js +1 -1
  212. package/design/skoda/components/accordion/accordion.theme.js.map +1 -1
  213. package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  214. package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  215. package/design/skoda/components/autocomplete.theme.js +1 -1
  216. package/design/skoda/components/autocomplete.theme.js.map +1 -1
  217. package/design/skoda/components/backdrop.theme.js +1 -1
  218. package/design/skoda/components/backdrop.theme.js.map +1 -1
  219. package/design/skoda/components/baseline.theme.d.ts +2 -3
  220. package/design/skoda/components/baseline.theme.js +1 -1
  221. package/design/skoda/components/baseline.theme.js.map +1 -1
  222. package/design/skoda/components/breadcrumbs.theme.js +1 -1
  223. package/design/skoda/components/breadcrumbs.theme.js.map +1 -1
  224. package/design/skoda/components/checkbox.theme.js +1 -1
  225. package/design/skoda/components/checkbox.theme.js.map +1 -1
  226. package/design/skoda/components/divider.theme.js +1 -1
  227. package/design/skoda/components/divider.theme.js.map +1 -1
  228. package/design/skoda/components/drawer.theme.js +1 -1
  229. package/design/skoda/components/drawer.theme.js.map +1 -1
  230. package/design/skoda/components/form/radio.theme.js +1 -1
  231. package/design/skoda/components/form/radio.theme.js.map +1 -1
  232. package/design/skoda/components/form/select.theme.js +1 -1
  233. package/design/skoda/components/form/select.theme.js.map +1 -1
  234. package/design/skoda/components/form/slider.theme.js +1 -1
  235. package/design/skoda/components/form/slider.theme.js.map +1 -1
  236. package/design/skoda/components/icon.theme.js +1 -1
  237. package/design/skoda/components/icon.theme.js.map +1 -1
  238. package/design/skoda/components/mobileStepper.theme.js +1 -1
  239. package/design/skoda/components/mobileStepper.theme.js.map +1 -1
  240. package/design/skoda/components/modal.theme.js +1 -1
  241. package/design/skoda/components/modal.theme.js.map +1 -1
  242. package/design/skoda/components/pagination.theme.js +1 -1
  243. package/design/skoda/components/pagination.theme.js.map +1 -1
  244. package/design/skoda/components/snackbar.theme.js +1 -1
  245. package/design/skoda/components/snackbar.theme.js.map +1 -1
  246. package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +1 -1
  247. package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -1
  248. package/design/skoda/components/stepper/stepper.theme.js +1 -1
  249. package/design/skoda/components/stepper/stepper.theme.js.map +1 -1
  250. package/design/skoda/components/tabs/tab.theme.js +1 -1
  251. package/design/skoda/components/tabs/tab.theme.js.map +1 -1
  252. package/design/skoda/components/tabs/tabs.theme.js +1 -1
  253. package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  254. package/design/skoda/components/tooltip.theme.js +1 -1
  255. package/design/skoda/components/tooltip.theme.js.map +1 -1
  256. package/design/skoda/fonts/SKODANextIcons-Filled.eot.js +2 -0
  257. package/design/skoda/fonts/SKODANextIcons-Filled.eot.js.map +1 -0
  258. package/design/skoda/fonts/SKODANextIcons-Filled.otf.js +2 -0
  259. package/design/skoda/fonts/SKODANextIcons-Filled.otf.js.map +1 -0
  260. package/design/skoda/fonts/SKODANextIcons-Filled.woff.js +2 -0
  261. package/design/skoda/fonts/SKODANextIcons-Filled.woff.js.map +1 -0
  262. package/design/skoda/fonts/SKODANextIcons-Regular.eot.js +2 -0
  263. package/design/skoda/fonts/SKODANextIcons-Regular.eot.js.map +1 -0
  264. package/design/skoda/fonts/SKODANextIcons-Regular.otf.js +2 -0
  265. package/design/skoda/fonts/SKODANextIcons-Regular.otf.js.map +1 -0
  266. package/design/skoda/fonts/SKODANextIcons-Regular.woff.js +2 -0
  267. package/design/skoda/fonts/SKODANextIcons-Regular.woff.js.map +1 -0
  268. package/design/skoda/index.d.ts +1 -0
  269. package/design/skoda/{palette.theme.d.ts → paletteDark.theme.d.ts} +1 -1
  270. package/design/skoda/paletteDark.theme.js +2 -0
  271. package/design/skoda/paletteDark.theme.js.map +1 -0
  272. package/design/skoda/paletteLight.theme.d.ts +2 -0
  273. package/design/skoda/paletteLight.theme.js +2 -0
  274. package/design/skoda/paletteLight.theme.js.map +1 -0
  275. package/design/skoda/theme.constants.js +1 -1
  276. package/design/skoda/theme.constants.js.map +1 -1
  277. package/design/skoda/theme.d.ts +8 -2
  278. package/design/skoda/theme.js +1 -1
  279. package/design/skoda/theme.js.map +1 -1
  280. package/design/skoda/theme.typography.d.ts +10 -7
  281. package/design/skoda/theme.typography.js +1 -1
  282. package/design/skoda/theme.typography.js.map +1 -1
  283. package/index.js +1 -1
  284. package/layout/Header/HeaderButton.js +1 -1
  285. package/layout/Header/HeaderButton.js.map +1 -1
  286. package/layout/Header/HeaderNavigationLink.d.ts +1 -1
  287. package/layout/Header/HeaderNavigationLink.js +1 -1
  288. package/layout/Header/HeaderNavigationLink.js.map +1 -1
  289. package/layout/Header/HeaderNavigationMenu.d.ts +1 -0
  290. package/layout/Header/HeaderNavigationMenu.js +1 -1
  291. package/layout/Header/HeaderNavigationMenu.js.map +1 -1
  292. package/layout/container/container.js.map +1 -0
  293. package/layout/index.d.ts +1 -0
  294. package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js +1 -1
  295. package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
  296. package/organisms/carousel/carousel.d.ts +3 -0
  297. package/organisms/carousel/carousel.js.map +1 -1
  298. package/organisms/carousel/styledComponents/styledCarouselHorizontal.js +1 -1
  299. package/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
  300. package/organisms/carousel/styledComponents/styledCarouselVertical.js +1 -1
  301. package/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
  302. package/organisms/carousel2/cardCarousel/cardCarousel.d.ts +3 -0
  303. package/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
  304. package/organisms/carousel2/components/NavButton.js +1 -1
  305. package/organisms/carousel2/components/NavButton.js.map +1 -1
  306. package/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +3 -0
  307. package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
  308. package/organisms/carousel2/heroCarousel/heroCarousel.d.ts +3 -0
  309. package/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
  310. package/organisms/gallery/Gallery.js +1 -1
  311. package/organisms/gallery/Gallery.js.map +1 -1
  312. package/organisms/gallery/GalleryTrigger.js +1 -1
  313. package/organisms/gallery/GalleryTrigger.js.map +1 -1
  314. package/organisms/maps/mapComponents/mapComponent.d.ts +2 -2
  315. package/organisms/maps/mapComponents/mapComponent.js.map +1 -1
  316. package/organisms/maps/mapComponents/mapStyled.js +1 -1
  317. package/organisms/maps/mapComponents/mapStyled.js.map +1 -1
  318. package/organisms/notification/Notification.js +1 -1
  319. package/organisms/notification/Notification.js.map +1 -1
  320. package/organisms/tile/tile.js +1 -1
  321. package/organisms/tile/tile.js.map +1 -1
  322. package/package.json +1 -1
  323. package/utils/useClosure/useClosure.d.ts +1 -0
  324. package/utils/useClosure/useClosure.js.map +1 -1
  325. package/utils/useFeatureFlag/useFeatureFlag.d.ts +26 -0
  326. package/utils/useFeatureFlag/useFeatureFlag.js +2 -0
  327. package/utils/useFeatureFlag/useFeatureFlag.js.map +1 -0
  328. package/cjs/components/agGrid/CustomRenderer.d.ts +0 -1
  329. package/cjs/components/agGrid/ImageRenderer.d.ts +0 -1
  330. package/cjs/components/agGrid/agGrid.d.ts +0 -8
  331. package/cjs/components/agGrid/agGrid.js +0 -2
  332. package/cjs/components/agGrid/agGrid.js.map +0 -1
  333. package/cjs/components/agGrid/agGridStyled.d.ts +0 -7
  334. package/cjs/components/agGrid/agGridStyled.js +0 -2
  335. package/cjs/components/agGrid/agGridStyled.js.map +0 -1
  336. package/cjs/components/agGrid/index.d.ts +0 -1
  337. package/cjs/components/agGrid/mock.d.ts +0 -70
  338. package/cjs/components/container/container.js.map +0 -1
  339. package/cjs/components/tab/hook/useTabs.d.ts +0 -10
  340. package/cjs/components/tab/hook/useTabs.js +0 -2
  341. package/cjs/components/tab/hook/useTabs.js.map +0 -1
  342. package/cjs/components/tab/index.d.ts +0 -4
  343. package/cjs/components/tab/menuTab.d.ts +0 -37
  344. package/cjs/components/tab/menuTab.js +0 -2
  345. package/cjs/components/tab/menuTab.js.map +0 -1
  346. package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts +0 -29
  347. package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js +0 -2
  348. package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +0 -1
  349. package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.d.ts +0 -14
  350. package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js +0 -2
  351. package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js.map +0 -1
  352. package/cjs/components/tab/tab.d.ts +0 -50
  353. package/cjs/components/tab/tab.js +0 -2
  354. package/cjs/components/tab/tab.js.map +0 -1
  355. package/cjs/components/tab/tabPanel.d.ts +0 -21
  356. package/cjs/components/tab/tabPanel.js +0 -2
  357. package/cjs/components/tab/tabPanel.js.map +0 -1
  358. package/cjs/components/tab/tabStyled.d.ts +0 -20
  359. package/cjs/components/tab/tabStyled.js +0 -2
  360. package/cjs/components/tab/tabStyled.js.map +0 -1
  361. package/cjs/components/tab/tabs.d.ts +0 -56
  362. package/cjs/components/tab/tabs.js +0 -2
  363. package/cjs/components/tab/tabs.js.map +0 -1
  364. package/cjs/design/skoda/palette.theme.js +0 -2
  365. package/cjs/design/skoda/palette.theme.js.map +0 -1
  366. package/cjs/utils/icons.js +0 -2
  367. package/cjs/utils/icons.js.map +0 -1
  368. package/components/agGrid/CustomRenderer.d.ts +0 -1
  369. package/components/agGrid/ImageRenderer.d.ts +0 -1
  370. package/components/agGrid/agGrid.d.ts +0 -8
  371. package/components/agGrid/agGrid.js +0 -2
  372. package/components/agGrid/agGrid.js.map +0 -1
  373. package/components/agGrid/agGridStyled.d.ts +0 -7
  374. package/components/agGrid/agGridStyled.js +0 -2
  375. package/components/agGrid/agGridStyled.js.map +0 -1
  376. package/components/agGrid/index.d.ts +0 -1
  377. package/components/agGrid/mock.d.ts +0 -70
  378. package/components/container/container.js.map +0 -1
  379. package/components/tab/hook/useTabs.d.ts +0 -10
  380. package/components/tab/hook/useTabs.js +0 -2
  381. package/components/tab/hook/useTabs.js.map +0 -1
  382. package/components/tab/index.d.ts +0 -4
  383. package/components/tab/menuTab.d.ts +0 -37
  384. package/components/tab/menuTab.js +0 -2
  385. package/components/tab/menuTab.js.map +0 -1
  386. package/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts +0 -29
  387. package/components/tab/secondaryNavigation/secondaryNavigationTabs.js +0 -2
  388. package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +0 -1
  389. package/components/tab/secondaryNavigation/secondaryTabStyled.d.ts +0 -14
  390. package/components/tab/secondaryNavigation/secondaryTabStyled.js +0 -2
  391. package/components/tab/secondaryNavigation/secondaryTabStyled.js.map +0 -1
  392. package/components/tab/tab.d.ts +0 -50
  393. package/components/tab/tab.js +0 -2
  394. package/components/tab/tab.js.map +0 -1
  395. package/components/tab/tabPanel.d.ts +0 -21
  396. package/components/tab/tabPanel.js +0 -2
  397. package/components/tab/tabPanel.js.map +0 -1
  398. package/components/tab/tabStyled.d.ts +0 -20
  399. package/components/tab/tabStyled.js +0 -2
  400. package/components/tab/tabStyled.js.map +0 -1
  401. package/components/tab/tabs.d.ts +0 -56
  402. package/components/tab/tabs.js +0 -2
  403. package/components/tab/tabs.js.map +0 -1
  404. package/design/skoda/palette.theme.js +0 -2
  405. package/design/skoda/palette.theme.js.map +0 -1
  406. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf +0 -0
  407. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff +0 -0
  408. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2 +0 -0
  409. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf +0 -0
  410. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff +0 -0
  411. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2 +0 -0
  412. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf +0 -0
  413. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff +0 -0
  414. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2 +0 -0
  415. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf +0 -0
  416. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff +0 -0
  417. package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2 +0 -0
  418. package/theme/skoda/fonts.css +0 -1
  419. package/theme/skoda/globals.css +0 -1
  420. package/theme/skoda/icons.css +0 -1
  421. package/utils/icons.js +0 -2
  422. package/utils/icons.js.map +0 -1
  423. /package/{theme/skoda/fonts/SKODANextIcons-Regular.eot → 2f0bdf9288683716.eot} +0 -0
  424. /package/{theme/skoda/fonts/SKODANextIcons-Filled.woff → 31900b5b84c8ebf5.woff} +0 -0
  425. /package/{theme/skoda/fonts/SKODANextIcons-Regular.woff → 690054abce120440.woff} +0 -0
  426. /package/{theme/skoda/fonts/SKODANextIcons-Filled.eot → 9b0223f0f75101d4.eot} +0 -0
  427. /package/cjs/{components → layout}/container/container.d.ts +0 -0
  428. /package/cjs/{components → layout}/container/container.js +0 -0
  429. /package/cjs/{components → layout}/container/index.d.ts +0 -0
  430. /package/{components → layout}/container/container.d.ts +0 -0
  431. /package/{components → layout}/container/container.js +0 -0
  432. /package/{components → layout}/container/index.d.ts +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport MuiPagination from '@mui/material/Pagination';\nimport MuiPaginationItem from '@mui/material/PaginationItem';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nimport { IconButton } from '../iconButton';\nimport { Icon } from '../icon';\n/**\n * @description SkodaFlow Pagination component.\n * Properties are inherited from HTML div Attribetes element.\n * @param props PaginationProps\n * @returns React Functional Component\n */\nconst isPageNumberValid = (pageNumber, count) => {\n return (pageNumber === '' ||\n (typeof pageNumber === 'number' && pageNumber - 1 > 0 && pageNumber + 1 <= count) ||\n (typeof parseInt(pageNumber) === 'number' && parseInt(pageNumber) > 0 && parseInt(pageNumber) <= count));\n};\nconst mobileIconButton = (muiIcon, onClick, disabled, direction, hideLabel, label) => (_jsxs(IconButton, { variant: \"standard\", onClick: onClick, disabled: disabled, children: [direction === 'forward' && !hideLabel && label, _jsx(Icon, { name: muiIcon }), direction === 'back' && !hideLabel && label] }));\nexport const Pagination = forwardRef((_a, ref) => {\n var { count, isDisabled, page, prevButtonLabel, nextButtonLabel, defaultPage, hideNextButton, hidePrevButton, hideFirstButton, hideLastButton, hideLabels, onValueChange } = _a, props = __rest(_a, [\"count\", \"isDisabled\", \"page\", \"prevButtonLabel\", \"nextButtonLabel\", \"defaultPage\", \"hideNextButton\", \"hidePrevButton\", \"hideFirstButton\", \"hideLastButton\", \"hideLabels\", \"onValueChange\"]);\n const initialPage = defaultPage || 1;\n const [currentPageNumber, setCurrentPageNumber] = useState(initialPage);\n const [isFirstMount, setIsFirstMount] = useState(true);\n const [prevStatePageNumber, setPrevStatePageNumber] = useState();\n useEffect(() => {\n currentPageNumber && onValueChange && onValueChange(currentPageNumber);\n }, [currentPageNumber, onValueChange]);\n useEffect(() => {\n isFirstMount ? setIsFirstMount(false) : page && !isDisabled && setCurrentPageNumber(page);\n }, [isDisabled, isFirstMount, page]);\n const handleChange = useCallback((event, pageNumber) => {\n setCurrentPageNumber(pageNumber);\n }, []);\n const handleValueChange = (payload) => {\n if (payload === '') {\n setPrevStatePageNumber(currentPageNumber);\n setCurrentPageNumber(payload);\n }\n const castToNum = parseInt(payload);\n if (typeof castToNum === 'number' && isPageNumberValid(castToNum, count)) {\n setPrevStatePageNumber(castToNum);\n setCurrentPageNumber(castToNum);\n }\n };\n const mobilePagination = () => (_jsx(\"div\", { style: { display: 'flex', flexDirection: 'column' }, className: `mobileView ${isDisabled ? 'paginationDisabled' : ''}`, children: _jsxs(\"div\", { className: \"mobileContainer\", children: [mobileIconButton('chevron-previous', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(1), !isPageNumberValid(currentPageNumber - 1, count)), mobileIconButton('chevron-left', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(currentPageNumber - 1), !isPageNumberValid(currentPageNumber - 1, count), 'back', hideLabels, prevButtonLabel), _jsx(TextField, { className: \"textFieldContainer\", value: currentPageNumber, inputProps: { inputMode: 'numeric', pattern: `[1-${count}]*` }, onChange: (val) => handleValueChange(val.target.value), onBlur: () => currentPageNumber === '' && setCurrentPageNumber(prevStatePageNumber) }), mobileIconButton('chevron-right', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(currentPageNumber + 1), !isPageNumberValid(currentPageNumber + 1, count), 'forward', hideLabels, nextButtonLabel), mobileIconButton('chevron-next', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(count), !isPageNumberValid(currentPageNumber + 1, count))] }) }));\n const desktopPagination = () => (_jsx(MuiPagination, Object.assign({ className: \"desktopView\" }, props, { shape: \"rounded\", count: count, disabled: isDisabled, page: currentPageNumber, hideNextButton: hideNextButton, hidePrevButton: hidePrevButton, showFirstButton: !hideFirstButton, showLastButton: !hideLastButton, ref: ref, onChange: handleChange, renderItem: (item) => (_jsx(MuiPaginationItem, Object.assign({ className: ternaryCondition(hidePrevButton, false, 'MuiPagination-prev', ''), components: {\n first: () => _jsx(Icon, { name: \"previous\", fontSize: \"small\" }),\n last: () => _jsx(Icon, { name: \"next\", fontSize: \"small\" }),\n previous: () => (_jsxs(_Fragment, { children: [_jsx(Icon, { name: \"chevron-left\", fontSize: \"small\" }), _jsx(_Fragment, { children: prevButtonLabel })] })),\n next: () => (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: nextButtonLabel }), _jsx(Icon, { name: \"chevron-right\", fontSize: \"small\" })] })),\n } }, item))) })));\n return (_jsxs(PaginationStyled, { \"data-testid\": \"Pagination-wrapper\", children: [desktopPagination(), \" \", mobilePagination()] }));\n});\n/**\n * @description Pagination styling definition based on props\n */\nconst PaginationStyled = styled('div')(({ theme }) => {\n let style = {};\n const flexStyle = {\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n width: '100%',\n };\n style = {\n [theme.breakpoints.up('md')]: {\n '& .mobileView': {\n display: 'none!important',\n },\n },\n [theme.breakpoints.down('md')]: {\n '& .desktopView': {\n display: 'none!important',\n },\n },\n '& .desktopView': {\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n },\n '& .mobileView': Object.assign(Object.assign({}, flexStyle), { flexDirection: 'column', flexWrap: 'nowrap', '& .mobileContainer': Object.assign(Object.assign({}, flexStyle), { flexWrap: 'nowrap' }), '& .textFieldContainer': {\n height: '36px',\n margin: '0 34px',\n '& input, fieldset': {\n backgroundColor: flowColors.transparent.primary,\n border: 0,\n borderRadius: '4px',\n fontSize: '16px',\n fontWeight: '400',\n height: '36px',\n lineHeight: '36px',\n minWidth: '44px',\n maxWidth: '50px',\n padding: '0 4px',\n textAlign: 'center',\n color: flowColors.text.primary,\n },\n '& fieldset': {\n visibility: 'hidden',\n },\n '& div': {\n '&::before': {\n borderBottom: 0,\n },\n '&::after': {\n borderBottom: 0,\n },\n },\n }, '& .controllerContainer': {\n '& .arrowLabel': {\n color: flowColors.text.primary,\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '16px',\n },\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n '& .MuiIcon-root': {\n fontSize: '16px',\n width: '20px',\n height: '20px',\n },\n }, '& .counter_label': {\n color: flowColors.text.primary,\n fontSize: '12px',\n fontWeight: '400',\n lineHeight: '24px',\n marginTop: '4px',\n }, '&.paginationDisabled': {\n pointerEvents: 'none',\n '& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset': {\n color: flowColors.disabled.primary,\n },\n } }),\n };\n return style;\n});\n//# sourceMappingURL=pagination.js.map"],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","jsxs","IconButton","variant","children","_jsx","jsx","Icon","name","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","className","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","default","ternaryCondition","components","first","fontSize","last","previous","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
1
+ {"version":3,"file":"pagination.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport MuiPagination from '@mui/material/Pagination';\nimport MuiPaginationItem from '@mui/material/PaginationItem';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nimport { IconButton } from '../iconButton';\nimport { Icon } from '../icon';\n/**\n * @description SkodaFlow Pagination component.\n * Properties are inherited from HTML div Attribetes element.\n * @param props PaginationProps\n * @returns React Functional Component\n */\nconst isPageNumberValid = (pageNumber, count) => {\n return (pageNumber === '' ||\n (typeof pageNumber === 'number' && pageNumber - 1 > 0 && pageNumber + 1 <= count) ||\n (typeof parseInt(pageNumber) === 'number' && parseInt(pageNumber) > 0 && parseInt(pageNumber) <= count));\n};\nconst mobileIconButton = (muiIcon, onClick, disabled, direction, hideLabel, label) => (_jsxs(IconButton, { variant: \"standard\", onClick: onClick, disabled: disabled, children: [direction === 'forward' && !hideLabel && label, _jsx(Icon, { name: muiIcon }), direction === 'back' && !hideLabel && label] }));\nexport const Pagination = forwardRef((_a, ref) => {\n var { count, isDisabled, page, prevButtonLabel, nextButtonLabel, defaultPage, hideNextButton, hidePrevButton, hideFirstButton, hideLastButton, hideLabels, onValueChange } = _a, props = __rest(_a, [\"count\", \"isDisabled\", \"page\", \"prevButtonLabel\", \"nextButtonLabel\", \"defaultPage\", \"hideNextButton\", \"hidePrevButton\", \"hideFirstButton\", \"hideLastButton\", \"hideLabels\", \"onValueChange\"]);\n const initialPage = defaultPage || 1;\n const [currentPageNumber, setCurrentPageNumber] = useState(initialPage);\n const [isFirstMount, setIsFirstMount] = useState(true);\n const [prevStatePageNumber, setPrevStatePageNumber] = useState();\n useEffect(() => {\n currentPageNumber && onValueChange && onValueChange(currentPageNumber);\n }, [currentPageNumber, onValueChange]);\n useEffect(() => {\n isFirstMount ? setIsFirstMount(false) : page && !isDisabled && setCurrentPageNumber(page);\n }, [isDisabled, isFirstMount, page]);\n const handleChange = useCallback((event, pageNumber) => {\n setCurrentPageNumber(pageNumber);\n }, []);\n const handleValueChange = (payload) => {\n if (payload === '') {\n setPrevStatePageNumber(currentPageNumber);\n setCurrentPageNumber(payload);\n }\n const castToNum = parseInt(payload);\n if (typeof castToNum === 'number' && isPageNumberValid(castToNum, count)) {\n setPrevStatePageNumber(castToNum);\n setCurrentPageNumber(castToNum);\n }\n };\n const mobilePagination = () => (_jsx(\"div\", { style: { display: 'flex', flexDirection: 'column' }, className: `mobileView ${isDisabled ? 'paginationDisabled' : ''}`, children: _jsxs(\"div\", { className: \"mobileContainer\", children: [mobileIconButton('chevron-previous', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(1), !isPageNumberValid(currentPageNumber - 1, count)), mobileIconButton('chevron-left', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(currentPageNumber - 1), !isPageNumberValid(currentPageNumber - 1, count), 'back', hideLabels, prevButtonLabel), _jsx(TextField, { className: \"textFieldContainer\", value: currentPageNumber, inputProps: { inputMode: 'numeric', pattern: `[1-${count}]*` }, onChange: (val) => handleValueChange(val.target.value), onBlur: () => currentPageNumber === '' && setCurrentPageNumber(prevStatePageNumber) }), mobileIconButton('chevron-right', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(currentPageNumber + 1), !isPageNumberValid(currentPageNumber + 1, count), 'forward', hideLabels, nextButtonLabel), mobileIconButton('chevron-next', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(count), !isPageNumberValid(currentPageNumber + 1, count))] }) }));\n const desktopPagination = () => (_jsx(MuiPagination, Object.assign({ className: \"desktopView\" }, props, { shape: \"rounded\", count: count, disabled: isDisabled, page: currentPageNumber, hideNextButton: hideNextButton, hidePrevButton: hidePrevButton, showFirstButton: !hideFirstButton, showLastButton: !hideLastButton, ref: ref, onChange: handleChange, renderItem: (item) => (_jsx(MuiPaginationItem, Object.assign({ className: ternaryCondition(hidePrevButton, false, 'MuiPagination-prev', ''), components: {\n first: () => _jsx(Icon, { name: \"previous\", fontSize: \"small\" }),\n last: () => _jsx(Icon, { name: \"next\", fontSize: \"small\" }),\n previous: () => (_jsxs(_Fragment, { children: [_jsx(Icon, { name: \"chevron-left\", fontSize: \"small\" }), _jsx(_Fragment, { children: prevButtonLabel })] })),\n next: () => (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: nextButtonLabel }), _jsx(Icon, { name: \"chevron-right\", fontSize: \"small\" })] })),\n } }, item))) })));\n return (_jsxs(PaginationStyled, { \"data-testid\": \"Pagination-wrapper\", children: [desktopPagination(), \" \", mobilePagination()] }));\n});\n/**\n * @description Pagination styling definition based on props\n */\nconst PaginationStyled = styled('div')(({ theme }) => {\n let style = {};\n const flexStyle = {\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n width: '100%',\n };\n style = {\n [theme.breakpoints.up('md')]: {\n '& .mobileView': {\n display: 'none!important',\n },\n },\n [theme.breakpoints.down('md')]: {\n '& .desktopView': {\n display: 'none!important',\n },\n },\n '& .desktopView': {\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n },\n '& .mobileView': Object.assign(Object.assign({}, flexStyle), { flexDirection: 'column', flexWrap: 'nowrap', '& .mobileContainer': Object.assign(Object.assign({}, flexStyle), { flexWrap: 'nowrap' }), '& .textFieldContainer': {\n height: '36px',\n margin: '0 34px',\n '& input, fieldset': {\n backgroundColor: flowColors.transparent.primary,\n border: 0,\n borderRadius: '4px',\n fontSize: '16px',\n fontWeight: '400',\n height: '36px',\n lineHeight: '36px',\n minWidth: '44px',\n maxWidth: '50px',\n padding: '0 4px',\n textAlign: 'center',\n color: flowColors.text.primary,\n },\n '& fieldset': {\n visibility: 'hidden',\n },\n '& div': {\n '&::before': {\n borderBottom: 0,\n },\n '&::after': {\n borderBottom: 0,\n },\n },\n }, '& .controllerContainer': {\n '& .arrowLabel': {\n color: flowColors.text.primary,\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '16px',\n },\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n '& .MuiIcon-root': {\n fontSize: '16px',\n width: '20px',\n height: '20px',\n },\n }, '& .counter_label': {\n color: flowColors.text.primary,\n fontSize: '12px',\n fontWeight: '400',\n lineHeight: '24px',\n marginTop: '4px',\n }, '&.paginationDisabled': {\n pointerEvents: 'none',\n '& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset': {\n color: flowColors.disabled.primary,\n },\n } }),\n };\n return style;\n});\n//# sourceMappingURL=pagination.js.map"],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","jsxs","IconButton","variant","children","_jsx","jsx","Icon","name","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","className","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","default","ternaryCondition","components","first","fontSize","last","previous","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var o=require("tslib"),t=require("@mui/material/FormControl"),e=require("@mui/material/styles"),i=require("../../design/skoda/palette.theme.js");function r(o){return o&&o.__esModule?o:{default:o}}var a=r(t);const n=e.styled(a.default,{shouldForwardProp:o=>"helpText"!==o&&"hideBg"!==o&&"hasError"!==o&&"hovered"!==o&&"value"!==o&&"staticLabel"!==o})((t=>{var{theme:e}=t,r=o.__rest(t,["theme"]);let a={};const n=(o=>({fontSize:"24px !important",position:"absolute",flexShrink:0,pointerEvents:"none",display:"block",color:o.focused||o.value||o.hovered?"inherit":"rgba(0, 0, 0, 0.54)"}))(r),s={paddingBottom:r.staticLabel?"16px":"6px",paddingTop:r.staticLabel?"16px":"26px"};a={height:"56px",minWidth:"200px !important",background:i.flowColors.transparent.primary,borderRadius:"4px 4px 0px 0px",borderBottom:r.focused?`2px solid ${i.flowColors.brand.primary}`:r.value?`1px solid ${i.flowColors.onSurface.os900}`:`1px solid ${i.flowColors.onSurface.os500}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",top:"16px"}),"& > .MuiFilledInput-root":{position:"relative",height:"56px"},"& > label.MuiInputLabel-root":{paddingLeft:0,fontWeight:400,marginLeft:"0px",transform:"translate(12, 18px) scale(1)",color:r.hovered||r.focused?i.flowColors.text.primary:i.flowColors.onSurface.os500,maxWidth:"calc(100% - 56px)","&:hover":{color:i.flowColors.text.primary}},"& > label.MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(14px, 8px) scale(0.75)",paddingLeft:0,fontWeight:400,color:r.focused?i.flowColors.brand.primary:i.flowColors.onSurface.os500},"& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled":{color:i.flowColors.disabled.primary},"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","&::after":{display:"none"},"&::before":{display:"none"},"& > div.MuiSelect-select":Object.assign(Object.assign({},s),{fontSize:"16px",lineHeight:"24px",color:i.flowColors.onSurface.os900,fontWeight:"500",paddingRight:"50px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:0}}),"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"15.5px",width:"24px",top:"19px"})}};const l=a["& > label.MuiInputLabel-root"];if(r.icon&&(a=Object.assign(Object.assign({},a),{"& > label.MuiInputLabel-root":Object.assign(Object.assign({},l),{paddingLeft:"40px"}),"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{transform:"translate(24px, 8px) scale(0.75)",paddingLeft:"40px"}),"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","& > div.MuiSelect-select":Object.assign(Object.assign({},s),{fontSize:"16px",lineHeight:"24px",color:i.flowColors.onSurface.os900,fontWeight:"500",paddingRight:"56px",paddingLeft:"52px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:"14px"}}),"&::after":{display:"none"},"&::before":{display:"none"},"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",width:"24px",top:"19px","&:hovered":{}})}})),r.disabled&&(l.color=i.flowColors.disabled.primary,a=Object.assign(Object.assign({},a),{borderBottom:`1px solid ${i.flowColors.disabled.primary}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",height:"56px",display:"inline-flex",top:"0",alignItems:"center",justifyContent:"center",paddingBottom:"8px",color:e.palette.disabled.primary}),"& > .MuiInputBase-root":Object.assign(Object.assign({},a["& > .MuiInputBase-root"]),{"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",top:"19px",color:e.palette.disabled.primary})})})),r.error){const o=r.focused||r.hovered?e.palette.alert.main:e.palette.onSurface.os500;l.color=o,a=Object.assign(Object.assign({},a),{borderBottom:`2px solid ${e.palette.alert.main}`,"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{color:o})})}return a}));exports.FormControlSelectStyled=n;
1
+ "use strict";var t=require("tslib"),e=require("@mui/material/FormControl"),i=require("@mui/material/styles"),o=require("../../design/skoda/paletteLight.theme.js");function a(t){return t&&t.__esModule?t:{default:t}}var r=a(e);const n=i.styled(r.default,{shouldForwardProp:t=>"helpText"!==t&&"hideBg"!==t&&"hasError"!==t&&"hovered"!==t&&"value"!==t&&"staticLabel"!==t})((e=>{var{theme:i}=e,a=t.__rest(e,["theme"]);let r={};const n=(t=>({fontSize:"24px !important",position:"absolute",flexShrink:0,pointerEvents:"none",display:"block",color:t.focused||t.value||t.hovered?"inherit":"rgba(0, 0, 0, 0.54)"}))(a),p={paddingBottom:a.staticLabel?"16px":"6px",paddingTop:a.staticLabel?"16px":"26px"};r={height:"56px",minWidth:"200px !important",background:o.paletteLight.transparent.primary,borderRadius:"4px 4px 0px 0px",borderBottom:a.focused?`2px solid ${o.paletteLight.brand.primary}`:a.value?`1px solid ${o.paletteLight.onSurface.os900}`:`1px solid ${o.paletteLight.onSurface.os500}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",top:"16px"}),"& > .MuiFilledInput-root":{position:"relative",height:"56px"},"& > label.MuiInputLabel-root":{paddingLeft:0,fontWeight:400,marginLeft:"0px",transform:"translate(12, 18px) scale(1)",color:a.hovered||a.focused?o.paletteLight.text.primary:o.paletteLight.onSurface.os500,maxWidth:"calc(100% - 56px)","&:hover":{color:o.paletteLight.text.primary}},"& > label.MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(14px, 8px) scale(0.75)",paddingLeft:0,fontWeight:400,color:a.focused?o.paletteLight.brand.primary:o.paletteLight.onSurface.os500},"& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled":{color:o.paletteLight.disabled.primary},"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","&::after":{display:"none"},"&::before":{display:"none"},"& > div.MuiSelect-select":Object.assign(Object.assign({},p),{fontSize:"16px",lineHeight:"24px",color:o.paletteLight.onSurface.os900,fontWeight:"500",paddingRight:"50px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:0}}),"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"15.5px",width:"24px",top:"19px"})}};const s=r["& > label.MuiInputLabel-root"];if(a.icon&&(r=Object.assign(Object.assign({},r),{"& > label.MuiInputLabel-root":Object.assign(Object.assign({},s),{paddingLeft:"40px"}),"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},r["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{transform:"translate(24px, 8px) scale(0.75)",paddingLeft:"40px"}),"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","& > div.MuiSelect-select":Object.assign(Object.assign({},p),{fontSize:"16px",lineHeight:"24px",color:o.paletteLight.onSurface.os900,fontWeight:"500",paddingRight:"56px",paddingLeft:"52px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:"14px"}}),"&::after":{display:"none"},"&::before":{display:"none"},"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",width:"24px",top:"19px","&:hovered":{}})}})),a.disabled&&(s.color=o.paletteLight.disabled.primary,r=Object.assign(Object.assign({},r),{borderBottom:`1px solid ${o.paletteLight.disabled.primary}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",height:"56px",display:"inline-flex",top:"0",alignItems:"center",justifyContent:"center",paddingBottom:"8px",color:i.palette.disabled.primary}),"& > .MuiInputBase-root":Object.assign(Object.assign({},r["& > .MuiInputBase-root"]),{"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",top:"19px",color:i.palette.disabled.primary})})})),a.error){const t=a.focused||a.hovered?i.palette.alert.main:i.palette.onSurface.os500;s.color=t,r=Object.assign(Object.assign({},r),{borderBottom:`2px solid ${i.palette.alert.main}`,"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},r["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{color:t})})}return r}));exports.FormControlSelectStyled=n;
2
2
  //# sourceMappingURL=formControlSelectStyled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"formControlSelectStyled.js","sources":["../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { __rest } from \"tslib\";\nimport MuiFormControl from '@mui/material/FormControl';\nimport { styled } from '@mui/material/styles';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SelectInput styling definition based on props\n */\nconst handleStyleIcon = (props) => {\n return {\n fontSize: '24px !important',\n position: 'absolute',\n flexShrink: 0,\n pointerEvents: 'none',\n display: 'block',\n color: props.focused || props.value || props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n };\n};\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n shouldForwardProp: (prop) => prop !== 'helpText' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'value' &&\n prop !== 'staticLabel',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n let styles = {};\n const styleIcon = handleStyleIcon(props);\n const styleSelect = {\n paddingBottom: props.staticLabel ? '16px' : '6px',\n paddingTop: props.staticLabel ? '16px' : '26px',\n };\n styles = {\n height: '56px',\n minWidth: '200px !important',\n background: flowColors.transparent.primary,\n borderRadius: '4px 4px 0px 0px',\n borderBottom: props.focused\n ? `2px solid ${flowColors.brand.primary}`\n : props.value\n ? `1px solid ${flowColors.onSurface.os900}`\n : `1px solid ${flowColors.onSurface.os500}`,\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', top: '16px' }),\n '& > .MuiFilledInput-root': {\n position: 'relative',\n height: '56px',\n },\n '& > label.MuiInputLabel-root': {\n paddingLeft: 0,\n fontWeight: 400,\n marginLeft: '0px',\n transform: 'translate(12, 18px) scale(1)',\n color: props.hovered || props.focused ? flowColors.text.primary : flowColors.onSurface.os500,\n maxWidth: 'calc(100% - 56px)',\n '&:hover': {\n color: flowColors.text.primary,\n },\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n transform: 'translate(14px, 8px) scale(0.75)',\n paddingLeft: 0,\n fontWeight: 400,\n color: props.focused ? flowColors.brand.primary : flowColors.onSurface.os500,\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n color: flowColors.disabled.primary,\n },\n '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '50px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n background: 'transparent',\n }, '& > div.MuiListItemText-root': {\n marginTop: 0,\n } }),\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '15.5px', width: '24px', top: '19px' }),\n },\n };\n const labelStyle = styles['& > label.MuiInputLabel-root'];\n if (props.icon) {\n styles = Object.assign(Object.assign({}, styles), { '& > label.MuiInputLabel-root': Object.assign(Object.assign({}, labelStyle), { paddingLeft: '40px' }), '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { transform: 'translate(24px, 8px) scale(0.75)', paddingLeft: '40px' }), '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '56px', paddingLeft: '52px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n background: 'transparent',\n }, '& > div.MuiListItemText-root': {\n marginTop: '14px',\n } }),\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', width: '24px', top: '19px', '&:hovered': {} }),\n } });\n }\n if (props.disabled) {\n labelStyle.color = flowColors.disabled.primary;\n styles = Object.assign(Object.assign({}, styles), { borderBottom: `1px solid ${flowColors.disabled.primary}`, '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', height: '56px', display: 'inline-flex', top: '0', alignItems: 'center', justifyContent: 'center', paddingBottom: '8px', color: theme.palette.disabled.primary }), '& > .MuiInputBase-root': Object.assign(Object.assign({}, styles['& > .MuiInputBase-root']), { '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', top: '19px', color: theme.palette.disabled.primary }) }) });\n }\n if (props.error) {\n const errorColor = props.focused || props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n labelStyle.color = errorColor;\n styles = Object.assign(Object.assign({}, styles), { borderBottom: `2px solid ${theme.palette.alert['main']}`, '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { color: errorColor }) });\n }\n return styles;\n});\n//# sourceMappingURL=formControlSelectStyled.js.map"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","flowColors","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","palette","error","errorColor","alert"],"mappings":"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"}
1
+ {"version":3,"file":"formControlSelectStyled.js","sources":["../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { __rest } from \"tslib\";\nimport MuiFormControl from '@mui/material/FormControl';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/**\n * @description SelectInput styling definition based on props\n */\nconst handleStyleIcon = (props) => {\n return {\n fontSize: '24px !important',\n position: 'absolute',\n flexShrink: 0,\n pointerEvents: 'none',\n display: 'block',\n color: props.focused || props.value || props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n };\n};\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n shouldForwardProp: (prop) => prop !== 'helpText' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'value' &&\n prop !== 'staticLabel',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n let styles = {};\n const styleIcon = handleStyleIcon(props);\n const styleSelect = {\n paddingBottom: props.staticLabel ? '16px' : '6px',\n paddingTop: props.staticLabel ? '16px' : '26px',\n };\n styles = {\n height: '56px',\n minWidth: '200px !important',\n background: flowColors.transparent.primary,\n borderRadius: '4px 4px 0px 0px',\n borderBottom: props.focused\n ? `2px solid ${flowColors.brand.primary}`\n : props.value\n ? `1px solid ${flowColors.onSurface.os900}`\n : `1px solid ${flowColors.onSurface.os500}`,\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', top: '16px' }),\n '& > .MuiFilledInput-root': {\n position: 'relative',\n height: '56px',\n },\n '& > label.MuiInputLabel-root': {\n paddingLeft: 0,\n fontWeight: 400,\n marginLeft: '0px',\n transform: 'translate(12, 18px) scale(1)',\n color: props.hovered || props.focused ? flowColors.text.primary : flowColors.onSurface.os500,\n maxWidth: 'calc(100% - 56px)',\n '&:hover': {\n color: flowColors.text.primary,\n },\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n transform: 'translate(14px, 8px) scale(0.75)',\n paddingLeft: 0,\n fontWeight: 400,\n color: props.focused ? flowColors.brand.primary : flowColors.onSurface.os500,\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n color: flowColors.disabled.primary,\n },\n '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '50px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n background: 'transparent',\n }, '& > div.MuiListItemText-root': {\n marginTop: 0,\n } }),\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '15.5px', width: '24px', top: '19px' }),\n },\n };\n const labelStyle = styles['& > label.MuiInputLabel-root'];\n if (props.icon) {\n styles = Object.assign(Object.assign({}, styles), { '& > label.MuiInputLabel-root': Object.assign(Object.assign({}, labelStyle), { paddingLeft: '40px' }), '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { transform: 'translate(24px, 8px) scale(0.75)', paddingLeft: '40px' }), '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '56px', paddingLeft: '52px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n background: 'transparent',\n }, '& > div.MuiListItemText-root': {\n marginTop: '14px',\n } }),\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', width: '24px', top: '19px', '&:hovered': {} }),\n } });\n }\n if (props.disabled) {\n labelStyle.color = flowColors.disabled.primary;\n styles = Object.assign(Object.assign({}, styles), { borderBottom: `1px solid ${flowColors.disabled.primary}`, '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', height: '56px', display: 'inline-flex', top: '0', alignItems: 'center', justifyContent: 'center', paddingBottom: '8px', color: theme.palette.disabled.primary }), '& > .MuiInputBase-root': Object.assign(Object.assign({}, styles['& > .MuiInputBase-root']), { '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', top: '19px', color: theme.palette.disabled.primary }) }) });\n }\n if (props.error) {\n const errorColor = props.focused || props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n labelStyle.color = errorColor;\n styles = Object.assign(Object.assign({}, styles), { borderBottom: `2px solid ${theme.palette.alert['main']}`, '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { color: errorColor }) });\n }\n return styles;\n});\n//# sourceMappingURL=formControlSelectStyled.js.map"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","flowColors","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","paletteLight","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","palette","error","errorColor","alert"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@mui/material/Stepper"),l=require("@mui/material/styles"),n=require("../../design/skoda/palette.theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(t);function i(e){const{active:r,completed:t,className:l}=e;return o.jsx(c,{className:l,children:r?o.jsx("div",{className:"QontoStepIcon-active"}):t?o.jsx("div",{className:"QontoStepIcon-completedIcon"}):o.jsx("div",{className:"QontoStepIcon-circle"})})}const c=l.styled("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:n.flowColors.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.flowColors.onSurface.os700}`,color:n.flowColors.brand.secondary}},"& .QontoStepIcon-active":{color:n.flowColors.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.flowColors.onSurface.os700}`,color:n.flowColors.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${n.flowColors.disabled.tertiary}`,backgroundColor:n.flowColors.disabled.secondary}}},o})),d=l.styled(r.StepConnector)((({theme:e})=>({[`&.${r.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${r.stepConnectorClasses.active}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.flowColors.onSurface.os700,width:"60px"}},[`&.${r.stepConnectorClasses.completed}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.flowColors.onSurface.os700}},[`& .${r.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:n.flowColors.disabled.primary,borderTopWidth:3,borderRadius:1}}))),p=l.styled("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},e}));exports.Stepper=t=>{var{activeStep:l,alternativeLabel:n,children:s,classes:c,connector:u,nonLinear:C,orientation:h,step:m}=t,f=e.__rest(t,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o.jsx(p,{children:o.jsx("div",{children:o.jsx(a.default,Object.assign({className:"controllerContainer"},f,{activeStep:l,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:n,connector:o.jsx(d,{}),children:m.map((e=>o.jsx(r.Step,{children:o.jsx(r.StepLabel,{style:x,StepIconComponent:i,children:e})},e)))}))})})};
1
+ "use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),o=require("@mui/material/Stepper"),a=require("@mui/material/styles"),n=require("../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(o);function s(e){const{active:r,completed:o,className:a}=e;return t.jsx(c,{className:a,children:r?t.jsx("div",{className:"QontoStepIcon-active"}):o?t.jsx("div",{className:"QontoStepIcon-completedIcon"}):t.jsx("div",{className:"QontoStepIcon-circle"})})}const c=a.styled("div")((({theme:e})=>{let t={};return t={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:n.paletteLight.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-active":{color:n.paletteLight.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${n.paletteLight.disabled.tertiary}`,backgroundColor:n.paletteLight.disabled.secondary}}},t})),d=a.styled(r.StepConnector)((({theme:e})=>({[`&.${r.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${r.stepConnectorClasses.active}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700,width:"60px"}},[`&.${r.stepConnectorClasses.completed}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700}},[`& .${r.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:n.paletteLight.disabled.primary,borderTopWidth:3,borderRadius:1}}))),p=a.styled("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},e}));exports.Stepper=o=>{var{activeStep:a,alternativeLabel:n,children:i,classes:c,connector:h,nonLinear:u,orientation:g,step:m}=o,x=e.__rest(o,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const b={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return t.jsx(p,{children:t.jsx("div",{children:t.jsx(l.default,Object.assign({className:"controllerContainer"},x,{activeStep:a,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:n,connector:t.jsx(d,{}),children:m.map((e=>t.jsx(r.Step,{children:t.jsx(r.StepLabel,{style:b,StepIconComponent:s,children:e})},e)))}))})})};
2
2
  //# sourceMappingURL=stepper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.js","sources":["../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { 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":["QontoStepIcon","props","active","completed","className","_jsx","QontoStepIconRoot","children","jsx","styled","theme","style","color","palette","mode","grey","display","height","alignItems","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","QontoConnector","StepConnector","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth","StepperStyled","fontFamily","fontStyle","fontWeight","fontSize","lineHeight","_a","activeStep","classes","connector","nonLinear","orientation","step","__rest","styles","MuiStepper","Object","assign","sx","maxWidth","spacing","map","label","Step","StepLabel","StepIconComponent"],"mappings":"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"}
1
+ {"version":3,"file":"stepper.js","sources":["../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n 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":["QontoStepIcon","props","active","completed","className","_jsx","QontoStepIconRoot","children","jsx","styled","theme","style","color","palette","mode","grey","display","height","alignItems","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","paletteLight","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","QontoConnector","StepConnector","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth","StepperStyled","fontFamily","fontStyle","fontWeight","fontSize","lineHeight","_a","activeStep","classes","connector","nonLinear","orientation","step","__rest","styles","MuiStepper","Object","assign","sx","maxWidth","spacing","map","label","Step","StepLabel","StepIconComponent"],"mappings":"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"}
@@ -1,6 +1,13 @@
1
1
  import React from 'react';
2
+ import { ScopedCssBaselineProps } from '@mui/material';
3
+ import { DefaultTheme } from '@mui/system';
2
4
  import './theme.extensions';
3
5
  export type SkodaThemeProviderProps = {
4
6
  children?: React.ReactNode;
5
- };
7
+ theme?: Partial<DefaultTheme>;
8
+ globalBaseline?: boolean;
9
+ } & ScopedCssBaselineProps;
10
+ /**
11
+ * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline
12
+ */
6
13
  export declare const SkodaThemeProvider: React.FC<SkodaThemeProviderProps>;
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),t=require("./theme.js"),s=require("./theme.typography.js");exports.SkodaThemeProvider=h=>{const a=s.useTypographySize(),c=r.useMemo((()=>t.createSkodaTheme(a)),[a]);return e.jsx(i.StyledEngineProvider,{injectFirst:!0,children:e.jsx(i.ThemeProvider,{theme:c,children:e.jsx(i.ScopedCssBaseline,{children:h.children})})})};
1
+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),s=require("./theme.js");exports.SkodaThemeProvider=t=>{var{children:l,theme:n=s.theme,globalBaseline:a=!1}=t,h=e.__rest(t,["children","theme","globalBaseline"]);return r.jsx(i.StyledEngineProvider,{injectFirst:!0,children:r.jsx(i.ThemeProvider,{theme:n,children:a?l:r.jsx(i.ScopedCssBaseline,Object.assign({},h,{children:l}))})})};
2
2
  //# sourceMappingURL=SkodaThemeProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { ScopedCssBaseline, StyledEngineProvider, ThemeProvider } from '@mui/material';\nimport { createSkodaTheme } from './theme';\nimport { useTypographySize } from './theme.typography';\nimport './theme.extensions';\nexport const SkodaThemeProvider = (props) => {\n const typographySize = useTypographySize();\n const theme = useMemo(() => createSkodaTheme(typographySize), [typographySize]);\n return (_jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ScopedCssBaseline, { children: props.children }) }) }));\n};\n//# sourceMappingURL=SkodaThemeProvider.js.map"],"names":["props","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","jsx","StyledEngineProvider","injectFirst","children","ThemeProvider","ScopedCssBaseline"],"mappings":"oLAMmCA,IAC/B,MAAMC,EAAiBC,EAAAA,oBACjBC,EAAQC,EAAAA,SAAQ,IAAMC,EAAAA,iBAAiBJ,IAAiB,CAACA,IAC/D,OAAQK,EAAIC,IAACC,EAAoBA,qBAAE,CAAEC,aAAa,EAAMC,SAAUJ,EAAAA,IAAKK,EAAaA,cAAE,CAAER,MAAOA,EAAOO,SAAUJ,EAAAA,IAAKM,EAAiBA,kBAAE,CAAEF,SAAUV,EAAMU,cAAmB"}
1
+ {"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ScopedCssBaseline, StyledEngineProvider, ThemeProvider } from '@mui/material';\nimport { theme as skodaTheme } from './theme';\nimport './theme.extensions';\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider = (_a) => {\n var { children, theme = skodaTheme, globalBaseline = false } = _a, rest = __rest(_a, [\"children\", \"theme\", \"globalBaseline\"]);\n return (_jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: globalBaseline ? children : _jsx(ScopedCssBaseline, Object.assign({}, rest, { children: children })) }) }));\n};\n//# sourceMappingURL=SkodaThemeProvider.js.map"],"names":["_a","children","theme","skodaTheme","globalBaseline","rest","__rest","_jsx","StyledEngineProvider","injectFirst","jsx","ThemeProvider","ScopedCssBaseline","Object","assign"],"mappings":"iJAQmCA,IAC/B,IAAIC,SAAEA,EAAQC,MAAEA,EAAQC,EAAUD,MAAAE,eAAEA,GAAiB,GAAUJ,EAAIK,EAAOC,EAAAA,OAAON,EAAI,CAAC,WAAY,QAAS,mBAC3G,OAAQO,MAAKC,EAAAA,qBAAsB,CAAEC,aAAa,EAAMR,SAAUM,EAAIG,IAACC,EAAaA,cAAE,CAAET,MAAOA,EAAOD,SAAUG,EAAiBH,EAAWM,EAAAA,IAAKK,EAAiBA,kBAAEC,OAAOC,OAAO,CAAA,EAAIT,EAAM,CAAEJ,SAAUA,QAAoB"}
@@ -1,7 +1,5 @@
1
- import React from 'react';
2
- import './theme.extensions';
3
- type SkodaThemeProviderProps = {
4
- children?: React.ReactNode;
5
- };
6
- export declare const SkodaThemeWidgetProvider: (props: SkodaThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
1
+ import { SkodaThemeProviderProps } from './SkodaThemeProvider';
2
+ /**
3
+ * Alternative theme provider when the responsive style should be applied based on the container and not window
4
+ */
5
+ export declare const SkodaThemeWidgetProvider: ({ theme, ...rest }: SkodaThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("@mui/material/styles"),s=require("@mui/system"),t=require("react"),a=require("react-use"),n=require("./theme.breakpoints.js"),u=require("./theme.typography.js"),o=require("./theme.js");const c=()=>{const e=t.useMemo((()=>s.createBreakpoints(n.flowBreakpoints)),[]),[i,u]=t.useState(n.flowBreakpoints),[o,{width:c}]=a.useMeasure(),{width:d}=a.useWindowSize(),m=t.useCallback(((r,i)=>{const s=r-i,t=e.keys.reduce(((r,i)=>Object.assign(Object.assign({},r),{[i]:e.values[i]+s})),{});u({values:t})}),[e]),h=t.useMemo((()=>r.debounce(m,250)),[m]);return t.useLayoutEffect((()=>{h(d,c)}),[d,c,m]),{containerBreakpoints:i,containerRef:o}};exports.SkodaThemeWidgetProvider=s=>{const{children:a}=s,{containerBreakpoints:n,containerRef:d}=c(),m=u.useTypographySize(n),h=t.useMemo((()=>o.createSkodaTheme(m,n)),[m,n]);return e.jsx("div",{ref:d,children:e.jsx(i.StyledEngineProvider,{injectFirst:!0,children:e.jsx(i.ThemeProvider,{theme:h,children:e.jsx(r.ScopedCssBaseline,{children:a})})})})};
1
+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),t=require("./SkodaThemeProvider.js"),s=require("./theme.js"),a=require("@mui/material"),m=require("@mui/material/styles");exports.SkodaThemeWidgetProvider=u=>{var{theme:o}=u,n=e.__rest(u,["theme"]);const c=i.useMemo((()=>{const e=s.createSkodaTheme({widget:!0});return o?m.createTheme(e,o):e}),[o]);return r.jsx(a.Box,{sx:{containerType:"inline-size"},children:r.jsx(t.SkodaThemeProvider,Object.assign({},n,{theme:c}))})};
2
2
  //# sourceMappingURL=SkodaThemeWidgetProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../src/design/skoda/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { debounce, ScopedCssBaseline } from '@mui/material';\nimport { StyledEngineProvider, ThemeProvider } from '@mui/material/styles';\nimport { createBreakpoints } from '@mui/system';\nimport { useCallback, useLayoutEffect, useMemo, useState } from 'react';\nimport { useMeasure, useWindowSize } from 'react-use';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { useTypographySize } from './theme.typography';\nimport './theme.extensions';\nimport { createSkodaTheme } from './theme';\nexport const SkodaThemeWidgetProvider = (props) => {\n const { children } = props;\n const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n const typographySize = useTypographySize(containerBreakpoints);\n const theme = useMemo(() => createSkodaTheme(typographySize, containerBreakpoints), [typographySize, containerBreakpoints]);\n return (_jsx(\"div\", { ref: containerRef, children: _jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ScopedCssBaseline, { children: children }) }) }) }));\n};\nconst useContainerBreakpoints = () => {\n const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n const [containerBreakpoints, setContainerBreakpoints] = useState(flowBreakpoints);\n const [containerRef, { width: containerWidth }] = useMeasure();\n const { width: windowWidth } = useWindowSize();\n const handleResize = useCallback((window, container) => {\n const difference = window - container;\n const newContainerBreakpoints = windowBreakpoints.keys.reduce((prev, curr) => (Object.assign(Object.assign({}, prev), { [curr]: windowBreakpoints.values[curr] + difference })), {});\n setContainerBreakpoints({ values: newContainerBreakpoints });\n }, [windowBreakpoints]);\n const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n useLayoutEffect(() => {\n debounceHandleResize(windowWidth, containerWidth);\n }, [windowWidth, containerWidth, handleResize]);\n return { containerBreakpoints, containerRef };\n};\n//# sourceMappingURL=SkodaThemeWidgetProvider.js.map"],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","containerRef","width","containerWidth","useMeasure","windowWidth","useWindowSize","handleResize","useCallback","window","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Object","assign","values","debounceHandleResize","debounce","useLayoutEffect","props","children","typographySize","useTypographySize","theme","createSkodaTheme","_jsx","ref","jsx","StyledEngineProvider","injectFirst","ThemeProvider","ScopedCssBaseline"],"mappings":"+QAUY,MAONA,EAA0B,KAC5B,MAAMC,EAAoBC,EAAAA,SAAQ,IAAMC,EAAiBA,kBAACC,EAAeA,kBAAG,KACrEC,EAAsBC,GAA2BC,EAAQA,SAACH,EAAeA,kBACzEI,GAAgBC,MAAOC,IAAoBC,EAAAA,cAC1CF,MAAOG,GAAgBC,EAAaA,gBACtCC,EAAeC,EAAAA,aAAY,CAACC,EAAQC,KACtC,MAAMC,EAAaF,EAASC,EACtBE,EAA0BlB,EAAkBmB,KAAKC,QAAO,CAACC,EAAMC,IAAUC,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAO,CAAEC,CAACA,GAAOtB,EAAkByB,OAAOH,GAAQL,KAAgB,CAAE,GACnLZ,EAAwB,CAAEoB,OAAQP,GAA0B,GAC7D,CAAClB,IACE0B,EAAuBzB,EAAOA,SAAC,IAAM0B,EAAQA,SAACd,EAAc,MAAM,CAACA,IAIzE,OAHAe,EAAAA,iBAAgB,KACZF,EAAqBf,EAAaF,EAAe,GAClD,CAACE,EAAaF,EAAgBI,IAC1B,CAAET,uBAAsBG,eAAc,mCArBRsB,IACrC,MAAMC,SAAEA,GAAaD,GACfzB,qBAAEA,EAAoBG,aAAEA,GAAiBR,IACzCgC,EAAiBC,oBAAkB5B,GACnC6B,EAAQhC,WAAQ,IAAMiC,mBAAiBH,EAAgB3B,IAAuB,CAAC2B,EAAgB3B,IACrG,OAAQ+B,MAAK,MAAO,CAAEC,IAAK7B,EAAcuB,SAAUK,EAAIE,IAACC,EAAoBA,qBAAE,CAAEC,aAAa,EAAMT,SAAUK,EAAIE,IAACG,gBAAe,CAAEP,MAAOA,EAAOH,SAAUK,EAAIE,IAACI,EAAiBA,kBAAE,CAAEX,SAAUA,SAAsB"}
1
+ {"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../src/design/skoda/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { SkodaThemeProvider } from './SkodaThemeProvider';\nimport { createSkodaTheme } from './theme';\nimport { Box } from '@mui/material';\nimport { createTheme } from '@mui/material/styles';\n/**\n * Alternative theme provider when the responsive style should be applied based on the container and not window\n */\nexport const SkodaThemeWidgetProvider = (_a) => {\n var { theme } = _a, rest = __rest(_a, [\"theme\"]);\n const composedTheme = useMemo(() => {\n const containerTheme = createSkodaTheme({ widget: true });\n // in case theme is provided, make composition\n if (theme) {\n return createTheme(containerTheme, theme);\n }\n return containerTheme;\n }, [theme]);\n return (_jsx(Box, { sx: { containerType: 'inline-size' }, children: _jsx(SkodaThemeProvider, Object.assign({}, rest, { theme: composedTheme })) }));\n};\n//# sourceMappingURL=SkodaThemeWidgetProvider.js.map"],"names":["_a","theme","rest","__rest","composedTheme","useMemo","containerTheme","createSkodaTheme","widget","createTheme","_jsx","jsx","Box","sx","containerType","children","SkodaThemeProvider","Object","assign"],"mappings":"iPAUyCA,IACrC,IAAMC,MAAAA,GAAUD,EAAIE,EAAOC,EAAAA,OAAOH,EAAI,CAAC,UACvC,MAAMI,EAAgBC,EAAAA,SAAQ,KAC1B,MAAMC,EAAiBC,EAAgBA,iBAAC,CAAEC,QAAQ,IAElD,OAAIP,EACOQ,EAAWA,YAACH,EAAgBL,GAEhCK,CAAc,GACtB,CAACL,IACJ,OAAQS,EAAIC,IAACC,EAAGA,IAAE,CAAEC,GAAI,CAAEC,cAAe,eAAiBC,SAAUL,EAAIC,IAACK,EAAkBA,mBAAEC,OAAOC,OAAO,CAAA,EAAIhB,EAAM,CAAED,MAAOG,MAAsB"}
@@ -1,2 +1,2 @@
1
- "use strict";var o=require("../../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.flowColors.onSurface.os900,letterSpacing:"0.3px",padding:"0px 24px",display:"flex",alignItems:"center","& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root":{color:o.flowColors.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.flowColors.transparent.primary}},"&:focus":{backgroundColor:"transparent"}},"& .text":{fontWeight:300,fontSize:"16px",lineHeight:"24px",letterSpacing:"0.3px",color:o.flowColors.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)"}}}})}};exports.flowAccordion=r;
1
+ "use strict";var o=require("../../paletteLight.theme.js");const t={defaultProps:{disableGutters:!0,square:!0},styleOverrides:{root:({theme:t})=>({boxShadow:"unset",borderRadius:"0px",borderTop:`1px solid ${t.palette.divider}`,borderBottom:0,"&::before":{display:"none"},"& .MuiAccordionSummary-root":{lineHeight:"24px",fontWeight:700,fontSize:"16px",color:o.paletteLight.onSurface.os900,letterSpacing:"0.3px",padding:"0px 24px",display:"flex",alignItems:"center","& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root":{color:o.paletteLight.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.paletteLight.transparent.primary}},"&:focus":{backgroundColor:"transparent"}},"& .text":{fontWeight:300,fontSize:"16px",lineHeight:"24px",letterSpacing:"0.3px",color:o.paletteLight.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)"}}}})}};exports.flowAccordion=t;
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: '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":"qDACY,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,EAAAA,WAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,SACZ,6DAA8D,CAC1DN,MAAOC,EAAAA,WAAWC,UAAUC,OAEhC,mCAAoC,CAChCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACtCC,UAAW,MACXX,WAAY,MAGpB,UAAW,CACP,4DAA6D,CACzDY,WAAYT,EAAAA,WAAWU,YAAYC,UAG3C,UAAW,CACPC,gBAAiB,gBAGzB,UAAW,CACPf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAAA,WAAWC,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
+ {"version":3,"file":"accordion.theme.js","sources":["../../../../../../src/design/skoda/components/accordion/accordion.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../../paletteLight.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":"0DACY,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,EAAAA,aAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,SACZ,6DAA8D,CAC1DN,MAAOC,EAAAA,aAAWC,UAAUC,OAEhC,mCAAoC,CAChCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACtCC,UAAW,MACXX,WAAY,MAGpB,UAAW,CACP,4DAA6D,CACzDY,WAAYT,EAAAA,aAAWU,YAAYC,UAG3C,UAAW,CACPC,gBAAiB,gBAGzB,UAAW,CACPf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAAA,aAAWC,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
- "use strict";var e=require("react/jsx-runtime");require("../../../../components/accordion/accordion.js"),require("../../../../components/backdrop/backdrop.js"),require("../../../../components/button/button.js"),require("react"),require("@mui/material"),require("@mui/material/styles"),require("../../palette.theme.js"),require("../autocomplete.theme.js"),require("../backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../theme.breakpoints.js"),require("../../theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../divider.theme.js"),require("../drawer.theme.js"),require("../form/slider.theme.js"),require("../icon.theme.js"),require("../mobileStepper.theme.js"),require("../modal.theme.js"),require("../pagination.theme.js"),require("../snackbar.theme.js"),require("../stepper/stepIcon/errorStepIcon.js"),require("../stepper/stepIcon/qontoStepIcon.js"),require("../tabs/tabs.theme.js"),require("../tooltip.theme.js"),require("react-use"),require("../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../../../organisms/carousel/styledComponents/styledCarouselVertical.js");var r=require("../../../../components/controls/controls.js");require("../../../../components/numbering/numbering.js"),require("../../../../utils/enum.js"),require("../../../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../../../organisms/maps/utils/mapIcons.js"),require("../../../../organisms/maps/mapComponents/mapStyled.js"),require("../../../../organisms/shortcutLink/shortcutLink.js"),require("../../../../organisms/textCta/textCta.js"),require("../../../../organisms/tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../../../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../../../organisms/notification/Notification.js"),require("../../../../organisms/notification/NotificationCenter.js"),require("../../../../layout/Header/HeaderContext.js"),require("../../../../layout/Header/HeaderButton.js"),require("../../../../layout/Header/HeaderNavigationHero.js"),require("../../../../layout/Header/HeaderNavigationLink.js"),require("../../../../layout/Header/HeaderNavigationMenu.js"),require("../../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../../layout/Header/HeaderOverheadItem.js"),require("../../../../components/icon/icon.js"),require("../../../../components/icon/icon.definitions.js"),require("../../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../../production/Button/Button.js"),require("../../../../components/cardContainer/cardContainer.js"),require("../../../../components/cardMenu/cardMenu.js"),require("../../../../components/checkbox/checkbox.js"),require("../../../../components/chip/chipImage/chipImage.js"),require("../../../../components/chip/regular/chip.js"),require("../../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../../../components/divider/divider.js"),require("../../../../components/drawer/drawer.js"),require("../../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../../components/indicator/indicator.js"),require("../../../../components/label/label.js"),require("../../../../components/labelCO2/labelCO2.js"),require("../../../../components/labelFeature/labelFeature.js"),require("../../../../components/labelPromotional/labelPromotional.js"),require("../../../../components/labelStatus/labelStatus.js"),require("../../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../../components/mobileStepper/mobileStepperButton.js"),require("../../../../components/modal/modal.js"),require("../../../../components/modal/modalTitle.js"),require("../../../../components/pagination/pagination.js"),require("../../../../components/progressBar/progressBar.js"),require("../../../../components/radioButton/radioButton.js"),require("../../../../components/selectInput/selectInput.js"),require("../../../../components/slider/slider.js"),require("../../../../components/snackbar/snackbar.js"),require("../../../../components/stepper/stepper.js"),require("../../../../components/tab/tab.js"),require("../../../../components/tab/tabs.js"),require("../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../../components/textArea/textArea.js"),require("../../../../components/common/styled/textFieldStyled.js"),require("../../../../components/helperTextContent/index.js"),require("../../../../components/toggleSwitch/toggleSwitch.js"),require("../../../../components/agGrid/agGrid.js"),require("../../../../components/avatar/Avatar.js"),require("../../../../components/iconButton/index.js"),require("../../../../components/alert/AlertButton.js"),require("../../../../organisms/gallery/Gallery.js"),require("../../../../organisms/gallery/GalleryItem.js"),require("minimatch");const o={defaultProps:{expandIcon:e.jsx(r.Controller,{controlType:"plus"})},styleOverrides:{}};exports.flowAccordionSummary=o;
1
+ "use strict";var e=require("react/jsx-runtime");require("../../../../components/accordion/accordion.js"),require("../../../../components/backdrop/backdrop.js"),require("../../../../components/button/button.js"),require("tslib"),require("@mui/material"),require("../../theme.js"),require("react"),require("@mui/material/styles"),require("../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../../../organisms/carousel/styledComponents/styledCarouselVertical.js");var r=require("../../../../components/controls/controls.js");require("../../../../components/numbering/numbering.js"),require("../../../../utils/enum.js"),require("../../../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../../../organisms/maps/utils/mapIcons.js"),require("../../../../organisms/maps/mapComponents/mapStyled.js"),require("../../../../organisms/shortcutLink/shortcutLink.js"),require("../../../../organisms/textCta/textCta.js"),require("../../../../organisms/tile/tile.js"),require("lodash/merge"),require("@mui/system"),require("lodash/noop"),require("../../../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../../../organisms/notification/Notification.js"),require("../../../../organisms/notification/NotificationCenter.js"),require("../../../../layout/Header/HeaderContext.js"),require("../../../../layout/Header/HeaderButton.js"),require("../../../../layout/Header/HeaderNavigationHero.js"),require("../../../../layout/Header/HeaderNavigationLink.js"),require("../../../../layout/Header/HeaderNavigationMenu.js"),require("../../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../../layout/Header/HeaderOverheadItem.js"),require("../../../../components/icon/icon.js"),require("../../../../components/icon/icon.definitions.js"),require("../../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../../../production/Button/Button.js"),require("../../../../components/cardContainer/cardContainer.js"),require("../../../../components/cardMenu/cardMenu.js"),require("../../../../components/checkbox/checkbox.js"),require("../../../../components/chip/chipImage/chipImage.js"),require("../../../../components/chip/regular/chip.js"),require("../../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../../../components/divider/divider.js"),require("../../../../components/drawer/drawer.js"),require("../../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../../components/indicator/indicator.js"),require("../../../../components/label/label.js"),require("../../../../components/labelCO2/labelCO2.js"),require("../../../../components/labelFeature/labelFeature.js"),require("../../../../components/labelPromotional/labelPromotional.js"),require("../../../../components/labelStatus/labelStatus.js"),require("../../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../../components/mobileStepper/mobileStepperButton.js"),require("../../../../components/modal/modal.js"),require("../../../../components/modal/modalTitle.js"),require("../../../../components/pagination/pagination.js"),require("../../../../components/progressBar/progressBar.js"),require("../../../../components/radioButton/radioButton.js"),require("../../../../components/selectInput/selectInput.js"),require("../../../../components/slider/slider.js"),require("../../../../components/snackbar/snackbar.js"),require("../../../../components/stepper/stepper.js"),require("../../../../components/textArea/textArea.js"),require("../../../../components/common/styled/textFieldStyled.js"),require("../../../../components/helperTextContent/index.js"),require("../../../../components/toggleSwitch/toggleSwitch.js"),require("../../../../components/avatar/Avatar.js"),require("../../../../components/iconButton/index.js"),require("../../../../components/alert/AlertButton.js"),require("../../../../organisms/gallery/Gallery.js"),require("../../../../organisms/gallery/GalleryItem.js"),require("minimatch");const o={defaultProps:{expandIcon:e.jsx(r.Controller,{controlType:"plus"})},styleOverrides:{}};exports.flowAccordionSummary=o;
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":"66LAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAAA,IAAKC,EAAAA,WAAY,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":"0jKAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAAA,IAAKC,EAAAA,WAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("react"),require("@mui/material"),require("@mui/material/styles"),require("../palette.theme.js"),require("./accordion/accordionSummary.theme.js"),require("./backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../theme.breakpoints.js"),require("../theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("./divider.theme.js"),require("./drawer.theme.js"),require("./form/slider.theme.js"),require("./icon.theme.js"),require("./mobileStepper.theme.js"),require("./modal.theme.js"),require("./pagination.theme.js"),require("./snackbar.theme.js"),require("./stepper/stepIcon/errorStepIcon.js"),require("./stepper/stepIcon/qontoStepIcon.js"),require("./tabs/tabs.theme.js"),require("./tooltip.theme.js"),require("react-use"),require("../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../../components/controls/controls.js"),require("../../../components/numbering/numbering.js"),require("../../../utils/enum.js"),require("../../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../../organisms/maps/utils/mapIcons.js"),require("../../../organisms/maps/mapComponents/mapStyled.js"),require("../../../organisms/shortcutLink/shortcutLink.js"),require("../../../organisms/textCta/textCta.js"),require("../../../organisms/tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../../organisms/notification/Notification.js"),require("../../../organisms/notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js");var r=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../production/Button/Button.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../components/mobileStepper/mobileStepperButton.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/tab/tab.js"),require("../../../components/tab/tabs.js"),require("../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../../organisms/gallery/Gallery.js"),require("../../../organisms/gallery/GalleryItem.js"),require("minimatch");const o={defaultProps:{popupIcon:e.jsx(r.Icon,{name:"chevron-down"}),clearIcon:e.jsx(r.Icon,{name:"close"}),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:e})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:e.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:e.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:e.palette.surface.primary}}}),option:({theme:e})=>({fontSize:"16px",lineHeight:"24px",color:e.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:e.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}}}};exports.flowAutocomplete=o;
1
+ "use strict";var e=require("react/jsx-runtime");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("tslib"),require("@mui/material"),require("../theme.js"),require("react"),require("@mui/material/styles"),require("../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../../components/controls/controls.js"),require("../../../components/numbering/numbering.js"),require("../../../utils/enum.js"),require("../../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../../organisms/maps/utils/mapIcons.js"),require("../../../organisms/maps/mapComponents/mapStyled.js"),require("../../../organisms/shortcutLink/shortcutLink.js"),require("../../../organisms/textCta/textCta.js"),require("../../../organisms/tile/tile.js"),require("lodash/merge"),require("@mui/system"),require("lodash/noop"),require("../../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../../organisms/notification/Notification.js"),require("../../../organisms/notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js");var r=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../../production/Button/Button.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../components/mobileStepper/mobileStepperButton.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../../organisms/gallery/Gallery.js"),require("../../../organisms/gallery/GalleryItem.js"),require("minimatch");const o={defaultProps:{popupIcon:e.jsx(r.Icon,{name:"chevron-down"}),clearIcon:e.jsx(r.Icon,{name:"close"}),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:e})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:e.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:e.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:e.palette.surface.primary}}}),option:({theme:e})=>({fontSize:"16px",lineHeight:"24px",color:e.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:e.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}}}};exports.flowAutocomplete=o;
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, { name: \"chevron-down\" }),\n clearIcon: _jsx(Icon, { name: \"close\" }),\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","name","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":"0rLAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAM,iBAC9BC,UAAWH,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAM,UAC9BE,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, { name: \"chevron-down\" }),\n clearIcon: _jsx(Icon, { name: \"close\" }),\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","name","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":"y1JAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAM,iBAC9BC,UAAWH,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAM,UAC9BE,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,2 +1,2 @@
1
- "use strict";const r={defaultProps:{},styleOverrides:{root:{zIndex:"100",backgroundColor:require("../palette.theme.js").flowColors.transparent.backdrop,backdropFilter:"blur(4px)","&.MuiBackdrop-invisible":{backgroundColor:"transparent",backdropFilter:"none"},"&.MuiBackdrop-transparent":{backgroundColor:"transparent",backdropFilter:"none"}}}};exports.flowBackdrop=r;
1
+ "use strict";const r={defaultProps:{},styleOverrides:{root:{zIndex:"100",backgroundColor:require("../paletteLight.theme.js").paletteLight.transparent.backdrop,backdropFilter:"blur(4px)","&.MuiBackdrop-invisible":{backgroundColor:"transparent",backdropFilter:"none"},"&.MuiBackdrop-transparent":{backgroundColor:"transparent",backdropFilter:"none"}}}};exports.flowBackdrop=r;
2
2
  //# sourceMappingURL=backdrop.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"backdrop.theme.js","sources":["../../../../../src/design/skoda/components/backdrop.theme.ts"],"sourcesContent":["import { flowColors } from '../palette.theme';\nexport const flowBackdrop = {\n defaultProps: {},\n styleOverrides: {\n root: {\n zIndex: '100',\n backgroundColor: flowColors.transparent.backdrop,\n backdropFilter: 'blur(4px)',\n '&.MuiBackdrop-invisible': {\n backgroundColor: 'transparent',\n backdropFilter: 'none',\n },\n '&.MuiBackdrop-transparent': {\n backgroundColor: 'transparent',\n backdropFilter: 'none',\n },\n },\n },\n};\n//# sourceMappingURL=backdrop.theme.js.map"],"names":["flowBackdrop","defaultProps","styleOverrides","root","zIndex","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"aACY,MAACA,EAAe,CACxBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,CACFC,OAAQ,MACRC,+CAAiBC,WAAWC,YAAYC,SACxCC,eAAgB,YAChB,0BAA2B,CACvBJ,gBAAiB,cACjBI,eAAgB,QAEpB,4BAA6B,CACzBJ,gBAAiB,cACjBI,eAAgB"}
1
+ {"version":3,"file":"backdrop.theme.js","sources":["../../../../../src/design/skoda/components/backdrop.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../paletteLight.theme';\nexport const flowBackdrop = {\n defaultProps: {},\n styleOverrides: {\n root: {\n zIndex: '100',\n backgroundColor: flowColors.transparent.backdrop,\n backdropFilter: 'blur(4px)',\n '&.MuiBackdrop-invisible': {\n backgroundColor: 'transparent',\n backdropFilter: 'none',\n },\n '&.MuiBackdrop-transparent': {\n backgroundColor: 'transparent',\n backdropFilter: 'none',\n },\n },\n },\n};\n//# sourceMappingURL=backdrop.theme.js.map"],"names":["flowBackdrop","defaultProps","styleOverrides","root","zIndex","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"aACY,MAACA,EAAe,CACxBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,CACFC,OAAQ,MACRC,oDAAiBC,aAAWC,YAAYC,SACxCC,eAAgB,YAChB,0BAA2B,CACvBJ,gBAAiB,cACjBI,eAAgB,QAEpB,4BAA6B,CACzBJ,gBAAiB,cACjBI,eAAgB"}
@@ -1,3 +1,2 @@
1
- import { TypographySize } from '../theme.typography';
2
- import { Components, Theme } from '@mui/material';
3
- export declare const flowScopedCssBaseline: (typographySize: TypographySize) => Components<Theme>['MuiScopedCssBaseline'];
1
+ import { BreakpointsOptions, Components, Theme } from '@mui/material';
2
+ export declare const getFlowCssBaseline: (breakpointsOptions: BreakpointsOptions, containerQueries: boolean) => Components<Theme>['MuiScopedCssBaseline'];