@preply/ds-docs 1.3.0 → 1.4.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 (248) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-8tg2E-qV.js → 00.LayoutFlex.stories-ed2lpBeG.js} +1 -1
  2. package/dist/assets/{00.applications-D2_tGfRf.js → 00.applications-DLWUENDG.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-C690JGQk.js → 00.favicons.guide-D5-20tQH.js} +1 -1
  4. package/dist/assets/{00.token-explorer-y6W0f5Yb.js → 00.token-explorer-BIc8vy7H.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-D7HIJt3_.js → 00.using-responsive-props-CY9p8v_u.js} +1 -1
  6. package/dist/assets/01.semantic-tokens-CThrY5Ts.js +2 -0
  7. package/dist/assets/{01.using-shorthand-props-D5OpTPkW.js → 01.using-shorthand-props-C_vbhNfL.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-Ct6685NI.js → 10.Combinations.stories-Bj20QCLY.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-D9i9sQJH.js → 10.fonts.guide-Dy8fgLU5.js} +1 -1
  10. package/dist/assets/{10.ssr-DSJl1ffD.js → 10.ssr-D9v_dR0o.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-I7XhZ4Xm.js → 11.languageFont.explorer-BZuqA2Qd.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-BuXrSise.js → 11.ssr.app-router-CU9S0P9E.js} +1 -1
  13. package/dist/assets/{20.libraries-D_xIp-Wv.js → 20.libraries-CG6__ozS.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-PH1cdaPD.js → 30.icons.explorer-CK_LzlUE.js} +1 -1
  15. package/dist/assets/{30.storybook-CEe-PiYy.js → 30.storybook-Be_FRDz_.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-D7eLGfu0.js → 40.illustrations.explorer-lGFuCzSa.js} +1 -1
  17. package/dist/assets/{90.advanced-BE9PXRjl.js → 90.advanced-C4czMsOy.js} +1 -1
  18. package/dist/assets/AlertDialog-CSUTu5O6.css +1 -0
  19. package/dist/assets/AlertDialog.stories-DlRWBYYU.js +142 -0
  20. package/dist/assets/Avatar-CmnrM37w.js +6 -0
  21. package/dist/assets/Avatar-JE3Hcbkv.css +1 -0
  22. package/dist/assets/Avatar-_W1s5JpT.css +1 -0
  23. package/dist/assets/Avatar-iqWOn9Tl.js +1 -0
  24. package/dist/assets/{Avatar.stories-Bt8pPC1s.js → Avatar.stories-OTgx0pcM.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-pddO2Nza.css +1 -0
  26. package/dist/assets/{AvatarWithStatus.stories-DZOf0a9g.js → AvatarWithStatus.stories--mF91ETX.js} +2 -2
  27. package/dist/assets/Badge-DcbG4N4-.css +1 -0
  28. package/dist/assets/{Badge.stories-BEJXe-bl.js → Badge.stories-D8nghiXL.js} +2 -2
  29. package/dist/assets/Box-CJkXzUjZ.css +1 -0
  30. package/dist/assets/Box.stories-DxW6l-HA.js +44 -0
  31. package/dist/assets/Button-B1mdczvv.js +1 -0
  32. package/dist/assets/Button-C6kEKm6h.css +1 -0
  33. package/dist/assets/Button-CHTJqu07.css +1 -0
  34. package/dist/assets/{Button-CGkNG45w.js → Button-DqwK0S70.js} +1 -1
  35. package/dist/assets/{Button.stories-CkilfUVx.js → Button.stories-oW-QBb5C.js} +1 -1
  36. package/dist/assets/{ButtonBase-CoA6K-It.css → ButtonBase-CuGZo0xf.css} +1 -1
  37. package/dist/assets/ButtonBase-D31GBWHv.js +8 -0
  38. package/dist/assets/Chips-Dejf8Sh_.css +1 -0
  39. package/dist/assets/{Chips.stories-BazAHlkw.js → Chips.stories-DiprPB2i.js} +1 -1
  40. package/dist/assets/{Color-YHDXOIA2-C4y61ek1.js → Color-YHDXOIA2-C2h0aGNO.js} +1 -1
  41. package/dist/assets/Dialog-DwZQYtV6.css +1 -0
  42. package/dist/assets/{Dialog.stories-tKAuFOhG.js → Dialog.stories-CAPNnMI_.js} +16 -16
  43. package/dist/assets/{DocsRenderer-CFRXHY34-CKni1BW8.js → DocsRenderer-CFRXHY34-C35smYsV.js} +1 -1
  44. package/dist/assets/FieldAdditionalText-CUu6JGoC.css +1 -0
  45. package/dist/assets/{FieldAdditionalText-DuEWaFeu.js → FieldAdditionalText-lW7Q1VGp.js} +1 -1
  46. package/dist/assets/{FieldAdditionalText.stories-BKzJywVE.js → FieldAdditionalText.stories-DcGxrOlS.js} +1 -1
  47. package/dist/assets/{FieldButton-D-la2Jzn.js → FieldButton-QHhW28uq.js} +1 -1
  48. package/dist/assets/{FieldButton-DnMkKpFP.css → FieldButton-k7TvuQHy.css} +1 -1
  49. package/dist/assets/{FieldButton.stories-DNCX_6wX.js → FieldButton.stories-vBmg2O9Q.js} +1 -1
  50. package/dist/assets/{FieldLayout-ucPtI83J.js → FieldLayout-BGkL1EMg.js} +1 -1
  51. package/dist/assets/FieldLayout-CG9n-WOS.css +1 -0
  52. package/dist/assets/{FieldLayout.stories-BaXyFyV0.js → FieldLayout.stories-CtD6-C6l.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-CoIn-2cd.css +1 -0
  54. package/dist/assets/{FieldLayoutBase-BmwMSdWE.js → FieldLayoutBase-DQbxDQVA.js} +3 -3
  55. package/dist/assets/Heading-CifnBvGj.js +2 -0
  56. package/dist/assets/{Heading-DamS8I5F.css → Heading-DeYpQLgb.css} +1 -1
  57. package/dist/assets/{Heading.stories-DRr8Hoa4.js → Heading.stories-CROOXvlq.js} +1 -1
  58. package/dist/assets/Icon-BVvspUlo.js +1 -0
  59. package/dist/assets/Icon-BwwIOKM_.js +8 -0
  60. package/dist/assets/Icon-ByJ3-8OT.css +1 -0
  61. package/dist/assets/Icon-DghDQiVd.css +1 -0
  62. package/dist/assets/{Icon-RSC-CovqgG20.js → Icon-RSC-BOyrffYC.js} +1 -1
  63. package/dist/assets/{Icon.stories-CaNkb_vC.js → Icon.stories-BqehTDt3.js} +1 -1
  64. package/dist/assets/{IconButton-Bh5Ni2UR.js → IconButton-CI9clg4P.js} +1 -1
  65. package/dist/assets/InputText-DmOW3mdD.js +5 -0
  66. package/dist/assets/{LayoutFlex-gmvguImq.js → LayoutFlex-CaenMVBF.js} +1 -1
  67. package/dist/assets/{LayoutFlex-CDowjZxB.js → LayoutFlex-JnKYDcpC.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-BM0Abp7Y.js +1 -0
  69. package/dist/assets/LayoutFlexItem-Dv67D5k3.css +1 -0
  70. package/dist/assets/LayoutGrid-BG6JKtyy.css +1 -0
  71. package/dist/assets/LayoutGrid-BhioG4bL.js +1 -0
  72. package/dist/assets/LayoutGrid-CJQpEAmZ.css +1 -0
  73. package/dist/assets/{LayoutGrid.stories-CQPljoqP.js → LayoutGrid.stories-Dv8lBJmB.js} +3 -3
  74. package/dist/assets/LayoutGridItem-BDT0sqW-.css +1 -0
  75. package/dist/assets/LayoutGridItem-CdnUXNtY.js +1 -0
  76. package/dist/assets/Link-vYql_2wB.css +1 -0
  77. package/dist/assets/{Link.stories-zLAuWX9B.js → Link.stories-DXbiFw9-.js} +4 -4
  78. package/dist/assets/Loader-DLP0PI5-.css +1 -0
  79. package/dist/assets/{Loader.stories-BboqpWt8.js → Loader.stories-DvgUtUpE.js} +2 -2
  80. package/dist/assets/{NumberField.stories-BpHFB9CV.js → NumberField.stories-BQIOdo90.js} +2 -2
  81. package/dist/assets/{ObserveIntersection-Ccn6ggRl.js → ObserveIntersection-D396wl1Z.js} +1 -1
  82. package/dist/assets/{ObserveIntersection.stories-CK5RwCMK.js → ObserveIntersection.stories-DIe0cEvy.js} +1 -1
  83. package/dist/assets/{OnboardingTooltip-x2DszDmR.js → OnboardingTooltip-IYSphueI.js} +1 -1
  84. package/dist/assets/OnboardingTooltip-RxaiJe-3.css +1 -0
  85. package/dist/assets/{OnboardingTooltip.stories-YGWZh7wP.js → OnboardingTooltip.stories-DnfLcLUg.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.tests.stories-BK5MQVED.js → OnboardingTooltip.tests.stories-DobHu21P.js} +1 -1
  87. package/dist/assets/{OnboardingTour-X5M_cS7-.js → OnboardingTour-2YaW_XWj.js} +1 -1
  88. package/dist/assets/{OnboardingTour-BP4h7xR5.css → OnboardingTour-Dr4ZlIUd.css} +1 -1
  89. package/dist/assets/{OnboardingTour.stories-BXsH2xpO.js → OnboardingTour.stories-BUBpjiez.js} +2 -2
  90. package/dist/assets/{OnboardingTour.tests.stories-DPOUFVqx.js → OnboardingTour.tests.stories-Buou9m4A.js} +1 -1
  91. package/dist/assets/PasswordField.stories-BevSwKGm.js +203 -0
  92. package/dist/assets/{PortalElementProvider-C0EkDknq.js → PortalElementProvider-DidBkzFe.js} +1 -1
  93. package/dist/assets/PreplyLogo-CBB3sPr3.css +1 -0
  94. package/dist/assets/{PreplyLogo.stories-DmXcvjgv.js → PreplyLogo.stories-BReIYVeE.js} +1 -1
  95. package/dist/assets/{ProgressBar-MHmjD13J.css → ProgressBar-D5aTIWY3.css} +1 -1
  96. package/dist/assets/{ProgressBar.stories-zcVtMh1i.js → ProgressBar.stories-wrAgHPrO.js} +1 -1
  97. package/dist/assets/{ProgressSteps-DKRENNWi.js → ProgressSteps-DWp2S1-b.js} +1 -1
  98. package/dist/assets/ProgressSteps-s9ACrzTy.css +1 -0
  99. package/dist/assets/{ProgressSteps.stories-BI9GvwsT.js → ProgressSteps.stories-CsWQLVog.js} +1 -1
  100. package/dist/assets/RootProvider-o_gxYeLh.js +1 -0
  101. package/dist/assets/SelectField-N7X7yUPn.css +1 -0
  102. package/dist/assets/SelectField.stories-9iipR200.js +182 -0
  103. package/dist/assets/{ShowOnIntersection.stories-D4B8EpSn.js → ShowOnIntersection.stories-BYz5GE4A.js} +1 -1
  104. package/dist/assets/Spinner-CVHMc-T0.css +1 -0
  105. package/dist/assets/{Spinner-DvSs1_DJ.js → Spinner-Dsa9X0G6.js} +1 -1
  106. package/dist/assets/Steps-CQWsOQKy.css +1 -0
  107. package/dist/assets/{Steps-BA9vRUSH.js → Steps-ifU4R9DW.js} +2 -2
  108. package/dist/assets/{Steps.stories-CArtTlc9.js → Steps.stories-DkI3jK5X.js} +1 -1
  109. package/dist/assets/{Text-D1nuTHlP.css → Text-BWNSh4D5.css} +1 -1
  110. package/dist/assets/Text-CDqVYAcD.js +1 -0
  111. package/dist/assets/Text-CdCGNBj4.js +1 -0
  112. package/dist/assets/{Text.stories-NYehfxgE.js → Text.stories-B8iegpqH.js} +1 -1
  113. package/dist/assets/TextField-DAwVD2CM.css +1 -0
  114. package/dist/assets/TextField-q53ruCuh.js +1 -0
  115. package/dist/assets/{TextField.stories-BY1H4a9E.js → TextField.stories-Beeq1JfY.js} +1 -1
  116. package/dist/assets/TextHighlighted-BHCtybuo.css +1 -0
  117. package/dist/assets/TextHighlighted-BdF2_CZo.js +1 -0
  118. package/dist/assets/{TextHighlighted.stories-CU-YQh0c.js → TextHighlighted.stories-DdbLv0RQ.js} +1 -1
  119. package/dist/assets/TextInline-CDFHfvph.css +1 -0
  120. package/dist/assets/{TextInline.stories-DxQqdyQA.js → TextInline.stories-aCVFO11z.js} +2 -2
  121. package/dist/assets/TextareaField.stories-bA314Jtt.js +221 -0
  122. package/dist/assets/Toast-BBn7aSpe.css +1 -0
  123. package/dist/assets/{Toast.stories-CSVzAKHh.js → Toast.stories-BZFlc1-_.js} +2 -2
  124. package/dist/assets/{Tooltip-CgNSV1zx.js → Tooltip-BvCJt9jJ.js} +1 -1
  125. package/dist/assets/Tooltip-Mm-tBuF2.css +1 -0
  126. package/dist/assets/{Tooltip.stories-BF2zDAu3.js → Tooltip.stories-Crh2sW9L.js} +1 -1
  127. package/dist/assets/{Tooltip.tests.stories-C_Osfge1.js → Tooltip.tests.stories-bmaSwgkR.js} +1 -1
  128. package/dist/assets/{breakpoints-Cxi56OGx.js → breakpoints-BELcY-aB.js} +1 -1
  129. package/dist/assets/{breakpoints-DAR-E6eG.js → breakpoints-CIpR6Rpt.js} +1 -1
  130. package/dist/assets/{breakpoints-BByG6q2q.js → breakpoints-_joXL0S9.js} +1 -1
  131. package/dist/assets/{changelog-DCnSoaQc.js → changelog-DdodvQsh.js} +200 -185
  132. package/dist/assets/{entry-preview-Rs3WVjAk.js → entry-preview-DNvfsvqm.js} +1 -1
  133. package/dist/assets/{getTokenVar-CD9sYO_0.js → getTokenVar-RiIceD0Y.js} +1 -1
  134. package/dist/assets/{hover-fULXOCaM.js → hover-BIABQ7bm.js} +1 -1
  135. package/dist/assets/{hover-BYUspDz3.js → hover-D2OphZ3W.js} +1 -1
  136. package/dist/assets/{hover-BILa1Jbh.js → hover-DDVoGg-g.js} +1 -1
  137. package/dist/assets/{iframe-vWKo2WPz.js → iframe-B08s_jqc.js} +2 -2
  138. package/dist/assets/{index-CWwb_nwj.js → index-B-5rsJjr.js} +1 -1
  139. package/dist/assets/{index-Cif9ZBgo.js → index-B77PBZuV.js} +1 -1
  140. package/dist/assets/{index-D1KM2TH6.js → index-BGAhMoqL.js} +3 -3
  141. package/dist/assets/index-BnaDsecG.js +7 -0
  142. package/dist/assets/{index-BoUZTGSt.js → index-CJrO-Wtu.js} +1 -1
  143. package/dist/assets/{index-F5yHvirT.js → index-DSa6qU7h.js} +1 -1
  144. package/dist/assets/{index-DlTEQ-d3.js → index-DmM0DblE.js} +1 -1
  145. package/dist/assets/{index-rt3jK62F.js → index-ODU_8Fga.js} +1 -1
  146. package/dist/assets/{intro-DZn3DHvI.js → intro-9BhCdV9M.js} +1 -1
  147. package/dist/assets/layout-relative-0-BGcS53.css +1 -0
  148. package/dist/assets/layout-relative-D-nYASza.css +1 -0
  149. package/dist/assets/layout-relative-DZ8FL-vJ.js +1 -0
  150. package/dist/assets/layout-relative-DiL5t_eA.css +1 -0
  151. package/dist/assets/layout-relative.module-Bf3FithH.js +1 -0
  152. package/dist/assets/layout-relative.module-CXJ9jc4G--YD8TQc4.js +1 -0
  153. package/dist/assets/{migrating-from-less-xfxGGfRQ.js → migrating-from-less-DX0PnZZJ.js} +1 -1
  154. package/dist/assets/options-DSKYF8ow.js +1 -0
  155. package/dist/assets/playground-BQGD3iU0.css +1 -0
  156. package/dist/assets/playground.stories-IM0Bn8my.js +857 -0
  157. package/dist/assets/{preview-BvnzZDeA.js → preview-DSwUvj7R.js} +1 -1
  158. package/dist/assets/{preview-uG6E6GFr.js → preview-D_cPBI7P.js} +2 -2
  159. package/dist/assets/{preview-D6yuuWfR.js → preview-E8zsGlo4.js} +1 -1
  160. package/dist/assets/text-accent-0oTyB6kb.css +1 -0
  161. package/dist/assets/text-accent-BMcamJQk.js +1 -0
  162. package/dist/assets/text-accent-CrnHOlvW.js +1 -0
  163. package/dist/assets/text-centered-1sU8-E1D.js +1 -0
  164. package/dist/assets/text-centered-BSdMMoT9.js +1 -0
  165. package/dist/assets/text-centered-BttmHjSJ.css +1 -0
  166. package/dist/assets/text-centered-V2JhT89g.css +1 -0
  167. package/dist/assets/{tokens-CIIxcXCS.js → tokens-D2SDDihU.js} +1 -1
  168. package/dist/assets/{tokens-C8usiAXt.js → tokens-DRcTh2ws.js} +1 -1
  169. package/dist/assets/tokens-Di5DrZN4.js +1 -0
  170. package/dist/assets/{tokens-RhSryCef.js → tokens-yG_wYklp.js} +1 -1
  171. package/dist/assets/{usePortalElement-DNdIYdAm.js → usePortalElement-aOX_O1I5.js} +1 -1
  172. package/dist/assets/{welcome-Dvt2b5nq.js → welcome-CGkWDS9u.js} +1 -1
  173. package/dist/assets/{zeroheight-LFw34vvi.js → zeroheight-CH9deXT2.js} +1 -1
  174. package/dist/iframe.html +1 -1
  175. package/dist/preview-stats.json +1371 -1188
  176. package/dist/project.json +1 -1
  177. package/package.json +3 -3
  178. package/dist/assets/01.semantic-tokens-Dy0yYUja.js +0 -2
  179. package/dist/assets/AlertDialog-DW9_6AZ8.css +0 -1
  180. package/dist/assets/AlertDialog.stories-DL75XA8r.js +0 -148
  181. package/dist/assets/Avatar-B2F4MHTO.css +0 -1
  182. package/dist/assets/Avatar-BhQ7jOQj.js +0 -6
  183. package/dist/assets/Avatar-BmAsMdOp.css +0 -1
  184. package/dist/assets/Avatar-Bwsmc9lX.js +0 -1
  185. package/dist/assets/AvatarWithStatus-pY3sCrjp.css +0 -1
  186. package/dist/assets/Badge-CpgrOePP.css +0 -1
  187. package/dist/assets/Box-CM3YGFU2.css +0 -1
  188. package/dist/assets/Box.stories-CH6Mdgpt.js +0 -44
  189. package/dist/assets/Button-BC_jw4NG.css +0 -1
  190. package/dist/assets/ButtonBase-DGRySlif.js +0 -8
  191. package/dist/assets/Chips-npNdfrcI.css +0 -1
  192. package/dist/assets/Dialog-D_4XJPhu.css +0 -1
  193. package/dist/assets/FieldAdditionalText-CwUpaFS0.css +0 -1
  194. package/dist/assets/FieldLayout-n59cZav_.css +0 -1
  195. package/dist/assets/FieldLayoutBase-DfX79WCU.css +0 -1
  196. package/dist/assets/Heading-BBi-mqnb.css +0 -1
  197. package/dist/assets/Heading-D5Sdpx6j.js +0 -2
  198. package/dist/assets/Heading-DIKUudVW.js +0 -1
  199. package/dist/assets/Icon-C6rDUkYo.js +0 -8
  200. package/dist/assets/Icon-CL5fP8-X.css +0 -1
  201. package/dist/assets/Icon-Cm_cf2-0.css +0 -1
  202. package/dist/assets/Icon-D7dTFAZz.js +0 -1
  203. package/dist/assets/InputText-DcyrRnV_.js +0 -5
  204. package/dist/assets/LayoutFlexItem-B-sXwsal.js +0 -1
  205. package/dist/assets/LayoutFlexItem-BelX-aXB.css +0 -1
  206. package/dist/assets/LayoutGrid-DfeGijvV.css +0 -1
  207. package/dist/assets/LayoutGrid-QZAfTQn5.js +0 -1
  208. package/dist/assets/LayoutGrid-aWJCovC4.css +0 -1
  209. package/dist/assets/LayoutGridItem-BTVKItd4.css +0 -1
  210. package/dist/assets/LayoutGridItem-ChTN54lj.js +0 -1
  211. package/dist/assets/Link-Be5EvvvY.css +0 -1
  212. package/dist/assets/Loader-COd8FTp8.css +0 -1
  213. package/dist/assets/OnboardingTooltip-CWEDWsqF.css +0 -1
  214. package/dist/assets/PasswordField.stories-Dmzyz9HV.js +0 -203
  215. package/dist/assets/PreplyLogo-D-EL1nAu.css +0 -1
  216. package/dist/assets/ProgressSteps-aaWTTKJv.css +0 -1
  217. package/dist/assets/RootProvider-_OxBHGC3.js +0 -1
  218. package/dist/assets/SelectField-DRuLQN6Y.css +0 -1
  219. package/dist/assets/SelectField.stories-D3P13J7b.js +0 -182
  220. package/dist/assets/Spinner-CdCa7n5q.css +0 -1
  221. package/dist/assets/Steps-BvugtWzT.css +0 -1
  222. package/dist/assets/Text-DEPGSVyh.js +0 -1
  223. package/dist/assets/Text-DYAggeGe.js +0 -1
  224. package/dist/assets/TextField-CyKhijoj.css +0 -1
  225. package/dist/assets/TextField-DphTmQSZ.js +0 -1
  226. package/dist/assets/TextHighlighted-BpMBas3S.js +0 -1
  227. package/dist/assets/TextHighlighted-D5caZ97j.css +0 -1
  228. package/dist/assets/TextInline-CcXMe67Y.css +0 -1
  229. package/dist/assets/TextareaField.stories-CYQV7fgs.js +0 -221
  230. package/dist/assets/Toast-CLpvlMPv.css +0 -1
  231. package/dist/assets/Tooltip-C6hVxAqp.css +0 -1
  232. package/dist/assets/layout-relative-B5qIaygx.css +0 -1
  233. package/dist/assets/layout-relative-BtZgANvD.css +0 -1
  234. package/dist/assets/layout-relative-Css93Y6Y.css +0 -1
  235. package/dist/assets/layout-relative-DHMpxpbw.js +0 -1
  236. package/dist/assets/layout-relative.module-CictnSCd.js +0 -1
  237. package/dist/assets/layout-relative.module-CuJ1jHGm-eCgTXz_W.js +0 -1
  238. package/dist/assets/options-8hBtriF-.js +0 -1
  239. package/dist/assets/playground-CqRPyHSX.css +0 -1
  240. package/dist/assets/playground.stories-Bc2EUyjN.js +0 -857
  241. package/dist/assets/text-accent-BUKnCsGG.css +0 -1
  242. package/dist/assets/text-accent-CvjwTDtK.js +0 -1
  243. package/dist/assets/text-accent-DL4_rrDH.js +0 -1
  244. package/dist/assets/text-centered-B1nRgYwv.js +0 -1
  245. package/dist/assets/text-centered-BCCtSPST.css +0 -1
  246. package/dist/assets/text-centered-BMzFcUqk.css +0 -1
  247. package/dist/assets/text-centered-DqK_kb5q.js +0 -1
  248. package/dist/assets/tokens-CkwKC70_.js +0 -1
package/dist/project.json CHANGED
@@ -1 +1 @@
1
- {"generatedAt":1743495223190,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"8.1.5"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.5.8","storybookVersionSpecifier":"8.5.8","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.5.8"},"@storybook/addon-essentials":{"version":"8.5.8"},"@storybook/addon-links":{"version":"8.5.8"},"@storybook/blocks":{"version":"8.5.8"},"@storybook/components":{"version":"8.5.8"},"@storybook/experimental-addon-test":{"version":"8.5.8"},"@storybook/manager-api":{"version":"8.5.8"},"@storybook/react":{"version":"8.5.8"},"@storybook/react-vite":{"version":"8.5.8"},"@storybook/test":{"version":"8.5.8"},"storybook":{"version":"8.5.8"},"storybook-addon-code-editor":{"version":"3.2.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/experimental-addon-test":{"version":null}}}
1
+ {"generatedAt":1743580612888,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"8.1.5"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.5.8","storybookVersionSpecifier":"8.5.8","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.5.8"},"@storybook/addon-essentials":{"version":"8.5.8"},"@storybook/addon-links":{"version":"8.5.8"},"@storybook/blocks":{"version":"8.5.8"},"@storybook/components":{"version":"8.5.8"},"@storybook/experimental-addon-test":{"version":"8.5.8"},"@storybook/manager-api":{"version":"8.5.8"},"@storybook/react":{"version":"8.5.8"},"@storybook/react-vite":{"version":"8.5.8"},"@storybook/test":{"version":"8.5.8"},"storybook":{"version":"8.5.8"},"storybook-addon-code-editor":{"version":"3.2.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/experimental-addon-test":{"version":null}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-docs",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "devDependencies": {
23
23
  "@chromatic-com/storybook": "^3.2.4",
24
- "@preply/ds-i18n": "1.3.0",
24
+ "@preply/ds-i18n": "1.4.0",
25
25
  "@storybook/addon-a11y": "8.5.8",
26
26
  "@storybook/addon-essentials": "8.5.8",
27
27
  "@storybook/addon-links": "8.5.8",
@@ -46,5 +46,5 @@
46
46
  "vite": "6.1.1",
47
47
  "vite-plugin-svgr": "4.3.0"
48
48
  },
49
- "gitHead": "bd61fb5910d4cc13ceb412e3ae803ad0822db2b4"
49
+ "gitHead": "571000316b8af20c166b9b0a750ececcc5b6a381"
50
50
  }
@@ -1,2 +0,0 @@
1
- import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as m}from"./index-BN6VMYqa.js";import{M as p}from"./index-D1KM2TH6.js";import{H as a,B as s}from"./Heading-DIKUudVW.js";import{L as d}from"./LayoutGrid-QZAfTQn5.js";import{L as l}from"./LayoutGridItem-ChTN54lj.js";import"./index-Cb9e4tly.js";import{t as x}from"./tokens-CkwKC70_.js";import"./index-ChsGqxH_.js";import"./iframe-vWKo2WPz.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./render-icon-Du0nasoi.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./text-accent-DL4_rrDH.js";import"./text-centered-B1nRgYwv.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-CuJ1jHGm-eCgTXz_W.js";import"./constants-DYYVurUY.js";import"./constants-BgBLeZzp.js";const o=({inverted:t,textToken:n})=>{const c=x.color.text[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsx("div",{style:{color:`var(--${c[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${t?x.color.background.primaryInverted[1]:x.color.background.primary[1]})`},children:r.jsxs("code",{children:["color.text.",n]})})]},n):null};o.defaultProps={inverted:!1};const e=({inverted:t,bgToken:n})=>{const c=x.color.background[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsxs("div",{style:{background:`var(--${x.color.background[n][1]})`,color:`var(--${t?x.color.text.inverted[1]:x.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",r.jsxs("code",{children:["color.background.",n]})]})]},n):null};e.defaultProps={inverted:!1};const i=({contentToken:t})=>{const n=x.color.border[t];return Array.isArray(n)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:t}),r.jsx("br",{}),r.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",t]})]},t):null};i.defaultProps={};const k=()=>r.jsxs(d,{gap:"xs",columns:2,children:[r.jsx(s,{children:"Token family: action.variant.primary.*"}),r.jsx(s,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),r.jsx(s,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),r.jsx(s,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),r.jsx(s,{variant:"critical",children:"Token family: action.variant.critical.*"}),r.jsx(s,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),r.jsx(s,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),r.jsx(s,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),h=()=>r.jsxs("div",{children:[r.jsx(a,{level:"h1",children:"Semantic token examples"}),r.jsx("p",{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Text tokens"}),r.jsx("br",{}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(o,{textToken:"primary"}),r.jsx(o,{textToken:"secondary"}),r.jsx(o,{textToken:"tertiary"}),r.jsx(o,{textToken:"accentDark"}),r.jsx(o,{textToken:"placeholder"}),r.jsx(o,{textToken:"inverted",inverted:!0}),r.jsx(o,{textToken:"positive"}),r.jsx(o,{textToken:"info"}),r.jsx(o,{textToken:"warning"}),r.jsx(o,{textToken:"critical"})]}),r.jsx("br",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Background tokens"}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(e,{bgToken:"primary"}),r.jsx(e,{bgToken:"secondary"}),r.jsx(e,{bgToken:"tertiary"}),r.jsx(e,{bgToken:"overlay"}),r.jsx(e,{bgToken:"disabled"}),r.jsx(e,{bgToken:"brand"}),r.jsx(e,{bgToken:"brandB2b"}),r.jsx(e,{bgToken:"accentLight"}),r.jsx(e,{bgToken:"accentDark",inverted:!0}),r.jsx(e,{bgToken:"positiveLight"}),r.jsx(e,{bgToken:"positiveDark",inverted:!0}),r.jsx(e,{bgToken:"infoLight"}),r.jsx(e,{bgToken:"infoDark",inverted:!0}),r.jsx(e,{bgToken:"warningLight"}),r.jsx(e,{bgToken:"warningDark",inverted:!0}),r.jsx(e,{bgToken:"criticalLight"}),r.jsx(e,{bgToken:"criticalDark",inverted:!0}),r.jsx(e,{bgToken:"statusOnline"}),r.jsx(e,{bgToken:"statusOffline"}),r.jsx(e,{bgToken:"primaryInverted",inverted:!0}),r.jsx(e,{bgToken:"secondaryInverted",inverted:!0}),r.jsx(e,{bgToken:"tertiaryInverted",inverted:!0})]}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Action"}),r.jsx("br",{}),r.jsx(k,{}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Borders"}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(i,{contentToken:"primary"}),r.jsx(i,{contentToken:"secondary"}),r.jsx(i,{contentToken:"secondary-opacity"}),r.jsx(i,{contentToken:"tertiary"}),r.jsx(i,{contentToken:"disabled"}),r.jsx(i,{contentToken:"brand"}),r.jsx(i,{contentToken:"critical"}),r.jsx(i,{contentToken:"focus"}),r.jsx(i,{contentToken:"positive"})]})]});function j(t){return r.jsxs(r.Fragment,{children:[r.jsx(p,{title:"Guides/Semantic tokens examples"}),`
2
- `,r.jsx(h,{})]})}function J(t={}){const{wrapper:n}={...m(),...t.components};return n?r.jsx(n,{...t,children:r.jsx(j,{...t})}):j()}export{J as default};
@@ -1 +0,0 @@
1
- @keyframes _overlayShow_j7y1c_1{0%{opacity:0}to{opacity:1}}@keyframes _contentShow_j7y1c_1{0%{opacity:0;transform:translateY(var(--590b8d))}to{opacity:1;transform:translateY(0)}}._overlay_j7y1c_21{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: no-preference){._overlay_j7y1c_21[data-state=open]{animation:_overlayShow_j7y1c_1 .15s cubic-bezier(.4,0,.2,1)}}._content_j7y1c_31{background-color:var(--3546c3);box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:var(--f1b498);border-radius:var(--fa4b1a);width:90%;max-width:440px;height:fit-content;box-shadow:var(--df7dbb);display:flex;flex-direction:column;gap:var(--558c4c)}@media (prefers-reduced-motion: no-preference){._content_j7y1c_31[data-state=open]{animation:_contentShow_j7y1c_1 .15s cubic-bezier(.4,0,.2,1)}}._description_j7y1c_52{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}._actions_j7y1c_58{display:flex;flex-direction:column;gap:var(--558c4c)}@media (min-width: 400px){._actions_j7y1c_58{flex-direction:row;justify-content:flex-end}}
@@ -1,148 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{u as Q,w as Z,e as ee}from"./index-BVDq5o4N.js";import{a as u}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{g as B,c as te,e as ne,h as re,i as oe}from"./PortalElementProvider-C0EkDknq.js";import{c as I,R as ae,P as ie,O as le,W as se,C as ce,T as de,D as ue,a as F,b as pe}from"./index-BoUZTGSt.js";import{H as ge}from"./Heading-D5Sdpx6j.js";import{B as m}from"./Button-CGkNG45w.js";import{g as me}from"./index-DdzHuZ-Y.js";import{w as fe}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-CWwb_nwj.js";import"./tslib.es6-BntfKcQG.js";import"./text-accent-CvjwTDtK.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-DqK_kb5q.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-DGRySlif.js";import"./Spinner-DvSs1_DJ.js";import"./defaults-B1rzzf6M.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";var M="AlertDialog",[Ae,gt]=te(M,[I]),c=I(),q=n=>{const{__scopeAlertDialog:t,...r}=n,o=c(t);return e.jsx(ae,{...o,...r,modal:!0})};q.displayName=M;var he="AlertDialogTrigger",U=i.forwardRef((n,t)=>{const{__scopeAlertDialog:r,...o}=n,a=c(r);return e.jsx(pe,{...a,...o,ref:t})});U.displayName=he;var ve="AlertDialogPortal",W=n=>{const{__scopeAlertDialog:t,...r}=n,o=c(t);return e.jsx(ie,{...o,...r})};W.displayName=ve;var ye="AlertDialogOverlay",L=i.forwardRef((n,t)=>{const{__scopeAlertDialog:r,...o}=n,a=c(r);return e.jsx(le,{...a,...o,ref:t})});L.displayName=ye;var g="AlertDialogContent",[De,Ce]=Ae(g),V=i.forwardRef((n,t)=>{const{__scopeAlertDialog:r,children:o,...a}=n,d=c(r),p=i.useRef(null),A=B(t,p),f=i.useRef(null);return e.jsx(se,{contentName:g,titleName:$,docsSlug:"alert-dialog",children:e.jsx(De,{scope:r,cancelRef:f,children:e.jsxs(ce,{role:"alertdialog",...d,...a,ref:A,onOpenAutoFocus:ne(a.onOpenAutoFocus,s=>{var x;s.preventDefault(),(x=f.current)==null||x.focus({preventScroll:!0})}),onPointerDownOutside:s=>s.preventDefault(),onInteractOutside:s=>s.preventDefault(),children:[e.jsx(re,{children:o}),e.jsx(je,{contentRef:p})]})})})});V.displayName=g;var $="AlertDialogTitle",Y=i.forwardRef((n,t)=>{const{__scopeAlertDialog:r,...o}=n,a=c(r);return e.jsx(de,{...a,...o,ref:t})});Y.displayName=$;var G="AlertDialogDescription",H=i.forwardRef((n,t)=>{const{__scopeAlertDialog:r,...o}=n,a=c(r);return e.jsx(ue,{...a,...o,ref:t})});H.displayName=G;var xe="AlertDialogAction",J=i.forwardRef((n,t)=>{const{__scopeAlertDialog:r,...o}=n,a=c(r);return e.jsx(F,{...a,...o,ref:t})});J.displayName=xe;var X="AlertDialogCancel",z=i.forwardRef((n,t)=>{const{__scopeAlertDialog:r,...o}=n,{cancelRef:a}=Ce(X,r),d=c(r),p=B(t,a);return e.jsx(F,{...d,...o,ref:p})});z.displayName=X;var je=({contentRef:n})=>{const t=`\`${g}\` requires a description for the component to be accessible for screen reader users.
2
-
3
- You can add a description to the \`${g}\` by passing a \`${G}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
4
-
5
- Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${g}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
6
-
7
- For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return i.useEffect(()=>{var o;document.getElementById((o=n.current)==null?void 0:o.getAttribute("aria-describedby"))||console.warn(t)},[t,n]),null},_e=q,Te=U,Se=W,be=L,Re=V,Ne=J,Ee=z,we=Y,Pe=H;const Oe="_overlay_j7y1c_21",ke="_content_j7y1c_31",Be="_description_j7y1c_52",Ie="_actions_j7y1c_58",h={overlay:Oe,content:ke,description:Be,actions:Ie},K=({children:n})=>e.jsx(Te,{asChild:!0,children:i.Children.only(n)}),Fe=i.forwardRef(function(t,r){return e.jsx(Ne,{asChild:!0,children:e.jsx(m,{...t,ref:r})})}),Me=i.forwardRef(function(t,r){return e.jsx(Ee,{asChild:!0,children:e.jsx(m,{...t,ref:r})})}),qe=({open:n,title:t,description:r,dataset:o,children:a})=>{const d=oe(),p=me(o,{preplyDsComponent:fe.AlertDialog});let A;const f=[];return i.Children.forEach(a,s=>{i.isValidElement(s)&&(s.type===K?A=s:f.push(s))}),e.jsxs(_e,{open:n,children:[A,e.jsxs(Se,{container:d,children:[e.jsx(be,{className:h.overlay}),e.jsxs(Re,{...p,className:h.content,children:[e.jsx(we,{asChild:!0,children:e.jsx(ge,{tag:"h3",variant:"medium",children:t})}),e.jsx(Pe,{asChild:!0,children:e.jsx("p",{className:h.description,children:r})}),e.jsx("div",{className:h.actions,children:f})]})]})]})},l=Object.assign(qe,{Trigger:K,Action:Fe,Cancel:Me});try{l.displayName="AlertDialog",l.__docgenInfo={description:"A modal alertdialog that interrupts the user with important content and expects a response.\n\nUnlike a `Dialog`, it cannot be dismissed by clicking outside or pressing escape.",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"The alert's title, describing what the user needs to confirm",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Details about the action and its consequences",name:"description",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},children:{defaultValue:null,description:"The AlertDialog actions.\n@see `AlertDialog.Actions` for a common actions convenience wrapper.",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},open:{defaultValue:null,description:`Controls the visibility of the alert.
8
-
9
- Alternatively, you can use the \`AlertDialog.Trigger\` subcomponent for
10
- an uncontrolled instance.`,name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const mt={title:"Components/AlertDialog",component:l,parameters:{docs:{description:{component:"A modal alert dialog for confirming destructive or important actions."},story:{inline:!1,height:300}}},play:async({canvas:n,step:t})=>{await t("Open alert",async()=>(await Q.click(n.getByTestId("alert-trigger")),Z(()=>{const r=n.getByTestId("alert-dialog");ee(r).toBeVisible()})))}},v={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:"Confirm",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(t){return e.jsxs(l,{...t,children:[e.jsx(l.Trigger,{children:e.jsx(m,{dataset:{testid:"alert-trigger"},children:"Action"})}),e.jsx(l.Cancel,{variant:"secondary",onClick:u("cancel"),children:"Cancel"}),e.jsx(l.Action,{onClick:u("confirm"),children:"Confirm"})]})}},y={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, and two `Action` subcomponents.\n\nThe two actions are styled differently to suggest a preferred action to the one the user has requested.\n\nFor example, in this case, the user is prompted to reschedule instead of canceling."}}},args:{title:"Cancel Lesson",description:"Your balance will not be refunded. Would you like to reschedule instead?",dataset:{testid:"alert-dialog"}},render:function(t){return e.jsxs(l,{...t,children:[e.jsx(l.Trigger,{children:e.jsx(m,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),e.jsx(l.Action,{variant:"ghost",onClick:u("cancel"),children:"Cancel lesson"}),e.jsx(l.Action,{variant:"secondary",onClick:u("reschedule"),children:"Reschedule"})]})}},D={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(t){const[r,o]=i.useState(!1),a=()=>{o(!1),u("account deleted")()},d=()=>{o(!1),u("deletion canceled")()};return e.jsxs(e.Fragment,{children:[e.jsx(m,{onClick:()=>o(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsxs(l,{...t,open:r,children:[e.jsx(l.Cancel,{variant:"secondary",onClick:d,children:"Cancel"}),e.jsx(l.Action,{variant:"critical",onClick:a,children:"Delete"})]})]})}},C={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:"Payment failed",description:"The page will refresh. Please try again.",dataset:{testid:"alert-dialog"}},render:function(t){const[r,o]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(m,{onClick:()=>o(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsx(l,{...t,open:r,children:e.jsx(l.Action,{onClick:()=>{o(!1),u("page refreshed")()},children:"Refresh"})})]})}};var j,_,T;v.parameters={...v.parameters,docs:{...(j=v.parameters)==null?void 0:j.docs,source:{originalSource:`{
11
- parameters: {
12
- docs: {
13
- description: {
14
- story: \`Uncontrolled alert using the \\\`Trigger\\\`, \\\`Cancel\\\`, and \\\`Action\\\` subcomponents.\`
15
- }
16
- }
17
- },
18
- args: {
19
- title: 'Confirm',
20
- description: 'This action cannot be undone.',
21
- dataset: {
22
- testid: 'alert-dialog'
23
- }
24
- },
25
- render: function Story(props) {
26
- return <AlertDialog {...props}>
27
- <AlertDialog.Trigger>
28
- <Button dataset={{
29
- testid: 'alert-trigger'
30
- }}>Action</Button>
31
- </AlertDialog.Trigger>
32
- <AlertDialog.Cancel variant="secondary" onClick={action('cancel')}>
33
- Cancel
34
- </AlertDialog.Cancel>
35
- <AlertDialog.Action onClick={action('confirm')}>Confirm</AlertDialog.Action>
36
- </AlertDialog>;
37
- }
38
- }`,...(T=(_=v.parameters)==null?void 0:_.docs)==null?void 0:T.source}}};var S,b,R;y.parameters={...y.parameters,docs:{...(S=y.parameters)==null?void 0:S.docs,source:{originalSource:`{
39
- parameters: {
40
- docs: {
41
- description: {
42
- story: \`Uncontrolled alert using the \\\`Trigger\\\`, and two \\\`Action\\\` subcomponents.
43
-
44
- The two actions are styled differently to suggest a preferred action to the one the user has requested.
45
-
46
- For example, in this case, the user is prompted to reschedule instead of canceling.\`
47
- }
48
- }
49
- },
50
- args: {
51
- title: 'Cancel Lesson',
52
- description: 'Your balance will not be refunded. Would you like to reschedule instead?',
53
- dataset: {
54
- testid: 'alert-dialog'
55
- }
56
- },
57
- render: function Story(props) {
58
- return <AlertDialog {...props}>
59
- <AlertDialog.Trigger>
60
- <Button variant="critical" dataset={{
61
- testid: 'alert-trigger'
62
- }}>
63
- Cancel Lesson
64
- </Button>
65
- </AlertDialog.Trigger>
66
- <AlertDialog.Action variant="ghost" onClick={action('cancel')}>
67
- Cancel lesson
68
- </AlertDialog.Action>
69
- <AlertDialog.Action variant="secondary" onClick={action('reschedule')}>
70
- Reschedule
71
- </AlertDialog.Action>
72
- </AlertDialog>;
73
- }
74
- }`,...(R=(b=y.parameters)==null?void 0:b.docs)==null?void 0:R.source}}};var N,E,w;D.parameters={...D.parameters,docs:{...(N=D.parameters)==null?void 0:N.docs,source:{originalSource:`{
75
- parameters: {
76
- docs: {
77
- description: {
78
- story: 'Fully controlled using custom \`Buttons\`.'
79
- }
80
- }
81
- },
82
- args: {
83
- title: 'Delete Account',
84
- description: 'This action cannot be undone.',
85
- dataset: {
86
- testid: 'alert-dialog'
87
- }
88
- },
89
- render: function Story(props) {
90
- const [open, setOpen] = useState(false);
91
- const handleConfirm = () => {
92
- setOpen(false);
93
- action('account deleted')();
94
- };
95
- const handleCancel = () => {
96
- setOpen(false);
97
- action('deletion canceled')();
98
- };
99
- return <>
100
- <Button onClick={() => setOpen(true)} dataset={{
101
- testid: 'alert-trigger'
102
- }}>
103
- Action
104
- </Button>
105
- <AlertDialog {...props} open={open}>
106
- <AlertDialog.Cancel variant="secondary" onClick={handleCancel}>
107
- Cancel
108
- </AlertDialog.Cancel>
109
- <AlertDialog.Action variant="critical" onClick={handleConfirm}>
110
- Delete
111
- </AlertDialog.Action>
112
- </AlertDialog>
113
- </>;
114
- }
115
- }`,...(w=(E=D.parameters)==null?void 0:E.docs)==null?void 0:w.source}}};var P,O,k;C.parameters={...C.parameters,docs:{...(P=C.parameters)==null?void 0:P.docs,source:{originalSource:`{
116
- parameters: {
117
- docs: {
118
- description: {
119
- story: 'Fully controlled using a single custom \`Button\`.'
120
- }
121
- }
122
- },
123
- args: {
124
- title: 'Payment failed',
125
- description: 'The page will refresh. Please try again.',
126
- dataset: {
127
- testid: 'alert-dialog'
128
- }
129
- },
130
- render: function Story(props) {
131
- const [open, setOpen] = useState(false);
132
- return <>
133
- <Button onClick={() => setOpen(true)} dataset={{
134
- testid: 'alert-trigger'
135
- }}>
136
- Action
137
- </Button>
138
- <AlertDialog {...props} open={open}>
139
- <AlertDialog.Action onClick={() => {
140
- setOpen(false);
141
- action('page refreshed')();
142
- }}>
143
- Refresh
144
- </AlertDialog.Action>
145
- </AlertDialog>
146
- </>;
147
- }
148
- }`,...(k=(O=C.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};const ft=["Uncontrolled","UncontrolledWithSuggestionAction","Controlled","ControlledWithSingleButton"];export{D as Controlled,C as ControlledWithSingleButton,v as Uncontrolled,y as UncontrolledWithSuggestionAction,ft as __namedExportsOrder,mt as default};
@@ -1 +0,0 @@
1
- ._Avatar_1upcv_4{display:inline-block}._Avatar_1upcv_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1upcv_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1upcv_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1upcv_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1upcv_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1upcv_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1upcv_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1upcv_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1upcv_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1upcv_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1upcv_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1upcv_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1upcv_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1upcv_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1upcv_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1upcv_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1upcv_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1upcv_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1upcv_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1upcv_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1upcv_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1upcv_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1upcv_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1upcv_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1upcv_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1upcv_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1upcv_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1upcv_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1upcv_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1upcv_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1upcv_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1upcv_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1upcv_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1upcv_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1upcv_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1upcv_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1upcv_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1upcv_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1upcv_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1upcv_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1upcv_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1upcv_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1upcv_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1upcv_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1upcv_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1upcv_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1upcv_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1upcv_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1upcv_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1upcv_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1upcv_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1upcv_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1upcv_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1upcv_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1upcv_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1upcv_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1upcv_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1upcv_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1upcv_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1upcv_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1upcv_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1upcv_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1upcv_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1upcv_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1upcv_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1upcv_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1upcv_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1upcv_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1upcv_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1upcv_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1upcv_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1upcv_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1upcv_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1upcv_310 img{border-radius:var(--8517a6)}._Avatar_1upcv_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -1,6 +0,0 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Cb9e4tly.js";import{f as o}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as n,s as w,b as x}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as f}from"./index-DdzHuZ-Y.js";import{A as g}from"./constants--ewUoBsO.js";import{A as y}from"./defaults-B1rzzf6M.js";const h="_Avatar_1upcv_4",R={Avatar:h,"Avatar--size-2xs":"_Avatar--size-2xs_1upcv_12","Avatar--size-xs":"_Avatar--size-xs_1upcv_16","Avatar--size-s":"_Avatar--size-s_1upcv_20","Avatar--size-m":"_Avatar--size-m_1upcv_24","Avatar--size-l":"_Avatar--size-l_1upcv_28","Avatar--size-xl":"_Avatar--size-xl_1upcv_32","Avatar--size-24":"_Avatar--size-24_1upcv_36","Avatar--size-32":"_Avatar--size-32_1upcv_40","Avatar--size-48":"_Avatar--size-48_1upcv_44","Avatar--size-64":"_Avatar--size-64_1upcv_48","Avatar--size-96":"_Avatar--size-96_1upcv_52","Avatar--size-160":"_Avatar--size-160_1upcv_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1upcv_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1upcv_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1upcv_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1upcv_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1upcv_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1upcv_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1upcv_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1upcv_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1upcv_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1upcv_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1upcv_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1upcv_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1upcv_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1upcv_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1upcv_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1upcv_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1upcv_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1upcv_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1upcv_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1upcv_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1upcv_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1upcv_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1upcv_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1upcv_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1upcv_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1upcv_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1upcv_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1upcv_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1upcv_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1upcv_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1upcv_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1upcv_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1upcv_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1upcv_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1upcv_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1upcv_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1upcv_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1upcv_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1upcv_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1upcv_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1upcv_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1upcv_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1upcv_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1upcv_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1upcv_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1upcv_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1upcv_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1upcv_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1upcv_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1upcv_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1upcv_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1upcv_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1upcv_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1upcv_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1upcv_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1upcv_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1upcv_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1upcv_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1upcv_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1upcv_305","Avatar--round":"_Avatar--round_1upcv_310"},s=c.forwardRef(function({size:r=y,round:v,src:t,alt:_="",dataset:u,crossOrigin:l,...A},m){const d=v??!0,z=n(R,e.Avatar,[w("size",r),x("round",void 0,d)]),p={...o(A),ref:m,className:z.join(" "),...f(u,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...p,children:a.jsx("img",{src:t||g,alt:_,crossOrigin:l})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
2
- If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
3
- This is recommended for accessibility purposes, specifically for users
4
- of screen readers.
5
- @example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
6
- e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}}}}}catch{}export{s as A};
@@ -1 +0,0 @@
1
- ._Avatar_1upcv_4{display:inline-block}._Avatar_1upcv_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1upcv_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1upcv_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1upcv_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1upcv_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1upcv_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1upcv_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1upcv_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1upcv_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1upcv_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1upcv_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1upcv_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1upcv_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1upcv_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1upcv_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1upcv_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1upcv_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1upcv_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1upcv_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1upcv_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1upcv_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1upcv_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1upcv_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1upcv_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1upcv_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1upcv_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1upcv_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1upcv_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1upcv_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1upcv_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1upcv_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1upcv_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1upcv_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1upcv_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1upcv_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1upcv_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1upcv_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1upcv_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1upcv_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1upcv_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1upcv_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1upcv_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1upcv_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1upcv_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1upcv_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1upcv_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1upcv_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1upcv_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1upcv_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1upcv_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1upcv_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1upcv_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1upcv_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1upcv_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1upcv_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1upcv_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1upcv_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1upcv_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1upcv_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1upcv_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1upcv_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1upcv_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1upcv_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1upcv_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1upcv_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1upcv_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1upcv_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1upcv_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1upcv_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1upcv_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1upcv_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1upcv_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1upcv_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1upcv_310 img{border-radius:var(--8517a6)}._Avatar_1upcv_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{f as p}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as c,s as w,b as o}from"./classNames-BUL1Zq7e.js";import{w as s}from"./componentNames-Bwls0I02.js";import{g as n}from"./index-DdzHuZ-Y.js";import{A as x}from"./constants--ewUoBsO.js";import{A as f}from"./defaults-B1rzzf6M.js";const C="_Avatar_1upcv_4",N={Avatar:C,"Avatar--size-2xs":"_Avatar--size-2xs_1upcv_12","Avatar--size-xs":"_Avatar--size-xs_1upcv_16","Avatar--size-s":"_Avatar--size-s_1upcv_20","Avatar--size-m":"_Avatar--size-m_1upcv_24","Avatar--size-l":"_Avatar--size-l_1upcv_28","Avatar--size-xl":"_Avatar--size-xl_1upcv_32","Avatar--size-24":"_Avatar--size-24_1upcv_36","Avatar--size-32":"_Avatar--size-32_1upcv_40","Avatar--size-48":"_Avatar--size-48_1upcv_44","Avatar--size-64":"_Avatar--size-64_1upcv_48","Avatar--size-96":"_Avatar--size-96_1upcv_52","Avatar--size-160":"_Avatar--size-160_1upcv_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1upcv_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1upcv_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1upcv_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1upcv_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1upcv_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1upcv_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1upcv_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1upcv_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1upcv_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1upcv_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1upcv_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1upcv_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1upcv_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1upcv_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1upcv_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1upcv_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1upcv_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1upcv_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1upcv_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1upcv_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1upcv_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1upcv_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1upcv_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1upcv_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1upcv_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1upcv_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1upcv_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1upcv_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1upcv_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1upcv_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1upcv_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1upcv_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1upcv_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1upcv_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1upcv_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1upcv_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1upcv_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1upcv_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1upcv_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1upcv_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1upcv_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1upcv_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1upcv_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1upcv_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1upcv_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1upcv_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1upcv_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1upcv_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1upcv_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1upcv_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1upcv_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1upcv_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1upcv_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1upcv_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1upcv_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1upcv_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1upcv_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1upcv_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1upcv_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1upcv_305","Avatar--round":"_Avatar--round_1upcv_310"},R=d.forwardRef(function({size:i=f,round:a,src:r,alt:v="",dataset:_,crossOrigin:t,...A},z){const u=a??!0,m=c(N,s.Avatar,[w("size",i),o("round",void 0,u)]),l={...p(A),ref:z,className:m.join(" "),...n(_,{preplyDsComponent:s.Avatar})};return e.jsx("picture",{...l,children:e.jsx("img",{src:r||x,alt:v,crossOrigin:t})})});R.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};export{R as A};
@@ -1 +0,0 @@
1
- ._AvatarWithStatus_4rxz0_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_4rxz0_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_4rxz0_15 ._AvatarWithStatus--indicator_4rxz0_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_4rxz0_18 ._AvatarWithStatus--indicator_4rxz0_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_4rxz0_24 ._AvatarWithStatus--indicator_4rxz0_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_4rxz0_30 ._AvatarWithStatus--indicator_4rxz0_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_4rxz0_36 ._AvatarWithStatus--indicator_4rxz0_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_4rxz0_42 ._AvatarWithStatus--indicator_4rxz0_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_4rxz0_48 ._AvatarWithStatus--indicator_4rxz0_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_4rxz0_54 ._AvatarWithStatus--indicator_4rxz0_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
@@ -1 +0,0 @@
1
- ._badge_1bohn_2{display:inline-flex;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:fit-content;color:var(--628fb7)}._badge_1bohn_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_1bohn_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_1bohn_2[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}._badge_1bohn_2[data-type=neutral]{background:var(--319b29)}._badge_1bohn_2[data-type=positive]{background:var(--1836a4)}._badge_1bohn_2[data-type=warning]{background:var(--b503b8)}._badge_1bohn_2[data-type=info]{background:var(--94a45e)}._badge_1bohn_2[data-type=critical]{background:var(--f15644)}._badge_1bohn_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_1bohn_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_1bohn_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_1bohn_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_1bohn_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_1bohn_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_1bohn_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_1bohn_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_1bohn_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_1bohn_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_1bohn_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_1bohn_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_1bohn_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_1bohn_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
@@ -1 +0,0 @@
1
- ._Box_w9kjn_4{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);box-shadow:var(--a814c9);flex:1}._Box--box-radius-none_w9kjn_16{border-radius:var(--84e079)}._Box--box-radius-m_w9kjn_19{border-radius:var(--1c37d5)}._Box--box-radius-l_w9kjn_22{border-radius:var(--9e57e5)}._Box--box-radius-0_w9kjn_34{border-radius:var(--adc668)}._Box--box-radius-2_w9kjn_25{border-radius:var(--9817c7)}._Box--box-radius-4_w9kjn_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_w9kjn_31{border-radius:var(--2071ea)}._Box--box-radius-12_w9kjn_46{border-radius:var(--c1925d)}._Box--box-radius-16_w9kjn_49{border-radius:var(--f3f949)}._Box--box-radius-24_w9kjn_52{border-radius:var(--67250f)}._Box--box-radius-32_w9kjn_55{border-radius:var(--fba602)}._Box--box-radius-48_w9kjn_58{border-radius:var(--f8b939)}._Box--box-radius-64_w9kjn_61{border-radius:var(--4d9939)}._Box--box-radius-96_w9kjn_64{border-radius:var(--a78cb4)}._Box--box-radius-160_w9kjn_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_w9kjn_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_w9kjn_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_w9kjn_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_w9kjn_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_w9kjn_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_w9kjn_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_w9kjn_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_w9kjn_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_w9kjn_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_w9kjn_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_w9kjn_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_w9kjn_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_w9kjn_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_w9kjn_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_w9kjn_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_w9kjn_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_w9kjn_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_w9kjn_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_w9kjn_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_w9kjn_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_w9kjn_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_w9kjn_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_w9kjn_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_w9kjn_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_w9kjn_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_w9kjn_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_w9kjn_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_w9kjn_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_w9kjn_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_w9kjn_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_w9kjn_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_w9kjn_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_w9kjn_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_w9kjn_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_w9kjn_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_w9kjn_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_w9kjn_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_w9kjn_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_w9kjn_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_w9kjn_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_w9kjn_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_w9kjn_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_w9kjn_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_w9kjn_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_w9kjn_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_w9kjn_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_w9kjn_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_w9kjn_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_w9kjn_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_w9kjn_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_w9kjn_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_w9kjn_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_w9kjn_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_w9kjn_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_w9kjn_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_w9kjn_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_w9kjn_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_w9kjn_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_w9kjn_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_w9kjn_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_w9kjn_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_w9kjn_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_w9kjn_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_w9kjn_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_w9kjn_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_w9kjn_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_w9kjn_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_w9kjn_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_w9kjn_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_w9kjn_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_w9kjn_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_w9kjn_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_w9kjn_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_w9kjn_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_w9kjn_346{border-radius:var(--439947)}}._Box--background-white_w9kjn_350{background-color:var(--145676)}._Box--background-gray-100_w9kjn_353{background-color:var(--55407f)}._Box--background-gray-200_w9kjn_356{background-color:var(--8f1238)}._Box--background-gray-300_w9kjn_359{background-color:var(--da403c)}._Box--background-gray-400_w9kjn_362{background-color:var(--7c8c3c)}._Box--background-gray-500_w9kjn_365{background-color:var(--c9575b)}._Box--background-gray-600_w9kjn_368{background-color:var(--2fb6f7)}._Box--background-teal-100_w9kjn_371{background-color:var(--54ed1d)}._Box--background-teal-200_w9kjn_374{background-color:var(--b706bf)}._Box--background-teal-300_w9kjn_377{background-color:var(--4adefb)}._Box--background-teal-400_w9kjn_380{background-color:var(--de8a40)}._Box--background-teal-500_w9kjn_383{background-color:var(--574543)}._Box--background-green-100_w9kjn_386{background-color:var(--1383a7)}._Box--background-green-200_w9kjn_389{background-color:var(--9f1066)}._Box--background-green-300_w9kjn_392{background-color:var(--d4cf94)}._Box--background-green-400_w9kjn_395{background-color:var(--bbfa9f)}._Box--background-green-500_w9kjn_398{background-color:var(--5f8b30)}._Box--background-yellow-100_w9kjn_401{background-color:var(--c7d8be)}._Box--background-yellow-200_w9kjn_404{background-color:var(--17bab8)}._Box--background-yellow-300_w9kjn_407{background-color:var(--f017e5)}._Box--background-yellow-400_w9kjn_410{background-color:var(--2242ed)}._Box--background-yellow-500_w9kjn_413{background-color:var(--e40de4)}._Box--background-red-100_w9kjn_416{background-color:var(--ecb5d5)}._Box--background-red-200_w9kjn_419{background-color:var(--5b5cb0)}._Box--background-red-300_w9kjn_422{background-color:var(--d55c71)}._Box--background-red-400_w9kjn_425{background-color:var(--4e47fe)}._Box--background-red-500_w9kjn_428{background-color:var(--3e7877)}._Box--background-blue-100_w9kjn_431{background-color:var(--21906f)}._Box--background-blue-200_w9kjn_434{background-color:var(--5d87f3)}._Box--background-blue-300_w9kjn_437{background-color:var(--201e14)}._Box--background-blue-400_w9kjn_440{background-color:var(--e1c27c)}._Box--background-blue-500_w9kjn_443{background-color:var(--6a1420)}._Box--background-magenta-100_w9kjn_446{background-color:var(--1a9963)}._Box--background-magenta-200_w9kjn_449{background-color:var(--b774df)}._Box--background-magenta-300_w9kjn_452{background-color:var(--f72cdd)}._Box--background-magenta-400_w9kjn_455{background-color:var(--6cbd80)}._Box--background-magenta-500_w9kjn_458{background-color:var(--5893e7)}._Box--background-primary_w9kjn_461{background-color:var(--3546c3)}._Box--background-secondary_w9kjn_464{background-color:var(--302ecf)}._Box--background-tertiary_w9kjn_467{background-color:var(--a5c761)}._Box--background-overlay_w9kjn_470{background-color:var(--02a0d5)}._Box--background-disabled_w9kjn_473{background-color:var(--319b29)}._Box--background-brand_w9kjn_476{background-color:var(--cd91ab)}._Box--background-brandB2b_w9kjn_479{background-color:var(--706789)}._Box--background-accentLight_w9kjn_482{background-color:var(--560eda)}._Box--background-accentDark_w9kjn_485{background-color:var(--e4c520)}._Box--background-positiveLight_w9kjn_488{background-color:var(--1836a4)}._Box--background-positiveDark_w9kjn_491{background-color:var(--ae7f1f)}._Box--background-infoLight_w9kjn_494{background-color:var(--94a45e)}._Box--background-infoDark_w9kjn_497{background-color:var(--79dffb)}._Box--background-warningLight_w9kjn_500{background-color:var(--b503b8)}._Box--background-warningDark_w9kjn_503{background-color:var(--34fc43)}._Box--background-criticalLight_w9kjn_506{background-color:var(--f15644)}._Box--background-criticalDark_w9kjn_509{background-color:var(--87fcf8)}._Box--background-statusOnline_w9kjn_512{background-color:var(--cbc115)}._Box--background-statusOffline_w9kjn_515{background-color:var(--7ff085)}._Box--background-primaryInverted_w9kjn_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_w9kjn_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_w9kjn_524{background-color:var(--a469f2)}
@@ -1,44 +0,0 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as t}from"./Heading-D5Sdpx6j.js";import{L as b}from"./LayoutFlex-gmvguImq.js";import{T as B}from"./Text-DYAggeGe.js";import{r as P}from"./index-Cb9e4tly.js";import{f as T}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as A}from"./layout-relative.module-CictnSCd.js";import{m as q,s as u}from"./classNames-BUL1Zq7e.js";import{w as n}from"./componentNames-Bwls0I02.js";import{g as H}from"./index-DdzHuZ-Y.js";import{L as O,c as N,d as E}from"./defaults-B1rzzf6M.js";import{a as I,S as R}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-CvjwTDtK.js";import"./text-centered-DqK_kb5q.js";import"./_commonjsHelpers-Cpj98o6Y.js";const V="_Box_w9kjn_4",U={Box:V,"Box--box-radius-none":"_Box--box-radius-none_w9kjn_16","Box--box-radius-m":"_Box--box-radius-m_w9kjn_19","Box--box-radius-l":"_Box--box-radius-l_w9kjn_22","Box--box-radius-2":"_Box--box-radius-2_w9kjn_25","Box--box-radius-4":"_Box--box-radius-4_w9kjn_28","Box--box-radius-8":"_Box--box-radius-8_w9kjn_31","Box--box-radius-0":"_Box--box-radius-0_w9kjn_34","Box--box-radius-12":"_Box--box-radius-12_w9kjn_46","Box--box-radius-16":"_Box--box-radius-16_w9kjn_49","Box--box-radius-24":"_Box--box-radius-24_w9kjn_52","Box--box-radius-32":"_Box--box-radius-32_w9kjn_55","Box--box-radius-48":"_Box--box-radius-48_w9kjn_58","Box--box-radius-64":"_Box--box-radius-64_w9kjn_61","Box--box-radius-96":"_Box--box-radius-96_w9kjn_64","Box--box-radius-160":"_Box--box-radius-160_w9kjn_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_w9kjn_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_w9kjn_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_w9kjn_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_w9kjn_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_w9kjn_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_w9kjn_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_w9kjn_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_w9kjn_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_w9kjn_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_w9kjn_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_w9kjn_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_w9kjn_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_w9kjn_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_w9kjn_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_w9kjn_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_w9kjn_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_w9kjn_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_w9kjn_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_w9kjn_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_w9kjn_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_w9kjn_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_w9kjn_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_w9kjn_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_w9kjn_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_w9kjn_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_w9kjn_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_w9kjn_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_w9kjn_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_w9kjn_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_w9kjn_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_w9kjn_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_w9kjn_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_w9kjn_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_w9kjn_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_w9kjn_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_w9kjn_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_w9kjn_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_w9kjn_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_w9kjn_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_w9kjn_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_w9kjn_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_w9kjn_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_w9kjn_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_w9kjn_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_w9kjn_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_w9kjn_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_w9kjn_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_w9kjn_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_w9kjn_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_w9kjn_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_w9kjn_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_w9kjn_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_w9kjn_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_w9kjn_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_w9kjn_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_w9kjn_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_w9kjn_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_w9kjn_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_w9kjn_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_w9kjn_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_w9kjn_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_w9kjn_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_w9kjn_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_w9kjn_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_w9kjn_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_w9kjn_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_w9kjn_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_w9kjn_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_w9kjn_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_w9kjn_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_w9kjn_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_w9kjn_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_w9kjn_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_w9kjn_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_w9kjn_346","Box--background-white":"_Box--background-white_w9kjn_350","Box--background-gray-100":"_Box--background-gray-100_w9kjn_353","Box--background-gray-200":"_Box--background-gray-200_w9kjn_356","Box--background-gray-300":"_Box--background-gray-300_w9kjn_359","Box--background-gray-400":"_Box--background-gray-400_w9kjn_362","Box--background-gray-500":"_Box--background-gray-500_w9kjn_365","Box--background-gray-600":"_Box--background-gray-600_w9kjn_368","Box--background-teal-100":"_Box--background-teal-100_w9kjn_371","Box--background-teal-200":"_Box--background-teal-200_w9kjn_374","Box--background-teal-300":"_Box--background-teal-300_w9kjn_377","Box--background-teal-400":"_Box--background-teal-400_w9kjn_380","Box--background-teal-500":"_Box--background-teal-500_w9kjn_383","Box--background-green-100":"_Box--background-green-100_w9kjn_386","Box--background-green-200":"_Box--background-green-200_w9kjn_389","Box--background-green-300":"_Box--background-green-300_w9kjn_392","Box--background-green-400":"_Box--background-green-400_w9kjn_395","Box--background-green-500":"_Box--background-green-500_w9kjn_398","Box--background-yellow-100":"_Box--background-yellow-100_w9kjn_401","Box--background-yellow-200":"_Box--background-yellow-200_w9kjn_404","Box--background-yellow-300":"_Box--background-yellow-300_w9kjn_407","Box--background-yellow-400":"_Box--background-yellow-400_w9kjn_410","Box--background-yellow-500":"_Box--background-yellow-500_w9kjn_413","Box--background-red-100":"_Box--background-red-100_w9kjn_416","Box--background-red-200":"_Box--background-red-200_w9kjn_419","Box--background-red-300":"_Box--background-red-300_w9kjn_422","Box--background-red-400":"_Box--background-red-400_w9kjn_425","Box--background-red-500":"_Box--background-red-500_w9kjn_428","Box--background-blue-100":"_Box--background-blue-100_w9kjn_431","Box--background-blue-200":"_Box--background-blue-200_w9kjn_434","Box--background-blue-300":"_Box--background-blue-300_w9kjn_437","Box--background-blue-400":"_Box--background-blue-400_w9kjn_440","Box--background-blue-500":"_Box--background-blue-500_w9kjn_443","Box--background-magenta-100":"_Box--background-magenta-100_w9kjn_446","Box--background-magenta-200":"_Box--background-magenta-200_w9kjn_449","Box--background-magenta-300":"_Box--background-magenta-300_w9kjn_452","Box--background-magenta-400":"_Box--background-magenta-400_w9kjn_455","Box--background-magenta-500":"_Box--background-magenta-500_w9kjn_458","Box--background-primary":"_Box--background-primary_w9kjn_461","Box--background-secondary":"_Box--background-secondary_w9kjn_464","Box--background-tertiary":"_Box--background-tertiary_w9kjn_467","Box--background-overlay":"_Box--background-overlay_w9kjn_470","Box--background-disabled":"_Box--background-disabled_w9kjn_473","Box--background-brand":"_Box--background-brand_w9kjn_476","Box--background-brandB2b":"_Box--background-brandB2b_w9kjn_479","Box--background-accentLight":"_Box--background-accentLight_w9kjn_482","Box--background-accentDark":"_Box--background-accentDark_w9kjn_485","Box--background-positiveLight":"_Box--background-positiveLight_w9kjn_488","Box--background-positiveDark":"_Box--background-positiveDark_w9kjn_491","Box--background-infoLight":"_Box--background-infoLight_w9kjn_494","Box--background-infoDark":"_Box--background-infoDark_w9kjn_497","Box--background-warningLight":"_Box--background-warningLight_w9kjn_500","Box--background-warningDark":"_Box--background-warningDark_w9kjn_503","Box--background-criticalLight":"_Box--background-criticalLight_w9kjn_506","Box--background-criticalDark":"_Box--background-criticalDark_w9kjn_509","Box--background-statusOnline":"_Box--background-statusOnline_w9kjn_512","Box--background-statusOffline":"_Box--background-statusOffline_w9kjn_515","Box--background-primaryInverted":"_Box--background-primaryInverted_w9kjn_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_w9kjn_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_w9kjn_524"},r=P.forwardRef(function({children:c,background:m,radius:g=N,padding:w=E,tag:v,dataset:j,...p},y){const f=q(U,n.Box,[u("box-radius",g),u("background",m)]),h=A(w),L=v??O,S=[...f,...h],D={...T(p),ref:y,className:S.join(" "),...H(j,{preplyDsComponent:n.Box})};return o.jsx(L,{...D,children:c})});try{r.displayName="Box",r.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"disabled"'},{value:'"accentDark"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ro={title:"components/Box",component:r,argTypes:{radius:{description:R},padding:{description:I}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(b,{gap:"xs",direction:"column",children:[o.jsx(t,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(B,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});a.storyName="Box";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(b,{gap:"16",direction:"column",children:[o.jsx(t,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(B,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var d,i,x;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Box background="positiveLight">
2
- <LayoutFlex gap="xs" direction="column">
3
- <Heading level="h3" accent="positive">
4
- Heading
5
- </Heading>
6
- <Text accent="positive">
7
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
8
- amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
9
- vitae eros
10
- </Text>
11
- </LayoutFlex>
12
- </Box>`,...(x=(i=a.parameters)==null?void 0:i.docs)==null?void 0:x.source}}};var s,_,l;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`{
13
- parameters: {
14
- chromatic: {
15
- disableSnapshot: true
16
- }
17
- },
18
- args: {
19
- background: undefined,
20
- radius: undefined,
21
- padding: undefined,
22
- children: <LayoutFlex gap="16" direction="column">
23
- <Heading variant="large" tag="h3">
24
- Heading
25
- </Heading>
26
- <Text>
27
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare
28
- sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis
29
- posuere et vitae eros
30
- </Text>
31
- </LayoutFlex>,
32
- dataset: {
33
- qaid: 'box'
34
- }
35
- },
36
- argTypes: {
37
- children: {
38
- control: false
39
- },
40
- dataset: {
41
- control: 'object'
42
- }
43
- }
44
- }`,...(l=(_=e.parameters)==null?void 0:_.docs)==null?void 0:l.source}}};const uo=["Base","Playground"];export{a as Base,e as Playground,uo as __namedExportsOrder,ro as default};
@@ -1 +0,0 @@
1
- ._Button--icon_1wdpy_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_1wdpy_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_1wdpy_5 svg path{fill:currentColor}
@@ -1,8 +0,0 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{S as J}from"./Spinner-DvSs1_DJ.js";import{f as X}from"./filterHTMLAttributes-DYdLqcvH.js";import{a as Z,B as G}from"./defaults-B1rzzf6M.js";import{u as Q}from"./useHostname-Y3PlXofY.js";import{m as Y,s as B,b as o,a as S}from"./classNames-BUL1Zq7e.js";import{g as tt,a as et}from"./index-DdzHuZ-Y.js";import{m as at}from"./index-CC6DAVyL.js";const nt="_ButtonBase_3jkuk_51",c={"button-width--width-full":"_button-width--width-full_3jkuk_5","button-width--width-auto":"_button-width--width-auto_3jkuk_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_3jkuk_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_3jkuk_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_3jkuk_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_3jkuk_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_3jkuk_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_3jkuk_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_3jkuk_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_3jkuk_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_3jkuk_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_3jkuk_47",ButtonBase:nt,"ButtonBase--content":"_ButtonBase--content_3jkuk_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_3jkuk_84","ButtonBase--busy":"_ButtonBase--busy_3jkuk_91","ButtonBase--is-busy":"_ButtonBase--is-busy_3jkuk_114","ButtonBase--width-full":"_ButtonBase--width-full_3jkuk_121","ButtonBase--width-auto":"_ButtonBase--width-auto_3jkuk_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_3jkuk_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_3jkuk_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_3jkuk_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_3jkuk_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_3jkuk_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_3jkuk_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_3jkuk_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_3jkuk_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_3jkuk_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_3jkuk_163","ButtonBase--size-xs":"_ButtonBase--size-xs_3jkuk_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_3jkuk_176","ButtonBase--size-s":"_ButtonBase--size-s_3jkuk_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_3jkuk_190","ButtonBase--size-m":"_ButtonBase--size-m_3jkuk_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_3jkuk_204","ButtonBase--size-l":"_ButtonBase--size-l_3jkuk_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_3jkuk_218","ButtonBase--size-xl":"_ButtonBase--size-xl_3jkuk_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_3jkuk_232","ButtonBase--size-large":"_ButtonBase--size-large_3jkuk_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_3jkuk_246","ButtonBase--size-medium":"_ButtonBase--size-medium_3jkuk_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_3jkuk_260","ButtonBase--size-small":"_ButtonBase--size-small_3jkuk_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_3jkuk_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_3jkuk_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_3jkuk_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_3jkuk_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_3jkuk_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_3jkuk_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_3jkuk_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_3jkuk_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_3jkuk_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_3jkuk_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_3jkuk_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_3jkuk_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_3jkuk_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_3jkuk_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_3jkuk_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_3jkuk_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_3jkuk_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_3jkuk_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_3jkuk_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_3jkuk_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_3jkuk_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_3jkuk_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_3jkuk_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_3jkuk_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_3jkuk_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_3jkuk_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_3jkuk_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_3jkuk_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_3jkuk_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_3jkuk_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_3jkuk_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_3jkuk_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_3jkuk_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_3jkuk_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_3jkuk_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_3jkuk_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_3jkuk_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_3jkuk_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_3jkuk_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_3jkuk_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_3jkuk_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_3jkuk_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_3jkuk_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_3jkuk_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_3jkuk_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_3jkuk_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_3jkuk_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_3jkuk_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_3jkuk_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_3jkuk_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_3jkuk_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_3jkuk_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_3jkuk_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_3jkuk_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_3jkuk_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_3jkuk_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_3jkuk_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_3jkuk_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_3jkuk_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_3jkuk_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_3jkuk_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_3jkuk_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_3jkuk_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_3jkuk_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_3jkuk_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_3jkuk_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_3jkuk_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_3jkuk_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_3jkuk_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_3jkuk_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_3jkuk_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_3jkuk_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_3jkuk_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_3jkuk_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_3jkuk_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_3jkuk_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_3jkuk_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_3jkuk_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_3jkuk_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_3jkuk_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_3jkuk_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_3jkuk_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_3jkuk_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_3jkuk_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_3jkuk_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_3jkuk_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_3jkuk_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_3jkuk_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_3jkuk_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_3jkuk_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_3jkuk_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_3jkuk_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_3jkuk_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_3jkuk_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_3jkuk_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_3jkuk_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_3jkuk_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_3jkuk_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_3jkuk_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_3jkuk_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_3jkuk_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_3jkuk_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_3jkuk_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_3jkuk_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_3jkuk_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_3jkuk_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_3jkuk_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_3jkuk_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_3jkuk_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_3jkuk_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_3jkuk_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_3jkuk_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_3jkuk_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_3jkuk_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_3jkuk_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_3jkuk_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_3jkuk_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_3jkuk_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_3jkuk_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_3jkuk_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_3jkuk_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_3jkuk_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_3jkuk_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_3jkuk_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_3jkuk_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_3jkuk_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_3jkuk_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_3jkuk_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_3jkuk_1240"},g=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},it=(t,e)=>r.useCallback(n=>{g(t,n),g(e,n)},[t,e]),v="ButtonBase",st=t=>Object.prototype.hasOwnProperty.call(t,"selected"),k=({children:t,busy:e})=>{const n=[...S(c,v,["content"])],s=[...S(c,v,["busy"])];return a.jsxs(a.Fragment,{children:[a.jsx("span",{className:n.join(" "),children:t}),e&&a.jsx("span",{className:s.join(" "),children:a.jsx(J,{})})]})},x=r.forwardRef(function(e,n){const{variant:s=Z,size:w=G,fullWidth:T=!1,wrap:q=!1,href:C,download:V,opensInNewTab:E,nofollow:N,submitsForm:R,assistiveText:F,onClick:_,disabled:l,busy:i,isIconButton:z,as:j,url:L,a11yLabel:D,dataset:A,children:m,dsInternalSimulation:P,preplyDsComponent:H,...U}=e,{selected:M}=st(e)?e:{selected:void 0},O=Q(),b=r.useRef(null),h=it(b,n),K=u=>{(l||i)&&u.preventDefault(),_==null||_(u)},W=u=>{var I;const y=at(u.key);(y===" "||y==="Enter")&&(u.preventDefault(),(I=b.current)==null||I.click())},$=Y(c,v,[B(`variant-${s}--dsInternalSimulation`,P),B("variant",s),B("size",w),z?B("is-icon-button-size",w):[],o(void 0,"no-wrap",q),o("width-full","width-auto",T),o("is-busy",void 0,i),o("is-icon-button",void 0,z),o(`variant-${s}--is-selected`,void 0,M)]),p={...X(U),...tt(A,{preplyDsComponent:H}),className:$.join(" "),"aria-label":F||D,onClick:K,disabled:l,"aria-disabled":l||i?!0:void 0,ref:h},d=C||L,f={...p,download:V,ref:h,role:"button",tabIndex:l?-1:0,href:d,onKeyDown:W};return d?a.jsx("a",{...f,...et(O,d,E,N),children:k({children:m,busy:i})}):j?r.cloneElement(j,{...f},k({children:m,busy:i})):a.jsx("button",{...p,type:R?"submit":"button",children:k({children:m,busy:i})})});try{x.displayName="ButtonBase",x.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
-
3
- Allows rendering the button using a different React element or component.
4
- This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
- @example // Render as a react router link component
6
- import { Link } from 'react-router-dom';
7
-
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{x as B};
@@ -1 +0,0 @@
1
- ._chips_1d3ee_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_1d3ee_3:is(ul){list-style:none;margin:0;padding:0}._chips_1d3ee_3 ._chip_1d3ee_3{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center}._chips_1d3ee_3 ._chip_1d3ee_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_1d3ee_3 ._chip_1d3ee_3:hover{background-color:var(--302ecf)}}._chips_1d3ee_3 ._chip_1d3ee_3:has(._chip-toggle_1d3ee_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_1d3ee_3 ._chip_1d3ee_3:has(._chip-toggle_1d3ee_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1d3ee_3 ._chip_1d3ee_3:has(._chip-toggle_1d3ee_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1d3ee_3 ._chip_1d3ee_3 ._chip-toggle_1d3ee_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_1d3ee_3 ._chip_1d3ee_3 ._chip-remove_1d3ee_54{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}._chips_1d3ee_3 ._chip_1d3ee_3 ._chip-remove_1d3ee_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_1d3ee_3[data-variant=choice] ._chip_1d3ee_3:has(._chip-toggle_1d3ee_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_1d3ee_3[data-variant=choice] ._chip_1d3ee_3 ._chip-remove_1d3ee_54{display:none}._chips_1d3ee_3[data-variant=filter] ._chip_1d3ee_3:has(._chip-toggle_1d3ee_37[aria-pressed=false]) ._chip-remove_1d3ee_54{display:none}
@@ -1 +0,0 @@
1
- @keyframes _overlayShow_tkbr8_1{0%{opacity:0}to{opacity:1}}@keyframes _overlayHide_tkbr8_1{0%{opacity:1}to{opacity:0}}@keyframes _contentShow_tkbr8_1{0%{opacity:0;transform:translateY(var(--b53873))}to{opacity:1;transform:translateY(0)}}@keyframes _contentHide_tkbr8_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--b53873))}}@keyframes _mobileContentShow_tkbr8_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _mobileContentHide_tkbr8_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._overlay_tkbr8_56{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-dialog-overlay-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){._overlay_tkbr8_56[data-state=open]{animation:_overlayShow_tkbr8_1 .15s cubic-bezier(.4,0,.2,1)}._overlay_tkbr8_56[data-state=closed]{animation:_overlayHide_tkbr8_1 .15s cubic-bezier(.4,0,.2,1)}}._Dialog_tkbr8_70{box-sizing:border-box;background-color:var(--3546c3);position:fixed;right:0;bottom:0;left:0;top:auto;margin:auto;width:100%;padding:var(--f1b498) var(--558c4c);box-shadow:var(--df7dbb);z-index:var(--ds-dialog-content-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){._Dialog_tkbr8_70[data-state=open]{animation:_mobileContentShow_tkbr8_1 .25s cubic-bezier(.4,0,.2,1)}._Dialog_tkbr8_70[data-state=closed]{animation:_mobileContentHide_tkbr8_1 .25s cubic-bezier(.4,0,.2,1)}}._Dialog--size-xs_tkbr8_90{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){._Dialog--narrow-l--size-xs_tkbr8_96{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){._Dialog--medium-s--size-xs_tkbr8_103{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){._Dialog--medium-l--size-xs_tkbr8_110{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){._Dialog--wide-s--size-xs_tkbr8_117{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){._Dialog--wide-l--size-xs_tkbr8_124{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}._Dialog--size-sm_tkbr8_130{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){._Dialog--narrow-l--size-sm_tkbr8_136{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){._Dialog--medium-s--size-sm_tkbr8_143{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){._Dialog--medium-l--size-sm_tkbr8_150{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){._Dialog--wide-s--size-sm_tkbr8_157{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){._Dialog--wide-l--size-sm_tkbr8_164{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}._Dialog--size-md_tkbr8_170{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){._Dialog--narrow-l--size-md_tkbr8_176{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){._Dialog--medium-s--size-md_tkbr8_183{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){._Dialog--medium-l--size-md_tkbr8_190{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){._Dialog--wide-s--size-md_tkbr8_197{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){._Dialog--wide-l--size-md_tkbr8_204{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}._Dialog--size-lg_tkbr8_210{height:100%;border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 400px){._Dialog--narrow-l--size-lg_tkbr8_216{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 700px){._Dialog--medium-s--size-lg_tkbr8_223{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 880px){._Dialog--medium-l--size-lg_tkbr8_230{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 1200px){._Dialog--wide-s--size-lg_tkbr8_237{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 1900px){._Dialog--wide-l--size-lg_tkbr8_244{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 880px){._Dialog_tkbr8_70{top:0;height:fit-content;border-radius:var(--fa4b1a);padding:var(--f1b498)}._Dialog--size-xs_tkbr8_90{width:440px;height:fit-content}._Dialog--size-sm_tkbr8_130{width:520px;height:fit-content}._Dialog--size-md_tkbr8_170{width:640px;height:fit-content}._Dialog--size-lg_tkbr8_210{width:840px;height:fit-content}}@media (min-width: 880px) and (prefers-reduced-motion: no-preference){._Dialog_tkbr8_70[data-state=open]{animation:_contentShow_tkbr8_1 .15s cubic-bezier(.4,0,.2,1)}._Dialog_tkbr8_70[data-state=closed]{animation:_contentHide_tkbr8_1 .15s cubic-bezier(.4,0,.2,1)}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-xs_tkbr8_96{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-xs_tkbr8_103{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-xs_tkbr8_110{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-xs_tkbr8_117{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-xs_tkbr8_124{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-sm_tkbr8_136{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-sm_tkbr8_143{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-sm_tkbr8_150{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-sm_tkbr8_157{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-sm_tkbr8_164{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-md_tkbr8_176{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-md_tkbr8_183{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-md_tkbr8_190{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-md_tkbr8_197{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-md_tkbr8_204{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-lg_tkbr8_216{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-lg_tkbr8_223{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-lg_tkbr8_230{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-lg_tkbr8_237{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-lg_tkbr8_244{width:840px;height:fit-content}}._Dialog_tkbr8_70 ._header_tkbr8_402{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--558c4c)}._Dialog_tkbr8_70 ._header_tkbr8_402>hgroup{display:flex;flex-direction:column;gap:var(--66b80b);flex:1;min-width:0;margin-bottom:var(--558c4c)}._Dialog_tkbr8_70 ._header_tkbr8_402>hgroup[hidden]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._Dialog_tkbr8_70 ._header_tkbr8_402>button{margin-inline-start:auto}._Dialog_tkbr8_70 ._description_tkbr8_428{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}._Dialog_tkbr8_70 ._actions_tkbr8_434{display:flex;flex-direction:column;gap:var(--558c4c);margin-top:var(--558c4c)}@media (min-width: 400px){._Dialog_tkbr8_70 ._actions_tkbr8_434{flex-direction:row;justify-content:flex-end}}
@@ -1 +0,0 @@
1
- ._FieldAdditionalText_14eoq_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_14eoq_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_14eoq_14{color:var(--9167e9)}
@@ -1 +0,0 @@
1
- ._FieldLayout--input_d2g4c_5{border-radius:var(--c4b051);display:flex;position:relative;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_d2g4c_5:hover input,._FieldLayout--input_d2g4c_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_d2g4c_5 input,._FieldLayout--input_d2g4c_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_d2g4c_5 input::placeholder,._FieldLayout--input_d2g4c_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_d2g4c_42{position:absolute;top:0;display:flex;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_d2g4c_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_d2g4c_55 ._FieldLayout--input_d2g4c_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_d2g4c_58 ._FieldLayout--input_d2g4c_5 input{padding-right:58px}._FieldLayout--has-error_d2g4c_61 ._FieldLayout--input_d2g4c_5{background-color:var(--95df5b)}._FieldLayout--has-error_d2g4c_61 ._FieldLayout--input_d2g4c_5 input,._FieldLayout--has-error_d2g4c_61 ._FieldLayout--input_d2g4c_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_d2g4c_61 ._FieldLayout--icon_d2g4c_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_d2g4c_72 ._FieldLayout--input_d2g4c_5 input,._FieldLayout--is-focused_d2g4c_72 ._FieldLayout--input_d2g4c_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_d2g4c_76 ._FieldLayout--input_d2g4c_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_d2g4c_76 ._FieldLayout--input_d2g4c_5 input,._FieldLayout--is-disabled_d2g4c_76 ._FieldLayout--input_d2g4c_5 textarea{border-color:transparent}._FieldLayout--input_d2g4c_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}
@@ -1 +0,0 @@
1
- ._InputText_4od6i_4,._InputPassword_4od6i_11,._InputDate_4od6i_18,._InputTime_4od6i_25,._InputNumber_4od6i_32,._Textarea_4od6i_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_4od6i_46{resize:none}._Textarea--resize-vertical_4od6i_49{resize:vertical}._Textarea--resize-horizontal_4od6i_52{resize:horizontal}._Textarea--resize-both_4od6i_55{resize:both}._Checkbox_4od6i_58,._Radio_4od6i_61{display:inline-block}._Select_4od6i_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_1ycai_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:flex;gap:var(--6947b0);max-width:max-content}._FieldLabel--wrap_1ycai_19{display:inline}._FieldLabel--wrapGap_1ycai_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_1ycai_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_1ycai_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_1mf8i_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_1mf8i_2 input,._FieldLayoutBase_1mf8i_2 textarea{display:block;width:100%}