@preply/ds-docs 7.1.0 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (598) hide show
  1. package/{config → .storybook}/decorators/preventIframeFromScrollingParent.tsx +1 -1
  2. package/{config → .storybook}/decorators/withIntlProvider.tsx +1 -1
  3. package/{config → .storybook}/main.ts +9 -21
  4. package/{config/manager.js → .storybook/manager.ts} +3 -3
  5. package/{config → .storybook}/preview-head.html +5 -0
  6. package/{config → .storybook}/preview.tsx +32 -7
  7. package/.storybook/vitest.setup.ts +5 -0
  8. package/README.md +1 -2
  9. package/dist/assets/00.LayoutFlex.stories-Trn9fl1r.js +85 -0
  10. package/dist/assets/{00.applications-CUkoHGre.js → 00.applications-DgG50o0h.js} +2 -2
  11. package/dist/assets/{00.favicons.guide-BACLlsQJ.js → 00.favicons.guide-BPbT_6WU.js} +2 -2
  12. package/dist/assets/{00.token-explorer-KvyvCOUP.js → 00.token-explorer-ClCpyqpc.js} +45 -45
  13. package/dist/assets/00.using-responsive-props-Bb1iomQW.js +18 -0
  14. package/dist/assets/01.semantic-tokens-C27rrlvA.js +11 -0
  15. package/dist/assets/{01.using-shorthand-props-BVcqSsu2.js → 01.using-shorthand-props-Cx8UqLGh.js} +2 -2
  16. package/dist/assets/10.Combinations.stories-DW0Awy7g.js +128 -0
  17. package/dist/assets/{10.fonts.guide-C0WN5q3d.js → 10.fonts.guide-mlrpbwOs.js} +2 -2
  18. package/dist/assets/{10.ssr-nXkWq-Jg.js → 10.ssr-Bxv1R5s2.js} +2 -2
  19. package/dist/assets/{11.languageFont.explorer.stories-CtRFTC-u.js → 11.languageFont.explorer.stories-CduWkRQi.js} +5 -5
  20. package/dist/assets/{11.ssr.app-router-DQgi7F2D.js → 11.ssr.app-router-DaFyxoYP.js} +2 -2
  21. package/dist/assets/{20.libraries-DU9GpL6L.js → 20.libraries-B1FxeNSm.js} +2 -2
  22. package/dist/assets/{2025-q4-ds-cleanup-C1ZmbxTl.js → 2025-q4-ds-cleanup-CyVfiEF_.js} +2 -2
  23. package/dist/assets/30.icons.explorer-J5XXpjOy.js +72 -0
  24. package/dist/assets/{30.storybook-DZPRDZF1.js → 30.storybook-BXPxdYYA.js} +2 -2
  25. package/dist/assets/40.illustrations.explorer-Ll2UaYWn.js +21 -0
  26. package/dist/assets/{90.advanced-C_XdYJPc.js → 90.advanced-BkBCaIij.js} +2 -2
  27. package/dist/assets/Accordion-Bjcf873X.js +1 -0
  28. package/dist/assets/{Accordion.stories-BUn1TO-l.js → Accordion.stories-CwmuD6M9.js} +3 -3
  29. package/dist/assets/{Accordion.tests.stories-DHNOscki.js → Accordion.tests.stories-DycRaTsm.js} +8 -8
  30. package/dist/assets/AlertDialog.stories-CMG96OPW.js +240 -0
  31. package/dist/assets/Avatar-BHWZ6iZn.js +1 -0
  32. package/dist/assets/Avatar.stories-DcHCuUcU.js +42 -0
  33. package/dist/assets/AvatarWithStatus.stories-BQ9j0v-r.js +36 -0
  34. package/dist/assets/Badge-e3LEfrfi.css +1 -0
  35. package/dist/assets/Badge.stories-CjBGqctl.js +82 -0
  36. package/dist/assets/Box.stories-F4YHVHtw.js +44 -0
  37. package/dist/assets/BubbleCounter.stories-W-QyzoZM.js +238 -0
  38. package/dist/assets/{Button-C2MXHYlY.css → Button-6DthIrMV.css} +1 -1
  39. package/dist/assets/Button-Db3mZeHX.js +1 -0
  40. package/dist/assets/Button-KgwWX-kY.js +1 -0
  41. package/dist/assets/{Button.stories-VjpvM5FZ.js → Button.stories-DZXg3fC6.js} +8 -8
  42. package/dist/assets/ButtonBase-LoF75NjE.js +1 -0
  43. package/dist/assets/{ButtonBase-Ide6FPM1.css → ButtonBase-vTD2whCv.css} +1 -1
  44. package/dist/assets/Checkbox-Bdi6imAj.js +1 -0
  45. package/dist/assets/{Checkbox.stories-C1RURGZy.js → Checkbox.stories-Wzzjomc-.js} +4 -4
  46. package/dist/assets/Checkbox.tests.stories-CGPErtLg.js +64 -0
  47. package/dist/assets/Chips.stories-BwJJ2fGW.js +140 -0
  48. package/dist/assets/Color-ASIRERSW-B8huhEry.js +1 -0
  49. package/dist/assets/ComposingPopovers.stories-CYrydDT0.js +49 -0
  50. package/dist/assets/CountryFlag-BsylP9aC.js +1 -0
  51. package/dist/assets/{CountryFlag.stories-lizf_vqO.js → CountryFlag.stories-CV_Ix2uc.js} +6 -6
  52. package/dist/assets/CountryFlag.test.stories-D-_jZuZ1.js +27 -0
  53. package/dist/assets/Dialog-DBQC7rLf.js +9 -0
  54. package/dist/assets/Dialog.stories-CLAeCRCv.js +381 -0
  55. package/dist/assets/DismissibleChips-BTc-ZGnG.js +1 -0
  56. package/dist/assets/{DismissibleChips.stories-CM10Bclv.js → DismissibleChips.stories-DYuvYDPR.js} +10 -10
  57. package/dist/assets/Divider-aEUPegmM.js +1 -0
  58. package/dist/assets/Divider.stories-DY-9haru.js +9 -0
  59. package/dist/assets/DocsRenderer-GHJI37HO-ZaAnf_mS.js +2 -0
  60. package/dist/assets/DropdownMenu-Eg6NEumE.js +1 -0
  61. package/dist/assets/{DropdownMenu.stories-BMPgkvR1.js → DropdownMenu.stories-DRc0OM4l.js} +25 -20
  62. package/dist/assets/FieldButton-CE-kxD0a.js +1 -0
  63. package/dist/assets/FieldButton.stories-0iohAlVk.js +1 -0
  64. package/dist/assets/FormControl-DI4h0Rn1.js +1 -0
  65. package/dist/assets/FormControl.stories-B-wRzqin.js +42 -0
  66. package/dist/assets/Heading-jyl-6mnE.js +1 -0
  67. package/dist/assets/Heading.stories-C--u6-XB.js +67 -0
  68. package/dist/assets/Icon-BbVZ9NP7.js +1 -0
  69. package/dist/assets/Icon-RSC-iQ3CU9mQ.js +6 -0
  70. package/dist/assets/{Icon.stories-C8lZfyvV.js → Icon.stories-DRfWUzol.js} +2 -2
  71. package/dist/assets/IconButton-DvmHN9Bh.js +1 -0
  72. package/dist/assets/Input-qJLg_DQg.js +1 -0
  73. package/dist/assets/InputContainer-DxTdO3rg.js +1 -0
  74. package/dist/assets/IntegrationWithReactHookForm.stories-D7Os2mOo.js +467 -0
  75. package/dist/assets/IntlFormattedCurrency.stories-DsOonDv4.js +1 -0
  76. package/dist/assets/IntlFormattedDateTime.stories-CEfl-J8a.js +1 -0
  77. package/dist/assets/LayoutFlex-7DoB3s9X.css +1 -0
  78. package/dist/assets/LayoutFlex-CtFx5gUZ.js +1 -0
  79. package/dist/assets/LayoutFlex-TxluN-Yw.js +1 -0
  80. package/dist/assets/LayoutFlexItem-CG7Crdkt.js +1 -0
  81. package/dist/assets/LayoutGrid-CyPyNDw1.js +1 -0
  82. package/dist/assets/LayoutGrid-Ddqp2KT2.js +1 -0
  83. package/dist/assets/LayoutGrid.stories-D1L7aqlu.js +88 -0
  84. package/dist/assets/LayoutGridItem-D9IWdXiI.js +1 -0
  85. package/dist/assets/Link-DBtlp5DH.js +1 -0
  86. package/dist/assets/{Link.stories-DVvzdQg0.js → Link.stories-BGk_oU7W.js} +2 -2
  87. package/dist/assets/Loader.stories-BW_8B3fu.js +37 -0
  88. package/dist/assets/MultiSelectChips-vFJ-9-kf.js +1 -0
  89. package/dist/assets/{MultiSelectChips.stories-DtyVRO_D.js → MultiSelectChips.stories-DMQnklfd.js} +11 -11
  90. package/dist/assets/NativeSelectField.stories-iktDEjbi.js +243 -0
  91. package/dist/assets/NumberField-DachAjtc.js +1 -0
  92. package/dist/assets/NumberField.stories-CHm83Evu.js +254 -0
  93. package/dist/assets/ObserveIntersection-Gkcdp17D.js +1 -0
  94. package/dist/assets/ObserveIntersection.stories-Crg5XGQK.js +27 -0
  95. package/dist/assets/OnboardingTooltip-Clfuyvq4.js +1 -0
  96. package/dist/assets/{OnboardingTooltip.stories-CXeGdwmF.js → OnboardingTooltip.stories-1rbEN6tf.js} +5 -5
  97. package/dist/assets/OnboardingTooltip.tests.stories-DbaxrQeh.js +79 -0
  98. package/dist/assets/OnboardingTour-DlsIO1Gv.js +1 -0
  99. package/dist/assets/OnboardingTour.stories-eO-vrmSq.js +42 -0
  100. package/dist/assets/{OnboardingTour.tests.stories-geQyXRg0.js → OnboardingTour.tests.stories-nH2oAAkE.js} +6 -6
  101. package/dist/assets/PasswordField-Cb1fJLBM.js +1 -0
  102. package/dist/assets/PasswordField.stories-BpCu_Nmu.js +229 -0
  103. package/dist/assets/PreplyLogo.stories-C7DVat2q.js +93 -0
  104. package/dist/assets/ProgressBar.stories-CJTsS-k-.js +43 -0
  105. package/dist/assets/ProgressSteps-LRQw0WxN.js +1 -0
  106. package/dist/assets/ProgressSteps.stories-DkKhdsEq.js +31 -0
  107. package/dist/assets/PromoDialog-BD77J0Sb.js +3 -0
  108. package/dist/assets/RangeSlider-C7BMuKPO.js +3 -0
  109. package/dist/assets/{RangeSlider.stories-DOKf_qXp.js → RangeSlider.stories-BR0J8t26.js} +6 -6
  110. package/dist/assets/Rating.stories-C4odIVLb.js +115 -0
  111. package/dist/assets/{RatingInput.stories-BmhUO-vY.js → RatingInput.stories-C3TFrxw_.js} +30 -57
  112. package/dist/assets/SelectField-BvrdbknI.css +1 -0
  113. package/dist/assets/SelectField-qkC5zVlE.js +1 -0
  114. package/dist/assets/SelectField.stories-BkyQpgee.js +516 -0
  115. package/dist/assets/ShowOnIntersection.stories-DMrPWP_X.js +17 -0
  116. package/dist/assets/SingleSelectChips-URtzgStH.js +1 -0
  117. package/dist/assets/{SingleSelectChips.stories-CgSCJR-h.js → SingleSelectChips.stories-C62wkEv2.js} +19 -19
  118. package/dist/assets/Slider-DwJ11rhB.js +1 -0
  119. package/dist/assets/Slider.stories-Ctv9GCye.js +69 -0
  120. package/dist/assets/Spinner-BtlYJQrD.js +1 -0
  121. package/dist/assets/{Stars-DGzJFzmk.js → Stars-noMq-Uej.js} +1 -1
  122. package/dist/assets/Steps-ZKxhdp_N.js +1 -0
  123. package/dist/assets/{Steps.stories-BppoL2gK.js → Steps.stories-DcQb87xm.js} +12 -12
  124. package/dist/assets/Switch-CukXNUpT.js +1 -0
  125. package/dist/assets/{Switch.stories-aVZF_-KJ.js → Switch.stories-DDel8GN3.js} +9 -9
  126. package/dist/assets/Text-BaQf6qnx.js +1 -0
  127. package/dist/assets/Text-D2ssZW1_.js +1 -0
  128. package/dist/assets/Text-O3SM8a3p.css +1 -0
  129. package/dist/assets/Text.stories-DAYsyFR5.js +58 -0
  130. package/dist/assets/TextField-D3FL7yE0.js +1 -0
  131. package/dist/assets/TextField.stories-B7yiySGl.js +254 -0
  132. package/dist/assets/TextHighlighted.stories-GrC4GB2n.js +32 -0
  133. package/dist/assets/TextInline.stories-CLDPL3xz.js +50 -0
  134. package/dist/assets/TextareaField-lItTPjhC.js +1 -0
  135. package/dist/assets/{TextareaField.stories-oScbbK_V.js → TextareaField.stories-CSn1Y1es.js} +13 -12
  136. package/dist/assets/Toast-PKFBYWQw.css +1 -0
  137. package/dist/assets/Toast.stories-WMpE2CUA.js +183 -0
  138. package/dist/assets/TokyoUIAttach-DEHypfd2.js +1 -0
  139. package/dist/assets/TokyoUIAvailability7LateNight-DqIhY2LI.js +1 -0
  140. package/dist/assets/TokyoUICheck-DFXDKlST.js +1 -0
  141. package/dist/assets/TokyoUICheckmark-CC75JvoU.js +1 -0
  142. package/dist/assets/TokyoUIChevronDown-CV0GTyb_.js +1 -0
  143. package/dist/assets/TokyoUIClose-Bf-N_4aK.js +1 -0
  144. package/dist/assets/TokyoUIEmojiFrowning-CEEry-ar.js +1 -0
  145. package/dist/assets/TokyoUIEye-CvZmomj8.js +1 -0
  146. package/dist/assets/TokyoUIFav-CV3HlDno.js +1 -0
  147. package/dist/assets/TokyoUIInfo-S99idYL9.js +1 -0
  148. package/dist/assets/TokyoUILanguage-dDro1t5I.js +1 -0
  149. package/dist/assets/TokyoUILibraryExplore-3boXHfri.js +1 -0
  150. package/dist/assets/TokyoUILock-Ddb0LZOj.js +1 -0
  151. package/dist/assets/TokyoUIMessages-DddkimKx.js +1 -0
  152. package/dist/assets/TokyoUIMinus-BM97SQFD.js +1 -0
  153. package/dist/assets/TokyoUINotebook-CzW-xZ-S.js +1 -0
  154. package/dist/assets/TokyoUINotesWithPad-CZPHd-s1.js +1 -0
  155. package/dist/assets/TokyoUIPhone-B41go8ay.js +1 -0
  156. package/dist/assets/TokyoUISettings-r8yUukmp.js +1 -0
  157. package/dist/assets/TokyoUIStarFilled-DAFjKfr3.js +1 -0
  158. package/dist/assets/TokyoUITag-BOlMKPwF.js +1 -0
  159. package/dist/assets/TokyoUIUpload-DqgHhwt9.js +1 -0
  160. package/dist/assets/TokyoUIUser-DQL_EW5M.js +1 -0
  161. package/dist/assets/Tooltip-nL6-qc2S.js +1 -0
  162. package/dist/assets/Tooltip.stories-BCIj91Tz.js +93 -0
  163. package/dist/assets/{Tooltip.tests.stories-t8Ra6jdu.js → Tooltip.tests.stories-BuldDnaS.js} +3 -3
  164. package/dist/assets/VisuallyHidden-CBzPUOy4.js +1 -0
  165. package/dist/assets/WithTooltip-IO6J4KBT-sdWoJ5kA.js +9 -0
  166. package/dist/assets/align-self-Dj6Hw1ei.js +1 -0
  167. package/dist/assets/avatar-1.png +0 -0
  168. package/dist/assets/avatar-2.png +0 -0
  169. package/dist/assets/avatar-3.png +0 -0
  170. package/dist/assets/avatar-4.png +0 -0
  171. package/dist/assets/avatar-5.png +0 -0
  172. package/dist/assets/{axe-KozDj-05.js → axe-COSWniE7.js} +1 -1
  173. package/dist/assets/{breakpoints-BU3g7toZ.js → breakpoints-Bq0N-WKo.js} +2 -2
  174. package/dist/assets/{breakpoints-B9BgZenX.js → breakpoints-DAuVWyVl.js} +2 -2
  175. package/dist/assets/{breakpoints-BwVzZWx6.js → breakpoints-r5YNDlDj.js} +2 -2
  176. package/dist/assets/changelog-DfbyLrVG.js +2392 -0
  177. package/dist/assets/client-B0RkqQz5.js +1 -0
  178. package/dist/assets/{componentNames-k0j3gHgH.js → componentNames-CmmTyjin.js} +1 -1
  179. package/dist/assets/constants-DiGI6Pao.js +47 -0
  180. package/dist/assets/createRequiredContext-Dh2RVm_M.js +1 -0
  181. package/dist/assets/emotion-unitless.esm-BZwEwAnk.js +1 -0
  182. package/dist/assets/formatter-QJ4M4OGQ-DkyPaaGf.js +1 -0
  183. package/dist/assets/getTokenVar-DAf6Dqww.js +11 -0
  184. package/dist/assets/getTokenVar-DGGittrV.js +1 -0
  185. package/dist/assets/gradientBorders-BLAK8Z-v.js +45 -0
  186. package/dist/assets/hover-BK-WJeH0.js +16 -0
  187. package/dist/assets/hover-Bny3ccNR.js +13 -0
  188. package/dist/assets/hover-reiWegqW.js +14 -0
  189. package/dist/assets/iframe-CWgEsn_I.js +1891 -0
  190. package/dist/assets/iframe-Dl7aNcg3.css +1 -0
  191. package/dist/assets/index-BAEPs7Y-.js +12 -0
  192. package/dist/assets/index-BiSZC2o0.js +1 -0
  193. package/dist/assets/{index-Bd3pAdGF.js → index-CC1MzVDH.js} +2 -2
  194. package/dist/assets/index-D3eu31XZ.js +41 -0
  195. package/dist/assets/index-DN8YXDVa.js +1 -0
  196. package/dist/assets/index-DVMjwMfI.js +1 -0
  197. package/dist/assets/{intro-W6KSFbTA.js → intro-BstePxGk.js} +2 -2
  198. package/dist/assets/layout-relative-Dd1oD7no.js +1 -0
  199. package/dist/assets/layout-relative.module-1z75aSwo-BlGCRaGo.js +1 -0
  200. package/dist/assets/layout-relative.module-DtLbhGhZ.js +1 -0
  201. package/dist/assets/matchers-DMFSMG2O-CAdg16Fl.js +14 -0
  202. package/dist/assets/mcp-BnvXyj7V.js +32 -0
  203. package/dist/assets/message-qc_MCF3J.js +1 -0
  204. package/dist/assets/{migrating-from-less-DsURcUxp.js → migrating-from-less-DeeEWMYL.js} +2 -2
  205. package/dist/assets/playground.stories-CvceWUq7.js +6 -0
  206. package/dist/assets/preload-helper-Dp1pzeXC.js +1 -0
  207. package/dist/assets/react-18-Cn7fKkEX.js +1 -0
  208. package/dist/assets/{render-icon-Du0nasoi.js → render-icon-CcTDatKg.js} +2 -2
  209. package/dist/assets/render-icon-DCa6Vadq.js +9 -0
  210. package/dist/assets/{shared-strings-DFzxd8lM.js → shared-strings-I9WUPC_k.js} +1 -1
  211. package/dist/assets/styled-components.browser.esm-BZ4U6qbl.js +2 -0
  212. package/dist/assets/styled-components.browser.esm-DsfIp3u0.js +2 -0
  213. package/dist/assets/syntaxhighlighter-IQDEPFLK-BGcWLhM8.js +6 -0
  214. package/dist/assets/text-accent-CvDqGyH8.js +1 -0
  215. package/dist/assets/text-centered-4FcavPd_.js +1 -0
  216. package/dist/assets/text-centered-nO9Uq8mN.js +1 -0
  217. package/dist/assets/tokens-BEq-FCvC.js +15 -0
  218. package/dist/assets/tokens-I7xc-5gL.js +1 -0
  219. package/dist/assets/{tokens-Dr0rNfCQ.js → tokens-as7cem5X.js} +2 -2
  220. package/dist/assets/{tokens-CwpsI1W8.js → tokens-kjKX1OOx.js} +2 -2
  221. package/dist/assets/useControllableState-CB098DmS.js +1 -0
  222. package/dist/assets/useHostname-DENeD9To.js +1 -0
  223. package/dist/assets/useMergeRefs-Cma75nFm.js +1 -0
  224. package/dist/assets/useMergeRefs-DrdDSUH5.js +1 -0
  225. package/dist/assets/useOpenInteractionType-DeCsKa-1.js +15 -0
  226. package/dist/assets/usePortalElement-CK58JXLC.js +19 -0
  227. package/dist/assets/useStableCallback-Cg8WkzY2.js +1 -0
  228. package/dist/assets/useToken-Dy7e7qui.js +1 -0
  229. package/dist/assets/{welcome-CqKVBlQ_.js → welcome-DnB7jiTV.js} +3 -3
  230. package/dist/assets/{zeroheight-bhuS12y3.js → zeroheight-BLhCMMHP.js} +3 -3
  231. package/dist/favicon-wrapper.svg +46 -0
  232. package/dist/favicon.svg +2 -1
  233. package/dist/iframe.html +37 -11
  234. package/dist/index.html +30 -65
  235. package/dist/index.json +1 -1
  236. package/dist/preview-stats.json +13185 -12261
  237. package/dist/project.json +1 -1
  238. package/dist/sb-addons/a11y-1/manager-bundle.js +3 -218
  239. package/dist/sb-addons/docs-4/manager-bundle.js +3 -0
  240. package/dist/sb-addons/links-2/manager-bundle.js +3 -0
  241. package/dist/sb-addons/storybook-5/manager-bundle.js +3 -0
  242. package/dist/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +628 -0
  243. package/dist/sb-addons/vitest-3/manager-bundle.js +3 -0
  244. package/dist/sb-common-assets/favicon-wrapper.svg +46 -0
  245. package/dist/sb-common-assets/favicon.svg +1 -1
  246. package/dist/sb-manager/globals-runtime.js +73678 -40227
  247. package/dist/sb-manager/globals.js +13 -37
  248. package/dist/sb-manager/manager-stores.js +23 -0
  249. package/dist/sb-manager/runtime.js +17313 -9663
  250. package/dist/vite-inject-mocker-entry.js +18 -0
  251. package/package.json +17 -23
  252. package/pages/06.changelog/changelog.mdx +7 -0
  253. package/pages/30.guides/00.installation/00.applications.mdx +67 -0
  254. package/pages/30.guides/00.installation/10.ssr.mdx +113 -0
  255. package/pages/30.guides/00.installation/11.ssr.app-router.mdx +74 -0
  256. package/pages/30.guides/00.installation/20.libraries.mdx +38 -0
  257. package/pages/30.guides/00.installation/30.storybook.mdx +60 -0
  258. package/pages/30.guides/00.installation/90.advanced.mdx +41 -0
  259. package/pages/30.guides/10.MCP/mcp.mdx +50 -0
  260. package/pages/30.guides/40.tokens/00.token-explorer.mdx +17 -0
  261. package/pages/30.guides/40.tokens/01.semantic-tokens.mdx +33 -0
  262. package/pages/30.guides/40.tokens/components/SchemeSwitcher.styles.ts +34 -0
  263. package/pages/30.guides/40.tokens/components/SchemeSwitcher.tsx +41 -0
  264. package/pages/30.guides/40.tokens/components/SearchTerms.styles.tsx +17 -0
  265. package/pages/30.guides/40.tokens/components/SearchTerms.tsx +63 -0
  266. package/pages/30.guides/40.tokens/components/SemanticTokens.tsx +183 -0
  267. package/pages/30.guides/40.tokens/components/TokenCard.styles.tsx +33 -0
  268. package/pages/30.guides/40.tokens/components/TokenCard.tsx +50 -0
  269. package/pages/30.guides/40.tokens/components/TokenList.styles.tsx +14 -0
  270. package/pages/30.guides/40.tokens/components/TokenList.tsx +32 -0
  271. package/pages/30.guides/40.tokens/components/TokenRenderers/RenderDuration.tsx +25 -0
  272. package/pages/30.guides/40.tokens/components/TokenRenderers/RenderEasing.tsx +7 -0
  273. package/pages/30.guides/40.tokens/components/TokenRenderers/RenderTransition.tsx +21 -0
  274. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBackground.tsx +15 -0
  275. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx +15 -0
  276. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx +33 -0
  277. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderImage.tsx +19 -0
  278. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx +19 -0
  279. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderWidth.tsx +28 -0
  280. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBoxShadow.tsx +14 -0
  281. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererBrightness.tsx +22 -0
  282. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererEasingCoordinate.tsx +8 -0
  283. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererFgColor.tsx +20 -0
  284. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontFamily.tsx +28 -0
  285. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontSize.tsx +16 -0
  286. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontStyle.tsx +17 -0
  287. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontWeight.tsx +17 -0
  288. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererHeight.tsx +14 -0
  289. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererLetterSpacing.tsx +17 -0
  290. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightPixels.tsx +23 -0
  291. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightRatio.tsx +23 -0
  292. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineColor.tsx +33 -0
  293. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineOffset.tsx +29 -0
  294. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineWidth.tsx +28 -0
  295. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererPaletteItem.tsx +14 -0
  296. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererProps.tsx +6 -0
  297. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererSize.tsx +14 -0
  298. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererSpace.tsx +14 -0
  299. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererSwatch.tsx +25 -0
  300. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererTextDecoration.tsx +26 -0
  301. package/pages/30.guides/40.tokens/components/TokenRenderers/RendererTypeface.tsx +28 -0
  302. package/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx +42 -0
  303. package/pages/30.guides/40.tokens/components/TokenSearch.tsx +79 -0
  304. package/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx +17 -0
  305. package/pages/30.guides/40.tokens/components/TokenSearchHint.tsx +41 -0
  306. package/pages/30.guides/40.tokens/components/TokenSearchHints.tsx +25 -0
  307. package/pages/30.guides/40.tokens/constants/search-hints.tsx +34 -0
  308. package/pages/30.guides/40.tokens/constants/token-values-flattened.ts +35 -0
  309. package/pages/30.guides/40.tokens/functions/token-type.renderer.test.tsx +72 -0
  310. package/pages/30.guides/40.tokens/functions/token-type.renderer.tsx +206 -0
  311. package/pages/30.guides/40.tokens/functions/token.filter.ts +25 -0
  312. package/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx +76 -0
  313. package/pages/30.guides/40.tokens/providers/useTokenSearchContext.ts +5 -0
  314. package/pages/30.guides/40.tokens/types.ts +18 -0
  315. package/pages/30.guides/50.special-props/00.using-responsive-props.mdx +35 -0
  316. package/pages/30.guides/50.special-props/01.using-shorthand-props.mdx +64 -0
  317. package/pages/30.guides/50.special-props/components/BreakpointList.tsx +19 -0
  318. package/pages/30.guides/60.components/20.sc/examples/MyStyledComponentWithTokens.ts +14 -0
  319. package/pages/30.guides/60.components/index.mdx +28 -0
  320. package/pages/30.guides/60.components/less/breakpoints.mdx +43 -0
  321. package/pages/30.guides/60.components/less/hover.mdx +19 -0
  322. package/pages/30.guides/60.components/less/tokens.mdx +24 -0
  323. package/pages/30.guides/60.components/scss/breakpoints.mdx +52 -0
  324. package/pages/30.guides/60.components/scss/hover.mdx +30 -0
  325. package/pages/30.guides/60.components/scss/migrating-from-less.mdx +55 -0
  326. package/pages/30.guides/60.components/scss/tokens.mdx +33 -0
  327. package/pages/30.guides/60.components/styled-components/breakpoints.mdx +45 -0
  328. package/pages/30.guides/60.components/styled-components/hover.mdx +20 -0
  329. package/pages/30.guides/60.components/styled-components/intro.mdx +49 -0
  330. package/pages/30.guides/60.components/styled-components/tokens.mdx +22 -0
  331. package/pages/30.guides/70.assets/00.favicons.guide.mdx +32 -0
  332. package/pages/30.guides/70.assets/10.fonts.guide.mdx +59 -0
  333. package/pages/30.guides/70.assets/11.languageFont.explorer.stories.tsx +15 -0
  334. package/pages/30.guides/70.assets/30.icons.explorer.mdx +30 -0
  335. package/pages/30.guides/70.assets/40.illustrations.explorer.mdx +12 -0
  336. package/pages/30.guides/70.assets/components/FontForLanguages.tsx +357 -0
  337. package/pages/30.guides/70.assets/components/IconDetails.styles.ts +29 -0
  338. package/pages/30.guides/70.assets/components/IconDetails.tsx +163 -0
  339. package/pages/30.guides/70.assets/components/IconItem.styles.ts +51 -0
  340. package/pages/30.guides/70.assets/components/IconItem.tsx +35 -0
  341. package/pages/30.guides/70.assets/components/IconList.styles.ts +9 -0
  342. package/pages/30.guides/70.assets/components/IconList.tsx +26 -0
  343. package/pages/30.guides/70.assets/components/IconSearch.styles.ts +23 -0
  344. package/pages/30.guides/70.assets/components/IconSearch.tsx +19 -0
  345. package/pages/30.guides/70.assets/components/IconSearchResults.styles.ts +7 -0
  346. package/pages/30.guides/70.assets/components/IconSearchResults.tsx +37 -0
  347. package/pages/30.guides/70.assets/components/IconsSearchContext/IconSearchProvider.tsx +37 -0
  348. package/pages/30.guides/70.assets/components/IconsSearchContext/IconsContext.ts +36 -0
  349. package/pages/30.guides/70.assets/components/IconsSearchContext/useIconSearchContext.ts +5 -0
  350. package/pages/30.guides/70.assets/components/IllustrationsList.tsx +133 -0
  351. package/pages/30.guides/70.assets/components/ThemeOptionsItem.tsx +49 -0
  352. package/pages/30.guides/70.assets/components/ThemeOptionsList.tsx +61 -0
  353. package/pages/30.guides/70.assets/constants/icon-imports.ts +583 -0
  354. package/pages/30.guides/70.assets/functions/import-svg-file-name.tsx +8 -0
  355. package/pages/30.guides/70.assets/styles.css +35 -0
  356. package/pages/30.guides/90.migrations/2025-q4-ds-cleanup.mdx +1295 -0
  357. package/pages/50.utilities/getTokenVar.mdx +19 -0
  358. package/pages/50.utilities/gradientBorders.mdx +87 -0
  359. package/pages/50.utilities/usePortalElement.mdx +26 -0
  360. package/pages/hat.svg +3 -0
  361. package/pages/playground.stories.tsx +26 -0
  362. package/pages/welcome.mdx +35 -0
  363. package/pages/zeroheight.mdx +53 -0
  364. package/public/assets/avatar-1.png +0 -0
  365. package/public/assets/avatar-2.png +0 -0
  366. package/public/assets/avatar-3.png +0 -0
  367. package/public/assets/avatar-4.png +0 -0
  368. package/public/assets/avatar-5.png +0 -0
  369. package/public/assets/logo.svg +1 -0
  370. package/public/assets/path-preply-org.jpg +0 -0
  371. package/public/assets/path.png +0 -0
  372. package/root.html +13 -0
  373. package/tsconfig.json +11 -1
  374. package/vitest.config.mts +5 -3
  375. package/config/packages.js +0 -21
  376. package/config/utils/statics.js +0 -30
  377. package/config/vitest.setup.ts +0 -9
  378. package/dist/assets/00.LayoutFlex.stories-DER40PUP.js +0 -85
  379. package/dist/assets/00.using-responsive-props-Dtv6-YXW.js +0 -18
  380. package/dist/assets/01.semantic-tokens-DnB7r57n.js +0 -2
  381. package/dist/assets/10.Combinations.stories-B7f7hRFA.js +0 -128
  382. package/dist/assets/30.icons.explorer-Dj-ys2GU.js +0 -73
  383. package/dist/assets/40.illustrations.explorer-Coq1W0EG.js +0 -21
  384. package/dist/assets/Accordion-iUMOrUCV.js +0 -23
  385. package/dist/assets/AlertDialog.stories-Dt0cfcEo.js +0 -243
  386. package/dist/assets/Avatar-NdNFhLYi.js +0 -6
  387. package/dist/assets/Avatar.stories-DYqwXUUw.js +0 -42
  388. package/dist/assets/AvatarWithStatus.stories-Bhrj0cSz.js +0 -41
  389. package/dist/assets/Badge-DWapjrJk.css +0 -1
  390. package/dist/assets/Badge.stories-DR_x-i6O.js +0 -85
  391. package/dist/assets/Box.stories-DieBkr98.js +0 -44
  392. package/dist/assets/BubbleCounter.stories-CCKFDvHr.js +0 -242
  393. package/dist/assets/Button-B5i7cA94.js +0 -1
  394. package/dist/assets/Button-C-6rDSzI.js +0 -20
  395. package/dist/assets/ButtonBase-h431KMrY.js +0 -8
  396. package/dist/assets/Checkbox-BnqXU33n.js +0 -10
  397. package/dist/assets/Checkbox.tests.stories-CKbpVER5.js +0 -64
  398. package/dist/assets/Chips.stories-kLSnMqrz.js +0 -146
  399. package/dist/assets/Color-YHDXOIA2-BWptXrTc.js +0 -1
  400. package/dist/assets/ComposingPopovers.stories--SKHALGr.js +0 -49
  401. package/dist/assets/CountryFlag-DuiC2miK.js +0 -49
  402. package/dist/assets/CountryFlag.test.stories-BoCBFg0i.js +0 -27
  403. package/dist/assets/Dialog.stories-RQp6xIqU.js +0 -379
  404. package/dist/assets/DismissibleChips-BGcUuQYK.js +0 -1
  405. package/dist/assets/Divider-BPgGsji3.js +0 -1
  406. package/dist/assets/Divider.stories-D0XhMPpe.js +0 -9
  407. package/dist/assets/DocsRenderer-CFRXHY34-7_I-DC5T.js +0 -2
  408. package/dist/assets/DropdownMenu-PLTFFi-U.js +0 -1229
  409. package/dist/assets/FieldButton-DAY3HLuQ.js +0 -1
  410. package/dist/assets/FieldButton.stories-DApRDUo4.js +0 -1
  411. package/dist/assets/FormControl-BIPOTQBb.js +0 -7
  412. package/dist/assets/FormControl.stories-Ybw0qxva.js +0 -67
  413. package/dist/assets/Heading-CzIRSKAr.js +0 -1
  414. package/dist/assets/Heading.stories-B0-2LbXt.js +0 -67
  415. package/dist/assets/Icon-BsfKiFZj.js +0 -8
  416. package/dist/assets/Icon-RSC-4fhV_e9B.js +0 -6
  417. package/dist/assets/IconButton-BgdrD9k8.js +0 -8
  418. package/dist/assets/Input-CfV08vH7.js +0 -48
  419. package/dist/assets/InputContainer-Cnv--ROK.js +0 -2
  420. package/dist/assets/IntegrationWithReactHookForm.stories-BgtVrzFb.js +0 -460
  421. package/dist/assets/IntlFormattedCurrency.stories-BMYzNxPt.js +0 -1
  422. package/dist/assets/IntlFormattedDateTime.stories-ZBusegeN.js +0 -1
  423. package/dist/assets/LayoutFlex-B05EaYB1.css +0 -1
  424. package/dist/assets/LayoutFlex-BkczeydK.js +0 -1
  425. package/dist/assets/LayoutFlex-DF8MvGnJ.js +0 -1
  426. package/dist/assets/LayoutFlexItem-XGd2QoPI.js +0 -1
  427. package/dist/assets/LayoutGrid-B5JJKgNY.js +0 -1
  428. package/dist/assets/LayoutGrid-CcWPCxyF.js +0 -1
  429. package/dist/assets/LayoutGrid.stories-CLDor39v.js +0 -88
  430. package/dist/assets/LayoutGridItem-BLoIIsgH.js +0 -1
  431. package/dist/assets/Link-CjAvDgdX.js +0 -5
  432. package/dist/assets/Loader.stories-CgVn9xQk.js +0 -37
  433. package/dist/assets/MultiSelectChips-9U0Tnh2Z.js +0 -2
  434. package/dist/assets/NumberField-CmClnfq6.js +0 -6
  435. package/dist/assets/NumberField.stories-3yRHDVS1.js +0 -254
  436. package/dist/assets/ObserveIntersection-tF7V09tr.js +0 -8
  437. package/dist/assets/ObserveIntersection.stories-CU9weI-s.js +0 -27
  438. package/dist/assets/OnboardingTooltip-DVeLAHtQ.js +0 -16
  439. package/dist/assets/OnboardingTooltip.tests.stories-O2UC2o4R.js +0 -79
  440. package/dist/assets/OnboardingTour-D3xEUgOf.js +0 -4
  441. package/dist/assets/OnboardingTour.stories-CBnSnEFN.js +0 -46
  442. package/dist/assets/PasswordField-DAL68lC4.js +0 -6
  443. package/dist/assets/PasswordField.stories-DYI1gVQx.js +0 -228
  444. package/dist/assets/PortalElementProvider-BAqvxZzH.js +0 -1
  445. package/dist/assets/PreplyLogo.stories-DP9KwK_Z.js +0 -95
  446. package/dist/assets/ProgressBar.stories-DZGEpHCd.js +0 -44
  447. package/dist/assets/ProgressSteps-BfCnfM68.js +0 -2
  448. package/dist/assets/ProgressSteps.stories--Zns7FpA.js +0 -31
  449. package/dist/assets/PromoDialog-oLEsdGtd.js +0 -3
  450. package/dist/assets/RangeSlider-BKOYT1ZU.js +0 -4
  451. package/dist/assets/Rating.stories-CC-5R6ut.js +0 -116
  452. package/dist/assets/RootProvider-CyXG17jf.js +0 -1
  453. package/dist/assets/SelectField-ByfZzt_b.js +0 -53
  454. package/dist/assets/SelectField.stories-IaZzYevq.js +0 -243
  455. package/dist/assets/ShowOnIntersection.stories-C2m-k9HC.js +0 -17
  456. package/dist/assets/SingleSelectChips-D7f85tAs.js +0 -2
  457. package/dist/assets/Slider-GGejckz6.js +0 -2
  458. package/dist/assets/Slider.stories-DSglTZg5.js +0 -69
  459. package/dist/assets/Spinner-qiZily8k.js +0 -1
  460. package/dist/assets/Steps-BnIR8N56.js +0 -26
  461. package/dist/assets/StorybookGlobalStyle-CtZU2X7e.js +0 -42
  462. package/dist/assets/Switch-B-jGiz3C.js +0 -12
  463. package/dist/assets/Text-DVl1HBkZ.js +0 -1
  464. package/dist/assets/Text.stories-CHcPPDZB.js +0 -58
  465. package/dist/assets/TextField-BRDwFAhX.js +0 -6
  466. package/dist/assets/TextField.stories-Psl8ijNV.js +0 -253
  467. package/dist/assets/TextHighlighted.stories-CTQM4A4u.js +0 -32
  468. package/dist/assets/TextInline.stories-TEw3tSim.js +0 -50
  469. package/dist/assets/TextareaField-BUSqPXn3.js +0 -53
  470. package/dist/assets/Toast-Bce4LWtf.css +0 -1
  471. package/dist/assets/Toast.stories-Den6Rcqh.js +0 -101
  472. package/dist/assets/TokyoUIAttach-BWl7Jkq1.js +0 -1
  473. package/dist/assets/TokyoUIAvailability7LateNight-TgMFD5Or.js +0 -1
  474. package/dist/assets/TokyoUICheck-BMIsD36S.js +0 -1
  475. package/dist/assets/TokyoUIChevronDown-CEw5hWWz.js +0 -1
  476. package/dist/assets/TokyoUIClose-thK8sk63.js +0 -1
  477. package/dist/assets/TokyoUIEmojiFrowning-DwuiVRut.js +0 -1
  478. package/dist/assets/TokyoUIEye-CteyS9_g.js +0 -1
  479. package/dist/assets/TokyoUIFav-DOVerCtW.js +0 -1
  480. package/dist/assets/TokyoUIInfo-DbkQBubr.js +0 -1
  481. package/dist/assets/TokyoUILanguage-CLpo5Vdq.js +0 -1
  482. package/dist/assets/TokyoUILibraryExplore-B9OQyi-V.js +0 -1
  483. package/dist/assets/TokyoUILock-CUE2UpP8.js +0 -1
  484. package/dist/assets/TokyoUIMessages-BShhOmUG.js +0 -1
  485. package/dist/assets/TokyoUIMinus-RacYe9uc.js +0 -1
  486. package/dist/assets/TokyoUINotebook-kt8pWj_a.js +0 -1
  487. package/dist/assets/TokyoUINotesWithPad-B-o4vu0Y.js +0 -1
  488. package/dist/assets/TokyoUIPhone-CvuBM6jb.js +0 -1
  489. package/dist/assets/TokyoUISettings-NNMqOtUc.js +0 -1
  490. package/dist/assets/TokyoUIStarFilled-CVOoYvsY.js +0 -1
  491. package/dist/assets/TokyoUITag-CS4uarg6.js +0 -1
  492. package/dist/assets/TokyoUIUpload-Bf0gWv4M.js +0 -1
  493. package/dist/assets/TokyoUIUser-Cvenl_VS.js +0 -1
  494. package/dist/assets/Tooltip-_f_f-kTL.js +0 -9
  495. package/dist/assets/Tooltip.stories-C2Yz1gLt.js +0 -93
  496. package/dist/assets/VisuallyHidden-CZd13GOS.js +0 -1
  497. package/dist/assets/_commonjsHelpers-Cpj98o6Y.js +0 -1
  498. package/dist/assets/align-self-Cj4aclWl.js +0 -1
  499. package/dist/assets/changelog-Caynf8sn.js +0 -2325
  500. package/dist/assets/chunk-XP5HYGXS-BpfKkqn7.js +0 -1
  501. package/dist/assets/classNames-9hsFPPZv.js +0 -1
  502. package/dist/assets/client-CYxxc9KC.js +0 -1
  503. package/dist/assets/constants-DTpaCXm6.js +0 -1
  504. package/dist/assets/constants-DVSid1Xr.js +0 -48
  505. package/dist/assets/createRequiredContext-DPmvfWRz.js +0 -241
  506. package/dist/assets/defaults-_YAxqn11.js +0 -1
  507. package/dist/assets/entry-preview-B8S6AF6S.js +0 -2
  508. package/dist/assets/entry-preview-docs-BuAKzHmI.js +0 -46
  509. package/dist/assets/getTokenVar-4Jlty0xz.js +0 -1
  510. package/dist/assets/getTokenVar-Ik0AWZ4t.js +0 -11
  511. package/dist/assets/hoist-non-react-statics.cjs-C-Qo8PK8.js +0 -8
  512. package/dist/assets/hover-CquEGcLG.js +0 -13
  513. package/dist/assets/hover-DSaWqp3c.js +0 -14
  514. package/dist/assets/hover-ZyQgH17L.js +0 -16
  515. package/dist/assets/iframe-C3SpczPa.js +0 -211
  516. package/dist/assets/index--TGv0Gnn.js +0 -131
  517. package/dist/assets/index-2TVOn9du.js +0 -1
  518. package/dist/assets/index-B-lxVbXh.js +0 -1
  519. package/dist/assets/index-BN6VMYqa.js +0 -1
  520. package/dist/assets/index-BPCsOyHr.js +0 -24
  521. package/dist/assets/index-BV2iXjxm.js +0 -1
  522. package/dist/assets/index-BqT8peiM.js +0 -1
  523. package/dist/assets/index-C5uDgNEj.js +0 -12
  524. package/dist/assets/index-CA5R8PN9.js +0 -8
  525. package/dist/assets/index-CRQycg-8.js +0 -575
  526. package/dist/assets/index-CUHsGBvM.js +0 -41
  527. package/dist/assets/index-Cb9e4tly.js +0 -1
  528. package/dist/assets/index-Cc-bXjHe.js +0 -1
  529. package/dist/assets/index-ChsGqxH_.js +0 -9
  530. package/dist/assets/index-DR63UjCN.js +0 -1
  531. package/dist/assets/index-DWSmmBvQ.js +0 -12
  532. package/dist/assets/index-Dk_MCKuE.js +0 -240
  533. package/dist/assets/index-DrFu-skq.js +0 -6
  534. package/dist/assets/index-qlqSh81O.js +0 -1
  535. package/dist/assets/index-s7KTOhR7.js +0 -1
  536. package/dist/assets/jsx-runtime-BTJTZTIL.js +0 -9
  537. package/dist/assets/layout-relative-Rn-Bns4t.js +0 -1
  538. package/dist/assets/layout-relative.module-1z75aSwo-rvXP8TMg.js +0 -1
  539. package/dist/assets/layout-relative.module-FOVgic7W.js +0 -1
  540. package/dist/assets/matchers-7Z3WT2CE-T3xScrR7.js +0 -14
  541. package/dist/assets/message-CSdaKtIj.js +0 -1
  542. package/dist/assets/playground.stories-_pKinBuZ.js +0 -6
  543. package/dist/assets/preview-B2Uoj8bD.js +0 -2
  544. package/dist/assets/preview-B8lJiyuQ.js +0 -34
  545. package/dist/assets/preview-BBWR9nbA.js +0 -1
  546. package/dist/assets/preview-BO3Eq4YI.js +0 -11
  547. package/dist/assets/preview-BTnW7Hye.js +0 -1
  548. package/dist/assets/preview-BWzBA1C2.js +0 -396
  549. package/dist/assets/preview-CtMGbgR3.js +0 -1
  550. package/dist/assets/preview-CvbIS5ZJ.js +0 -1
  551. package/dist/assets/preview-CzAPySEb.css +0 -1
  552. package/dist/assets/preview-DGUiP6tS.js +0 -7
  553. package/dist/assets/preview-DHQbi4pV.js +0 -1
  554. package/dist/assets/preview-RZiq1oHg.js +0 -2
  555. package/dist/assets/react-18-vqCHxTgY.js +0 -1
  556. package/dist/assets/render-icon-BT0Aq7PA.js +0 -9
  557. package/dist/assets/styled-components.browser.esm-COuAnjOv.js +0 -2
  558. package/dist/assets/test-utils-Cec0Zua5.js +0 -9
  559. package/dist/assets/text-accent-VILyY3zt.js +0 -1
  560. package/dist/assets/text-centered-BFb64PJw.js +0 -1
  561. package/dist/assets/text-centered-DRiH4EXX.js +0 -1
  562. package/dist/assets/tokens-BYLcI6Lk.js +0 -1
  563. package/dist/assets/tokens-CNkSTEMS.js +0 -15
  564. package/dist/assets/tslib.es6-C7pnyCjR.js +0 -1
  565. package/dist/assets/useControllableState-DKskwY-e.js +0 -1
  566. package/dist/assets/useHostname-PsilflFC.js +0 -1
  567. package/dist/assets/useMergeRefs-D_RfOOSs.js +0 -1
  568. package/dist/assets/useMergeRefs-SFH7Mw4x.js +0 -1
  569. package/dist/assets/useOpenInteractionType-BkuUI9ak.js +0 -15
  570. package/dist/assets/usePortalElement-CZ5jtEVS.js +0 -19
  571. package/dist/assets/useTheme-zzbPBRtu.js +0 -1
  572. package/dist/assets/useToken-Cfvk3vM1.js +0 -1
  573. package/dist/assets/v4-CtRu48qb.js +0 -1
  574. package/dist/sb-addons/actions-2/manager-bundle.js +0 -3
  575. package/dist/sb-addons/config-13/manager-bundle.js +0 -3
  576. package/dist/sb-addons/essentials-actions-5/manager-bundle.js +0 -3
  577. package/dist/sb-addons/essentials-backgrounds-7/manager-bundle.js +0 -12
  578. package/dist/sb-addons/essentials-controls-4/manager-bundle.js +0 -402
  579. package/dist/sb-addons/essentials-docs-6/manager-bundle.js +0 -242
  580. package/dist/sb-addons/essentials-measure-10/manager-bundle.js +0 -3
  581. package/dist/sb-addons/essentials-outline-11/manager-bundle.js +0 -3
  582. package/dist/sb-addons/essentials-toolbars-9/manager-bundle.js +0 -3
  583. package/dist/sb-addons/essentials-viewport-8/manager-bundle.js +0 -3
  584. package/dist/sb-addons/links-3/manager-bundle.js +0 -3
  585. package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
  586. package/dist/sb-addons/storybook-experimental-addon-test-12/manager-bundle.js +0 -223
  587. package/dist/sb-manager/globals-module-info.js +0 -1052
  588. package/docs/root.html +0 -13
  589. package/scripts/copy-statics.js +0 -12
  590. package/scripts/publish-changelog.js +0 -39
  591. /package/{config → .storybook}/decorators/preventIframeFromScrollingParent.module.css +0 -0
  592. /package/{config → .storybook}/decorators/withRootProvider.tsx +0 -0
  593. /package/{config → .storybook}/manager-head.html +0 -0
  594. /package/dist/assets/{index-D1siTi3u.css → Dialog-D1siTi3u.css} +0 -0
  595. /package/{docs/static → dist/assets}/logo.svg +0 -0
  596. /package/{docs/static → dist/assets}/path-preply-org.jpg +0 -0
  597. /package/{docs/static → dist/assets}/path.png +0 -0
  598. /package/{docs/static → public}/favicon.svg +0 -0
@@ -1,253 +0,0 @@
1
- import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{r as oe}from"./index-Cb9e4tly.js";import{a as re}from"./index-B-lxVbXh.js";import{T as te}from"./TextField-BRDwFAhX.js";import{F as ne}from"./TokyoUIUser-Cvenl_VS.js";import{F as se}from"./TokyoUIAttach-BWl7Jkq1.js";import{I as ie}from"./Icon-BsfKiFZj.js";import{F as le}from"./FieldButton-DAY3HLuQ.js";import{f as r,w,e as n,u as b}from"./index-Dk_MCKuE.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./FormControl-BIPOTQBb.js";import"./index-DWSmmBvQ.js";import"./tslib.es6-C7pnyCjR.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-qlqSh81O.js";import"./message-CSdaKtIj.js";import"./componentNames-k0j3gHgH.js";import"./index-Cc-bXjHe.js";import"./Input-CfV08vH7.js";import"./InputContainer-Cnv--ROK.js";import"./text-accent-VILyY3zt.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-_YAxqn11.js";const je={title:"components/TextField",component:te,args:{name:"fullName",label:"Full name",defaultValue:"",placeholder:"John Doe",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:r(),onValueChange:r(),onBlur:r(),onFocus:r(),onClick:r(),onCopy:r(),onKeyDown:r(),onKeyUp:r(),onPaste:r()}},l={play:async({canvasElement:a,step:e,args:t})=>{const o=w(a),i=o.getByTestId("field"),s=o.getByTestId("input");await e("it should render correct label",async()=>{const ae=w(i).getByTestId("label");n(ae).toHaveTextContent("Full name • Optional"),n(s).toHaveAccessibleName("Full name")}),await e("it should call onFocus when the input is focused",async()=>{s.focus(),n(t.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await b.type(s,"John Doe"),n(t.onValueChange).toHaveBeenCalledWith("John Doe"),n(t.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await b.keyboard("{tab}"),n(t.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{n(i).toHaveAttribute("data-testid","field"),n(i).toHaveAttribute("data-foo","bar"),n(s).toHaveAttribute("data-testid","input"),n(s).toHaveAttribute("data-foo","bar")})}},c={render:function(e){const[t,o]=oe.useState(e.value);return x.jsx(te,{...e,value:t,onChange:i=>{var s;o(i.target.value),(s=e.onChange)==null||s.call(e,i)}})},args:{label:"Controlled TextField",placeholder:"Type something...",value:"Initial value"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const t=a.getByTestId("input");await n(t).toHaveValue("Initial value")}),await e("it should update the value when the user types",async()=>{const t=a.getByTestId("input");await b.type(t," - New controlled value"),n(t).toHaveValue("Initial value - New controlled value")})}},d={args:{icon:x.jsx(ie,{svg:ne,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const t=a.getByTestId("icon");n(t).toBeInTheDocument()})}},u={args:{description:"Enter your full legal name"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("description");await e("it should render the description",async()=>{n(t).toHaveAccessibleDescription("Enter your full legal name"),n(o).toHaveTextContent("Enter your full legal name")})}},p={args:{required:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("label");await e("it should render correct label",async()=>{n(t).toHaveAccessibleName("Full name"),n(o).toHaveTextContent("Full name")}),await e("it should render required attribute",async()=>{n(t).toHaveAttribute("required")})}},m={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const t=a.getByTestId("input");n(t).toHaveAccessibleName("Full name")})}},h={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("error");await e("it should render the error message",async()=>{n(t).toHaveAccessibleErrorMessage("This is an error message"),n(o).toHaveTextContent("This is an error message")})}},y={args:{disabled:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the disabled input",async()=>{n(t).toHaveAttribute("disabled")})}},g={args:{readOnly:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the read only input",async()=>{n(t).toHaveAttribute("readonly")})}},v={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Full name",placeholder:"John Doe",description:"Enter your full legal name"},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":ne},control:"select"},button:{options:["None","With Button"],mapping:{None:void 0,"With Button":x.jsx(le,{svg:se,assistiveText:"Do the thing",onClick:re("field button clicked")})},control:"select"},readOnly:{control:"boolean"},maxLength:{control:"number"},hasError:{table:{disable:!0}}}};var T,f,B,I,H;l.parameters={...l.parameters,docs:{...(T=l.parameters)==null?void 0:T.docs,source:{originalSource:`{
2
- play: async ({
3
- canvasElement,
4
- step,
5
- args
6
- }) => {
7
- const canvas = within(canvasElement);
8
- const field = canvas.getByTestId('field');
9
- const input = canvas.getByTestId('input');
10
- await step('it should render correct label', async () => {
11
- const label = within(field).getByTestId('label');
12
- expect(label).toHaveTextContent('Full name • Optional');
13
- expect(input).toHaveAccessibleName('Full name');
14
- });
15
- await step('it should call onFocus when the input is focused', async () => {
16
- input.focus();
17
- expect(args.onFocus).toHaveBeenCalled();
18
- });
19
- await step('it should call callback when the value changes', async () => {
20
- await userEvent.type(input, 'John Doe');
21
- expect(args.onValueChange).toHaveBeenCalledWith('John Doe');
22
-
23
- // I've tried to use \`expect(...).toHaveBeenCalledWith(expect.objectContaining({}))\`
24
- // but it doesn't work for some reason.
25
- expect(args.onChange).toHaveBeenCalled();
26
- });
27
- await step('it should call onBlur when the input is blurred', async () => {
28
- await userEvent.keyboard('{tab}');
29
- expect(args.onBlur).toHaveBeenCalled();
30
- });
31
- await step('it should render the dataset props', async () => {
32
- expect(field).toHaveAttribute('data-testid', 'field');
33
- expect(field).toHaveAttribute('data-foo', 'bar');
34
- expect(input).toHaveAttribute('data-testid', 'input');
35
- expect(input).toHaveAttribute('data-foo', 'bar');
36
- });
37
- }
38
- }`,...(B=(f=l.parameters)==null?void 0:f.docs)==null?void 0:B.source},description:{story:"An empty field with a `label` and a `placeholder`.",...(H=(I=l.parameters)==null?void 0:I.docs)==null?void 0:H.description}}};var C,F,A,E,D;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{
39
- render: function ControlledTextField(args) {
40
- const [value, setValue] = useState(args.value);
41
- return <TextField {...args} value={value} onChange={e => {
42
- setValue(e.target.value);
43
- args.onChange?.(e);
44
- }} />;
45
- },
46
- args: {
47
- label: 'Controlled TextField',
48
- placeholder: 'Type something...',
49
- value: 'Initial value'
50
- },
51
- play: async ({
52
- canvas,
53
- step
54
- }) => {
55
- await step('it should render the correct initial value', async () => {
56
- const input = canvas.getByTestId('input');
57
- await expect(input).toHaveValue('Initial value');
58
- });
59
- await step('it should update the value when the user types', async () => {
60
- const input = canvas.getByTestId('input');
61
- await userEvent.type(input, ' - New controlled value');
62
- expect(input).toHaveValue('Initial value - New controlled value');
63
- });
64
- }
65
- }`,...(A=(F=c.parameters)==null?void 0:F.docs)==null?void 0:A.source},description:{story:"A controlled component where the value is managed by React state.",...(D=(E=c.parameters)==null?void 0:E.docs)==null?void 0:D.description}}};var N,W,S;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`{
66
- args: {
67
- icon: <Icon svg={UserSvg} dataset={{
68
- testid: 'icon'
69
- }} />
70
- },
71
- play: async ({
72
- canvas,
73
- step
74
- }) => {
75
- await step('it should render the icon', async () => {
76
- const icon = canvas.getByTestId('icon');
77
- expect(icon).toBeInTheDocument();
78
- });
79
- }
80
- }`,...(S=(W=d.parameters)==null?void 0:W.docs)==null?void 0:S.source}}};var V,k,j;u.parameters={...u.parameters,docs:{...(V=u.parameters)==null?void 0:V.docs,source:{originalSource:`{
81
- args: {
82
- description: 'Enter your full legal name'
83
- },
84
- play: async ({
85
- canvas,
86
- step
87
- }) => {
88
- const input = canvas.getByTestId('input');
89
- const description = canvas.getByTestId('description');
90
- await step('it should render the description', async () => {
91
- expect(input).toHaveAccessibleDescription('Enter your full legal name');
92
- expect(description).toHaveTextContent('Enter your full legal name');
93
- });
94
- }
95
- }`,...(j=(k=u.parameters)==null?void 0:k.docs)==null?void 0:j.source}}};var q,O,L;p.parameters={...p.parameters,docs:{...(q=p.parameters)==null?void 0:q.docs,source:{originalSource:`{
96
- args: {
97
- required: true
98
- },
99
- play: async ({
100
- canvas,
101
- step
102
- }) => {
103
- const input = canvas.getByTestId('input');
104
- const label = canvas.getByTestId('label');
105
- await step('it should render correct label', async () => {
106
- expect(input).toHaveAccessibleName('Full name');
107
- expect(label).toHaveTextContent('Full name');
108
- });
109
- await step('it should render required attribute', async () => {
110
- expect(input).toHaveAttribute('required');
111
- });
112
- }
113
- }`,...(L=(O=p.parameters)==null?void 0:O.docs)==null?void 0:L.source}}};var R,J,M;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{
114
- args: {
115
- hideLabel: true
116
- },
117
- play: async ({
118
- canvas,
119
- step
120
- }) => {
121
- // Not working for some reason (false positive)
122
- // await step('it should hide the label', async () => {
123
- // const label = canvas.getByTestId('label');
124
- // expect(label).not.toBeVisible();
125
- // });
126
-
127
- await step('it should render correct a11y label', async () => {
128
- const input = canvas.getByTestId('input');
129
- expect(input).toHaveAccessibleName('Full name');
130
- });
131
- }
132
- }`,...(M=(J=m.parameters)==null?void 0:J.docs)==null?void 0:M.source}}};var P,U,K;h.parameters={...h.parameters,docs:{...(P=h.parameters)==null?void 0:P.docs,source:{originalSource:`{
133
- args: {
134
- error: 'This is an error message'
135
- },
136
- play: async ({
137
- canvas,
138
- step
139
- }) => {
140
- const input = canvas.getByTestId('input');
141
- const error = canvas.getByTestId('error');
142
- await step('it should render the error message', async () => {
143
- expect(input).toHaveAccessibleErrorMessage('This is an error message');
144
- expect(error).toHaveTextContent('This is an error message');
145
- });
146
- }
147
- }`,...(K=(U=h.parameters)==null?void 0:U.docs)==null?void 0:K.source}}};var _,$,z;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`{
148
- args: {
149
- disabled: true
150
- },
151
- play: async ({
152
- canvas,
153
- step
154
- }) => {
155
- const input = canvas.getByTestId('input');
156
- await step('it should render the disabled input', async () => {
157
- expect(input).toHaveAttribute('disabled');
158
- });
159
- }
160
- }`,...(z=($=y.parameters)==null?void 0:$.docs)==null?void 0:z.source}}};var G,Q,X;g.parameters={...g.parameters,docs:{...(G=g.parameters)==null?void 0:G.docs,source:{originalSource:`{
161
- args: {
162
- readOnly: true
163
- },
164
- play: async ({
165
- canvas,
166
- step
167
- }) => {
168
- const input = canvas.getByTestId('input');
169
- await step('it should render the read only input', async () => {
170
- expect(input).toHaveAttribute('readonly');
171
- });
172
- }
173
- }`,...(X=(Q=g.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Y,Z,ee;v.parameters={...v.parameters,docs:{...(Y=v.parameters)==null?void 0:Y.docs,source:{originalSource:`{
174
- parameters: {
175
- chromatic: {
176
- disableSnapshot: true
177
- }
178
- },
179
- args: {
180
- label: 'Full name',
181
- placeholder: 'John Doe',
182
- description: 'Enter your full legal name'
183
- },
184
- argTypes: {
185
- label: {
186
- control: 'text'
187
- },
188
- placeholder: {
189
- control: 'text'
190
- },
191
- description: {
192
- control: 'text'
193
- },
194
- error: {
195
- control: 'text'
196
- },
197
- value: {
198
- control: 'text'
199
- },
200
- defaultValue: {
201
- control: 'text'
202
- },
203
- inputDataset: {
204
- control: 'object'
205
- },
206
- dataset: {
207
- control: 'object'
208
- },
209
- id: {
210
- control: 'text'
211
- },
212
- required: {
213
- control: 'boolean'
214
- },
215
- hideLabel: {
216
- control: 'boolean'
217
- },
218
- name: {
219
- control: 'text'
220
- },
221
- disabled: {
222
- control: 'boolean'
223
- },
224
- icon: {
225
- options: ['None', 'With Icon'],
226
- mapping: {
227
- None: undefined,
228
- 'With Icon': UserSvg
229
- },
230
- control: 'select'
231
- },
232
- button: {
233
- options: ['None', 'With Button'],
234
- mapping: {
235
- None: undefined,
236
- 'With Button': <FieldButton svg={AttachSvg} assistiveText="Do the thing" onClick={action('field button clicked')} />
237
- },
238
- control: 'select'
239
- },
240
- readOnly: {
241
- control: 'boolean'
242
- },
243
- maxLength: {
244
- control: 'number'
245
- },
246
- // Disable deprecated props
247
- hasError: {
248
- table: {
249
- disable: true
250
- }
251
- }
252
- }
253
- }`,...(ee=(Z=v.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};const qe=["Basic","Controlled","WithIcon","WithDescription","Required","WithHiddenLabel","WithErrorMessage","Disabled","ReadOnly","Playground"];export{l as Basic,c as Controlled,y as Disabled,v as Playground,g as ReadOnly,p as Required,u as WithDescription,h as WithErrorMessage,m as WithHiddenLabel,d as WithIcon,qe as __namedExportsOrder,je as default};
@@ -1,32 +0,0 @@
1
- import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as E}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as L,s as w}from"./classNames-9hsFPPZv.js";import{w as h}from"./componentNames-k0j3gHgH.js";import{g as I}from"./index-qlqSh81O.js";import{i as N,j as S}from"./defaults-_YAxqn11.js";import{T as D}from"./Text-DVl1HBkZ.js";import{a as O}from"./options-BM-sJPHZ.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-VILyY3zt.js";import"./text-centered-BFb64PJw.js";const q="TextHighlighted__ErxU-",A={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=L(A,h.TextHighlighted,[w("highlight",x)]),b={...E(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const W={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
2
- display: 'flex',
3
- flexDirection: 'column',
4
- gap: '0.25rem',
5
- width: 'fit-content'
6
- }}>
7
- {TEXT_HIGHLIGHT_OPTIONS.map(({
8
- id
9
- }) => <TextHighlighted key={id} highlight={id}>
10
- {id}
11
- </TextHighlighted>)}
12
- </div>`,...(m=(d=r.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var c,u,p;l.parameters={...l.parameters,docs:{...(c=l.parameters)==null?void 0:c.docs,source:{originalSource:`{
13
- parameters: {
14
- chromatic: {
15
- disableSnapshot: true
16
- }
17
- },
18
- render: args => <Text>
19
- Lorem ipsum <TextHighlighted {...args} />
20
- </Text>,
21
- args: {
22
- children: 'dolor sit amet',
23
- dataset: {
24
- qaid: 'text-highlighted'
25
- }
26
- },
27
- argTypes: {
28
- dataset: {
29
- control: 'object'
30
- }
31
- }
32
- }`,...(p=(u=l.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};const Z=["Base","Options","Playground"];export{t as Base,r as Options,l as Playground,Z as __namedExportsOrder,W as default};
@@ -1,50 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as S}from"./index-Cb9e4tly.js";import{g as V}from"./text-accent-VILyY3zt.js";import{m as b,s as R,b as M}from"./classNames-9hsFPPZv.js";import{f as O}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as m}from"./componentNames-k0j3gHgH.js";import{g as P}from"./index-qlqSh81O.js";import{i as F,l as G}from"./defaults-_YAxqn11.js";import{T as o}from"./Text-DVl1HBkZ.js";import{T as X}from"./options-BM-sJPHZ.js";import{g as H}from"./getTokenVar-4Jlty0xz.js";import{c as B}from"./tokens-BYLcI6Lk.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-centered-BFb64PJw.js";import"./constants-DTpaCXm6.js";const U="TextWeight__tMRbd",$={TextWeight:U,"TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},Q="TextWeight",z=t=>b($,Q,[R("weight",t)]),J="TextInline__fMaqi",K={TextInline:J,"TextInline--italic":"TextInline--italic__yG-Qj"},a=S.forwardRef(function({children:n,accent:c,italic:j=!1,weight:N=G,tag:w=F,dataset:C,...E},k){const D=b(K,m.TextInline,[M("italic",void 0,j)]),A=V(!c,c),L=z(N),W=[...D,...A,...L],q={...O(E),ref:k,className:W.join(" "),...P(C,{preplyDsComponent:m.TextInline})};return e.jsx(w,{...q,children:n})});try{a.displayName="TextInline",a.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"normal"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Te={title:"components/TextInline",component:a},r=()=>e.jsxs("p",{children:["Lorem ",e.jsx(a,{children:"ipsum"})]});r.storyName="TextInline";const s=()=>{const t=H(B.background.primaryInverted);return e.jsx(e.Fragment,{children:X.map(({id:n})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(n)?t:void 0},children:e.jsxs(o,{accent:["inverted","branded","selected"].includes(n)?"accentDark":void 0,children:["Lorem ipsum ",e.jsx(a,{accent:n,children:n})]})},n))})},l=()=>e.jsx(e.Fragment,{children:e.jsxs(o,{children:["Lorem ipsum ",e.jsx(a,{italic:!0,children:"dolor sit amet"}),"."]})}),i={parameters:{chromatic:{disableSnapshot:!0}},render:t=>e.jsxs(o,{children:["Lorem ipsum ",e.jsx(a,{...t})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"}}};var u,d,p;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`() => <p>
2
- Lorem <TextInline>ipsum</TextInline>
3
- </p>`,...(p=(d=r.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var g,T,x;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
4
- const grey = getTokenVar(color.background.primaryInverted);
5
- return <>
6
- {TEXT_ACCENT_OPTIONS.map(({
7
- id
8
- }) => <div key={id} style={{
9
- backgroundColor: ['inverted', 'branded', 'selected'].includes(id) ? grey : undefined
10
- }}>
11
- <Text accent={['inverted', 'branded', 'selected'].includes(id) ? 'accentDark' : undefined}>
12
- Lorem ipsum <TextInline accent={id}>{id}</TextInline>
13
- </Text>
14
- </div>)}
15
- </>;
16
- }`,...(x=(T=s.parameters)==null?void 0:T.docs)==null?void 0:x.source}}};var f,v,h;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
17
- return <>
18
- <Text>
19
- Lorem ipsum <TextInline italic>dolor sit amet</TextInline>.
20
- </Text>
21
- </>;
22
- }`,...(h=(v=l.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var y,I,_;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`{
23
- parameters: {
24
- chromatic: {
25
- disableSnapshot: true
26
- }
27
- },
28
- render: args => <Text>
29
- Lorem ipsum <TextInline {...args} />
30
- </Text>,
31
- args: {
32
- children: 'dolor sit amet',
33
- accent: 'accentDark',
34
- tag: 'span',
35
- dataset: {
36
- qaid: 'text-inline'
37
- }
38
- },
39
- argTypes: {
40
- dataset: {
41
- control: 'object'
42
- },
43
- children: {
44
- control: 'text'
45
- },
46
- italic: {
47
- control: 'boolean'
48
- }
49
- }
50
- }`,...(_=(I=i.parameters)==null?void 0:I.docs)==null?void 0:_.source}}};const xe=["Base","Accents","Italic","Playground"];export{s as Accents,r as Base,l as Italic,i as Playground,xe as __namedExportsOrder,Te as default};
@@ -1,53 +0,0 @@
1
- import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Cb9e4tly.js";import{F as T}from"./FormControl-BIPOTQBb.js";import{w as H}from"./componentNames-k0j3gHgH.js";import{I as h,s as q}from"./InputContainer-Cnv--ROK.js";import{g as V}from"./index-qlqSh81O.js";const m=p.forwardRef(function({dataset:t,onChange:e,onValueChange:a,resize:r="vertical",...i},d){const o=V(t),s=n=>{e==null||e(n),a==null||a(n.target.value)};return l.jsx(h,{children:l.jsx("textarea",{...o,...i,onChange:s,ref:d,className:q.input,style:{resize:r}})})});try{m.displayName="Textarea",m.__docgenInfo={description:`A component to render a textarea.
2
- For internal use only.`,displayName:"Textarea",props:{autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:"string"}]}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"enum",value:[{value:"number"}]}},dirName:{defaultValue:null,description:"",name:"dirName",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},form:{defaultValue:null,description:"",name:"form",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},minLength:{defaultValue:null,description:"",name:"minLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLTextAreaElement>"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"none"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"inherit"'},{value:'"plaintext-only"'}]}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"enum",value:[{value:"string"}]}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"enum",value:[{value:"string"}]}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},enterKeyHint:{defaultValue:null,description:"",name:"enterKeyHint",required:!1,type:{name:"enum",value:[{value:'"search"'},{value:'"enter"'},{value:'"done"'},{value:'"go"'},{value:'"next"'},{value:'"previous"'},{value:'"send"'}]}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"enum",value:[{value:"string"}]}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"enum",value:[{value:"string"}]}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"enum",value:[{value:"string"}]}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"enum",value:[{value:"CSSProperties"}]}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"enum",value:[{value:"number"}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"enum",value:[{value:"string"}]}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"no"'},{value:'"yes"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"enum",value:[{value:"string"}]}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"enum",value:[{value:'"row"'},{value:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"button"'},{value:'"dialog"'},{value:'"form"'},{value:'"img"'},{value:'"link"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"option"'},{value:'"search"'},{value:'"none"'},{value:"string & {}"},{value:'"alert"'},{value:'"alertdialog"'},{value:'"application"'},{value:'"banner"'},{value:'"cell"'},{value:'"checkbox"'},{value:'"columnheader"'},{value:'"combobox"'},{value:'"complementary"'},{value:'"contentinfo"'},{value:'"definition"'},{value:'"directory"'},{value:'"document"'},{value:'"feed"'},{value:'"grid"'},{value:'"gridcell"'},{value:'"group"'},{value:'"heading"'},{value:'"list"'},{value:'"listbox"'},{value:'"listitem"'},{value:'"log"'},{value:'"marquee"'},{value:'"math"'},{value:'"menubar"'},{value:'"menuitemcheckbox"'},{value:'"menuitemradio"'},{value:'"navigation"'},{value:'"note"'},{value:'"presentation"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"region"'},{value:'"rowgroup"'},{value:'"rowheader"'},{value:'"scrollbar"'},{value:'"searchbox"'},{value:'"separator"'},{value:'"slider"'},{value:'"spinbutton"'},{value:'"status"'},{value:'"switch"'},{value:'"tab"'},{value:'"tablist"'},{value:'"tabpanel"'},{value:'"term"'},{value:'"textbox"'},{value:'"timer"'},{value:'"toolbar"'},{value:'"tooltip"'},{value:'"tree"'},{value:'"treegrid"'},{value:'"treeitem"'}]}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"enum",value:[{value:"string"}]}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"enum",value:[{value:"string"}]}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"enum",value:[{value:"string"}]}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"enum",value:[{value:"string"}]}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"enum",value:[{value:"string"}]}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"enum",value:[{value:"string"}]}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"enum",value:[{value:"string"}]}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"enum",value:[{value:"string"}]}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"enum",value:[{value:"string"}]}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"enum",value:[{value:"string"}]}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"enum",value:[{value:"string"}]}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"enum",value:[{value:"number"}]}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"enum",value:[{value:"string"}]}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
3
- @see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}`,name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"none"'},{value:'"tel"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
4
- @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:"is",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-autocomplete":{defaultValue:null,description:`Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
5
- presented if they are made.`,name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"none"'},{value:'"list"'},{value:'"both"'}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
6
- @see aria-label.`,name:"aria-braillelabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-brailleroledescription":{defaultValue:null,description:`Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
7
- @see aria-roledescription.`,name:"aria-brailleroledescription",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
8
- @see aria-pressed
9
- @see aria-selected.`,name:"aria-checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"mixed"'}]}},"aria-colcount":{defaultValue:null,description:`Defines the total number of columns in a table, grid, or treegrid.
10
- @see aria-colindex.`,name:"aria-colcount",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-colindex":{defaultValue:null,description:`Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
11
- @see aria-colcount
12
- @see aria-colspan.`,name:"aria-colindex",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-colindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-colindex.
13
- @see aria-rowindextext.`,name:"aria-colindextext",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-colspan":{defaultValue:null,description:`Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
14
- @see aria-colindex
15
- @see aria-rowspan.`,name:"aria-colspan",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-controls":{defaultValue:null,description:`Identifies the element (or elements) whose contents or presence are controlled by the current element.
16
- @see aria-owns.`,name:"aria-controls",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"time"'},{value:'"step"'},{value:'"page"'},{value:'"location"'},{value:'"date"'}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
17
- @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-description":{defaultValue:null,description:`Defines a string value that describes or annotates the current element.
18
- @see related aria-describedby.`,name:"aria-description",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-details":{defaultValue:null,description:`Identifies the element that provides a detailed, extended description for the object.
19
- @see aria-describedby.`,name:"aria-details",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
20
- @see aria-hidden
21
- @see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-dropeffect":{defaultValue:null,description:`Indicates what functions can be performed when a dragged object is released on the drop target.
22
- @deprecated in ARIA 1.1`,name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
23
- @see aria-invalid
24
- @see aria-describedby.`,name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-flowto":{defaultValue:null,description:`Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
25
- allows assistive technology to override the general default of reading in document source order.`,name:"aria-flowto",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-grabbed":{defaultValue:null,description:`Indicates an element's "grabbed" state in a drag-and-drop operation.
26
- @deprecated in ARIA 1.1`,name:"aria-grabbed",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"dialog"'},{value:'"menu"'},{value:'"grid"'},{value:'"listbox"'},{value:'"tree"'}]}},"aria-hidden":{defaultValue:null,description:`Indicates whether the element is exposed to an accessibility API.
27
- @see aria-disabled.`,name:"aria-hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
28
- @see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
29
- @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
30
- @see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:`Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
31
- between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
32
- @see aria-controls.`,name:"aria-owns",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-placeholder":{defaultValue:null,description:`Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
33
- A hint could be a sample value or a brief description of the expected format.`,name:"aria-placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-posinset":{defaultValue:null,description:`Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
34
- @see aria-setsize.`,name:"aria-posinset",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-pressed":{defaultValue:null,description:`Indicates the current "pressed" state of toggle buttons.
35
- @see aria-checked
36
- @see aria-selected.`,name:"aria-pressed",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"mixed"'}]}},"aria-readonly":{defaultValue:null,description:`Indicates that the element is not editable, but is otherwise operable.
37
- @see aria-disabled.`,name:"aria-readonly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-relevant":{defaultValue:null,description:`Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
38
- @see aria-atomic.`,name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-rowcount":{defaultValue:null,description:`Defines the total number of rows in a table, grid, or treegrid.
39
- @see aria-rowindex.`,name:"aria-rowcount",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-rowindex":{defaultValue:null,description:`Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
40
- @see aria-rowcount
41
- @see aria-rowspan.`,name:"aria-rowindex",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-rowindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-rowindex.
42
- @see aria-colindextext.`,name:"aria-rowindextext",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-rowspan":{defaultValue:null,description:`Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
43
- @see aria-rowindex
44
- @see aria-colspan.`,name:"aria-rowspan",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-selected":{defaultValue:null,description:`Indicates the current "selected" state of various widgets.
45
- @see aria-checked
46
- @see aria-pressed.`,name:"aria-selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-setsize":{defaultValue:null,description:`Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
47
- @see aria-posinset.`,name:"aria-setsize",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuenow":{defaultValue:null,description:`Defines the current value for a range widget.
48
- @see aria-valuetext.`,name:"aria-valuenow",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"enum",value:[{value:"string"}]}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"enum",value:[{value:"{ __html: string | TrustedHTML; }"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLTextAreaElement>"}]}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLTextAreaElement>"}]}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLTextAreaElement>"}]}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLTextAreaElement>"}]}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLTextAreaElement>"}]}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLTextAreaElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLTextAreaElement>"}]}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLTextAreaElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLTextAreaElement>"}]}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLTextAreaElement>"}]}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLTextAreaElement>"}]}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:"onKeyPress",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:"onKeyPressCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLTextAreaElement>"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLTextAreaElement>"}]}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLTextAreaElement>"}]}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLTextAreaElement>"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLTextAreaElement>"}]}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLTextAreaElement>"}]}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLTextAreaElement>"}]}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLTextAreaElement>"}]}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLTextAreaElement>"}]}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLTextAreaElement>"}]}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLTextAreaElement>"}]}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLTextAreaElement>"}]}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLTextAreaElement>"}]}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLTextAreaElement>"}]}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLTextAreaElement>"}]}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLTextAreaElement>"}]}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLTextAreaElement>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'},{value:'"none"'},{value:'"both"'}]}},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: HTMLTextAreaElement | null) => void"},{value:"RefObject<HTMLTextAreaElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const v=p.forwardRef(function({id:t,label:e,description:a,error:r,required:i,inputDataset:d,dataset:o,hideLabel:s,onClick:n,hasError:f,useLegacyRequiredLabel:c,className:g,style:x,...y},E){return l.jsx(T,{id:t,label:e,description:a,error:r,hasError:f,required:i,dataset:o,hideLabel:s,onClick:n,useLegacyRequiredLabel:c,preplyDsComponent:H.TextareaField,children:l.jsx(m,{...y,ref:E,dataset:d})})});try{v.displayName="TextareaField",v.__docgenInfo={description:"",displayName:"TextareaField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
49
- If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLTextAreaElement>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
50
- indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
51
- to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",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"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
52
- When false, adds a "Optional" indicator next to the label for the optional fields instead.
53
- @deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLTextAreaElement>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLTextAreaElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLTextAreaElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLTextAreaElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLTextAreaElement>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'},{value:'"none"'},{value:'"both"'}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLTextAreaElement | null) => void"},{value:"RefObject<HTMLTextAreaElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{v as T};
@@ -1 +0,0 @@
1
- .toast__rrrPf{width:var(--width);color:var(--c2b191);background-color:var(--a469f2);border-radius:var(--fa4b1a);padding:var(--558c4c) var(--813599);display:grid;grid-template-columns:max-content auto max-content;place-items:start;gap:var(--66b80b);row-gap:var(--590b8d)}.toast__rrrPf:has(.title__-TzC1:first-child){grid-template-columns:auto auto max-content}.toast__rrrPf.critical__hLeFT{background-color:var(--87fcf8)}.toast__rrrPf .title__-TzC1{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast__rrrPf .actionButton__AZgQr{all:unset;cursor:pointer;font-size:var(--303203);font-weight:var(--42bbea);line-height:var(--e6cb11);text-decoration:var(--223210);grid-row:1;grid-column:3}@media (min-width: 700px){.toast__rrrPf .actionButton__AZgQr{grid-row:2;grid-column:2}}@media (min-width: 700px){.toast__rrrPf:has(.title__-TzC1:first-child) .actionButton__AZgQr{grid-column:1}}.toast__rrrPf .closeButton__vFfaI{all:unset;cursor:pointer;grid-row:1;grid-column:3}.toast__rrrPf:has(.actionButton__AZgQr) .closeButton__vFfaI{display:none}@media (min-width: 700px){.toast__rrrPf:has(.actionButton__AZgQr) .closeButton__vFfaI{display:block}}