tide-design-system 2.5.13 → 2.5.15

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 (774) hide show
  1. package/dist/chunks/IconAccountBalance.js +16 -0
  2. package/dist/chunks/IconAcute.js +16 -0
  3. package/dist/chunks/IconAdd.js +16 -0
  4. package/dist/chunks/IconAeroFlight.js +16 -0
  5. package/dist/chunks/IconAeroHelicopter.js +16 -0
  6. package/dist/chunks/IconAeroModeFan.js +16 -0
  7. package/dist/chunks/IconAeroPlaneContrails.js +16 -0
  8. package/dist/chunks/IconAiDescription.js +20 -0
  9. package/dist/chunks/IconAlignSpaceEven.js +16 -0
  10. package/dist/chunks/IconApplePay.js +16 -0
  11. package/dist/{IconRemove-gGo2PMeX.js → chunks/IconArrowBack.js} +5 -5
  12. package/dist/chunks/IconArrowCycle.js +16 -0
  13. package/dist/chunks/IconArrowForward.js +16 -0
  14. package/dist/chunks/IconArrowRight.js +16 -0
  15. package/dist/chunks/IconArrowUp.js +16 -0
  16. package/dist/chunks/IconAssignment.js +16 -0
  17. package/dist/chunks/IconAttachMoney.js +16 -0
  18. package/dist/chunks/IconAtvAtv.js +20 -0
  19. package/dist/chunks/IconAtvDuneBuggy.js +20 -0
  20. package/dist/chunks/IconAtvGoKart.js +20 -0
  21. package/dist/chunks/IconAtvGolfCart.js +20 -0
  22. package/dist/chunks/IconAtvSandRail.js +20 -0
  23. package/dist/chunks/IconAtvSideBySide.js +20 -0
  24. package/dist/chunks/IconAtvTrailer.js +20 -0
  25. package/dist/chunks/IconAutoRenew.js +16 -0
  26. package/dist/chunks/IconAwardStar.js +16 -0
  27. package/dist/chunks/IconBed.js +16 -0
  28. package/dist/chunks/IconBoatmartPwc.js +20 -0
  29. package/dist/chunks/IconBoatmartTrailer.js +20 -0
  30. package/dist/chunks/IconBolt.js +16 -0
  31. package/dist/chunks/IconBookmark.js +16 -0
  32. package/dist/chunks/IconBunkhouse.js +16 -0
  33. package/dist/chunks/IconCalculate.js +16 -0
  34. package/dist/chunks/IconCalendarMonth.js +16 -0
  35. package/dist/chunks/IconCall.js +16 -0
  36. package/dist/chunks/IconCallQuality.js +16 -0
  37. package/dist/chunks/IconCarRental.js +16 -0
  38. package/dist/chunks/IconCheck.js +16 -0
  39. package/dist/chunks/IconChevronLeft.js +16 -0
  40. package/dist/chunks/IconChevronRight.js +16 -0
  41. package/dist/chunks/IconClear.js +16 -0
  42. package/dist/chunks/IconClose.js +16 -0
  43. package/dist/chunks/IconContract.js +16 -0
  44. package/dist/chunks/IconCrash.js +16 -0
  45. package/dist/chunks/IconCycleMotorcycle.js +21 -0
  46. package/dist/chunks/IconCycleTrailer.js +20 -0
  47. package/dist/chunks/IconDashboardCustomize.js +16 -0
  48. package/dist/chunks/IconDelete.js +16 -0
  49. package/dist/chunks/IconDiamond.js +16 -0
  50. package/dist/chunks/IconDirectionsBoat.js +16 -0
  51. package/dist/chunks/IconDomain.js +16 -0
  52. package/dist/chunks/IconDraft.js +16 -0
  53. package/dist/chunks/IconEdit.js +16 -0
  54. package/dist/chunks/IconEngine.js +20 -0
  55. package/dist/chunks/IconEngineering.js +16 -0
  56. package/dist/chunks/IconError.js +16 -0
  57. package/dist/chunks/IconExpandContent.js +16 -0
  58. package/dist/chunks/IconExpandLess.js +16 -0
  59. package/dist/chunks/IconExpandMore.js +16 -0
  60. package/dist/chunks/IconFacebook.js +16 -0
  61. package/dist/chunks/IconFavorite.js +16 -0
  62. package/dist/chunks/IconFavoriteFilled.js +16 -0
  63. package/dist/chunks/IconFlag.js +16 -0
  64. package/dist/chunks/IconFormatBold.js +16 -0
  65. package/dist/chunks/IconFormatItalic.js +16 -0
  66. package/dist/chunks/IconFormatListBulleted.js +16 -0
  67. package/dist/chunks/IconForum.js +16 -0
  68. package/dist/chunks/IconGas.js +16 -0
  69. package/dist/chunks/IconGavel.js +16 -0
  70. package/dist/chunks/IconGears.js +16 -0
  71. package/dist/chunks/IconGlobeLocationPin.js +16 -0
  72. package/dist/chunks/IconGoogle.js +31 -0
  73. package/dist/chunks/IconGooglePay.js +16 -0
  74. package/dist/chunks/IconGrid.js +16 -0
  75. package/dist/chunks/IconHandshake.js +16 -0
  76. package/dist/chunks/IconHandyman.js +16 -0
  77. package/dist/chunks/IconHeight.js +16 -0
  78. package/dist/chunks/IconHelp.js +16 -0
  79. package/dist/chunks/IconInfo.js +16 -0
  80. package/dist/chunks/IconInformation.js +16 -0
  81. package/dist/chunks/IconInsertText.js +16 -0
  82. package/dist/chunks/IconInstagram.js +16 -0
  83. package/dist/chunks/IconIosShare.js +16 -0
  84. package/dist/chunks/IconLayout.js +16 -0
  85. package/dist/chunks/IconLevellingJack.js +20 -0
  86. package/dist/chunks/IconLinkedIn.js +16 -0
  87. package/dist/chunks/IconLocalShipping.js +16 -0
  88. package/dist/chunks/IconLock.js +16 -0
  89. package/dist/chunks/IconMail.js +16 -0
  90. package/dist/chunks/IconMenu.js +16 -0
  91. package/dist/chunks/IconMoneyBag.js +16 -0
  92. package/dist/chunks/IconMoreHoriz.js +16 -0
  93. package/dist/chunks/IconMove.js +16 -0
  94. package/dist/chunks/IconNotifications.js +16 -0
  95. package/dist/chunks/IconOdometer.js +16 -0
  96. package/dist/chunks/IconOpenInNew.js +16 -0
  97. package/dist/chunks/IconPalette.js +16 -0
  98. package/dist/chunks/IconPaypal.js +16 -0
  99. package/dist/chunks/IconPerson.js +16 -0
  100. package/dist/chunks/IconPersonSearch.js +16 -0
  101. package/dist/chunks/IconPhotoCamera.js +16 -0
  102. package/dist/chunks/IconPinterest.js +16 -0
  103. package/dist/chunks/IconPlayArrow.js +16 -0
  104. package/dist/chunks/IconPolicy.js +16 -0
  105. package/dist/chunks/IconPower.js +16 -0
  106. package/dist/chunks/IconPowerOff.js +16 -0
  107. package/dist/chunks/IconPriorityHigh.js +16 -0
  108. package/dist/chunks/IconPwcPwc.js +20 -0
  109. package/dist/chunks/IconPwcSnowmobile.js +20 -0
  110. package/dist/chunks/IconPwcTrailer.js +20 -0
  111. package/dist/chunks/IconRemove.js +16 -0
  112. package/dist/chunks/IconRequestQuote.js +16 -0
  113. package/dist/chunks/IconResetWrench.js +16 -0
  114. package/dist/chunks/IconRoad.js +16 -0
  115. package/dist/chunks/IconRoundedCorner.js +16 -0
  116. package/dist/chunks/IconRuler.js +16 -0
  117. package/dist/chunks/IconRvClassA.js +20 -0
  118. package/dist/chunks/IconRvClassB.js +20 -0
  119. package/dist/chunks/IconRvClassC.js +20 -0
  120. package/dist/chunks/IconRvDestinationTrailer.js +18 -0
  121. package/dist/chunks/IconRvFifthWheel.js +20 -0
  122. package/dist/chunks/IconRvFishHouse.js +20 -0
  123. package/dist/chunks/IconRvParkModel.js +20 -0
  124. package/dist/chunks/IconRvPopUpCamper.js +20 -0
  125. package/dist/chunks/IconRvTeardropTrailer.js +17 -0
  126. package/dist/chunks/IconRvTravelTrailer.js +20 -0
  127. package/dist/chunks/IconRvTruckCamper.js +20 -0
  128. package/dist/chunks/IconSailing.js +16 -0
  129. package/dist/chunks/IconSchool.js +16 -0
  130. package/dist/chunks/IconSearch.js +16 -0
  131. package/dist/chunks/IconSeating.js +16 -0
  132. package/dist/chunks/IconSell.js +16 -0
  133. package/dist/chunks/IconSensors.js +16 -0
  134. package/dist/chunks/IconSettings.js +16 -0
  135. package/dist/chunks/IconShare.js +16 -0
  136. package/dist/chunks/IconShieldCheck.js +16 -0
  137. package/dist/chunks/IconShoppingCart.js +16 -0
  138. package/dist/chunks/IconSleeps.js +16 -0
  139. package/dist/chunks/IconSms.js +16 -0
  140. package/dist/chunks/IconSnowMotorcycle.js +21 -0
  141. package/dist/chunks/IconSnowPwc.js +20 -0
  142. package/dist/chunks/IconSnowSideBySide.js +20 -0
  143. package/dist/chunks/IconSnowSnowmobile.js +20 -0
  144. package/dist/chunks/IconSnowTrailer.js +20 -0
  145. package/dist/chunks/IconSnowflake.js +16 -0
  146. package/dist/chunks/IconStar.js +16 -0
  147. package/dist/chunks/IconStarFilled.js +16 -0
  148. package/dist/chunks/IconStarHalf.js +16 -0
  149. package/dist/chunks/IconSummarize.js +16 -0
  150. package/dist/chunks/IconSwapHoriz.js +16 -0
  151. package/dist/chunks/IconSwapVert.js +16 -0
  152. package/dist/chunks/IconThreeDRotation.js +29 -0
  153. package/dist/chunks/IconThumbUp.js +16 -0
  154. package/dist/chunks/IconTrendingDown.js +16 -0
  155. package/dist/chunks/IconTrophy.js +16 -0
  156. package/dist/chunks/IconTune.js +16 -0
  157. package/dist/chunks/IconTwitter.js +16 -0
  158. package/dist/chunks/IconUmbrella.js +16 -0
  159. package/dist/chunks/IconVerified.js +20 -0
  160. package/dist/chunks/IconVideocam.js +16 -0
  161. package/dist/chunks/IconViewInAr.js +16 -0
  162. package/dist/chunks/IconVisibility.js +16 -0
  163. package/dist/chunks/IconVolumeOff.js +16 -0
  164. package/dist/chunks/IconVolumeOn.js +16 -0
  165. package/dist/chunks/IconWarehouse.js +16 -0
  166. package/dist/chunks/IconWarning.js +16 -0
  167. package/dist/chunks/IconWater.js +16 -0
  168. package/dist/chunks/IconWeight.js +16 -0
  169. package/dist/chunks/IconWidth.js +16 -0
  170. package/dist/chunks/IconWorkspacePremium.js +16 -0
  171. package/dist/chunks/IconWrench.js +16 -0
  172. package/dist/chunks/IconYoutube.js +16 -0
  173. package/dist/chunks/logo-aero.js +18 -0
  174. package/dist/chunks/logo-atv.js +20 -0
  175. package/dist/chunks/logo-boatmart.js +18 -0
  176. package/dist/chunks/logo-cycle.js +18 -0
  177. package/dist/chunks/logo-equipment.js +18 -0
  178. package/dist/chunks/logo-pwc.js +21 -0
  179. package/dist/chunks/logo-rv.js +20 -0
  180. package/dist/chunks/logo-snow.js +18 -0
  181. package/dist/chunks/logo-truck.js +19 -0
  182. package/dist/chunks/mark-aero.js +17 -0
  183. package/dist/chunks/mark-atv.js +22 -0
  184. package/dist/chunks/mark-boatmart.js +17 -0
  185. package/dist/chunks/mark-cycle.js +17 -0
  186. package/dist/chunks/mark-equipment.js +17 -0
  187. package/dist/chunks/mark-pwc.js +17 -0
  188. package/dist/chunks/mark-rv.js +22 -0
  189. package/dist/chunks/mark-snow.js +17 -0
  190. package/dist/chunks/mark-truck.js +18 -0
  191. package/dist/index.d.ts +2743 -0
  192. package/dist/index.js +5386 -0
  193. package/dist/style.css +1 -1
  194. package/package.json +44 -31
  195. package/.eslintrc.cjs +0 -119
  196. package/.github/workflows/publish-release.yml +0 -38
  197. package/.storybook/main.ts +0 -70
  198. package/.storybook/preview.ts +0 -256
  199. package/dist/IconAccountBalance-dARjIrfY.js +0 -16
  200. package/dist/IconAcute-BWwq_P2g.js +0 -16
  201. package/dist/IconAdd-DtInpvF3.js +0 -16
  202. package/dist/IconAeroFlight-DBrZTSTv.js +0 -16
  203. package/dist/IconAeroHelicopter-B3Vxtvtw.js +0 -16
  204. package/dist/IconAeroModeFan-Dsr35Wh2.js +0 -16
  205. package/dist/IconAeroPlaneContrails-C3y3kCyu.js +0 -16
  206. package/dist/IconAiDescription-C-OGiP7T.js +0 -20
  207. package/dist/IconAlignSpaceEven-CTm_RFZr.js +0 -16
  208. package/dist/IconApplePay-BEECKvxd.js +0 -16
  209. package/dist/IconArrowBack-CJYjUSAT.js +0 -16
  210. package/dist/IconArrowCycle-B-SIKRjr.js +0 -16
  211. package/dist/IconArrowForward-CTC_pWUJ.js +0 -16
  212. package/dist/IconArrowRight-DVgboHar.js +0 -16
  213. package/dist/IconArrowUp-8yer6-rz.js +0 -16
  214. package/dist/IconAssignment-CKdgR4IZ.js +0 -16
  215. package/dist/IconAttachMoney-BOqK4Ty3.js +0 -16
  216. package/dist/IconAtvAtv-CVxNZw3x.js +0 -20
  217. package/dist/IconAtvDuneBuggy-ChpKK_uj.js +0 -20
  218. package/dist/IconAtvGoKart-BA3-opIb.js +0 -20
  219. package/dist/IconAtvGolfCart-DIQybI94.js +0 -20
  220. package/dist/IconAtvSandRail-vMg9E1B1.js +0 -20
  221. package/dist/IconAtvSideBySide-DpAgficE.js +0 -20
  222. package/dist/IconAtvTrailer-DmqyaW6g.js +0 -20
  223. package/dist/IconAutoRenew-PKxzoFUm.js +0 -16
  224. package/dist/IconAwardStar-C80c-wJ9.js +0 -16
  225. package/dist/IconBed-D8iyGBIR.js +0 -16
  226. package/dist/IconBoatmartPwc-a1AOjs7L.js +0 -20
  227. package/dist/IconBoatmartTrailer-CprxPgWU.js +0 -20
  228. package/dist/IconBolt-D7tpOZMC.js +0 -16
  229. package/dist/IconBookmark-ZpQyXxtb.js +0 -16
  230. package/dist/IconBunkhouse-rPtR_Mct.js +0 -16
  231. package/dist/IconCalculate-Bbp4hHOW.js +0 -16
  232. package/dist/IconCalendarMonth-CKF3HJsX.js +0 -16
  233. package/dist/IconCall-D6EvqV8k.js +0 -16
  234. package/dist/IconCallQuality-FekMElKo.js +0 -16
  235. package/dist/IconCarRental-Cw5T4p4_.js +0 -16
  236. package/dist/IconCheck-Dmmvwu7-.js +0 -16
  237. package/dist/IconChevronLeft-BF0qcV0B.js +0 -16
  238. package/dist/IconChevronRight-CdE3lIbm.js +0 -16
  239. package/dist/IconClear-YX6AUd3q.js +0 -16
  240. package/dist/IconClose-BKDRiJCn.js +0 -16
  241. package/dist/IconContract-7-9lX0ZL.js +0 -16
  242. package/dist/IconCrash-Cz7QujvF.js +0 -16
  243. package/dist/IconCycleMotorcycle-DVRTUcId.js +0 -21
  244. package/dist/IconCycleTrailer-Cp2Ak9pX.js +0 -20
  245. package/dist/IconDashboardCustomize-g3VnCCx1.js +0 -16
  246. package/dist/IconDelete-Dnyl1uzD.js +0 -16
  247. package/dist/IconDiamond-sAYziqWh.js +0 -16
  248. package/dist/IconDirectionsBoat-D0xl5It-.js +0 -16
  249. package/dist/IconDomain-as7lGUZz.js +0 -16
  250. package/dist/IconDraft-BTRj5LyI.js +0 -16
  251. package/dist/IconEdit-Z8QjfAFi.js +0 -16
  252. package/dist/IconEngine-Nq1jLYrS.js +0 -20
  253. package/dist/IconEngineering-CDeCKiuN.js +0 -16
  254. package/dist/IconError-CHkF1F4l.js +0 -16
  255. package/dist/IconExpandContent-BKW1v-s1.js +0 -16
  256. package/dist/IconExpandLess-DuwH_WmO.js +0 -16
  257. package/dist/IconExpandMore-C-Fof15e.js +0 -16
  258. package/dist/IconFacebook-94UC5eci.js +0 -16
  259. package/dist/IconFavorite-Bi2ZLSFU.js +0 -16
  260. package/dist/IconFavoriteFilled-BOzK3oQt.js +0 -16
  261. package/dist/IconFlag-D3BdWSHX.js +0 -16
  262. package/dist/IconFormatBold-ptl4C5om.js +0 -16
  263. package/dist/IconFormatItalic-wjYo3E6V.js +0 -16
  264. package/dist/IconFormatListBulleted-Z4H5EHHL.js +0 -16
  265. package/dist/IconForum-dExYXhMs.js +0 -16
  266. package/dist/IconGas-BeL_PidJ.js +0 -16
  267. package/dist/IconGavel-b699C85e.js +0 -16
  268. package/dist/IconGears-DY0BIt9k.js +0 -16
  269. package/dist/IconGlobeLocationPin-PPiJIaCW.js +0 -16
  270. package/dist/IconGoogle-B1k1zKq5.js +0 -31
  271. package/dist/IconGooglePay-CnoBw2gC.js +0 -16
  272. package/dist/IconGrid-DPAFjLOo.js +0 -16
  273. package/dist/IconHandshake-CF0rWfIQ.js +0 -16
  274. package/dist/IconHandyman-DqbZcABm.js +0 -16
  275. package/dist/IconHeight-1sxFnuqb.js +0 -16
  276. package/dist/IconHelp-BfxZeVdy.js +0 -16
  277. package/dist/IconInfo-ZZNZK4Fs.js +0 -16
  278. package/dist/IconInformation-CQc0HSVc.js +0 -16
  279. package/dist/IconInsertText-dHM33CGA.js +0 -16
  280. package/dist/IconInstagram-BbTbVTQe.js +0 -16
  281. package/dist/IconIosShare-fe7iyZSt.js +0 -16
  282. package/dist/IconLayout-BYkhBGPm.js +0 -16
  283. package/dist/IconLevellingJack-CuuMfb9e.js +0 -20
  284. package/dist/IconLinkedIn-iC2pYpmX.js +0 -16
  285. package/dist/IconLocalShipping-sAYdRn-q.js +0 -16
  286. package/dist/IconLock-c8yaYnyT.js +0 -16
  287. package/dist/IconMail-D0yowPmX.js +0 -16
  288. package/dist/IconMenu-Btzwi7Bu.js +0 -16
  289. package/dist/IconMoneyBag-BcZCfjrN.js +0 -16
  290. package/dist/IconMoreHoriz-CYiGX78Y.js +0 -16
  291. package/dist/IconMove-OOwHnF3J.js +0 -16
  292. package/dist/IconNotifications-uBv1nZZ2.js +0 -16
  293. package/dist/IconOdometer-DZASryD7.js +0 -16
  294. package/dist/IconOpenInNew-VuTM8uiR.js +0 -16
  295. package/dist/IconPalette-B78tp213.js +0 -16
  296. package/dist/IconPaypal-z7u9aPLj.js +0 -16
  297. package/dist/IconPerson-DWwdRmJX.js +0 -16
  298. package/dist/IconPersonSearch-4ESzm5yH.js +0 -16
  299. package/dist/IconPhotoCamera-Drkhsfpi.js +0 -16
  300. package/dist/IconPinterest-BhgYE6Fc.js +0 -16
  301. package/dist/IconPlayArrow-ztNUkoji.js +0 -16
  302. package/dist/IconPolicy-DrcQUdvI.js +0 -16
  303. package/dist/IconPower-BISw4q1i.js +0 -16
  304. package/dist/IconPowerOff-D94o_eIX.js +0 -16
  305. package/dist/IconPriorityHigh-DzCnK1QW.js +0 -16
  306. package/dist/IconPwcPwc-EPEU61fQ.js +0 -20
  307. package/dist/IconPwcSnowmobile-DrNUFchS.js +0 -20
  308. package/dist/IconPwcTrailer-C0EJuXlG.js +0 -20
  309. package/dist/IconRequestQuote-CWfytYvA.js +0 -16
  310. package/dist/IconResetWrench-B0tYLDcb.js +0 -16
  311. package/dist/IconRoad-m4Orr44c.js +0 -16
  312. package/dist/IconRoundedCorner-CqdpAVGU.js +0 -16
  313. package/dist/IconRuler-C8SSjTfX.js +0 -16
  314. package/dist/IconRvClassA-CFQOw02-.js +0 -20
  315. package/dist/IconRvClassB-p-03DBol.js +0 -20
  316. package/dist/IconRvClassC-BP5Zzlj_.js +0 -20
  317. package/dist/IconRvDestinationTrailer-BdTO83Cw.js +0 -18
  318. package/dist/IconRvFifthWheel-BMGxt3_M.js +0 -20
  319. package/dist/IconRvFishHouse-C7iNMr-3.js +0 -20
  320. package/dist/IconRvParkModel-l4Rx5P9F.js +0 -20
  321. package/dist/IconRvPopUpCamper-BY6aLEic.js +0 -20
  322. package/dist/IconRvTeardropTrailer-DVMpbMpH.js +0 -17
  323. package/dist/IconRvTravelTrailer-FstodwFk.js +0 -20
  324. package/dist/IconRvTruckCamper-lLLE86pz.js +0 -20
  325. package/dist/IconSailing-svTfDLn9.js +0 -16
  326. package/dist/IconSchool-CUB4fiMX.js +0 -16
  327. package/dist/IconSearch-QZW19aza.js +0 -16
  328. package/dist/IconSeating-B3MAIZkv.js +0 -16
  329. package/dist/IconSell-CG2i7EOI.js +0 -16
  330. package/dist/IconSensors-BVBTJDAv.js +0 -16
  331. package/dist/IconSettings-BGJv8ylA.js +0 -16
  332. package/dist/IconShare-DLN_ze1T.js +0 -16
  333. package/dist/IconShieldCheck-DwGlL83P.js +0 -16
  334. package/dist/IconShoppingCart-BWcDIQ0t.js +0 -16
  335. package/dist/IconSleeps-Bl1OHp_d.js +0 -16
  336. package/dist/IconSms-DXF4Rvv5.js +0 -16
  337. package/dist/IconSnowMotorcycle-C4HlqVVr.js +0 -21
  338. package/dist/IconSnowPwc-BPfTyC67.js +0 -20
  339. package/dist/IconSnowSideBySide-D6yyQiMx.js +0 -20
  340. package/dist/IconSnowSnowmobile-ErIu8DJV.js +0 -20
  341. package/dist/IconSnowTrailer-BWHRcgUU.js +0 -20
  342. package/dist/IconSnowflake-3DOCBRxO.js +0 -16
  343. package/dist/IconStar-y4w1Q_Ly.js +0 -16
  344. package/dist/IconStarFilled-h3V6lcA1.js +0 -16
  345. package/dist/IconStarHalf-CD3Otd__.js +0 -16
  346. package/dist/IconSummarize-DQAFpTrk.js +0 -16
  347. package/dist/IconSwapHoriz-C3usXzhR.js +0 -16
  348. package/dist/IconSwapVert-CODa7if1.js +0 -16
  349. package/dist/IconThreeDRotation-Dt-qEsTU.js +0 -29
  350. package/dist/IconThumbUp-2aoi8Hn6.js +0 -16
  351. package/dist/IconTrendingDown-Cc1jUDOB.js +0 -16
  352. package/dist/IconTrophy-CWU4189G.js +0 -16
  353. package/dist/IconTune-PtcGFHGO.js +0 -16
  354. package/dist/IconTwitter-Q7-VmjkP.js +0 -16
  355. package/dist/IconUmbrella-B_1l6UAu.js +0 -16
  356. package/dist/IconVerified-BCiRYMzp.js +0 -20
  357. package/dist/IconVideocam-TZ4vpxTp.js +0 -16
  358. package/dist/IconViewInAr-Dn4BjPYu.js +0 -16
  359. package/dist/IconVisibility-nxEIwt29.js +0 -16
  360. package/dist/IconVolumeOff-D_ASm6Jk.js +0 -16
  361. package/dist/IconVolumeOn-CTVNBoFQ.js +0 -16
  362. package/dist/IconWarehouse-DP-BJpYG.js +0 -16
  363. package/dist/IconWarning-DcYnbH1n.js +0 -16
  364. package/dist/IconWater-Bh1ru5aW.js +0 -16
  365. package/dist/IconWeight-DfxHx8iL.js +0 -16
  366. package/dist/IconWidth-E4u3XnEj.js +0 -16
  367. package/dist/IconWorkspacePremium-Cn2NhzIu.js +0 -16
  368. package/dist/IconWrench-DHpCQriM.js +0 -16
  369. package/dist/IconYoutube-DHlDGTQp.js +0 -16
  370. package/dist/logo-aero-CgYdUJ6P.js +0 -18
  371. package/dist/logo-atv-DRRDnBsW.js +0 -20
  372. package/dist/logo-boatmart-Bixl8Rjm.js +0 -18
  373. package/dist/logo-cycle-XrAIx3En.js +0 -18
  374. package/dist/logo-equipment-Ccf-4hbw.js +0 -18
  375. package/dist/logo-pwc-BhaFll9J.js +0 -21
  376. package/dist/logo-rv-rFWJS_o0.js +0 -20
  377. package/dist/logo-snow-DZ2I9ZId.js +0 -18
  378. package/dist/logo-truck-C2Sg7G0g.js +0 -19
  379. package/dist/mark-aero-DrRWKPbe.js +0 -17
  380. package/dist/mark-atv-DWp9lDIT.js +0 -22
  381. package/dist/mark-boatmart-DzSz4wNi.js +0 -17
  382. package/dist/mark-cycle-C7M6HO_l.js +0 -17
  383. package/dist/mark-equipment-Cu1cvNVl.js +0 -17
  384. package/dist/mark-pwc-B-e8IgcO.js +0 -17
  385. package/dist/mark-rv-BN4wUQL0.js +0 -22
  386. package/dist/mark-snow-DVQFOwB0.js +0 -17
  387. package/dist/mark-truck-BUGIfzW1.js +0 -18
  388. package/dist/tide-design-system.d.ts +0 -1
  389. package/dist/tide-design-system.js +0 -5386
  390. package/docs/assets/full-bleed.gif +0 -0
  391. package/docs/assets/layout-grid-default.webp +0 -0
  392. package/docs/assets/layout-grid-fluid.webp +0 -0
  393. package/docs/assets/layout-grid.webp +0 -0
  394. package/docs/assets/native-input-validation.png +0 -0
  395. package/docs/configuation.md +0 -47
  396. package/docs/development.md +0 -163
  397. package/docs/figma.md +0 -43
  398. package/docs/forms.md +0 -484
  399. package/docs/grid-layout.md +0 -83
  400. package/docs/images.md +0 -50
  401. package/docs/integration-full.md +0 -84
  402. package/docs/integration-partial.md +0 -39
  403. package/docs/migration.md +0 -74
  404. package/docs/storybook.md +0 -44
  405. package/docs/style-guide.md +0 -22
  406. package/docs/toast.md +0 -61
  407. package/docs/token-cheatsheet.md +0 -63
  408. package/docs/upgrading.md +0 -188
  409. package/docs/workflows.md +0 -20
  410. package/index.html +0 -14
  411. package/index.ts +0 -201
  412. package/netlify.toml +0 -3
  413. package/src/assets/css/fonts.css +0 -36
  414. package/src/assets/css/grid-layout.css +0 -34
  415. package/src/assets/css/main.css +0 -5
  416. package/src/assets/css/realm/aero.css +0 -25
  417. package/src/assets/css/realm/atv.css +0 -25
  418. package/src/assets/css/realm/boatmart.css +0 -25
  419. package/src/assets/css/realm/cycle.css +0 -24
  420. package/src/assets/css/realm/equipment.css +0 -25
  421. package/src/assets/css/realm/pwc.css +0 -25
  422. package/src/assets/css/realm/rv.css +0 -25
  423. package/src/assets/css/realm/snow.css +0 -25
  424. package/src/assets/css/realm/truck.css +0 -25
  425. package/src/assets/css/reset.css +0 -99
  426. package/src/assets/css/storybook.css +0 -18
  427. package/src/assets/css/utilities-base.css +0 -574
  428. package/src/assets/css/utilities-responsive.css +0 -2307
  429. package/src/assets/css/utilities.css +0 -16
  430. package/src/assets/css/variables.css +0 -223
  431. package/src/assets/svg/branding/logo/logo-aero.svg +0 -4
  432. package/src/assets/svg/branding/logo/logo-atv.svg +0 -6
  433. package/src/assets/svg/branding/logo/logo-boatmart.svg +0 -4
  434. package/src/assets/svg/branding/logo/logo-cycle.svg +0 -4
  435. package/src/assets/svg/branding/logo/logo-equipment.svg +0 -4
  436. package/src/assets/svg/branding/logo/logo-pwc.svg +0 -4
  437. package/src/assets/svg/branding/logo/logo-rv.svg +0 -6
  438. package/src/assets/svg/branding/logo/logo-snow.svg +0 -4
  439. package/src/assets/svg/branding/logo/logo-truck.svg +0 -5
  440. package/src/assets/svg/branding/mark/mark-aero.svg +0 -3
  441. package/src/assets/svg/branding/mark/mark-atv.svg +0 -4
  442. package/src/assets/svg/branding/mark/mark-boatmart.svg +0 -3
  443. package/src/assets/svg/branding/mark/mark-cycle.svg +0 -3
  444. package/src/assets/svg/branding/mark/mark-equipment.svg +0 -3
  445. package/src/assets/svg/branding/mark/mark-pwc.svg +0 -3
  446. package/src/assets/svg/branding/mark/mark-rv.svg +0 -4
  447. package/src/assets/svg/branding/mark/mark-snow.svg +0 -3
  448. package/src/assets/svg/branding/mark/mark-truck.svg +0 -4
  449. package/src/assets/svg/icons/IconAccountBalance.svg +0 -5
  450. package/src/assets/svg/icons/IconAcute.svg +0 -3
  451. package/src/assets/svg/icons/IconAdd.svg +0 -3
  452. package/src/assets/svg/icons/IconAiDescription.svg +0 -7
  453. package/src/assets/svg/icons/IconAlignSpaceEven.svg +0 -3
  454. package/src/assets/svg/icons/IconApplePay.svg +0 -5
  455. package/src/assets/svg/icons/IconArrowBack.svg +0 -3
  456. package/src/assets/svg/icons/IconArrowCycle.svg +0 -5
  457. package/src/assets/svg/icons/IconArrowForward.svg +0 -3
  458. package/src/assets/svg/icons/IconArrowRight.svg +0 -3
  459. package/src/assets/svg/icons/IconArrowUp.svg +0 -3
  460. package/src/assets/svg/icons/IconAssignment.svg +0 -3
  461. package/src/assets/svg/icons/IconAttachMoney.svg +0 -4
  462. package/src/assets/svg/icons/IconAutoRenew.svg +0 -3
  463. package/src/assets/svg/icons/IconAwardStar.svg +0 -5
  464. package/src/assets/svg/icons/IconBed.svg +0 -3
  465. package/src/assets/svg/icons/IconBolt.svg +0 -3
  466. package/src/assets/svg/icons/IconBookmark.svg +0 -5
  467. package/src/assets/svg/icons/IconBunkhouse.svg +0 -3
  468. package/src/assets/svg/icons/IconCalculate.svg +0 -3
  469. package/src/assets/svg/icons/IconCalendarMonth.svg +0 -5
  470. package/src/assets/svg/icons/IconCall.svg +0 -5
  471. package/src/assets/svg/icons/IconCallQuality.svg +0 -3
  472. package/src/assets/svg/icons/IconCarRental.svg +0 -3
  473. package/src/assets/svg/icons/IconCheck.svg +0 -3
  474. package/src/assets/svg/icons/IconChevronLeft.svg +0 -3
  475. package/src/assets/svg/icons/IconChevronRight.svg +0 -3
  476. package/src/assets/svg/icons/IconClear.svg +0 -3
  477. package/src/assets/svg/icons/IconClose.svg +0 -3
  478. package/src/assets/svg/icons/IconContract.svg +0 -3
  479. package/src/assets/svg/icons/IconCrash.svg +0 -3
  480. package/src/assets/svg/icons/IconDashboardCustomize.svg +0 -3
  481. package/src/assets/svg/icons/IconDelete.svg +0 -5
  482. package/src/assets/svg/icons/IconDiamond.svg +0 -5
  483. package/src/assets/svg/icons/IconDirectionsBoat.svg +0 -3
  484. package/src/assets/svg/icons/IconDomain.svg +0 -3
  485. package/src/assets/svg/icons/IconDraft.svg +0 -3
  486. package/src/assets/svg/icons/IconEdit.svg +0 -5
  487. package/src/assets/svg/icons/IconEngine.svg +0 -3
  488. package/src/assets/svg/icons/IconEngineering.svg +0 -3
  489. package/src/assets/svg/icons/IconError.svg +0 -5
  490. package/src/assets/svg/icons/IconExpandContent.svg +0 -3
  491. package/src/assets/svg/icons/IconExpandLess.svg +0 -3
  492. package/src/assets/svg/icons/IconExpandMore.svg +0 -3
  493. package/src/assets/svg/icons/IconFacebook.svg +0 -3
  494. package/src/assets/svg/icons/IconFavorite.svg +0 -5
  495. package/src/assets/svg/icons/IconFavoriteFilled.svg +0 -5
  496. package/src/assets/svg/icons/IconFlag.svg +0 -3
  497. package/src/assets/svg/icons/IconFormatBold.svg +0 -5
  498. package/src/assets/svg/icons/IconFormatItalic.svg +0 -3
  499. package/src/assets/svg/icons/IconFormatListBulleted.svg +0 -5
  500. package/src/assets/svg/icons/IconForum.svg +0 -5
  501. package/src/assets/svg/icons/IconGas.svg +0 -3
  502. package/src/assets/svg/icons/IconGavel.svg +0 -5
  503. package/src/assets/svg/icons/IconGears.svg +0 -3
  504. package/src/assets/svg/icons/IconGlobeLocationPin.svg +0 -3
  505. package/src/assets/svg/icons/IconGoogle.svg +0 -18
  506. package/src/assets/svg/icons/IconGooglePay.svg +0 -5
  507. package/src/assets/svg/icons/IconGrid.svg +0 -3
  508. package/src/assets/svg/icons/IconHandshake.svg +0 -3
  509. package/src/assets/svg/icons/IconHandyman.svg +0 -3
  510. package/src/assets/svg/icons/IconHeight.svg +0 -3
  511. package/src/assets/svg/icons/IconHelp.svg +0 -5
  512. package/src/assets/svg/icons/IconInfo.svg +0 -5
  513. package/src/assets/svg/icons/IconInformation.svg +0 -3
  514. package/src/assets/svg/icons/IconInsertText.svg +0 -5
  515. package/src/assets/svg/icons/IconInstagram.svg +0 -3
  516. package/src/assets/svg/icons/IconIosShare.svg +0 -5
  517. package/src/assets/svg/icons/IconLayout.svg +0 -3
  518. package/src/assets/svg/icons/IconLevellingJack.svg +0 -3
  519. package/src/assets/svg/icons/IconLinkedIn.svg +0 -3
  520. package/src/assets/svg/icons/IconLocalShipping.svg +0 -5
  521. package/src/assets/svg/icons/IconLock.svg +0 -5
  522. package/src/assets/svg/icons/IconMail.svg +0 -5
  523. package/src/assets/svg/icons/IconMenu.svg +0 -3
  524. package/src/assets/svg/icons/IconMoneyBag.svg +0 -3
  525. package/src/assets/svg/icons/IconMoreHoriz.svg +0 -5
  526. package/src/assets/svg/icons/IconMove.svg +0 -3
  527. package/src/assets/svg/icons/IconNotifications.svg +0 -5
  528. package/src/assets/svg/icons/IconOdometer.svg +0 -3
  529. package/src/assets/svg/icons/IconOpenInNew.svg +0 -5
  530. package/src/assets/svg/icons/IconPalette.svg +0 -5
  531. package/src/assets/svg/icons/IconPaypal.svg +0 -5
  532. package/src/assets/svg/icons/IconPerson.svg +0 -5
  533. package/src/assets/svg/icons/IconPersonSearch.svg +0 -3
  534. package/src/assets/svg/icons/IconPhotoCamera.svg +0 -5
  535. package/src/assets/svg/icons/IconPinterest.svg +0 -5
  536. package/src/assets/svg/icons/IconPlayArrow.svg +0 -3
  537. package/src/assets/svg/icons/IconPolicy.svg +0 -3
  538. package/src/assets/svg/icons/IconPower.svg +0 -3
  539. package/src/assets/svg/icons/IconPowerOff.svg +0 -3
  540. package/src/assets/svg/icons/IconPriorityHigh.svg +0 -3
  541. package/src/assets/svg/icons/IconRemove.svg +0 -3
  542. package/src/assets/svg/icons/IconRequestQuote.svg +0 -3
  543. package/src/assets/svg/icons/IconResetWrench.svg +0 -3
  544. package/src/assets/svg/icons/IconRoad.svg +0 -3
  545. package/src/assets/svg/icons/IconRoundedCorner.svg +0 -5
  546. package/src/assets/svg/icons/IconRuler.svg +0 -3
  547. package/src/assets/svg/icons/IconSailing.svg +0 -3
  548. package/src/assets/svg/icons/IconSchool.svg +0 -3
  549. package/src/assets/svg/icons/IconSearch.svg +0 -5
  550. package/src/assets/svg/icons/IconSeating.svg +0 -3
  551. package/src/assets/svg/icons/IconSell.svg +0 -5
  552. package/src/assets/svg/icons/IconSensors.svg +0 -3
  553. package/src/assets/svg/icons/IconSettings.svg +0 -3
  554. package/src/assets/svg/icons/IconShare.svg +0 -5
  555. package/src/assets/svg/icons/IconShieldCheck.svg +0 -3
  556. package/src/assets/svg/icons/IconShoppingCart.svg +0 -5
  557. package/src/assets/svg/icons/IconSleeps.svg +0 -3
  558. package/src/assets/svg/icons/IconSms.svg +0 -5
  559. package/src/assets/svg/icons/IconSnowflake.svg +0 -3
  560. package/src/assets/svg/icons/IconStar.svg +0 -5
  561. package/src/assets/svg/icons/IconStarFilled.svg +0 -3
  562. package/src/assets/svg/icons/IconStarHalf.svg +0 -3
  563. package/src/assets/svg/icons/IconSummarize.svg +0 -3
  564. package/src/assets/svg/icons/IconSwapHoriz.svg +0 -3
  565. package/src/assets/svg/icons/IconSwapVert.svg +0 -5
  566. package/src/assets/svg/icons/IconThreeDRotation.svg +0 -18
  567. package/src/assets/svg/icons/IconThumbUp.svg +0 -3
  568. package/src/assets/svg/icons/IconTrendingDown.svg +0 -5
  569. package/src/assets/svg/icons/IconTrophy.svg +0 -5
  570. package/src/assets/svg/icons/IconTune.svg +0 -5
  571. package/src/assets/svg/icons/IconTwitter.svg +0 -5
  572. package/src/assets/svg/icons/IconUmbrella.svg +0 -3
  573. package/src/assets/svg/icons/IconVerified.svg +0 -4
  574. package/src/assets/svg/icons/IconVideocam.svg +0 -5
  575. package/src/assets/svg/icons/IconViewInAr.svg +0 -5
  576. package/src/assets/svg/icons/IconVisibility.svg +0 -5
  577. package/src/assets/svg/icons/IconVolumeOff.svg +0 -5
  578. package/src/assets/svg/icons/IconVolumeOn.svg +0 -5
  579. package/src/assets/svg/icons/IconWarehouse.svg +0 -3
  580. package/src/assets/svg/icons/IconWarning.svg +0 -5
  581. package/src/assets/svg/icons/IconWater.svg +0 -3
  582. package/src/assets/svg/icons/IconWeight.svg +0 -3
  583. package/src/assets/svg/icons/IconWidth.svg +0 -3
  584. package/src/assets/svg/icons/IconWorkspacePremium.svg +0 -3
  585. package/src/assets/svg/icons/IconWrench.svg +0 -3
  586. package/src/assets/svg/icons/IconYoutube.svg +0 -5
  587. package/src/assets/svg/icons/realm/aero/IconAeroFlight.svg +0 -3
  588. package/src/assets/svg/icons/realm/aero/IconAeroHelicopter.svg +0 -3
  589. package/src/assets/svg/icons/realm/aero/IconAeroModeFan.svg +0 -3
  590. package/src/assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg +0 -3
  591. package/src/assets/svg/icons/realm/atv/IconAtvAtv.svg +0 -3
  592. package/src/assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg +0 -3
  593. package/src/assets/svg/icons/realm/atv/IconAtvGoKart.svg +0 -3
  594. package/src/assets/svg/icons/realm/atv/IconAtvGolfCart.svg +0 -3
  595. package/src/assets/svg/icons/realm/atv/IconAtvSandRail.svg +0 -3
  596. package/src/assets/svg/icons/realm/atv/IconAtvSideBySide.svg +0 -3
  597. package/src/assets/svg/icons/realm/atv/IconAtvTrailer.svg +0 -3
  598. package/src/assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg +0 -3
  599. package/src/assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg +0 -3
  600. package/src/assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg +0 -4
  601. package/src/assets/svg/icons/realm/cycle/IconCycleTrailer.svg +0 -3
  602. package/src/assets/svg/icons/realm/pwc/IconPwcPwc.svg +0 -3
  603. package/src/assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg +0 -3
  604. package/src/assets/svg/icons/realm/pwc/IconPwcTrailer.svg +0 -3
  605. package/src/assets/svg/icons/realm/rv/IconRvClassA.svg +0 -3
  606. package/src/assets/svg/icons/realm/rv/IconRvClassB.svg +0 -3
  607. package/src/assets/svg/icons/realm/rv/IconRvClassC.svg +0 -3
  608. package/src/assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg +0 -5
  609. package/src/assets/svg/icons/realm/rv/IconRvFifthWheel.svg +0 -3
  610. package/src/assets/svg/icons/realm/rv/IconRvFishHouse.svg +0 -3
  611. package/src/assets/svg/icons/realm/rv/IconRvParkModel.svg +0 -3
  612. package/src/assets/svg/icons/realm/rv/IconRvPopUpCamper.svg +0 -3
  613. package/src/assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg +0 -4
  614. package/src/assets/svg/icons/realm/rv/IconRvTravelTrailer.svg +0 -3
  615. package/src/assets/svg/icons/realm/rv/IconRvTruckCamper.svg +0 -3
  616. package/src/assets/svg/icons/realm/snow/IconSnowMotorcycle.svg +0 -4
  617. package/src/assets/svg/icons/realm/snow/IconSnowPwc.svg +0 -3
  618. package/src/assets/svg/icons/realm/snow/IconSnowSideBySide.svg +0 -3
  619. package/src/assets/svg/icons/realm/snow/IconSnowSnowmobile.svg +0 -3
  620. package/src/assets/svg/icons/realm/snow/IconSnowTrailer.svg +0 -3
  621. package/src/components/InternalBaseLink.vue +0 -11
  622. package/src/components/TideAccordionItem.vue +0 -120
  623. package/src/components/TideAlert.vue +0 -186
  624. package/src/components/TideBadge.vue +0 -64
  625. package/src/components/TideBadgeTrustedPartner.vue +0 -52
  626. package/src/components/TideBadgeVerifiedVehicle.vue +0 -46
  627. package/src/components/TideBreadCrumbs.vue +0 -62
  628. package/src/components/TideButton.vue +0 -115
  629. package/src/components/TideButtonIcon.vue +0 -91
  630. package/src/components/TideButtonPagination.vue +0 -87
  631. package/src/components/TideButtonSave.vue +0 -109
  632. package/src/components/TideButtonSegmented.vue +0 -115
  633. package/src/components/TideCard.vue +0 -107
  634. package/src/components/TideCarousel.vue +0 -489
  635. package/src/components/TideChipAction.vue +0 -83
  636. package/src/components/TideChipFilter.vue +0 -71
  637. package/src/components/TideChipInput.vue +0 -54
  638. package/src/components/TideColumns.vue +0 -65
  639. package/src/components/TideDivider.vue +0 -43
  640. package/src/components/TideForm.vue +0 -33
  641. package/src/components/TideIcon.vue +0 -85
  642. package/src/components/TideImage.vue +0 -126
  643. package/src/components/TideImageBackground.vue +0 -69
  644. package/src/components/TideIndicator.vue +0 -63
  645. package/src/components/TideInputCheckbox.vue +0 -210
  646. package/src/components/TideInputCheckboxDeprecated.vue +0 -117
  647. package/src/components/TideInputRadio.vue +0 -115
  648. package/src/components/TideInputRadioDeprecated.vue +0 -119
  649. package/src/components/TideInputSelect.vue +0 -331
  650. package/src/components/TideInputSelectDeprecated.vue +0 -245
  651. package/src/components/TideInputSupportingText.vue +0 -44
  652. package/src/components/TideInputText.vue +0 -382
  653. package/src/components/TideInputTextDeprecated.vue +0 -327
  654. package/src/components/TideInputTextarea.vue +0 -235
  655. package/src/components/TideInputTextareaDeprecated.vue +0 -198
  656. package/src/components/TideLink.vue +0 -95
  657. package/src/components/TideMenuItem.vue +0 -83
  658. package/src/components/TideModal.vue +0 -281
  659. package/src/components/TidePagination.vue +0 -65
  660. package/src/components/TidePopover.vue +0 -198
  661. package/src/components/TideRating.vue +0 -109
  662. package/src/components/TideRealmLogo.vue +0 -154
  663. package/src/components/TideSeoLinks.vue +0 -59
  664. package/src/components/TideSheet.vue +0 -209
  665. package/src/components/TideSwitch.vue +0 -101
  666. package/src/components/TideTabs.vue +0 -63
  667. package/src/components/TideToaster.vue +0 -97
  668. package/src/composables/useTideConfig.ts +0 -23
  669. package/src/composables/useTideForm.ts +0 -25
  670. package/src/composables/useTideToaster.ts +0 -63
  671. package/src/contexts/sandbox/AppSandbox.vue +0 -7
  672. package/src/contexts/sandbox/app-sandbox.ts +0 -10
  673. package/src/stories/DemoCssUtilities.stories.ts +0 -154
  674. package/src/stories/DemoCssUtilitiesByTextInput.stories.ts +0 -61
  675. package/src/stories/FoundationsBorder.stories.ts +0 -272
  676. package/src/stories/FoundationsColor.stories.ts +0 -311
  677. package/src/stories/FoundationsFlexbox.stories.ts +0 -184
  678. package/src/stories/FoundationsGrid.stories.ts +0 -126
  679. package/src/stories/FoundationsMargin.stories.ts +0 -155
  680. package/src/stories/FoundationsPadding.stories.ts +0 -108
  681. package/src/stories/FoundationsShadow.stories.ts +0 -103
  682. package/src/stories/FoundationsTransparency.stories.ts +0 -114
  683. package/src/stories/FoundationsTypography.stories.ts +0 -212
  684. package/src/stories/Template.stories.ts +0 -73
  685. package/src/stories/TideAccordionItem.stories.ts +0 -91
  686. package/src/stories/TideAlert.stories.ts +0 -133
  687. package/src/stories/TideBadge.stories.ts +0 -90
  688. package/src/stories/TideBadgeTrustedPartner.stories.ts +0 -34
  689. package/src/stories/TideBadgeVerifiedVehicle.stories.ts +0 -22
  690. package/src/stories/TideBreadCrumbs.stories.ts +0 -42
  691. package/src/stories/TideButton.stories.ts +0 -132
  692. package/src/stories/TideButtonIcon.stories.ts +0 -109
  693. package/src/stories/TideButtonPagination.stories.ts +0 -99
  694. package/src/stories/TideButtonSave.stories.ts +0 -62
  695. package/src/stories/TideButtonSegmented.stories.ts +0 -110
  696. package/src/stories/TideCard.stories.ts +0 -102
  697. package/src/stories/TideCarousel.stories.ts +0 -219
  698. package/src/stories/TideChipAction.stories.ts +0 -81
  699. package/src/stories/TideChipFilter.stories.ts +0 -84
  700. package/src/stories/TideChipInput.stories.ts +0 -56
  701. package/src/stories/TideColumns.stories.ts +0 -89
  702. package/src/stories/TideDivider.stories.ts +0 -48
  703. package/src/stories/TideIcon.stories.ts +0 -31
  704. package/src/stories/TideImage.stories.ts +0 -124
  705. package/src/stories/TideImageBackground.stories.ts +0 -114
  706. package/src/stories/TideIndicator.stories.ts +0 -32
  707. package/src/stories/TideInputCheckbox.stories.ts +0 -138
  708. package/src/stories/TideInputRadio.stories.ts +0 -100
  709. package/src/stories/TideInputSelect.stories.ts +0 -244
  710. package/src/stories/TideInputText.stories.ts +0 -221
  711. package/src/stories/TideInputTextarea.stories.ts +0 -156
  712. package/src/stories/TideLink.stories.ts +0 -127
  713. package/src/stories/TideMenuItem.stories.ts +0 -117
  714. package/src/stories/TideModal.stories.ts +0 -219
  715. package/src/stories/TidePagination.stories.ts +0 -100
  716. package/src/stories/TidePopover.stories.ts +0 -101
  717. package/src/stories/TideRating.stories.ts +0 -114
  718. package/src/stories/TideRealmLogo.stories.ts +0 -93
  719. package/src/stories/TideSeoLinks.stories.ts +0 -68
  720. package/src/stories/TideSheet.stories.ts +0 -152
  721. package/src/stories/TideSwitch.stories.ts +0 -72
  722. package/src/stories/TideTabs.stories.ts +0 -114
  723. package/src/stories/TideToaster.stories.ts +0 -117
  724. package/src/stories/Welcome.mdx +0 -17
  725. package/src/types/Alert.ts +0 -8
  726. package/src/types/Badge.ts +0 -76
  727. package/src/types/BreadCrumb.ts +0 -5
  728. package/src/types/Breakpoint.ts +0 -18
  729. package/src/types/Card.ts +0 -7
  730. package/src/types/Element.ts +0 -13
  731. package/src/types/FieldDeprecated.ts +0 -92
  732. package/src/types/Form.ts +0 -1
  733. package/src/types/FormDeprecated.ts +0 -91
  734. package/src/types/Formatted.ts +0 -23
  735. package/src/types/Icon.ts +0 -202
  736. package/src/types/Image.ts +0 -7
  737. package/src/types/Link.ts +0 -5
  738. package/src/types/Orientation.ts +0 -6
  739. package/src/types/Priority.ts +0 -11
  740. package/src/types/Realm.ts +0 -14
  741. package/src/types/RealmLogo.ts +0 -23
  742. package/src/types/Select.ts +0 -9
  743. package/src/types/Size.ts +0 -13
  744. package/src/types/Source.ts +0 -6
  745. package/src/types/Storybook.ts +0 -253
  746. package/src/types/Styles.ts +0 -526
  747. package/src/types/Tab.ts +0 -5
  748. package/src/types/Target.ts +0 -6
  749. package/src/types/TextInput.ts +0 -28
  750. package/src/types/Toast.ts +0 -21
  751. package/src/types/Type.ts +0 -6
  752. package/src/types/Validation.ts +0 -33
  753. package/src/types/ValidationDeprecated.ts +0 -41
  754. package/src/utilities/event.ts +0 -4
  755. package/src/utilities/format.ts +0 -184
  756. package/src/utilities/forms.ts +0 -22
  757. package/src/utilities/realm.ts +0 -17
  758. package/src/utilities/storybook.ts +0 -354
  759. package/src/utilities/validation-deprecated.ts +0 -252
  760. package/src/utilities/validation.ts +0 -132
  761. package/src/utilities/viewport.ts +0 -63
  762. package/tests/InternalBaseLink.spec.ts +0 -61
  763. package/tests/TideRealmLogo.spec.ts +0 -58
  764. package/tests/svg-icons.spec.ts +0 -74
  765. package/tests/utilities-format.spec.ts +0 -470
  766. package/tests/utilities-storybook.spec.ts +0 -99
  767. package/tsconfig.app.json +0 -14
  768. package/tsconfig.config.json +0 -12
  769. package/tsconfig.json +0 -35
  770. package/tsconfig.node.json +0 -7
  771. package/tsconfig.vitest.json +0 -10
  772. package/vite-env.d.ts +0 -2
  773. package/vite.config.sandbox.ts +0 -29
  774. package/vite.config.ts +0 -37
package/src/assets/css/utilities-responsive.css DELETED
@@ -1,2307 +0,0 @@
1
- @media (min-width: 768px) {
2
- /* Reusable CSS Utility Library */
3
- /* Position */
4
- .sm-tide-position-absolute {position: absolute;}
5
- .sm-tide-position-fixed {position: fixed;}
6
- .sm-tide-position-relative {position: relative;}
7
- .sm-tide-position-static {position: static;}
8
- .sm-tide-position-sticky {position: sticky;}
9
-
10
- .sm-tide-top-0 {top: 0;}
11
- .sm-tide-right-0 {right: 0;}
12
- .sm-tide-bottom-0 {bottom: 0;}
13
- .sm-tide-left-0 {left: 0;}
14
-
15
- /* Display */
16
- .sm-tide-display-block {display: block;}
17
- .sm-tide-display-contents {display: contents;}
18
- .sm-tide-display-flex {display: flex;}
19
- .sm-tide-display-grid {display: grid;}
20
- .sm-tide-display-initial {display: initial;}
21
- .sm-tide-display-inline {display: inline;}
22
- .sm-tide-display-inline-block {display: inline-block;}
23
- .sm-tide-display-inline-flex {display: inline-flex;}
24
- .sm-tide-display-none {display: none;}
25
-
26
- /* Flex Box */
27
- .sm-tide-flex-column {flex-direction: column;}
28
- .sm-tide-flex-column-reverse {flex-direction: column-reverse;}
29
- .sm-tide-flex-row {flex-direction: row;}
30
- .sm-tide-flex-row-reverse {flex-direction: row-reverse;}
31
-
32
- .sm-tide-grow {flex-grow: 1;}
33
- .sm-tide-grow-none {flex-grow: 0;}
34
-
35
- .sm-tide-shrink {flex-shrink: 1;}
36
- .sm-tide-shrink-none {flex-shrink: 0;}
37
-
38
- .sm-tide-flex-wrap {flex-wrap: wrap;}
39
-
40
- .sm-tide-axis1-around {justify-content: space-around;}
41
- .sm-tide-axis1-between {justify-content: space-between;}
42
- .sm-tide-axis1-center {justify-content: center;}
43
- .sm-tide-axis1-end {justify-content: end;}
44
- .sm-tide-axis1-start {justify-content: start;}
45
-
46
- .sm-tide-axis2-around {align-items: space-around;}
47
- .sm-tide-axis2-center {align-items: center;}
48
- .sm-tide-axis2-end {align-items: flex-end;}
49
- .sm-tide-axis2-start {align-items: flex-start;}
50
- .sm-tide-axis2-stretch {align-items: stretch;}
51
-
52
- .sm-tide-gap-0 {gap: 0;}
53
- .sm-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
54
- .sm-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
55
- .sm-tide-gap-1 {gap: var(--tide-spacing-1);}
56
- .sm-tide-gap-2 {gap: var(--tide-spacing-2);}
57
- .sm-tide-gap-4 {gap: var(--tide-spacing-4);}
58
-
59
- .sm-tide-flex-basis-auto {flex-basis: auto;}
60
- .sm-tide-flex-basis-0 {flex-basis: 0;}
61
-
62
- /* Box Sizing */
63
- .sm-tide-box-border {box-sizing: border-box;}
64
- .sm-tide-box-content {box-sizing: content-box;}
65
-
66
- /* Margin */
67
- .sm-tide-margin-0 {margin: 0;}
68
- .sm-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
69
- .sm-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
70
- .sm-tide-margin-1 {margin: var(--tide-spacing-1);}
71
- .sm-tide-margin-2 {margin: var(--tide-spacing-2);}
72
- .sm-tide-margin-4 {margin: var(--tide-spacing-4);}
73
- .sm-tide-margin-auto {margin: auto;}
74
-
75
- .sm-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
76
- .sm-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
77
- .sm-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
78
- .sm-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
79
- .sm-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
80
- .sm-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
81
- .sm-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
82
-
83
- .sm-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
84
- .sm-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
85
- .sm-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
86
- .sm-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
87
- .sm-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
88
- .sm-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
89
- .sm-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
90
-
91
- .sm-tide-margin-top-0 {margin-top: 0;}
92
- .sm-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
93
- .sm-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
94
- .sm-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
95
- .sm-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
96
- .sm-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
97
- .sm-tide-margin-top-auto {margin-top: auto;}
98
-
99
- .sm-tide-margin-right-0 {margin-right: 0;}
100
- .sm-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
101
- .sm-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
102
- .sm-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
103
- .sm-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
104
- .sm-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
105
- .sm-tide-margin-right-auto {margin-right: auto;}
106
-
107
- .sm-tide-margin-bottom-0 {margin-bottom: 0;}
108
- .sm-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
109
- .sm-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
110
- .sm-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
111
- .sm-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
112
- .sm-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
113
- .sm-tide-margin-bottom-auto {margin-bottom: auto;}
114
-
115
- .sm-tide-margin-left-0 {margin-left: 0;}
116
- .sm-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
117
- .sm-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
118
- .sm-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
119
- .sm-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
120
- .sm-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
121
- .sm-tide-margin-left-auto {margin-left: auto;}
122
-
123
- /* Border Color */
124
- .sm-tide-border-color-initial {border-color: initial;}
125
-
126
- .sm-tide-border-primary {border-color: var(--tide-primary);}
127
-
128
- .sm-tide-border {border-color: var(--tide-border);}
129
- .sm-tide-border-low {border-color: var(--tide-border-low);}
130
- .sm-tide-border-high {border-color: var(--tide-border-high);}
131
- .sm-tide-border-floating {border-color: var(--tide-border-floating);}
132
-
133
- .sm-tide-border-error {border-color: var(--tide-error-border);}
134
- .sm-tide-border-info {border-color: var(--tide-info-border);}
135
- .sm-tide-border-success {border-color: var(--tide-success-border);}
136
- .sm-tide-border-warning {border-color: var(--tide-warning-border);}
137
-
138
- .sm-tide-border-blue {border-color: var(--tide-blue-border);}
139
- .sm-tide-border-green {border-color: var(--tide-green-border);}
140
- .sm-tide-border-lime {border-color: var(--tide-lime-border);}
141
- .sm-tide-border-orange {border-color: var(--tide-orange-border);}
142
- .sm-tide-border-purple {border-color: var(--tide-purple-border);}
143
- .sm-tide-border-red {border-color: var(--tide-red-border);}
144
- .sm-tide-border-salmon {border-color: var(--tide-salmon-border);}
145
- .sm-tide-border-teal {border-color: var(--tide-teal-border);}
146
- .sm-tide-border-yellow {border-color: var(--tide-yellow-border);}
147
-
148
- /* Border Width */
149
- .sm-tide-border-1,
150
- .sm-tide-border-2,
151
- .sm-tide-border-bottom-1,
152
- .sm-tide-border-bottom-2,
153
- .sm-tide-border-left-1,
154
- .sm-tide-border-left-2,
155
- .sm-tide-border-right-1,
156
- .sm-tide-border-right-2,
157
- .sm-tide-border-top-1,
158
- .sm-tide-border-top-2 {
159
- border-style: solid;
160
- }
161
-
162
- .sm-tide-border-dashed {border-style: dashed;}
163
- .sm-tide-border-solid {border-style: solid;}
164
-
165
- .sm-tide-border-0 {border-width: 0;}
166
- .sm-tide-border-1 {border-width: var(--tide-border-width-1);}
167
- .sm-tide-border-2 {border-width: var(--tide-border-width-2);}
168
-
169
- .sm-tide-border-top-0 {border-top-width: 0;}
170
- .sm-tide-border-right-0 {border-right-width: 0;}
171
- .sm-tide-border-bottom-0 {border-bottom-width: 0;}
172
- .sm-tide-border-left-0 {border-left-width: 0;}
173
-
174
- .sm-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
175
- .sm-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
176
- .sm-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
177
- .sm-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
178
-
179
- .sm-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
180
- .sm-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
181
- .sm-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
182
- .sm-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
183
-
184
- .sm-tide-radius-0 {border-radius: 0;}
185
- .sm-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
186
- .sm-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
187
- .sm-tide-radius-1 {border-radius: var(--tide-radius-1);}
188
- .sm-tide-radius-full {border-radius: var(--tide-radius-full);}
189
-
190
- /* Padding */
191
- .sm-tide-padding-0 {padding: 0;}
192
- .sm-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
193
- .sm-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
194
- .sm-tide-padding-1 {padding: var(--tide-spacing-1);}
195
- .sm-tide-padding-2 {padding: var(--tide-spacing-2);}
196
- .sm-tide-padding-4 {padding: var(--tide-spacing-4);}
197
-
198
- .sm-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
199
- .sm-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
200
- .sm-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
201
- .sm-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
202
- .sm-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
203
- .sm-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
204
-
205
- .sm-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
206
- .sm-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
207
- .sm-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
208
- .sm-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
209
- .sm-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
210
- .sm-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
211
-
212
- .sm-tide-padding-top-0 {padding-top: 0;}
213
- .sm-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
214
- .sm-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
215
- .sm-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
216
- .sm-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
217
- .sm-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
218
-
219
- .sm-tide-padding-right-0 {padding-right: 0;}
220
- .sm-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
221
- .sm-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
222
- .sm-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
223
- .sm-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
224
- .sm-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
225
-
226
- .sm-tide-padding-bottom-0 {padding-bottom: 0;}
227
- .sm-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
228
- .sm-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
229
- .sm-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
230
- .sm-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
231
- .sm-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
232
-
233
- .sm-tide-padding-left-0 {padding-left: 0;}
234
- .sm-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
235
- .sm-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
236
- .sm-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
237
- .sm-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
238
- .sm-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
239
-
240
- /* Dimension */
241
- .sm-tide-max-width-full {max-width: 100%;}
242
- .sm-tide-min-width-0 {min-width: 0;}
243
-
244
- .sm-tide-max-height-full {max-height: 100%;}
245
- .sm-tide-min-height-0 {min-height: 0;}
246
-
247
- .sm-tide-width-auto {width: auto;}
248
- .sm-tide-width-0 {width: 0;}
249
- .sm-tide-width-full {width: 100%;}
250
- .sm-tide-width-stretch {
251
- width: -webkit-fill-available;
252
- width: stretch;
253
- }
254
-
255
- .sm-tide-height-auto {height: auto;}
256
- .sm-tide-height-0 {height: 0;}
257
- .sm-tide-height-full {height: 100%;}
258
-
259
- /* Deprecated */
260
- .sm-tide-width-container {max-width: 1168px;}
261
-
262
- /* Background */
263
- .sm-tide-bg-initial {background-color: initial;}
264
-
265
- .sm-tide-bg-primary {background: var(--tide-primary);}
266
- .sm-tide-bg-secondary {background: var(--tide-secondary);}
267
-
268
- .sm-tide-bg-surface {background: var(--tide-surface);}
269
- .sm-tide-bg-surface-variant {background: var(--tide-surface-variant);}
270
- .sm-tide-bg-surface-brand {background: var(--tide-surface-brand);}
271
- .sm-tide-bg-surface-accent {background: var(--tide-surface-accent);}
272
- .sm-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
273
- .sm-tide-bg-surface-floating {background: var(--tide-surface-floating);}
274
- .sm-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
275
-
276
- /* Icon background colors only */
277
- .sm-tide-bg-primary-error {background-color: var(--tide-error-primary);}
278
- .sm-tide-bg-primary-info {background-color: var(--tide-info-primary);}
279
- .sm-tide-bg-primary-success {background-color: var(--tide-success-primary);}
280
- .sm-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
281
-
282
- .sm-tide-bg-surface-error {background-color: var(--tide-error-surface);}
283
- .sm-tide-bg-surface-info {background-color: var(--tide-info-surface);}
284
- .sm-tide-bg-surface-success {background-color: var(--tide-success-surface);}
285
- .sm-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
286
-
287
- .sm-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
288
- .sm-tide-bg-surface-green {background-color: var(--tide-green-surface);}
289
- .sm-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
290
- .sm-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
291
- .sm-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
292
- .sm-tide-bg-surface-red {background-color: var(--tide-red-surface);}
293
- .sm-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
294
- .sm-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
295
- .sm-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
296
-
297
- .sm-tide-transparent-100 {background-color: var(--tide-transparent-100);}
298
- .sm-tide-transparent-200 {background-color: var(--tide-transparent-200);}
299
- .sm-tide-transparent-300 {background-color: var(--tide-transparent-300);}
300
- .sm-tide-transparent-400 {background-color: var(--tide-transparent-400);}
301
-
302
- /* Typographic roles */
303
- .sm-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
304
- .sm-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
305
- .sm-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
306
- .sm-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
307
- .sm-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
308
- .sm-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
309
- .sm-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
310
- .sm-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
311
- .sm-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
312
- .sm-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
313
- .sm-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
314
- .sm-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
315
- .sm-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
316
- .sm-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
317
- .sm-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
318
- .sm-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
319
- .sm-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
320
- .sm-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
321
-
322
- /* Font Color */
323
- .sm-tide-font-on-primary {color: var(--tide-on-primary);}
324
- .sm-tide-font-on-secondary {color: var(--tide-on-secondary);}
325
-
326
- .sm-tide-font-on-surface {color: var(--tide-on-surface);}
327
- .sm-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
328
- .sm-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
329
- .sm-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
330
- .sm-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
331
-
332
- .sm-tide-font-error {color: var(--tide-error-primary);}
333
- .sm-tide-font-info {color: var(--tide-info-primary);}
334
- .sm-tide-font-success {color: var(--tide-success-primary);}
335
- .sm-tide-font-warning {color: var(--tide-warning-primary);}
336
-
337
- .sm-tide-font-blue {color: var(--tide-blue-on-surface);}
338
- .sm-tide-font-green {color: var(--tide-green-on-surface);}
339
- .sm-tide-font-lime {color: var(--tide-lime-on-surface);}
340
- .sm-tide-font-orange {color: var(--tide-orange-on-surface);}
341
- .sm-tide-font-purple {color: var(--tide-purple-on-surface);}
342
- .sm-tide-font-red {color: var(--tide-red-on-surface);}
343
- .sm-tide-font-salmon {color: var(--tide-salmon-on-surface);}
344
- .sm-tide-font-teal {color: var(--tide-teal-on-surface);}
345
- .sm-tide-font-yellow {color: var(--tide-yellow-on-surface);}
346
-
347
- /* Badge icon colors only */
348
- .sm-tide-font-primary-blue {color: var(--tide-blue-primary);}
349
- .sm-tide-font-primary-green {color: var(--tide-green-primary);}
350
- .sm-tide-font-primary-lime {color: var(--tide-lime-primary);}
351
- .sm-tide-font-primary-orange {color: var(--tide-orange-primary);}
352
- .sm-tide-font-primary-purple {color: var(--tide-purple-primary);}
353
- .sm-tide-font-primary-red {color: var(--tide-red-primary);}
354
- .sm-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
355
- .sm-tide-font-primary-teal {color: var(--tide-teal-primary);}
356
- .sm-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
357
-
358
- /* Font Size */
359
- .sm-tide-font-10 {font-size: var(--tide-font-10);}
360
- .sm-tide-font-12 {font-size: var(--tide-font-12);}
361
- .sm-tide-font-14 {font-size: var(--tide-font-14);}
362
- .sm-tide-font-16 {font-size: var(--tide-font-16);}
363
- .sm-tide-font-20 {font-size: var(--tide-font-20);}
364
- .sm-tide-font-24 {font-size: var(--tide-font-24);}
365
- .sm-tide-font-32 {font-size: var(--tide-font-32);}
366
-
367
- /* Font Weight */
368
- .sm-tide-font-400 {font-weight: var(--tide-font-regular);}
369
- .sm-tide-font-500 {font-weight: var(--tide-font-medium);}
370
- .sm-tide-font-600 {font-weight: var(--tide-font-semibold);}
371
- .sm-tide-font-700 {font-weight: 700;}
372
-
373
- /* Misc */
374
- .sm-tide-align-middle {vertical-align: middle;}
375
- .sm-tide-align-initial {vertical-align: initial;}
376
-
377
- .sm-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
378
-
379
- .sm-tide-break-initial {overflow-wrap: initial;}
380
- .sm-tide-break-word {overflow-wrap: break-word;}
381
-
382
- .sm-tide-break-inside-avoid-column {break-inside: avoid-column}
383
-
384
- .sm-tide-columns-initial {column-count: initial;}
385
- .sm-tide-columns-1 {column-count: 1;}
386
- .sm-tide-columns-2 {column-count: 2;}
387
- .sm-tide-columns-3 {column-count: 3;}
388
- .sm-tide-columns-4 {column-count: 4;}
389
-
390
- .sm-tide-cursor-not-allowed {cursor: not-allowed;}
391
- .sm-tide-cursor-pointer {cursor: pointer;}
392
- .sm-tide-cursor-text {cursor: text;}
393
-
394
- .sm-tide-ellipsis {
395
- overflow: hidden;
396
- text-overflow: ellipsis;
397
- white-space: nowrap;
398
- }
399
-
400
- .sm-tide-isolate {isolation: isolate;}
401
-
402
- /* Deprecated */
403
- .sm-tide-leading-default {line-height: 1.4;}
404
- .sm-tide-leading-normal {line-height: normal;}
405
-
406
- .sm-tide-list-none {list-style-type: none;}
407
-
408
- .sm-tide-object-center {object-position: center;}
409
-
410
- .sm-tide-object-cover {object-fit: cover;}
411
- .sm-tide-object-contain {object-fit: contain;}
412
- .sm-tide-object-scale-down {object-fit: scale-down;}
413
-
414
- .sm-tide-opacity {opacity: 1;}
415
- .sm-tide-opacity-disabled {opacity: var(--tide-disabled);}
416
- .sm-tide-opacity-none {opacity: 0;}
417
-
418
- .sm-tide-pointer-events {pointer-events: auto;}
419
- .sm-tide-pointer-events-none {pointer-events: none;}
420
-
421
- .sm-tide-user-select-none {user-select: none;}
422
- .sm-tide-user-select-initial {user-select: initial;}
423
-
424
- .sm-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
425
- .sm-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
426
- .sm-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
427
-
428
- .sm-tide-scrollbar-none::-webkit-scrollbar {display: none;}
429
- .sm-tide-scrollbar-none {
430
- -ms-overflow-style: none;
431
- scrollbar-width: none;
432
- }
433
-
434
- .sm-tide-scroll-snap {
435
- scroll-snap-stop: always;
436
- scroll-snap-type: both mandatory;
437
- scroll-behavior: smooth;
438
- }
439
-
440
- .sm-tide-scroll-snap-start {
441
- scroll-snap-align: start;
442
- }
443
-
444
- .sm-tide-shadow-initial {box-shadow: initial;}
445
- .sm-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
446
- .sm-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
447
- .sm-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
448
-
449
- .sm-tide-strikethrough {text-decoration: line-through;}
450
- .sm-tide-strikethrough-none {text-decoration: none;}
451
-
452
- .sm-tide-text-center {text-align: center;}
453
- .sm-tide-text-justify {text-align: justify;}
454
- .sm-tide-text-left {text-align: left;}
455
- .sm-tide-text-right {text-align: right;}
456
-
457
- .sm-tide-text-transform-lower {text-transform: lowercase;}
458
- .sm-tide-text-transform-none {text-transform: none;}
459
- .sm-tide-text-transform-upper {text-transform: uppercase;}
460
-
461
- .sm-tide-underline {text-decoration: underline;}
462
- .sm-tide-underline-none {text-decoration: none;}
463
- .sm-tide-underline-hover:hover {text-decoration: underline;}
464
- .sm-tide-underline-hover-none:hover {text-decoration: none;}
465
-
466
- .sm-tide-visible {visibility: visible;}
467
- .sm-tide-visible-none {visibility: hidden;}
468
-
469
- .sm-tide-whitespace-nowrap {white-space: nowrap;}
470
-
471
- .sm-tide-x-auto {overflow-x: auto;}
472
- .sm-tide-x-hidden {overflow-x: hidden;}
473
- .sm-tide-x-scroll {overflow-x: scroll;}
474
-
475
- .sm-tide-xy-auto {overflow: auto;}
476
- .sm-tide-xy-hidden {overflow: hidden;}
477
-
478
- .sm-tide-y-auto {overflow-y: auto;}
479
- .sm-tide-y-hidden {overflow-y: hidden;}
480
-
481
- .sm-tide-z-index-initial {z-index: initial;}
482
- .sm-tide-z-index-1 {z-index: 1;}
483
-
484
- /* Buttons */
485
- /* Rest State */
486
- .sm-tide-button-primary,
487
- .sm-tide-button-secondary,
488
- .sm-tide-button-tertiary,
489
- .sm-tide-button-quaternary,
490
- .sm-tide-button-floating {
491
- border: var(--tide-border-width-2) solid;
492
- }
493
-
494
- .sm-tide-button-primary,
495
- .sm-tide-button-secondary,
496
- .sm-tide-button-tertiary,
497
- .sm-tide-button-quaternary {
498
- box-shadow: none;
499
- }
500
-
501
- .sm-tide-button-primary {
502
- background-color: var(--tide-primary);
503
- border-color: var(--tide-primary);
504
- color: var(--tide-on-primary);
505
- }
506
-
507
- .sm-tide-button-secondary {
508
- background-color: var(--tide-secondary);
509
- border-color: var(--tide-secondary);
510
- color: var(--tide-on-secondary);
511
- }
512
-
513
- .sm-tide-button-tertiary {
514
- background-color: var(--tide-surface-variant);
515
- border-color: var(--tide-surface-variant);
516
- color: var(--tide-secondary);
517
- }
518
-
519
- .sm-tide-button-quaternary {
520
- background-color: var(--tide-surface);
521
- border-color: var(--tide-surface);
522
- color: var(--tide-secondary);
523
- }
524
-
525
- .sm-tide-button-floating {
526
- background-color: var(--tide-surface);
527
- border-color: var(--tide-surface);
528
- box-shadow: var(--tide-shadow-bottom);
529
- color: var(--tide-secondary);
530
- }
531
-
532
- /* Hover State */
533
- a.sm-tide-button-primary:hover,
534
- button.sm-tide-button-primary:enabled:hover {
535
- background-color: var(--tide-surface);
536
- border-color: var(--tide-primary);
537
- color: var(--tide-primary);
538
- }
539
-
540
- a.sm-tide-button-secondary:hover,
541
- button.sm-tide-button-secondary:enabled:hover {
542
- background-color: var(--tide-surface);
543
- border-color: var(--tide-secondary);
544
- color: var(--tide-on-surface);
545
- }
546
-
547
- a.sm-tide-button-tertiary:hover,
548
- button.sm-tide-button-tertiary:enabled:hover {
549
- background-color: var(--tide-surface-variant);
550
- border-color: var(--tide-border);
551
- color: var(--tide-secondary);
552
- }
553
-
554
- a.sm-tide-button-quaternary:hover,
555
- button.sm-tide-button-quaternary:enabled:hover {
556
- background-color: var(--tide-surface-variant);
557
- border-color: var(--tide-surface-variant);
558
- color: var(--tide-secondary);
559
- }
560
-
561
- .sm-tide-button-floating:hover,
562
- button.sm-tide-button-floating:enabled:hover {
563
- background-color: var(--tide-surface);
564
- border-color: var(--tide-surface);
565
- color: var(--tide-secondary);
566
- }
567
-
568
- /* Disabled State */
569
- button.sm-tide-button-primary:disabled,
570
- button.sm-tide-button-secondary:disabled,
571
- button.sm-tide-button-tertiary:disabled,
572
- button.sm-tide-button-quaternary:disabled,
573
- button.sm-tide-button-floating:disabled {
574
- opacity: var(--tide-disabled);
575
- }
576
- }
577
-
578
- @media (min-width: 992px) {
579
- /* Reusable CSS Utility Library */
580
- /* Position */
581
- .md-tide-position-absolute {position: absolute;}
582
- .md-tide-position-fixed {position: fixed;}
583
- .md-tide-position-relative {position: relative;}
584
- .md-tide-position-static {position: static;}
585
- .md-tide-position-sticky {position: sticky;}
586
-
587
- .md-tide-top-0 {top: 0;}
588
- .md-tide-right-0 {right: 0;}
589
- .md-tide-bottom-0 {bottom: 0;}
590
- .md-tide-left-0 {left: 0;}
591
-
592
- /* Display */
593
- .md-tide-display-block {display: block;}
594
- .md-tide-display-contents {display: contents;}
595
- .md-tide-display-flex {display: flex;}
596
- .md-tide-display-grid {display: grid;}
597
- .md-tide-display-initial {display: initial;}
598
- .md-tide-display-inline {display: inline;}
599
- .md-tide-display-inline-block {display: inline-block;}
600
- .md-tide-display-inline-flex {display: inline-flex;}
601
- .md-tide-display-none {display: none;}
602
-
603
- /* Flex Box */
604
- .md-tide-flex-column {flex-direction: column;}
605
- .md-tide-flex-column-reverse {flex-direction: column-reverse;}
606
- .md-tide-flex-row {flex-direction: row;}
607
- .md-tide-flex-row-reverse {flex-direction: row-reverse;}
608
-
609
- .md-tide-grow {flex-grow: 1;}
610
- .md-tide-grow-none {flex-grow: 0;}
611
-
612
- .md-tide-shrink {flex-shrink: 1;}
613
- .md-tide-shrink-none {flex-shrink: 0;}
614
-
615
- .md-tide-flex-wrap {flex-wrap: wrap;}
616
-
617
- .md-tide-axis1-around {justify-content: space-around;}
618
- .md-tide-axis1-between {justify-content: space-between;}
619
- .md-tide-axis1-center {justify-content: center;}
620
- .md-tide-axis1-end {justify-content: end;}
621
- .md-tide-axis1-start {justify-content: start;}
622
-
623
- .md-tide-axis2-around {align-items: space-around;}
624
- .md-tide-axis2-center {align-items: center;}
625
- .md-tide-axis2-end {align-items: flex-end;}
626
- .md-tide-axis2-start {align-items: flex-start;}
627
- .md-tide-axis2-stretch {align-items: stretch;}
628
-
629
- .md-tide-gap-0 {gap: 0;}
630
- .md-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
631
- .md-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
632
- .md-tide-gap-1 {gap: var(--tide-spacing-1);}
633
- .md-tide-gap-2 {gap: var(--tide-spacing-2);}
634
- .md-tide-gap-4 {gap: var(--tide-spacing-4);}
635
-
636
- .md-tide-flex-basis-auto {flex-basis: auto;}
637
- .md-tide-flex-basis-0 {flex-basis: 0;}
638
-
639
- /* Box Sizing */
640
- .md-tide-box-border {box-sizing: border-box;}
641
- .md-tide-box-content {box-sizing: content-box;}
642
-
643
- /* Margin */
644
- .md-tide-margin-0 {margin: 0;}
645
- .md-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
646
- .md-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
647
- .md-tide-margin-1 {margin: var(--tide-spacing-1);}
648
- .md-tide-margin-2 {margin: var(--tide-spacing-2);}
649
- .md-tide-margin-4 {margin: var(--tide-spacing-4);}
650
- .md-tide-margin-auto {margin: auto;}
651
-
652
- .md-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
653
- .md-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
654
- .md-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
655
- .md-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
656
- .md-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
657
- .md-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
658
- .md-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
659
-
660
- .md-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
661
- .md-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
662
- .md-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
663
- .md-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
664
- .md-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
665
- .md-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
666
- .md-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
667
-
668
- .md-tide-margin-top-0 {margin-top: 0;}
669
- .md-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
670
- .md-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
671
- .md-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
672
- .md-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
673
- .md-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
674
- .md-tide-margin-top-auto {margin-top: auto;}
675
-
676
- .md-tide-margin-right-0 {margin-right: 0;}
677
- .md-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
678
- .md-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
679
- .md-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
680
- .md-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
681
- .md-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
682
- .md-tide-margin-right-auto {margin-right: auto;}
683
-
684
- .md-tide-margin-bottom-0 {margin-bottom: 0;}
685
- .md-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
686
- .md-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
687
- .md-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
688
- .md-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
689
- .md-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
690
- .md-tide-margin-bottom-auto {margin-bottom: auto;}
691
-
692
- .md-tide-margin-left-0 {margin-left: 0;}
693
- .md-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
694
- .md-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
695
- .md-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
696
- .md-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
697
- .md-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
698
- .md-tide-margin-left-auto {margin-left: auto;}
699
-
700
- /* Border Color */
701
- .md-tide-border-color-initial {border-color: initial;}
702
-
703
- .md-tide-border-primary {border-color: var(--tide-primary);}
704
-
705
- .md-tide-border {border-color: var(--tide-border);}
706
- .md-tide-border-low {border-color: var(--tide-border-low);}
707
- .md-tide-border-high {border-color: var(--tide-border-high);}
708
- .md-tide-border-floating {border-color: var(--tide-border-floating);}
709
-
710
- .md-tide-border-error {border-color: var(--tide-error-border);}
711
- .md-tide-border-info {border-color: var(--tide-info-border);}
712
- .md-tide-border-success {border-color: var(--tide-success-border);}
713
- .md-tide-border-warning {border-color: var(--tide-warning-border);}
714
-
715
- .md-tide-border-blue {border-color: var(--tide-blue-border);}
716
- .md-tide-border-green {border-color: var(--tide-green-border);}
717
- .md-tide-border-lime {border-color: var(--tide-lime-border);}
718
- .md-tide-border-orange {border-color: var(--tide-orange-border);}
719
- .md-tide-border-purple {border-color: var(--tide-purple-border);}
720
- .md-tide-border-red {border-color: var(--tide-red-border);}
721
- .md-tide-border-salmon {border-color: var(--tide-salmon-border);}
722
- .md-tide-border-teal {border-color: var(--tide-teal-border);}
723
- .md-tide-border-yellow {border-color: var(--tide-yellow-border);}
724
-
725
- /* Border Width */
726
- .md-tide-border-1,
727
- .md-tide-border-2,
728
- .md-tide-border-bottom-1,
729
- .md-tide-border-bottom-2,
730
- .md-tide-border-left-1,
731
- .md-tide-border-left-2,
732
- .md-tide-border-right-1,
733
- .md-tide-border-right-2,
734
- .md-tide-border-top-1,
735
- .md-tide-border-top-2 {
736
- border-style: solid;
737
- }
738
-
739
- .md-tide-border-dashed {border-style: dashed;}
740
- .md-tide-border-solid {border-style: solid;}
741
-
742
- .md-tide-border-0 {border-width: 0;}
743
- .md-tide-border-1 {border-width: var(--tide-border-width-1);}
744
- .md-tide-border-2 {border-width: var(--tide-border-width-2);}
745
-
746
- .md-tide-border-top-0 {border-top-width: 0;}
747
- .md-tide-border-right-0 {border-right-width: 0;}
748
- .md-tide-border-bottom-0 {border-bottom-width: 0;}
749
- .md-tide-border-left-0 {border-left-width: 0;}
750
-
751
- .md-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
752
- .md-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
753
- .md-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
754
- .md-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
755
-
756
- .md-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
757
- .md-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
758
- .md-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
759
- .md-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
760
-
761
- .md-tide-radius-0 {border-radius: 0;}
762
- .md-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
763
- .md-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
764
- .md-tide-radius-1 {border-radius: var(--tide-radius-1);}
765
- .md-tide-radius-full {border-radius: var(--tide-radius-full);}
766
-
767
- /* Padding */
768
- .md-tide-padding-0 {padding: 0;}
769
- .md-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
770
- .md-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
771
- .md-tide-padding-1 {padding: var(--tide-spacing-1);}
772
- .md-tide-padding-2 {padding: var(--tide-spacing-2);}
773
- .md-tide-padding-4 {padding: var(--tide-spacing-4);}
774
-
775
- .md-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
776
- .md-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
777
- .md-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
778
- .md-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
779
- .md-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
780
- .md-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
781
-
782
- .md-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
783
- .md-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
784
- .md-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
785
- .md-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
786
- .md-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
787
- .md-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
788
-
789
- .md-tide-padding-top-0 {padding-top: 0;}
790
- .md-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
791
- .md-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
792
- .md-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
793
- .md-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
794
- .md-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
795
-
796
- .md-tide-padding-right-0 {padding-right: 0;}
797
- .md-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
798
- .md-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
799
- .md-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
800
- .md-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
801
- .md-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
802
-
803
- .md-tide-padding-bottom-0 {padding-bottom: 0;}
804
- .md-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
805
- .md-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
806
- .md-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
807
- .md-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
808
- .md-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
809
-
810
- .md-tide-padding-left-0 {padding-left: 0;}
811
- .md-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
812
- .md-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
813
- .md-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
814
- .md-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
815
- .md-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
816
-
817
- /* Dimension */
818
- .md-tide-max-width-full {max-width: 100%;}
819
- .md-tide-min-width-0 {min-width: 0;}
820
-
821
- .md-tide-max-height-full {max-height: 100%;}
822
- .md-tide-min-height-0 {min-height: 0;}
823
-
824
- .md-tide-width-auto {width: auto;}
825
- .md-tide-width-0 {width: 0;}
826
- .md-tide-width-full {width: 100%;}
827
- .md-tide-width-stretch {
828
- width: -webkit-fill-available;
829
- width: stretch;
830
- }
831
-
832
- .md-tide-height-auto {height: auto;}
833
- .md-tide-height-0 {height: 0;}
834
- .md-tide-height-full {height: 100%;}
835
-
836
- /* Deprecated */
837
- .md-tide-width-container {max-width: 1168px;}
838
-
839
- /* Background */
840
- .md-tide-bg-initial {background-color: initial;}
841
-
842
- .md-tide-bg-primary {background: var(--tide-primary);}
843
- .md-tide-bg-secondary {background: var(--tide-secondary);}
844
-
845
- .md-tide-bg-surface {background: var(--tide-surface);}
846
- .md-tide-bg-surface-variant {background: var(--tide-surface-variant);}
847
- .md-tide-bg-surface-brand {background: var(--tide-surface-brand);}
848
- .md-tide-bg-surface-accent {background: var(--tide-surface-accent);}
849
- .md-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
850
- .md-tide-bg-surface-floating {background: var(--tide-surface-floating);}
851
- .md-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
852
-
853
- /* Icon background colors only */
854
- .md-tide-bg-primary-error {background-color: var(--tide-error-primary);}
855
- .md-tide-bg-primary-info {background-color: var(--tide-info-primary);}
856
- .md-tide-bg-primary-success {background-color: var(--tide-success-primary);}
857
- .md-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
858
-
859
- .md-tide-bg-surface-error {background-color: var(--tide-error-surface);}
860
- .md-tide-bg-surface-info {background-color: var(--tide-info-surface);}
861
- .md-tide-bg-surface-success {background-color: var(--tide-success-surface);}
862
- .md-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
863
-
864
- .md-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
865
- .md-tide-bg-surface-green {background-color: var(--tide-green-surface);}
866
- .md-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
867
- .md-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
868
- .md-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
869
- .md-tide-bg-surface-red {background-color: var(--tide-red-surface);}
870
- .md-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
871
- .md-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
872
- .md-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
873
-
874
- .md-tide-transparent-100 {background-color: var(--tide-transparent-100);}
875
- .md-tide-transparent-200 {background-color: var(--tide-transparent-200);}
876
- .md-tide-transparent-300 {background-color: var(--tide-transparent-300);}
877
- .md-tide-transparent-400 {background-color: var(--tide-transparent-400);}
878
-
879
- /* Typographic roles */
880
- .md-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
881
- .md-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
882
- .md-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
883
- .md-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
884
- .md-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
885
- .md-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
886
- .md-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
887
- .md-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
888
- .md-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
889
- .md-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
890
- .md-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
891
- .md-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
892
- .md-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
893
- .md-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
894
- .md-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
895
- .md-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
896
- .md-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
897
- .md-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
898
-
899
- /* Font Color */
900
- .md-tide-font-on-primary {color: var(--tide-on-primary);}
901
- .md-tide-font-on-secondary {color: var(--tide-on-secondary);}
902
-
903
- .md-tide-font-on-surface {color: var(--tide-on-surface);}
904
- .md-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
905
- .md-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
906
- .md-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
907
- .md-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
908
-
909
- .md-tide-font-error {color: var(--tide-error-primary);}
910
- .md-tide-font-info {color: var(--tide-info-primary);}
911
- .md-tide-font-success {color: var(--tide-success-primary);}
912
- .md-tide-font-warning {color: var(--tide-warning-primary);}
913
-
914
- .md-tide-font-blue {color: var(--tide-blue-on-surface);}
915
- .md-tide-font-green {color: var(--tide-green-on-surface);}
916
- .md-tide-font-lime {color: var(--tide-lime-on-surface);}
917
- .md-tide-font-orange {color: var(--tide-orange-on-surface);}
918
- .md-tide-font-purple {color: var(--tide-purple-on-surface);}
919
- .md-tide-font-red {color: var(--tide-red-on-surface);}
920
- .md-tide-font-salmon {color: var(--tide-salmon-on-surface);}
921
- .md-tide-font-teal {color: var(--tide-teal-on-surface);}
922
- .md-tide-font-yellow {color: var(--tide-yellow-on-surface);}
923
-
924
- /* Badge icon colors only */
925
- .md-tide-font-primary-blue {color: var(--tide-blue-primary);}
926
- .md-tide-font-primary-green {color: var(--tide-green-primary);}
927
- .md-tide-font-primary-lime {color: var(--tide-lime-primary);}
928
- .md-tide-font-primary-orange {color: var(--tide-orange-primary);}
929
- .md-tide-font-primary-purple {color: var(--tide-purple-primary);}
930
- .md-tide-font-primary-red {color: var(--tide-red-primary);}
931
- .md-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
932
- .md-tide-font-primary-teal {color: var(--tide-teal-primary);}
933
- .md-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
934
-
935
- /* Font Size */
936
- .md-tide-font-10 {font-size: var(--tide-font-10);}
937
- .md-tide-font-12 {font-size: var(--tide-font-12);}
938
- .md-tide-font-14 {font-size: var(--tide-font-14);}
939
- .md-tide-font-16 {font-size: var(--tide-font-16);}
940
- .md-tide-font-20 {font-size: var(--tide-font-20);}
941
- .md-tide-font-24 {font-size: var(--tide-font-24);}
942
- .md-tide-font-32 {font-size: var(--tide-font-32);}
943
-
944
- /* Font Weight */
945
- .md-tide-font-400 {font-weight: var(--tide-font-regular);}
946
- .md-tide-font-500 {font-weight: var(--tide-font-medium);}
947
- .md-tide-font-600 {font-weight: var(--tide-font-semibold);}
948
- .md-tide-font-700 {font-weight: 700;}
949
-
950
- /* Misc */
951
- .md-tide-align-middle {vertical-align: middle;}
952
- .md-tide-align-initial {vertical-align: initial;}
953
-
954
- .md-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
955
-
956
- .md-tide-break-initial {overflow-wrap: initial;}
957
- .md-tide-break-word {overflow-wrap: break-word;}
958
-
959
- .md-tide-break-inside-avoid-column {break-inside: avoid-column}
960
-
961
- .md-tide-columns-initial {column-count: initial;}
962
- .md-tide-columns-1 {column-count: 1;}
963
- .md-tide-columns-2 {column-count: 2;}
964
- .md-tide-columns-3 {column-count: 3;}
965
- .md-tide-columns-4 {column-count: 4;}
966
-
967
- .md-tide-cursor-not-allowed {cursor: not-allowed;}
968
- .md-tide-cursor-pointer {cursor: pointer;}
969
- .md-tide-cursor-text {cursor: text;}
970
-
971
- .md-tide-ellipsis {
972
- overflow: hidden;
973
- text-overflow: ellipsis;
974
- white-space: nowrap;
975
- }
976
-
977
- .md-tide-isolate {isolation: isolate;}
978
-
979
- /* Deprecated */
980
- .md-tide-leading-default {line-height: 1.4;}
981
- .md-tide-leading-normal {line-height: normal;}
982
-
983
- .md-tide-list-none {list-style-type: none;}
984
-
985
- .md-tide-object-center {object-position: center;}
986
-
987
- .md-tide-object-cover {object-fit: cover;}
988
- .md-tide-object-contain {object-fit: contain;}
989
- .md-tide-object-scale-down {object-fit: scale-down;}
990
-
991
- .md-tide-opacity {opacity: 1;}
992
- .md-tide-opacity-disabled {opacity: var(--tide-disabled);}
993
- .md-tide-opacity-none {opacity: 0;}
994
-
995
- .md-tide-pointer-events {pointer-events: auto;}
996
- .md-tide-pointer-events-none {pointer-events: none;}
997
-
998
- .md-tide-user-select-none {user-select: none;}
999
- .md-tide-user-select-initial {user-select: initial;}
1000
-
1001
- .md-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
1002
- .md-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
1003
- .md-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
1004
-
1005
- .md-tide-scrollbar-none::-webkit-scrollbar {display: none;}
1006
- .md-tide-scrollbar-none {
1007
- -ms-overflow-style: none;
1008
- scrollbar-width: none;
1009
- }
1010
-
1011
- .md-tide-scroll-snap {
1012
- scroll-snap-stop: always;
1013
- scroll-snap-type: both mandatory;
1014
- scroll-behavior: smooth;
1015
- }
1016
-
1017
- .md-tide-scroll-snap-start {
1018
- scroll-snap-align: start;
1019
- }
1020
-
1021
- .md-tide-shadow-initial {box-shadow: initial;}
1022
- .md-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
1023
- .md-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
1024
- .md-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
1025
-
1026
- .md-tide-strikethrough {text-decoration: line-through;}
1027
- .md-tide-strikethrough-none {text-decoration: none;}
1028
-
1029
- .md-tide-text-center {text-align: center;}
1030
- .md-tide-text-justify {text-align: justify;}
1031
- .md-tide-text-left {text-align: left;}
1032
- .md-tide-text-right {text-align: right;}
1033
-
1034
- .md-tide-text-transform-lower {text-transform: lowercase;}
1035
- .md-tide-text-transform-none {text-transform: none;}
1036
- .md-tide-text-transform-upper {text-transform: uppercase;}
1037
-
1038
- .md-tide-underline {text-decoration: underline;}
1039
- .md-tide-underline-none {text-decoration: none;}
1040
- .md-tide-underline-hover:hover {text-decoration: underline;}
1041
- .md-tide-underline-hover-none:hover {text-decoration: none;}
1042
-
1043
- .md-tide-visible {visibility: visible;}
1044
- .md-tide-visible-none {visibility: hidden;}
1045
-
1046
- .md-tide-whitespace-nowrap {white-space: nowrap;}
1047
-
1048
- .md-tide-x-auto {overflow-x: auto;}
1049
- .md-tide-x-hidden {overflow-x: hidden;}
1050
- .md-tide-x-scroll {overflow-x: scroll;}
1051
-
1052
- .md-tide-xy-auto {overflow: auto;}
1053
- .md-tide-xy-hidden {overflow: hidden;}
1054
-
1055
- .md-tide-y-auto {overflow-y: auto;}
1056
- .md-tide-y-hidden {overflow-y: hidden;}
1057
-
1058
- .md-tide-z-index-initial {z-index: initial;}
1059
- .md-tide-z-index-1 {z-index: 1;}
1060
-
1061
- /* Buttons */
1062
- /* Rest State */
1063
- .md-tide-button-primary,
1064
- .md-tide-button-secondary,
1065
- .md-tide-button-tertiary,
1066
- .md-tide-button-quaternary,
1067
- .md-tide-button-floating {
1068
- border: var(--tide-border-width-2) solid;
1069
- }
1070
-
1071
- .md-tide-button-primary,
1072
- .md-tide-button-secondary,
1073
- .md-tide-button-tertiary,
1074
- .md-tide-button-quaternary {
1075
- box-shadow: none;
1076
- }
1077
-
1078
- .md-tide-button-primary {
1079
- background-color: var(--tide-primary);
1080
- border-color: var(--tide-primary);
1081
- color: var(--tide-on-primary);
1082
- }
1083
-
1084
- .md-tide-button-secondary {
1085
- background-color: var(--tide-secondary);
1086
- border-color: var(--tide-secondary);
1087
- color: var(--tide-on-secondary);
1088
- }
1089
-
1090
- .md-tide-button-tertiary {
1091
- background-color: var(--tide-surface-variant);
1092
- border-color: var(--tide-surface-variant);
1093
- color: var(--tide-secondary);
1094
- }
1095
-
1096
- .md-tide-button-quaternary {
1097
- background-color: var(--tide-surface);
1098
- border-color: var(--tide-surface);
1099
- color: var(--tide-secondary);
1100
- }
1101
-
1102
- .md-tide-button-floating {
1103
- background-color: var(--tide-surface);
1104
- border-color: var(--tide-surface);
1105
- box-shadow: var(--tide-shadow-bottom);
1106
- color: var(--tide-secondary);
1107
- }
1108
-
1109
- /* Hover State */
1110
- a.md-tide-button-primary:hover,
1111
- button.md-tide-button-primary:enabled:hover {
1112
- background-color: var(--tide-surface);
1113
- border-color: var(--tide-primary);
1114
- color: var(--tide-primary);
1115
- }
1116
-
1117
- a.md-tide-button-secondary:hover,
1118
- button.md-tide-button-secondary:enabled:hover {
1119
- background-color: var(--tide-surface);
1120
- border-color: var(--tide-secondary);
1121
- color: var(--tide-on-surface);
1122
- }
1123
-
1124
- a.md-tide-button-tertiary:hover,
1125
- button.md-tide-button-tertiary:enabled:hover {
1126
- background-color: var(--tide-surface-variant);
1127
- border-color: var(--tide-border);
1128
- color: var(--tide-secondary);
1129
- }
1130
-
1131
- a.md-tide-button-quaternary:hover,
1132
- button.md-tide-button-quaternary:enabled:hover {
1133
- background-color: var(--tide-surface-variant);
1134
- border-color: var(--tide-surface-variant);
1135
- color: var(--tide-secondary);
1136
- }
1137
-
1138
- .md-tide-button-floating:hover,
1139
- button.md-tide-button-floating:enabled:hover {
1140
- background-color: var(--tide-surface);
1141
- border-color: var(--tide-surface);
1142
- color: var(--tide-secondary);
1143
- }
1144
-
1145
- /* Disabled State */
1146
- button.md-tide-button-primary:disabled,
1147
- button.md-tide-button-secondary:disabled,
1148
- button.md-tide-button-tertiary:disabled,
1149
- button.md-tide-button-quaternary:disabled,
1150
- button.md-tide-button-floating:disabled {
1151
- opacity: var(--tide-disabled);
1152
- }
1153
- }
1154
-
1155
- @media (min-width: 1232px) {
1156
- /* Reusable CSS Utility Library */
1157
- /* Position */
1158
- .lg-tide-position-absolute {position: absolute;}
1159
- .lg-tide-position-fixed {position: fixed;}
1160
- .lg-tide-position-relative {position: relative;}
1161
- .lg-tide-position-static {position: static;}
1162
- .lg-tide-position-sticky {position: sticky;}
1163
-
1164
- .lg-tide-top-0 {top: 0;}
1165
- .lg-tide-right-0 {right: 0;}
1166
- .lg-tide-bottom-0 {bottom: 0;}
1167
- .lg-tide-left-0 {left: 0;}
1168
-
1169
- /* Display */
1170
- .lg-tide-display-block {display: block;}
1171
- .lg-tide-display-contents {display: contents;}
1172
- .lg-tide-display-flex {display: flex;}
1173
- .lg-tide-display-grid {display: grid;}
1174
- .lg-tide-display-initial {display: initial;}
1175
- .lg-tide-display-inline {display: inline;}
1176
- .lg-tide-display-inline-block {display: inline-block;}
1177
- .lg-tide-display-inline-flex {display: inline-flex;}
1178
- .lg-tide-display-none {display: none;}
1179
-
1180
- /* Flex Box */
1181
- .lg-tide-flex-column {flex-direction: column;}
1182
- .lg-tide-flex-column-reverse {flex-direction: column-reverse;}
1183
- .lg-tide-flex-row {flex-direction: row;}
1184
- .lg-tide-flex-row-reverse {flex-direction: row-reverse;}
1185
-
1186
- .lg-tide-grow {flex-grow: 1;}
1187
- .lg-tide-grow-none {flex-grow: 0;}
1188
-
1189
- .lg-tide-shrink {flex-shrink: 1;}
1190
- .lg-tide-shrink-none {flex-shrink: 0;}
1191
-
1192
- .lg-tide-flex-wrap {flex-wrap: wrap;}
1193
-
1194
- .lg-tide-axis1-around {justify-content: space-around;}
1195
- .lg-tide-axis1-between {justify-content: space-between;}
1196
- .lg-tide-axis1-center {justify-content: center;}
1197
- .lg-tide-axis1-end {justify-content: end;}
1198
- .lg-tide-axis1-start {justify-content: start;}
1199
-
1200
- .lg-tide-axis2-around {align-items: space-around;}
1201
- .lg-tide-axis2-center {align-items: center;}
1202
- .lg-tide-axis2-end {align-items: flex-end;}
1203
- .lg-tide-axis2-start {align-items: flex-start;}
1204
- .lg-tide-axis2-stretch {align-items: stretch;}
1205
-
1206
- .lg-tide-gap-0 {gap: 0;}
1207
- .lg-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
1208
- .lg-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
1209
- .lg-tide-gap-1 {gap: var(--tide-spacing-1);}
1210
- .lg-tide-gap-2 {gap: var(--tide-spacing-2);}
1211
- .lg-tide-gap-4 {gap: var(--tide-spacing-4);}
1212
-
1213
- .lg-tide-flex-basis-auto {flex-basis: auto;}
1214
- .lg-tide-flex-basis-0 {flex-basis: 0;}
1215
-
1216
- /* Box Sizing */
1217
- .lg-tide-box-border {box-sizing: border-box;}
1218
- .lg-tide-box-content {box-sizing: content-box;}
1219
-
1220
- /* Margin */
1221
- .lg-tide-margin-0 {margin: 0;}
1222
- .lg-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
1223
- .lg-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
1224
- .lg-tide-margin-1 {margin: var(--tide-spacing-1);}
1225
- .lg-tide-margin-2 {margin: var(--tide-spacing-2);}
1226
- .lg-tide-margin-4 {margin: var(--tide-spacing-4);}
1227
- .lg-tide-margin-auto {margin: auto;}
1228
-
1229
- .lg-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
1230
- .lg-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
1231
- .lg-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
1232
- .lg-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
1233
- .lg-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
1234
- .lg-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
1235
- .lg-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
1236
-
1237
- .lg-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
1238
- .lg-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
1239
- .lg-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
1240
- .lg-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
1241
- .lg-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
1242
- .lg-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
1243
- .lg-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
1244
-
1245
- .lg-tide-margin-top-0 {margin-top: 0;}
1246
- .lg-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
1247
- .lg-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
1248
- .lg-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
1249
- .lg-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
1250
- .lg-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
1251
- .lg-tide-margin-top-auto {margin-top: auto;}
1252
-
1253
- .lg-tide-margin-right-0 {margin-right: 0;}
1254
- .lg-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
1255
- .lg-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
1256
- .lg-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
1257
- .lg-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
1258
- .lg-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
1259
- .lg-tide-margin-right-auto {margin-right: auto;}
1260
-
1261
- .lg-tide-margin-bottom-0 {margin-bottom: 0;}
1262
- .lg-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
1263
- .lg-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
1264
- .lg-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
1265
- .lg-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
1266
- .lg-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
1267
- .lg-tide-margin-bottom-auto {margin-bottom: auto;}
1268
-
1269
- .lg-tide-margin-left-0 {margin-left: 0;}
1270
- .lg-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
1271
- .lg-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
1272
- .lg-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
1273
- .lg-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
1274
- .lg-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
1275
- .lg-tide-margin-left-auto {margin-left: auto;}
1276
-
1277
- /* Border Color */
1278
- .lg-tide-border-color-initial {border-color: initial;}
1279
-
1280
- .lg-tide-border-primary {border-color: var(--tide-primary);}
1281
-
1282
- .lg-tide-border {border-color: var(--tide-border);}
1283
- .lg-tide-border-low {border-color: var(--tide-border-low);}
1284
- .lg-tide-border-high {border-color: var(--tide-border-high);}
1285
- .lg-tide-border-floating {border-color: var(--tide-border-floating);}
1286
-
1287
- .lg-tide-border-error {border-color: var(--tide-error-border);}
1288
- .lg-tide-border-info {border-color: var(--tide-info-border);}
1289
- .lg-tide-border-success {border-color: var(--tide-success-border);}
1290
- .lg-tide-border-warning {border-color: var(--tide-warning-border);}
1291
-
1292
- .lg-tide-border-blue {border-color: var(--tide-blue-border);}
1293
- .lg-tide-border-green {border-color: var(--tide-green-border);}
1294
- .lg-tide-border-lime {border-color: var(--tide-lime-border);}
1295
- .lg-tide-border-orange {border-color: var(--tide-orange-border);}
1296
- .lg-tide-border-purple {border-color: var(--tide-purple-border);}
1297
- .lg-tide-border-red {border-color: var(--tide-red-border);}
1298
- .lg-tide-border-salmon {border-color: var(--tide-salmon-border);}
1299
- .lg-tide-border-teal {border-color: var(--tide-teal-border);}
1300
- .lg-tide-border-yellow {border-color: var(--tide-yellow-border);}
1301
-
1302
- /* Border Width */
1303
- .lg-tide-border-1,
1304
- .lg-tide-border-2,
1305
- .lg-tide-border-bottom-1,
1306
- .lg-tide-border-bottom-2,
1307
- .lg-tide-border-left-1,
1308
- .lg-tide-border-left-2,
1309
- .lg-tide-border-right-1,
1310
- .lg-tide-border-right-2,
1311
- .lg-tide-border-top-1,
1312
- .lg-tide-border-top-2 {
1313
- border-style: solid;
1314
- }
1315
-
1316
- .lg-tide-border-dashed {border-style: dashed;}
1317
- .lg-tide-border-solid {border-style: solid;}
1318
-
1319
- .lg-tide-border-0 {border-width: 0;}
1320
- .lg-tide-border-1 {border-width: var(--tide-border-width-1);}
1321
- .lg-tide-border-2 {border-width: var(--tide-border-width-2);}
1322
-
1323
- .lg-tide-border-top-0 {border-top-width: 0;}
1324
- .lg-tide-border-right-0 {border-right-width: 0;}
1325
- .lg-tide-border-bottom-0 {border-bottom-width: 0;}
1326
- .lg-tide-border-left-0 {border-left-width: 0;}
1327
-
1328
- .lg-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
1329
- .lg-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
1330
- .lg-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
1331
- .lg-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
1332
-
1333
- .lg-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
1334
- .lg-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
1335
- .lg-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
1336
- .lg-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
1337
-
1338
- .lg-tide-radius-0 {border-radius: 0;}
1339
- .lg-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
1340
- .lg-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
1341
- .lg-tide-radius-1 {border-radius: var(--tide-radius-1);}
1342
- .lg-tide-radius-full {border-radius: var(--tide-radius-full);}
1343
-
1344
- /* Padding */
1345
- .lg-tide-padding-0 {padding: 0;}
1346
- .lg-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
1347
- .lg-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
1348
- .lg-tide-padding-1 {padding: var(--tide-spacing-1);}
1349
- .lg-tide-padding-2 {padding: var(--tide-spacing-2);}
1350
- .lg-tide-padding-4 {padding: var(--tide-spacing-4);}
1351
-
1352
- .lg-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
1353
- .lg-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
1354
- .lg-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
1355
- .lg-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
1356
- .lg-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
1357
- .lg-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
1358
-
1359
- .lg-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
1360
- .lg-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
1361
- .lg-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
1362
- .lg-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
1363
- .lg-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
1364
- .lg-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
1365
-
1366
- .lg-tide-padding-top-0 {padding-top: 0;}
1367
- .lg-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
1368
- .lg-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
1369
- .lg-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
1370
- .lg-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
1371
- .lg-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
1372
-
1373
- .lg-tide-padding-right-0 {padding-right: 0;}
1374
- .lg-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
1375
- .lg-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
1376
- .lg-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
1377
- .lg-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
1378
- .lg-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
1379
-
1380
- .lg-tide-padding-bottom-0 {padding-bottom: 0;}
1381
- .lg-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
1382
- .lg-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
1383
- .lg-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
1384
- .lg-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
1385
- .lg-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
1386
-
1387
- .lg-tide-padding-left-0 {padding-left: 0;}
1388
- .lg-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
1389
- .lg-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
1390
- .lg-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
1391
- .lg-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
1392
- .lg-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
1393
-
1394
- /* Dimension */
1395
- .lg-tide-max-width-full {max-width: 100%;}
1396
- .lg-tide-min-width-0 {min-width: 0;}
1397
-
1398
- .lg-tide-max-height-full {max-height: 100%;}
1399
- .lg-tide-min-height-0 {min-height: 0;}
1400
-
1401
- .lg-tide-width-auto {width: auto;}
1402
- .lg-tide-width-0 {width: 0;}
1403
- .lg-tide-width-full {width: 100%;}
1404
- .lg-tide-width-stretch {
1405
- width: -webkit-fill-available;
1406
- width: stretch;
1407
- }
1408
-
1409
- .lg-tide-height-auto {height: auto;}
1410
- .lg-tide-height-0 {height: 0;}
1411
- .lg-tide-height-full {height: 100%;}
1412
-
1413
- /* Deprecated */
1414
- .lg-tide-width-container {max-width: 1168px;}
1415
-
1416
- /* Background */
1417
- .lg-tide-bg-initial {background-color: initial;}
1418
-
1419
- .lg-tide-bg-primary {background: var(--tide-primary);}
1420
- .lg-tide-bg-secondary {background: var(--tide-secondary);}
1421
-
1422
- .lg-tide-bg-surface {background: var(--tide-surface);}
1423
- .lg-tide-bg-surface-variant {background: var(--tide-surface-variant);}
1424
- .lg-tide-bg-surface-brand {background: var(--tide-surface-brand);}
1425
- .lg-tide-bg-surface-accent {background: var(--tide-surface-accent);}
1426
- .lg-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
1427
- .lg-tide-bg-surface-floating {background: var(--tide-surface-floating);}
1428
- .lg-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
1429
-
1430
- /* Icon background colors only */
1431
- .lg-tide-bg-primary-error {background-color: var(--tide-error-primary);}
1432
- .lg-tide-bg-primary-info {background-color: var(--tide-info-primary);}
1433
- .lg-tide-bg-primary-success {background-color: var(--tide-success-primary);}
1434
- .lg-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
1435
-
1436
- .lg-tide-bg-surface-error {background-color: var(--tide-error-surface);}
1437
- .lg-tide-bg-surface-info {background-color: var(--tide-info-surface);}
1438
- .lg-tide-bg-surface-success {background-color: var(--tide-success-surface);}
1439
- .lg-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
1440
-
1441
- .lg-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
1442
- .lg-tide-bg-surface-green {background-color: var(--tide-green-surface);}
1443
- .lg-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
1444
- .lg-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
1445
- .lg-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
1446
- .lg-tide-bg-surface-red {background-color: var(--tide-red-surface);}
1447
- .lg-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
1448
- .lg-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
1449
- .lg-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
1450
-
1451
- .lg-tide-transparent-100 {background-color: var(--tide-transparent-100);}
1452
- .lg-tide-transparent-200 {background-color: var(--tide-transparent-200);}
1453
- .lg-tide-transparent-300 {background-color: var(--tide-transparent-300);}
1454
- .lg-tide-transparent-400 {background-color: var(--tide-transparent-400);}
1455
-
1456
- /* Typographic roles */
1457
- .lg-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
1458
- .lg-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
1459
- .lg-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
1460
- .lg-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
1461
- .lg-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
1462
- .lg-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
1463
- .lg-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
1464
- .lg-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
1465
- .lg-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
1466
- .lg-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
1467
- .lg-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
1468
- .lg-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
1469
- .lg-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
1470
- .lg-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
1471
- .lg-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
1472
- .lg-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
1473
- .lg-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
1474
- .lg-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
1475
-
1476
- /* Font Color */
1477
- .lg-tide-font-on-primary {color: var(--tide-on-primary);}
1478
- .lg-tide-font-on-secondary {color: var(--tide-on-secondary);}
1479
-
1480
- .lg-tide-font-on-surface {color: var(--tide-on-surface);}
1481
- .lg-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
1482
- .lg-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
1483
- .lg-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
1484
- .lg-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
1485
-
1486
- .lg-tide-font-error {color: var(--tide-error-primary);}
1487
- .lg-tide-font-info {color: var(--tide-info-primary);}
1488
- .lg-tide-font-success {color: var(--tide-success-primary);}
1489
- .lg-tide-font-warning {color: var(--tide-warning-primary);}
1490
-
1491
- .lg-tide-font-blue {color: var(--tide-blue-on-surface);}
1492
- .lg-tide-font-green {color: var(--tide-green-on-surface);}
1493
- .lg-tide-font-lime {color: var(--tide-lime-on-surface);}
1494
- .lg-tide-font-orange {color: var(--tide-orange-on-surface);}
1495
- .lg-tide-font-purple {color: var(--tide-purple-on-surface);}
1496
- .lg-tide-font-red {color: var(--tide-red-on-surface);}
1497
- .lg-tide-font-salmon {color: var(--tide-salmon-on-surface);}
1498
- .lg-tide-font-teal {color: var(--tide-teal-on-surface);}
1499
- .lg-tide-font-yellow {color: var(--tide-yellow-on-surface);}
1500
-
1501
- /* Badge icon colors only */
1502
- .lg-tide-font-primary-blue {color: var(--tide-blue-primary);}
1503
- .lg-tide-font-primary-green {color: var(--tide-green-primary);}
1504
- .lg-tide-font-primary-lime {color: var(--tide-lime-primary);}
1505
- .lg-tide-font-primary-orange {color: var(--tide-orange-primary);}
1506
- .lg-tide-font-primary-purple {color: var(--tide-purple-primary);}
1507
- .lg-tide-font-primary-red {color: var(--tide-red-primary);}
1508
- .lg-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
1509
- .lg-tide-font-primary-teal {color: var(--tide-teal-primary);}
1510
- .lg-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
1511
-
1512
- /* Font Size */
1513
- .lg-tide-font-10 {font-size: var(--tide-font-10);}
1514
- .lg-tide-font-12 {font-size: var(--tide-font-12);}
1515
- .lg-tide-font-14 {font-size: var(--tide-font-14);}
1516
- .lg-tide-font-16 {font-size: var(--tide-font-16);}
1517
- .lg-tide-font-20 {font-size: var(--tide-font-20);}
1518
- .lg-tide-font-24 {font-size: var(--tide-font-24);}
1519
- .lg-tide-font-32 {font-size: var(--tide-font-32);}
1520
-
1521
- /* Font Weight */
1522
- .lg-tide-font-400 {font-weight: var(--tide-font-regular);}
1523
- .lg-tide-font-500 {font-weight: var(--tide-font-medium);}
1524
- .lg-tide-font-600 {font-weight: var(--tide-font-semibold);}
1525
- .lg-tide-font-700 {font-weight: 700;}
1526
-
1527
- /* Misc */
1528
- .lg-tide-align-middle {vertical-align: middle;}
1529
- .lg-tide-align-initial {vertical-align: initial;}
1530
-
1531
- .lg-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
1532
-
1533
- .lg-tide-break-initial {overflow-wrap: initial;}
1534
- .lg-tide-break-word {overflow-wrap: break-word;}
1535
-
1536
- .lg-tide-break-inside-avoid-column {break-inside: avoid-column}
1537
-
1538
- .lg-tide-columns-initial {column-count: initial;}
1539
- .lg-tide-columns-1 {column-count: 1;}
1540
- .lg-tide-columns-2 {column-count: 2;}
1541
- .lg-tide-columns-3 {column-count: 3;}
1542
- .lg-tide-columns-4 {column-count: 4;}
1543
-
1544
- .lg-tide-cursor-not-allowed {cursor: not-allowed;}
1545
- .lg-tide-cursor-pointer {cursor: pointer;}
1546
- .lg-tide-cursor-text {cursor: text;}
1547
-
1548
- .lg-tide-ellipsis {
1549
- overflow: hidden;
1550
- text-overflow: ellipsis;
1551
- white-space: nowrap;
1552
- }
1553
-
1554
- .lg-tide-isolate {isolation: isolate;}
1555
-
1556
- /* Deprecated */
1557
- .lg-tide-leading-default {line-height: 1.4;}
1558
- .lg-tide-leading-normal {line-height: normal;}
1559
-
1560
- .lg-tide-list-none {list-style-type: none;}
1561
-
1562
- .lg-tide-object-center {object-position: center;}
1563
-
1564
- .lg-tide-object-cover {object-fit: cover;}
1565
- .lg-tide-object-contain {object-fit: contain;}
1566
- .lg-tide-object-scale-down {object-fit: scale-down;}
1567
-
1568
- .lg-tide-opacity {opacity: 1;}
1569
- .lg-tide-opacity-disabled {opacity: var(--tide-disabled);}
1570
- .lg-tide-opacity-none {opacity: 0;}
1571
-
1572
- .lg-tide-pointer-events {pointer-events: auto;}
1573
- .lg-tide-pointer-events-none {pointer-events: none;}
1574
-
1575
- .lg-tide-user-select-none {user-select: none;}
1576
- .lg-tide-user-select-initial {user-select: initial;}
1577
-
1578
- .lg-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
1579
- .lg-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
1580
- .lg-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
1581
-
1582
- .lg-tide-scrollbar-none::-webkit-scrollbar {display: none;}
1583
- .lg-tide-scrollbar-none {
1584
- -ms-overflow-style: none;
1585
- scrollbar-width: none;
1586
- }
1587
-
1588
- .lg-tide-scroll-snap {
1589
- scroll-snap-stop: always;
1590
- scroll-snap-type: both mandatory;
1591
- scroll-behavior: smooth;
1592
- }
1593
-
1594
- .lg-tide-scroll-snap-start {
1595
- scroll-snap-align: start;
1596
- }
1597
-
1598
- .lg-tide-shadow-initial {box-shadow: initial;}
1599
- .lg-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
1600
- .lg-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
1601
- .lg-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
1602
-
1603
- .lg-tide-strikethrough {text-decoration: line-through;}
1604
- .lg-tide-strikethrough-none {text-decoration: none;}
1605
-
1606
- .lg-tide-text-center {text-align: center;}
1607
- .lg-tide-text-justify {text-align: justify;}
1608
- .lg-tide-text-left {text-align: left;}
1609
- .lg-tide-text-right {text-align: right;}
1610
-
1611
- .lg-tide-text-transform-lower {text-transform: lowercase;}
1612
- .lg-tide-text-transform-none {text-transform: none;}
1613
- .lg-tide-text-transform-upper {text-transform: uppercase;}
1614
-
1615
- .lg-tide-underline {text-decoration: underline;}
1616
- .lg-tide-underline-none {text-decoration: none;}
1617
- .lg-tide-underline-hover:hover {text-decoration: underline;}
1618
- .lg-tide-underline-hover-none:hover {text-decoration: none;}
1619
-
1620
- .lg-tide-visible {visibility: visible;}
1621
- .lg-tide-visible-none {visibility: hidden;}
1622
-
1623
- .lg-tide-whitespace-nowrap {white-space: nowrap;}
1624
-
1625
- .lg-tide-x-auto {overflow-x: auto;}
1626
- .lg-tide-x-hidden {overflow-x: hidden;}
1627
- .lg-tide-x-scroll {overflow-x: scroll;}
1628
-
1629
- .lg-tide-xy-auto {overflow: auto;}
1630
- .lg-tide-xy-hidden {overflow: hidden;}
1631
-
1632
- .lg-tide-y-auto {overflow-y: auto;}
1633
- .lg-tide-y-hidden {overflow-y: hidden;}
1634
-
1635
- .lg-tide-z-index-initial {z-index: initial;}
1636
- .lg-tide-z-index-1 {z-index: 1;}
1637
-
1638
- /* Buttons */
1639
- /* Rest State */
1640
- .lg-tide-button-primary,
1641
- .lg-tide-button-secondary,
1642
- .lg-tide-button-tertiary,
1643
- .lg-tide-button-quaternary,
1644
- .lg-tide-button-floating {
1645
- border: var(--tide-border-width-2) solid;
1646
- }
1647
-
1648
- .lg-tide-button-primary,
1649
- .lg-tide-button-secondary,
1650
- .lg-tide-button-tertiary,
1651
- .lg-tide-button-quaternary {
1652
- box-shadow: none;
1653
- }
1654
-
1655
- .lg-tide-button-primary {
1656
- background-color: var(--tide-primary);
1657
- border-color: var(--tide-primary);
1658
- color: var(--tide-on-primary);
1659
- }
1660
-
1661
- .lg-tide-button-secondary {
1662
- background-color: var(--tide-secondary);
1663
- border-color: var(--tide-secondary);
1664
- color: var(--tide-on-secondary);
1665
- }
1666
-
1667
- .lg-tide-button-tertiary {
1668
- background-color: var(--tide-surface-variant);
1669
- border-color: var(--tide-surface-variant);
1670
- color: var(--tide-secondary);
1671
- }
1672
-
1673
- .lg-tide-button-quaternary {
1674
- background-color: var(--tide-surface);
1675
- border-color: var(--tide-surface);
1676
- color: var(--tide-secondary);
1677
- }
1678
-
1679
- .lg-tide-button-floating {
1680
- background-color: var(--tide-surface);
1681
- border-color: var(--tide-surface);
1682
- box-shadow: var(--tide-shadow-bottom);
1683
- color: var(--tide-secondary);
1684
- }
1685
-
1686
- /* Hover State */
1687
- a.lg-tide-button-primary:hover,
1688
- button.lg-tide-button-primary:enabled:hover {
1689
- background-color: var(--tide-surface);
1690
- border-color: var(--tide-primary);
1691
- color: var(--tide-primary);
1692
- }
1693
-
1694
- a.lg-tide-button-secondary:hover,
1695
- button.lg-tide-button-secondary:enabled:hover {
1696
- background-color: var(--tide-surface);
1697
- border-color: var(--tide-secondary);
1698
- color: var(--tide-on-surface);
1699
- }
1700
-
1701
- a.lg-tide-button-tertiary:hover,
1702
- button.lg-tide-button-tertiary:enabled:hover {
1703
- background-color: var(--tide-surface-variant);
1704
- border-color: var(--tide-border);
1705
- color: var(--tide-secondary);
1706
- }
1707
-
1708
- a.lg-tide-button-quaternary:hover,
1709
- button.lg-tide-button-quaternary:enabled:hover {
1710
- background-color: var(--tide-surface-variant);
1711
- border-color: var(--tide-surface-variant);
1712
- color: var(--tide-secondary);
1713
- }
1714
-
1715
- .lg-tide-button-floating:hover,
1716
- button.lg-tide-button-floating:enabled:hover {
1717
- background-color: var(--tide-surface);
1718
- border-color: var(--tide-surface);
1719
- color: var(--tide-secondary);
1720
- }
1721
-
1722
- /* Disabled State */
1723
- button.lg-tide-button-primary:disabled,
1724
- button.lg-tide-button-secondary:disabled,
1725
- button.lg-tide-button-tertiary:disabled,
1726
- button.lg-tide-button-quaternary:disabled,
1727
- button.lg-tide-button-floating:disabled {
1728
- opacity: var(--tide-disabled);
1729
- }
1730
- }
1731
-
1732
- @media (min-width: 1920px) {
1733
- /* Reusable CSS Utility Library */
1734
- /* Position */
1735
- .xl-tide-position-absolute {position: absolute;}
1736
- .xl-tide-position-fixed {position: fixed;}
1737
- .xl-tide-position-relative {position: relative;}
1738
- .xl-tide-position-static {position: static;}
1739
- .xl-tide-position-sticky {position: sticky;}
1740
-
1741
- .xl-tide-top-0 {top: 0;}
1742
- .xl-tide-right-0 {right: 0;}
1743
- .xl-tide-bottom-0 {bottom: 0;}
1744
- .xl-tide-left-0 {left: 0;}
1745
-
1746
- /* Display */
1747
- .xl-tide-display-block {display: block;}
1748
- .xl-tide-display-contents {display: contents;}
1749
- .xl-tide-display-flex {display: flex;}
1750
- .xl-tide-display-grid {display: grid;}
1751
- .xl-tide-display-initial {display: initial;}
1752
- .xl-tide-display-inline {display: inline;}
1753
- .xl-tide-display-inline-block {display: inline-block;}
1754
- .xl-tide-display-inline-flex {display: inline-flex;}
1755
- .xl-tide-display-none {display: none;}
1756
-
1757
- /* Flex Box */
1758
- .xl-tide-flex-column {flex-direction: column;}
1759
- .xl-tide-flex-column-reverse {flex-direction: column-reverse;}
1760
- .xl-tide-flex-row {flex-direction: row;}
1761
- .xl-tide-flex-row-reverse {flex-direction: row-reverse;}
1762
-
1763
- .xl-tide-grow {flex-grow: 1;}
1764
- .xl-tide-grow-none {flex-grow: 0;}
1765
-
1766
- .xl-tide-shrink {flex-shrink: 1;}
1767
- .xl-tide-shrink-none {flex-shrink: 0;}
1768
-
1769
- .xl-tide-flex-wrap {flex-wrap: wrap;}
1770
-
1771
- .xl-tide-axis1-around {justify-content: space-around;}
1772
- .xl-tide-axis1-between {justify-content: space-between;}
1773
- .xl-tide-axis1-center {justify-content: center;}
1774
- .xl-tide-axis1-end {justify-content: end;}
1775
- .xl-tide-axis1-start {justify-content: start;}
1776
-
1777
- .xl-tide-axis2-around {align-items: space-around;}
1778
- .xl-tide-axis2-center {align-items: center;}
1779
- .xl-tide-axis2-end {align-items: flex-end;}
1780
- .xl-tide-axis2-start {align-items: flex-start;}
1781
- .xl-tide-axis2-stretch {align-items: stretch;}
1782
-
1783
- .xl-tide-gap-0 {gap: 0;}
1784
- .xl-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
1785
- .xl-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
1786
- .xl-tide-gap-1 {gap: var(--tide-spacing-1);}
1787
- .xl-tide-gap-2 {gap: var(--tide-spacing-2);}
1788
- .xl-tide-gap-4 {gap: var(--tide-spacing-4);}
1789
-
1790
- .xl-tide-flex-basis-auto {flex-basis: auto;}
1791
- .xl-tide-flex-basis-0 {flex-basis: 0;}
1792
-
1793
- /* Box Sizing */
1794
- .xl-tide-box-border {box-sizing: border-box;}
1795
- .xl-tide-box-content {box-sizing: content-box;}
1796
-
1797
- /* Margin */
1798
- .xl-tide-margin-0 {margin: 0;}
1799
- .xl-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
1800
- .xl-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
1801
- .xl-tide-margin-1 {margin: var(--tide-spacing-1);}
1802
- .xl-tide-margin-2 {margin: var(--tide-spacing-2);}
1803
- .xl-tide-margin-4 {margin: var(--tide-spacing-4);}
1804
- .xl-tide-margin-auto {margin: auto;}
1805
-
1806
- .xl-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
1807
- .xl-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
1808
- .xl-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
1809
- .xl-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
1810
- .xl-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
1811
- .xl-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
1812
- .xl-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
1813
-
1814
- .xl-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
1815
- .xl-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
1816
- .xl-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
1817
- .xl-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
1818
- .xl-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
1819
- .xl-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
1820
- .xl-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
1821
-
1822
- .xl-tide-margin-top-0 {margin-top: 0;}
1823
- .xl-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
1824
- .xl-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
1825
- .xl-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
1826
- .xl-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
1827
- .xl-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
1828
- .xl-tide-margin-top-auto {margin-top: auto;}
1829
-
1830
- .xl-tide-margin-right-0 {margin-right: 0;}
1831
- .xl-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
1832
- .xl-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
1833
- .xl-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
1834
- .xl-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
1835
- .xl-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
1836
- .xl-tide-margin-right-auto {margin-right: auto;}
1837
-
1838
- .xl-tide-margin-bottom-0 {margin-bottom: 0;}
1839
- .xl-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
1840
- .xl-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
1841
- .xl-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
1842
- .xl-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
1843
- .xl-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
1844
- .xl-tide-margin-bottom-auto {margin-bottom: auto;}
1845
-
1846
- .xl-tide-margin-left-0 {margin-left: 0;}
1847
- .xl-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
1848
- .xl-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
1849
- .xl-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
1850
- .xl-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
1851
- .xl-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
1852
- .xl-tide-margin-left-auto {margin-left: auto;}
1853
-
1854
- /* Border Color */
1855
- .xl-tide-border-color-initial {border-color: initial;}
1856
-
1857
- .xl-tide-border-primary {border-color: var(--tide-primary);}
1858
-
1859
- .xl-tide-border {border-color: var(--tide-border);}
1860
- .xl-tide-border-low {border-color: var(--tide-border-low);}
1861
- .xl-tide-border-high {border-color: var(--tide-border-high);}
1862
- .xl-tide-border-floating {border-color: var(--tide-border-floating);}
1863
-
1864
- .xl-tide-border-error {border-color: var(--tide-error-border);}
1865
- .xl-tide-border-info {border-color: var(--tide-info-border);}
1866
- .xl-tide-border-success {border-color: var(--tide-success-border);}
1867
- .xl-tide-border-warning {border-color: var(--tide-warning-border);}
1868
-
1869
- .xl-tide-border-blue {border-color: var(--tide-blue-border);}
1870
- .xl-tide-border-green {border-color: var(--tide-green-border);}
1871
- .xl-tide-border-lime {border-color: var(--tide-lime-border);}
1872
- .xl-tide-border-orange {border-color: var(--tide-orange-border);}
1873
- .xl-tide-border-purple {border-color: var(--tide-purple-border);}
1874
- .xl-tide-border-red {border-color: var(--tide-red-border);}
1875
- .xl-tide-border-salmon {border-color: var(--tide-salmon-border);}
1876
- .xl-tide-border-teal {border-color: var(--tide-teal-border);}
1877
- .xl-tide-border-yellow {border-color: var(--tide-yellow-border);}
1878
-
1879
- /* Border Width */
1880
- .xl-tide-border-1,
1881
- .xl-tide-border-2,
1882
- .xl-tide-border-bottom-1,
1883
- .xl-tide-border-bottom-2,
1884
- .xl-tide-border-left-1,
1885
- .xl-tide-border-left-2,
1886
- .xl-tide-border-right-1,
1887
- .xl-tide-border-right-2,
1888
- .xl-tide-border-top-1,
1889
- .xl-tide-border-top-2 {
1890
- border-style: solid;
1891
- }
1892
-
1893
- .xl-tide-border-dashed {border-style: dashed;}
1894
- .xl-tide-border-solid {border-style: solid;}
1895
-
1896
- .xl-tide-border-0 {border-width: 0;}
1897
- .xl-tide-border-1 {border-width: var(--tide-border-width-1);}
1898
- .xl-tide-border-2 {border-width: var(--tide-border-width-2);}
1899
-
1900
- .xl-tide-border-top-0 {border-top-width: 0;}
1901
- .xl-tide-border-right-0 {border-right-width: 0;}
1902
- .xl-tide-border-bottom-0 {border-bottom-width: 0;}
1903
- .xl-tide-border-left-0 {border-left-width: 0;}
1904
-
1905
- .xl-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
1906
- .xl-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
1907
- .xl-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
1908
- .xl-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
1909
-
1910
- .xl-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
1911
- .xl-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
1912
- .xl-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
1913
- .xl-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
1914
-
1915
- .xl-tide-radius-0 {border-radius: 0;}
1916
- .xl-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
1917
- .xl-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
1918
- .xl-tide-radius-1 {border-radius: var(--tide-radius-1);}
1919
- .xl-tide-radius-full {border-radius: var(--tide-radius-full);}
1920
-
1921
- /* Padding */
1922
- .xl-tide-padding-0 {padding: 0;}
1923
- .xl-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
1924
- .xl-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
1925
- .xl-tide-padding-1 {padding: var(--tide-spacing-1);}
1926
- .xl-tide-padding-2 {padding: var(--tide-spacing-2);}
1927
- .xl-tide-padding-4 {padding: var(--tide-spacing-4);}
1928
-
1929
- .xl-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
1930
- .xl-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
1931
- .xl-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
1932
- .xl-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
1933
- .xl-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
1934
- .xl-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
1935
-
1936
- .xl-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
1937
- .xl-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
1938
- .xl-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
1939
- .xl-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
1940
- .xl-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
1941
- .xl-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
1942
-
1943
- .xl-tide-padding-top-0 {padding-top: 0;}
1944
- .xl-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
1945
- .xl-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
1946
- .xl-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
1947
- .xl-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
1948
- .xl-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
1949
-
1950
- .xl-tide-padding-right-0 {padding-right: 0;}
1951
- .xl-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
1952
- .xl-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
1953
- .xl-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
1954
- .xl-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
1955
- .xl-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
1956
-
1957
- .xl-tide-padding-bottom-0 {padding-bottom: 0;}
1958
- .xl-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
1959
- .xl-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
1960
- .xl-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
1961
- .xl-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
1962
- .xl-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
1963
-
1964
- .xl-tide-padding-left-0 {padding-left: 0;}
1965
- .xl-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
1966
- .xl-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
1967
- .xl-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
1968
- .xl-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
1969
- .xl-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
1970
-
1971
- /* Dimension */
1972
- .xl-tide-max-width-full {max-width: 100%;}
1973
- .xl-tide-min-width-0 {min-width: 0;}
1974
-
1975
- .xl-tide-max-height-full {max-height: 100%;}
1976
- .xl-tide-min-height-0 {min-height: 0;}
1977
-
1978
- .xl-tide-width-auto {width: auto;}
1979
- .xl-tide-width-0 {width: 0;}
1980
- .xl-tide-width-full {width: 100%;}
1981
- .xl-tide-width-stretch {
1982
- width: -webkit-fill-available;
1983
- width: stretch;
1984
- }
1985
-
1986
- .xl-tide-height-auto {height: auto;}
1987
- .xl-tide-height-0 {height: 0;}
1988
- .xl-tide-height-full {height: 100%;}
1989
-
1990
- /* Deprecated */
1991
- .xl-tide-width-container {max-width: 1168px;}
1992
-
1993
- /* Background */
1994
- .xl-tide-bg-initial {background-color: initial;}
1995
-
1996
- .xl-tide-bg-primary {background: var(--tide-primary);}
1997
- .xl-tide-bg-secondary {background: var(--tide-secondary);}
1998
-
1999
- .xl-tide-bg-surface {background: var(--tide-surface);}
2000
- .xl-tide-bg-surface-variant {background: var(--tide-surface-variant);}
2001
- .xl-tide-bg-surface-brand {background: var(--tide-surface-brand);}
2002
- .xl-tide-bg-surface-accent {background: var(--tide-surface-accent);}
2003
- .xl-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
2004
- .xl-tide-bg-surface-floating {background: var(--tide-surface-floating);}
2005
- .xl-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
2006
-
2007
- /* Icon background colors only */
2008
- .xl-tide-bg-primary-error {background-color: var(--tide-error-primary);}
2009
- .xl-tide-bg-primary-info {background-color: var(--tide-info-primary);}
2010
- .xl-tide-bg-primary-success {background-color: var(--tide-success-primary);}
2011
- .xl-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
2012
-
2013
- .xl-tide-bg-surface-error {background-color: var(--tide-error-surface);}
2014
- .xl-tide-bg-surface-info {background-color: var(--tide-info-surface);}
2015
- .xl-tide-bg-surface-success {background-color: var(--tide-success-surface);}
2016
- .xl-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
2017
-
2018
- .xl-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
2019
- .xl-tide-bg-surface-green {background-color: var(--tide-green-surface);}
2020
- .xl-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
2021
- .xl-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
2022
- .xl-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
2023
- .xl-tide-bg-surface-red {background-color: var(--tide-red-surface);}
2024
- .xl-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
2025
- .xl-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
2026
- .xl-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
2027
-
2028
- .xl-tide-transparent-100 {background-color: var(--tide-transparent-100);}
2029
- .xl-tide-transparent-200 {background-color: var(--tide-transparent-200);}
2030
- .xl-tide-transparent-300 {background-color: var(--tide-transparent-300);}
2031
- .xl-tide-transparent-400 {background-color: var(--tide-transparent-400);}
2032
-
2033
- /* Typographic roles */
2034
- .xl-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
2035
- .xl-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
2036
- .xl-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
2037
- .xl-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
2038
- .xl-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
2039
- .xl-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
2040
- .xl-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
2041
- .xl-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
2042
- .xl-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
2043
- .xl-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
2044
- .xl-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
2045
- .xl-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
2046
- .xl-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
2047
- .xl-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
2048
- .xl-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
2049
- .xl-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
2050
- .xl-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
2051
- .xl-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
2052
-
2053
- /* Font Color */
2054
- .xl-tide-font-on-primary {color: var(--tide-on-primary);}
2055
- .xl-tide-font-on-secondary {color: var(--tide-on-secondary);}
2056
-
2057
- .xl-tide-font-on-surface {color: var(--tide-on-surface);}
2058
- .xl-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
2059
- .xl-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
2060
- .xl-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
2061
- .xl-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
2062
-
2063
- .xl-tide-font-error {color: var(--tide-error-primary);}
2064
- .xl-tide-font-info {color: var(--tide-info-primary);}
2065
- .xl-tide-font-success {color: var(--tide-success-primary);}
2066
- .xl-tide-font-warning {color: var(--tide-warning-primary);}
2067
-
2068
- .xl-tide-font-blue {color: var(--tide-blue-on-surface);}
2069
- .xl-tide-font-green {color: var(--tide-green-on-surface);}
2070
- .xl-tide-font-lime {color: var(--tide-lime-on-surface);}
2071
- .xl-tide-font-orange {color: var(--tide-orange-on-surface);}
2072
- .xl-tide-font-purple {color: var(--tide-purple-on-surface);}
2073
- .xl-tide-font-red {color: var(--tide-red-on-surface);}
2074
- .xl-tide-font-salmon {color: var(--tide-salmon-on-surface);}
2075
- .xl-tide-font-teal {color: var(--tide-teal-on-surface);}
2076
- .xl-tide-font-yellow {color: var(--tide-yellow-on-surface);}
2077
-
2078
- /* Badge icon colors only */
2079
- .xl-tide-font-primary-blue {color: var(--tide-blue-primary);}
2080
- .xl-tide-font-primary-green {color: var(--tide-green-primary);}
2081
- .xl-tide-font-primary-lime {color: var(--tide-lime-primary);}
2082
- .xl-tide-font-primary-orange {color: var(--tide-orange-primary);}
2083
- .xl-tide-font-primary-purple {color: var(--tide-purple-primary);}
2084
- .xl-tide-font-primary-red {color: var(--tide-red-primary);}
2085
- .xl-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
2086
- .xl-tide-font-primary-teal {color: var(--tide-teal-primary);}
2087
- .xl-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
2088
-
2089
- /* Font Size */
2090
- .xl-tide-font-10 {font-size: var(--tide-font-10);}
2091
- .xl-tide-font-12 {font-size: var(--tide-font-12);}
2092
- .xl-tide-font-14 {font-size: var(--tide-font-14);}
2093
- .xl-tide-font-16 {font-size: var(--tide-font-16);}
2094
- .xl-tide-font-20 {font-size: var(--tide-font-20);}
2095
- .xl-tide-font-24 {font-size: var(--tide-font-24);}
2096
- .xl-tide-font-32 {font-size: var(--tide-font-32);}
2097
-
2098
- /* Font Weight */
2099
- .xl-tide-font-400 {font-weight: var(--tide-font-regular);}
2100
- .xl-tide-font-500 {font-weight: var(--tide-font-medium);}
2101
- .xl-tide-font-600 {font-weight: var(--tide-font-semibold);}
2102
- .xl-tide-font-700 {font-weight: 700;}
2103
-
2104
- /* Misc */
2105
- .xl-tide-align-middle {vertical-align: middle;}
2106
- .xl-tide-align-initial {vertical-align: initial;}
2107
-
2108
- .xl-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
2109
-
2110
- .xl-tide-break-initial {overflow-wrap: initial;}
2111
- .xl-tide-break-word {overflow-wrap: break-word;}
2112
-
2113
- .xl-tide-break-inside-avoid-column {break-inside: avoid-column}
2114
-
2115
- .xl-tide-columns-initial {column-count: initial;}
2116
- .xl-tide-columns-1 {column-count: 1;}
2117
- .xl-tide-columns-2 {column-count: 2;}
2118
- .xl-tide-columns-3 {column-count: 3;}
2119
- .xl-tide-columns-4 {column-count: 4;}
2120
-
2121
- .xl-tide-cursor-not-allowed {cursor: not-allowed;}
2122
- .xl-tide-cursor-pointer {cursor: pointer;}
2123
- .xl-tide-cursor-text {cursor: text;}
2124
-
2125
- .xl-tide-ellipsis {
2126
- overflow: hidden;
2127
- text-overflow: ellipsis;
2128
- white-space: nowrap;
2129
- }
2130
-
2131
- .xl-tide-isolate {isolation: isolate;}
2132
-
2133
- /* Deprecated */
2134
- .xl-tide-leading-default {line-height: 1.4;}
2135
- .xl-tide-leading-normal {line-height: normal;}
2136
-
2137
- .xl-tide-list-none {list-style-type: none;}
2138
-
2139
- .xl-tide-object-center {object-position: center;}
2140
-
2141
- .xl-tide-object-cover {object-fit: cover;}
2142
- .xl-tide-object-contain {object-fit: contain;}
2143
- .xl-tide-object-scale-down {object-fit: scale-down;}
2144
-
2145
- .xl-tide-opacity {opacity: 1;}
2146
- .xl-tide-opacity-disabled {opacity: var(--tide-disabled);}
2147
- .xl-tide-opacity-none {opacity: 0;}
2148
-
2149
- .xl-tide-pointer-events {pointer-events: auto;}
2150
- .xl-tide-pointer-events-none {pointer-events: none;}
2151
-
2152
- .xl-tide-user-select-none {user-select: none;}
2153
- .xl-tide-user-select-initial {user-select: initial;}
2154
-
2155
- .xl-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
2156
- .xl-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
2157
- .xl-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
2158
-
2159
- .xl-tide-scrollbar-none::-webkit-scrollbar {display: none;}
2160
- .xl-tide-scrollbar-none {
2161
- -ms-overflow-style: none;
2162
- scrollbar-width: none;
2163
- }
2164
-
2165
- .xl-tide-scroll-snap {
2166
- scroll-snap-stop: always;
2167
- scroll-snap-type: both mandatory;
2168
- scroll-behavior: smooth;
2169
- }
2170
-
2171
- .xl-tide-scroll-snap-start {
2172
- scroll-snap-align: start;
2173
- }
2174
-
2175
- .xl-tide-shadow-initial {box-shadow: initial;}
2176
- .xl-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
2177
- .xl-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
2178
- .xl-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
2179
-
2180
- .xl-tide-strikethrough {text-decoration: line-through;}
2181
- .xl-tide-strikethrough-none {text-decoration: none;}
2182
-
2183
- .xl-tide-text-center {text-align: center;}
2184
- .xl-tide-text-justify {text-align: justify;}
2185
- .xl-tide-text-left {text-align: left;}
2186
- .xl-tide-text-right {text-align: right;}
2187
-
2188
- .xl-tide-text-transform-lower {text-transform: lowercase;}
2189
- .xl-tide-text-transform-none {text-transform: none;}
2190
- .xl-tide-text-transform-upper {text-transform: uppercase;}
2191
-
2192
- .xl-tide-underline {text-decoration: underline;}
2193
- .xl-tide-underline-none {text-decoration: none;}
2194
- .xl-tide-underline-hover:hover {text-decoration: underline;}
2195
- .xl-tide-underline-hover-none:hover {text-decoration: none;}
2196
-
2197
- .xl-tide-visible {visibility: visible;}
2198
- .xl-tide-visible-none {visibility: hidden;}
2199
-
2200
- .xl-tide-whitespace-nowrap {white-space: nowrap;}
2201
-
2202
- .xl-tide-x-auto {overflow-x: auto;}
2203
- .xl-tide-x-hidden {overflow-x: hidden;}
2204
- .xl-tide-x-scroll {overflow-x: scroll;}
2205
-
2206
- .xl-tide-xy-auto {overflow: auto;}
2207
- .xl-tide-xy-hidden {overflow: hidden;}
2208
-
2209
- .xl-tide-y-auto {overflow-y: auto;}
2210
- .xl-tide-y-hidden {overflow-y: hidden;}
2211
-
2212
- .xl-tide-z-index-initial {z-index: initial;}
2213
- .xl-tide-z-index-1 {z-index: 1;}
2214
-
2215
- /* Buttons */
2216
- /* Rest State */
2217
- .xl-tide-button-primary,
2218
- .xl-tide-button-secondary,
2219
- .xl-tide-button-tertiary,
2220
- .xl-tide-button-quaternary,
2221
- .xl-tide-button-floating {
2222
- border: var(--tide-border-width-2) solid;
2223
- }
2224
-
2225
- .xl-tide-button-primary,
2226
- .xl-tide-button-secondary,
2227
- .xl-tide-button-tertiary,
2228
- .xl-tide-button-quaternary {
2229
- box-shadow: none;
2230
- }
2231
-
2232
- .xl-tide-button-primary {
2233
- background-color: var(--tide-primary);
2234
- border-color: var(--tide-primary);
2235
- color: var(--tide-on-primary);
2236
- }
2237
-
2238
- .xl-tide-button-secondary {
2239
- background-color: var(--tide-secondary);
2240
- border-color: var(--tide-secondary);
2241
- color: var(--tide-on-secondary);
2242
- }
2243
-
2244
- .xl-tide-button-tertiary {
2245
- background-color: var(--tide-surface-variant);
2246
- border-color: var(--tide-surface-variant);
2247
- color: var(--tide-secondary);
2248
- }
2249
-
2250
- .xl-tide-button-quaternary {
2251
- background-color: var(--tide-surface);
2252
- border-color: var(--tide-surface);
2253
- color: var(--tide-secondary);
2254
- }
2255
-
2256
- .xl-tide-button-floating {
2257
- background-color: var(--tide-surface);
2258
- border-color: var(--tide-surface);
2259
- box-shadow: var(--tide-shadow-bottom);
2260
- color: var(--tide-secondary);
2261
- }
2262
-
2263
- /* Hover State */
2264
- a.xl-tide-button-primary:hover,
2265
- button.xl-tide-button-primary:enabled:hover {
2266
- background-color: var(--tide-surface);
2267
- border-color: var(--tide-primary);
2268
- color: var(--tide-primary);
2269
- }
2270
-
2271
- a.xl-tide-button-secondary:hover,
2272
- button.xl-tide-button-secondary:enabled:hover {
2273
- background-color: var(--tide-surface);
2274
- border-color: var(--tide-secondary);
2275
- color: var(--tide-on-surface);
2276
- }
2277
-
2278
- a.xl-tide-button-tertiary:hover,
2279
- button.xl-tide-button-tertiary:enabled:hover {
2280
- background-color: var(--tide-surface-variant);
2281
- border-color: var(--tide-border);
2282
- color: var(--tide-secondary);
2283
- }
2284
-
2285
- a.xl-tide-button-quaternary:hover,
2286
- button.xl-tide-button-quaternary:enabled:hover {
2287
- background-color: var(--tide-surface-variant);
2288
- border-color: var(--tide-surface-variant);
2289
- color: var(--tide-secondary);
2290
- }
2291
-
2292
- .xl-tide-button-floating:hover,
2293
- button.xl-tide-button-floating:enabled:hover {
2294
- background-color: var(--tide-surface);
2295
- border-color: var(--tide-surface);
2296
- color: var(--tide-secondary);
2297
- }
2298
-
2299
- /* Disabled State */
2300
- button.xl-tide-button-primary:disabled,
2301
- button.xl-tide-button-secondary:disabled,
2302
- button.xl-tide-button-tertiary:disabled,
2303
- button.xl-tide-button-quaternary:disabled,
2304
- button.xl-tide-button-floating:disabled {
2305
- opacity: var(--tide-disabled);
2306
- }
2307
- }