tide-design-system 2.5.4 → 2.5.8

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 (264) hide show
  1. package/.storybook/main.ts +2 -0
  2. package/dist/{IconAccountBalance-B9rJ09ax.js → IconAccountBalance-dARjIrfY.js} +3 -3
  3. package/dist/{IconAcute-9dHrmblT.js → IconAcute-BWwq_P2g.js} +3 -3
  4. package/dist/{IconAdd-BsJiPHYa.js → IconAdd-DtInpvF3.js} +3 -3
  5. package/dist/{IconAiDescription-fQ_B1UGe.js → IconAiDescription-C-OGiP7T.js} +3 -3
  6. package/dist/{IconAlignSpaceEven-B2UIi1ao.js → IconAlignSpaceEven-CTm_RFZr.js} +3 -3
  7. package/dist/{IconApplePay-DS6fQdV_.js → IconApplePay-BEECKvxd.js} +3 -3
  8. package/dist/{IconArrowBack-CZSCZ-Jf.js → IconArrowBack-CJYjUSAT.js} +3 -3
  9. package/dist/{IconArrowCycle-D3f38VT-.js → IconArrowCycle-B-SIKRjr.js} +3 -3
  10. package/dist/{IconArrowForward-CICM-aJ1.js → IconArrowForward-CTC_pWUJ.js} +3 -3
  11. package/dist/{IconArrowRight-CwweSeyO.js → IconArrowRight-DVgboHar.js} +3 -3
  12. package/dist/{IconArrowUp-7TI0p224.js → IconArrowUp-8yer6-rz.js} +3 -3
  13. package/dist/{IconAssignment-DQQnmJc_.js → IconAssignment-CKdgR4IZ.js} +3 -3
  14. package/dist/{IconAttachMoney-sLj77NOR.js → IconAttachMoney-BOqK4Ty3.js} +3 -3
  15. package/dist/{IconAtvAtv-bfqGL_Iq.js → IconAtvAtv-CVxNZw3x.js} +3 -3
  16. package/dist/{IconAtvDuneBuggy-CbiyQRZg.js → IconAtvDuneBuggy-ChpKK_uj.js} +3 -3
  17. package/dist/{IconAtvGoKart-BxqcGKzS.js → IconAtvGoKart-BA3-opIb.js} +3 -3
  18. package/dist/{IconAtvGolfCart-6Xwju3k6.js → IconAtvGolfCart-DIQybI94.js} +3 -3
  19. package/dist/{IconAtvSandRail-dKmA3KoG.js → IconAtvSandRail-vMg9E1B1.js} +3 -3
  20. package/dist/{IconAtvSideBySide-CVSUrX7w.js → IconAtvSideBySide-DpAgficE.js} +3 -3
  21. package/dist/{IconAtvTrailer-BB6C_WKk.js → IconAtvTrailer-DmqyaW6g.js} +3 -3
  22. package/dist/{IconAutoRenew-Bl-Obhh6.js → IconAutoRenew-PKxzoFUm.js} +3 -3
  23. package/dist/{IconAwardStar-KYYsH2ss.js → IconAwardStar-C80c-wJ9.js} +3 -3
  24. package/dist/{IconBed-BVLiRAhU.js → IconBed-D8iyGBIR.js} +3 -3
  25. package/dist/{IconBoatmartPwc-B3seLCYC.js → IconBoatmartPwc-a1AOjs7L.js} +3 -3
  26. package/dist/{IconBoatmartTrailer-BosS4Ix8.js → IconBoatmartTrailer-CprxPgWU.js} +3 -3
  27. package/dist/{IconBolt-D-BSIXex.js → IconBolt-D7tpOZMC.js} +3 -3
  28. package/dist/{IconBookmark-D3Pu86n4.js → IconBookmark-ZpQyXxtb.js} +3 -3
  29. package/dist/{IconBunkhouse-B4PaVH2y.js → IconBunkhouse-rPtR_Mct.js} +3 -3
  30. package/dist/{IconCalendarMonth-CortoSy-.js → IconCalendarMonth-CKF3HJsX.js} +3 -3
  31. package/dist/{IconCall-DRysHKSn.js → IconCall-D6EvqV8k.js} +3 -3
  32. package/dist/{IconCallQuality-BMVs2M2s.js → IconCallQuality-FekMElKo.js} +3 -3
  33. package/dist/{IconCarRental-qvIsiGfR.js → IconCarRental-Cw5T4p4_.js} +3 -3
  34. package/dist/{IconCheck-CliQNN_D.js → IconCheck-Dmmvwu7-.js} +3 -3
  35. package/dist/{IconChevronLeft-hQC1St0W.js → IconChevronLeft-BF0qcV0B.js} +3 -3
  36. package/dist/{IconChevronRight-DVYcrzWE.js → IconChevronRight-CdE3lIbm.js} +3 -3
  37. package/dist/{IconClear-COYKsp8t.js → IconClear-YX6AUd3q.js} +3 -3
  38. package/dist/{IconClose-HSRbXCDE.js → IconClose-BKDRiJCn.js} +3 -3
  39. package/dist/{IconContract-BaV1mGEr.js → IconContract-7-9lX0ZL.js} +3 -3
  40. package/dist/{IconCrash-ClWQK2fw.js → IconCrash-Cz7QujvF.js} +3 -3
  41. package/dist/IconCycleMotorcycle-B8syyXoU.cjs +2 -0
  42. package/dist/IconCycleMotorcycle-DVRTUcId.js +21 -0
  43. package/dist/IconCycleTrailer-COTSVorR.cjs +2 -0
  44. package/dist/IconCycleTrailer-Cp2Ak9pX.js +20 -0
  45. package/dist/{IconDashboardCustomize-BJEcZ-jN.js → IconDashboardCustomize-g3VnCCx1.js} +3 -3
  46. package/dist/{IconDelete-DJwergoy.js → IconDelete-Dnyl1uzD.js} +3 -3
  47. package/dist/{IconDiamond-D34wtBhd.js → IconDiamond-sAYziqWh.js} +3 -3
  48. package/dist/{IconDirectionsBoat-ByiHuypy.js → IconDirectionsBoat-D0xl5It-.js} +3 -3
  49. package/dist/{IconDomain-CXsBLm5C.js → IconDomain-as7lGUZz.js} +3 -3
  50. package/dist/{IconDraft-qSYk5cPm.js → IconDraft-BTRj5LyI.js} +3 -3
  51. package/dist/{IconEdit-CFeDlBN2.js → IconEdit-Z8QjfAFi.js} +3 -3
  52. package/dist/{IconEngine-BLi3BThi.js → IconEngine-Nq1jLYrS.js} +3 -3
  53. package/dist/{IconEngineering-DKDW6b3b.js → IconEngineering-CDeCKiuN.js} +3 -3
  54. package/dist/{IconError-BsmS7Ido.js → IconError-CHkF1F4l.js} +3 -3
  55. package/dist/{IconExpandContent-CUz-acoJ.js → IconExpandContent-BKW1v-s1.js} +3 -3
  56. package/dist/{IconExpandLess-kI04ZTDg.js → IconExpandLess-DuwH_WmO.js} +3 -3
  57. package/dist/{IconExpandMore-BpIrNsXP.js → IconExpandMore-C-Fof15e.js} +3 -3
  58. package/dist/{IconFacebook-DiMWgcSK.js → IconFacebook-94UC5eci.js} +3 -3
  59. package/dist/{IconFavorite-CDLEUDWu.js → IconFavorite-Bi2ZLSFU.js} +3 -3
  60. package/dist/{IconFavoriteFilled--f1zeXKy.js → IconFavoriteFilled-BOzK3oQt.js} +3 -3
  61. package/dist/{IconFlag-CmppikB3.js → IconFlag-D3BdWSHX.js} +3 -3
  62. package/dist/{IconFormatBold-rtvyBotR.js → IconFormatBold-ptl4C5om.js} +3 -3
  63. package/dist/{IconFormatItalic-BlcS8gnO.js → IconFormatItalic-wjYo3E6V.js} +3 -3
  64. package/dist/{IconFormatListBulleted-BbJCNSJG.js → IconFormatListBulleted-Z4H5EHHL.js} +3 -3
  65. package/dist/{IconForum-CFa_3MsA.js → IconForum-dExYXhMs.js} +3 -3
  66. package/dist/{IconGas-rD46ubiw.js → IconGas-BeL_PidJ.js} +3 -3
  67. package/dist/{IconGavel-l3k6jtN3.js → IconGavel-b699C85e.js} +3 -3
  68. package/dist/{IconGears-CaXA9HK2.js → IconGears-DY0BIt9k.js} +3 -3
  69. package/dist/{IconGlobeLocationPin-cTdYm_5A.js → IconGlobeLocationPin-PPiJIaCW.js} +3 -3
  70. package/dist/{IconGoogle-6R7roJzd.js → IconGoogle-B1k1zKq5.js} +3 -3
  71. package/dist/{IconGooglePay-XLqJKvZe.js → IconGooglePay-CnoBw2gC.js} +3 -3
  72. package/dist/{IconGrid-BoplWzPb.js → IconGrid-DPAFjLOo.js} +3 -3
  73. package/dist/{IconHandshake-CsYF9kmp.js → IconHandshake-CF0rWfIQ.js} +3 -3
  74. package/dist/{IconHandyman-CQL-qu8p.js → IconHandyman-DqbZcABm.js} +3 -3
  75. package/dist/{IconHeight-CTAQLi2I.js → IconHeight-1sxFnuqb.js} +3 -3
  76. package/dist/{IconHelp-BEzzbWr3.js → IconHelp-BfxZeVdy.js} +3 -3
  77. package/dist/{IconInfo-BACpUpXu.js → IconInfo-ZZNZK4Fs.js} +3 -3
  78. package/dist/{IconInformation-CGYah4Eo.js → IconInformation-CQc0HSVc.js} +3 -3
  79. package/dist/{IconInsertText-C5HjwAuL.js → IconInsertText-dHM33CGA.js} +3 -3
  80. package/dist/{IconInstagram-DEPxn51x.js → IconInstagram-BbTbVTQe.js} +3 -3
  81. package/dist/{IconIosShare-jNePPJBV.js → IconIosShare-fe7iyZSt.js} +3 -3
  82. package/dist/{IconLayout-CgFL9FBD.js → IconLayout-BYkhBGPm.js} +3 -3
  83. package/dist/{IconLevellingJack-rO4KepKs.js → IconLevellingJack-CuuMfb9e.js} +3 -3
  84. package/dist/{IconLinkedIn-GWoK01li.js → IconLinkedIn-iC2pYpmX.js} +3 -3
  85. package/dist/{IconLocalShipping-Bayc9OL_.js → IconLocalShipping-sAYdRn-q.js} +3 -3
  86. package/dist/{IconLock-WfiVOWPI.js → IconLock-c8yaYnyT.js} +3 -3
  87. package/dist/{IconMail-ejl1H7D9.js → IconMail-D0yowPmX.js} +3 -3
  88. package/dist/{IconMenu-FlE3z6fX.js → IconMenu-Btzwi7Bu.js} +3 -3
  89. package/dist/{IconMoneyBag-CYq7aYjH.js → IconMoneyBag-BcZCfjrN.js} +3 -3
  90. package/dist/{IconMoreHoriz-B0mCtW1_.js → IconMoreHoriz-CYiGX78Y.js} +3 -3
  91. package/dist/{IconNotifications-Bm_gSQGu.js → IconNotifications-uBv1nZZ2.js} +3 -3
  92. package/dist/{IconOdometer-COcVC_eb.js → IconOdometer-DZASryD7.js} +3 -3
  93. package/dist/{IconOpenInNew-DFieFQIk.js → IconOpenInNew-VuTM8uiR.js} +3 -3
  94. package/dist/{IconPalette-DoDIzZJO.js → IconPalette-B78tp213.js} +3 -3
  95. package/dist/{IconPaypal-CX6Z2rvX.js → IconPaypal-z7u9aPLj.js} +3 -3
  96. package/dist/{IconPerson-CK0AXlS_.js → IconPerson-DWwdRmJX.js} +3 -3
  97. package/dist/{IconPersonSearch-Da5EdDrS.js → IconPersonSearch-4ESzm5yH.js} +3 -3
  98. package/dist/{IconPhotoCamera-DZHI-Yb7.js → IconPhotoCamera-Drkhsfpi.js} +3 -3
  99. package/dist/{IconPinterest-B3UM6t9-.js → IconPinterest-BhgYE6Fc.js} +3 -3
  100. package/dist/{IconPlayArrow-CR7bXHC8.js → IconPlayArrow-ztNUkoji.js} +3 -3
  101. package/dist/{IconPolicy-CzN-v54O.js → IconPolicy-DrcQUdvI.js} +3 -3
  102. package/dist/{IconPower-C5MJihEZ.js → IconPower-BISw4q1i.js} +3 -3
  103. package/dist/{IconPowerOff-BziDMScz.js → IconPowerOff-D94o_eIX.js} +3 -3
  104. package/dist/{IconPriorityHigh-Bv-j3DaQ.js → IconPriorityHigh-DzCnK1QW.js} +3 -3
  105. package/dist/{IconRemove-Bo4RUocr.js → IconRemove-gGo2PMeX.js} +3 -3
  106. package/dist/{IconRequestQuote-BUNyScQ-.js → IconRequestQuote-CWfytYvA.js} +3 -3
  107. package/dist/{IconResetWrench-DCcBmojh.js → IconResetWrench-B0tYLDcb.js} +3 -3
  108. package/dist/{IconRoad-BGTu-WPJ.js → IconRoad-m4Orr44c.js} +3 -3
  109. package/dist/{IconRoundedCorner-DycjfuJj.js → IconRoundedCorner-CqdpAVGU.js} +3 -3
  110. package/dist/{IconRuler-Da8zNDvf.js → IconRuler-C8SSjTfX.js} +3 -3
  111. package/dist/{IconRvClassA-D2-lug19.js → IconRvClassA-CFQOw02-.js} +3 -3
  112. package/dist/{IconRvClassB-Coe3FpBI.js → IconRvClassB-p-03DBol.js} +3 -3
  113. package/dist/{IconRvClassC-DWnLqMGg.js → IconRvClassC-BP5Zzlj_.js} +3 -3
  114. package/dist/{IconRvFifthWheel-CB_mQ-tO.js → IconRvFifthWheel-BMGxt3_M.js} +3 -3
  115. package/dist/{IconRvFishHouse-Cs2fm3r1.js → IconRvFishHouse-C7iNMr-3.js} +3 -3
  116. package/dist/{IconRvParkModel-D4S_iYTG.js → IconRvParkModel-l4Rx5P9F.js} +3 -3
  117. package/dist/{IconRvPopUpCamper-CW47dgll.js → IconRvPopUpCamper-BY6aLEic.js} +3 -3
  118. package/dist/{IconRvTravelTrailer-CC48bci7.js → IconRvTravelTrailer-FstodwFk.js} +3 -3
  119. package/dist/{IconRvTruckCamper-EoEVfaJM.js → IconRvTruckCamper-lLLE86pz.js} +3 -3
  120. package/dist/{IconSailing-CPcgnYwx.js → IconSailing-svTfDLn9.js} +3 -3
  121. package/dist/{IconSchool-3Dy70s11.js → IconSchool-CUB4fiMX.js} +3 -3
  122. package/dist/{IconSearch-C8WeOYws.js → IconSearch-QZW19aza.js} +3 -3
  123. package/dist/{IconSeating-D7B47LU4.js → IconSeating-B3MAIZkv.js} +3 -3
  124. package/dist/{IconSell-B95iGdOh.js → IconSell-CG2i7EOI.js} +3 -3
  125. package/dist/{IconSensors-Ckv6BEOK.js → IconSensors-BVBTJDAv.js} +3 -3
  126. package/dist/{IconSettings-CLrLZmQs.js → IconSettings-BGJv8ylA.js} +3 -3
  127. package/dist/{IconShare-CH2w2udo.js → IconShare-DLN_ze1T.js} +3 -3
  128. package/dist/{IconShieldCheck-BBHcsJhF.js → IconShieldCheck-DwGlL83P.js} +3 -3
  129. package/dist/{IconShoppingCart-_CKPKJ12.js → IconShoppingCart-BWcDIQ0t.js} +3 -3
  130. package/dist/{IconSleeps-CTzXW2RS.js → IconSleeps-Bl1OHp_d.js} +3 -3
  131. package/dist/{IconSms-C_jULP6X.js → IconSms-DXF4Rvv5.js} +3 -3
  132. package/dist/{IconSnowflake-DYpTwl2q.js → IconSnowflake-3DOCBRxO.js} +3 -3
  133. package/dist/{IconStar-CR0UA_S9.js → IconStar-y4w1Q_Ly.js} +3 -3
  134. package/dist/{IconStarFilled-DEnQm6s8.js → IconStarFilled-h3V6lcA1.js} +3 -3
  135. package/dist/{IconStarHalf-DZqwFVlC.js → IconStarHalf-CD3Otd__.js} +3 -3
  136. package/dist/{IconSummarize-BwU7xViX.js → IconSummarize-DQAFpTrk.js} +3 -3
  137. package/dist/{IconSwapHoriz-B7Nu99ui.js → IconSwapHoriz-C3usXzhR.js} +3 -3
  138. package/dist/{IconSwapVert-D83OnTLJ.js → IconSwapVert-CODa7if1.js} +3 -3
  139. package/dist/{IconThreeDRotation-WuabFIaS.js → IconThreeDRotation-Dt-qEsTU.js} +3 -3
  140. package/dist/{IconThumbUp-DwPs1Aog.js → IconThumbUp-2aoi8Hn6.js} +3 -3
  141. package/dist/{IconTrendingDown-CKqQl7o7.js → IconTrendingDown-Cc1jUDOB.js} +3 -3
  142. package/dist/{IconTrophy-DRcIPW-F.js → IconTrophy-CWU4189G.js} +3 -3
  143. package/dist/{IconTune-CXVj1kqb.js → IconTune-PtcGFHGO.js} +3 -3
  144. package/dist/{IconTwitter-B5AwI_-2.js → IconTwitter-Q7-VmjkP.js} +3 -3
  145. package/dist/{IconUmbrella-BWmv4GFi.js → IconUmbrella-B_1l6UAu.js} +3 -3
  146. package/dist/{IconVerified-BMRocsAd.js → IconVerified-BCiRYMzp.js} +3 -3
  147. package/dist/{IconVideocam-D5eUdBxR.js → IconVideocam-TZ4vpxTp.js} +3 -3
  148. package/dist/{IconViewInAr-CvR2gh_r.js → IconViewInAr-Dn4BjPYu.js} +3 -3
  149. package/dist/{IconVisibility-BlzyaCVD.js → IconVisibility-nxEIwt29.js} +3 -3
  150. package/dist/{IconVolumeOff-DB757krU.js → IconVolumeOff-D_ASm6Jk.js} +3 -3
  151. package/dist/{IconVolumeOn-CYf77UaC.js → IconVolumeOn-CTVNBoFQ.js} +3 -3
  152. package/dist/{IconWarehouse-DIRQdX8P.js → IconWarehouse-DP-BJpYG.js} +3 -3
  153. package/dist/{IconWarning-n_GTsWOM.js → IconWarning-DcYnbH1n.js} +3 -3
  154. package/dist/{IconWater-DFV09TyV.js → IconWater-Bh1ru5aW.js} +3 -3
  155. package/dist/{IconWeight-Cq12caT_.js → IconWeight-DfxHx8iL.js} +3 -3
  156. package/dist/{IconWidth-DtPjsKm8.js → IconWidth-E4u3XnEj.js} +3 -3
  157. package/dist/{IconWorkspacePremium-_Olggt_G.js → IconWorkspacePremium-Cn2NhzIu.js} +3 -3
  158. package/dist/{IconWrench-C2MHGxho.js → IconWrench-DHpCQriM.js} +3 -3
  159. package/dist/{IconYoutube-C8cHj1uF.js → IconYoutube-DHlDGTQp.js} +3 -3
  160. package/dist/css/reset.css +2 -2
  161. package/dist/css/utilities-base.css +66 -38
  162. package/dist/css/utilities-responsive.css +424 -312
  163. package/dist/css/variables.css +5 -0
  164. package/dist/logo-aero-CkTVffxb.js +17 -0
  165. package/dist/logo-aero-Z-V0eOLB.cjs +2 -0
  166. package/dist/logo-atv-BC9pKXBl.js +21 -0
  167. package/dist/logo-atv-xQMzut2h.cjs +2 -0
  168. package/dist/logo-boatmart-B9upxiMl.cjs +2 -0
  169. package/dist/logo-boatmart-DroAqtiq.js +16 -0
  170. package/dist/logo-cycle-c9schUUY.cjs +2 -0
  171. package/dist/logo-cycle-iWCyRwSL.js +21 -0
  172. package/dist/logo-equipment-3VYa6YcW.cjs +2 -0
  173. package/dist/logo-equipment-BoqO9oqu.js +17 -0
  174. package/dist/logo-pwc-BBFWrkvE.js +21 -0
  175. package/dist/logo-pwc-DhXtaTyu.cjs +2 -0
  176. package/dist/logo-rv-BRXxuciP.cjs +2 -0
  177. package/dist/logo-rv-DzHxIw2C.js +21 -0
  178. package/dist/logo-snow-Dzpaeho2.js +17 -0
  179. package/dist/logo-snow-PVobISvF.cjs +2 -0
  180. package/dist/logo-truck-DE0J4OIJ.cjs +2 -0
  181. package/dist/logo-truck-MUfLC0tr.js +21 -0
  182. package/dist/mark-aero-CFjGMjbx.cjs +2 -0
  183. package/dist/mark-aero-D8m3JDkS.js +23 -0
  184. package/dist/mark-atv-1Vppojls.js +19 -0
  185. package/dist/mark-atv-BhRn5mUA.cjs +2 -0
  186. package/dist/mark-boatmart-Bmkv3dOs.cjs +2 -0
  187. package/dist/mark-boatmart-b77RvD0c.js +16 -0
  188. package/dist/mark-cycle-BFxZOD4K.js +23 -0
  189. package/dist/mark-cycle-QCLSEZTF.cjs +2 -0
  190. package/dist/mark-equipment-BbnRZ0vl.js +19 -0
  191. package/dist/mark-equipment-ThuZOvf6.cjs +2 -0
  192. package/dist/mark-pwc-CQWDRntw.cjs +2 -0
  193. package/dist/mark-pwc-CQa98Z9S.js +21 -0
  194. package/dist/mark-rv-BtQWH4-a.cjs +2 -0
  195. package/dist/mark-rv-DY1wwuIO.js +21 -0
  196. package/dist/mark-snow-BEUxteW6.js +23 -0
  197. package/dist/mark-snow-Bek2T8IY.cjs +2 -0
  198. package/dist/mark-truck-BsOOC6Lx.cjs +2 -0
  199. package/dist/mark-truck-CUaX6FYM.js +19 -0
  200. package/dist/style.css +1 -1
  201. package/dist/tide-design-system.cjs +2 -2
  202. package/dist/tide-design-system.esm.d.ts +0 -2031
  203. package/dist/tide-design-system.esm.js +1607 -1348
  204. package/dist/utilities/realm.ts +17 -0
  205. package/dist/utilities/viewport.ts +2 -2
  206. package/docs/toast.md +61 -0
  207. package/index.ts +12 -1
  208. package/package.json +3 -3
  209. package/src/assets/css/reset.css +2 -2
  210. package/src/assets/css/utilities-base.css +66 -38
  211. package/src/assets/css/utilities-responsive.css +424 -312
  212. package/src/assets/css/variables.css +5 -0
  213. package/src/assets/svg/branding/logo/logo-aero.svg +9 -0
  214. package/src/assets/svg/branding/logo/logo-atv.svg +3 -0
  215. package/src/assets/svg/branding/logo/logo-boatmart.svg +18 -0
  216. package/src/assets/svg/branding/logo/logo-cycle.svg +3 -0
  217. package/src/assets/svg/branding/logo/logo-equipment.svg +11 -0
  218. package/src/assets/svg/branding/logo/logo-pwc.svg +3 -0
  219. package/src/assets/svg/branding/logo/logo-rv.svg +3 -0
  220. package/src/assets/svg/branding/logo/logo-snow.svg +12 -0
  221. package/src/assets/svg/branding/logo/logo-truck.svg +3 -0
  222. package/src/assets/svg/branding/mark/mark-aero.svg +4 -0
  223. package/src/assets/svg/branding/mark/mark-atv.svg +3 -0
  224. package/src/assets/svg/branding/mark/mark-boatmart.svg +17 -0
  225. package/src/assets/svg/branding/mark/mark-cycle.svg +4 -0
  226. package/src/assets/svg/branding/mark/mark-equipment.svg +3 -0
  227. package/src/assets/svg/branding/mark/mark-pwc.svg +3 -0
  228. package/src/assets/svg/branding/mark/mark-rv.svg +3 -0
  229. package/src/assets/svg/branding/mark/mark-snow.svg +4 -0
  230. package/src/assets/svg/branding/mark/mark-truck.svg +3 -0
  231. package/src/assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg +4 -0
  232. package/src/assets/svg/icons/realm/cycle/IconCycleTrailer.svg +3 -0
  233. package/src/components/TideAccordionItem.vue +38 -4
  234. package/src/components/TideAlert.vue +3 -3
  235. package/src/components/TideButton.vue +36 -16
  236. package/src/components/TideButtonIcon.vue +26 -9
  237. package/src/components/TideChipAction.vue +23 -2
  238. package/src/components/TideIcon.vue +8 -6
  239. package/src/components/TideInputSelect.vue +107 -47
  240. package/src/components/TideModal.vue +14 -2
  241. package/src/components/TideRealmLogo.vue +71 -0
  242. package/src/components/TideSheet.vue +11 -2
  243. package/src/components/TideTabs.vue +4 -9
  244. package/src/components/TideToaster.vue +88 -0
  245. package/src/composables/useTideToaster.ts +63 -0
  246. package/src/stories/TideAccordionItem.stories.ts +4 -4
  247. package/src/stories/TideButton.stories.ts +9 -9
  248. package/src/stories/TideButtonIcon.stories.ts +9 -7
  249. package/src/stories/TideChipAction.stories.ts +10 -4
  250. package/src/stories/TideImageBackground.stories.ts +2 -1
  251. package/src/stories/TideInputSelect.stories.ts +18 -9
  252. package/src/stories/TideModal.stories.ts +0 -4
  253. package/src/stories/TideRealmLogo.stories.ts +25 -0
  254. package/src/stories/TideSheet.stories.ts +0 -1
  255. package/src/stories/TideToaster.stories.ts +117 -0
  256. package/src/types/Icon.ts +4 -0
  257. package/src/types/RealmLogo.ts +38 -0
  258. package/src/types/Styles.ts +2 -1
  259. package/src/types/Toast.ts +21 -0
  260. package/src/utilities/realm.ts +17 -0
  261. package/src/utilities/viewport.ts +2 -2
  262. package/tests/TideRealmLogo.spec.ts +58 -0
  263. package/tsconfig.json +18 -5
  264. package/tsconfig.node.json +7 -0
@@ -1,2032 +1 @@
1
- import { Component } from 'vue';
2
- import { ComponentOptionsMixin } from 'vue';
3
- import { ComponentProvideOptions } from 'vue';
4
- import { DefineComponent } from 'vue';
5
- import { PublicProps } from 'vue';
6
- import { Ref } from 'vue';
7
-
8
- declare type __VLS_PublicProps = {
9
- modelValue: boolean;
10
- } & typeof __VLS_typeProps;
11
-
12
- declare type __VLS_PublicProps_10 = {
13
- modelValue: number;
14
- } & typeof __VLS_typeProps_10;
15
-
16
- declare type __VLS_PublicProps_11 = {
17
- modelValue: number;
18
- } & typeof __VLS_typeProps_11;
19
-
20
- declare type __VLS_PublicProps_12 = {
21
- modelValue: boolean;
22
- } & typeof __VLS_typeProps_12;
23
-
24
- declare type __VLS_PublicProps_13 = {
25
- modelValue: boolean;
26
- } & typeof __VLS_typeProps_13;
27
-
28
- declare type __VLS_PublicProps_14 = {
29
- modelValue: number;
30
- } & typeof __VLS_typeProps_14;
31
-
32
- declare type __VLS_PublicProps_2 = {
33
- modelValue: number;
34
- } & typeof __VLS_typeProps_2;
35
-
36
- declare type __VLS_PublicProps_3 = {
37
- modelValue: boolean;
38
- } & typeof __VLS_typeProps_3;
39
-
40
- declare type __VLS_PublicProps_4 = {
41
- modelValue: boolean;
42
- } & typeof __VLS_typeProps_4;
43
-
44
- declare type __VLS_PublicProps_5 = {
45
- modelValue: string;
46
- } & typeof __VLS_typeProps_5;
47
-
48
- declare type __VLS_PublicProps_6 = {
49
- modelValue: string;
50
- } & typeof __VLS_typeProps_6;
51
-
52
- declare type __VLS_PublicProps_7 = {
53
- modelValue: string;
54
- } & typeof __VLS_typeProps_7;
55
-
56
- declare type __VLS_PublicProps_8 = {
57
- modelValue: string;
58
- } & typeof __VLS_typeProps_8;
59
-
60
- declare type __VLS_PublicProps_9 = {
61
- modelValue: boolean;
62
- } & typeof __VLS_typeProps_9;
63
-
64
- declare let __VLS_typeProps: Props;
65
-
66
- declare let __VLS_typeProps_10: Props_29;
67
-
68
- declare let __VLS_typeProps_11: Props_31;
69
-
70
- declare let __VLS_typeProps_12: Props_33;
71
-
72
- declare let __VLS_typeProps_13: Props_34;
73
-
74
- declare let __VLS_typeProps_14: Props_35;
75
-
76
- declare let __VLS_typeProps_2: Props_9;
77
-
78
- declare let __VLS_typeProps_3: Props_13;
79
-
80
- declare let __VLS_typeProps_4: Props_21;
81
-
82
- declare let __VLS_typeProps_5: Props_22;
83
-
84
- declare let __VLS_typeProps_6: Props_23;
85
-
86
- declare let __VLS_typeProps_7: Props_25;
87
-
88
- declare let __VLS_typeProps_8: Props_26;
89
-
90
- declare let __VLS_typeProps_9: Props_28;
91
-
92
- declare type __VLS_WithTemplateSlots<T, S> = T & {
93
- new (): {
94
- $slots: S;
95
- };
96
- };
97
-
98
- declare type __VLS_WithTemplateSlots_10<T, S> = T & {
99
- new (): {
100
- $slots: S;
101
- };
102
- };
103
-
104
- declare type __VLS_WithTemplateSlots_2<T, S> = T & {
105
- new (): {
106
- $slots: S;
107
- };
108
- };
109
-
110
- declare type __VLS_WithTemplateSlots_3<T, S> = T & {
111
- new (): {
112
- $slots: S;
113
- };
114
- };
115
-
116
- declare type __VLS_WithTemplateSlots_4<T, S> = T & {
117
- new (): {
118
- $slots: S;
119
- };
120
- };
121
-
122
- declare type __VLS_WithTemplateSlots_5<T, S> = T & {
123
- new (): {
124
- $slots: S;
125
- };
126
- };
127
-
128
- declare type __VLS_WithTemplateSlots_6<T, S> = T & {
129
- new (): {
130
- $slots: S;
131
- };
132
- };
133
-
134
- declare type __VLS_WithTemplateSlots_7<T, S> = T & {
135
- new (): {
136
- $slots: S;
137
- };
138
- };
139
-
140
- declare type __VLS_WithTemplateSlots_8<T, S> = T & {
141
- new (): {
142
- $slots: S;
143
- };
144
- };
145
-
146
- declare type __VLS_WithTemplateSlots_9<T, S> = T & {
147
- new (): {
148
- $slots: S;
149
- };
150
- };
151
-
152
- export declare const ALERT: {
153
- readonly ERROR: "error";
154
- readonly INFO: "info";
155
- readonly SUCCESS: "success";
156
- readonly WARNING: "warning";
157
- };
158
-
159
- export declare type Alert = (typeof ALERT)[keyof typeof ALERT];
160
-
161
- export declare const BADGE_COLOR: {
162
- readonly BLACK: "black";
163
- readonly BLUE: "blue";
164
- readonly GREEN: "green";
165
- readonly LIME: "lime";
166
- readonly ORANGE: "orange";
167
- readonly PURPLE: "purple";
168
- readonly RED: "red";
169
- readonly SALMON: "salmon";
170
- readonly TEAL: "teal";
171
- readonly YELLOW: "yellow";
172
- };
173
-
174
- export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
175
- borderColor: string;
176
- iconColor: string;
177
- }>;
178
-
179
- export declare const BADGE_TRUSTED: {
180
- readonly YEARS_10: "10";
181
- readonly YEARS_15: "15";
182
- readonly YEARS_20: "20";
183
- readonly YEARS_25: "25";
184
- readonly YEARS_30: "30";
185
- readonly YEARS_35: "35";
186
- readonly YEARS_5: "5";
187
- };
188
-
189
- declare type BadgeColor = (typeof BADGE_COLOR)[keyof typeof BADGE_COLOR];
190
-
191
- export declare type BadgeTrustedYears = (typeof BADGE_TRUSTED)[keyof typeof BADGE_TRUSTED];
192
-
193
- export declare type BreadCrumb = {
194
- dataTrack?: string;
195
- label: string;
196
- url?: string;
197
- };
198
-
199
- export declare const BREAKPOINT: {
200
- readonly SM: "sm";
201
- readonly MD: "md";
202
- readonly LG: "lg";
203
- readonly XL: "xl";
204
- };
205
-
206
- export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
207
-
208
- declare const BUTTON_TYPE: {
209
- readonly BUTTON: "button";
210
- readonly SUBMIT: "submit";
211
- };
212
-
213
- declare type ButtonType = (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
214
-
215
- export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
216
-
217
- declare const CSS_2: {
218
- readonly withBreakpoint: (utilities: string[], breakpoint: Breakpoint) => string[];
219
- readonly ALIGN: {
220
- readonly X: {
221
- readonly CENTER: "tide-text-center";
222
- readonly JUSTIFY: "tide-text-justify";
223
- readonly LEFT: "tide-text-left";
224
- readonly RIGHT: "tide-text-right";
225
- };
226
- readonly Y: {
227
- readonly INITIAL: "tide-align-initial";
228
- readonly MIDDLE: "tide-align-middle";
229
- };
230
- };
231
- readonly AXIS1: {
232
- readonly AROUND: "tide-axis1-around";
233
- readonly BETWEEN: "tide-axis1-between";
234
- readonly CENTER: "tide-axis1-center";
235
- readonly END: "tide-axis1-end";
236
- readonly START: "tide-axis1-start";
237
- };
238
- readonly AXIS2: {
239
- readonly AROUND: "tide-axis2-around";
240
- readonly CENTER: "tide-axis2-center";
241
- readonly END: "tide-axis2-end";
242
- readonly START: "tide-axis2-start";
243
- readonly STRETCH: "tide-axis2-stretch";
244
- };
245
- readonly BG: {
246
- readonly GLOBAL: {
247
- readonly PRIMARY: {
248
- readonly ERROR: "tide-bg-primary-error";
249
- readonly INFO: "tide-bg-primary-info";
250
- readonly SUCCESS: "tide-bg-primary-success";
251
- readonly WARNING: "tide-bg-primary-warning";
252
- };
253
- readonly SURFACE: {
254
- readonly ERROR: "tide-bg-surface-error";
255
- readonly INFO: "tide-bg-surface-info";
256
- readonly SUCCESS: "tide-bg-surface-success";
257
- readonly WARNING: "tide-bg-surface-warning";
258
- readonly BLUE: "tide-bg-surface-blue";
259
- readonly GREEN: "tide-bg-surface-green";
260
- readonly LIME: "tide-bg-surface-lime";
261
- readonly ORANGE: "tide-bg-surface-orange";
262
- readonly PURPLE: "tide-bg-surface-purple";
263
- readonly RED: "tide-bg-surface-red";
264
- readonly SALMON: "tide-bg-surface-salmon";
265
- readonly TEAL: "tide-bg-surface-teal";
266
- readonly YELLOW: "tide-bg-surface-yellow";
267
- };
268
- };
269
- readonly INITIAL: "tide-bg-initial";
270
- readonly BLUR: "tide-bg-blur";
271
- readonly PRIMARY: "tide-bg-primary";
272
- readonly SECONDARY: "tide-bg-secondary";
273
- readonly SURFACE: {
274
- readonly ACCENT: "tide-bg-surface-accent";
275
- readonly BRAND: "tide-bg-surface-brand";
276
- readonly DEFAULT: "tide-bg-surface";
277
- readonly FLOATING: "tide-bg-surface-floating";
278
- readonly GRADIENT: "tide-bg-surface-gradient";
279
- readonly VARIANT: "tide-bg-surface-variant";
280
- };
281
- readonly TRANSPARENT: {
282
- readonly ONE_HUNDRED: "tide-transparent-100";
283
- readonly TWO_HUNDRED: "tide-transparent-200";
284
- readonly THREE_HUNDRED: "tide-transparent-300";
285
- readonly FOUR_HUNDRED: "tide-transparent-400";
286
- };
287
- };
288
- readonly BORDER: {
289
- readonly COLOR: {
290
- readonly GLOBAL: {
291
- readonly ERROR: "tide-border-error";
292
- readonly INFO: "tide-border-info";
293
- readonly SUCCESS: "tide-border-success";
294
- readonly WARNING: "tide-border-warning";
295
- readonly BLUE: "tide-border-blue";
296
- readonly GREEN: "tide-border-green";
297
- readonly LIME: "tide-border-lime";
298
- readonly ORANGE: "tide-border-orange";
299
- readonly PURPLE: "tide-border-purple";
300
- readonly RED: "tide-border-red";
301
- readonly SALMON: "tide-border-salmon";
302
- readonly TEAL: "tide-border-teal";
303
- readonly YELLOW: "tide-border-yellow";
304
- };
305
- readonly INITIAL: "tide-border-color-initial";
306
- readonly DEFAULT: "tide-border";
307
- readonly FLOATING: "tide-border-floating";
308
- readonly HIGH: "tide-border-high";
309
- readonly LOW: "tide-border-low";
310
- readonly PRIMARY: "tide-border-primary";
311
- };
312
- readonly RADIUS: {
313
- readonly ZERO: "tide-radius-0";
314
- readonly QUARTER: "tide-radius-1/4";
315
- readonly HALF: "tide-radius-1/2";
316
- readonly ONE: "tide-radius-1";
317
- readonly FULL: "tide-radius-full";
318
- };
319
- readonly STYLE: {
320
- readonly DASHED: "tide-border-dashed";
321
- readonly SOLID: "tide-border-solid";
322
- };
323
- readonly BOTTOM: {
324
- readonly ZERO: "tide-border-bottom-0";
325
- readonly ONE: "tide-border-bottom-1";
326
- readonly TWO: "tide-border-bottom-2";
327
- };
328
- readonly FULL: {
329
- readonly ZERO: "tide-border-0";
330
- readonly ONE: "tide-border-1";
331
- readonly TWO: "tide-border-2";
332
- };
333
- readonly LEFT: {
334
- readonly ZERO: "tide-border-left-0";
335
- readonly ONE: "tide-border-left-1";
336
- readonly TWO: "tide-border-left-2";
337
- };
338
- readonly RIGHT: {
339
- readonly ZERO: "tide-border-right-0";
340
- readonly ONE: "tide-border-right-1";
341
- readonly TWO: "tide-border-right-2";
342
- };
343
- readonly TOP: {
344
- readonly ZERO: "tide-border-top-0";
345
- readonly ONE: "tide-border-top-1";
346
- readonly TWO: "tide-border-top-2";
347
- };
348
- };
349
- readonly BOX_SIZING: {
350
- readonly BORDER_BOX: "tide-box-border";
351
- readonly CONTENT_BOX: "tide-box-content";
352
- };
353
- readonly BREAK_INSIDE: {
354
- readonly AVOID_COLUMN: "tide-break-inside-avoid-column";
355
- };
356
- readonly BREAK_WORD: {
357
- readonly OFF: "tide-break-initial";
358
- readonly ON: "tide-break-word";
359
- };
360
- readonly COLUMNS: {
361
- readonly INITIAL: "tide-columns-initial";
362
- readonly ONE: "tide-columns-1";
363
- readonly TWO: "tide-columns-2";
364
- readonly THREE: "tide-columns-3";
365
- readonly FOUR: "tide-columns-4";
366
- };
367
- readonly CURSOR: {
368
- readonly NOT_ALLOWED: "tide-cursor-not-allowed";
369
- readonly POINTER: "tide-cursor-pointer";
370
- readonly TEXT: "tide-cursor-text";
371
- };
372
- readonly DISPLAY: {
373
- readonly BLOCK: "tide-display-block";
374
- readonly CONTENTS: "tide-display-contents";
375
- readonly FLEX: "tide-display-flex";
376
- readonly GRID: "tide-display-grid";
377
- readonly INITIAL: "tide-display-initial";
378
- readonly INLINE: "tide-display-inline";
379
- readonly INLINE_BLOCK: "tide-display-inline-block";
380
- readonly INLINE_FLEX: "tide-display-inline-flex";
381
- readonly NONE: "tide-display-none";
382
- };
383
- readonly ELLIPSIS: "tide-ellipsis";
384
- readonly FLEX: {
385
- readonly BASIS: {
386
- readonly AUTO: "tide-flex-basis-auto";
387
- readonly ZERO: "tide-flex-basis-0";
388
- };
389
- readonly DIRECTION: {
390
- readonly COLUMN: "tide-flex-column";
391
- readonly COLUMN_REVERSE: "tide-flex-column-reverse";
392
- readonly ROW: "tide-flex-row";
393
- readonly ROW_REVERSE: "tide-flex-row-reverse";
394
- };
395
- readonly GROW: {
396
- readonly OFF: "tide-grow-none";
397
- readonly ON: "tide-grow";
398
- };
399
- readonly SHRINK: {
400
- readonly OFF: "tide-shrink-none";
401
- readonly ON: "tide-shrink";
402
- };
403
- readonly WRAP: "tide-flex-wrap";
404
- };
405
- readonly FONT: {
406
- readonly COLOR: {
407
- readonly GLOBAL: {
408
- readonly ERROR: "tide-font-error";
409
- readonly INFO: "tide-font-info";
410
- readonly SUCCESS: "tide-font-success";
411
- readonly WARNING: "tide-font-warning";
412
- readonly BLUE: "tide-font-blue";
413
- readonly GREEN: "tide-font-green";
414
- readonly LIME: "tide-font-lime";
415
- readonly ORANGE: "tide-font-orange";
416
- readonly PURPLE: "tide-font-purple";
417
- readonly RED: "tide-font-red";
418
- readonly SALMON: "tide-font-salmon";
419
- readonly TEAL: "tide-font-teal";
420
- readonly YELLOW: "tide-font-yellow";
421
- readonly PRIMARY: {
422
- readonly BLUE: "tide-font-primary-blue";
423
- readonly GREEN: "tide-font-primary-green";
424
- readonly LIME: "tide-font-primary-lime";
425
- readonly ORANGE: "tide-font-primary-orange";
426
- readonly PURPLE: "tide-font-primary-purple";
427
- readonly RED: "tide-font-primary-red";
428
- readonly SALMON: "tide-font-primary-salmon";
429
- readonly TEAL: "tide-font-primary-teal";
430
- readonly YELLOW: "tide-font-primary-yellow";
431
- };
432
- };
433
- readonly PRIMARY: "tide-font-on-primary";
434
- readonly SECONDARY: "tide-font-on-secondary";
435
- readonly SURFACE: {
436
- readonly BRAND: "tide-font-on-surface-brand";
437
- readonly DEFAULT: "tide-font-on-surface";
438
- readonly INVERSE: "tide-font-on-surface-inverse";
439
- readonly VARIANT: "tide-font-on-surface-variant";
440
- readonly VARIANT_INVERSE: "tide-font-on-surface-variant-inverse";
441
- };
442
- };
443
- readonly ROLE: {
444
- readonly DISPLAY_1: "tide-typography-display-1";
445
- readonly HEADLINE_1: "tide-typography-headline-1";
446
- readonly HEADLINE_2: "tide-typography-headline-2";
447
- readonly HEADLINE_3: "tide-typography-headline-3";
448
- readonly TITLE_1: "tide-typography-title-1";
449
- readonly TITLE_2: "tide-typography-title-2";
450
- readonly BODY_1: "tide-typography-body-1";
451
- readonly BODY_2: "tide-typography-body-2";
452
- readonly LABEL_1: "tide-typography-label-1";
453
- readonly LABEL_1_SEMIBOLD: "tide-typography-label-1-semibold";
454
- readonly LABEL_2: "tide-typography-label-2";
455
- readonly LABEL_2_SEMIBOLD: "tide-typography-label-2-semibold";
456
- readonly LABEL_3: "tide-typography-label-3";
457
- readonly LINK_1: "tide-typography-link-1";
458
- readonly LINK_2: "tide-typography-link-2";
459
- readonly LINK_3: "tide-typography-link-3";
460
- readonly BUTTON_1: "tide-typography-button-1";
461
- readonly BUTTON_2: "tide-typography-button-2";
462
- };
463
- readonly SIZE: {
464
- readonly TWELVE: "tide-font-12";
465
- readonly FOURTEEN: "tide-font-14";
466
- readonly SIXTEEN: "tide-font-16";
467
- readonly TWENTY: "tide-font-20";
468
- readonly TWENTY_FOUR: "tide-font-24";
469
- readonly THIRTY_TWO: "tide-font-32";
470
- };
471
- readonly WEIGHT: {
472
- readonly FOUR_HUNDRED: "tide-font-400";
473
- readonly FIVE_HUNDRED: "tide-font-500";
474
- readonly SIX_HUNDRED: "tide-font-600";
475
- readonly SEVEN_HUNDRED: "tide-font-700";
476
- };
477
- };
478
- readonly GAP: {
479
- readonly ZERO: "tide-gap-0";
480
- readonly QUARTER: "tide-gap-1/4";
481
- readonly HALF: "tide-gap-1/2";
482
- readonly ONE: "tide-gap-1";
483
- readonly TWO: "tide-gap-2";
484
- readonly FOUR: "tide-gap-4";
485
- };
486
- readonly GRID: {
487
- readonly FLUID: "tide-fluid";
488
- readonly ITEM: "tide-grid-item";
489
- readonly LAYOUT: "tide-grid-layout";
490
- readonly XL: "tide-grid-xl";
491
- };
492
- readonly HEIGHT: {
493
- readonly AUTO: "tide-height-auto";
494
- readonly ZERO: "tide-height-0";
495
- readonly FULL: "tide-height-full";
496
- readonly MAX_FULL: "tide-max-height-full";
497
- readonly MIN_ZERO: "tide-min-height-0";
498
- };
499
- readonly ISOLATION: {
500
- readonly ISOLATE: "tide-isolate";
501
- };
502
- readonly LIST_BULLETS: {
503
- readonly OFF: "tide-list-none";
504
- };
505
- readonly MARGIN: {
506
- readonly BOTTOM: {
507
- readonly AUTO: "tide-margin-bottom-auto";
508
- readonly ZERO: "tide-margin-bottom-0";
509
- readonly QUARTER: "tide-margin-bottom-1/4";
510
- readonly HALF: "tide-margin-bottom-1/2";
511
- readonly ONE: "tide-margin-bottom-1";
512
- readonly TWO: "tide-margin-bottom-2";
513
- readonly FOUR: "tide-margin-bottom-4";
514
- };
515
- readonly FULL: {
516
- readonly ZERO: "tide-margin-0";
517
- readonly QUARTER: "tide-margin-1/4";
518
- readonly HALF: "tide-margin-1/2";
519
- readonly ONE: "tide-margin-1";
520
- readonly TWO: "tide-margin-2";
521
- readonly FOUR: "tide-margin-4";
522
- };
523
- readonly LEFT: {
524
- readonly AUTO: "tide-margin-left-auto";
525
- readonly ZERO: "tide-margin-left-0";
526
- readonly QUARTER: "tide-margin-left-1/4";
527
- readonly HALF: "tide-margin-left-1/2";
528
- readonly ONE: "tide-margin-left-1";
529
- readonly TWO: "tide-margin-left-2";
530
- readonly FOUR: "tide-margin-left-4";
531
- };
532
- readonly RIGHT: {
533
- readonly AUTO: "tide-margin-right-auto";
534
- readonly ZERO: "tide-margin-right-0";
535
- readonly QUARTER: "tide-margin-right-1/4";
536
- readonly HALF: "tide-margin-right-1/2";
537
- readonly ONE: "tide-margin-right-1";
538
- readonly TWO: "tide-margin-right-2";
539
- readonly FOUR: "tide-margin-right-4";
540
- };
541
- readonly TOP: {
542
- readonly AUTO: "tide-margin-top-auto";
543
- readonly ZERO: "tide-margin-top-0";
544
- readonly QUARTER: "tide-margin-top-1/4";
545
- readonly HALF: "tide-margin-top-1/2";
546
- readonly ONE: "tide-margin-top-1";
547
- readonly TWO: "tide-margin-top-2";
548
- readonly FOUR: "tide-margin-top-4";
549
- };
550
- readonly X: {
551
- readonly AUTO: "tide-margin-x-auto";
552
- readonly ZERO: "tide-margin-x-0";
553
- readonly QUARTER: "tide-margin-x-1/4";
554
- readonly HALF: "tide-margin-x-1/2";
555
- readonly ONE: "tide-margin-x-1";
556
- readonly TWO: "tide-margin-x-2";
557
- readonly FOUR: "tide-margin-x-4";
558
- };
559
- readonly Y: {
560
- readonly ZERO: "tide-margin-y-0";
561
- readonly QUARTER: "tide-margin-y-1/4";
562
- readonly HALF: "tide-margin-y-1/2";
563
- readonly ONE: "tide-margin-y-1";
564
- readonly TWO: "tide-margin-y-2";
565
- readonly FOUR: "tide-margin-y-4";
566
- };
567
- };
568
- readonly OBJECT: {
569
- readonly CENTER: "tide-object-center";
570
- readonly CONTAIN: "tide-object-contain";
571
- readonly COVER: "tide-object-cover";
572
- readonly SCALE_DOWN: "tide-object-scale-down";
573
- };
574
- readonly OPACITY: {
575
- readonly DISABLED: "tide-opacity-disabled";
576
- readonly OFF: "tide-opacity-none";
577
- readonly ON: "tide-opacity";
578
- };
579
- readonly OVERFLOW: {
580
- readonly X: {
581
- readonly AUTO: "tide-x-auto";
582
- readonly HIDDEN: "tide-x-hidden";
583
- readonly SCROLL: "tide-x-scroll";
584
- };
585
- readonly XY: {
586
- readonly AUTO: "tide-xy-auto";
587
- readonly HIDDEN: "tide-xy-hidden";
588
- };
589
- readonly Y: {
590
- readonly AUTO: "tide-y-auto";
591
- readonly HIDDEN: "tide-y-hidden";
592
- };
593
- };
594
- readonly PADDING: {
595
- readonly BOTTOM: {
596
- readonly ZERO: "tide-padding-bottom-0";
597
- readonly QUARTER: "tide-padding-bottom-1/4";
598
- readonly HALF: "tide-padding-bottom-1/2";
599
- readonly ONE: "tide-padding-bottom-1";
600
- readonly TWO: "tide-padding-bottom-2";
601
- readonly FOUR: "tide-padding-bottom-4";
602
- };
603
- readonly FULL: {
604
- readonly ZERO: "tide-padding-0";
605
- readonly QUARTER: "tide-padding-1/4";
606
- readonly HALF: "tide-padding-1/2";
607
- readonly ONE: "tide-padding-1";
608
- readonly TWO: "tide-padding-2";
609
- readonly FOUR: "tide-padding-4";
610
- };
611
- readonly LEFT: {
612
- readonly ZERO: "tide-padding-left-0";
613
- readonly QUARTER: "tide-padding-left-1/4";
614
- readonly HALF: "tide-padding-left-1/2";
615
- readonly ONE: "tide-padding-left-1";
616
- readonly TWO: "tide-padding-left-2";
617
- readonly FOUR: "tide-padding-left-4";
618
- };
619
- readonly RIGHT: {
620
- readonly ZERO: "tide-padding-right-0";
621
- readonly QUARTER: "tide-padding-right-1/4";
622
- readonly HALF: "tide-padding-right-1/2";
623
- readonly ONE: "tide-padding-right-1";
624
- readonly TWO: "tide-padding-right-2";
625
- readonly FOUR: "tide-padding-right-4";
626
- };
627
- readonly TOP: {
628
- readonly ZERO: "tide-padding-top-0";
629
- readonly QUARTER: "tide-padding-top-1/4";
630
- readonly HALF: "tide-padding-top-1/2";
631
- readonly ONE: "tide-padding-top-1";
632
- readonly TWO: "tide-padding-top-2";
633
- readonly FOUR: "tide-padding-top-4";
634
- };
635
- readonly X: {
636
- readonly ZERO: "tide-padding-x-0";
637
- readonly QUARTER: "tide-padding-x-1/4";
638
- readonly HALF: "tide-padding-x-1/2";
639
- readonly ONE: "tide-padding-x-1";
640
- readonly TWO: "tide-padding-x-2";
641
- readonly FOUR: "tide-padding-x-4";
642
- };
643
- readonly Y: {
644
- readonly ZERO: "tide-padding-y-0";
645
- readonly QUARTER: "tide-padding-y-1/4";
646
- readonly HALF: "tide-padding-y-1/2";
647
- readonly ONE: "tide-padding-y-1";
648
- readonly TWO: "tide-padding-y-2";
649
- readonly FOUR: "tide-padding-y-4";
650
- };
651
- };
652
- readonly POINTER_EVENTS: {
653
- readonly OFF: "tide-pointer-events-none";
654
- readonly ON: "tide-pointer-events";
655
- };
656
- readonly POSITION: {
657
- readonly ABSOLUTE: "tide-position-absolute";
658
- readonly FIXED: "tide-position-fixed";
659
- readonly RELATIVE: "tide-position-relative";
660
- readonly STATIC: "tide-position-static";
661
- readonly STICKY: "tide-position-sticky";
662
- };
663
- readonly POSITIONING: {
664
- readonly BOTTOM: "tide-bottom-0";
665
- readonly LEFT: "tide-left-0";
666
- readonly RIGHT: "tide-right-0";
667
- readonly TOP: "tide-top-0";
668
- };
669
- readonly RATIO: {
670
- readonly ONE_TO_ONE: "tide-ratio-1/1";
671
- readonly SIXTEEN_TO_NINE: "tide-ratio-16/9";
672
- readonly THREE_TO_TWO: "tide-ratio-3/2";
673
- };
674
- readonly SCROLLBAR: {
675
- readonly OFF: "tide-scrollbar-none";
676
- };
677
- readonly SHADOW: {
678
- readonly INITIAL: "tide-shadow-initial";
679
- readonly BOTTOM: "tide-shadow-bottom";
680
- readonly TOP: "tide-shadow-top";
681
- readonly TEXT: "tide-shadow-text";
682
- };
683
- readonly SNAP: {
684
- readonly ON: "tide-scroll-snap";
685
- };
686
- readonly SNAP_ALIGN: {
687
- readonly START: "tide-scroll-snap-start";
688
- };
689
- readonly STRIKETHROUGH: {
690
- readonly OFF: "tide-strikethrough-none";
691
- readonly ON: "tide-strikethrough";
692
- };
693
- readonly TEXT_TRANSFORM: {
694
- readonly LOWER: "tide-text-transform-lower";
695
- readonly NONE: "tide-text-transform-none";
696
- readonly UPPER: "tide-text-transform-upper";
697
- };
698
- readonly UNDERLINE: {
699
- readonly HOVER: {
700
- readonly ON: "tide-underline-hover";
701
- readonly OFF: "tide-underline-hover-none";
702
- };
703
- readonly REST: {
704
- readonly ON: "tide-underline";
705
- readonly OFF: "tide-underline-none";
706
- };
707
- };
708
- readonly USER_SELECT: {
709
- readonly INITIAL: "tide-user-select-initial";
710
- readonly NONE: "tide-user-select-none";
711
- };
712
- readonly VISIBILITY: {
713
- readonly OFF: "tide-visible-none";
714
- readonly ON: "tide-visible";
715
- };
716
- readonly WHITESPACE_WRAP: {
717
- readonly OFF: "tide-whitespace-nowrap";
718
- };
719
- readonly WIDTH: {
720
- readonly AUTO: "tide-width-auto";
721
- readonly ZERO: "tide-width-0";
722
- readonly FULL: "tide-width-full";
723
- readonly MAX_FULL: "tide-max-width-full";
724
- readonly MIN_ZERO: "tide-min-width-0";
725
- };
726
- readonly Z_INDEX: {
727
- readonly INITIAL: "tide-z-index-initial";
728
- readonly ONE: "tide-z-index-1";
729
- };
730
- };
731
- export { CSS_2 as CSS }
732
-
733
- export declare const ELEMENT: {
734
- readonly BUTTON: "button";
735
- readonly LINK: "a";
736
- };
737
-
738
- declare type Element_2 = (typeof ELEMENT)[keyof typeof ELEMENT];
739
- export { Element_2 as Element }
740
-
741
- export declare const ELEMENT_BROAD: {
742
- readonly BUTTON: "button";
743
- readonly DIV: "div";
744
- readonly LINK: "a";
745
- };
746
-
747
- export declare type ElementBroad = (typeof ELEMENT_BROAD)[keyof typeof ELEMENT_BROAD];
748
-
749
- declare const ERROR_DISPLAY: {
750
- readonly EAGER: "eager";
751
- readonly LAZY: "lazy";
752
- };
753
-
754
- declare type ErrorDisplay = (typeof ERROR_DISPLAY)[keyof typeof ERROR_DISPLAY];
755
-
756
- export declare const FORMAT: {
757
- readonly NUMBER: (input: string | number) => string;
758
- readonly PHONE: (input: string | number) => string;
759
- readonly PRICE: (input: string | number) => string;
760
- };
761
-
762
- export declare const FORMAT_REGEX: {
763
- alpha: RegExp;
764
- alphaNumberOrEmpty: RegExp;
765
- alphaSpace: RegExp;
766
- email: RegExp;
767
- numberFormatted: RegExp;
768
- phone: RegExp;
769
- price: RegExp;
770
- zip: RegExp;
771
- };
772
-
773
- export declare type Formatted = {
774
- [key: string]: string | string[] | number;
775
- };
776
-
777
- export declare type FormValueTransformer = (value: string) => string;
778
-
779
- /**
780
- * @deprecated
781
- */
782
- declare type FormValueTransformer_2 = (value: string) => string;
783
-
784
- /**
785
- * @deprecated
786
- */
787
- declare interface GenericInput {
788
- error?: ValidationError_2;
789
- transformValue?: FormValueTransformer_2;
790
- name: string;
791
- validators?: Validator_2[];
792
- required?: boolean;
793
- label?: string;
794
- disabled?: boolean;
795
- }
796
-
797
- /**
798
- * @deprecated
799
- */
800
- declare interface GenericInput_2 {
801
- disabled?: boolean;
802
- error?: ValidationError_2;
803
- label?: string;
804
- name: string;
805
- required?: boolean;
806
- }
807
-
808
- declare type GlobalIcon = (typeof ICON)[keyof typeof ICON];
809
-
810
- export declare const ICON: {
811
- readonly ACCOUNT_BALANCE: "account-balance";
812
- readonly ACUTE: "acute";
813
- readonly ADD: "add";
814
- readonly AI_DESCRIPTION: "ai-description";
815
- readonly ALIGN_SPACE_EVEN: "align-space-even";
816
- readonly APPLE_PAY: "apple-pay";
817
- readonly ARROW_BACK: "arrow-back";
818
- readonly ARROW_CYCLE: "arrow-cycle";
819
- readonly ARROW_FORWARD: "arrow-forward";
820
- readonly ARROW_RIGHT: "arrow-right";
821
- readonly ARROW_UP: "arrow-up";
822
- readonly ASSIGNMENT: "assignment";
823
- readonly ATTACH_MONEY: "attach-money";
824
- readonly AUTO_RENEW: "auto-renew";
825
- readonly AWARD_STAR: "award-star";
826
- readonly BED: "bed";
827
- readonly BOLT: "bolt";
828
- readonly BOOKMARK: "bookmark";
829
- readonly BUNKHOUSE: "bunkhouse";
830
- readonly CALENDAR_MONTH: "calendar-month";
831
- readonly CALL: "call";
832
- readonly CALL_QUALITY: "call-quality";
833
- readonly CAR_RENTAL: "car-rental";
834
- readonly CHECK: "check";
835
- readonly CHEVRON_LEFT: "chevron-left";
836
- readonly CHEVRON_RIGHT: "chevron-right";
837
- readonly CLEAR: "clear";
838
- readonly CLOSE: "close";
839
- readonly CONTRACT: "contract";
840
- readonly CRASH: "crash";
841
- readonly DASHBOARD_CUSTOMIZE: "dashboard-customize";
842
- readonly DELETE: "delete";
843
- readonly DIAMOND: "diamond";
844
- readonly DIRECTIONS_BOAT: "directions-boat";
845
- readonly DOMAIN: "domain";
846
- readonly DRAFT: "draft";
847
- readonly EDIT: "edit";
848
- readonly ENGINE: "engine";
849
- readonly ENGINEERING: "engineering";
850
- readonly ERROR: "error";
851
- readonly EXPAND_CONTENT: "expand-content";
852
- readonly EXPAND_LESS: "expand-less";
853
- readonly EXPAND_MORE: "expand-more";
854
- readonly FACEBOOK: "facebook";
855
- readonly FAVORITE: "favorite";
856
- readonly FAVORITE_FILLED: "favorite-filled";
857
- readonly FLAG: "flag";
858
- readonly FORMAT_BOLD: "format-bold";
859
- readonly FORMAT_ITALIC: "format-italic";
860
- readonly FORMAT_LIST_BULLETED: "format-list-bulleted";
861
- readonly FORUM: "forum";
862
- readonly GAS: "gas";
863
- readonly GAVEL: "gavel";
864
- readonly GEARS: "gears";
865
- readonly GLOBE_LOCATION_PIN: "globe-location-pin";
866
- readonly GOOGLE: "google";
867
- readonly GOOGLE_PAY: "google-pay";
868
- readonly GRID: "grid";
869
- readonly HANDSHAKE: "handshake";
870
- readonly HANDYMAN: "handyman";
871
- readonly HEIGHT: "height";
872
- readonly HELP: "help";
873
- readonly INFO: "info";
874
- readonly INFORMATION: "information";
875
- readonly INSERT_TEXT: "insert-text";
876
- readonly INSTAGRAM: "instagram";
877
- readonly IOS_SHARE: "ios-share";
878
- readonly LAYOUT: "layout";
879
- readonly LEVELLING_JACK: "levelling-jack";
880
- readonly LINKED_IN: "linked in";
881
- readonly LOCAL_SHIPPING: "local-shipping";
882
- readonly LOCK: "lock";
883
- readonly MAIL: "mail";
884
- readonly MENU: "menu";
885
- readonly MONEY_BAG: "money-bag";
886
- readonly MORE_HORIZ: "more-horiz";
887
- readonly NOTIFICATIONS: "notifications";
888
- readonly ODOMETER: "odometer";
889
- readonly OPEN_IN_NEW: "open-in-new";
890
- readonly PALETTE: "palette";
891
- readonly PAYPAL: "paypal";
892
- readonly PERSON: "person";
893
- readonly PERSON_SEARCH: "person-search";
894
- readonly PHOTO_CAMERA: "photo-camera";
895
- readonly PINTEREST: "pinterest";
896
- readonly PLAY_ARROW: "play-arrow";
897
- readonly POLICY: "policy";
898
- readonly POWER: "power";
899
- readonly POWER_OFF: "power-off";
900
- readonly PRIORITY_HIGH: "priority-high";
901
- readonly REMOVE: "remove";
902
- readonly REQUEST_QUOTE: "request-quote";
903
- readonly RESET_WRENCH: "reset-wrench";
904
- readonly ROAD: "road";
905
- readonly ROUNDED_CORNER: "rounded-corner";
906
- readonly RULER: "ruler";
907
- readonly SAILING: "sailing";
908
- readonly SCHOOL: "school";
909
- readonly SEARCH: "search";
910
- readonly SEATING: "seating";
911
- readonly SELL: "sell";
912
- readonly SENSORS: "sensors";
913
- readonly SETTINGS: "settings";
914
- readonly SHARE: "share";
915
- readonly SHIELD_CHECK: "shield-check";
916
- readonly SHOPPING_CART: "shopping-cart";
917
- readonly SLEEPS: "sleeps";
918
- readonly SMS: "sms";
919
- readonly SNOWFLAKE: "snowflake";
920
- readonly STAR: "star";
921
- readonly STAR_FILLED: "star-filled";
922
- readonly STAR_HALF: "star-half";
923
- readonly SUMMARIZE: "summarize";
924
- readonly SWAP_HORIZ: "swap-horiz";
925
- readonly SWAP_VERT: "swap-vert";
926
- readonly THREE_D_ROTATION: "three-d-rotation";
927
- readonly THUMB_UP: "thumb-up";
928
- readonly TRENDING_DOWN: "trending-down";
929
- readonly TROPHY: "trophy";
930
- readonly TUNE: "tune";
931
- readonly TWITTER: "twitter";
932
- readonly UMBRELLA: "umbrella";
933
- readonly VERIFIED: "verified";
934
- readonly VIDEOCAM: "videocam";
935
- readonly VIEW_IN_AR: "view-in-ar";
936
- readonly VISIBILITY: "visibility";
937
- readonly VOLUME_OFF: "volume-off";
938
- readonly VOLUME_ON: "volume-on";
939
- readonly WAREHOUSE: "warehouse";
940
- readonly WARNING: "warning";
941
- readonly WATER: "water";
942
- readonly WEIGHT: "weight";
943
- readonly WIDTH: "width";
944
- readonly WORKSPACE_PREMIUM: "workspace-premium";
945
- readonly WRENCH: "wrench";
946
- readonly YOUTUBE: "youtube";
947
- };
948
-
949
- export declare type Icon = GlobalIcon | RealmIcon;
950
-
951
- export declare const ICON_REALM: {
952
- readonly ATV: {
953
- readonly ATV: "atv-atv";
954
- readonly DUNE_BUGGY: "atv-dune-buggy";
955
- readonly GOLF_CART: "atv-golf-cart";
956
- readonly GO_KART: "atv-go-kart";
957
- readonly SAND_RAIL: "atv-sand-rail";
958
- readonly SIDE_BY_SIDE: "atv-side-by-side";
959
- readonly TRAILER: "atv-trailer";
960
- };
961
- readonly BOATMART: {
962
- readonly PWC: "boatmart-pwc";
963
- readonly TRAILER: "boatmart-trailer";
964
- };
965
- readonly RV: {
966
- readonly CLASS_A: "rv-class-a";
967
- readonly CLASS_B: "rv-class-b";
968
- readonly CLASS_C: "rv-class-c";
969
- readonly FIFTH_WHEEL: "rv-fifth-wheel";
970
- readonly FISH_HOUSE: "rv-fish-house";
971
- readonly PARK_MODEL: "rv-park-model";
972
- readonly POP_UP_CAMPER: "rv-pop-up-camper";
973
- readonly TRAVEL_TRAILER: "rv-travel-trailer";
974
- readonly TRUCK_CAMPER: "rv-truck-camper";
975
- };
976
- };
977
-
978
- export declare const INPUT_MODE: {
979
- readonly DECIMAL: "decimal";
980
- readonly EMAIL: "email";
981
- readonly NUMERIC: "numeric";
982
- readonly SEARCH: "search";
983
- readonly TEL: "tel";
984
- readonly TEXT: "text";
985
- readonly URL: "url";
986
- };
987
-
988
- export declare type InputMode = (typeof INPUT_MODE)[keyof typeof INPUT_MODE];
989
-
990
- export declare type Link = {
991
- label: string;
992
- url: string;
993
- isNewTab?: boolean;
994
- };
995
-
996
- export declare const MEDIA: {
997
- SM: number;
998
- MD: number;
999
- LG: number;
1000
- XL: number;
1001
- };
1002
-
1003
- export declare type Media = (typeof MEDIA)[keyof typeof MEDIA];
1004
-
1005
- export declare const OBJECT_FIT: {
1006
- readonly CONTAIN: "contain";
1007
- readonly COVER: "cover";
1008
- readonly SCALE_DOWN: "scale-down";
1009
- };
1010
-
1011
- export declare type ObjectFit = (typeof OBJECT_FIT)[keyof typeof OBJECT_FIT];
1012
-
1013
- export declare const ORIENTATION: {
1014
- readonly HORIZONTAL: "horizontal";
1015
- readonly VERTICAL: "vertical";
1016
- };
1017
-
1018
- export declare type Orientation = (typeof ORIENTATION)[keyof typeof ORIENTATION];
1019
-
1020
- export declare const PRIORITY: {
1021
- readonly PRIMARY: "primary";
1022
- readonly SECONDARY: "secondary";
1023
- readonly TERTIARY: "tertiary";
1024
- readonly QUATERNARY: "quaternary";
1025
- readonly FLOATING: "floating";
1026
- };
1027
-
1028
- export declare type Priority = (typeof PRIORITY)[keyof typeof PRIORITY];
1029
-
1030
- declare type Props = {
1031
- hasBottomDivider?: boolean;
1032
- hasTopDivider?: boolean;
1033
- isOptional?: boolean;
1034
- label: string;
1035
- };
1036
-
1037
- declare type Props_10 = {
1038
- description?: string;
1039
- heading: string;
1040
- icon?: Icon;
1041
- selected?: boolean;
1042
- type?: CardType;
1043
- href?: string;
1044
- };
1045
-
1046
- declare type Props_11 = {
1047
- hasDots?: boolean;
1048
- isFloating?: boolean;
1049
- isHeadline1?: boolean;
1050
- isHideawayButtons?: boolean;
1051
- isScrollByPage?: boolean;
1052
- maxDots?: number;
1053
- subtitle?: string;
1054
- title?: string;
1055
- };
1056
-
1057
- declare type Props_12 = {
1058
- element?: Element_2;
1059
- href?: string;
1060
- isNewTab?: boolean;
1061
- label: string;
1062
- };
1063
-
1064
- declare type Props_13 = {
1065
- label: string;
1066
- };
1067
-
1068
- declare type Props_14 = {
1069
- label: string;
1070
- };
1071
-
1072
- declare type Props_15 = {
1073
- heading?: string;
1074
- };
1075
-
1076
- declare type Props_16 = {
1077
- orientation?: Orientation;
1078
- };
1079
-
1080
- declare type Props_17 = {
1081
- icon: Icon;
1082
- size?: Size;
1083
- };
1084
-
1085
- declare type Props_18 = {
1086
- alt?: string;
1087
- height?: string;
1088
- isLazy?: boolean;
1089
- objectFit?: ObjectFit;
1090
- sources?: Source[];
1091
- src?: string;
1092
- width?: string;
1093
- };
1094
-
1095
- declare type Props_19 = {
1096
- alt?: string;
1097
- isLazy?: boolean;
1098
- sources?: Source[];
1099
- src?: string;
1100
- };
1101
-
1102
- declare type Props_2 = {
1103
- heading?: string;
1104
- ctaLabel?: string;
1105
- isDismissible?: boolean;
1106
- isToast?: boolean;
1107
- type?: Alert;
1108
- };
1109
-
1110
- declare type Props_20 = {
1111
- label?: string | number;
1112
- };
1113
-
1114
- declare type Props_21 = {
1115
- disabled?: boolean;
1116
- error?: string;
1117
- indeterminate?: boolean;
1118
- inputId?: string;
1119
- label: string;
1120
- name?: string;
1121
- number?: number;
1122
- required?: boolean;
1123
- };
1124
-
1125
- declare type Props_22 = {
1126
- disabled?: boolean;
1127
- inputId?: string;
1128
- label: string;
1129
- name: string;
1130
- number?: number;
1131
- value: string;
1132
- };
1133
-
1134
- declare type Props_23 = {
1135
- disabled?: boolean;
1136
- error?: string;
1137
- errorDisplay?: ErrorDisplay;
1138
- label?: string;
1139
- name?: string;
1140
- optgroups?: (SelectOption | SelectOptionGroup)[] | readonly (SelectOption | SelectOptionGroup)[];
1141
- options?: SelectOption[] | readonly SelectOption[];
1142
- required?: boolean;
1143
- supportingText?: string;
1144
- };
1145
-
1146
- declare interface Props_24 extends SelectField {
1147
- inputId?: string;
1148
- supportingText?: string;
1149
- }
1150
-
1151
- declare type Props_25 = {
1152
- autocomplete?: boolean;
1153
- disabled?: boolean;
1154
- error?: string;
1155
- errorDisplay?: ErrorDisplay;
1156
- hasClear?: boolean;
1157
- iconLeading?: Icon;
1158
- inputId?: string;
1159
- inputmode?: InputMode;
1160
- label?: string;
1161
- maxlength?: number;
1162
- minlength?: number;
1163
- name?: string;
1164
- prefix?: string;
1165
- required?: boolean;
1166
- suffix?: string;
1167
- supportingText?: string;
1168
- transformValue?: FormValueTransformer;
1169
- type?: TextInputType;
1170
- validators?: Validator[];
1171
- };
1172
-
1173
- declare type Props_26 = {
1174
- error?: string;
1175
- errorDisplay?: ErrorDisplay;
1176
- inputId?: string;
1177
- label?: string;
1178
- maxlength?: number | undefined;
1179
- minlength?: number | undefined;
1180
- name?: string;
1181
- required?: boolean;
1182
- rows?: number;
1183
- supportingText?: string;
1184
- validators?: Validator[];
1185
- };
1186
-
1187
- declare type Props_27 = {
1188
- element?: Element_2;
1189
- href?: string;
1190
- iconLeading?: Icon;
1191
- iconSize?: Size;
1192
- iconTrailing?: Icon;
1193
- isNewTab?: boolean;
1194
- label: string;
1195
- subtle?: boolean;
1196
- };
1197
-
1198
- declare type Props_28 = {
1199
- /**
1200
- * Called before the modal closes.
1201
- *
1202
- * Return `false` to cancel the close event.
1203
- */
1204
- beforeClose?: () => void | boolean | Promise<void | boolean>;
1205
- isBackButton?: boolean;
1206
- isDismissible?: boolean;
1207
- title?: string;
1208
- width?: string;
1209
- };
1210
-
1211
- declare type Props_29 = {
1212
- pageTotal: number;
1213
- };
1214
-
1215
- declare type Props_3 = {
1216
- color?: BadgeColor;
1217
- iconLeading?: Icon;
1218
- isFloating?: boolean;
1219
- label: string;
1220
- };
1221
-
1222
- declare type Props_30 = {
1223
- anchorId: string;
1224
- offset?: number;
1225
- };
1226
-
1227
- declare type Props_31 = {
1228
- description?: string;
1229
- maxRating?: number;
1230
- showRating?: boolean;
1231
- title?: string;
1232
- };
1233
-
1234
- declare type Props_32 = {
1235
- heading?: string;
1236
- links: Link[];
1237
- };
1238
-
1239
- declare type Props_33 = {
1240
- isBackButton?: boolean;
1241
- };
1242
-
1243
- declare type Props_34 = {
1244
- disabled?: boolean;
1245
- };
1246
-
1247
- declare type Props_35 = {
1248
- tabs: Tab[];
1249
- };
1250
-
1251
- declare type Props_4 = {
1252
- years?: BadgeTrustedYears;
1253
- };
1254
-
1255
- declare type Props_5 = {
1256
- breadCrumbs: BreadCrumb[];
1257
- };
1258
-
1259
- declare type Props_6 = {
1260
- disabled?: boolean;
1261
- element?: Element_2;
1262
- href?: string;
1263
- iconLeading?: Icon;
1264
- iconTrailing?: Icon;
1265
- isNewTab?: boolean;
1266
- label: string;
1267
- priority?: Priority;
1268
- size?: SizeButton;
1269
- type?: ButtonType;
1270
- };
1271
-
1272
- declare type Props_7 = {
1273
- disabled?: boolean;
1274
- element?: Element_2;
1275
- href?: string;
1276
- icon: Icon;
1277
- isNewTab?: boolean;
1278
- priority?: Priority;
1279
- type?: ButtonType;
1280
- };
1281
-
1282
- declare type Props_8 = {
1283
- disabled?: boolean;
1284
- element?: ElementBroad;
1285
- href?: string;
1286
- label: string | number;
1287
- };
1288
-
1289
- declare type Props_9 = {
1290
- tabs: Tab[] | readonly Tab[];
1291
- };
1292
-
1293
- export declare const provideTideConfig: (config?: Partial<TideConfig>) => void;
1294
-
1295
- export declare const REALM: {
1296
- readonly AERO: "aero";
1297
- readonly ATV: "atv";
1298
- readonly BOATMART: "boatmart";
1299
- readonly CYCLE: "cycle";
1300
- readonly EQUIPMENT: "equipment";
1301
- readonly PWC: "pwc";
1302
- readonly RV: "rv";
1303
- readonly SNOW: "snow";
1304
- readonly TRUCK: "truck";
1305
- };
1306
-
1307
- export declare type Realm = (typeof REALM)[RealmKey];
1308
-
1309
- declare type RealmIcon = {
1310
- [RealmKey in RealmKeysWithIcons]: (typeof ICON_REALM)[RealmKey][keyof (typeof ICON_REALM)[RealmKey]];
1311
- }[RealmKeysWithIcons];
1312
-
1313
- declare type RealmKey = keyof typeof REALM;
1314
-
1315
- declare type RealmKeysWithIcons = Extract<RealmKey, keyof typeof ICON_REALM>;
1316
-
1317
- /**
1318
- * @deprecated
1319
- */
1320
- declare interface SelectField extends GenericInput_2, StringValue_2 {
1321
- optgroups?: (SelectOption | SelectOptionGroup)[];
1322
- options?: SelectOption[];
1323
- }
1324
-
1325
- export declare type SelectOption = {
1326
- label: string;
1327
- value?: string;
1328
- };
1329
-
1330
- export declare type SelectOptionGroup = {
1331
- label: string;
1332
- options: SelectOption[];
1333
- };
1334
-
1335
- export declare const SIZE: {
1336
- readonly LARGE: "large";
1337
- readonly SMALL: "small";
1338
- };
1339
-
1340
- export declare type Size = (typeof SIZE)[keyof typeof SIZE];
1341
-
1342
- export declare const SIZE_BUTTON: {
1343
- readonly LARGE: "large";
1344
- readonly SMALL: "small";
1345
- };
1346
-
1347
- export declare type SizeButton = (typeof SIZE)[keyof typeof SIZE];
1348
-
1349
- export declare type Source = {
1350
- media: Media;
1351
- srcset: string;
1352
- };
1353
-
1354
- /**
1355
- * @deprecated
1356
- */
1357
- declare interface StringValue {
1358
- value?: string;
1359
- }
1360
-
1361
- /**
1362
- * @deprecated
1363
- */
1364
- declare interface StringValue_2 {
1365
- value?: string;
1366
- }
1367
-
1368
- export declare type Tab = {
1369
- count?: number;
1370
- dataTrack?: string;
1371
- label: string;
1372
- };
1373
-
1374
- export declare const TARGET: {
1375
- readonly BLANK: "_blank";
1376
- readonly SELF: undefined;
1377
- };
1378
-
1379
- export declare type Target = (typeof TARGET)[keyof typeof TARGET];
1380
-
1381
- export declare const TEXT_INPUT_TYPE: {
1382
- readonly DATE: "date";
1383
- readonly DATETIME_LOCAL: "datetime-local";
1384
- readonly EMAIL: "email";
1385
- readonly MONTH: "month";
1386
- readonly NUMBER: "number";
1387
- readonly PASSWORD: "password";
1388
- readonly SEARCH: "search";
1389
- readonly TEL: "tel";
1390
- readonly TEXT: "text";
1391
- readonly TIME: "time";
1392
- readonly URL: "url";
1393
- readonly WEEK: "week";
1394
- };
1395
-
1396
- /**
1397
- * @deprecated
1398
- */
1399
- export declare type TextInput = GenericInput & StringValue & {
1400
- autocomplete?: boolean;
1401
- maxlength?: number;
1402
- minlength?: number;
1403
- type?: TextInputType;
1404
- placeholder?: string;
1405
- value?: string;
1406
- };
1407
-
1408
- export declare type TextInputType = (typeof TEXT_INPUT_TYPE)[keyof typeof TEXT_INPUT_TYPE];
1409
-
1410
- export declare const TideAccordionItem: __VLS_WithTemplateSlots<DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1411
- "update:modelValue": (modelValue: boolean) => any;
1412
- }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
1413
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1414
- }>, {
1415
- hasBottomDivider: boolean;
1416
- hasTopDivider: boolean;
1417
- isOptional: boolean;
1418
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1419
- default?(_: {}): any;
1420
- }>;
1421
-
1422
- export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1423
- close: () => any;
1424
- ctaClick: () => any;
1425
- }, string, PublicProps, Readonly<Props_2> & Readonly<{
1426
- onClose?: (() => any) | undefined;
1427
- onCtaClick?: (() => any) | undefined;
1428
- }>, {
1429
- type: Alert;
1430
- heading: string;
1431
- ctaLabel: string;
1432
- isDismissible: boolean;
1433
- isToast: boolean;
1434
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1435
- default?(_: {}): any;
1436
- }>;
1437
-
1438
- export declare const TideBadge: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {
1439
- iconLeading: Icon;
1440
- color: BadgeColor;
1441
- isFloating: boolean;
1442
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1443
-
1444
- export declare const TideBadgeTrustedPartner: DefineComponent<Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_4> & Readonly<{}>, {
1445
- years: BadgeTrustedYears;
1446
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1447
-
1448
- export declare const TideBadgeVerifiedVehicle: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1449
-
1450
- export declare const TideBreadCrumbs: DefineComponent<Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_5> & Readonly<{}>, {
1451
- breadCrumbs: BreadCrumb[];
1452
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1453
-
1454
- export declare const TideButton: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_6> & Readonly<{}>, {
1455
- type: ButtonType;
1456
- label: string;
1457
- size: SizeButton;
1458
- disabled: boolean;
1459
- element: Element_2;
1460
- href: string;
1461
- isNewTab: boolean;
1462
- priority: Priority;
1463
- iconLeading: Icon;
1464
- iconTrailing: Icon;
1465
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1466
-
1467
- export declare const TideButtonIcon: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
1468
- type: ButtonType;
1469
- icon: Icon;
1470
- disabled: boolean;
1471
- element: Element_2;
1472
- href: string;
1473
- isNewTab: boolean;
1474
- priority: Priority;
1475
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1476
-
1477
- export declare const TideButtonPagination: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
1478
- label: string | number;
1479
- disabled: boolean;
1480
- element: ElementBroad;
1481
- href: string;
1482
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1483
-
1484
- export declare const TideButtonSegmented: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1485
- "update:modelValue": (modelValue: number) => any;
1486
- }, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
1487
- "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
1488
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1489
-
1490
- export declare const TideCard: DefineComponent<Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_10> & Readonly<{}>, {
1491
- type: CardType;
1492
- icon: Icon;
1493
- href: string;
1494
- description: string;
1495
- selected: boolean;
1496
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1497
-
1498
- export declare const TideCarousel: __VLS_WithTemplateSlots_3<DefineComponent<Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1499
- slidesAddedToView: (slidesInView: number[]) => any;
1500
- }, string, PublicProps, Readonly<Props_11> & Readonly<{
1501
- onSlidesAddedToView?: ((slidesInView: number[]) => any) | undefined;
1502
- }>, {
1503
- title: string;
1504
- isFloating: boolean;
1505
- hasDots: boolean;
1506
- isHeadline1: boolean;
1507
- isHideawayButtons: boolean;
1508
- isScrollByPage: boolean;
1509
- maxDots: number;
1510
- subtitle: string;
1511
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1512
- misc?(_: {}): any;
1513
- default?(_: {}): any;
1514
- }>;
1515
-
1516
- export declare const TideChipAction: DefineComponent<Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_12> & Readonly<{}>, {
1517
- element: Element_2;
1518
- href: string;
1519
- isNewTab: boolean;
1520
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1521
-
1522
- export declare const TideChipFilter: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1523
- "update:modelValue": (modelValue: boolean) => any;
1524
- }, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
1525
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1526
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1527
- default?(_: {}): any;
1528
- }>;
1529
-
1530
- export declare const TideChipInput: DefineComponent<Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_14> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1531
-
1532
- export declare const TideColumns: __VLS_WithTemplateSlots_5<DefineComponent<Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_15> & Readonly<{}>, {
1533
- heading: string;
1534
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1535
- section1?(_: {}): any;
1536
- section2?(_: {}): any;
1537
- section3?(_: {}): any;
1538
- section4?(_: {}): any;
1539
- }>;
1540
-
1541
- declare type TideConfig = {
1542
- linkComponent: Component | typeof ELEMENT.LINK;
1543
- };
1544
-
1545
- export declare const TideDivider: DefineComponent<Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_16> & Readonly<{}>, {
1546
- orientation: Orientation;
1547
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1548
-
1549
- export declare const TideForm: __VLS_WithTemplateSlots_6<DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1550
- submit: (e: SubmitEvent) => any;
1551
- }, string, PublicProps, Readonly<{}> & Readonly<{
1552
- onSubmit?: ((e: SubmitEvent) => any) | undefined;
1553
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
1554
- default?(_: {}): any;
1555
- }>;
1556
-
1557
- export declare const TideIcon: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_17> & Readonly<{}>, {
1558
- size: Size;
1559
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1560
-
1561
- export declare const TideImage: DefineComponent<Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_18> & Readonly<{}>, {
1562
- height: string;
1563
- width: string;
1564
- alt: string;
1565
- isLazy: boolean;
1566
- objectFit: ObjectFit;
1567
- sources: Source[];
1568
- src: string;
1569
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1570
-
1571
- export declare const TideImageBackground: __VLS_WithTemplateSlots_7<DefineComponent<Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_19> & Readonly<{}>, {
1572
- alt: string;
1573
- isLazy: boolean;
1574
- sources: Source[];
1575
- src: string;
1576
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1577
- default?(_: {}): any;
1578
- }>;
1579
-
1580
- export declare const TideIndicator: DefineComponent<Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_20> & Readonly<{}>, {
1581
- label: string | number;
1582
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1583
-
1584
- export declare const TideInputCheckbox: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1585
- "update:modelValue": (modelValue: boolean) => any;
1586
- } & {
1587
- valid: (valid: boolean) => any;
1588
- }, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
1589
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1590
- onValid?: ((valid: boolean) => any) | undefined;
1591
- }>, {
1592
- number: number;
1593
- error: string;
1594
- label: string;
1595
- required: boolean;
1596
- disabled: boolean;
1597
- indeterminate: boolean;
1598
- inputId: string;
1599
- name: string;
1600
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1601
-
1602
- /**
1603
- * @deprecated Use `TideInputCheckbox.vue` imported from 'tide-design-system' npm package instead.
1604
- */
1605
- export declare const TideInputCheckboxDeprecated: DefineComponent< {
1606
- checked?: boolean | undefined;
1607
- disabled?: boolean | undefined;
1608
- indeterminate?: boolean | undefined;
1609
- inputId?: string | undefined;
1610
- label?: string | undefined;
1611
- name?: string | undefined;
1612
- number?: number | undefined;
1613
- }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
1614
- checked?: boolean | undefined;
1615
- disabled?: boolean | undefined;
1616
- indeterminate?: boolean | undefined;
1617
- inputId?: string | undefined;
1618
- label?: string | undefined;
1619
- name?: string | undefined;
1620
- number?: number | undefined;
1621
- }> & Readonly<{}>, {
1622
- number: number;
1623
- label: string;
1624
- disabled: boolean;
1625
- indeterminate: boolean;
1626
- inputId: string;
1627
- name: string;
1628
- checked: boolean;
1629
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1630
-
1631
- export declare const TideInputRadio: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1632
- "update:modelValue": (modelValue: string) => any;
1633
- }, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
1634
- "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
1635
- }>, {
1636
- number: number;
1637
- label: string;
1638
- disabled: boolean;
1639
- inputId: string;
1640
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1641
-
1642
- /**
1643
- * @deprecated Use `TideInputRadio.vue` imported from 'tide-design-system' npm package instead.
1644
- */
1645
- export declare const TideInputRadioDeprecated: DefineComponent< {
1646
- checked?: boolean | undefined;
1647
- disabled?: boolean | undefined;
1648
- inputId?: string | undefined;
1649
- label?: string | undefined;
1650
- name?: string | undefined;
1651
- number?: number | undefined;
1652
- }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
1653
- checked?: boolean | undefined;
1654
- disabled?: boolean | undefined;
1655
- inputId?: string | undefined;
1656
- label?: string | undefined;
1657
- name?: string | undefined;
1658
- number?: number | undefined;
1659
- }> & Readonly<{}>, {
1660
- number: number;
1661
- label: string;
1662
- disabled: boolean;
1663
- inputId: string;
1664
- name: string;
1665
- checked: boolean;
1666
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1667
-
1668
- export declare const TideInputSelect: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1669
- "update:modelValue": (modelValue: string) => any;
1670
- } & {
1671
- valid: (isValid: boolean) => any;
1672
- }, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
1673
- "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
1674
- onValid?: ((isValid: boolean) => any) | undefined;
1675
- }>, {
1676
- error: string;
1677
- label: string;
1678
- required: boolean;
1679
- disabled: boolean;
1680
- name: string;
1681
- errorDisplay: ErrorDisplay;
1682
- optgroups: (SelectOption | SelectOptionGroup)[] | readonly (SelectOption | SelectOptionGroup)[];
1683
- options: SelectOption[] | readonly SelectOption[];
1684
- supportingText: string;
1685
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1686
-
1687
- /**
1688
- * @deprecated Use `TideInputSelect.vue` imported from 'tide-design-system' npm package instead.
1689
- */
1690
- export declare const TideInputSelectDeprecated: DefineComponent<Props_24, {
1691
- error: Ref<ValidationError_2, ValidationError_2>;
1692
- value: Ref<string | undefined, string | undefined>;
1693
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_24> & Readonly<{}>, {
1694
- error: ValidationError_2;
1695
- label: string;
1696
- required: boolean;
1697
- disabled: boolean;
1698
- value: string;
1699
- inputId: string;
1700
- supportingText: string;
1701
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1702
-
1703
- export declare const TideInputText: DefineComponent<__VLS_PublicProps_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1704
- "update:modelValue": (modelValue: string) => any;
1705
- } & {
1706
- valid: (isValid: boolean) => any;
1707
- }, string, PublicProps, Readonly<__VLS_PublicProps_7> & Readonly<{
1708
- "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
1709
- onValid?: ((isValid: boolean) => any) | undefined;
1710
- }>, {
1711
- error: string;
1712
- type: TextInputType;
1713
- label: string;
1714
- required: boolean;
1715
- prefix: string;
1716
- disabled: boolean;
1717
- iconLeading: Icon;
1718
- maxlength: number;
1719
- minlength: number;
1720
- validators: Validator[];
1721
- inputId: string;
1722
- name: string;
1723
- errorDisplay: ErrorDisplay;
1724
- supportingText: string;
1725
- autocomplete: boolean;
1726
- hasClear: boolean;
1727
- inputmode: InputMode;
1728
- suffix: string;
1729
- transformValue: FormValueTransformer;
1730
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1731
-
1732
- export declare const TideInputTextarea: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1733
- "update:modelValue": (modelValue: string) => any;
1734
- } & {
1735
- valid: (isValid: boolean) => any;
1736
- }, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
1737
- "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
1738
- onValid?: ((isValid: boolean) => any) | undefined;
1739
- }>, {
1740
- error: string;
1741
- label: string;
1742
- required: boolean;
1743
- maxlength: number;
1744
- minlength: number;
1745
- validators: Validator[];
1746
- inputId: string;
1747
- name: string;
1748
- errorDisplay: ErrorDisplay;
1749
- supportingText: string;
1750
- rows: number;
1751
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1752
-
1753
- /**
1754
- * @deprecated Use `TideInputTextarea.vue` imported from 'tide-design-system' npm package instead.
1755
- */
1756
- export declare const TideInputTextareaDeprecated: DefineComponent< {
1757
- error?: ValidationError_2 | undefined;
1758
- inputId?: string | undefined;
1759
- label?: string | undefined;
1760
- maxlength?: number | undefined;
1761
- minlength?: number | undefined;
1762
- name?: string | undefined;
1763
- required?: boolean | undefined;
1764
- rows?: number | undefined;
1765
- supportingText?: string | undefined;
1766
- value?: string | undefined;
1767
- }, {
1768
- error: Ref<ValidationError_2, ValidationError_2>;
1769
- required: boolean;
1770
- value: Ref<string | undefined, string | undefined>;
1771
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
1772
- error?: ValidationError_2 | undefined;
1773
- inputId?: string | undefined;
1774
- label?: string | undefined;
1775
- maxlength?: number | undefined;
1776
- minlength?: number | undefined;
1777
- name?: string | undefined;
1778
- required?: boolean | undefined;
1779
- rows?: number | undefined;
1780
- supportingText?: string | undefined;
1781
- value?: string | undefined;
1782
- }> & Readonly<{}>, {
1783
- error: ValidationError_2;
1784
- label: string;
1785
- required: boolean;
1786
- maxlength: number;
1787
- minlength: number;
1788
- value: string;
1789
- inputId: string;
1790
- name: string;
1791
- supportingText: string;
1792
- rows: number;
1793
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1794
-
1795
- /**
1796
- * @deprecated Use `TideInputText.vue` imported from 'tide-design-system' npm package instead.
1797
- */
1798
- export declare const TideInputTextDeprecated: DefineComponent< {
1799
- autocomplete?: boolean | undefined;
1800
- disabled?: boolean | undefined;
1801
- error?: ValidationError_2 | undefined;
1802
- hasClear?: boolean | undefined;
1803
- iconLeading?: Icon | undefined;
1804
- inputId?: string | undefined;
1805
- label?: string | undefined;
1806
- maxlength?: number | undefined;
1807
- minlength?: number | undefined;
1808
- name?: string | undefined;
1809
- prefix?: string | undefined;
1810
- required?: boolean | undefined;
1811
- suffix?: string | undefined;
1812
- supportingText?: string | undefined;
1813
- transformValue?: FormValueTransformer_2 | undefined;
1814
- type?: TextInputType | undefined;
1815
- validators?: Validator_2[] | undefined;
1816
- value?: string | undefined;
1817
- }, {
1818
- error: Ref<ValidationError_2, ValidationError_2>;
1819
- required: boolean;
1820
- updateValue: (newValue: string) => void;
1821
- value: Ref<string | undefined, string | undefined>;
1822
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
1823
- autocomplete?: boolean | undefined;
1824
- disabled?: boolean | undefined;
1825
- error?: ValidationError_2 | undefined;
1826
- hasClear?: boolean | undefined;
1827
- iconLeading?: Icon | undefined;
1828
- inputId?: string | undefined;
1829
- label?: string | undefined;
1830
- maxlength?: number | undefined;
1831
- minlength?: number | undefined;
1832
- name?: string | undefined;
1833
- prefix?: string | undefined;
1834
- required?: boolean | undefined;
1835
- suffix?: string | undefined;
1836
- supportingText?: string | undefined;
1837
- transformValue?: FormValueTransformer_2 | undefined;
1838
- type?: TextInputType | undefined;
1839
- validators?: Validator_2[] | undefined;
1840
- value?: string | undefined;
1841
- }> & Readonly<{}>, {
1842
- error: ValidationError_2;
1843
- type: TextInputType;
1844
- label: string;
1845
- required: boolean;
1846
- prefix: string;
1847
- disabled: boolean;
1848
- iconLeading: Icon;
1849
- maxlength: number;
1850
- minlength: number;
1851
- value: string;
1852
- validators: Validator_2[];
1853
- inputId: string;
1854
- name: string;
1855
- supportingText: string;
1856
- autocomplete: boolean;
1857
- hasClear: boolean;
1858
- suffix: string;
1859
- transformValue: FormValueTransformer_2;
1860
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1861
-
1862
- export declare const TideLink: DefineComponent<Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_27> & Readonly<{}>, {
1863
- label: string;
1864
- element: Element_2;
1865
- href: string;
1866
- isNewTab: boolean;
1867
- iconLeading: Icon;
1868
- iconSize: Size;
1869
- iconTrailing: Icon;
1870
- subtle: boolean;
1871
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1872
-
1873
- /**
1874
- * Renders a generic menu item intended to be used in navigation menus or dropdowns.
1875
- *
1876
- * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidemenuitem--docs) for TideMenuItem
1877
- */
1878
- export declare const TideMenuItem: DefineComponent< {
1879
- /** The element to render the root element as. */
1880
- element?: Element_2 | undefined;
1881
- /** The href attribute to apply when the element is a link. */
1882
- href?: string | undefined;
1883
- /** Whether to open link in a new tab. */
1884
- isNewTab?: boolean | undefined;
1885
- /** Icon to show after the label. */
1886
- iconTrailing?: Icon | undefined;
1887
- /** The label to be displayed. */
1888
- label: string;
1889
- }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
1890
- /** The element to render the root element as. */
1891
- element?: Element_2 | undefined;
1892
- /** The href attribute to apply when the element is a link. */
1893
- href?: string | undefined;
1894
- /** Whether to open link in a new tab. */
1895
- isNewTab?: boolean | undefined;
1896
- /** Icon to show after the label. */
1897
- iconTrailing?: Icon | undefined;
1898
- /** The label to be displayed. */
1899
- label: string;
1900
- }> & Readonly<{}>, {
1901
- element: Element_2;
1902
- href: string;
1903
- isNewTab: boolean;
1904
- iconTrailing: Icon;
1905
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1906
-
1907
- export declare const TideModal: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_PublicProps_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1908
- "update:modelValue": (modelValue: boolean) => any;
1909
- } & {
1910
- back: () => any;
1911
- }, string, PublicProps, Readonly<__VLS_PublicProps_9> & Readonly<{
1912
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1913
- onBack?: (() => any) | undefined;
1914
- }>, {
1915
- title: string;
1916
- width: string;
1917
- isDismissible: boolean;
1918
- beforeClose: () => boolean | void | Promise<boolean | void>;
1919
- isBackButton: boolean;
1920
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1921
- default?(_: {}): any;
1922
- footer?(_: {}): any;
1923
- }>;
1924
-
1925
- export declare const TidePagination: DefineComponent<__VLS_PublicProps_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1926
- "update:modelValue": (modelValue: number) => any;
1927
- }, string, PublicProps, Readonly<__VLS_PublicProps_10> & Readonly<{
1928
- "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
1929
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1930
-
1931
- export declare const TidePopover: __VLS_WithTemplateSlots_9<DefineComponent<Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_30> & Readonly<{}>, {
1932
- offset: number;
1933
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1934
- default?(_: {}): any;
1935
- }>;
1936
-
1937
- export declare const TideRating: DefineComponent<__VLS_PublicProps_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1938
- "update:modelValue": (modelValue: number) => any;
1939
- }, string, PublicProps, Readonly<__VLS_PublicProps_11> & Readonly<{
1940
- "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
1941
- }>, {
1942
- title: string;
1943
- description: string;
1944
- maxRating: number;
1945
- showRating: boolean;
1946
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1947
-
1948
- export declare const TideSeoLinks: DefineComponent<Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_32> & Readonly<{}>, {
1949
- heading: string;
1950
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1951
-
1952
- export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_PublicProps_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1953
- "update:modelValue": (modelValue: boolean) => any;
1954
- } & {
1955
- back: () => any;
1956
- }, string, PublicProps, Readonly<__VLS_PublicProps_12> & Readonly<{
1957
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1958
- onBack?: (() => any) | undefined;
1959
- }>, {
1960
- isBackButton: boolean;
1961
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1962
- default?(_: {}): any;
1963
- }>;
1964
-
1965
- export declare const TideSwitch: DefineComponent<__VLS_PublicProps_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1966
- "update:modelValue": (modelValue: boolean) => any;
1967
- }, string, PublicProps, Readonly<__VLS_PublicProps_13> & Readonly<{
1968
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1969
- }>, {
1970
- disabled: boolean;
1971
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1972
-
1973
- export declare const TideTabs: DefineComponent<__VLS_PublicProps_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1974
- "update:modelValue": (modelValue: number) => any;
1975
- }, string, PublicProps, Readonly<__VLS_PublicProps_14> & Readonly<{
1976
- "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
1977
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1978
-
1979
- export declare const TYPE_CARD: {
1980
- readonly ACTIONABLE: "action";
1981
- readonly INFORMATIONAL: "informational";
1982
- readonly SELECTABLE: "select";
1983
- };
1984
-
1985
- export declare const useTideForm: () => {
1986
- revealValidationErrors: () => void;
1987
- };
1988
-
1989
- export declare type ValidationError = string | boolean;
1990
-
1991
- /**
1992
- * @deprecated
1993
- */
1994
- declare type ValidationError_2 = string | boolean;
1995
-
1996
- export declare type ValidationLength = {
1997
- maxlength?: number;
1998
- minlength?: number;
1999
- required: boolean;
2000
- value: string;
2001
- };
2002
-
2003
- export declare type ValidationResult = {
2004
- message: string;
2005
- valid: boolean;
2006
- };
2007
-
2008
- /**
2009
- * @deprecated
2010
- */
2011
- declare type ValidationResult_2 = {
2012
- message: string;
2013
- valid: boolean;
2014
- };
2015
-
2016
- export declare const VALIDATOR: {
2017
- readonly ALPHA_NUMBER_EMPTY: (value: string) => ValidationResult;
2018
- readonly ALPHA_SPACE: (value: string) => ValidationResult;
2019
- readonly EMAIL: (value: string) => ValidationResult;
2020
- readonly NUMBER: (value: string) => ValidationResult;
2021
- readonly PHONE: (value: string) => ValidationResult;
2022
- readonly ZIP: (value: string) => ValidationResult;
2023
- };
2024
-
2025
- export declare type Validator = (value: string) => ValidationResult;
2026
-
2027
- /**
2028
- * @deprecated
2029
- */
2030
- declare type Validator_2 = (value: string) => ValidationResult_2;
2031
-
2032
1
  export { }