@skodaflow/web-library 7.13.1 → 7.14.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 (338) hide show
  1. package/cjs/components/backdrop/backdrop.d.ts +1 -2
  2. package/cjs/components/backdrop/backdrop.js.map +1 -1
  3. package/cjs/components/cardMenu/cardMenu.d.ts +1 -2
  4. package/cjs/components/cardMenu/cardMenu.js.map +1 -1
  5. package/cjs/components/cardMenu/styled/drawerStyled.d.ts +1 -1
  6. package/cjs/components/cardMenu/styled/drawerStyled.js +1 -1
  7. package/cjs/components/cardMenu/styled/drawerStyled.js.map +1 -1
  8. package/cjs/components/cardMenu/styled/popperStyled.d.ts +1 -1
  9. package/cjs/components/cardMenu/styled/popperStyled.js +1 -1
  10. package/cjs/components/cardMenu/styled/popperStyled.js.map +1 -1
  11. package/cjs/components/carousel/navigation.js +1 -1
  12. package/cjs/components/carousel/navigation.js.map +1 -1
  13. package/cjs/components/carousel/pagination.d.ts +5 -1
  14. package/cjs/components/carousel/pagination.js +1 -1
  15. package/cjs/components/carousel/pagination.js.map +1 -1
  16. package/cjs/components/chip/chipFocusVisibleStyled.d.ts +1 -1
  17. package/cjs/components/chip/chipFocusVisibleStyled.js +1 -1
  18. package/cjs/components/chip/chipFocusVisibleStyled.js.map +1 -1
  19. package/cjs/components/common/menuContainer.js +1 -1
  20. package/cjs/components/common/menuContainer.js.map +1 -1
  21. package/cjs/components/common/styled/buttonFocusVisibleStyled.d.ts +1 -1
  22. package/cjs/components/common/styled/buttonFocusVisibleStyled.js +1 -1
  23. package/cjs/components/common/styled/buttonFocusVisibleStyled.js.map +1 -1
  24. package/cjs/components/common/styled/formControlLabelStyled.d.ts +1 -1
  25. package/cjs/components/common/styled/formControlLabelStyled.js +1 -1
  26. package/cjs/components/common/styled/formControlLabelStyled.js.map +1 -1
  27. package/cjs/components/common/styled/helperTextContainerStyled.d.ts +1 -1
  28. package/cjs/components/common/styled/sliderValuesStyled.d.ts +1 -1
  29. package/cjs/components/common/styled/sliderValuesStyled.js +1 -1
  30. package/cjs/components/common/styled/sliderValuesStyled.js.map +1 -1
  31. package/cjs/components/customPickersActionBar/index.js +1 -1
  32. package/cjs/components/customPickersActionBar/index.js.map +1 -1
  33. package/cjs/components/grid/grid.d.ts +3 -100
  34. package/cjs/components/grid/grid.js.map +1 -1
  35. package/cjs/components/icon/filled/BatteryDischargeFilledIcon.d.ts +6 -0
  36. package/cjs/components/icon/filled/BatteryDischargeFilledIcon.js +2 -0
  37. package/cjs/components/icon/filled/BatteryDischargeFilledIcon.js.map +1 -0
  38. package/cjs/components/icon/filled/BicycleFilledIcon.d.ts +6 -0
  39. package/cjs/components/icon/filled/BicycleFilledIcon.js +2 -0
  40. package/cjs/components/icon/filled/BicycleFilledIcon.js.map +1 -0
  41. package/cjs/components/icon/filled/BoltDischargeFilledIcon.d.ts +6 -0
  42. package/cjs/components/icon/filled/BoltDischargeFilledIcon.js +2 -0
  43. package/cjs/components/icon/filled/BoltDischargeFilledIcon.js.map +1 -0
  44. package/cjs/components/icon/filled/BoltOffFilledIcon.d.ts +6 -0
  45. package/cjs/components/icon/filled/BoltOffFilledIcon.js +2 -0
  46. package/cjs/components/icon/filled/BoltOffFilledIcon.js.map +1 -0
  47. package/cjs/components/icon/filled/index.d.ts +4 -0
  48. package/cjs/components/icon/icon.definitions.js +1 -1
  49. package/cjs/components/icon/icon.definitions.js.map +1 -1
  50. package/cjs/components/icon/stroke/BatteryDischargeIcon.d.ts +6 -0
  51. package/cjs/components/icon/stroke/BatteryDischargeIcon.js +2 -0
  52. package/cjs/components/icon/stroke/BatteryDischargeIcon.js.map +1 -0
  53. package/cjs/components/icon/stroke/BicycleIcon.d.ts +6 -0
  54. package/cjs/components/icon/stroke/BicycleIcon.js +2 -0
  55. package/cjs/components/icon/stroke/BicycleIcon.js.map +1 -0
  56. package/cjs/components/icon/stroke/BoltDischargeIcon.d.ts +6 -0
  57. package/cjs/components/icon/stroke/BoltDischargeIcon.js +2 -0
  58. package/cjs/components/icon/stroke/BoltDischargeIcon.js.map +1 -0
  59. package/cjs/components/icon/stroke/BoltOffIcon.d.ts +6 -0
  60. package/cjs/components/icon/stroke/BoltOffIcon.js +2 -0
  61. package/cjs/components/icon/stroke/BoltOffIcon.js.map +1 -0
  62. package/cjs/components/icon/stroke/index.d.ts +4 -0
  63. package/cjs/components/label/label.d.ts +1 -1
  64. package/cjs/components/label/label.js +1 -1
  65. package/cjs/components/label/label.js.map +1 -1
  66. package/cjs/components/logo/Logo.d.ts +1 -1
  67. package/cjs/components/logo/Logo.js.map +1 -1
  68. package/cjs/components/mobileStepper/mobileStepperButton.js +1 -1
  69. package/cjs/components/mobileStepper/mobileStepperButton.js.map +1 -1
  70. package/cjs/components/search/search.js +1 -1
  71. package/cjs/components/search/search.js.map +1 -1
  72. package/cjs/components/segmentedControls/{segmentedControls.js → SegmentedControls.js} +1 -1
  73. package/cjs/components/segmentedControls/{segmentedControls.js.map → SegmentedControls.js.map} +1 -1
  74. package/cjs/components/segmentedControls/index.d.ts +1 -1
  75. package/cjs/components/stepper/model.d.ts +1 -3
  76. package/cjs/components/stepper/model.js.map +1 -1
  77. package/cjs/components/textAndCta/textAndCta.js +1 -1
  78. package/cjs/components/textAndCta/textAndCta.js.map +1 -1
  79. package/cjs/components/upload/UploadPreviewList.js +1 -1
  80. package/cjs/components/upload/UploadPreviewList.js.map +1 -1
  81. package/cjs/index.js +1 -1
  82. package/cjs/layout/Header/Header.js +1 -1
  83. package/cjs/layout/Header/Header.js.map +1 -1
  84. package/cjs/layout/Header/HeaderLanguageSelect.d.ts +1 -1
  85. package/cjs/layout/Header/HeaderLanguageSelect.js +1 -1
  86. package/cjs/layout/Header/HeaderLanguageSelect.js.map +1 -1
  87. package/cjs/layout/Header/HeaderNavigationHero.js +1 -1
  88. package/cjs/layout/Header/HeaderNavigationHero.js.map +1 -1
  89. package/cjs/layout/Header/HeaderOverheadItem.js +1 -1
  90. package/cjs/layout/Header/HeaderOverheadItem.js.map +1 -1
  91. package/cjs/materialui/accordion/AccordionSummaryExpandIcon.js +1 -1
  92. package/cjs/materialui/accordion/AccordionSummaryExpandIcon.js.map +1 -1
  93. package/cjs/materialui/accordion/accordionSummary.theme.js +1 -1
  94. package/cjs/materialui/accordion/accordionSummary.theme.js.map +1 -1
  95. package/cjs/materialui/button/button.theme.js +1 -1
  96. package/cjs/materialui/button/button.theme.js.map +1 -1
  97. package/cjs/materialui/button/interactive.d.ts +2 -1
  98. package/cjs/materialui/button/interactive.js +1 -1
  99. package/cjs/materialui/button/interactive.js.map +1 -1
  100. package/cjs/materialui/card/Card.js +1 -1
  101. package/cjs/materialui/card/Card.js.map +1 -1
  102. package/cjs/materialui/card/FlippingCardContent.d.ts +2 -2
  103. package/cjs/materialui/card/FlippingCardContent.js +1 -1
  104. package/cjs/materialui/card/FlippingCardContent.js.map +1 -1
  105. package/cjs/materialui/card/card.theme.js +1 -1
  106. package/cjs/materialui/card/card.theme.js.map +1 -1
  107. package/cjs/materialui/chip/chip.theme.js +1 -1
  108. package/cjs/materialui/chip/chip.theme.js.map +1 -1
  109. package/cjs/materialui/fab/fab.theme.js +1 -1
  110. package/cjs/materialui/fab/fab.theme.js.map +1 -1
  111. package/cjs/materialui/iconButton/iconButton.theme.js +1 -1
  112. package/cjs/materialui/iconButton/iconButton.theme.js.map +1 -1
  113. package/cjs/materialui/skeleton/skeleton.theme.js +1 -1
  114. package/cjs/materialui/skeleton/skeleton.theme.js.map +1 -1
  115. package/cjs/materialui/slider/sliderValues.js +1 -1
  116. package/cjs/materialui/slider/sliderValues.js.map +1 -1
  117. package/cjs/materialui/stepper/StepLabelIcon.js +1 -1
  118. package/cjs/materialui/stepper/StepLabelIcon.js.map +1 -1
  119. package/cjs/materialui/stepper/stepper.theme.js +1 -1
  120. package/cjs/materialui/stepper/stepper.theme.js.map +1 -1
  121. package/{materialui/tabs/scrollButtonComponent.d.ts → cjs/materialui/tabs/ScrollButton.d.ts} +2 -1
  122. package/cjs/materialui/tabs/ScrollButton.js +2 -0
  123. package/cjs/materialui/tabs/ScrollButton.js.map +1 -0
  124. package/cjs/materialui/tabs/{tabComponent.d.ts → Tab.d.ts} +1 -1
  125. package/cjs/materialui/tabs/{tabComponent.js → Tab.js} +2 -2
  126. package/cjs/materialui/tabs/Tab.js.map +1 -0
  127. package/cjs/materialui/tabs/{tabPanel.d.ts → TabPanel.d.ts} +0 -4
  128. package/cjs/materialui/tabs/{tabPanel.js → TabPanel.js} +2 -2
  129. package/cjs/materialui/tabs/TabPanel.js.map +1 -0
  130. package/cjs/materialui/tabs/index.d.ts +3 -3
  131. package/cjs/materialui/tabs/tab.theme.js +1 -1
  132. package/cjs/materialui/tabs/tab.theme.js.map +1 -1
  133. package/cjs/materialui/tabs/tabs.theme.js +1 -1
  134. package/cjs/materialui/tabs/tabs.theme.js.map +1 -1
  135. package/cjs/materialui/textfield/textField.theme.js +1 -1
  136. package/cjs/materialui/textfield/textField.theme.js.map +1 -1
  137. package/cjs/node_modules/swiper/modules/keyboard.js +1 -1
  138. package/cjs/node_modules/swiper/modules/keyboard.js.map +1 -1
  139. package/cjs/node_modules/swiper/shared/ssr-window.esm.js.map +1 -1
  140. package/cjs/node_modules/swiper/shared/swiper-core.js +1 -1
  141. package/cjs/node_modules/swiper/shared/swiper-core.js.map +1 -1
  142. package/cjs/node_modules/swiper/swiper-react.js.map +1 -1
  143. package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js +1 -1
  144. package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
  145. package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.d.ts +1 -1
  146. package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js +1 -1
  147. package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
  148. package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.d.ts +1 -1
  149. package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js +1 -1
  150. package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
  151. package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js +1 -1
  152. package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
  153. package/cjs/organisms/carousel2/galleryCarousel/galleryCarouselItem.js +1 -1
  154. package/cjs/organisms/carousel2/galleryCarousel/galleryCarouselItem.js.map +1 -1
  155. package/cjs/organisms/carousel2/styledComponents/styledCarouselHorizontal.d.ts +1 -1
  156. package/cjs/organisms/common/menuCardComponent/menuCardComponent.d.ts +1 -2
  157. package/cjs/organisms/common/menuCardComponent/menuCardComponent.js +1 -1
  158. package/cjs/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
  159. package/cjs/organisms/notification/NotificationCenterHeaderButton.js +1 -1
  160. package/cjs/organisms/notification/NotificationCenterHeaderButton.js.map +1 -1
  161. package/cjs/organisms/textCta/textCta.js +1 -1
  162. package/cjs/organisms/textCta/textCta.js.map +1 -1
  163. package/cjs/organisms/tile/tile.js +1 -1
  164. package/cjs/organisms/tile/tile.js.map +1 -1
  165. package/cjs/production/Button/Button.js +1 -1
  166. package/cjs/production/Button/Button.js.map +1 -1
  167. package/components/backdrop/backdrop.d.ts +1 -2
  168. package/components/backdrop/backdrop.js.map +1 -1
  169. package/components/cardMenu/cardMenu.d.ts +1 -2
  170. package/components/cardMenu/cardMenu.js.map +1 -1
  171. package/components/cardMenu/styled/drawerStyled.d.ts +1 -1
  172. package/components/cardMenu/styled/drawerStyled.js +1 -1
  173. package/components/cardMenu/styled/drawerStyled.js.map +1 -1
  174. package/components/cardMenu/styled/popperStyled.d.ts +1 -1
  175. package/components/cardMenu/styled/popperStyled.js +1 -1
  176. package/components/cardMenu/styled/popperStyled.js.map +1 -1
  177. package/components/carousel/navigation.js +1 -1
  178. package/components/carousel/navigation.js.map +1 -1
  179. package/components/carousel/pagination.d.ts +5 -1
  180. package/components/carousel/pagination.js +1 -1
  181. package/components/carousel/pagination.js.map +1 -1
  182. package/components/chip/chipFocusVisibleStyled.d.ts +1 -1
  183. package/components/chip/chipFocusVisibleStyled.js +1 -1
  184. package/components/chip/chipFocusVisibleStyled.js.map +1 -1
  185. package/components/common/menuContainer.js +1 -1
  186. package/components/common/menuContainer.js.map +1 -1
  187. package/components/common/styled/buttonFocusVisibleStyled.d.ts +1 -1
  188. package/components/common/styled/buttonFocusVisibleStyled.js +1 -1
  189. package/components/common/styled/buttonFocusVisibleStyled.js.map +1 -1
  190. package/components/common/styled/formControlLabelStyled.d.ts +1 -1
  191. package/components/common/styled/formControlLabelStyled.js +1 -1
  192. package/components/common/styled/formControlLabelStyled.js.map +1 -1
  193. package/components/common/styled/helperTextContainerStyled.d.ts +1 -1
  194. package/components/common/styled/sliderValuesStyled.d.ts +1 -1
  195. package/components/common/styled/sliderValuesStyled.js +1 -1
  196. package/components/common/styled/sliderValuesStyled.js.map +1 -1
  197. package/components/customPickersActionBar/index.js +1 -1
  198. package/components/customPickersActionBar/index.js.map +1 -1
  199. package/components/grid/grid.d.ts +3 -100
  200. package/components/grid/grid.js.map +1 -1
  201. package/components/icon/filled/BatteryDischargeFilledIcon.d.ts +6 -0
  202. package/components/icon/filled/BatteryDischargeFilledIcon.js +2 -0
  203. package/components/icon/filled/BatteryDischargeFilledIcon.js.map +1 -0
  204. package/components/icon/filled/BicycleFilledIcon.d.ts +6 -0
  205. package/components/icon/filled/BicycleFilledIcon.js +2 -0
  206. package/components/icon/filled/BicycleFilledIcon.js.map +1 -0
  207. package/components/icon/filled/BoltDischargeFilledIcon.d.ts +6 -0
  208. package/components/icon/filled/BoltDischargeFilledIcon.js +2 -0
  209. package/components/icon/filled/BoltDischargeFilledIcon.js.map +1 -0
  210. package/components/icon/filled/BoltOffFilledIcon.d.ts +6 -0
  211. package/components/icon/filled/BoltOffFilledIcon.js +2 -0
  212. package/components/icon/filled/BoltOffFilledIcon.js.map +1 -0
  213. package/components/icon/filled/index.d.ts +4 -0
  214. package/components/icon/icon.definitions.js +1 -1
  215. package/components/icon/icon.definitions.js.map +1 -1
  216. package/components/icon/stroke/BatteryDischargeIcon.d.ts +6 -0
  217. package/components/icon/stroke/BatteryDischargeIcon.js +2 -0
  218. package/components/icon/stroke/BatteryDischargeIcon.js.map +1 -0
  219. package/components/icon/stroke/BicycleIcon.d.ts +6 -0
  220. package/components/icon/stroke/BicycleIcon.js +2 -0
  221. package/components/icon/stroke/BicycleIcon.js.map +1 -0
  222. package/components/icon/stroke/BoltDischargeIcon.d.ts +6 -0
  223. package/components/icon/stroke/BoltDischargeIcon.js +2 -0
  224. package/components/icon/stroke/BoltDischargeIcon.js.map +1 -0
  225. package/components/icon/stroke/BoltOffIcon.d.ts +6 -0
  226. package/components/icon/stroke/BoltOffIcon.js +2 -0
  227. package/components/icon/stroke/BoltOffIcon.js.map +1 -0
  228. package/components/icon/stroke/index.d.ts +4 -0
  229. package/components/label/label.d.ts +1 -1
  230. package/components/label/label.js +1 -1
  231. package/components/label/label.js.map +1 -1
  232. package/components/logo/Logo.d.ts +1 -1
  233. package/components/logo/Logo.js.map +1 -1
  234. package/components/mobileStepper/mobileStepperButton.js +1 -1
  235. package/components/mobileStepper/mobileStepperButton.js.map +1 -1
  236. package/components/search/search.js +1 -1
  237. package/components/search/search.js.map +1 -1
  238. package/components/segmentedControls/{segmentedControls.js → SegmentedControls.js} +1 -1
  239. package/components/segmentedControls/{segmentedControls.js.map → SegmentedControls.js.map} +1 -1
  240. package/components/segmentedControls/index.d.ts +1 -1
  241. package/components/stepper/model.d.ts +1 -3
  242. package/components/stepper/model.js.map +1 -1
  243. package/components/textAndCta/textAndCta.js +1 -1
  244. package/components/textAndCta/textAndCta.js.map +1 -1
  245. package/components/upload/UploadPreviewList.js +1 -1
  246. package/components/upload/UploadPreviewList.js.map +1 -1
  247. package/index.js +1 -1
  248. package/layout/Header/Header.js +1 -1
  249. package/layout/Header/Header.js.map +1 -1
  250. package/layout/Header/HeaderLanguageSelect.d.ts +1 -1
  251. package/layout/Header/HeaderLanguageSelect.js +1 -1
  252. package/layout/Header/HeaderLanguageSelect.js.map +1 -1
  253. package/layout/Header/HeaderNavigationHero.js +1 -1
  254. package/layout/Header/HeaderNavigationHero.js.map +1 -1
  255. package/layout/Header/HeaderOverheadItem.js +1 -1
  256. package/layout/Header/HeaderOverheadItem.js.map +1 -1
  257. package/materialui/accordion/AccordionSummaryExpandIcon.js +1 -1
  258. package/materialui/accordion/AccordionSummaryExpandIcon.js.map +1 -1
  259. package/materialui/accordion/accordionSummary.theme.js +1 -1
  260. package/materialui/accordion/accordionSummary.theme.js.map +1 -1
  261. package/materialui/button/button.theme.js +1 -1
  262. package/materialui/button/button.theme.js.map +1 -1
  263. package/materialui/button/interactive.d.ts +2 -1
  264. package/materialui/button/interactive.js +1 -1
  265. package/materialui/button/interactive.js.map +1 -1
  266. package/materialui/card/Card.js +1 -1
  267. package/materialui/card/Card.js.map +1 -1
  268. package/materialui/card/FlippingCardContent.d.ts +2 -2
  269. package/materialui/card/FlippingCardContent.js +1 -1
  270. package/materialui/card/FlippingCardContent.js.map +1 -1
  271. package/materialui/card/card.theme.js +1 -1
  272. package/materialui/card/card.theme.js.map +1 -1
  273. package/materialui/chip/chip.theme.js +1 -1
  274. package/materialui/chip/chip.theme.js.map +1 -1
  275. package/materialui/fab/fab.theme.js +1 -1
  276. package/materialui/fab/fab.theme.js.map +1 -1
  277. package/materialui/iconButton/iconButton.theme.js +1 -1
  278. package/materialui/iconButton/iconButton.theme.js.map +1 -1
  279. package/materialui/skeleton/skeleton.theme.js +1 -1
  280. package/materialui/skeleton/skeleton.theme.js.map +1 -1
  281. package/materialui/slider/sliderValues.js +1 -1
  282. package/materialui/slider/sliderValues.js.map +1 -1
  283. package/materialui/stepper/StepLabelIcon.js +1 -1
  284. package/materialui/stepper/StepLabelIcon.js.map +1 -1
  285. package/materialui/stepper/stepper.theme.js +1 -1
  286. package/materialui/stepper/stepper.theme.js.map +1 -1
  287. package/{cjs/materialui/tabs/scrollButtonComponent.d.ts → materialui/tabs/ScrollButton.d.ts} +2 -1
  288. package/materialui/tabs/ScrollButton.js +2 -0
  289. package/materialui/tabs/ScrollButton.js.map +1 -0
  290. package/materialui/tabs/{tabComponent.d.ts → Tab.d.ts} +1 -1
  291. package/materialui/tabs/{tabComponent.js → Tab.js} +2 -2
  292. package/materialui/tabs/Tab.js.map +1 -0
  293. package/materialui/tabs/{tabPanel.d.ts → TabPanel.d.ts} +0 -4
  294. package/materialui/tabs/TabPanel.js +2 -0
  295. package/materialui/tabs/TabPanel.js.map +1 -0
  296. package/materialui/tabs/index.d.ts +3 -3
  297. package/materialui/tabs/tab.theme.js +1 -1
  298. package/materialui/tabs/tab.theme.js.map +1 -1
  299. package/materialui/tabs/tabs.theme.js +1 -1
  300. package/materialui/tabs/tabs.theme.js.map +1 -1
  301. package/materialui/textfield/textField.theme.js +1 -1
  302. package/materialui/textfield/textField.theme.js.map +1 -1
  303. package/organisms/cardPhotoFixed/cardPhotoFixed.js +1 -1
  304. package/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
  305. package/organisms/carousel/styledComponents/styledCarouselHorizontal.d.ts +1 -1
  306. package/organisms/carousel/styledComponents/styledCarouselHorizontal.js +1 -1
  307. package/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
  308. package/organisms/carousel/styledComponents/styledCarouselVertical.d.ts +1 -1
  309. package/organisms/carousel/styledComponents/styledCarouselVertical.js +1 -1
  310. package/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
  311. package/organisms/carousel2/galleryCarousel/galleryCarousel.js +1 -1
  312. package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
  313. package/organisms/carousel2/galleryCarousel/galleryCarouselItem.js +1 -1
  314. package/organisms/carousel2/galleryCarousel/galleryCarouselItem.js.map +1 -1
  315. package/organisms/carousel2/styledComponents/styledCarouselHorizontal.d.ts +1 -1
  316. package/organisms/common/menuCardComponent/menuCardComponent.d.ts +1 -2
  317. package/organisms/common/menuCardComponent/menuCardComponent.js +1 -1
  318. package/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
  319. package/organisms/notification/NotificationCenterHeaderButton.js +1 -1
  320. package/organisms/notification/NotificationCenterHeaderButton.js.map +1 -1
  321. package/organisms/textCta/textCta.js +1 -1
  322. package/organisms/textCta/textCta.js.map +1 -1
  323. package/organisms/tile/tile.js +1 -1
  324. package/organisms/tile/tile.js.map +1 -1
  325. package/package.json +1 -1
  326. package/production/Button/Button.js +1 -1
  327. package/production/Button/Button.js.map +1 -1
  328. package/cjs/materialui/tabs/scrollButtonComponent.js +0 -2
  329. package/cjs/materialui/tabs/scrollButtonComponent.js.map +0 -1
  330. package/cjs/materialui/tabs/tabComponent.js.map +0 -1
  331. package/cjs/materialui/tabs/tabPanel.js.map +0 -1
  332. package/materialui/tabs/scrollButtonComponent.js +0 -2
  333. package/materialui/tabs/scrollButtonComponent.js.map +0 -1
  334. package/materialui/tabs/tabComponent.js.map +0 -1
  335. package/materialui/tabs/tabPanel.js +0 -2
  336. package/materialui/tabs/tabPanel.js.map +0 -1
  337. /package/cjs/components/segmentedControls/{segmentedControls.d.ts → SegmentedControls.d.ts} +0 -0
  338. /package/components/segmentedControls/{segmentedControls.d.ts → SegmentedControls.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n root: 'FlowStepIcon-root',\n active: 'FlowStepIcon-active',\n completed: 'FlowStepIcon-completed',\n error: 'FlowStepIcon-error',\n disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n const { disabled } = ownerState ?? {};\n // obtain icon based on the state\n const IconComponent = useMemo(() => {\n if (error) {\n return CloseIcon;\n } else if (completed && !active) {\n return CheckIcon;\n } else {\n return null;\n }\n }, [error, completed, active]);\n\n return (\n <FlowStepIconRoot>\n {IconComponent && (\n <IconComponent\n sx={{\n position: 'absolute',\n fontSize: 'inherit',\n color: 'background.primary',\n }}\n />\n )}\n <Box\n className={[\n flowStepIconClasses.root,\n active && flowStepIconClasses.active,\n completed && flowStepIconClasses.completed,\n error && flowStepIconClasses.error,\n disabled && flowStepIconClasses.disabled,\n ]\n .filter((c) => c)\n .join(' ')}\n />\n </FlowStepIconRoot>\n );\n};\n\nconst FlowStepIconRoot = ({ children, sx, ...restProps }: BoxProps) => {\n return (\n <Box\n sx={{\n display: 'flex',\n height: '28px',\n width: '28px',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n fontSize: '16px',\n // style is also applied in stepButton.theme.ts\n [`& .${flowStepIconClasses.root}`]: {\n height: '100%',\n width: '100%',\n borderRadius: '40px',\n borderColor: 'onSurface.os500',\n backgroundColor: 'transparent',\n borderWidth: '2px',\n borderStyle: 'solid',\n color: 'transparent',\n minHeight: '20px',\n // completed\n [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n color: 'onSurface.os700',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n border: 'none',\n height: '100%',\n width: '100%',\n },\n // error\n [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n borderColor: 'error.main',\n backgroundColor: 'error.main',\n },\n // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n // active\n [`&.${flowStepIconClasses.active}`]: {\n color: 'onSurface.os700',\n height: '100%',\n width: '100%',\n marginRight: '0px',\n marginLeft: '0px',\n borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n borderRadius: '40px',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n inset: '5px',\n },\n [`&.${flowStepIconClasses.error}`]: {\n borderColor: 'error.main',\n '&::before': {\n backgroundColor: 'transparent.transparent',\n border: 3,\n inset: '2px',\n borderColor: 'background.primary',\n },\n },\n },\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n </Box>\n );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","sx","restProps","__rest","_jsx","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","_jsxs","jsxs","jsx","className","filter","c","join"],"mappings":"+NAKa,MAAAA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBA0CNC,EAAoBC,QAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBACxB,OACEK,MAACC,EAAAA,IACCC,OAAAC,OAAA,CAAAN,kBACEO,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OAEV,CAAC,MAAMvB,EAAoBC,QAAS,CAClCgB,OAAQ,OACRC,MAAO,OACPM,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAK9B,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1E2B,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRjB,OAAQ,OACRC,MAAO,QAGT,CAAC,KAAKlB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnGsB,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAK1B,EAAoBE,UAAW,CACnC2B,MAAO,kBACPZ,OAAQ,OACRC,MAAO,OACPiB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACThB,SAAU,WACVG,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,OAET,CAAC,KAAKtC,EAAoBI,SAAU,CAClCqB,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBhB,IAEDC,YAEHF,IACG,4BA3GuB,EAAGN,SAAQC,YAAWC,QAAOmC,iBAC5D,MAAMlC,SAAEA,GAAakC,QAAAA,EAAc,CAAE,EAE/BC,EAAgBC,EAAAA,SAAQ,IACxBrC,EACKsC,EAASA,UACPvC,IAAcD,EAChByC,EAASA,UAET,MAER,CAACvC,EAAOD,EAAWD,IAEtB,OACE0C,EAACC,KAAAvC,EACE,CAAAE,SAAA,CAAAgC,GACC5B,EAACkC,IAAAN,EACC,CAAA/B,GAAI,CACFY,SAAU,WACVE,SAAU,UACVM,MAAO,wBAIbjB,EAAAA,IAACC,EAAGA,IAAA,CACFkC,UAAW,CACT/C,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/B2C,QAAQC,GAAMA,IACdC,KAAK,SAEO"}
1
+ {"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n root: 'FlowStepIcon-root',\n active: 'FlowStepIcon-active',\n completed: 'FlowStepIcon-completed',\n error: 'FlowStepIcon-error',\n disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n const { disabled } = ownerState ?? {};\n // obtain icon based on the state\n const IconComponent = useMemo(() => {\n if (error) {\n return CloseIcon;\n } else if (completed && !active) {\n return CheckIcon;\n } else {\n return null;\n }\n }, [error, completed, active]);\n\n return (\n <FlowStepIconRoot\n className={[\n flowStepIconClasses.root,\n active && flowStepIconClasses.active,\n completed && flowStepIconClasses.completed,\n error && flowStepIconClasses.error,\n disabled && flowStepIconClasses.disabled,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {IconComponent && (\n <IconComponent\n sx={{\n position: 'absolute',\n fontSize: 'inherit',\n color: 'background.primary',\n }}\n />\n )}\n </FlowStepIconRoot>\n );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n // during first render (and first state) do not play animation\n const animation = useRef(false);\n const initialClassName = useRef(className);\n if (!animation.current && initialClassName.current !== className) {\n animation.current = true;\n }\n\n return (\n <Box\n sx={{\n display: 'flex',\n height: '28px',\n width: '28px',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n fontSize: '16px',\n '& .MuiSvgIcon-root': {\n zIndex: '5',\n },\n [`@keyframes flowStepperActive`]: {\n '0%': {\n transform: 'scale(1.5)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n [`@keyframes flowStepperCompleted`]: {\n '0%': {\n transform: 'scale(.8)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n // style is also applied in stepButton.theme.ts\n [`& .${flowStepIconClasses.root}`]: {\n height: '100%',\n width: '100%',\n borderRadius: '40px',\n borderColor: 'onSurface.os500',\n backgroundColor: 'transparent',\n borderWidth: '2px',\n borderStyle: 'solid',\n color: 'transparent',\n minHeight: '20px',\n // completed\n [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n color: 'onSurface.os700',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n border: 'none',\n height: '100%',\n width: '100%',\n animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n },\n // error\n [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n borderColor: 'error.main',\n backgroundColor: 'error.main',\n },\n // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n // active\n [`&.${flowStepIconClasses.active}`]: {\n color: 'onSurface.os700',\n height: '100%',\n width: '100%',\n marginRight: '0px',\n marginLeft: '0px',\n borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n borderRadius: '40px',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n inset: '5px',\n animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n zIndex: '1',\n },\n [`&.${flowStepIconClasses.error}`]: {\n borderColor: 'error.main',\n '&::before': {\n backgroundColor: 'transparent.transparent',\n border: 3,\n inset: '2px',\n borderColor: 'background.primary',\n },\n },\n },\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n <Box className={className} />\n </Box>\n );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","className","sx","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","_jsx","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","jsx","filter","Boolean","join"],"mappings":"+NAKa,MAAAA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAyCNC,EAAoBC,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,GAAEA,KAAOC,EAA9BC,EAAAA,OAAAL,EAAA,CAAA,WAAA,YAAA,OAExB,MAAMM,EAAYC,EAAMA,QAAC,GACnBC,EAAmBD,EAAMA,OAACL,GAKhC,OAJKI,EAAUG,SAAWD,EAAiBC,UAAYP,IACrDI,EAAUG,SAAU,GAIpBC,OAACC,EAAAA,IACCC,OAAAC,OAAA,CAAAV,kBACEW,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OACV,qBAAsB,CACpBC,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM/B,EAAoBC,QAAS,CAClCqB,OAAQ,OACRC,MAAO,OACPS,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAKtC,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EmC,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRpB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAKhB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnG8B,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAKlC,EAAoBE,UAAW,CACnCmC,MAAO,kBACPf,OAAQ,OACRC,MAAO,OACPoB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnB,SAAU,WACVM,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACPjC,UAAWA,EAAUG,QAAU,yBAA2B,OAC1Da,OAAQ,KAEV,CAAC,KAAK7B,EAAoBI,SAAU,CAClC6B,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBvB,IAEDC,EAAS,CAAAH,SAAA,CAEZA,EACDuC,EAAAA,IAAC7B,EAAAA,IAAG,CAACT,UAAWA,OACZ,4BA5IuB,EAAGP,SAAQC,YAAWC,QAAO4C,iBAC5D,MAAM3C,SAAEA,GAAa2C,QAAAA,EAAc,CAAE,EAE/BC,EAAgBC,EAAAA,SAAQ,IACxB9C,EACK+C,EAASA,UACPhD,IAAcD,EAChBkD,EAASA,UAET,MAER,CAAChD,EAAOD,EAAWD,IAEtB,OACE6C,EAAAM,IAAC/C,EAAgB,CACfG,UAAW,CACTT,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BiD,OAAOC,SACPC,KAAK,KAEPhD,SAAAyC,GACCF,MAACE,EACC,CAAAvC,GAAI,CACFgB,SAAU,WACVE,SAAU,UACVS,MAAO,yBAII"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./StepLabelIcon.js");const t={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:e,size:t})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==t&&{borderLeft:`2px solid ${e.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===t&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer":{"& > div":{minHeight:"20px"},"&.Mui-active > div":{height:"100%",maxHeight:"200px",minHeight:"20px"}}}),root:({size:t,theme:i})=>Object.assign({},"small"===t&&{gap:i.spacing(.5),"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStepLabel-root":{width:"100%"},"&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div":{width:"100%",maxWidth:"200px"},"&.MuiStepper-vertical:not(.MuiStepper-horizontal)":{"& .MuiStepLabel-iconContainer.Mui-active > div":{height:"60px"}},"& .MuiStep-root":{flexGrow:"0",flexBasis:"auto",paddingRight:i.spacing(.25),paddingLeft:i.spacing(.25),[`&:has(.${e.flowStepIconClasses.active})`]:{flexGrow:"1",maxWidth:"200px",minWidth:"20px"}},"& .MuiStepLabel-iconContainer":{width:"100%","&:not(.Mui-error) svg":{display:"none"}},"& .MuiStepLabel-iconContainer > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px"},[`&& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.active}::before`]:{inset:"0",borderWidth:"0"}}),nonLinear:({theme:t,size:i})=>({[`& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${e.flowStepIconClasses.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:t.palette.background.primary}}),{[`&:not(.${e.flowStepIconClasses.active})`]:{borderColor:t.palette.disabled.secondary,backgroundColor:t.palette.disabled.secondary},[`&:.${e.flowStepIconClasses.active}`]:{borderColor:t.palette.disabled.secondary,"&::before":{backgroundColor:t.palette.disabled.secondary}}})})}};exports.flowStepper=t;
1
+ "use strict";var e=require("./StepLabelIcon.js");const t={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:e,size:t})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==t&&{borderLeft:`2px solid ${e.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===t&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer":{"& > div":{minHeight:"20px"},"&.Mui-active > div":{height:"100%",maxHeight:"200px",minHeight:"20px"}}}),root:({size:t,theme:i})=>Object.assign({},"small"===t&&{[i.breakpoints.up("xl")]:{gap:i.spacing(.5)},"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStepLabel-root":{width:"100%"},"&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div":{width:"100%",maxWidth:"200px"},"&.MuiStepper-vertical:not(.MuiStepper-horizontal)":{"& .MuiStepLabel-iconContainer.Mui-active > div":{height:"60px"}},"& .MuiStep-root":{flexGrow:"0",flexBasis:"auto",paddingRight:i.spacing(.25),paddingLeft:i.spacing(.25),[`&:has(.${e.flowStepIconClasses.active})`]:{flexGrow:"1",maxWidth:"200px",minWidth:"20px"}},"& .MuiStepLabel-iconContainer":{width:"100%","&:not(.Mui-error) svg":{display:"none"}},"& .MuiStepLabel-iconContainer > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px"},[`&&& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}),nonLinear:({theme:t,size:i})=>({[`& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${e.flowStepIconClasses.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:t.palette.background.primary}}),{[`&:not(.${e.flowStepIconClasses.active})`]:{borderColor:t.palette.disabled.secondary,backgroundColor:t.palette.disabled.secondary},[`&:.${e.flowStepIconClasses.active}`]:{borderColor:t.palette.disabled.secondary,"&::before":{backgroundColor:t.palette.disabled.secondary}}})})}};exports.flowStepper=t;
2
2
  //# sourceMappingURL=stepper.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.theme.js","sources":["../../../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n defaultProps: {\n alternativeLabel: true,\n size: 'medium',\n },\n styleOverrides: {\n horizontal: {\n '& .MuiStepContent-root': {\n borderLeft: 'none',\n },\n '&:not(.MuiStepper-alternativeLabel)': {\n alignItems: 'flex-start',\n '& .MuiStepConnector-root': {\n marginTop: '13px',\n },\n },\n },\n vertical: ({ theme, size }) => ({\n '& .MuiStep-alternativeLabel': {\n // when vertical and alternativeLabel don't display connector\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // when vertical and alternativeLabel the content should be right on side\n '& .MuiStepContent-root': {\n paddingLeft: '0',\n marginLeft: '0',\n border: 'none',\n },\n },\n '& .MuiStepContent-root': {\n paddingLeft: '24px',\n marginLeft: '12px',\n // when the size is not small apply border\n ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n },\n '& .MuiStepLabel-alternativeLabel': {\n alignItems: 'flex-start',\n textAlign: 'start',\n },\n\n ...(size === 'small' && {\n '& .MuiStepLabel-vertical': {\n padding: '0',\n },\n '& .MuiStepLabel-iconContainer': {\n '& > div': {\n minHeight: '20px',\n },\n '&.Mui-active > div': {\n height: '100%',\n maxHeight: '200px',\n minHeight: '20px',\n },\n },\n }),\n }),\n root: ({ size, theme }) => ({\n ...(size === 'small' && {\n gap: theme.spacing(0.5),\n // hide dividers\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // hide labels\n '& .MuiStepLabel-labelContainer': {\n display: 'none',\n },\n '& .MuiStepLabel-root': {\n width: '100%',\n },\n // when compact and horizontal apply more width\n '&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div': {\n width: '100%',\n maxWidth: '200px',\n },\n // vertical\n '&.MuiStepper-vertical:not(.MuiStepper-horizontal)': {\n '& .MuiStepLabel-iconContainer.Mui-active > div': {\n height: '60px',\n },\n },\n '& .MuiStep-root': {\n flexGrow: '0',\n flexBasis: 'auto',\n paddingRight: theme.spacing(0.25),\n paddingLeft: theme.spacing(0.25),\n [`&:has(.${flowStepIconClasses.active})`]: {\n flexGrow: '1',\n maxWidth: '200px',\n minWidth: '20px',\n },\n },\n '& .MuiStepLabel-iconContainer': {\n width: '100%',\n // in compact mode show icon only for error\n '&:not(.Mui-error) svg': {\n display: 'none',\n },\n },\n '& .MuiStepLabel-iconContainer > div': {\n minWidth: '20px',\n width: '20px',\n height: '20px',\n minHeight: '20px',\n fontSize: '14px',\n },\n // when the stepper is in small variant, the inset of the icon should be 0\n [`&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n inset: '0',\n borderWidth: '0',\n },\n }),\n }),\n nonLinear: ({ theme, size }) => ({\n // only non-linear variant show disabled style\n [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n // exclamation mark\n ...(size !== 'small' && {\n [`&:not(.${flowStepIconClasses.completed})::after`]: {\n content: '\"!\"',\n lineHeight: '24px',\n fontSize: 'inherit',\n fontWeight: '800',\n color: theme.palette.background.primary,\n },\n }),\n // default\n [`&:not(.${flowStepIconClasses.active})`]: {\n borderColor: theme.palette.disabled.secondary,\n backgroundColor: theme.palette.disabled.secondary,\n },\n // active\n [`&:.${flowStepIconClasses.active}`]: {\n borderColor: theme.palette.disabled.secondary,\n '&::before': {\n backgroundColor: theme.palette.disabled.secondary,\n },\n },\n },\n }),\n },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","minHeight","height","maxHeight","root","gap","spacing","width","maxWidth","flexGrow","flexBasis","paddingRight","flowStepIconClasses","active","minWidth","fontSize","inset","borderWidth","nonLinear","disabled","completed","content","lineHeight","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"iDAGa,MAAAA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,UAClBQ,OAAAC,OAAA,CAAA,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAGA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,gCAAiC,CAC/B,UAAW,CACTC,UAAW,QAEb,qBAAsB,CACpBC,OAAQ,OACRC,UAAW,QACXF,UAAW,WAKnBG,KAAM,EAAGtB,OAAMO,WACVC,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtBuB,IAAKhB,EAAMiB,QAAQ,IAEnB,2BAA4B,CAC1Bd,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,uBAAwB,CACtBe,MAAO,QAGT,2EAA4E,CAC1EA,MAAO,OACPC,SAAU,SAGZ,oDAAqD,CACnD,iDAAkD,CAChDN,OAAQ,SAGZ,kBAAmB,CACjBO,SAAU,IACVC,UAAW,OACXC,aAActB,EAAMiB,QAAQ,KAC5Bb,YAAaJ,EAAMiB,QAAQ,KAC3B,CAAC,UAAUM,EAAAA,oBAAoBC,WAAY,CACzCJ,SAAU,IACVD,SAAU,QACVM,SAAU,SAGd,gCAAiC,CAC/BP,MAAO,OAEP,wBAAyB,CACvBf,QAAS,SAGb,sCAAuC,CACrCsB,SAAU,OACVP,MAAO,OACPL,OAAQ,OACRD,UAAW,OACXc,SAAU,QAGZ,CAAC,OAAOH,EAAAA,oBAAoBR,QAAQQ,sBAAoBC,kBAAmB,CACzEG,MAAO,IACPC,YAAa,OAInBC,UAAW,EAAG7B,QAAOP,WAAY,CAE/B,CAAC,MAAM8B,EAAmBA,oBAACR,QAAQQ,EAAmBA,oBAACO,YAElD7B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtB,CAAC,UAAU8B,EAAAA,oBAAoBQ,qBAAsB,CACnDC,QAAS,MACTC,WAAY,OACZP,SAAU,UACVQ,WAAY,MACZC,MAAOnC,EAAMO,QAAQ6B,WAAWC,WAElC,CAEF,CAAC,UAAUd,EAAAA,oBAAoBC,WAAY,CACzCc,YAAatC,EAAMO,QAAQuB,SAASS,UACpCC,gBAAiBxC,EAAMO,QAAQuB,SAASS,WAG1C,CAAC,MAAMhB,sBAAoBC,UAAW,CACpCc,YAAatC,EAAMO,QAAQuB,SAASS,UACpC,YAAa,CACXC,gBAAiBxC,EAAMO,QAAQuB,SAASS"}
1
+ {"version":3,"file":"stepper.theme.js","sources":["../../../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n defaultProps: {\n alternativeLabel: true,\n size: 'medium',\n },\n styleOverrides: {\n horizontal: {\n '& .MuiStepContent-root': {\n borderLeft: 'none',\n },\n '&:not(.MuiStepper-alternativeLabel)': {\n alignItems: 'flex-start',\n '& .MuiStepConnector-root': {\n marginTop: '13px',\n },\n },\n },\n vertical: ({ theme, size }) => ({\n '& .MuiStep-alternativeLabel': {\n // when vertical and alternativeLabel don't display connector\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // when vertical and alternativeLabel the content should be right on side\n '& .MuiStepContent-root': {\n paddingLeft: '0',\n marginLeft: '0',\n border: 'none',\n },\n },\n '& .MuiStepContent-root': {\n paddingLeft: '24px',\n marginLeft: '12px',\n // when the size is not small apply border\n ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n },\n '& .MuiStepLabel-alternativeLabel': {\n alignItems: 'flex-start',\n textAlign: 'start',\n },\n\n ...(size === 'small' && {\n '& .MuiStepLabel-vertical': {\n padding: '0',\n },\n '& .MuiStepLabel-iconContainer': {\n '& > div': {\n minHeight: '20px',\n },\n '&.Mui-active > div': {\n height: '100%',\n maxHeight: '200px',\n minHeight: '20px',\n },\n },\n }),\n }),\n root: ({ size, theme }) => ({\n ...(size === 'small' && {\n [theme.breakpoints.up('xl')]: {\n gap: theme.spacing(0.5),\n },\n // hide dividers\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // hide labels\n '& .MuiStepLabel-labelContainer': {\n display: 'none',\n },\n '& .MuiStepLabel-root': {\n width: '100%',\n },\n // when compact and horizontal apply more width\n '&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div': {\n width: '100%',\n maxWidth: '200px',\n },\n // vertical\n '&.MuiStepper-vertical:not(.MuiStepper-horizontal)': {\n '& .MuiStepLabel-iconContainer.Mui-active > div': {\n height: '60px',\n },\n },\n '& .MuiStep-root': {\n flexGrow: '0',\n flexBasis: 'auto',\n paddingRight: theme.spacing(0.25),\n paddingLeft: theme.spacing(0.25),\n [`&:has(.${flowStepIconClasses.active})`]: {\n flexGrow: '1',\n maxWidth: '200px',\n minWidth: '20px',\n },\n },\n '& .MuiStepLabel-iconContainer': {\n width: '100%',\n // in compact mode show icon only for error\n '&:not(.Mui-error) svg': {\n display: 'none',\n },\n },\n '& .MuiStepLabel-iconContainer > div': {\n minWidth: '20px',\n width: '20px',\n height: '20px',\n minHeight: '20px',\n fontSize: '14px',\n },\n // when the stepper is in small variant, the inset of the icon should be 0\n [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n inset: '0',\n borderWidth: '0',\n animation: 'none',\n },\n }),\n }),\n nonLinear: ({ theme, size }) => ({\n // only non-linear variant show disabled style\n [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n // exclamation mark\n ...(size !== 'small' && {\n [`&:not(.${flowStepIconClasses.completed})::after`]: {\n content: '\"!\"',\n lineHeight: '24px',\n fontSize: 'inherit',\n fontWeight: '800',\n color: theme.palette.background.primary,\n },\n }),\n // default\n [`&:not(.${flowStepIconClasses.active})`]: {\n borderColor: theme.palette.disabled.secondary,\n backgroundColor: theme.palette.disabled.secondary,\n },\n // active\n [`&:.${flowStepIconClasses.active}`]: {\n borderColor: theme.palette.disabled.secondary,\n '&::before': {\n backgroundColor: theme.palette.disabled.secondary,\n },\n },\n },\n }),\n },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","minHeight","height","maxHeight","root","breakpoints","up","gap","spacing","width","maxWidth","flexGrow","flexBasis","paddingRight","flowStepIconClasses","active","minWidth","fontSize","inset","borderWidth","animation","nonLinear","disabled","completed","content","lineHeight","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"iDAGa,MAAAA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,UAClBQ,OAAAC,OAAA,CAAA,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAGA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,gCAAiC,CAC/B,UAAW,CACTC,UAAW,QAEb,qBAAsB,CACpBC,OAAQ,OACRC,UAAW,QACXF,UAAW,WAKnBG,KAAM,EAAGtB,OAAMO,WACVC,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtB,CAACO,EAAMgB,YAAYC,GAAG,OAAQ,CAC5BC,IAAKlB,EAAMmB,QAAQ,KAGrB,2BAA4B,CAC1BhB,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,uBAAwB,CACtBiB,MAAO,QAGT,2EAA4E,CAC1EA,MAAO,OACPC,SAAU,SAGZ,oDAAqD,CACnD,iDAAkD,CAChDR,OAAQ,SAGZ,kBAAmB,CACjBS,SAAU,IACVC,UAAW,OACXC,aAAcxB,EAAMmB,QAAQ,KAC5Bf,YAAaJ,EAAMmB,QAAQ,KAC3B,CAAC,UAAUM,EAAAA,oBAAoBC,WAAY,CACzCJ,SAAU,IACVD,SAAU,QACVM,SAAU,SAGd,gCAAiC,CAC/BP,MAAO,OAEP,wBAAyB,CACvBjB,QAAS,SAGb,sCAAuC,CACrCwB,SAAU,OACVP,MAAO,OACPP,OAAQ,OACRD,UAAW,OACXgB,SAAU,QAGZ,CAAC,QAAQH,EAAAA,oBAAoBV,QAAQU,sBAAoBC,kBAAmB,CAC1EG,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,EAAGhC,QAAOP,WAAY,CAE/B,CAAC,MAAMgC,EAAmBA,oBAACV,QAAQU,EAAmBA,oBAACQ,YAElDhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtB,CAAC,UAAUgC,EAAAA,oBAAoBS,qBAAsB,CACnDC,QAAS,MACTC,WAAY,OACZR,SAAU,UACVS,WAAY,MACZC,MAAOtC,EAAMO,QAAQgC,WAAWC,WAElC,CAEF,CAAC,UAAUf,EAAAA,oBAAoBC,WAAY,CACzCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpCC,gBAAiB3C,EAAMO,QAAQ0B,SAASS,WAG1C,CAAC,MAAMjB,sBAAoBC,UAAW,CACpCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpC,YAAa,CACXC,gBAAiB3C,EAAMO,QAAQ0B,SAASS"}
@@ -1,9 +1,10 @@
1
1
  /**
2
2
  * This component renders a scroll button that changes based on the scroll direction
3
3
  */
4
- export declare const FlowScrollButtonComponent: ({ direction, slots, slotProps, ...rest }: {
4
+ export declare const FlowScrollButton: ({ direction, slots, slotProps, ownerState, ...rest }: {
5
5
  [x: string]: any;
6
6
  direction: any;
7
7
  slots: any;
8
8
  slotProps: any;
9
+ ownerState: any;
9
10
  }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../components/icon/stroke/ChevronLeftIcon.js"),s=require("../../components/icon/stroke/ChevronRightIcon.js");exports.FlowScrollButton=n=>{var{direction:i,slots:l,slotProps:c,ownerState:a}=n,u=e.__rest(n,["direction","slots","slotProps","ownerState"]);return r.jsx(t.IconButton,Object.assign({"aria-label":"left"===i?"Scroll left":"Scroll right",size:"small",sx:{m:"4px"}},u,{children:"left"===i?r.jsx(o.ChevronLeftIcon,{}):r.jsx(s.ChevronRightIcon,{})}))};
2
+ //# sourceMappingURL=ScrollButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollButton.js","sources":["../../../../../src/materialui/tabs/ScrollButton.tsx"],"sourcesContent":["import { IconButton } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\n\n/**\n * This component renders a scroll button that changes based on the scroll direction\n */\nexport const FlowScrollButton = ({ direction, slots, slotProps, ownerState, ...rest }) => {\n return (\n <IconButton\n aria-label={direction === 'left' ? 'Scroll left' : 'Scroll right'}\n size=\"small\"\n sx={{ m: '4px' }}\n {...rest}\n >\n {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n </IconButton>\n );\n};\n"],"names":["_a","direction","slots","slotProps","ownerState","rest","__rest","_jsx","IconButton","Object","assign","size","sx","m","ChevronLeftIcon","ChevronRightIcon"],"mappings":"kPAOiCA,IAAA,IAAAC,UAAEA,EAASC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,GAAUJ,EAAKK,EAA9CC,EAAAA,OAAAN,EAAA,CAAA,YAAA,QAAA,YAAA,eAC/B,OACEO,MAACC,EAAUA,WAAAC,OAAAC,OAAA,CAAA,aACiB,SAAdT,EAAuB,cAAgB,eACnDU,KAAK,QACLC,GAAI,CAAEC,EAAG,QACLR,YAEW,SAAdJ,EAAuBM,EAAAA,IAACO,EAAAA,gBAAe,CAAA,GAAMP,MAACQ,EAAgBA,iBAAA,CAAA,KACpD"}
@@ -3,6 +3,6 @@ import { ButtonBaseProps } from '@mui/material';
3
3
  /**
4
4
  * Component used to render Tab, contains duplication of label to change font-weight without changing width
5
5
  */
6
- export declare const FlowTabComponent: React.FC<ButtonBaseProps & {
6
+ export declare const FlowTab: React.FC<ButtonBaseProps & {
7
7
  link?: boolean;
8
8
  }>;
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),t=require("@mui/material");const a=s.forwardRef(((a,n)=>{var r,{children:l,link:o=!1}=a,c=e.__rest(a,["children","link"]);const b=s.useMemo((()=>({display:"inherit",alignItems:"inherit",justifyContent:"inherit",flexDirection:"inherit",gap:"inherit"})),[]);return i.jsx(t.ButtonBase,Object.assign({ref:n},o?{component:"a"}:{},c,{tabIndex:(null===(r=c.className)||void 0===r?void 0:r.includes("Mui-disabled"))?-1:0,children:i.jsxs(t.Box,{className:"FlowTab-labelWrapper",sx:Object.assign(Object.assign({},b),{position:"relative"}),children:[i.jsx(t.Box,{className:"FlowTab-label",sx:Object.assign(Object.assign({},b),{position:"absolute"}),children:l}),i.jsx(t.Box,{className:"FlowTab-selectedLabel",sx:Object.assign(Object.assign({},b),{fontWeight:"700",opacity:"0",position:"relative"}),"aria-hidden":"true",children:l})]})}))}));exports.FlowTabComponent=a;
2
- //# sourceMappingURL=tabComponent.js.map
1
+ "use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),t=require("@mui/material");const a=s.forwardRef(((a,r)=>{var n,{children:l,link:o=!1}=a,c=e.__rest(a,["children","link"]);const b=s.useMemo((()=>({display:"inherit",alignItems:"inherit",justifyContent:"inherit",flexDirection:"inherit",gap:"inherit"})),[]);return i.jsx(t.ButtonBase,Object.assign({ref:r},o?{component:"a"}:{},c,{tabIndex:(null===(n=c.className)||void 0===n?void 0:n.includes("Mui-disabled"))?-1:0,children:i.jsxs(t.Box,{className:"FlowTab-labelWrapper",sx:Object.assign(Object.assign({},b),{position:"relative"}),children:[i.jsx(t.Box,{className:"FlowTab-label",sx:Object.assign(Object.assign({},b),{position:"absolute"}),children:l}),i.jsx(t.Box,{className:"FlowTab-selectedLabel",sx:Object.assign(Object.assign({},b),{fontWeight:"700",opacity:"0",position:"relative"}),"aria-hidden":"true",children:l})]})}))}));exports.FlowTab=a;
2
+ //# sourceMappingURL=Tab.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tab.js","sources":["../../../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/**\n * Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const FlowTab: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n ({ children, link = false, ...rest }, ref) => {\n // shared style between label and selectedLabel\n const sharedLabelSx = useMemo(\n () => ({\n display: 'inherit',\n alignItems: 'inherit',\n justifyContent: 'inherit',\n flexDirection: 'inherit',\n gap: 'inherit',\n }),\n [],\n );\n\n return (\n <ButtonBase\n ref={ref}\n {...(link ? { component: 'a' } : {})}\n {...rest}\n tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n >\n <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n <Box\n className=\"FlowTab-label\"\n sx={{\n ...sharedLabelSx,\n position: 'absolute',\n // expands from center, can be changed to expand from left/right with left: 0;\n }}\n >\n {children}\n </Box>\n <Box\n className=\"FlowTab-selectedLabel\"\n sx={{\n ...sharedLabelSx,\n fontWeight: '700',\n // hidden by default, appears once Tab is selected (tab.theme)\n opacity: '0',\n position: 'relative',\n }}\n aria-hidden=\"true\"\n >\n {children}\n </Box>\n </Box>\n </ButtonBase>\n );\n },\n);\n"],"names":["FlowTab","forwardRef","_a","ref","children","link","rest","__rest","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","Object","assign","component","tabIndex","_b","className","includes","_jsxs","Box","sx","position","jsx","fontWeight","opacity"],"mappings":"iHAMa,MAAAA,EAA0DC,EAAUA,YAC/E,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,WAAA,SAEC,MAAMM,EAAgBC,EAAAA,SACpB,KAAO,CACLC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,aAEP,IAGF,OACEC,MAACC,EAAUA,WAAAC,OAAAC,OAAA,CACTf,IAAKA,GACAE,EAAO,CAAEc,UAAW,KAAQ,CAAE,EAC/Bb,GACJc,UAAwB,QAAdC,EAAAf,EAAKgB,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,kBAAoB,EAAG,WAE1DC,EAAAA,KAACC,EAAGA,KAACH,UAAU,uBAAuBI,kCAASlB,GAAa,CAAEmB,SAAU,uBACtEZ,EAACa,IAAAH,OACCH,UAAU,gBACVI,kCACKlB,GAAa,CAChBmB,SAAU,sBAIXvB,IAEHW,MAACU,EAAAA,KACCH,UAAU,wBACVI,kCACKlB,GAAa,CAChBqB,WAAY,MAEZC,QAAS,IACTH,SAAU,aAAU,cAEV,OAAMvB,SAEjBA,SAGM"}
@@ -1,9 +1,5 @@
1
1
  import { ElementType } from 'react';
2
2
  import { BoxProps } from '@mui/material';
3
- /**
4
- * @interface TabPanelProps
5
- * @description Interface of TabPanel component.
6
- */
7
3
  export interface TabPanelProps extends BoxProps<ElementType> {
8
4
  /**
9
5
  * currently selected tab
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("@mui/material");exports.TabPanel=function(i){var{children:t,value:n,index:l}=i,s=e.__rest(i,["children","value","index"]);return r.jsx(a.Box,Object.assign({role:"tabpanel","data-testid":`TabPanel-${l}`},s,{children:n===l&&t}))};
2
- //# sourceMappingURL=tabPanel.js.map
1
+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("@mui/material");exports.TabPanel=function(i){var{children:t,value:n,index:l}=i,s=e.__rest(i,["children","value","index"]);return r.jsx(a.Box,Object.assign({role:"tabpanel","data-testid":`TabPanel-${l}`,"aria-hidden":n!==l},s,{children:n===l&&t}))};
2
+ //# sourceMappingURL=TabPanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabPanel.js","sources":["../../../../../src/materialui/tabs/TabPanel.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface TabPanelProps extends BoxProps<ElementType> {\n /**\n * currently selected tab\n */\n value?: number | string;\n /**\n * index of the tab panel, when equals to value, content is shown\n */\n index?: number | string;\n}\n\n/**\n * Show or hide content based on the provided value and index\n */\nexport function TabPanel({ children, value, index, ...rest }: TabPanelProps) {\n return (\n <Box role=\"tabpanel\" data-testid={`TabPanel-${index}`} aria-hidden={value !== index} {...rest}>\n {value === index && children}\n </Box>\n );\n}\n"],"names":["_a","children","value","index","rest","__rest","_jsx","jsx","Box","Object","assign","role"],"mappings":"+GAiBM,SAAmBA,OAAAC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,KAAUC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,WAAA,QAAA,UACvB,OACEM,EAACC,IAAAC,MAAIC,OAAAC,OAAA,CAAAC,KAAK,WAAU,cAAc,YAAYR,IAAO,cAAeD,IAAUC,GAAWC,EACtF,CAAAH,SAAAC,IAAUC,GAASF,IAG1B"}
@@ -1,5 +1,5 @@
1
1
  export { Tab, Tabs } from '@mui/material';
2
2
  export type { TabProps, TabsProps } from '@mui/material';
3
- export * from './tabPanel';
4
- export * from './tabComponent';
5
- export * from './scrollButtonComponent';
3
+ export * from './TabPanel';
4
+ export * from './Tab';
5
+ export * from './ScrollButton';
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("./tabComponent.js"),o=require("../../components/focusring/focusring.js");const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:t.FlowTabComponent,LinkComponent:o=>e.jsx(t.FlowTabComponent,Object.assign({link:!0},o))},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"4px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 14px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:e.palette.onSurface.os500,transition:"color 0.3s ease-out","&:hover":{color:e.palette.text.primary}},t.icon&&Object.assign(Object.assign({},"start"===t.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===t.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:e.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}),o.getFocusRingStyle(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};exports.flowTab=i;
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("./Tab.js"),o=require("../../components/focusring/focusring.js");const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:t.FlowTab,LinkComponent:o=>e.jsx(t.FlowTab,Object.assign({link:!0},o))},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"4px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 14px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:e.palette.onSurface.os500,transition:"color 0.3s ease-out","&:hover":{color:e.palette.text.primary}},t.icon&&Object.assign(Object.assign({},"start"===t.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===t.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:e.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}),o.getFocusRingStyle(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};exports.flowTab=i;
2
2
  //# sourceMappingURL=tab.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.theme.js","sources":["../../../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowTabComponent } from './tabComponent';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n defaultProps: {\n disableRipple: true,\n iconPosition: 'start',\n // duplicate labels so we can change font-weight without increasing width\n component: FlowTabComponent,\n LinkComponent: (props) => <FlowTabComponent link {...props} />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n overflow: 'visible',\n // proportions\n padding: '4px 8px',\n minHeight: '0',\n minWidth: '0',\n // space between label and icon\n gap: '8px',\n // make sure there is space for focused boxShadow\n margin: '2px 2px 14px',\n // style\n borderRadius: '4px',\n // custom font style according to design\n fontSize: '20px',\n textTransform: 'none',\n fontWeight: '400',\n // colors and effects\n color: theme.palette.onSurface.os500,\n transition: 'color 0.3s ease-out',\n '&:hover': {\n color: theme.palette.text.primary,\n },\n // icon in tab\n ...(ownerState.icon && {\n // prevent icon from jumping between switching font weights\n ...(ownerState.iconPosition === 'start' && {\n // expand from left\n '& .FlowTab-label': {\n left: '0',\n },\n }),\n ...(ownerState.iconPosition === 'end' && {\n // expand from right\n '& .FlowTab-label': {\n right: '0',\n },\n }),\n }),\n // active\n '&.Mui-selected': {\n color: theme.palette.text.primary,\n fontWeight: '700',\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n ...getFocusRingStyle(theme, false, '2px'),\n // responsive\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n marginBottom: '10px',\n },\n }),\n },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","FlowTabComponent","LinkComponent","props","_jsx","jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","onSurface","os500","transition","text","primary","icon","left","right","display","opacity","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"oIAIa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EAAgBA,iBAC3BC,cAAgBC,GAAUC,EAACC,IAAAJ,mBAAiBK,OAAAC,OAAA,CAAAC,MAAS,GAAAL,KAEvDM,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,UAAUC,MAC/BC,WAAY,sBACZ,UAAW,CACTJ,MAAOb,EAAMc,QAAQI,KAAKC,UAGxBlB,EAAWmB,MAAIzB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWb,cAA4B,CAEzC,mBAAoB,CAClBiC,KAAM,OAGsB,QAA5BpB,EAAWb,cAA0B,CAEvC,mBAAoB,CAClBkC,MAAO,QAGX,CAEF,iBAAkB,CAChBT,MAAOb,EAAMc,QAAQI,KAAKC,QAC1BP,WAAY,MAEZ,mBAAoB,CAClBW,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBX,MAAOb,EAAMc,QAAQW,SAASC,YAG7BC,EAAAA,kBAAkB3B,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAM4B,YAAYC,KAAK,OAAQ,CAC9BnB,SAAU,OACVoB,aAAc"}
1
+ {"version":3,"file":"tab.theme.js","sources":["../../../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowTab } from './Tab';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n defaultProps: {\n disableRipple: true,\n iconPosition: 'start',\n // duplicate labels so we can change font-weight without increasing width\n component: FlowTab,\n LinkComponent: (props) => <FlowTab link {...props} />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n overflow: 'visible',\n // proportions\n padding: '4px 8px',\n minHeight: '0',\n minWidth: '0',\n // space between label and icon\n gap: '8px',\n // make sure there is space for focused boxShadow\n margin: '2px 2px 14px',\n // style\n borderRadius: '4px',\n // custom font style according to design\n fontSize: '20px',\n textTransform: 'none',\n fontWeight: '400',\n // colors and effects\n color: theme.palette.onSurface.os500,\n transition: 'color 0.3s ease-out',\n '&:hover': {\n color: theme.palette.text.primary,\n },\n // icon in tab\n ...(ownerState.icon && {\n // prevent icon from jumping between switching font weights\n ...(ownerState.iconPosition === 'start' && {\n // expand from left\n '& .FlowTab-label': {\n left: '0',\n },\n }),\n ...(ownerState.iconPosition === 'end' && {\n // expand from right\n '& .FlowTab-label': {\n right: '0',\n },\n }),\n }),\n // active\n '&.Mui-selected': {\n color: theme.palette.text.primary,\n fontWeight: '700',\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n ...getFocusRingStyle(theme, false, '2px'),\n // responsive\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n marginBottom: '10px',\n },\n }),\n },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","FlowTab","LinkComponent","props","_jsx","jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","onSurface","os500","transition","text","primary","icon","left","right","display","opacity","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"2HAIa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EAAOA,QAClBC,cAAgBC,GAAUC,EAACC,IAAAJ,UAAQK,OAAAC,OAAA,CAAAC,MAAS,GAAAL,KAE9CM,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,UAAUC,MAC/BC,WAAY,sBACZ,UAAW,CACTJ,MAAOb,EAAMc,QAAQI,KAAKC,UAGxBlB,EAAWmB,MAAIzB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWb,cAA4B,CAEzC,mBAAoB,CAClBiC,KAAM,OAGsB,QAA5BpB,EAAWb,cAA0B,CAEvC,mBAAoB,CAClBkC,MAAO,QAGX,CAEF,iBAAkB,CAChBT,MAAOb,EAAMc,QAAQI,KAAKC,QAC1BP,WAAY,MAEZ,mBAAoB,CAClBW,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBX,MAAOb,EAAMc,QAAQW,SAASC,YAG7BC,EAAAA,kBAAkB3B,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAM4B,YAAYC,KAAK,OAAQ,CAC9BnB,SAAU,OACVoB,aAAc"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("./scrollButtonComponent.js"),a=require("../../components/focusring/focusring.js"),o=require("../button/interactive.js");const i={defaultProps:{scrollButtons:!1,allowScrollButtonsMobile:!0,visibleScrollbar:!0,variant:"scrollable",TabIndicatorProps:{children:e.jsx(t.Box,{sx:{backgroundColor:"currentColor",height:"100%",width:"100%"}})},ScrollButtonComponent:r.FlowScrollButtonComponent},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"8px"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign({maxWidth:"none",background:"transparent",display:"flex",paddingLeft:"8px",paddingRight:"8px",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px",paddingLeft:"0",paddingRight:"0"},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"},"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},a.updateFocusRingStyle("0px",!1)),o.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},o.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({paddingTop:"12px","& .MuiTabs-flexContainer":{gap:"10px"},"& .MuiTab-root":Object.assign(Object.assign({},e.typography.caption1),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})},{props:{template:"segmented"},style:({theme:e})=>({gap:"4px",color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",padding:"0",zIndex:"10",borderRadius:"555px","& > .MuiBox-root":{position:"relative",borderRadius:"555px",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTabs-scrollButtons":{width:"32px",height:"32px","& .MuiSvgIcon-root":{fontSize:"18px"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"8px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",margin:"4px 0"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};exports.flowTabs=i;
1
+ "use strict";var e=require("./ScrollButton.js"),t=require("../../components/focusring/focusring.js"),a=require("../button/interactive.js");const r={defaultProps:{scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.FlowScrollButton}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"0"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign(Object.assign({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),{"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"},"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t.updateFocusRingStyle("0px",!1)),a.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},a.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({paddingTop:"12px","& .MuiTabs-flexContainer":{gap:"10px"},"& .MuiTab-root":Object.assign(Object.assign({},e.typography.caption1),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};exports.flowTabs=r;
2
2
  //# sourceMappingURL=tabs.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.theme.js","sources":["../../../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport { Components, Theme } from '@mui/material/styles';\nimport { FlowScrollButtonComponent } from './scrollButtonComponent';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n defaultProps: {\n // by default shows scrollbar\n scrollButtons: false,\n allowScrollButtonsMobile: true,\n visibleScrollbar: true,\n variant: 'scrollable',\n TabIndicatorProps: {\n children: <Box sx={{ backgroundColor: 'currentColor', height: '100%', width: '100%' }} />,\n },\n ScrollButtonComponent: FlowScrollButtonComponent,\n },\n styleOverrides: {\n root: ({ ownerState }) => ({\n minHeight: '0',\n alignItems: 'center',\n gap: '8px',\n ...(ownerState.fullWidth || ownerState.variant === 'fullWidth'\n ? {\n '& .MuiTab-root': {\n flexGrow: '1',\n },\n }\n : {}),\n // @mui omits centered property with variant scrollable,\n // therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n }),\n flexContainer: ({ theme }) => ({\n gap: '16px',\n [theme.breakpoints.up('md')]: {\n gap: '28px',\n },\n }),\n indicator: ({ theme, ownerState }) => ({\n maxWidth: 'none',\n background: 'transparent',\n display: 'flex',\n paddingLeft: '8px',\n paddingRight: '8px',\n height: '3px',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n ...(ownerState.indicatorColor === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n }),\n scroller: ({ ownerState }) => ({\n flexGrow: ownerState.fullWidth || ownerState.variant === 'fullWidth' ? '1' : '0',\n // restyle horizontal scrollbar\n '&::-webkit-scrollbar:horizontal': {\n height: '24px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '10px',\n },\n }),\n scrollButtons: ({ theme }) => ({\n color: theme.palette.text.primary,\n }),\n },\n variants: [\n {\n props: { template: 'underlined' },\n style: ({ theme }) => ({\n // align with rest of the page, due to extra space\n marginLeft: '-6px',\n marginRight: '-6px',\n maxWidth: 'none',\n // scroll container\n '& .MuiTabs-scroller': {\n '&::-webkit-scrollbar:horizontal': {\n height: '16px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '6px',\n },\n },\n // container\n '& .MuiTabs-flexContainer': {\n // extra space for the focus indicator\n padding: '6px',\n // remove gap between tabs\n gap: '0',\n },\n // indicator line\n '& .MuiTabs-indicator': {\n // move directly into tab border\n bottom: '6px',\n // make full-width\n paddingLeft: '0',\n paddingRight: '0',\n },\n // Tabs itself\n '& .MuiTab-root': {\n // remove space around tab in favor of padding\n margin: '0',\n // increase spacing\n padding: '12px 24px',\n // responsive\n [theme.breakpoints.down('md')]: {\n paddingTop: '10px',\n paddingBottom: '10px',\n },\n // style adjust\n borderRadius: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // font\n ...theme.typography.subheadline,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // bottom border\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n right: '0',\n bottom: '0',\n height: '1px',\n backgroundColor: theme.palette.onSurface.os500,\n },\n // hover effect\n '&:hover, &.Mui-focusVisible': {\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n // increase size of the border\n '&:after': {\n height: '2px',\n },\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n '&.Mui-focusVisible': {\n // higher z-index than others\n zIndex: '10',\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n '&:before': {\n // move outside\n inset: '-2px',\n // add extra border radius\n borderRadius: '4px',\n },\n },\n },\n }),\n },\n {\n props: { template: 'buttons' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // hide bottom line\n '& .MuiTabs-indicator': {\n display: 'none',\n },\n // restyle tabs to buttons\n '& .MuiTab-root': {\n border: '1px solid transparent',\n padding: '6px 16px',\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n fontSize: '14px',\n fontWeight: '700',\n marginBottom: '2px',\n ...updateFocusRingStyle('0px', false),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os500,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n ),\n '&.Mui-selected': {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.brand.primary,\n },\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n ),\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n },\n }),\n },\n {\n props: { template: 'navigation' },\n style: ({ theme }) => ({\n // manual v-align\n paddingTop: '12px',\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '10px',\n },\n // restyle tabs typography\n '& .MuiTab-root': {\n ...theme.typography.caption1,\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n {\n props: { template: 'segmented' },\n style: ({ theme }) => ({\n // reduce space between arrows and tabs container\n gap: '4px',\n // used for background\n color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n // container\n '& .MuiTabs-scroller': {\n backgroundColor: 'currentColor',\n borderRadius: '555px',\n },\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // restyle indicator to white bordered travelling background\n '& .MuiTabs-indicator': {\n color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n // proportion\n height: '100%',\n padding: '0',\n // z-index bellow <Tab />\n zIndex: '10',\n borderRadius: '555px',\n '& > .MuiBox-root': {\n position: 'relative',\n borderRadius: '555px',\n border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n },\n },\n // resize scroll buttons\n '& .MuiTabs-scrollButtons': {\n width: '32px',\n height: '32px',\n '& .MuiSvgIcon-root': {\n fontSize: '18px',\n },\n },\n // restyle tabs\n '& .MuiTab-root': {\n margin: '0',\n padding: '8px 16px',\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n // space between icon and text\n gap: '10px',\n // z-index above indicator\n zIndex: '20',\n // icon inside\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n margin: '4px 0',\n },\n // change typography\n ...theme.typography.subheadline,\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n // hover and focus\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: theme.palette.surface.primary,\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n ],\n};\n"],"names":["flowTabs","defaultProps","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","TabIndicatorProps","children","_jsx","jsx","Box","sx","backgroundColor","height","width","ScrollButtonComponent","FlowScrollButtonComponent","styleOverrides","root","ownerState","Object","assign","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","paddingLeft","paddingRight","color","palette","mode","brand","secondary","primary","indicatorColor","text","scroller","borderWidth","variants","props","template","style","marginLeft","marginRight","padding","bottom","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","content","position","left","right","os500","opacity","surface","transparent","disabled","tertiary","zIndex","boxShadow","inset","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","caption1","common","white"],"mappings":"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"}
1
+ {"version":3,"file":"tabs.theme.js","sources":["../../../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowScrollButton } from './ScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n defaultProps: {\n // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n scrollButtons: 'auto',\n allowScrollButtonsMobile: true,\n visibleScrollbar: false,\n variant: 'scrollable',\n slots: {\n scrollButtons: FlowScrollButton,\n },\n },\n styleOverrides: {\n root: ({ ownerState }) => ({\n minHeight: '0',\n alignItems: 'center',\n // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n gap: '0',\n ...(ownerState.fullWidth || ownerState.variant === 'fullWidth'\n ? {\n '& .MuiTab-root': {\n flexGrow: '1',\n },\n }\n : {}),\n // @mui omits centered property with variant scrollable,\n // therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n }),\n flexContainer: ({ theme }) => ({\n gap: '16px',\n [theme.breakpoints.up('md')]: {\n gap: '28px',\n },\n }),\n indicator: ({ theme, ownerState }) => ({\n maxWidth: 'none',\n background: 'transparent',\n display: 'block',\n height: '3px',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n ...(ownerState.indicatorColor === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n // actual indicator line\n '&:before': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n left: '8px',\n right: '8px',\n top: '0',\n bottom: '0',\n backgroundColor: 'currentColor',\n },\n }),\n scroller: ({ ownerState }) => ({\n flexGrow: ownerState.fullWidth || ownerState.variant === 'fullWidth' ? '1' : '0',\n // restyle horizontal scrollbar\n '&::-webkit-scrollbar:horizontal': {\n height: '24px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '10px',\n },\n }),\n scrollButtons: ({ theme }) => ({\n color: theme.palette.text.primary,\n // do not hide disabled scroll buttons\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n },\n variants: [\n {\n props: { template: 'underlined' },\n style: ({ theme }) => ({\n // align with rest of the page, due to extra space\n marginLeft: '-6px',\n marginRight: '-6px',\n maxWidth: 'none',\n // scroll container\n '& .MuiTabs-scroller': {\n '&::-webkit-scrollbar:horizontal': {\n height: '16px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '6px',\n },\n },\n // container\n '& .MuiTabs-flexContainer': {\n // extra space for the focus indicator\n padding: '6px',\n // remove gap between tabs\n gap: '0',\n },\n // indicator line\n '& .MuiTabs-indicator': {\n // move directly into tab border\n bottom: '6px',\n '&:before': {\n // make full-width\n inset: '0',\n },\n },\n // Tabs itself\n '& .MuiTab-root': {\n // remove space around tab in favor of padding\n margin: '0',\n // increase spacing\n padding: '12px 24px',\n // responsive\n [theme.breakpoints.down('md')]: {\n paddingTop: '10px',\n paddingBottom: '10px',\n },\n // style adjust\n borderRadius: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // font\n ...theme.typography.subheadline,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // bottom border\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n right: '0',\n bottom: '0',\n height: '1px',\n backgroundColor: theme.palette.onSurface.os500,\n },\n // hover effect\n '&:hover, &.Mui-focusVisible': {\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n // increase size of the border\n '&:after': {\n height: '2px',\n },\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n '&.Mui-focusVisible': {\n // higher z-index than others\n zIndex: '10',\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n '&:before': {\n // move outside\n inset: '-2px',\n // add extra border radius\n borderRadius: '4px',\n },\n },\n },\n }),\n },\n {\n props: { template: 'buttons' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // hide bottom line\n '& .MuiTabs-indicator': {\n display: 'none',\n },\n // restyle tabs to buttons\n '& .MuiTab-root': {\n border: '1px solid transparent',\n padding: '6px 16px',\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n fontSize: '14px',\n fontWeight: '700',\n marginBottom: '2px',\n ...updateFocusRingStyle('0px', false),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os500,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n ),\n '&.Mui-selected': {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.brand.primary,\n },\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n ),\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n },\n }),\n },\n {\n props: { template: 'navigation' },\n style: ({ theme }) => ({\n // manual v-align\n paddingTop: '12px',\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '10px',\n },\n // restyle tabs typography\n '& .MuiTab-root': {\n ...theme.typography.caption1,\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n {\n props: { template: 'segmented' },\n style: ({ theme }) => ({\n // used for background\n color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n // container\n '& .MuiTabs-scroller': {\n backgroundColor: 'currentColor',\n borderRadius: '555px',\n },\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // restyle indicator to white bordered travelling background\n '& .MuiTabs-indicator': {\n color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n // proportion\n height: '100%',\n // z-index bellow <Tab />\n zIndex: '10',\n borderRadius: '555px',\n '&:before': {\n inset: '0',\n borderRadius: 'inherit',\n border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n },\n },\n // restyle tabs\n '& .MuiTab-root': {\n margin: '0',\n padding: '6px 16px',\n [theme.breakpoints.up('md')]: {\n padding: '8px 16px',\n },\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n // space between icon and text\n gap: '10px',\n // z-index above indicator\n zIndex: '20',\n // icon inside\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n marginTop: '4px',\n marginBottom: '4px',\n },\n // change typography\n ...theme.typography.subheadline,\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n // hover and focus\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: theme.palette.surface.primary,\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n ],\n};\n"],"names":["flowTabs","defaultProps","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","FlowScrollButton","styleOverrides","root","ownerState","Object","assign","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","opacity","disabled","variants","props","template","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","caption1","common","white","marginTop"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";const e={defaultProps:{variant:"filled",minRows:2,maxRows:2,inputProps:({placeholder:e,label:l})=>Object.assign({},!l&&e&&{"aria-label":e})},styleOverrides:{}};exports.flowTextField=e;
1
+ "use strict";const t={defaultProps:{variant:"filled",minRows:2,maxRows:2,inputProps:({placeholder:t,label:e})=>Object.assign({},!e&&t&&{"aria-label":t})},styleOverrides:{root:{":has(.MuiInputAdornment-positionEnd)":{".MuiInputLabel-root":{paddingRight:"44px"}}}}};exports.flowTextField=t;
2
2
  //# sourceMappingURL=textField.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"textField.theme.js","sources":["../../../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n defaultProps: {\n variant: 'filled',\n minRows: 2,\n maxRows: 2,\n // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them as well\n inputProps: ({ placeholder, label }) => ({\n // add aria-label for fields without label but with placeholder\n ...(!label &&\n placeholder && {\n ['aria-label']: placeholder,\n }),\n }),\n // slotProps: {\n // input: ({ placeholder, label }) => ({\n // // add aria-label for fields without label but with placeholder\n // ...(!label &&\n // placeholder && {\n // inputProps: { ['aria-label']: placeholder },\n // }),\n // }),\n // },\n },\n styleOverrides: {},\n};\n"],"names":["flowTextField","defaultProps","variant","minRows","maxRows","inputProps","placeholder","label","Object","assign","styleOverrides"],"mappings":"aAEa,MAAAA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,EAETC,WAAY,EAAGC,cAAaC,WAEvBC,OAAAC,OAAA,CAAA,GAAEF,GACHD,GAAe,CACb,aAAgBA,KAaxBI,eAAgB,CAAE"}
1
+ {"version":3,"file":"textField.theme.js","sources":["../../../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n defaultProps: {\n variant: 'filled',\n minRows: 2,\n maxRows: 2,\n // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them as well\n inputProps: ({ placeholder, label }) => ({\n // add aria-label for fields without label but with placeholder\n ...(!label &&\n placeholder && {\n ['aria-label']: placeholder,\n }),\n }),\n // slotProps: {\n // input: ({ placeholder, label }) => ({\n // // add aria-label for fields without label but with placeholder\n // ...(!label &&\n // placeholder && {\n // inputProps: { ['aria-label']: placeholder },\n // }),\n // }),\n // },\n },\n styleOverrides: {\n root: {\n // prevent overlap with end input adornment icon\n ':has(.MuiInputAdornment-positionEnd)': {\n '.MuiInputLabel-root': {\n paddingRight: '44px',\n },\n },\n },\n },\n};\n"],"names":["flowTextField","defaultProps","variant","minRows","maxRows","inputProps","placeholder","label","Object","assign","styleOverrides","root","paddingRight"],"mappings":"aAEa,MAAAA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,EAETC,WAAY,EAAGC,cAAaC,WAEvBC,OAAAC,OAAA,CAAA,GAAEF,GACHD,GAAe,CACb,aAAgBA,KAaxBI,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../shared/ssr-window.esm.js"),t=require("../shared/utils.js");exports.default=function(n){let{swiper:r,extendParams:a,on:l,emit:i}=n;const o=e.g(),s=e.a();function d(e){if(!r.enabled)return;const{rtlTranslate:n}=r;let a=e;a.originalEvent&&(a=a.originalEvent);const l=a.keyCode||a.charCode,d=r.params.keyboard.pageUpDown,f=d&&33===l,b=d&&34===l,c=37===l,u=39===l,p=38===l,y=40===l;if(!r.allowSlideNext&&(r.isHorizontal()&&u||r.isVertical()&&y||b))return!1;if(!r.allowSlidePrev&&(r.isHorizontal()&&c||r.isVertical()&&p||f))return!1;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey||o.activeElement&&o.activeElement.nodeName&&("input"===o.activeElement.nodeName.toLowerCase()||"textarea"===o.activeElement.nodeName.toLowerCase()))){if(r.params.keyboard.onlyInViewport&&(f||b||c||u||p||y)){let e=!1;if(t.b(r.el,`.${r.params.slideClass}, swiper-slide`).length>0&&0===t.b(r.el,`.${r.params.slideActiveClass}`).length)return;const a=r.el,l=a.clientWidth,i=a.clientHeight,o=s.innerWidth,d=s.innerHeight,f=t.d(a);n&&(f.left-=a.scrollLeft);const b=[[f.left,f.top],[f.left+l,f.top],[f.left,f.top+i],[f.left+l,f.top+i]];for(let t=0;t<b.length;t+=1){const n=b[t];if(n[0]>=0&&n[0]<=o&&n[1]>=0&&n[1]<=d){if(0===n[0]&&0===n[1])continue;e=!0}}if(!e)return}r.isHorizontal()?((f||b||c||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((b||u)&&!n||(f||c)&&n)&&r.slideNext(),((f||c)&&!n||(b||u)&&n)&&r.slidePrev()):((f||b||p||y)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(b||y)&&r.slideNext(),(f||p)&&r.slidePrev()),i("keyPress",l)}}function f(){r.keyboard.enabled||(o.addEventListener("keydown",d),r.keyboard.enabled=!0)}function b(){r.keyboard.enabled&&(o.removeEventListener("keydown",d),r.keyboard.enabled=!1)}r.keyboard={enabled:!1},a({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),l("init",(()=>{r.params.keyboard.enabled&&f()})),l("destroy",(()=>{r.keyboard.enabled&&b()})),Object.assign(r.keyboard,{enable:f,disable:b})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../shared/ssr-window.esm.js"),t=require("../shared/utils.js");exports.default=function(n){let{swiper:a,extendParams:r,on:l,emit:i}=n;const o=e.g(),s=e.a();function d(e){if(!a.enabled)return;const{rtlTranslate:n}=a;let r=e;r.originalEvent&&(r=r.originalEvent);const l=r.keyCode||r.charCode,d=a.params.keyboard.pageUpDown,b=d&&33===l,c=d&&34===l,f=37===l,u=39===l,p=38===l,y=40===l;if(!a.allowSlideNext&&(a.isHorizontal()&&u||a.isVertical()&&y||c))return!1;if(!a.allowSlidePrev&&(a.isHorizontal()&&f||a.isVertical()&&p||b))return!1;if(!(r.shiftKey||r.altKey||r.ctrlKey||r.metaKey||o.activeElement&&(o.activeElement.isContentEditable||o.activeElement.nodeName&&("input"===o.activeElement.nodeName.toLowerCase()||"textarea"===o.activeElement.nodeName.toLowerCase())))){if(a.params.keyboard.onlyInViewport&&(b||c||f||u||p||y)){let e=!1;if(t.b(a.el,`.${a.params.slideClass}, swiper-slide`).length>0&&0===t.b(a.el,`.${a.params.slideActiveClass}`).length)return;const r=a.el,l=r.clientWidth,i=r.clientHeight,o=s.innerWidth,d=s.innerHeight,b=t.d(r);n&&(b.left-=r.scrollLeft);const c=[[b.left,b.top],[b.left+l,b.top],[b.left,b.top+i],[b.left+l,b.top+i]];for(let t=0;t<c.length;t+=1){const n=c[t];if(n[0]>=0&&n[0]<=o&&n[1]>=0&&n[1]<=d){if(0===n[0]&&0===n[1])continue;e=!0}}if(!e)return}a.isHorizontal()?((b||c||f||u)&&(r.preventDefault?r.preventDefault():r.returnValue=!1),((c||u)&&!n||(b||f)&&n)&&a.slideNext(),((b||f)&&!n||(c||u)&&n)&&a.slidePrev()):((b||c||p||y)&&(r.preventDefault?r.preventDefault():r.returnValue=!1),(c||y)&&a.slideNext(),(b||p)&&a.slidePrev()),i("keyPress",l)}}function b(){a.keyboard.enabled||(o.addEventListener("keydown",d),a.keyboard.enabled=!0)}function c(){a.keyboard.enabled&&(o.removeEventListener("keydown",d),a.keyboard.enabled=!1)}a.keyboard={enabled:!1},r({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),l("init",(()=>{a.params.keyboard.enabled&&b()})),l("destroy",(()=>{a.keyboard.enabled&&c()})),Object.assign(a.keyboard,{enable:b,disable:c})};
2
2
  //# sourceMappingURL=keyboard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"keyboard.js","sources":["../../../../../node_modules/swiper/modules/keyboard.mjs"],"sourcesContent":["import { g as getDocument, a as getWindow } from '../shared/ssr-window.esm.mjs';\nimport { b as elementParents, d as elementOffset } from '../shared/utils.mjs';\n\n/* eslint-disable consistent-return */\nfunction Keyboard(_ref) {\n let {\n swiper,\n extendParams,\n on,\n emit\n } = _ref;\n const document = getDocument();\n const window = getWindow();\n swiper.keyboard = {\n enabled: false\n };\n extendParams({\n keyboard: {\n enabled: false,\n onlyInViewport: true,\n pageUpDown: true\n }\n });\n function handle(event) {\n if (!swiper.enabled) return;\n const {\n rtlTranslate: rtl\n } = swiper;\n let e = event;\n if (e.originalEvent) e = e.originalEvent; // jquery fix\n const kc = e.keyCode || e.charCode;\n const pageUpDown = swiper.params.keyboard.pageUpDown;\n const isPageUp = pageUpDown && kc === 33;\n const isPageDown = pageUpDown && kc === 34;\n const isArrowLeft = kc === 37;\n const isArrowRight = kc === 39;\n const isArrowUp = kc === 38;\n const isArrowDown = kc === 40;\n // Directions locks\n if (!swiper.allowSlideNext && (swiper.isHorizontal() && isArrowRight || swiper.isVertical() && isArrowDown || isPageDown)) {\n return false;\n }\n if (!swiper.allowSlidePrev && (swiper.isHorizontal() && isArrowLeft || swiper.isVertical() && isArrowUp || isPageUp)) {\n return false;\n }\n if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {\n return undefined;\n }\n if (document.activeElement && document.activeElement.nodeName && (document.activeElement.nodeName.toLowerCase() === 'input' || document.activeElement.nodeName.toLowerCase() === 'textarea')) {\n return undefined;\n }\n if (swiper.params.keyboard.onlyInViewport && (isPageUp || isPageDown || isArrowLeft || isArrowRight || isArrowUp || isArrowDown)) {\n let inView = false;\n // Check that swiper should be inside of visible area of window\n if (elementParents(swiper.el, `.${swiper.params.slideClass}, swiper-slide`).length > 0 && elementParents(swiper.el, `.${swiper.params.slideActiveClass}`).length === 0) {\n return undefined;\n }\n const el = swiper.el;\n const swiperWidth = el.clientWidth;\n const swiperHeight = el.clientHeight;\n const windowWidth = window.innerWidth;\n const windowHeight = window.innerHeight;\n const swiperOffset = elementOffset(el);\n if (rtl) swiperOffset.left -= el.scrollLeft;\n const swiperCoord = [[swiperOffset.left, swiperOffset.top], [swiperOffset.left + swiperWidth, swiperOffset.top], [swiperOffset.left, swiperOffset.top + swiperHeight], [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight]];\n for (let i = 0; i < swiperCoord.length; i += 1) {\n const point = swiperCoord[i];\n if (point[0] >= 0 && point[0] <= windowWidth && point[1] >= 0 && point[1] <= windowHeight) {\n if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line\n inView = true;\n }\n }\n if (!inView) return undefined;\n }\n if (swiper.isHorizontal()) {\n if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {\n if (e.preventDefault) e.preventDefault();else e.returnValue = false;\n }\n if ((isPageDown || isArrowRight) && !rtl || (isPageUp || isArrowLeft) && rtl) swiper.slideNext();\n if ((isPageUp || isArrowLeft) && !rtl || (isPageDown || isArrowRight) && rtl) swiper.slidePrev();\n } else {\n if (isPageUp || isPageDown || isArrowUp || isArrowDown) {\n if (e.preventDefault) e.preventDefault();else e.returnValue = false;\n }\n if (isPageDown || isArrowDown) swiper.slideNext();\n if (isPageUp || isArrowUp) swiper.slidePrev();\n }\n emit('keyPress', kc);\n return undefined;\n }\n function enable() {\n if (swiper.keyboard.enabled) return;\n document.addEventListener('keydown', handle);\n swiper.keyboard.enabled = true;\n }\n function disable() {\n if (!swiper.keyboard.enabled) return;\n document.removeEventListener('keydown', handle);\n swiper.keyboard.enabled = false;\n }\n on('init', () => {\n if (swiper.params.keyboard.enabled) {\n enable();\n }\n });\n on('destroy', () => {\n if (swiper.keyboard.enabled) {\n disable();\n }\n });\n Object.assign(swiper.keyboard, {\n enable,\n disable\n });\n}\n\nexport { Keyboard as default };\n"],"names":["_ref","swiper","extendParams","on","emit","document","getDocument","window","getWindow","handle","event","enabled","rtlTranslate","rtl","e","originalEvent","kc","keyCode","charCode","pageUpDown","params","keyboard","isPageUp","isPageDown","isArrowLeft","isArrowRight","isArrowUp","isArrowDown","allowSlideNext","isHorizontal","isVertical","allowSlidePrev","shiftKey","altKey","ctrlKey","metaKey","activeElement","nodeName","toLowerCase","onlyInViewport","inView","elementParents","el","slideClass","length","slideActiveClass","swiperWidth","clientWidth","swiperHeight","clientHeight","windowWidth","innerWidth","windowHeight","innerHeight","swiperOffset","elementOffset","d","left","scrollLeft","swiperCoord","top","i","point","preventDefault","returnValue","slideNext","slidePrev","enable","addEventListener","disable","removeEventListener","Object","assign"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"keyboard.js","sources":["../../../../../node_modules/swiper/modules/keyboard.mjs"],"sourcesContent":["import { g as getDocument, a as getWindow } from '../shared/ssr-window.esm.mjs';\nimport { b as elementParents, d as elementOffset } from '../shared/utils.mjs';\n\n/* eslint-disable consistent-return */\nfunction Keyboard(_ref) {\n let {\n swiper,\n extendParams,\n on,\n emit\n } = _ref;\n const document = getDocument();\n const window = getWindow();\n swiper.keyboard = {\n enabled: false\n };\n extendParams({\n keyboard: {\n enabled: false,\n onlyInViewport: true,\n pageUpDown: true\n }\n });\n function handle(event) {\n if (!swiper.enabled) return;\n const {\n rtlTranslate: rtl\n } = swiper;\n let e = event;\n if (e.originalEvent) e = e.originalEvent; // jquery fix\n const kc = e.keyCode || e.charCode;\n const pageUpDown = swiper.params.keyboard.pageUpDown;\n const isPageUp = pageUpDown && kc === 33;\n const isPageDown = pageUpDown && kc === 34;\n const isArrowLeft = kc === 37;\n const isArrowRight = kc === 39;\n const isArrowUp = kc === 38;\n const isArrowDown = kc === 40;\n // Directions locks\n if (!swiper.allowSlideNext && (swiper.isHorizontal() && isArrowRight || swiper.isVertical() && isArrowDown || isPageDown)) {\n return false;\n }\n if (!swiper.allowSlidePrev && (swiper.isHorizontal() && isArrowLeft || swiper.isVertical() && isArrowUp || isPageUp)) {\n return false;\n }\n if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {\n return undefined;\n }\n if (document.activeElement && (document.activeElement.isContentEditable || document.activeElement.nodeName && (document.activeElement.nodeName.toLowerCase() === 'input' || document.activeElement.nodeName.toLowerCase() === 'textarea'))) {\n return undefined;\n }\n if (swiper.params.keyboard.onlyInViewport && (isPageUp || isPageDown || isArrowLeft || isArrowRight || isArrowUp || isArrowDown)) {\n let inView = false;\n // Check that swiper should be inside of visible area of window\n if (elementParents(swiper.el, `.${swiper.params.slideClass}, swiper-slide`).length > 0 && elementParents(swiper.el, `.${swiper.params.slideActiveClass}`).length === 0) {\n return undefined;\n }\n const el = swiper.el;\n const swiperWidth = el.clientWidth;\n const swiperHeight = el.clientHeight;\n const windowWidth = window.innerWidth;\n const windowHeight = window.innerHeight;\n const swiperOffset = elementOffset(el);\n if (rtl) swiperOffset.left -= el.scrollLeft;\n const swiperCoord = [[swiperOffset.left, swiperOffset.top], [swiperOffset.left + swiperWidth, swiperOffset.top], [swiperOffset.left, swiperOffset.top + swiperHeight], [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight]];\n for (let i = 0; i < swiperCoord.length; i += 1) {\n const point = swiperCoord[i];\n if (point[0] >= 0 && point[0] <= windowWidth && point[1] >= 0 && point[1] <= windowHeight) {\n if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line\n inView = true;\n }\n }\n if (!inView) return undefined;\n }\n if (swiper.isHorizontal()) {\n if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {\n if (e.preventDefault) e.preventDefault();else e.returnValue = false;\n }\n if ((isPageDown || isArrowRight) && !rtl || (isPageUp || isArrowLeft) && rtl) swiper.slideNext();\n if ((isPageUp || isArrowLeft) && !rtl || (isPageDown || isArrowRight) && rtl) swiper.slidePrev();\n } else {\n if (isPageUp || isPageDown || isArrowUp || isArrowDown) {\n if (e.preventDefault) e.preventDefault();else e.returnValue = false;\n }\n if (isPageDown || isArrowDown) swiper.slideNext();\n if (isPageUp || isArrowUp) swiper.slidePrev();\n }\n emit('keyPress', kc);\n return undefined;\n }\n function enable() {\n if (swiper.keyboard.enabled) return;\n document.addEventListener('keydown', handle);\n swiper.keyboard.enabled = true;\n }\n function disable() {\n if (!swiper.keyboard.enabled) return;\n document.removeEventListener('keydown', handle);\n swiper.keyboard.enabled = false;\n }\n on('init', () => {\n if (swiper.params.keyboard.enabled) {\n enable();\n }\n });\n on('destroy', () => {\n if (swiper.keyboard.enabled) {\n disable();\n }\n });\n Object.assign(swiper.keyboard, {\n enable,\n disable\n });\n}\n\nexport { Keyboard as default };\n"],"names":["_ref","swiper","extendParams","on","emit","document","getDocument","window","getWindow","handle","event","enabled","rtlTranslate","rtl","e","originalEvent","kc","keyCode","charCode","pageUpDown","params","keyboard","isPageUp","isPageDown","isArrowLeft","isArrowRight","isArrowUp","isArrowDown","allowSlideNext","isHorizontal","isVertical","allowSlidePrev","shiftKey","altKey","ctrlKey","metaKey","activeElement","isContentEditable","nodeName","toLowerCase","onlyInViewport","inView","elementParents","el","slideClass","length","slideActiveClass","swiperWidth","clientWidth","swiperHeight","clientHeight","windowWidth","innerWidth","windowHeight","innerHeight","swiperOffset","elementOffset","d","left","scrollLeft","swiperCoord","top","i","point","preventDefault","returnValue","slideNext","slidePrev","enable","addEventListener","disable","removeEventListener","Object","assign"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1 +1 @@
1
- {"version":3,"file":"ssr-window.esm.js","sources":["../../../../../node_modules/swiper/shared/ssr-window.esm.mjs"],"sourcesContent":["/**\n * SSR Window 5.0.0\n * Better handling for window object in SSR environment\n * https://github.com/nolimits4web/ssr-window\n *\n * Copyright 2025, Vladimir Kharlampidi\n *\n * Licensed under MIT\n *\n * Released on: February 12, 2025\n */\n/* eslint-disable no-param-reassign */\nfunction isObject(obj) {\n return obj !== null && typeof obj === 'object' && 'constructor' in obj && obj.constructor === Object;\n}\nfunction extend(target, src) {\n if (target === void 0) {\n target = {};\n }\n if (src === void 0) {\n src = {};\n }\n const noExtend = ['__proto__', 'constructor', 'prototype'];\n Object.keys(src).filter(key => noExtend.indexOf(key) < 0).forEach(key => {\n if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n extend(target[key], src[key]);\n }\n });\n}\nconst ssrDocument = {\n body: {},\n addEventListener() {},\n removeEventListener() {},\n activeElement: {\n blur() {},\n nodeName: ''\n },\n querySelector() {\n return null;\n },\n querySelectorAll() {\n return [];\n },\n getElementById() {\n return null;\n },\n createEvent() {\n return {\n initEvent() {}\n };\n },\n createElement() {\n return {\n children: [],\n childNodes: [],\n style: {},\n setAttribute() {},\n getElementsByTagName() {\n return [];\n }\n };\n },\n createElementNS() {\n return {};\n },\n importNode() {\n return null;\n },\n location: {\n hash: '',\n host: '',\n hostname: '',\n href: '',\n origin: '',\n pathname: '',\n protocol: '',\n search: ''\n }\n};\nfunction getDocument() {\n const doc = typeof document !== 'undefined' ? document : {};\n extend(doc, ssrDocument);\n return doc;\n}\nconst ssrWindow = {\n document: ssrDocument,\n navigator: {\n userAgent: ''\n },\n location: {\n hash: '',\n host: '',\n hostname: '',\n href: '',\n origin: '',\n pathname: '',\n protocol: '',\n search: ''\n },\n history: {\n replaceState() {},\n pushState() {},\n go() {},\n back() {}\n },\n CustomEvent: function CustomEvent() {\n return this;\n },\n addEventListener() {},\n removeEventListener() {},\n getComputedStyle() {\n return {\n getPropertyValue() {\n return '';\n }\n };\n },\n Image() {},\n Date() {},\n screen: {},\n setTimeout() {},\n clearTimeout() {},\n matchMedia() {\n return {};\n },\n requestAnimationFrame(callback) {\n if (typeof setTimeout === 'undefined') {\n callback();\n return null;\n }\n return setTimeout(callback, 0);\n },\n cancelAnimationFrame(id) {\n if (typeof setTimeout === 'undefined') {\n return;\n }\n clearTimeout(id);\n }\n};\nfunction getWindow() {\n const win = typeof window !== 'undefined' ? window : {};\n extend(win, ssrWindow);\n return win;\n}\n\nexport { getWindow as a, getDocument as g };\n"],"names":["isObject","obj","constructor","Object","extend","target","src","noExtend","keys","filter","key","indexOf","forEach","length","ssrDocument","body","addEventListener","removeEventListener","activeElement","blur","nodeName","querySelector","querySelectorAll","getElementById","createEvent","initEvent","createElement","children","childNodes","style","setAttribute","getElementsByTagName","createElementNS","importNode","location","hash","host","hostname","href","origin","pathname","protocol","search","ssrWindow","document","navigator","userAgent","history","replaceState","pushState","go","back","CustomEvent","this","getComputedStyle","getPropertyValue","Image","Date","screen","setTimeout","clearTimeout","matchMedia","requestAnimationFrame","callback","cancelAnimationFrame","id","win","window","doc"],"mappings":"aAYA,SAASA,EAASC,GAChB,OAAe,OAARA,GAA+B,iBAARA,GAAoB,gBAAiBA,GAAOA,EAAIC,cAAgBC,MAChG,CACA,SAASC,EAAOC,EAAQC,QACP,IAAXD,IACFA,EAAS,CAAE,QAED,IAARC,IACFA,EAAM,CAAE,GAEV,MAAMC,EAAW,CAAC,YAAa,cAAe,aAC9CJ,OAAOK,KAAKF,GAAKG,QAAOC,GAAOH,EAASI,QAAQD,GAAO,IAAGE,SAAQF,SACrC,IAAhBL,EAAOK,GAAsBL,EAAOK,GAAOJ,EAAII,GAAcV,EAASM,EAAII,KAASV,EAASK,EAAOK,KAASP,OAAOK,KAAKF,EAAII,IAAMG,OAAS,GACpJT,EAAOC,EAAOK,GAAMJ,EAAII,GAC9B,GAEA,CACA,MAAMI,EAAc,CAClBC,KAAM,CAAE,EACR,gBAAAC,GAAqB,EACrB,mBAAAC,GAAwB,EACxBC,cAAe,CACb,IAAAC,GAAS,EACTC,SAAU,IAEZC,cAAa,IACJ,KAETC,iBAAgB,IACP,GAETC,eAAc,IACL,KAETC,YAAW,KACF,CACL,SAAAC,GAAY,IAGhBC,cAAa,KACJ,CACLC,SAAU,GACVC,WAAY,GACZC,MAAO,CAAE,EACT,YAAAC,GAAiB,EACjBC,qBAAoB,IACX,KAIbC,gBAAe,KACN,CAAE,GAEXC,WAAU,IACD,KAETC,SAAU,CACRC,KAAM,GACNC,KAAM,GACNC,SAAU,GACVC,KAAM,GACNC,OAAQ,GACRC,SAAU,GACVC,SAAU,GACVC,OAAQ,KAQZ,MAAMC,EAAY,CAChBC,SAAU9B,EACV+B,UAAW,CACTC,UAAW,IAEbZ,SAAU,CACRC,KAAM,GACNC,KAAM,GACNC,SAAU,GACVC,KAAM,GACNC,OAAQ,GACRC,SAAU,GACVC,SAAU,GACVC,OAAQ,IAEVK,QAAS,CACP,YAAAC,GAAiB,EACjB,SAAAC,GAAc,EACd,EAAAC,GAAO,EACP,IAAAC,GAAO,GAETC,YAAa,WACX,OAAOC,IACR,EACD,gBAAArC,GAAqB,EACrB,mBAAAC,GAAwB,EACxBqC,iBAAgB,KACP,CACLC,iBAAgB,IACP,KAIb,KAAAC,GAAU,EACV,IAAAC,GAAS,EACTC,OAAQ,CAAE,EACV,UAAAC,GAAe,EACf,YAAAC,GAAiB,EACjBC,WAAU,KACD,CAAE,GAEXC,sBAAsBC,GACM,oBAAfJ,YACTI,IACO,MAEFJ,WAAWI,EAAU,GAE9B,oBAAAC,CAAqBC,GACO,oBAAfN,YAGXC,aAAaK,EACjB,aAEA,WACE,MAAMC,EAAwB,oBAAXC,OAAyBA,OAAS,CAAE,EAEvD,OADA/D,EAAO8D,EAAKvB,GACLuB,CACT,YAhEA,WACE,MAAME,EAA0B,oBAAbxB,SAA2BA,SAAW,CAAE,EAE3D,OADAxC,EAAOgE,EAAKtD,GACLsD,CACT","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"ssr-window.esm.js","sources":["../../../../../node_modules/swiper/shared/ssr-window.esm.mjs"],"sourcesContent":["/**\n * SSR Window 5.0.1\n * Better handling for window object in SSR environment\n * https://github.com/nolimits4web/ssr-window\n *\n * Copyright 2025, Vladimir Kharlampidi\n *\n * Licensed under MIT\n *\n * Released on: June 27, 2025\n */\n/* eslint-disable no-param-reassign */\nfunction isObject(obj) {\n return obj !== null && typeof obj === 'object' && 'constructor' in obj && obj.constructor === Object;\n}\nfunction extend(target, src) {\n if (target === void 0) {\n target = {};\n }\n if (src === void 0) {\n src = {};\n }\n const noExtend = ['__proto__', 'constructor', 'prototype'];\n Object.keys(src).filter(key => noExtend.indexOf(key) < 0).forEach(key => {\n if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n extend(target[key], src[key]);\n }\n });\n}\nconst ssrDocument = {\n body: {},\n addEventListener() {},\n removeEventListener() {},\n activeElement: {\n blur() {},\n nodeName: ''\n },\n querySelector() {\n return null;\n },\n querySelectorAll() {\n return [];\n },\n getElementById() {\n return null;\n },\n createEvent() {\n return {\n initEvent() {}\n };\n },\n createElement() {\n return {\n children: [],\n childNodes: [],\n style: {},\n setAttribute() {},\n getElementsByTagName() {\n return [];\n }\n };\n },\n createElementNS() {\n return {};\n },\n importNode() {\n return null;\n },\n location: {\n hash: '',\n host: '',\n hostname: '',\n href: '',\n origin: '',\n pathname: '',\n protocol: '',\n search: ''\n }\n};\nfunction getDocument() {\n const doc = typeof document !== 'undefined' ? document : {};\n extend(doc, ssrDocument);\n return doc;\n}\nconst ssrWindow = {\n document: ssrDocument,\n navigator: {\n userAgent: ''\n },\n location: {\n hash: '',\n host: '',\n hostname: '',\n href: '',\n origin: '',\n pathname: '',\n protocol: '',\n search: ''\n },\n history: {\n replaceState() {},\n pushState() {},\n go() {},\n back() {}\n },\n CustomEvent: function CustomEvent() {\n return this;\n },\n addEventListener() {},\n removeEventListener() {},\n getComputedStyle() {\n return {\n getPropertyValue() {\n return '';\n }\n };\n },\n Image() {},\n Date() {},\n screen: {},\n setTimeout() {},\n clearTimeout() {},\n matchMedia() {\n return {};\n },\n requestAnimationFrame(callback) {\n if (typeof setTimeout === 'undefined') {\n callback();\n return null;\n }\n return setTimeout(callback, 0);\n },\n cancelAnimationFrame(id) {\n if (typeof setTimeout === 'undefined') {\n return;\n }\n clearTimeout(id);\n }\n};\nfunction getWindow() {\n const win = typeof window !== 'undefined' ? window : {};\n extend(win, ssrWindow);\n return win;\n}\n\nexport { getWindow as a, getDocument as g };\n"],"names":["isObject","obj","constructor","Object","extend","target","src","noExtend","keys","filter","key","indexOf","forEach","length","ssrDocument","body","addEventListener","removeEventListener","activeElement","blur","nodeName","querySelector","querySelectorAll","getElementById","createEvent","initEvent","createElement","children","childNodes","style","setAttribute","getElementsByTagName","createElementNS","importNode","location","hash","host","hostname","href","origin","pathname","protocol","search","ssrWindow","document","navigator","userAgent","history","replaceState","pushState","go","back","CustomEvent","this","getComputedStyle","getPropertyValue","Image","Date","screen","setTimeout","clearTimeout","matchMedia","requestAnimationFrame","callback","cancelAnimationFrame","id","win","window","doc"],"mappings":"aAYA,SAASA,EAASC,GAChB,OAAe,OAARA,GAA+B,iBAARA,GAAoB,gBAAiBA,GAAOA,EAAIC,cAAgBC,MAChG,CACA,SAASC,EAAOC,EAAQC,QACP,IAAXD,IACFA,EAAS,CAAE,QAED,IAARC,IACFA,EAAM,CAAE,GAEV,MAAMC,EAAW,CAAC,YAAa,cAAe,aAC9CJ,OAAOK,KAAKF,GAAKG,QAAOC,GAAOH,EAASI,QAAQD,GAAO,IAAGE,SAAQF,SACrC,IAAhBL,EAAOK,GAAsBL,EAAOK,GAAOJ,EAAII,GAAcV,EAASM,EAAII,KAASV,EAASK,EAAOK,KAASP,OAAOK,KAAKF,EAAII,IAAMG,OAAS,GACpJT,EAAOC,EAAOK,GAAMJ,EAAII,GAC9B,GAEA,CACA,MAAMI,EAAc,CAClBC,KAAM,CAAE,EACR,gBAAAC,GAAqB,EACrB,mBAAAC,GAAwB,EACxBC,cAAe,CACb,IAAAC,GAAS,EACTC,SAAU,IAEZC,cAAa,IACJ,KAETC,iBAAgB,IACP,GAETC,eAAc,IACL,KAETC,YAAW,KACF,CACL,SAAAC,GAAY,IAGhBC,cAAa,KACJ,CACLC,SAAU,GACVC,WAAY,GACZC,MAAO,CAAE,EACT,YAAAC,GAAiB,EACjBC,qBAAoB,IACX,KAIbC,gBAAe,KACN,CAAE,GAEXC,WAAU,IACD,KAETC,SAAU,CACRC,KAAM,GACNC,KAAM,GACNC,SAAU,GACVC,KAAM,GACNC,OAAQ,GACRC,SAAU,GACVC,SAAU,GACVC,OAAQ,KAQZ,MAAMC,EAAY,CAChBC,SAAU9B,EACV+B,UAAW,CACTC,UAAW,IAEbZ,SAAU,CACRC,KAAM,GACNC,KAAM,GACNC,SAAU,GACVC,KAAM,GACNC,OAAQ,GACRC,SAAU,GACVC,SAAU,GACVC,OAAQ,IAEVK,QAAS,CACP,YAAAC,GAAiB,EACjB,SAAAC,GAAc,EACd,EAAAC,GAAO,EACP,IAAAC,GAAO,GAETC,YAAa,WACX,OAAOC,IACR,EACD,gBAAArC,GAAqB,EACrB,mBAAAC,GAAwB,EACxBqC,iBAAgB,KACP,CACLC,iBAAgB,IACP,KAIb,KAAAC,GAAU,EACV,IAAAC,GAAS,EACTC,OAAQ,CAAE,EACV,UAAAC,GAAe,EACf,YAAAC,GAAiB,EACjBC,WAAU,KACD,CAAE,GAEXC,sBAAsBC,GACM,oBAAfJ,YACTI,IACO,MAEFJ,WAAWI,EAAU,GAE9B,oBAAAC,CAAqBC,GACO,oBAAfN,YAGXC,aAAaK,EACjB,aAEA,WACE,MAAMC,EAAwB,oBAAXC,OAAyBA,OAAS,CAAE,EAEvD,OADA/D,EAAO8D,EAAKvB,GACLuB,CACT,YAhEA,WACE,MAAME,EAA0B,oBAAbxB,SAA2BA,SAAW,CAAE,EAE3D,OADAxC,EAAOgE,EAAKtD,GACLsD,CACT","x_google_ignoreList":[0]}