tide-design-system 2.5.13 → 2.5.14

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 (392) hide show
  1. package/dist/tide-design-system.d.ts +2742 -0
  2. package/dist/tide-design-system.js +2 -2
  3. package/package.json +13 -2
  4. package/.eslintrc.cjs +0 -119
  5. package/.github/workflows/publish-release.yml +0 -38
  6. package/.storybook/main.ts +0 -70
  7. package/.storybook/preview.ts +0 -256
  8. package/docs/assets/full-bleed.gif +0 -0
  9. package/docs/assets/layout-grid-default.webp +0 -0
  10. package/docs/assets/layout-grid-fluid.webp +0 -0
  11. package/docs/assets/layout-grid.webp +0 -0
  12. package/docs/assets/native-input-validation.png +0 -0
  13. package/docs/configuation.md +0 -47
  14. package/docs/development.md +0 -163
  15. package/docs/figma.md +0 -43
  16. package/docs/forms.md +0 -484
  17. package/docs/grid-layout.md +0 -83
  18. package/docs/images.md +0 -50
  19. package/docs/integration-full.md +0 -84
  20. package/docs/integration-partial.md +0 -39
  21. package/docs/migration.md +0 -74
  22. package/docs/storybook.md +0 -44
  23. package/docs/style-guide.md +0 -22
  24. package/docs/toast.md +0 -61
  25. package/docs/token-cheatsheet.md +0 -63
  26. package/docs/upgrading.md +0 -188
  27. package/docs/workflows.md +0 -20
  28. package/index.html +0 -14
  29. package/index.ts +0 -201
  30. package/netlify.toml +0 -3
  31. package/src/assets/css/fonts.css +0 -36
  32. package/src/assets/css/grid-layout.css +0 -34
  33. package/src/assets/css/main.css +0 -5
  34. package/src/assets/css/realm/aero.css +0 -25
  35. package/src/assets/css/realm/atv.css +0 -25
  36. package/src/assets/css/realm/boatmart.css +0 -25
  37. package/src/assets/css/realm/cycle.css +0 -24
  38. package/src/assets/css/realm/equipment.css +0 -25
  39. package/src/assets/css/realm/pwc.css +0 -25
  40. package/src/assets/css/realm/rv.css +0 -25
  41. package/src/assets/css/realm/snow.css +0 -25
  42. package/src/assets/css/realm/truck.css +0 -25
  43. package/src/assets/css/reset.css +0 -99
  44. package/src/assets/css/storybook.css +0 -18
  45. package/src/assets/css/utilities-base.css +0 -574
  46. package/src/assets/css/utilities-responsive.css +0 -2307
  47. package/src/assets/css/utilities.css +0 -16
  48. package/src/assets/css/variables.css +0 -223
  49. package/src/assets/svg/branding/logo/logo-aero.svg +0 -4
  50. package/src/assets/svg/branding/logo/logo-atv.svg +0 -6
  51. package/src/assets/svg/branding/logo/logo-boatmart.svg +0 -4
  52. package/src/assets/svg/branding/logo/logo-cycle.svg +0 -4
  53. package/src/assets/svg/branding/logo/logo-equipment.svg +0 -4
  54. package/src/assets/svg/branding/logo/logo-pwc.svg +0 -4
  55. package/src/assets/svg/branding/logo/logo-rv.svg +0 -6
  56. package/src/assets/svg/branding/logo/logo-snow.svg +0 -4
  57. package/src/assets/svg/branding/logo/logo-truck.svg +0 -5
  58. package/src/assets/svg/branding/mark/mark-aero.svg +0 -3
  59. package/src/assets/svg/branding/mark/mark-atv.svg +0 -4
  60. package/src/assets/svg/branding/mark/mark-boatmart.svg +0 -3
  61. package/src/assets/svg/branding/mark/mark-cycle.svg +0 -3
  62. package/src/assets/svg/branding/mark/mark-equipment.svg +0 -3
  63. package/src/assets/svg/branding/mark/mark-pwc.svg +0 -3
  64. package/src/assets/svg/branding/mark/mark-rv.svg +0 -4
  65. package/src/assets/svg/branding/mark/mark-snow.svg +0 -3
  66. package/src/assets/svg/branding/mark/mark-truck.svg +0 -4
  67. package/src/assets/svg/icons/IconAccountBalance.svg +0 -5
  68. package/src/assets/svg/icons/IconAcute.svg +0 -3
  69. package/src/assets/svg/icons/IconAdd.svg +0 -3
  70. package/src/assets/svg/icons/IconAiDescription.svg +0 -7
  71. package/src/assets/svg/icons/IconAlignSpaceEven.svg +0 -3
  72. package/src/assets/svg/icons/IconApplePay.svg +0 -5
  73. package/src/assets/svg/icons/IconArrowBack.svg +0 -3
  74. package/src/assets/svg/icons/IconArrowCycle.svg +0 -5
  75. package/src/assets/svg/icons/IconArrowForward.svg +0 -3
  76. package/src/assets/svg/icons/IconArrowRight.svg +0 -3
  77. package/src/assets/svg/icons/IconArrowUp.svg +0 -3
  78. package/src/assets/svg/icons/IconAssignment.svg +0 -3
  79. package/src/assets/svg/icons/IconAttachMoney.svg +0 -4
  80. package/src/assets/svg/icons/IconAutoRenew.svg +0 -3
  81. package/src/assets/svg/icons/IconAwardStar.svg +0 -5
  82. package/src/assets/svg/icons/IconBed.svg +0 -3
  83. package/src/assets/svg/icons/IconBolt.svg +0 -3
  84. package/src/assets/svg/icons/IconBookmark.svg +0 -5
  85. package/src/assets/svg/icons/IconBunkhouse.svg +0 -3
  86. package/src/assets/svg/icons/IconCalculate.svg +0 -3
  87. package/src/assets/svg/icons/IconCalendarMonth.svg +0 -5
  88. package/src/assets/svg/icons/IconCall.svg +0 -5
  89. package/src/assets/svg/icons/IconCallQuality.svg +0 -3
  90. package/src/assets/svg/icons/IconCarRental.svg +0 -3
  91. package/src/assets/svg/icons/IconCheck.svg +0 -3
  92. package/src/assets/svg/icons/IconChevronLeft.svg +0 -3
  93. package/src/assets/svg/icons/IconChevronRight.svg +0 -3
  94. package/src/assets/svg/icons/IconClear.svg +0 -3
  95. package/src/assets/svg/icons/IconClose.svg +0 -3
  96. package/src/assets/svg/icons/IconContract.svg +0 -3
  97. package/src/assets/svg/icons/IconCrash.svg +0 -3
  98. package/src/assets/svg/icons/IconDashboardCustomize.svg +0 -3
  99. package/src/assets/svg/icons/IconDelete.svg +0 -5
  100. package/src/assets/svg/icons/IconDiamond.svg +0 -5
  101. package/src/assets/svg/icons/IconDirectionsBoat.svg +0 -3
  102. package/src/assets/svg/icons/IconDomain.svg +0 -3
  103. package/src/assets/svg/icons/IconDraft.svg +0 -3
  104. package/src/assets/svg/icons/IconEdit.svg +0 -5
  105. package/src/assets/svg/icons/IconEngine.svg +0 -3
  106. package/src/assets/svg/icons/IconEngineering.svg +0 -3
  107. package/src/assets/svg/icons/IconError.svg +0 -5
  108. package/src/assets/svg/icons/IconExpandContent.svg +0 -3
  109. package/src/assets/svg/icons/IconExpandLess.svg +0 -3
  110. package/src/assets/svg/icons/IconExpandMore.svg +0 -3
  111. package/src/assets/svg/icons/IconFacebook.svg +0 -3
  112. package/src/assets/svg/icons/IconFavorite.svg +0 -5
  113. package/src/assets/svg/icons/IconFavoriteFilled.svg +0 -5
  114. package/src/assets/svg/icons/IconFlag.svg +0 -3
  115. package/src/assets/svg/icons/IconFormatBold.svg +0 -5
  116. package/src/assets/svg/icons/IconFormatItalic.svg +0 -3
  117. package/src/assets/svg/icons/IconFormatListBulleted.svg +0 -5
  118. package/src/assets/svg/icons/IconForum.svg +0 -5
  119. package/src/assets/svg/icons/IconGas.svg +0 -3
  120. package/src/assets/svg/icons/IconGavel.svg +0 -5
  121. package/src/assets/svg/icons/IconGears.svg +0 -3
  122. package/src/assets/svg/icons/IconGlobeLocationPin.svg +0 -3
  123. package/src/assets/svg/icons/IconGoogle.svg +0 -18
  124. package/src/assets/svg/icons/IconGooglePay.svg +0 -5
  125. package/src/assets/svg/icons/IconGrid.svg +0 -3
  126. package/src/assets/svg/icons/IconHandshake.svg +0 -3
  127. package/src/assets/svg/icons/IconHandyman.svg +0 -3
  128. package/src/assets/svg/icons/IconHeight.svg +0 -3
  129. package/src/assets/svg/icons/IconHelp.svg +0 -5
  130. package/src/assets/svg/icons/IconInfo.svg +0 -5
  131. package/src/assets/svg/icons/IconInformation.svg +0 -3
  132. package/src/assets/svg/icons/IconInsertText.svg +0 -5
  133. package/src/assets/svg/icons/IconInstagram.svg +0 -3
  134. package/src/assets/svg/icons/IconIosShare.svg +0 -5
  135. package/src/assets/svg/icons/IconLayout.svg +0 -3
  136. package/src/assets/svg/icons/IconLevellingJack.svg +0 -3
  137. package/src/assets/svg/icons/IconLinkedIn.svg +0 -3
  138. package/src/assets/svg/icons/IconLocalShipping.svg +0 -5
  139. package/src/assets/svg/icons/IconLock.svg +0 -5
  140. package/src/assets/svg/icons/IconMail.svg +0 -5
  141. package/src/assets/svg/icons/IconMenu.svg +0 -3
  142. package/src/assets/svg/icons/IconMoneyBag.svg +0 -3
  143. package/src/assets/svg/icons/IconMoreHoriz.svg +0 -5
  144. package/src/assets/svg/icons/IconMove.svg +0 -3
  145. package/src/assets/svg/icons/IconNotifications.svg +0 -5
  146. package/src/assets/svg/icons/IconOdometer.svg +0 -3
  147. package/src/assets/svg/icons/IconOpenInNew.svg +0 -5
  148. package/src/assets/svg/icons/IconPalette.svg +0 -5
  149. package/src/assets/svg/icons/IconPaypal.svg +0 -5
  150. package/src/assets/svg/icons/IconPerson.svg +0 -5
  151. package/src/assets/svg/icons/IconPersonSearch.svg +0 -3
  152. package/src/assets/svg/icons/IconPhotoCamera.svg +0 -5
  153. package/src/assets/svg/icons/IconPinterest.svg +0 -5
  154. package/src/assets/svg/icons/IconPlayArrow.svg +0 -3
  155. package/src/assets/svg/icons/IconPolicy.svg +0 -3
  156. package/src/assets/svg/icons/IconPower.svg +0 -3
  157. package/src/assets/svg/icons/IconPowerOff.svg +0 -3
  158. package/src/assets/svg/icons/IconPriorityHigh.svg +0 -3
  159. package/src/assets/svg/icons/IconRemove.svg +0 -3
  160. package/src/assets/svg/icons/IconRequestQuote.svg +0 -3
  161. package/src/assets/svg/icons/IconResetWrench.svg +0 -3
  162. package/src/assets/svg/icons/IconRoad.svg +0 -3
  163. package/src/assets/svg/icons/IconRoundedCorner.svg +0 -5
  164. package/src/assets/svg/icons/IconRuler.svg +0 -3
  165. package/src/assets/svg/icons/IconSailing.svg +0 -3
  166. package/src/assets/svg/icons/IconSchool.svg +0 -3
  167. package/src/assets/svg/icons/IconSearch.svg +0 -5
  168. package/src/assets/svg/icons/IconSeating.svg +0 -3
  169. package/src/assets/svg/icons/IconSell.svg +0 -5
  170. package/src/assets/svg/icons/IconSensors.svg +0 -3
  171. package/src/assets/svg/icons/IconSettings.svg +0 -3
  172. package/src/assets/svg/icons/IconShare.svg +0 -5
  173. package/src/assets/svg/icons/IconShieldCheck.svg +0 -3
  174. package/src/assets/svg/icons/IconShoppingCart.svg +0 -5
  175. package/src/assets/svg/icons/IconSleeps.svg +0 -3
  176. package/src/assets/svg/icons/IconSms.svg +0 -5
  177. package/src/assets/svg/icons/IconSnowflake.svg +0 -3
  178. package/src/assets/svg/icons/IconStar.svg +0 -5
  179. package/src/assets/svg/icons/IconStarFilled.svg +0 -3
  180. package/src/assets/svg/icons/IconStarHalf.svg +0 -3
  181. package/src/assets/svg/icons/IconSummarize.svg +0 -3
  182. package/src/assets/svg/icons/IconSwapHoriz.svg +0 -3
  183. package/src/assets/svg/icons/IconSwapVert.svg +0 -5
  184. package/src/assets/svg/icons/IconThreeDRotation.svg +0 -18
  185. package/src/assets/svg/icons/IconThumbUp.svg +0 -3
  186. package/src/assets/svg/icons/IconTrendingDown.svg +0 -5
  187. package/src/assets/svg/icons/IconTrophy.svg +0 -5
  188. package/src/assets/svg/icons/IconTune.svg +0 -5
  189. package/src/assets/svg/icons/IconTwitter.svg +0 -5
  190. package/src/assets/svg/icons/IconUmbrella.svg +0 -3
  191. package/src/assets/svg/icons/IconVerified.svg +0 -4
  192. package/src/assets/svg/icons/IconVideocam.svg +0 -5
  193. package/src/assets/svg/icons/IconViewInAr.svg +0 -5
  194. package/src/assets/svg/icons/IconVisibility.svg +0 -5
  195. package/src/assets/svg/icons/IconVolumeOff.svg +0 -5
  196. package/src/assets/svg/icons/IconVolumeOn.svg +0 -5
  197. package/src/assets/svg/icons/IconWarehouse.svg +0 -3
  198. package/src/assets/svg/icons/IconWarning.svg +0 -5
  199. package/src/assets/svg/icons/IconWater.svg +0 -3
  200. package/src/assets/svg/icons/IconWeight.svg +0 -3
  201. package/src/assets/svg/icons/IconWidth.svg +0 -3
  202. package/src/assets/svg/icons/IconWorkspacePremium.svg +0 -3
  203. package/src/assets/svg/icons/IconWrench.svg +0 -3
  204. package/src/assets/svg/icons/IconYoutube.svg +0 -5
  205. package/src/assets/svg/icons/realm/aero/IconAeroFlight.svg +0 -3
  206. package/src/assets/svg/icons/realm/aero/IconAeroHelicopter.svg +0 -3
  207. package/src/assets/svg/icons/realm/aero/IconAeroModeFan.svg +0 -3
  208. package/src/assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg +0 -3
  209. package/src/assets/svg/icons/realm/atv/IconAtvAtv.svg +0 -3
  210. package/src/assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg +0 -3
  211. package/src/assets/svg/icons/realm/atv/IconAtvGoKart.svg +0 -3
  212. package/src/assets/svg/icons/realm/atv/IconAtvGolfCart.svg +0 -3
  213. package/src/assets/svg/icons/realm/atv/IconAtvSandRail.svg +0 -3
  214. package/src/assets/svg/icons/realm/atv/IconAtvSideBySide.svg +0 -3
  215. package/src/assets/svg/icons/realm/atv/IconAtvTrailer.svg +0 -3
  216. package/src/assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg +0 -3
  217. package/src/assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg +0 -3
  218. package/src/assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg +0 -4
  219. package/src/assets/svg/icons/realm/cycle/IconCycleTrailer.svg +0 -3
  220. package/src/assets/svg/icons/realm/pwc/IconPwcPwc.svg +0 -3
  221. package/src/assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg +0 -3
  222. package/src/assets/svg/icons/realm/pwc/IconPwcTrailer.svg +0 -3
  223. package/src/assets/svg/icons/realm/rv/IconRvClassA.svg +0 -3
  224. package/src/assets/svg/icons/realm/rv/IconRvClassB.svg +0 -3
  225. package/src/assets/svg/icons/realm/rv/IconRvClassC.svg +0 -3
  226. package/src/assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg +0 -5
  227. package/src/assets/svg/icons/realm/rv/IconRvFifthWheel.svg +0 -3
  228. package/src/assets/svg/icons/realm/rv/IconRvFishHouse.svg +0 -3
  229. package/src/assets/svg/icons/realm/rv/IconRvParkModel.svg +0 -3
  230. package/src/assets/svg/icons/realm/rv/IconRvPopUpCamper.svg +0 -3
  231. package/src/assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg +0 -4
  232. package/src/assets/svg/icons/realm/rv/IconRvTravelTrailer.svg +0 -3
  233. package/src/assets/svg/icons/realm/rv/IconRvTruckCamper.svg +0 -3
  234. package/src/assets/svg/icons/realm/snow/IconSnowMotorcycle.svg +0 -4
  235. package/src/assets/svg/icons/realm/snow/IconSnowPwc.svg +0 -3
  236. package/src/assets/svg/icons/realm/snow/IconSnowSideBySide.svg +0 -3
  237. package/src/assets/svg/icons/realm/snow/IconSnowSnowmobile.svg +0 -3
  238. package/src/assets/svg/icons/realm/snow/IconSnowTrailer.svg +0 -3
  239. package/src/components/InternalBaseLink.vue +0 -11
  240. package/src/components/TideAccordionItem.vue +0 -120
  241. package/src/components/TideAlert.vue +0 -186
  242. package/src/components/TideBadge.vue +0 -64
  243. package/src/components/TideBadgeTrustedPartner.vue +0 -52
  244. package/src/components/TideBadgeVerifiedVehicle.vue +0 -46
  245. package/src/components/TideBreadCrumbs.vue +0 -62
  246. package/src/components/TideButton.vue +0 -115
  247. package/src/components/TideButtonIcon.vue +0 -91
  248. package/src/components/TideButtonPagination.vue +0 -87
  249. package/src/components/TideButtonSave.vue +0 -109
  250. package/src/components/TideButtonSegmented.vue +0 -115
  251. package/src/components/TideCard.vue +0 -107
  252. package/src/components/TideCarousel.vue +0 -489
  253. package/src/components/TideChipAction.vue +0 -83
  254. package/src/components/TideChipFilter.vue +0 -71
  255. package/src/components/TideChipInput.vue +0 -54
  256. package/src/components/TideColumns.vue +0 -65
  257. package/src/components/TideDivider.vue +0 -43
  258. package/src/components/TideForm.vue +0 -33
  259. package/src/components/TideIcon.vue +0 -85
  260. package/src/components/TideImage.vue +0 -126
  261. package/src/components/TideImageBackground.vue +0 -69
  262. package/src/components/TideIndicator.vue +0 -63
  263. package/src/components/TideInputCheckbox.vue +0 -210
  264. package/src/components/TideInputCheckboxDeprecated.vue +0 -117
  265. package/src/components/TideInputRadio.vue +0 -115
  266. package/src/components/TideInputRadioDeprecated.vue +0 -119
  267. package/src/components/TideInputSelect.vue +0 -331
  268. package/src/components/TideInputSelectDeprecated.vue +0 -245
  269. package/src/components/TideInputSupportingText.vue +0 -44
  270. package/src/components/TideInputText.vue +0 -382
  271. package/src/components/TideInputTextDeprecated.vue +0 -327
  272. package/src/components/TideInputTextarea.vue +0 -235
  273. package/src/components/TideInputTextareaDeprecated.vue +0 -198
  274. package/src/components/TideLink.vue +0 -95
  275. package/src/components/TideMenuItem.vue +0 -83
  276. package/src/components/TideModal.vue +0 -281
  277. package/src/components/TidePagination.vue +0 -65
  278. package/src/components/TidePopover.vue +0 -198
  279. package/src/components/TideRating.vue +0 -109
  280. package/src/components/TideRealmLogo.vue +0 -154
  281. package/src/components/TideSeoLinks.vue +0 -59
  282. package/src/components/TideSheet.vue +0 -209
  283. package/src/components/TideSwitch.vue +0 -101
  284. package/src/components/TideTabs.vue +0 -63
  285. package/src/components/TideToaster.vue +0 -97
  286. package/src/composables/useTideConfig.ts +0 -23
  287. package/src/composables/useTideForm.ts +0 -25
  288. package/src/composables/useTideToaster.ts +0 -63
  289. package/src/contexts/sandbox/AppSandbox.vue +0 -7
  290. package/src/contexts/sandbox/app-sandbox.ts +0 -10
  291. package/src/stories/DemoCssUtilities.stories.ts +0 -154
  292. package/src/stories/DemoCssUtilitiesByTextInput.stories.ts +0 -61
  293. package/src/stories/FoundationsBorder.stories.ts +0 -272
  294. package/src/stories/FoundationsColor.stories.ts +0 -311
  295. package/src/stories/FoundationsFlexbox.stories.ts +0 -184
  296. package/src/stories/FoundationsGrid.stories.ts +0 -126
  297. package/src/stories/FoundationsMargin.stories.ts +0 -155
  298. package/src/stories/FoundationsPadding.stories.ts +0 -108
  299. package/src/stories/FoundationsShadow.stories.ts +0 -103
  300. package/src/stories/FoundationsTransparency.stories.ts +0 -114
  301. package/src/stories/FoundationsTypography.stories.ts +0 -212
  302. package/src/stories/Template.stories.ts +0 -73
  303. package/src/stories/TideAccordionItem.stories.ts +0 -91
  304. package/src/stories/TideAlert.stories.ts +0 -133
  305. package/src/stories/TideBadge.stories.ts +0 -90
  306. package/src/stories/TideBadgeTrustedPartner.stories.ts +0 -34
  307. package/src/stories/TideBadgeVerifiedVehicle.stories.ts +0 -22
  308. package/src/stories/TideBreadCrumbs.stories.ts +0 -42
  309. package/src/stories/TideButton.stories.ts +0 -132
  310. package/src/stories/TideButtonIcon.stories.ts +0 -109
  311. package/src/stories/TideButtonPagination.stories.ts +0 -99
  312. package/src/stories/TideButtonSave.stories.ts +0 -62
  313. package/src/stories/TideButtonSegmented.stories.ts +0 -110
  314. package/src/stories/TideCard.stories.ts +0 -102
  315. package/src/stories/TideCarousel.stories.ts +0 -219
  316. package/src/stories/TideChipAction.stories.ts +0 -81
  317. package/src/stories/TideChipFilter.stories.ts +0 -84
  318. package/src/stories/TideChipInput.stories.ts +0 -56
  319. package/src/stories/TideColumns.stories.ts +0 -89
  320. package/src/stories/TideDivider.stories.ts +0 -48
  321. package/src/stories/TideIcon.stories.ts +0 -31
  322. package/src/stories/TideImage.stories.ts +0 -124
  323. package/src/stories/TideImageBackground.stories.ts +0 -114
  324. package/src/stories/TideIndicator.stories.ts +0 -32
  325. package/src/stories/TideInputCheckbox.stories.ts +0 -138
  326. package/src/stories/TideInputRadio.stories.ts +0 -100
  327. package/src/stories/TideInputSelect.stories.ts +0 -244
  328. package/src/stories/TideInputText.stories.ts +0 -221
  329. package/src/stories/TideInputTextarea.stories.ts +0 -156
  330. package/src/stories/TideLink.stories.ts +0 -127
  331. package/src/stories/TideMenuItem.stories.ts +0 -117
  332. package/src/stories/TideModal.stories.ts +0 -219
  333. package/src/stories/TidePagination.stories.ts +0 -100
  334. package/src/stories/TidePopover.stories.ts +0 -101
  335. package/src/stories/TideRating.stories.ts +0 -114
  336. package/src/stories/TideRealmLogo.stories.ts +0 -93
  337. package/src/stories/TideSeoLinks.stories.ts +0 -68
  338. package/src/stories/TideSheet.stories.ts +0 -152
  339. package/src/stories/TideSwitch.stories.ts +0 -72
  340. package/src/stories/TideTabs.stories.ts +0 -114
  341. package/src/stories/TideToaster.stories.ts +0 -117
  342. package/src/stories/Welcome.mdx +0 -17
  343. package/src/types/Alert.ts +0 -8
  344. package/src/types/Badge.ts +0 -76
  345. package/src/types/BreadCrumb.ts +0 -5
  346. package/src/types/Breakpoint.ts +0 -18
  347. package/src/types/Card.ts +0 -7
  348. package/src/types/Element.ts +0 -13
  349. package/src/types/FieldDeprecated.ts +0 -92
  350. package/src/types/Form.ts +0 -1
  351. package/src/types/FormDeprecated.ts +0 -91
  352. package/src/types/Formatted.ts +0 -23
  353. package/src/types/Icon.ts +0 -202
  354. package/src/types/Image.ts +0 -7
  355. package/src/types/Link.ts +0 -5
  356. package/src/types/Orientation.ts +0 -6
  357. package/src/types/Priority.ts +0 -11
  358. package/src/types/Realm.ts +0 -14
  359. package/src/types/RealmLogo.ts +0 -23
  360. package/src/types/Select.ts +0 -9
  361. package/src/types/Size.ts +0 -13
  362. package/src/types/Source.ts +0 -6
  363. package/src/types/Storybook.ts +0 -253
  364. package/src/types/Styles.ts +0 -526
  365. package/src/types/Tab.ts +0 -5
  366. package/src/types/Target.ts +0 -6
  367. package/src/types/TextInput.ts +0 -28
  368. package/src/types/Toast.ts +0 -21
  369. package/src/types/Type.ts +0 -6
  370. package/src/types/Validation.ts +0 -33
  371. package/src/types/ValidationDeprecated.ts +0 -41
  372. package/src/utilities/event.ts +0 -4
  373. package/src/utilities/format.ts +0 -184
  374. package/src/utilities/forms.ts +0 -22
  375. package/src/utilities/realm.ts +0 -17
  376. package/src/utilities/storybook.ts +0 -354
  377. package/src/utilities/validation-deprecated.ts +0 -252
  378. package/src/utilities/validation.ts +0 -132
  379. package/src/utilities/viewport.ts +0 -63
  380. package/tests/InternalBaseLink.spec.ts +0 -61
  381. package/tests/TideRealmLogo.spec.ts +0 -58
  382. package/tests/svg-icons.spec.ts +0 -74
  383. package/tests/utilities-format.spec.ts +0 -470
  384. package/tests/utilities-storybook.spec.ts +0 -99
  385. package/tsconfig.app.json +0 -14
  386. package/tsconfig.config.json +0 -12
  387. package/tsconfig.json +0 -35
  388. package/tsconfig.node.json +0 -7
  389. package/tsconfig.vitest.json +0 -10
  390. package/vite-env.d.ts +0 -2
  391. package/vite.config.sandbox.ts +0 -29
  392. package/vite.config.ts +0 -37
@@ -1,526 +0,0 @@
1
- /* eslint-disable vue/sort-keys */
2
-
3
- import type { Breakpoint } from '@/types/Breakpoint';
4
-
5
- export const CSS = {
6
- withBreakpoint: (utilities: string[], breakpoint: Breakpoint): string[] => {
7
- return utilities.map((utility) => `${breakpoint}-${utility}`);
8
- },
9
- ALIGN: {
10
- X: {
11
- CENTER: 'tide-text-center',
12
- JUSTIFY: 'tide-text-justify',
13
- LEFT: 'tide-text-left',
14
- RIGHT: 'tide-text-right',
15
- },
16
- Y: {
17
- INITIAL: 'tide-align-initial',
18
- MIDDLE: 'tide-align-middle',
19
- },
20
- },
21
- AXIS1: {
22
- AROUND: 'tide-axis1-around',
23
- BETWEEN: 'tide-axis1-between',
24
- CENTER: 'tide-axis1-center',
25
- END: 'tide-axis1-end',
26
- START: 'tide-axis1-start',
27
- },
28
- AXIS2: {
29
- AROUND: 'tide-axis2-around',
30
- CENTER: 'tide-axis2-center',
31
- END: 'tide-axis2-end',
32
- START: 'tide-axis2-start',
33
- STRETCH: 'tide-axis2-stretch',
34
- },
35
- BG: {
36
- GLOBAL: {
37
- PRIMARY: {
38
- ERROR: 'tide-bg-primary-error',
39
- INFO: 'tide-bg-primary-info',
40
- SUCCESS: 'tide-bg-primary-success',
41
- WARNING: 'tide-bg-primary-warning',
42
- },
43
- SURFACE: {
44
- ERROR: 'tide-bg-surface-error',
45
- INFO: 'tide-bg-surface-info',
46
- SUCCESS: 'tide-bg-surface-success',
47
- WARNING: 'tide-bg-surface-warning',
48
-
49
- BLUE: 'tide-bg-surface-blue',
50
- GREEN: 'tide-bg-surface-green',
51
- LIME: 'tide-bg-surface-lime',
52
- ORANGE: 'tide-bg-surface-orange',
53
- PURPLE: 'tide-bg-surface-purple',
54
- RED: 'tide-bg-surface-red',
55
- SALMON: 'tide-bg-surface-salmon',
56
- TEAL: 'tide-bg-surface-teal',
57
- YELLOW: 'tide-bg-surface-yellow',
58
- },
59
- },
60
- INITIAL: 'tide-bg-initial',
61
- BLUR: 'tide-bg-blur',
62
- PRIMARY: 'tide-bg-primary',
63
- SECONDARY: 'tide-bg-secondary',
64
- SURFACE: {
65
- ACCENT: 'tide-bg-surface-accent',
66
- BRAND: 'tide-bg-surface-brand',
67
- DEFAULT: 'tide-bg-surface',
68
- FLOATING: 'tide-bg-surface-floating',
69
- GRADIENT: 'tide-bg-surface-gradient',
70
- INVERSE: 'tide-bg-surface-inverse',
71
- VARIANT: 'tide-bg-surface-variant',
72
- },
73
- TRANSPARENT: {
74
- ONE_HUNDRED: 'tide-transparent-100',
75
- TWO_HUNDRED: 'tide-transparent-200',
76
- THREE_HUNDRED: 'tide-transparent-300',
77
- FOUR_HUNDRED: 'tide-transparent-400',
78
- },
79
- },
80
- BORDER: {
81
- COLOR: {
82
- GLOBAL: {
83
- ERROR: 'tide-border-error',
84
- INFO: 'tide-border-info',
85
- SUCCESS: 'tide-border-success',
86
- WARNING: 'tide-border-warning',
87
-
88
- BLUE: 'tide-border-blue',
89
- GREEN: 'tide-border-green',
90
- LIME: 'tide-border-lime',
91
- ORANGE: 'tide-border-orange',
92
- PURPLE: 'tide-border-purple',
93
- RED: 'tide-border-red',
94
- SALMON: 'tide-border-salmon',
95
- TEAL: 'tide-border-teal',
96
- YELLOW: 'tide-border-yellow',
97
- },
98
- INITIAL: 'tide-border-color-initial',
99
- DEFAULT: 'tide-border',
100
- FLOATING: 'tide-border-floating',
101
- HIGH: 'tide-border-high',
102
- LOW: 'tide-border-low',
103
- PRIMARY: 'tide-border-primary',
104
- },
105
- RADIUS: {
106
- ZERO: 'tide-radius-0',
107
- QUARTER: 'tide-radius-1/4',
108
- HALF: 'tide-radius-1/2',
109
- ONE: 'tide-radius-1',
110
- FULL: 'tide-radius-full',
111
- },
112
- STYLE: {
113
- DASHED: 'tide-border-dashed',
114
- SOLID: 'tide-border-solid',
115
- },
116
- BOTTOM: {
117
- ZERO: 'tide-border-bottom-0',
118
- ONE: 'tide-border-bottom-1',
119
- TWO: 'tide-border-bottom-2',
120
- },
121
- FULL: {
122
- ZERO: 'tide-border-0',
123
- ONE: 'tide-border-1',
124
- TWO: 'tide-border-2',
125
- },
126
- LEFT: {
127
- ZERO: 'tide-border-left-0',
128
- ONE: 'tide-border-left-1',
129
- TWO: 'tide-border-left-2',
130
- },
131
- RIGHT: {
132
- ZERO: 'tide-border-right-0',
133
- ONE: 'tide-border-right-1',
134
- TWO: 'tide-border-right-2',
135
- },
136
- TOP: {
137
- ZERO: 'tide-border-top-0',
138
- ONE: 'tide-border-top-1',
139
- TWO: 'tide-border-top-2',
140
- },
141
- },
142
- BOX_SIZING: {
143
- BORDER_BOX: 'tide-box-border',
144
- CONTENT_BOX: 'tide-box-content',
145
- },
146
- BREAK_INSIDE: {
147
- AVOID_COLUMN: 'tide-break-inside-avoid-column',
148
- },
149
- BREAK_WORD: {
150
- OFF: 'tide-break-initial',
151
- ON: 'tide-break-word',
152
- },
153
- COLUMNS: {
154
- INITIAL: 'tide-columns-initial',
155
- ONE: 'tide-columns-1',
156
- TWO: 'tide-columns-2',
157
- THREE: 'tide-columns-3',
158
- FOUR: 'tide-columns-4',
159
- },
160
- CURSOR: {
161
- NOT_ALLOWED: 'tide-cursor-not-allowed',
162
- POINTER: 'tide-cursor-pointer',
163
- TEXT: 'tide-cursor-text',
164
- },
165
- DISPLAY: {
166
- BLOCK: 'tide-display-block',
167
- CONTENTS: 'tide-display-contents',
168
- FLEX: 'tide-display-flex',
169
- GRID: 'tide-display-grid',
170
- INITIAL: 'tide-display-initial',
171
- INLINE: 'tide-display-inline',
172
- INLINE_BLOCK: 'tide-display-inline-block',
173
- INLINE_FLEX: 'tide-display-inline-flex',
174
- NONE: 'tide-display-none',
175
- },
176
- ELLIPSIS: 'tide-ellipsis',
177
- FLEX: {
178
- BASIS: {
179
- AUTO: 'tide-flex-basis-auto',
180
- ZERO: 'tide-flex-basis-0',
181
- },
182
- DIRECTION: {
183
- COLUMN: 'tide-flex-column',
184
- COLUMN_REVERSE: 'tide-flex-column-reverse',
185
- ROW: 'tide-flex-row',
186
- ROW_REVERSE: 'tide-flex-row-reverse',
187
- },
188
- GROW: {
189
- OFF: 'tide-grow-none',
190
- ON: 'tide-grow',
191
- },
192
- SHRINK: {
193
- OFF: 'tide-shrink-none',
194
- ON: 'tide-shrink',
195
- },
196
- WRAP: 'tide-flex-wrap',
197
- },
198
- FONT: {
199
- COLOR: {
200
- GLOBAL: {
201
- ERROR: 'tide-font-error',
202
- INFO: 'tide-font-info',
203
- SUCCESS: 'tide-font-success',
204
- WARNING: 'tide-font-warning',
205
-
206
- BLUE: 'tide-font-blue',
207
- GREEN: 'tide-font-green',
208
- LIME: 'tide-font-lime',
209
- ORANGE: 'tide-font-orange',
210
- PURPLE: 'tide-font-purple',
211
- RED: 'tide-font-red',
212
- SALMON: 'tide-font-salmon',
213
- TEAL: 'tide-font-teal',
214
- YELLOW: 'tide-font-yellow',
215
-
216
- PRIMARY: {
217
- BLUE: 'tide-font-primary-blue',
218
- GREEN: 'tide-font-primary-green',
219
- LIME: 'tide-font-primary-lime',
220
- ORANGE: 'tide-font-primary-orange',
221
- PURPLE: 'tide-font-primary-purple',
222
- RED: 'tide-font-primary-red',
223
- SALMON: 'tide-font-primary-salmon',
224
- TEAL: 'tide-font-primary-teal',
225
- YELLOW: 'tide-font-primary-yellow',
226
- },
227
- },
228
- PRIMARY: 'tide-font-on-primary',
229
- SECONDARY: 'tide-font-on-secondary',
230
- SURFACE: {
231
- BRAND: 'tide-font-on-surface-brand',
232
- DEFAULT: 'tide-font-on-surface',
233
- INVERSE: 'tide-font-on-surface-inverse',
234
- VARIANT: 'tide-font-on-surface-variant',
235
- VARIANT_INVERSE: 'tide-font-on-surface-variant-inverse',
236
- },
237
- },
238
- ROLE: {
239
- DISPLAY_1: 'tide-typography-display-1',
240
- HEADLINE_1: 'tide-typography-headline-1',
241
- HEADLINE_2: 'tide-typography-headline-2',
242
- HEADLINE_3: 'tide-typography-headline-3',
243
- TITLE_1: 'tide-typography-title-1',
244
- TITLE_2: 'tide-typography-title-2',
245
- BODY_1: 'tide-typography-body-1',
246
- BODY_2: 'tide-typography-body-2',
247
- LABEL_1: 'tide-typography-label-1',
248
- LABEL_1_SEMIBOLD: 'tide-typography-label-1-semibold',
249
- LABEL_2: 'tide-typography-label-2',
250
- LABEL_2_SEMIBOLD: 'tide-typography-label-2-semibold',
251
- LABEL_3: 'tide-typography-label-3',
252
- LINK_1: 'tide-typography-link-1',
253
- LINK_2: 'tide-typography-link-2',
254
- LINK_3: 'tide-typography-link-3',
255
- BUTTON_1: 'tide-typography-button-1',
256
- BUTTON_2: 'tide-typography-button-2',
257
- },
258
- SIZE: {
259
- TWELVE: 'tide-font-12',
260
- FOURTEEN: 'tide-font-14',
261
- SIXTEEN: 'tide-font-16',
262
- TWENTY: 'tide-font-20',
263
- TWENTY_FOUR: 'tide-font-24',
264
- THIRTY_TWO: 'tide-font-32',
265
- },
266
- WEIGHT: {
267
- FOUR_HUNDRED: 'tide-font-400',
268
- FIVE_HUNDRED: 'tide-font-500',
269
- SIX_HUNDRED: 'tide-font-600',
270
- SEVEN_HUNDRED: 'tide-font-700',
271
- },
272
- },
273
- GAP: {
274
- ZERO: 'tide-gap-0',
275
- QUARTER: 'tide-gap-1/4',
276
- HALF: 'tide-gap-1/2',
277
- ONE: 'tide-gap-1',
278
- TWO: 'tide-gap-2',
279
- FOUR: 'tide-gap-4',
280
- },
281
- GRID: {
282
- FLUID: 'tide-fluid',
283
- ITEM: 'tide-grid-item',
284
- LAYOUT: 'tide-grid-layout',
285
- XL: 'tide-grid-xl',
286
- },
287
- HEIGHT: {
288
- AUTO: 'tide-height-auto',
289
- ZERO: 'tide-height-0',
290
- FULL: 'tide-height-full',
291
- MAX_FULL: 'tide-max-height-full',
292
- MIN_ZERO: 'tide-min-height-0',
293
- },
294
- ISOLATION: {
295
- ISOLATE: 'tide-isolate',
296
- },
297
- LIST_BULLETS: {
298
- OFF: 'tide-list-none',
299
- },
300
- MARGIN: {
301
- BOTTOM: {
302
- AUTO: 'tide-margin-bottom-auto',
303
- ZERO: 'tide-margin-bottom-0',
304
- QUARTER: 'tide-margin-bottom-1/4',
305
- HALF: 'tide-margin-bottom-1/2',
306
- ONE: 'tide-margin-bottom-1',
307
- TWO: 'tide-margin-bottom-2',
308
- FOUR: 'tide-margin-bottom-4',
309
- },
310
- FULL: {
311
- ZERO: 'tide-margin-0',
312
- QUARTER: 'tide-margin-1/4',
313
- HALF: 'tide-margin-1/2',
314
- ONE: 'tide-margin-1',
315
- TWO: 'tide-margin-2',
316
- FOUR: 'tide-margin-4',
317
- },
318
- LEFT: {
319
- AUTO: 'tide-margin-left-auto',
320
- ZERO: 'tide-margin-left-0',
321
- QUARTER: 'tide-margin-left-1/4',
322
- HALF: 'tide-margin-left-1/2',
323
- ONE: 'tide-margin-left-1',
324
- TWO: 'tide-margin-left-2',
325
- FOUR: 'tide-margin-left-4',
326
- },
327
- RIGHT: {
328
- AUTO: 'tide-margin-right-auto',
329
- ZERO: 'tide-margin-right-0',
330
- QUARTER: 'tide-margin-right-1/4',
331
- HALF: 'tide-margin-right-1/2',
332
- ONE: 'tide-margin-right-1',
333
- TWO: 'tide-margin-right-2',
334
- FOUR: 'tide-margin-right-4',
335
- },
336
- TOP: {
337
- AUTO: 'tide-margin-top-auto',
338
- ZERO: 'tide-margin-top-0',
339
- QUARTER: 'tide-margin-top-1/4',
340
- HALF: 'tide-margin-top-1/2',
341
- ONE: 'tide-margin-top-1',
342
- TWO: 'tide-margin-top-2',
343
- FOUR: 'tide-margin-top-4',
344
- },
345
- X: {
346
- AUTO: 'tide-margin-x-auto',
347
- ZERO: 'tide-margin-x-0',
348
- QUARTER: 'tide-margin-x-1/4',
349
- HALF: 'tide-margin-x-1/2',
350
- ONE: 'tide-margin-x-1',
351
- TWO: 'tide-margin-x-2',
352
- FOUR: 'tide-margin-x-4',
353
- },
354
- Y: {
355
- ZERO: 'tide-margin-y-0',
356
- QUARTER: 'tide-margin-y-1/4',
357
- HALF: 'tide-margin-y-1/2',
358
- ONE: 'tide-margin-y-1',
359
- TWO: 'tide-margin-y-2',
360
- FOUR: 'tide-margin-y-4',
361
- },
362
- },
363
- OBJECT: {
364
- CENTER: 'tide-object-center',
365
- CONTAIN: 'tide-object-contain',
366
- COVER: 'tide-object-cover',
367
- SCALE_DOWN: 'tide-object-scale-down',
368
- },
369
- OPACITY: {
370
- DISABLED: 'tide-opacity-disabled',
371
- OFF: 'tide-opacity-none',
372
- ON: 'tide-opacity',
373
- },
374
- OVERFLOW: {
375
- X: {
376
- AUTO: 'tide-x-auto',
377
- HIDDEN: 'tide-x-hidden',
378
- SCROLL: 'tide-x-scroll',
379
- },
380
- XY: {
381
- AUTO: 'tide-xy-auto',
382
- HIDDEN: 'tide-xy-hidden',
383
- },
384
- Y: {
385
- AUTO: 'tide-y-auto',
386
- HIDDEN: 'tide-y-hidden',
387
- },
388
- },
389
- PADDING: {
390
- BOTTOM: {
391
- ZERO: 'tide-padding-bottom-0',
392
- QUARTER: 'tide-padding-bottom-1/4',
393
- HALF: 'tide-padding-bottom-1/2',
394
- ONE: 'tide-padding-bottom-1',
395
- TWO: 'tide-padding-bottom-2',
396
- FOUR: 'tide-padding-bottom-4',
397
- },
398
- FULL: {
399
- ZERO: 'tide-padding-0',
400
- QUARTER: 'tide-padding-1/4',
401
- HALF: 'tide-padding-1/2',
402
- ONE: 'tide-padding-1',
403
- TWO: 'tide-padding-2',
404
- FOUR: 'tide-padding-4',
405
- },
406
- LEFT: {
407
- ZERO: 'tide-padding-left-0',
408
- QUARTER: 'tide-padding-left-1/4',
409
- HALF: 'tide-padding-left-1/2',
410
- ONE: 'tide-padding-left-1',
411
- TWO: 'tide-padding-left-2',
412
- FOUR: 'tide-padding-left-4',
413
- },
414
- RIGHT: {
415
- ZERO: 'tide-padding-right-0',
416
- QUARTER: 'tide-padding-right-1/4',
417
- HALF: 'tide-padding-right-1/2',
418
- ONE: 'tide-padding-right-1',
419
- TWO: 'tide-padding-right-2',
420
- FOUR: 'tide-padding-right-4',
421
- },
422
- TOP: {
423
- ZERO: 'tide-padding-top-0',
424
- QUARTER: 'tide-padding-top-1/4',
425
- HALF: 'tide-padding-top-1/2',
426
- ONE: 'tide-padding-top-1',
427
- TWO: 'tide-padding-top-2',
428
- FOUR: 'tide-padding-top-4',
429
- },
430
- X: {
431
- ZERO: 'tide-padding-x-0',
432
- QUARTER: 'tide-padding-x-1/4',
433
- HALF: 'tide-padding-x-1/2',
434
- ONE: 'tide-padding-x-1',
435
- TWO: 'tide-padding-x-2',
436
- FOUR: 'tide-padding-x-4',
437
- },
438
- Y: {
439
- ZERO: 'tide-padding-y-0',
440
- QUARTER: 'tide-padding-y-1/4',
441
- HALF: 'tide-padding-y-1/2',
442
- ONE: 'tide-padding-y-1',
443
- TWO: 'tide-padding-y-2',
444
- FOUR: 'tide-padding-y-4',
445
- },
446
- },
447
- POINTER_EVENTS: {
448
- OFF: 'tide-pointer-events-none',
449
- ON: 'tide-pointer-events',
450
- },
451
- POSITION: {
452
- ABSOLUTE: 'tide-position-absolute',
453
- FIXED: 'tide-position-fixed',
454
- RELATIVE: 'tide-position-relative',
455
- STATIC: 'tide-position-static',
456
- STICKY: 'tide-position-sticky',
457
- },
458
- POSITIONING: {
459
- BOTTOM: 'tide-bottom-0',
460
- LEFT: 'tide-left-0',
461
- RIGHT: 'tide-right-0',
462
- TOP: 'tide-top-0',
463
- },
464
- RATIO: {
465
- ONE_TO_ONE: 'tide-ratio-1/1',
466
- SIXTEEN_TO_NINE: 'tide-ratio-16/9',
467
- THREE_TO_TWO: 'tide-ratio-3/2',
468
- },
469
- SCROLLBAR: {
470
- OFF: 'tide-scrollbar-none',
471
- },
472
- SHADOW: {
473
- INITIAL: 'tide-shadow-initial',
474
- BOTTOM: 'tide-shadow-bottom',
475
- TOP: 'tide-shadow-top',
476
- TEXT: 'tide-shadow-text',
477
- },
478
- SNAP: {
479
- ON: 'tide-scroll-snap',
480
- },
481
- SNAP_ALIGN: {
482
- START: 'tide-scroll-snap-start',
483
- },
484
- STRIKETHROUGH: {
485
- OFF: 'tide-strikethrough-none',
486
- ON: 'tide-strikethrough',
487
- },
488
- TEXT_TRANSFORM: {
489
- LOWER: 'tide-text-transform-lower',
490
- NONE: 'tide-text-transform-none',
491
- UPPER: 'tide-text-transform-upper',
492
- },
493
- UNDERLINE: {
494
- HOVER: {
495
- ON: 'tide-underline-hover',
496
- OFF: 'tide-underline-hover-none',
497
- },
498
- REST: {
499
- ON: 'tide-underline',
500
- OFF: 'tide-underline-none',
501
- },
502
- },
503
- USER_SELECT: {
504
- INITIAL: 'tide-user-select-initial',
505
- NONE: 'tide-user-select-none',
506
- },
507
- VISIBILITY: {
508
- OFF: 'tide-visible-none',
509
- ON: 'tide-visible',
510
- },
511
- WHITESPACE_WRAP: {
512
- OFF: 'tide-whitespace-nowrap',
513
- },
514
- WIDTH: {
515
- AUTO: 'tide-width-auto',
516
- FULL: 'tide-width-full',
517
- MAX_FULL: 'tide-max-width-full',
518
- MIN_ZERO: 'tide-min-width-0',
519
- STRETCH: 'tide-width-stretch',
520
- ZERO: 'tide-width-0',
521
- },
522
- Z_INDEX: {
523
- INITIAL: 'tide-z-index-initial',
524
- ONE: 'tide-z-index-1',
525
- },
526
- } as const;
package/src/types/Tab.ts DELETED
@@ -1,5 +0,0 @@
1
- export type Tab = {
2
- count?: number;
3
- dataTrack?: string;
4
- label: string;
5
- };
@@ -1,6 +0,0 @@
1
- export const TARGET = {
2
- BLANK: '_blank',
3
- SELF: undefined,
4
- } as const;
5
-
6
- export type Target = (typeof TARGET)[keyof typeof TARGET];
@@ -1,28 +0,0 @@
1
- export const TEXT_INPUT_TYPE = {
2
- DATE: 'date',
3
- DATETIME_LOCAL: 'datetime-local',
4
- EMAIL: 'email',
5
- MONTH: 'month',
6
- NUMBER: 'number',
7
- PASSWORD: 'password',
8
- SEARCH: 'search',
9
- TEL: 'tel',
10
- TEXT: 'text',
11
- TIME: 'time',
12
- URL: 'url',
13
- WEEK: 'week',
14
- } as const;
15
-
16
- export type TextInputType = (typeof TEXT_INPUT_TYPE)[keyof typeof TEXT_INPUT_TYPE];
17
-
18
- export const INPUT_MODE = {
19
- DECIMAL: 'decimal',
20
- EMAIL: 'email',
21
- NUMERIC: 'numeric',
22
- SEARCH: 'search',
23
- TEL: 'tel',
24
- TEXT: 'text',
25
- URL: 'url',
26
- } as const;
27
-
28
- export type InputMode = (typeof INPUT_MODE)[keyof typeof INPUT_MODE];
@@ -1,21 +0,0 @@
1
- import type { Ref } from 'vue';
2
-
3
- export type TideToast = {
4
- description?: string;
5
- heading: string;
6
- id: string;
7
- action?: {
8
- callback: () => void;
9
- label: string;
10
- };
11
- };
12
-
13
- export type TideToastOmitId = Omit<TideToast, 'id'>;
14
-
15
- export type TideToaster = {
16
- addToast: (toast: TideToastOmitId) => void;
17
- cancelAutoDismiss: () => void;
18
- clearToasts: () => void;
19
- startAutoDismiss: () => void;
20
- toasts: Ref<readonly TideToast[]>;
21
- };
package/src/types/Type.ts DELETED
@@ -1,6 +0,0 @@
1
- export const BUTTON_TYPE = {
2
- BUTTON: 'button',
3
- SUBMIT: 'submit',
4
- } as const;
5
-
6
- export type ButtonType = (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
@@ -1,33 +0,0 @@
1
- import { FORMAT_REGEX } from '@/types/Formatted';
2
- import { checkFormat } from '@/utilities/validation';
3
-
4
- export const VALIDATOR = {
5
- ALPHA_NUMBER_EMPTY: checkFormat(FORMAT_REGEX.alphaNumberOrEmpty),
6
- ALPHA_SPACE: checkFormat(FORMAT_REGEX.alphaSpace),
7
- EMAIL: checkFormat(FORMAT_REGEX.email, 'Enter a valid email address (e.g. name@example.com)'),
8
- NUMBER: checkFormat(FORMAT_REGEX.numberFormatted, 'Enter a valid number'),
9
- PHONE: checkFormat(FORMAT_REGEX.phone, 'Enter a valid phone number'),
10
- ZIP: checkFormat(FORMAT_REGEX.zip, 'Enter a valid Zip code'),
11
- } as const;
12
-
13
- export type ValidationError = string | boolean;
14
- export type ValidationResult = {
15
- message: string;
16
- valid: boolean;
17
- };
18
-
19
- export type ValidationLength = {
20
- maxlength?: number;
21
- minlength?: number;
22
- required: boolean;
23
- value: string;
24
- };
25
-
26
- export type Validator = (value: string) => ValidationResult;
27
-
28
- export const ERROR_DISPLAY = {
29
- EAGER: 'eager',
30
- LAZY: 'lazy',
31
- } as const;
32
-
33
- export type ErrorDisplay = (typeof ERROR_DISPLAY)[keyof typeof ERROR_DISPLAY];
@@ -1,41 +0,0 @@
1
- import { FORMAT_REGEX } from '@/types/Formatted';
2
- import { checkFormat } from '@/utilities/validation-deprecated';
3
-
4
- /**
5
- * @deprecated
6
- */
7
- export const VALIDATOR = {
8
- ALPHA_NUMBER_EMPTY: checkFormat(FORMAT_REGEX.alphaNumberOrEmpty),
9
- ALPHA_SPACE: checkFormat(FORMAT_REGEX.alphaSpace),
10
- EMAIL: checkFormat(FORMAT_REGEX.email),
11
- NUMBER: checkFormat(FORMAT_REGEX.numberFormatted),
12
- PHONE: checkFormat(FORMAT_REGEX.phone),
13
- } as const;
14
-
15
- /**
16
- * @deprecated
17
- */
18
- export type ValidationError = string | boolean;
19
-
20
- /**
21
- * @deprecated
22
- */
23
- export type ValidationResult = {
24
- message: string;
25
- valid: boolean;
26
- };
27
-
28
- /**
29
- * @deprecated
30
- */
31
- export type ValidationLength = {
32
- maxlength?: number;
33
- minlength?: number;
34
- required?: boolean;
35
- value: string;
36
- };
37
-
38
- /**
39
- * @deprecated
40
- */
41
- export type Validator = (value: string) => ValidationResult;
@@ -1,4 +0,0 @@
1
- export const isClickOutside = (event: MouseEvent, elements: HTMLElement | HTMLElement[]): boolean => {
2
- const targets = Array.isArray(elements) ? elements : [elements];
3
- return !targets.some((el) => el.contains(event.target as Node));
4
- };