tide-design-system 2.5.20 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/_virtual/_plugin-vue_export-helper.js +11 -0
- package/dist/_virtual/_plugin-vue_export-helper.js.map +1 -0
- package/dist/_virtual/dynamic-import-helper.js +20 -0
- package/dist/_virtual/dynamic-import-helper.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-aero.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-aero.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-atv.svg.js +20 -0
- package/dist/assets/svg/branding/logo/logo-atv.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-boatmart.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-boatmart.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-cycle.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-cycle.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-equipment.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-equipment.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-pwc.svg.js +21 -0
- package/dist/assets/svg/branding/logo/logo-pwc.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-rv.svg.js +20 -0
- package/dist/assets/svg/branding/logo/logo-rv.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-rvt.svg.js +16 -0
- package/dist/assets/svg/branding/logo/logo-rvt.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-snow.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-snow.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-truck.svg.js +19 -0
- package/dist/assets/svg/branding/logo/logo-truck.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-aero.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-aero.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-atv.svg.js +22 -0
- package/dist/assets/svg/branding/mark/mark-atv.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-boatmart.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-boatmart.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-cycle.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-cycle.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-equipment.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-equipment.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-pwc.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-pwc.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-rv.svg.js +22 -0
- package/dist/assets/svg/branding/mark/mark-rv.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-rvt.svg.js +18 -0
- package/dist/assets/svg/branding/mark/mark-rvt.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-snow.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-snow.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-truck.svg.js +18 -0
- package/dist/assets/svg/branding/mark/mark-truck.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAccountBalance.svg.js +16 -0
- package/dist/assets/svg/icons/IconAccountBalance.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAcute.svg.js +16 -0
- package/dist/assets/svg/icons/IconAcute.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAdd.svg.js +16 -0
- package/dist/assets/svg/icons/IconAdd.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAiDescription.svg.js +20 -0
- package/dist/assets/svg/icons/IconAiDescription.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAlignSpaceEven.svg.js +16 -0
- package/dist/assets/svg/icons/IconAlignSpaceEven.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconApplePay.svg.js +16 -0
- package/dist/assets/svg/icons/IconApplePay.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowBack.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowBack.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowCycle.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowCycle.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowForward.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowForward.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowRight.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowRight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowUp.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowUp.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAssignment.svg.js +16 -0
- package/dist/assets/svg/icons/IconAssignment.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAttachMoney.svg.js +16 -0
- package/dist/assets/svg/icons/IconAttachMoney.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAutoRenew.svg.js +16 -0
- package/dist/assets/svg/icons/IconAutoRenew.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAwardStar.svg.js +16 -0
- package/dist/assets/svg/icons/IconAwardStar.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBed.svg.js +16 -0
- package/dist/assets/svg/icons/IconBed.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBolt.svg.js +16 -0
- package/dist/assets/svg/icons/IconBolt.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBookmark.svg.js +16 -0
- package/dist/assets/svg/icons/IconBookmark.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBunkhouse.svg.js +16 -0
- package/dist/assets/svg/icons/IconBunkhouse.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCalculate.svg.js +16 -0
- package/dist/assets/svg/icons/IconCalculate.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCalendarMonth.svg.js +16 -0
- package/dist/assets/svg/icons/IconCalendarMonth.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCall.svg.js +16 -0
- package/dist/assets/svg/icons/IconCall.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCallQuality.svg.js +16 -0
- package/dist/assets/svg/icons/IconCallQuality.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCarRental.svg.js +16 -0
- package/dist/assets/svg/icons/IconCarRental.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCheck.svg.js +16 -0
- package/dist/assets/svg/icons/IconCheck.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconChevronLeft.svg.js +16 -0
- package/dist/assets/svg/icons/IconChevronLeft.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconChevronRight.svg.js +16 -0
- package/dist/assets/svg/icons/IconChevronRight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconClear.svg.js +16 -0
- package/dist/assets/svg/icons/IconClear.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconClose.svg.js +16 -0
- package/dist/assets/svg/icons/IconClose.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconContract.svg.js +16 -0
- package/dist/assets/svg/icons/IconContract.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCrash.svg.js +16 -0
- package/dist/assets/svg/icons/IconCrash.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDashboardCustomize.svg.js +16 -0
- package/dist/assets/svg/icons/IconDashboardCustomize.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDelete.svg.js +16 -0
- package/dist/assets/svg/icons/IconDelete.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDiamond.svg.js +16 -0
- package/dist/assets/svg/icons/IconDiamond.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDirectionsBoat.svg.js +16 -0
- package/dist/assets/svg/icons/IconDirectionsBoat.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDomain.svg.js +16 -0
- package/dist/assets/svg/icons/IconDomain.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDraft.svg.js +16 -0
- package/dist/assets/svg/icons/IconDraft.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconEdit.svg.js +16 -0
- package/dist/assets/svg/icons/IconEdit.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconEngine.svg.js +20 -0
- package/dist/assets/svg/icons/IconEngine.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconEngineering.svg.js +16 -0
- package/dist/assets/svg/icons/IconEngineering.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconError.svg.js +16 -0
- package/dist/assets/svg/icons/IconError.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconExpandContent.svg.js +16 -0
- package/dist/assets/svg/icons/IconExpandContent.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconExpandLess.svg.js +16 -0
- package/dist/assets/svg/icons/IconExpandLess.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconExpandMore.svg.js +16 -0
- package/dist/assets/svg/icons/IconExpandMore.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFacebook.svg.js +16 -0
- package/dist/assets/svg/icons/IconFacebook.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFavorite.svg.js +16 -0
- package/dist/assets/svg/icons/IconFavorite.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFavoriteFilled.svg.js +16 -0
- package/dist/assets/svg/icons/IconFavoriteFilled.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFlag.svg.js +16 -0
- package/dist/assets/svg/icons/IconFlag.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFormatBold.svg.js +16 -0
- package/dist/assets/svg/icons/IconFormatBold.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFormatItalic.svg.js +16 -0
- package/dist/assets/svg/icons/IconFormatItalic.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFormatListBulleted.svg.js +16 -0
- package/dist/assets/svg/icons/IconFormatListBulleted.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconForum.svg.js +16 -0
- package/dist/assets/svg/icons/IconForum.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGas.svg.js +16 -0
- package/dist/assets/svg/icons/IconGas.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGavel.svg.js +16 -0
- package/dist/assets/svg/icons/IconGavel.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGears.svg.js +16 -0
- package/dist/assets/svg/icons/IconGears.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGlobeLocationPin.svg.js +16 -0
- package/dist/assets/svg/icons/IconGlobeLocationPin.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGoogle.svg.js +31 -0
- package/dist/assets/svg/icons/IconGoogle.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGooglePay.svg.js +16 -0
- package/dist/assets/svg/icons/IconGooglePay.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGrid.svg.js +16 -0
- package/dist/assets/svg/icons/IconGrid.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHandshake.svg.js +16 -0
- package/dist/assets/svg/icons/IconHandshake.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHandyman.svg.js +16 -0
- package/dist/assets/svg/icons/IconHandyman.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHeight.svg.js +16 -0
- package/dist/assets/svg/icons/IconHeight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHelp.svg.js +16 -0
- package/dist/assets/svg/icons/IconHelp.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInfo.svg.js +16 -0
- package/dist/assets/svg/icons/IconInfo.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInformation.svg.js +16 -0
- package/dist/assets/svg/icons/IconInformation.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInsertText.svg.js +16 -0
- package/dist/assets/svg/icons/IconInsertText.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInstagram.svg.js +16 -0
- package/dist/assets/svg/icons/IconInstagram.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconIosShare.svg.js +16 -0
- package/dist/assets/svg/icons/IconIosShare.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLayout.svg.js +16 -0
- package/dist/assets/svg/icons/IconLayout.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLevellingJack.svg.js +20 -0
- package/dist/assets/svg/icons/IconLevellingJack.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLinkedIn.svg.js +16 -0
- package/dist/assets/svg/icons/IconLinkedIn.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLocalShipping.svg.js +16 -0
- package/dist/assets/svg/icons/IconLocalShipping.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLock.svg.js +16 -0
- package/dist/assets/svg/icons/IconLock.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMail.svg.js +16 -0
- package/dist/assets/svg/icons/IconMail.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMenu.svg.js +16 -0
- package/dist/assets/svg/icons/IconMenu.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMoneyBag.svg.js +16 -0
- package/dist/assets/svg/icons/IconMoneyBag.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMoreHoriz.svg.js +16 -0
- package/dist/assets/svg/icons/IconMoreHoriz.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMove.svg.js +16 -0
- package/dist/assets/svg/icons/IconMove.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconNotifications.svg.js +16 -0
- package/dist/assets/svg/icons/IconNotifications.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconOdometer.svg.js +16 -0
- package/dist/assets/svg/icons/IconOdometer.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconOpenInNew.svg.js +16 -0
- package/dist/assets/svg/icons/IconOpenInNew.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPalette.svg.js +16 -0
- package/dist/assets/svg/icons/IconPalette.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPaypal.svg.js +16 -0
- package/dist/assets/svg/icons/IconPaypal.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPerson.svg.js +16 -0
- package/dist/assets/svg/icons/IconPerson.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPersonSearch.svg.js +16 -0
- package/dist/assets/svg/icons/IconPersonSearch.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPhotoCamera.svg.js +16 -0
- package/dist/assets/svg/icons/IconPhotoCamera.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPinterest.svg.js +16 -0
- package/dist/assets/svg/icons/IconPinterest.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPlayArrow.svg.js +16 -0
- package/dist/assets/svg/icons/IconPlayArrow.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPolicy.svg.js +16 -0
- package/dist/assets/svg/icons/IconPolicy.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPower.svg.js +16 -0
- package/dist/assets/svg/icons/IconPower.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPowerOff.svg.js +16 -0
- package/dist/assets/svg/icons/IconPowerOff.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPriorityHigh.svg.js +16 -0
- package/dist/assets/svg/icons/IconPriorityHigh.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRemove.svg.js +16 -0
- package/dist/assets/svg/icons/IconRemove.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRequestQuote.svg.js +16 -0
- package/dist/assets/svg/icons/IconRequestQuote.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconResetWrench.svg.js +16 -0
- package/dist/assets/svg/icons/IconResetWrench.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRoad.svg.js +16 -0
- package/dist/assets/svg/icons/IconRoad.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRoundedCorner.svg.js +16 -0
- package/dist/assets/svg/icons/IconRoundedCorner.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRuler.svg.js +16 -0
- package/dist/assets/svg/icons/IconRuler.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSailing.svg.js +16 -0
- package/dist/assets/svg/icons/IconSailing.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSchool.svg.js +16 -0
- package/dist/assets/svg/icons/IconSchool.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSearch.svg.js +16 -0
- package/dist/assets/svg/icons/IconSearch.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSeating.svg.js +16 -0
- package/dist/assets/svg/icons/IconSeating.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSell.svg.js +16 -0
- package/dist/assets/svg/icons/IconSell.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSensors.svg.js +16 -0
- package/dist/assets/svg/icons/IconSensors.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSettings.svg.js +16 -0
- package/dist/assets/svg/icons/IconSettings.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconShare.svg.js +16 -0
- package/dist/assets/svg/icons/IconShare.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconShieldCheck.svg.js +16 -0
- package/dist/assets/svg/icons/IconShieldCheck.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconShoppingCart.svg.js +16 -0
- package/dist/assets/svg/icons/IconShoppingCart.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSleeps.svg.js +16 -0
- package/dist/assets/svg/icons/IconSleeps.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSms.svg.js +16 -0
- package/dist/assets/svg/icons/IconSms.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSnowflake.svg.js +16 -0
- package/dist/assets/svg/icons/IconSnowflake.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconStar.svg.js +16 -0
- package/dist/assets/svg/icons/IconStar.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconStarFilled.svg.js +16 -0
- package/dist/assets/svg/icons/IconStarFilled.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconStarHalf.svg.js +16 -0
- package/dist/assets/svg/icons/IconStarHalf.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSummarize.svg.js +16 -0
- package/dist/assets/svg/icons/IconSummarize.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSwapHoriz.svg.js +16 -0
- package/dist/assets/svg/icons/IconSwapHoriz.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSwapVert.svg.js +16 -0
- package/dist/assets/svg/icons/IconSwapVert.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconThreeDRotation.svg.js +29 -0
- package/dist/assets/svg/icons/IconThreeDRotation.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconThumbUp.svg.js +16 -0
- package/dist/assets/svg/icons/IconThumbUp.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTrendingDown.svg.js +16 -0
- package/dist/assets/svg/icons/IconTrendingDown.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTrophy.svg.js +16 -0
- package/dist/assets/svg/icons/IconTrophy.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTune.svg.js +16 -0
- package/dist/assets/svg/icons/IconTune.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTwitter.svg.js +16 -0
- package/dist/assets/svg/icons/IconTwitter.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconUmbrella.svg.js +16 -0
- package/dist/assets/svg/icons/IconUmbrella.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVerified.svg.js +20 -0
- package/dist/assets/svg/icons/IconVerified.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVideocam.svg.js +16 -0
- package/dist/assets/svg/icons/IconVideocam.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconViewInAr.svg.js +16 -0
- package/dist/assets/svg/icons/IconViewInAr.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVisibility.svg.js +16 -0
- package/dist/assets/svg/icons/IconVisibility.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVolumeOff.svg.js +16 -0
- package/dist/assets/svg/icons/IconVolumeOff.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVolumeOn.svg.js +16 -0
- package/dist/assets/svg/icons/IconVolumeOn.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWarehouse.svg.js +16 -0
- package/dist/assets/svg/icons/IconWarehouse.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWarning.svg.js +16 -0
- package/dist/assets/svg/icons/IconWarning.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWater.svg.js +16 -0
- package/dist/assets/svg/icons/IconWater.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWeight.svg.js +16 -0
- package/dist/assets/svg/icons/IconWeight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWidth.svg.js +16 -0
- package/dist/assets/svg/icons/IconWidth.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWorkspacePremium.svg.js +16 -0
- package/dist/assets/svg/icons/IconWorkspacePremium.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWrench.svg.js +16 -0
- package/dist/assets/svg/icons/IconWrench.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconYoutube.svg.js +16 -0
- package/dist/assets/svg/icons/IconYoutube.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroFlight.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroFlight.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroHelicopter.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroHelicopter.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroModeFan.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroModeFan.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvAtv.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvAtv.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGoKart.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGoKart.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGolfCart.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGolfCart.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSandRail.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSandRail.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSideBySide.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSideBySide.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg.js +20 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg.js +21 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcPwc.svg.js +20 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcPwc.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg.js +20 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassA.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassA.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassB.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassB.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassC.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassC.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg.js +18 -0
- package/dist/assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFifthWheel.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFifthWheel.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFishHouse.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFishHouse.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvParkModel.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvParkModel.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvPopUpCamper.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvPopUpCamper.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg.js +17 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTravelTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTravelTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTruckCamper.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTruckCamper.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowMotorcycle.svg.js +21 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowMotorcycle.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowPwc.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowPwc.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSideBySide.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSideBySide.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSnowmobile.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSnowmobile.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowTrailer.svg.js.map +1 -0
- package/dist/components/InternalBaseLink.vue.js +20 -0
- package/dist/components/InternalBaseLink.vue.js.map +1 -0
- package/dist/components/InternalBaseLink.vue2.js +5 -0
- package/dist/components/InternalBaseLink.vue2.js.map +1 -0
- package/dist/components/TideAccordionItem.vue.js +8 -0
- package/dist/components/TideAccordionItem.vue.js.map +1 -0
- package/dist/components/TideAccordionItem.vue2.js +88 -0
- package/dist/components/TideAccordionItem.vue2.js.map +1 -0
- package/dist/components/TideAlert.vue.js +8 -0
- package/dist/components/TideAlert.vue.js.map +1 -0
- package/dist/components/TideAlert.vue2.js +128 -0
- package/dist/components/TideAlert.vue2.js.map +1 -0
- package/dist/components/TideBadge.vue.js +52 -0
- package/dist/components/TideBadge.vue.js.map +1 -0
- package/dist/components/TideBadge.vue2.js +5 -0
- package/dist/components/TideBadge.vue2.js.map +1 -0
- package/dist/components/TideBadgeTrustedPartner.vue.js +45 -0
- package/dist/components/TideBadgeTrustedPartner.vue.js.map +1 -0
- package/dist/components/TideBadgeTrustedPartner.vue2.js +5 -0
- package/dist/components/TideBadgeTrustedPartner.vue2.js.map +1 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue.js +8 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue.js.map +1 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue2.js +42 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue2.js.map +1 -0
- package/dist/components/TideBreadCrumbs.vue.js +61 -0
- package/dist/components/TideBreadCrumbs.vue.js.map +1 -0
- package/dist/components/TideBreadCrumbs.vue2.js +5 -0
- package/dist/components/TideBreadCrumbs.vue2.js.map +1 -0
- package/dist/components/TideButton.vue.js +72 -0
- package/dist/components/TideButton.vue.js.map +1 -0
- package/dist/components/TideButton.vue2.js +5 -0
- package/dist/components/TideButton.vue2.js.map +1 -0
- package/dist/components/TideButtonIcon.vue.js +62 -0
- package/dist/components/TideButtonIcon.vue.js.map +1 -0
- package/dist/components/TideButtonIcon.vue2.js +5 -0
- package/dist/components/TideButtonIcon.vue2.js.map +1 -0
- package/dist/components/TideButtonPagination.vue.js +8 -0
- package/dist/components/TideButtonPagination.vue.js.map +1 -0
- package/dist/components/TideButtonPagination.vue2.js +44 -0
- package/dist/components/TideButtonPagination.vue2.js.map +1 -0
- package/dist/components/TideButtonSave.vue.js +8 -0
- package/dist/components/TideButtonSave.vue.js.map +1 -0
- package/dist/components/TideButtonSave.vue2.js +56 -0
- package/dist/components/TideButtonSave.vue2.js.map +1 -0
- package/dist/components/TideButtonSegmented.vue.js +8 -0
- package/dist/components/TideButtonSegmented.vue.js.map +1 -0
- package/dist/components/TideButtonSegmented.vue2.js +82 -0
- package/dist/components/TideButtonSegmented.vue2.js.map +1 -0
- package/dist/components/TideCard.vue.js +8 -0
- package/dist/components/TideCard.vue.js.map +1 -0
- package/dist/components/TideCard.vue2.js +72 -0
- package/dist/components/TideCard.vue2.js.map +1 -0
- package/dist/components/TideCarousel.vue.js +8 -0
- package/dist/components/TideCarousel.vue.js.map +1 -0
- package/dist/components/TideCarousel.vue2.js +359 -0
- package/dist/components/TideCarousel.vue2.js.map +1 -0
- package/dist/components/TideChipAction.vue.js +8 -0
- package/dist/components/TideChipAction.vue.js.map +1 -0
- package/dist/components/TideChipAction.vue2.js +58 -0
- package/dist/components/TideChipAction.vue2.js.map +1 -0
- package/dist/components/TideChipFilter.vue.js +8 -0
- package/dist/components/TideChipFilter.vue.js.map +1 -0
- package/dist/components/TideChipFilter.vue2.js +51 -0
- package/dist/components/TideChipFilter.vue2.js.map +1 -0
- package/dist/components/TideChipInput.vue.js +8 -0
- package/dist/components/TideChipInput.vue.js.map +1 -0
- package/dist/components/TideChipInput.vue2.js +43 -0
- package/dist/components/TideChipInput.vue2.js.map +1 -0
- package/dist/components/TideColumns.vue.js +8 -0
- package/dist/components/TideColumns.vue.js.map +1 -0
- package/dist/components/TideColumns.vue2.js +45 -0
- package/dist/components/TideColumns.vue2.js.map +1 -0
- package/dist/components/TideDivider.vue.js +8 -0
- package/dist/components/TideDivider.vue.js.map +1 -0
- package/dist/components/TideDivider.vue2.js +31 -0
- package/dist/components/TideDivider.vue2.js.map +1 -0
- package/dist/components/TideForm.vue.js +28 -0
- package/dist/components/TideForm.vue.js.map +1 -0
- package/dist/components/TideForm.vue2.js +5 -0
- package/dist/components/TideForm.vue2.js.map +1 -0
- package/dist/components/TideIcon.vue.js +52 -0
- package/dist/components/TideIcon.vue.js.map +1 -0
- package/dist/components/TideIcon.vue3.js +6 -0
- package/dist/components/TideIcon.vue3.js.map +1 -0
- package/dist/components/TideImage.vue.js +8 -0
- package/dist/components/TideImage.vue.js.map +1 -0
- package/dist/components/TideImage.vue2.js +90 -0
- package/dist/components/TideImage.vue2.js.map +1 -0
- package/dist/components/TideImageBackground.vue.js +8 -0
- package/dist/components/TideImageBackground.vue.js.map +1 -0
- package/dist/components/TideImageBackground.vue2.js +48 -0
- package/dist/components/TideImageBackground.vue2.js.map +1 -0
- package/dist/components/TideIndicator.vue.js +8 -0
- package/dist/components/TideIndicator.vue.js.map +1 -0
- package/dist/components/TideIndicator.vue2.js +37 -0
- package/dist/components/TideIndicator.vue2.js.map +1 -0
- package/dist/components/TideInputCheckbox.vue.js +8 -0
- package/dist/components/TideInputCheckbox.vue.js.map +1 -0
- package/dist/components/TideInputCheckbox.vue2.js +151 -0
- package/dist/components/TideInputCheckbox.vue2.js.map +1 -0
- package/dist/components/TideInputCheckboxDeprecated.vue.js +8 -0
- package/dist/components/TideInputCheckboxDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputCheckboxDeprecated.vue2.js +96 -0
- package/dist/components/TideInputCheckboxDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputRadio.vue.js +8 -0
- package/dist/components/TideInputRadio.vue.js.map +1 -0
- package/dist/components/TideInputRadio.vue2.js +84 -0
- package/dist/components/TideInputRadio.vue2.js.map +1 -0
- package/dist/components/TideInputRadioDeprecated.vue.js +8 -0
- package/dist/components/TideInputRadioDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputRadioDeprecated.vue2.js +92 -0
- package/dist/components/TideInputRadioDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputSelect.vue.js +8 -0
- package/dist/components/TideInputSelect.vue.js.map +1 -0
- package/dist/components/TideInputSelect.vue2.js +228 -0
- package/dist/components/TideInputSelect.vue2.js.map +1 -0
- package/dist/components/TideInputSelectDeprecated.vue.js +8 -0
- package/dist/components/TideInputSelectDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputSelectDeprecated.vue2.js +182 -0
- package/dist/components/TideInputSelectDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputSupportingText.vue.js +40 -0
- package/dist/components/TideInputSupportingText.vue.js.map +1 -0
- package/dist/components/TideInputSupportingText.vue2.js +5 -0
- package/dist/components/TideInputSupportingText.vue2.js.map +1 -0
- package/dist/components/TideInputText.vue.js +8 -0
- package/dist/components/TideInputText.vue.js.map +1 -0
- package/dist/components/TideInputText.vue2.js +251 -0
- package/dist/components/TideInputText.vue2.js.map +1 -0
- package/dist/components/TideInputTextDeprecated.vue.js +8 -0
- package/dist/components/TideInputTextDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputTextDeprecated.vue2.js +235 -0
- package/dist/components/TideInputTextDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputTextarea.vue.js +8 -0
- package/dist/components/TideInputTextarea.vue.js.map +1 -0
- package/dist/components/TideInputTextarea.vue2.js +147 -0
- package/dist/components/TideInputTextarea.vue2.js.map +1 -0
- package/dist/components/TideInputTextareaDeprecated.vue.js +8 -0
- package/dist/components/TideInputTextareaDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputTextareaDeprecated.vue2.js +136 -0
- package/dist/components/TideInputTextareaDeprecated.vue2.js.map +1 -0
- package/dist/components/TideLink.vue.js +63 -0
- package/dist/components/TideLink.vue.js.map +1 -0
- package/dist/components/TideLink.vue2.js +5 -0
- package/dist/components/TideLink.vue2.js.map +1 -0
- package/dist/components/TideMenuItem.vue.js +8 -0
- package/dist/components/TideMenuItem.vue.js.map +1 -0
- package/dist/components/TideMenuItem.vue2.js +55 -0
- package/dist/components/TideMenuItem.vue2.js.map +1 -0
- package/dist/components/TideModal.vue.js +8 -0
- package/dist/components/TideModal.vue.js.map +1 -0
- package/dist/components/TideModal.vue2.js +186 -0
- package/dist/components/TideModal.vue2.js.map +1 -0
- package/dist/components/TidePagination.vue.js +82 -0
- package/dist/components/TidePagination.vue.js.map +1 -0
- package/dist/components/TidePagination.vue2.js +5 -0
- package/dist/components/TidePagination.vue2.js.map +1 -0
- package/dist/components/TidePopover.vue.js +8 -0
- package/dist/components/TidePopover.vue.js.map +1 -0
- package/dist/components/TidePopover.vue2.js +156 -0
- package/dist/components/TidePopover.vue2.js.map +1 -0
- package/dist/components/TideRating.vue.js +8 -0
- package/dist/components/TideRating.vue.js.map +1 -0
- package/dist/components/TideRating.vue2.js +75 -0
- package/dist/components/TideRating.vue2.js.map +1 -0
- package/dist/components/TideRealmLogo.vue.js +8 -0
- package/dist/components/TideRealmLogo.vue.js.map +1 -0
- package/dist/components/TideRealmLogo.vue2.js +66 -0
- package/dist/components/TideRealmLogo.vue2.js.map +1 -0
- package/dist/components/TideSeoLinks.vue.js +8 -0
- package/dist/components/TideSeoLinks.vue.js.map +1 -0
- package/dist/components/TideSeoLinks.vue2.js +47 -0
- package/dist/components/TideSeoLinks.vue2.js.map +1 -0
- package/dist/components/TideSheet.vue.js +8 -0
- package/dist/components/TideSheet.vue.js.map +1 -0
- package/dist/components/TideSheet.vue2.js +140 -0
- package/dist/components/TideSheet.vue2.js.map +1 -0
- package/dist/components/TideSwitch.vue.js +8 -0
- package/dist/components/TideSwitch.vue.js.map +1 -0
- package/dist/components/TideSwitch.vue2.js +69 -0
- package/dist/components/TideSwitch.vue2.js.map +1 -0
- package/dist/components/TideTabs.vue.js +8 -0
- package/dist/components/TideTabs.vue.js.map +1 -0
- package/dist/components/TideTabs.vue2.js +60 -0
- package/dist/components/TideTabs.vue2.js.map +1 -0
- package/dist/components/TideToaster.vue.js +8 -0
- package/dist/components/TideToaster.vue.js.map +1 -0
- package/dist/components/TideToaster.vue2.js +78 -0
- package/dist/components/TideToaster.vue2.js.map +1 -0
- package/dist/composables/useTideConfig.js +16 -0
- package/dist/composables/useTideConfig.js.map +1 -0
- package/dist/composables/useTideForm.js +18 -0
- package/dist/composables/useTideForm.js.map +1 -0
- package/dist/composables/useTideToaster.js +49 -0
- package/dist/composables/useTideToaster.js.map +1 -0
- package/dist/index.js +141 -5369
- package/dist/index.js.map +1 -0
- package/dist/style.css +3730 -1
- package/dist/types/Alert.js +10 -0
- package/dist/types/Alert.js.map +1 -0
- package/dist/types/Badge.js +69 -0
- package/dist/types/Badge.js.map +1 -0
- package/dist/types/Breakpoint.js +17 -0
- package/dist/types/Breakpoint.js.map +1 -0
- package/dist/types/Card.js +9 -0
- package/dist/types/Card.js.map +1 -0
- package/dist/types/Element.js +14 -0
- package/dist/types/Element.js.map +1 -0
- package/dist/types/Formatted.js +21 -0
- package/dist/types/Formatted.js.map +1 -0
- package/dist/types/Icon.js +195 -0
- package/dist/types/Icon.js.map +1 -0
- package/dist/types/Image.js +9 -0
- package/dist/types/Image.js.map +1 -0
- package/dist/types/Orientation.js +8 -0
- package/dist/types/Orientation.js.map +1 -0
- package/dist/types/Priority.js +11 -0
- package/dist/types/Priority.js.map +1 -0
- package/dist/types/Realm.js +16 -0
- package/dist/types/Realm.js.map +1 -0
- package/dist/types/RealmLogo.js +26 -0
- package/dist/types/RealmLogo.js.map +1 -0
- package/dist/types/Size.js +13 -0
- package/dist/types/Size.js.map +1 -0
- package/dist/types/Styles.js +484 -0
- package/dist/types/Styles.js.map +1 -0
- package/dist/types/Target.js +8 -0
- package/dist/types/Target.js.map +1 -0
- package/dist/types/TextInput.js +28 -0
- package/dist/types/TextInput.js.map +1 -0
- package/dist/types/Validation.js +19 -0
- package/dist/types/Validation.js.map +1 -0
- package/dist/utilities/event.js +8 -0
- package/dist/utilities/event.js.map +1 -0
- package/dist/utilities/format.js +47 -0
- package/dist/utilities/format.js.map +1 -0
- package/dist/utilities/forms.js +21 -0
- package/dist/utilities/forms.js.map +1 -0
- package/dist/utilities/realm.js +15 -0
- package/dist/utilities/realm.js.map +1 -0
- package/dist/utilities/validation-deprecated.js +89 -0
- package/dist/utilities/validation-deprecated.js.map +1 -0
- package/dist/utilities/validation.js +110 -0
- package/dist/utilities/validation.js.map +1 -0
- package/dist/utilities/viewport.js +47 -0
- package/dist/utilities/viewport.js.map +1 -0
- package/package.json +6 -4
- package/dist/chunks/IconAccountBalance.js +0 -16
- package/dist/chunks/IconAcute.js +0 -16
- package/dist/chunks/IconAdd.js +0 -16
- package/dist/chunks/IconAeroFlight.js +0 -16
- package/dist/chunks/IconAeroHelicopter.js +0 -16
- package/dist/chunks/IconAeroModeFan.js +0 -16
- package/dist/chunks/IconAeroPlaneContrails.js +0 -16
- package/dist/chunks/IconAiDescription.js +0 -20
- package/dist/chunks/IconAlignSpaceEven.js +0 -16
- package/dist/chunks/IconApplePay.js +0 -16
- package/dist/chunks/IconArrowBack.js +0 -16
- package/dist/chunks/IconArrowCycle.js +0 -16
- package/dist/chunks/IconArrowForward.js +0 -16
- package/dist/chunks/IconArrowRight.js +0 -16
- package/dist/chunks/IconArrowUp.js +0 -16
- package/dist/chunks/IconAssignment.js +0 -16
- package/dist/chunks/IconAttachMoney.js +0 -16
- package/dist/chunks/IconAtvAtv.js +0 -20
- package/dist/chunks/IconAtvDuneBuggy.js +0 -20
- package/dist/chunks/IconAtvGoKart.js +0 -20
- package/dist/chunks/IconAtvGolfCart.js +0 -20
- package/dist/chunks/IconAtvSandRail.js +0 -20
- package/dist/chunks/IconAtvSideBySide.js +0 -20
- package/dist/chunks/IconAtvTrailer.js +0 -20
- package/dist/chunks/IconAutoRenew.js +0 -16
- package/dist/chunks/IconAwardStar.js +0 -16
- package/dist/chunks/IconBed.js +0 -16
- package/dist/chunks/IconBoatmartPwc.js +0 -20
- package/dist/chunks/IconBoatmartTrailer.js +0 -20
- package/dist/chunks/IconBolt.js +0 -16
- package/dist/chunks/IconBookmark.js +0 -16
- package/dist/chunks/IconBunkhouse.js +0 -16
- package/dist/chunks/IconCalculate.js +0 -16
- package/dist/chunks/IconCalendarMonth.js +0 -16
- package/dist/chunks/IconCall.js +0 -16
- package/dist/chunks/IconCallQuality.js +0 -16
- package/dist/chunks/IconCarRental.js +0 -16
- package/dist/chunks/IconCheck.js +0 -16
- package/dist/chunks/IconChevronLeft.js +0 -16
- package/dist/chunks/IconChevronRight.js +0 -16
- package/dist/chunks/IconClear.js +0 -16
- package/dist/chunks/IconClose.js +0 -16
- package/dist/chunks/IconContract.js +0 -16
- package/dist/chunks/IconCrash.js +0 -16
- package/dist/chunks/IconCycleMotorcycle.js +0 -21
- package/dist/chunks/IconCycleTrailer.js +0 -20
- package/dist/chunks/IconDashboardCustomize.js +0 -16
- package/dist/chunks/IconDelete.js +0 -16
- package/dist/chunks/IconDiamond.js +0 -16
- package/dist/chunks/IconDirectionsBoat.js +0 -16
- package/dist/chunks/IconDomain.js +0 -16
- package/dist/chunks/IconDraft.js +0 -16
- package/dist/chunks/IconEdit.js +0 -16
- package/dist/chunks/IconEngine.js +0 -20
- package/dist/chunks/IconEngineering.js +0 -16
- package/dist/chunks/IconError.js +0 -16
- package/dist/chunks/IconExpandContent.js +0 -16
- package/dist/chunks/IconExpandLess.js +0 -16
- package/dist/chunks/IconExpandMore.js +0 -16
- package/dist/chunks/IconFacebook.js +0 -16
- package/dist/chunks/IconFavorite.js +0 -16
- package/dist/chunks/IconFavoriteFilled.js +0 -16
- package/dist/chunks/IconFlag.js +0 -16
- package/dist/chunks/IconFormatBold.js +0 -16
- package/dist/chunks/IconFormatItalic.js +0 -16
- package/dist/chunks/IconFormatListBulleted.js +0 -16
- package/dist/chunks/IconForum.js +0 -16
- package/dist/chunks/IconGas.js +0 -16
- package/dist/chunks/IconGavel.js +0 -16
- package/dist/chunks/IconGears.js +0 -16
- package/dist/chunks/IconGlobeLocationPin.js +0 -16
- package/dist/chunks/IconGoogle.js +0 -31
- package/dist/chunks/IconGooglePay.js +0 -16
- package/dist/chunks/IconGrid.js +0 -16
- package/dist/chunks/IconHandshake.js +0 -16
- package/dist/chunks/IconHandyman.js +0 -16
- package/dist/chunks/IconHeight.js +0 -16
- package/dist/chunks/IconHelp.js +0 -16
- package/dist/chunks/IconInfo.js +0 -16
- package/dist/chunks/IconInformation.js +0 -16
- package/dist/chunks/IconInsertText.js +0 -16
- package/dist/chunks/IconInstagram.js +0 -16
- package/dist/chunks/IconIosShare.js +0 -16
- package/dist/chunks/IconLayout.js +0 -16
- package/dist/chunks/IconLevellingJack.js +0 -20
- package/dist/chunks/IconLinkedIn.js +0 -16
- package/dist/chunks/IconLocalShipping.js +0 -16
- package/dist/chunks/IconLock.js +0 -16
- package/dist/chunks/IconMail.js +0 -16
- package/dist/chunks/IconMenu.js +0 -16
- package/dist/chunks/IconMoneyBag.js +0 -16
- package/dist/chunks/IconMoreHoriz.js +0 -16
- package/dist/chunks/IconMove.js +0 -16
- package/dist/chunks/IconNotifications.js +0 -16
- package/dist/chunks/IconOdometer.js +0 -16
- package/dist/chunks/IconOpenInNew.js +0 -16
- package/dist/chunks/IconPalette.js +0 -16
- package/dist/chunks/IconPaypal.js +0 -16
- package/dist/chunks/IconPerson.js +0 -16
- package/dist/chunks/IconPersonSearch.js +0 -16
- package/dist/chunks/IconPhotoCamera.js +0 -16
- package/dist/chunks/IconPinterest.js +0 -16
- package/dist/chunks/IconPlayArrow.js +0 -16
- package/dist/chunks/IconPolicy.js +0 -16
- package/dist/chunks/IconPower.js +0 -16
- package/dist/chunks/IconPowerOff.js +0 -16
- package/dist/chunks/IconPriorityHigh.js +0 -16
- package/dist/chunks/IconPwcPwc.js +0 -20
- package/dist/chunks/IconPwcSnowmobile.js +0 -20
- package/dist/chunks/IconPwcTrailer.js +0 -20
- package/dist/chunks/IconRemove.js +0 -16
- package/dist/chunks/IconRequestQuote.js +0 -16
- package/dist/chunks/IconResetWrench.js +0 -16
- package/dist/chunks/IconRoad.js +0 -16
- package/dist/chunks/IconRoundedCorner.js +0 -16
- package/dist/chunks/IconRuler.js +0 -16
- package/dist/chunks/IconRvClassA.js +0 -20
- package/dist/chunks/IconRvClassB.js +0 -20
- package/dist/chunks/IconRvClassC.js +0 -20
- package/dist/chunks/IconRvDestinationTrailer.js +0 -18
- package/dist/chunks/IconRvFifthWheel.js +0 -20
- package/dist/chunks/IconRvFishHouse.js +0 -20
- package/dist/chunks/IconRvParkModel.js +0 -20
- package/dist/chunks/IconRvPopUpCamper.js +0 -20
- package/dist/chunks/IconRvTeardropTrailer.js +0 -17
- package/dist/chunks/IconRvTravelTrailer.js +0 -20
- package/dist/chunks/IconRvTruckCamper.js +0 -20
- package/dist/chunks/IconSailing.js +0 -16
- package/dist/chunks/IconSchool.js +0 -16
- package/dist/chunks/IconSearch.js +0 -16
- package/dist/chunks/IconSeating.js +0 -16
- package/dist/chunks/IconSell.js +0 -16
- package/dist/chunks/IconSensors.js +0 -16
- package/dist/chunks/IconSettings.js +0 -16
- package/dist/chunks/IconShare.js +0 -16
- package/dist/chunks/IconShieldCheck.js +0 -16
- package/dist/chunks/IconShoppingCart.js +0 -16
- package/dist/chunks/IconSleeps.js +0 -16
- package/dist/chunks/IconSms.js +0 -16
- package/dist/chunks/IconSnowMotorcycle.js +0 -21
- package/dist/chunks/IconSnowPwc.js +0 -20
- package/dist/chunks/IconSnowSideBySide.js +0 -20
- package/dist/chunks/IconSnowSnowmobile.js +0 -20
- package/dist/chunks/IconSnowTrailer.js +0 -20
- package/dist/chunks/IconSnowflake.js +0 -16
- package/dist/chunks/IconStar.js +0 -16
- package/dist/chunks/IconStarFilled.js +0 -16
- package/dist/chunks/IconStarHalf.js +0 -16
- package/dist/chunks/IconSummarize.js +0 -16
- package/dist/chunks/IconSwapHoriz.js +0 -16
- package/dist/chunks/IconSwapVert.js +0 -16
- package/dist/chunks/IconThreeDRotation.js +0 -29
- package/dist/chunks/IconThumbUp.js +0 -16
- package/dist/chunks/IconTrendingDown.js +0 -16
- package/dist/chunks/IconTrophy.js +0 -16
- package/dist/chunks/IconTune.js +0 -16
- package/dist/chunks/IconTwitter.js +0 -16
- package/dist/chunks/IconUmbrella.js +0 -16
- package/dist/chunks/IconVerified.js +0 -20
- package/dist/chunks/IconVideocam.js +0 -16
- package/dist/chunks/IconViewInAr.js +0 -16
- package/dist/chunks/IconVisibility.js +0 -16
- package/dist/chunks/IconVolumeOff.js +0 -16
- package/dist/chunks/IconVolumeOn.js +0 -16
- package/dist/chunks/IconWarehouse.js +0 -16
- package/dist/chunks/IconWarning.js +0 -16
- package/dist/chunks/IconWater.js +0 -16
- package/dist/chunks/IconWeight.js +0 -16
- package/dist/chunks/IconWidth.js +0 -16
- package/dist/chunks/IconWorkspacePremium.js +0 -16
- package/dist/chunks/IconWrench.js +0 -16
- package/dist/chunks/IconYoutube.js +0 -16
- package/dist/chunks/logo-aero.js +0 -18
- package/dist/chunks/logo-atv.js +0 -20
- package/dist/chunks/logo-boatmart.js +0 -18
- package/dist/chunks/logo-cycle.js +0 -18
- package/dist/chunks/logo-equipment.js +0 -18
- package/dist/chunks/logo-pwc.js +0 -21
- package/dist/chunks/logo-rv.js +0 -20
- package/dist/chunks/logo-rvt.js +0 -16
- package/dist/chunks/logo-snow.js +0 -18
- package/dist/chunks/logo-truck.js +0 -19
- package/dist/chunks/mark-aero.js +0 -17
- package/dist/chunks/mark-atv.js +0 -22
- package/dist/chunks/mark-boatmart.js +0 -17
- package/dist/chunks/mark-cycle.js +0 -17
- package/dist/chunks/mark-equipment.js +0 -17
- package/dist/chunks/mark-pwc.js +0 -17
- package/dist/chunks/mark-rv.js +0 -22
- package/dist/chunks/mark-rvt.js +0 -18
- package/dist/chunks/mark-snow.js +0 -17
- package/dist/chunks/mark-truck.js +0 -18
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { defineComponent, useSlots, computed, Comment, openBlock, createElementBlock, normalizeClass, unref, createVNode, createCommentVNode, createElementVNode, toDisplayString, createBlock, renderSlot } from "vue";
|
|
2
|
+
import _sfc_main$3 from "./TideButtonIcon.vue.js";
|
|
3
|
+
import _sfc_main$1 from "./TideIcon.vue.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import _sfc_main$2 from "./TideLink.vue.js";
|
|
6
|
+
import { ALERT } from "../types/Alert.js";
|
|
7
|
+
import { ELEMENT } from "../types/Element.js";
|
|
8
|
+
import { ICON } from "../types/Icon.js";
|
|
9
|
+
import { PRIORITY } from "../types/Priority.js";
|
|
10
|
+
import { SIZE } from "../types/Size.js";
|
|
11
|
+
import { CSS } from "../types/Styles.js";
|
|
12
|
+
const __default__ = {};
|
|
13
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
|
+
...__default__,
|
|
15
|
+
__name: "TideAlert",
|
|
16
|
+
props: {
|
|
17
|
+
ctaLabel: { default: void 0 },
|
|
18
|
+
heading: { default: void 0 },
|
|
19
|
+
isDismissible: { type: Boolean, default: true },
|
|
20
|
+
isToast: { type: Boolean, default: false },
|
|
21
|
+
type: { default: ALERT.INFO }
|
|
22
|
+
},
|
|
23
|
+
emits: ["close", "ctaClick"],
|
|
24
|
+
setup(__props, { emit: __emit }) {
|
|
25
|
+
const props = __props;
|
|
26
|
+
const emit = __emit;
|
|
27
|
+
const slots = useSlots();
|
|
28
|
+
const hasBody = computed(() => {
|
|
29
|
+
var _a;
|
|
30
|
+
const nodes = (_a = slots.default) == null ? void 0 : _a.call(slots, {});
|
|
31
|
+
if (!nodes) return false;
|
|
32
|
+
return nodes.some(
|
|
33
|
+
(node) => node.type !== Comment && (typeof node.children !== "string" || node.children.trim().length > 0)
|
|
34
|
+
);
|
|
35
|
+
});
|
|
36
|
+
const iconType = computed(() => {
|
|
37
|
+
if (props.type === ALERT.ERROR) return ICON.PRIORITY_HIGH;
|
|
38
|
+
if (props.type === ALERT.SUCCESS) return ICON.CHECK;
|
|
39
|
+
if (props.type === ALERT.WARNING) return ICON.WARNING;
|
|
40
|
+
return ICON.INFORMATION;
|
|
41
|
+
});
|
|
42
|
+
return (_ctx, _cache) => {
|
|
43
|
+
return openBlock(), createElementBlock("div", {
|
|
44
|
+
class: normalizeClass([
|
|
45
|
+
props.type,
|
|
46
|
+
"tide-alert",
|
|
47
|
+
unref(CSS).AXIS2.CENTER,
|
|
48
|
+
unref(CSS).BORDER.RADIUS.HALF,
|
|
49
|
+
unref(CSS).DISPLAY.GRID,
|
|
50
|
+
unref(CSS).PADDING.FULL.ONE,
|
|
51
|
+
!props.isToast && props.type === unref(ALERT).ERROR ? [unref(CSS).BG.GLOBAL.SURFACE.ERROR, unref(CSS).BORDER.COLOR.GLOBAL.ERROR] : "",
|
|
52
|
+
!props.isToast && props.type === unref(ALERT).INFO ? [unref(CSS).BG.GLOBAL.SURFACE.INFO, unref(CSS).BORDER.COLOR.GLOBAL.INFO] : "",
|
|
53
|
+
!props.isToast && props.type === unref(ALERT).SUCCESS ? [unref(CSS).BG.GLOBAL.SURFACE.SUCCESS, unref(CSS).BORDER.COLOR.GLOBAL.SUCCESS] : "",
|
|
54
|
+
!props.isToast && props.type === unref(ALERT).WARNING ? [unref(CSS).BG.GLOBAL.SURFACE.WARNING, unref(CSS).BORDER.COLOR.GLOBAL.WARNING] : "",
|
|
55
|
+
props.isToast ? [unref(CSS).BG.SECONDARY, unref(CSS).FONT.COLOR.SECONDARY, unref(CSS).SHADOW.BOTTOM] : unref(CSS).BORDER.LEFT.TWO
|
|
56
|
+
])
|
|
57
|
+
}, [
|
|
58
|
+
!props.isToast ? (openBlock(), createElementBlock("div", {
|
|
59
|
+
key: 0,
|
|
60
|
+
class: normalizeClass([
|
|
61
|
+
"tide-alert-icon",
|
|
62
|
+
unref(CSS).PADDING.FULL.QUARTER,
|
|
63
|
+
unref(CSS).BORDER.RADIUS.FULL,
|
|
64
|
+
unref(CSS).FONT.COLOR.SURFACE.INVERSE,
|
|
65
|
+
props.type === unref(ALERT).ERROR && unref(CSS).BG.GLOBAL.PRIMARY.ERROR,
|
|
66
|
+
props.type === unref(ALERT).INFO && unref(CSS).BG.GLOBAL.PRIMARY.INFO,
|
|
67
|
+
props.type === unref(ALERT).SUCCESS && unref(CSS).BG.GLOBAL.PRIMARY.SUCCESS,
|
|
68
|
+
props.type === unref(ALERT).WARNING && unref(CSS).BG.GLOBAL.PRIMARY.WARNING
|
|
69
|
+
])
|
|
70
|
+
}, [
|
|
71
|
+
createVNode(_sfc_main$1, {
|
|
72
|
+
icon: iconType.value,
|
|
73
|
+
size: unref(SIZE).SMALL
|
|
74
|
+
}, null, 8, ["icon", "size"])
|
|
75
|
+
], 2)) : createCommentVNode("", true),
|
|
76
|
+
createElementVNode("div", {
|
|
77
|
+
class: normalizeClass([
|
|
78
|
+
"tide-alert-heading",
|
|
79
|
+
unref(CSS).DISPLAY.FLEX,
|
|
80
|
+
unref(CSS).AXIS2.CENTER,
|
|
81
|
+
unref(CSS).FLEX.DIRECTION.ROW,
|
|
82
|
+
!hasBody.value ? [unref(CSS).AXIS1.BETWEEN, unref(CSS).MARGIN.RIGHT.HALF] : ""
|
|
83
|
+
])
|
|
84
|
+
}, [
|
|
85
|
+
createElementVNode("span", {
|
|
86
|
+
class: normalizeClass(unref(CSS).FONT.ROLE.LABEL_2_SEMIBOLD)
|
|
87
|
+
}, toDisplayString(props.heading), 3),
|
|
88
|
+
props.ctaLabel && !hasBody.value ? (openBlock(), createBlock(_sfc_main$2, {
|
|
89
|
+
key: 0,
|
|
90
|
+
class: normalizeClass([unref(CSS).FONT.ROLE.LINK_2]),
|
|
91
|
+
element: unref(ELEMENT).BUTTON,
|
|
92
|
+
label: props.ctaLabel,
|
|
93
|
+
onClick: _cache[0] || (_cache[0] = ($event) => emit("ctaClick"))
|
|
94
|
+
}, null, 8, ["class", "element", "label"])) : createCommentVNode("", true)
|
|
95
|
+
], 2),
|
|
96
|
+
__props.isDismissible ? (openBlock(), createBlock(_sfc_main$3, {
|
|
97
|
+
key: 1,
|
|
98
|
+
class: normalizeClass(["tide-alert-close", unref(CSS).AXIS2.CENTER, unref(CSS).FONT.COLOR.SURFACE.DEFAULT]),
|
|
99
|
+
icon: unref(ICON).CLOSE,
|
|
100
|
+
priority: unref(PRIORITY).QUATERNARY,
|
|
101
|
+
onClick: _cache[1] || (_cache[1] = ($event) => emit("close")),
|
|
102
|
+
"aria-label": "Close alert"
|
|
103
|
+
}, null, 8, ["class", "icon", "priority"])) : createCommentVNode("", true),
|
|
104
|
+
createElementVNode("div", {
|
|
105
|
+
class: normalizeClass(["tide-alert-body", unref(CSS).FONT.ROLE.BODY_2, !props.isToast && unref(CSS).FONT.COLOR.SURFACE.DEFAULT])
|
|
106
|
+
}, [
|
|
107
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
108
|
+
props.ctaLabel && hasBody.value ? (openBlock(), createElementBlock("div", {
|
|
109
|
+
key: 0,
|
|
110
|
+
class: normalizeClass([unref(CSS).MARGIN.TOP.HALF])
|
|
111
|
+
}, [
|
|
112
|
+
props.ctaLabel ? (openBlock(), createBlock(_sfc_main$2, {
|
|
113
|
+
key: 0,
|
|
114
|
+
class: normalizeClass([unref(CSS).FONT.ROLE.LINK_2]),
|
|
115
|
+
element: unref(ELEMENT).BUTTON,
|
|
116
|
+
label: props.ctaLabel,
|
|
117
|
+
onClick: _cache[2] || (_cache[2] = ($event) => emit("ctaClick"))
|
|
118
|
+
}, null, 8, ["class", "element", "label"])) : createCommentVNode("", true)
|
|
119
|
+
], 2)) : createCommentVNode("", true)
|
|
120
|
+
], 2)
|
|
121
|
+
], 2);
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
export {
|
|
126
|
+
_sfc_main as default
|
|
127
|
+
};
|
|
128
|
+
//# sourceMappingURL=TideAlert.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideAlert.vue2.js","sources":["../../src/components/TideAlert.vue"],"sourcesContent":["<script lang=\"ts\">\n /**\n * Renders an alert component with customizable content and behavior.\n *\n * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidealert--docs) for TideAlert\n */\n export default {};\n</script>\n\n<script lang=\"ts\" setup>\n import { Comment, computed, useSlots } from 'vue';\n\n import TideButtonIcon from '@/components/TideButtonIcon.vue';\n import TideIcon from '@/components/TideIcon.vue';\n import TideLink from '@/components/TideLink.vue';\n import { ALERT } from '@/types/Alert';\n import { ELEMENT } from '@/types/Element';\n import { ICON } from '@/types/Icon';\n import { PRIORITY } from '@/types/Priority';\n import { SIZE } from '@/types/Size';\n import { CSS } from '@/types/Styles';\n\n import type { Alert } from '@/types/Alert';\n import type { VNode } from 'vue';\n\n type Props = {\n /** Call To Action that renders as a TideLink; clicking emits a separate `click` event */\n ctaLabel?: string;\n\n /** Heading text */\n heading?: string;\n\n /** Determines whether the Alert can be closed by the user */\n isDismissible?: boolean;\n\n /** Determines whether the Alert is an overlay or displaces content */\n isToast?: boolean;\n\n /** Alert type */\n type?: Alert;\n };\n\n type Emits = {\n (event: 'close'): void;\n (event: 'ctaClick'): void;\n };\n\n const props = withDefaults(defineProps<Props>(), {\n ctaLabel: undefined,\n heading: undefined,\n isDismissible: true,\n isToast: false,\n type: ALERT.INFO,\n });\n\n const emit = defineEmits<Emits>();\n const slots = useSlots();\n const hasBody = computed(() => {\n const nodes = slots.default?.({});\n if (!nodes) return false;\n\n return nodes.some(\n (node: VNode) => node.type !== Comment && (typeof node.children !== 'string' || node.children.trim().length > 0)\n );\n });\n\n const iconType = computed(() => {\n if (props.type === ALERT.ERROR) return ICON.PRIORITY_HIGH;\n if (props.type === ALERT.SUCCESS) return ICON.CHECK;\n if (props.type === ALERT.WARNING) return ICON.WARNING;\n return ICON.INFORMATION;\n });\n</script>\n\n<template>\n <div\n :class=\"[\n props.type,\n 'tide-alert',\n CSS.AXIS2.CENTER,\n CSS.BORDER.RADIUS.HALF,\n CSS.DISPLAY.GRID,\n CSS.PADDING.FULL.ONE,\n !props.isToast && props.type === ALERT.ERROR ? [CSS.BG.GLOBAL.SURFACE.ERROR, CSS.BORDER.COLOR.GLOBAL.ERROR] : '',\n !props.isToast && props.type === ALERT.INFO ? [CSS.BG.GLOBAL.SURFACE.INFO, CSS.BORDER.COLOR.GLOBAL.INFO] : '',\n !props.isToast && props.type === ALERT.SUCCESS\n ? [CSS.BG.GLOBAL.SURFACE.SUCCESS, CSS.BORDER.COLOR.GLOBAL.SUCCESS]\n : '',\n !props.isToast && props.type === ALERT.WARNING\n ? [CSS.BG.GLOBAL.SURFACE.WARNING, CSS.BORDER.COLOR.GLOBAL.WARNING]\n : '',\n props.isToast ? [CSS.BG.SECONDARY, CSS.FONT.COLOR.SECONDARY, CSS.SHADOW.BOTTOM] : CSS.BORDER.LEFT.TWO,\n ]\"\n >\n <div\n :class=\"[\n 'tide-alert-icon',\n CSS.PADDING.FULL.QUARTER,\n CSS.BORDER.RADIUS.FULL,\n CSS.FONT.COLOR.SURFACE.INVERSE,\n props.type === ALERT.ERROR && CSS.BG.GLOBAL.PRIMARY.ERROR,\n props.type === ALERT.INFO && CSS.BG.GLOBAL.PRIMARY.INFO,\n props.type === ALERT.SUCCESS && CSS.BG.GLOBAL.PRIMARY.SUCCESS,\n props.type === ALERT.WARNING && CSS.BG.GLOBAL.PRIMARY.WARNING,\n ]\"\n v-if=\"!props.isToast\"\n >\n <TideIcon\n :icon=\"iconType\"\n :size=\"SIZE.SMALL\"\n />\n </div>\n\n <div\n :class=\"[\n 'tide-alert-heading',\n CSS.DISPLAY.FLEX,\n CSS.AXIS2.CENTER,\n CSS.FLEX.DIRECTION.ROW,\n !hasBody ? [CSS.AXIS1.BETWEEN, CSS.MARGIN.RIGHT.HALF] : '',\n ]\"\n >\n <span :class=\"CSS.FONT.ROLE.LABEL_2_SEMIBOLD\">{{ props.heading }}</span>\n\n <TideLink\n :class=\"[CSS.FONT.ROLE.LINK_2]\"\n :element=\"ELEMENT.BUTTON\"\n :label=\"props.ctaLabel\"\n @click=\"emit('ctaClick')\"\n v-if=\"props.ctaLabel && !hasBody\"\n />\n </div>\n\n <TideButtonIcon\n :class=\"['tide-alert-close', CSS.AXIS2.CENTER, CSS.FONT.COLOR.SURFACE.DEFAULT]\"\n :icon=\"ICON.CLOSE\"\n :priority=\"PRIORITY.QUATERNARY\"\n @click=\"emit('close')\"\n aria-label=\"Close alert\"\n v-if=\"isDismissible\"\n />\n\n <div :class=\"['tide-alert-body', CSS.FONT.ROLE.BODY_2, !props.isToast && CSS.FONT.COLOR.SURFACE.DEFAULT]\">\n <slot />\n\n <div\n :class=\"[CSS.MARGIN.TOP.HALF]\"\n v-if=\"props.ctaLabel && hasBody\"\n >\n <TideLink\n :class=\"[CSS.FONT.ROLE.LINK_2]\"\n :element=\"ELEMENT.BUTTON\"\n :label=\"props.ctaLabel\"\n @click=\"emit('ctaClick')\"\n v-if=\"props.ctaLabel\"\n />\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n .tide-alert {\n grid-template-areas:\n 'icon heading close'\n '. body .';\n grid-template-columns: auto var(--tide-safe-fr) auto;\n grid-column-gap: var(--tide-spacing-1\\/2);\n max-width: var(--tide-max-width, 640px);\n }\n\n .tide-alert-icon {\n grid-area: icon;\n }\n\n .tide-alert-heading {\n grid-area: heading;\n }\n\n .tide-alert-close {\n grid-area: close;\n }\n\n .tide-alert-body {\n grid-area: body;\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createVNode","TideIcon","_createElementVNode","_toDisplayString","_createBlock","TideLink","TideButtonIcon","_renderSlot"],"mappings":";;;;;;;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;;;AAyCf,UAAM,QAAQ;AAQd,UAAM,OAAO;AACb,UAAM,QAAQ,SAAA;AACd,UAAM,UAAU,SAAS,MAAM;;AAC7B,YAAM,SAAQ,WAAM,YAAN,+BAAgB;AAC9B,UAAI,CAAC,MAAO,QAAO;AAEnB,aAAO,MAAM;AAAA,QACX,CAAC,SAAgB,KAAK,SAAS,YAAY,OAAO,KAAK,aAAa,YAAY,KAAK,SAAS,KAAA,EAAO,SAAS;AAAA,MAAA;AAAA,IAElH,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,MAAM,cAAc,KAAK;AAC5C,UAAI,MAAM,SAAS,MAAM,gBAAgB,KAAK;AAC9C,UAAI,MAAM,SAAS,MAAM,gBAAgB,KAAK;AAC9C,aAAO,KAAK;AAAA,IACd,CAAC;;0BAIDA,mBAmFM,OAAA;AAAA,QAlFH,OAAKC,eAAA;AAAA,UAAU,MAAM;AAAA;UAAgCC,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,OAAO,OAAO;AAAA,UAAYA,MAAA,GAAA,EAAI,QAAQ;AAAA,UAAYA,MAAA,GAAA,EAAI,QAAQ,KAAK;AAAA,UAAY,CAAA,MAAM,WAAW,MAAM,SAASA,MAAA,KAAA,EAAM,QAAK,CAAIA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ,OAAOA,MAAA,GAAA,EAAI,OAAO,MAAM,OAAO,KAAK,IAAA;AAAA,UAAe,CAAA,MAAM,WAAW,MAAM,SAASA,MAAA,KAAA,EAAM,OAAI,CAAIA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ,MAAMA,MAAA,GAAA,EAAI,OAAO,MAAM,OAAO,IAAI,IAAA;AAAA,WAAe,MAAM,WAAW,MAAM,SAASA,MAAA,KAAA,EAAM,UAAmB,CAAAA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ,SAASA,MAAA,GAAA,EAAI,OAAO,MAAM,OAAO,OAAO;WAAuB,MAAM,WAAW,MAAM,SAASA,MAAA,KAAA,EAAM,UAAmB,CAAAA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ,SAASA,MAAA,GAAA,EAAI,OAAO,MAAM,OAAO,OAAO;UAAsB,MAAM,UAAO,CAAIA,MAAA,GAAA,EAAI,GAAG,WAAWA,MAAA,GAAA,EAAI,KAAK,MAAM,WAAWA,MAAA,GAAA,EAAI,OAAO,MAAM,IAAIA,MAAA,GAAA,EAAI,OAAO,KAAK;AAAA,QAAA;;QA6BlwB,CAAA,MAAM,wBAXfF,mBAiBM,OAAA;AAAA;UAhBH,OAAKC,eAAA;AAAA;YAAuCC,MAAA,GAAA,EAAI,QAAQ,KAAK;AAAA,YAAiBA,MAAA,GAAA,EAAI,OAAO,OAAO;AAAA,YAAcA,MAAA,GAAA,EAAI,KAAK,MAAM,QAAQ;AAAA,YAAiB,MAAM,SAASA,MAAA,KAAA,EAAM,SAASA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ;AAAA,YAAe,MAAM,SAASA,MAAA,KAAA,EAAM,QAAQA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ;AAAA,YAAc,MAAM,SAASA,MAAA,KAAA,EAAM,WAAWA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ;AAAA,YAAiB,MAAM,SAASA,MAAA,KAAA,EAAM,WAAWA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ;AAAA,UAAA;;UAYxZC,YAGEC,aAAA;AAAA,YAFC,MAAM,SAAA;AAAA,YACN,MAAMF,MAAA,IAAA,EAAK;AAAA,UAAA;;QAIhBG,mBAkBM,OAAA;AAAA,UAjBH,OAAKJ,eAAA;AAAA;YAA0CC,MAAA,GAAA,EAAI,QAAQ;AAAA,YAAcA,MAAA,GAAA,EAAI,MAAM;AAAA,YAAgBA,MAAA,GAAA,EAAI,KAAK,UAAU;AAAA,YAAc,CAAA,QAAA,QAAO,CAAIA,MAAA,GAAA,EAAI,MAAM,SAASA,MAAA,GAAA,EAAI,OAAO,MAAM,IAAI,IAAA;AAAA,UAAA;;UAQxLG,mBAAwE,QAAA;AAAA,YAAjE,sBAAOH,MAAA,GAAA,EAAI,KAAK,KAAK,gBAAgB;AAAA,UAAA,GAAKI,gBAAA,MAAM,OAAO,GAAA,CAAA;AAAA,UAOtD,MAAM,YAAQ,CAAK,QAAA,sBAL3BC,YAMEC,aAAA;AAAA;YALC,uBAAQN,MAAA,GAAA,EAAI,KAAK,KAAK,MAAM,CAAA;AAAA,YAC5B,SAASA,MAAA,OAAA,EAAQ;AAAA,YACjB,OAAO,MAAM;AAAA,YACb,+CAAO,KAAI,UAAA;AAAA,UAAA;;QAWR,QAAA,8BANRK,YAOEE,aAAA;AAAA;UANC,OAAKR,eAAA,CAAA,oBAAuBC,MAAA,GAAA,EAAI,MAAM,QAAQA,MAAA,GAAA,EAAI,KAAK,MAAM,QAAQ,OAAO,CAAA;AAAA,UAC5E,MAAMA,MAAA,IAAA,EAAK;AAAA,UACX,UAAUA,MAAA,QAAA,EAAS;AAAA,UACnB,+CAAO,KAAI,OAAA;AAAA,UACZ,cAAW;AAAA,QAAA;QAIbG,mBAeM,OAAA;AAAA,UAfA,OAAKJ,eAAA,CAAA,mBAAsBC,WAAI,KAAK,KAAK,QAAM,CAAG,MAAM,WAAWA,WAAI,KAAK,MAAM,QAAQ,OAAO,CAAA;AAAA,QAAA;UACrGQ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAIA,MAAM,YAAY,QAAA,sBAF1BV,mBAWM,OAAA;AAAA;YAVH,uBAAQE,MAAA,GAAA,EAAI,OAAO,IAAI,IAAI,CAAA;AAAA,UAAA;YAQpB,MAAM,yBALdK,YAMEC,aAAA;AAAA;cALC,uBAAQN,MAAA,GAAA,EAAI,KAAK,KAAK,MAAM,CAAA;AAAA,cAC5B,SAASA,MAAA,OAAA,EAAQ;AAAA,cACjB,OAAO,MAAM;AAAA,cACb,+CAAO,KAAI,UAAA;AAAA,YAAA;;;;;;;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createBlock, createCommentVNode, createElementVNode, toDisplayString } from "vue";
|
|
2
|
+
import _sfc_main$1 from "./TideIcon.vue.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { BADGE_COLOR_DETAILS } from "../types/Badge.js";
|
|
5
|
+
import { CSS } from "../types/Styles.js";
|
|
6
|
+
const __default__ = {};
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
...__default__,
|
|
9
|
+
__name: "TideBadge",
|
|
10
|
+
props: {
|
|
11
|
+
color: { default: void 0 },
|
|
12
|
+
iconLeading: { default: void 0 },
|
|
13
|
+
isFloating: { type: Boolean, default: false },
|
|
14
|
+
label: {}
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return openBlock(), createElementBlock("div", {
|
|
20
|
+
class: normalizeClass([
|
|
21
|
+
"tide-badge",
|
|
22
|
+
props.isFloating || props.color ? [unref(CSS).BG.SURFACE.FLOATING, unref(CSS).SHADOW.BOTTOM] : [unref(CSS).BG.SURFACE.VARIANT],
|
|
23
|
+
props.color && unref(CSS).BORDER.LEFT.TWO,
|
|
24
|
+
unref(CSS).DISPLAY.INLINE_FLEX,
|
|
25
|
+
unref(CSS).AXIS2.CENTER,
|
|
26
|
+
unref(CSS).GAP.QUARTER,
|
|
27
|
+
unref(CSS).BORDER.RADIUS.QUARTER,
|
|
28
|
+
unref(CSS).PADDING.Y.QUARTER,
|
|
29
|
+
unref(CSS).PADDING.X.HALF,
|
|
30
|
+
unref(CSS).ELLIPSIS,
|
|
31
|
+
unref(CSS).FONT.ROLE.LABEL_2,
|
|
32
|
+
unref(CSS).WHITESPACE_WRAP.OFF
|
|
33
|
+
]),
|
|
34
|
+
style: normalizeStyle(props.color ? { borderLeftColor: unref(BADGE_COLOR_DETAILS)[props.color].borderColor } : void 0)
|
|
35
|
+
}, [
|
|
36
|
+
props.iconLeading ? (openBlock(), createBlock(_sfc_main$1, {
|
|
37
|
+
key: 0,
|
|
38
|
+
class: normalizeClass([unref(CSS).FLEX.SHRINK.OFF]),
|
|
39
|
+
icon: props.iconLeading,
|
|
40
|
+
style: normalizeStyle(props.color ? { color: unref(BADGE_COLOR_DETAILS)[props.color].iconColor } : void 0)
|
|
41
|
+
}, null, 8, ["class", "icon", "style"])) : createCommentVNode("", true),
|
|
42
|
+
createElementVNode("span", {
|
|
43
|
+
class: normalizeClass([unref(CSS).ELLIPSIS])
|
|
44
|
+
}, toDisplayString(props.label), 3)
|
|
45
|
+
], 6);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
export {
|
|
50
|
+
_sfc_main as default
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=TideBadge.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBadge.vue.js","sources":["../../src/components/TideBadge.vue"],"sourcesContent":["<script lang=\"ts\">\n /**\n * Renders a badge component with customizable content and behavior.\n *\n * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebadge--docs) for TideBadge\n */\n export default {};\n</script>\n\n<script lang=\"ts\" setup>\n import TideIcon from '@/components/TideIcon.vue';\n import { BADGE_COLOR_DETAILS } from '@/types/Badge';\n import { CSS } from '@/types/Styles';\n\n import type { BadgeColor } from '@/types/Badge';\n import type { Icon } from '@/types/Icon';\n\n type Props = {\n /** Determines which color option to adopt (if any) */\n color?: BadgeColor;\n\n /** Icon to left of label */\n iconLeading?: Icon;\n\n /** Determines whether to display the \"Floating\" variant styles */\n isFloating?: boolean;\n\n /** Badge text */\n label: string;\n };\n\n const props = withDefaults(defineProps<Props>(), {\n color: undefined,\n iconLeading: undefined,\n isFloating: false,\n });\n</script>\n\n<template>\n <div\n :class=\"[\n 'tide-badge',\n props.isFloating || props.color ? [CSS.BG.SURFACE.FLOATING, CSS.SHADOW.BOTTOM] : [CSS.BG.SURFACE.VARIANT],\n props.color && CSS.BORDER.LEFT.TWO,\n CSS.DISPLAY.INLINE_FLEX,\n CSS.AXIS2.CENTER,\n CSS.GAP.QUARTER,\n CSS.BORDER.RADIUS.QUARTER,\n CSS.PADDING.Y.QUARTER,\n CSS.PADDING.X.HALF,\n CSS.ELLIPSIS,\n CSS.FONT.ROLE.LABEL_2,\n CSS.WHITESPACE_WRAP.OFF,\n ]\"\n :style=\"props.color ? { borderLeftColor: BADGE_COLOR_DETAILS[props.color].borderColor } : undefined\"\n >\n <TideIcon\n :class=\"[CSS.FLEX.SHRINK.OFF]\"\n :icon=\"props.iconLeading\"\n :style=\"props.color ? { color: BADGE_COLOR_DETAILS[props.color].iconColor } : undefined\"\n v-if=\"props.iconLeading\"\n />\n\n <span :class=\"[CSS.ELLIPSIS]\">{{ props.label }}</span>\n </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createBlock","TideIcon","_createElementVNode","_toDisplayString"],"mappings":";;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;AAyBf,UAAM,QAAQ;;0BAQdA,mBAyBM,OAAA;AAAA,QAxBH,OAAKC,eAAA;AAAA;UAA8B,MAAM,cAAc,MAAM,QAAK,CAAIC,MAAA,GAAA,EAAI,GAAG,QAAQ,UAAUA,MAAA,GAAA,EAAI,OAAO,MAAM,IAAA,CAAKA,MAAA,GAAA,EAAI,GAAG,QAAQ,OAAO;AAAA,UAAS,MAAM,SAASA,MAAA,GAAA,EAAI,OAAO,KAAK;AAAA,UAAWA,MAAA,GAAA,EAAI,QAAQ;AAAA,UAAmBA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,IAAI;AAAA,UAAeA,MAAA,GAAA,EAAI,OAAO,OAAO;AAAA,UAAeA,MAAA,GAAA,EAAI,QAAQ,EAAE;AAAA,UAAeA,MAAA,GAAA,EAAI,QAAQ,EAAE;AAAA,UAAYA,MAAA,GAAA,EAAI;AAAA,UAAgBA,MAAA,GAAA,EAAI,KAAK,KAAK;AAAA,UAAeA,MAAA,GAAA,EAAI,gBAAgB;AAAA,QAAA;QAcza,OAAKC,eAAE,MAAM,QAAK,EAAA,iBAAsBD,MAAA,mBAAA,EAAoB,MAAM,KAAK,EAAE,YAAA,IAAgB,MAAS;AAAA,MAAA;QAM3F,MAAM,4BAJdE,YAKEC,aAAA;AAAA;UAJC,uBAAQH,MAAA,GAAA,EAAI,KAAK,OAAO,GAAG,CAAA;AAAA,UAC3B,MAAM,MAAM;AAAA,UACZ,OAAKC,eAAE,MAAM,QAAK,EAAA,OAAYD,MAAA,mBAAA,EAAoB,MAAM,KAAK,EAAE,UAAA,IAAc,MAAS;AAAA,QAAA;QAIzFI,mBAAsD,QAAA;AAAA,UAA/C,OAAKL,eAAA,CAAGC,MAAA,GAAA,EAAI,QAAQ,CAAA;AAAA,QAAA,GAAMK,gBAAA,MAAM,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBadge.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString } from "vue";
|
|
2
|
+
import _sfc_main$1 from "./TideIcon.vue.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { BADGE_TRUSTED } from "../types/Badge.js";
|
|
5
|
+
import { ICON } from "../types/Icon.js";
|
|
6
|
+
import { CSS } from "../types/Styles.js";
|
|
7
|
+
const __default__ = {};
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
+
...__default__,
|
|
10
|
+
__name: "TideBadgeTrustedPartner",
|
|
11
|
+
props: {
|
|
12
|
+
years: { default: BADGE_TRUSTED.YEARS_5 }
|
|
13
|
+
},
|
|
14
|
+
setup(__props) {
|
|
15
|
+
const props = __props;
|
|
16
|
+
return (_ctx, _cache) => {
|
|
17
|
+
return openBlock(), createElementBlock("div", {
|
|
18
|
+
class: normalizeClass([
|
|
19
|
+
"tide-badge-trusted-partner",
|
|
20
|
+
unref(CSS).FONT.COLOR.SURFACE.BRAND,
|
|
21
|
+
unref(CSS).DISPLAY.INLINE_FLEX,
|
|
22
|
+
unref(CSS).AXIS2.CENTER,
|
|
23
|
+
unref(CSS).GAP.QUARTER,
|
|
24
|
+
unref(CSS).ELLIPSIS,
|
|
25
|
+
unref(CSS).FONT.ROLE.LABEL_2,
|
|
26
|
+
unref(CSS).WHITESPACE_WRAP.OFF
|
|
27
|
+
])
|
|
28
|
+
}, [
|
|
29
|
+
createVNode(_sfc_main$1, {
|
|
30
|
+
class: normalizeClass([unref(CSS).FLEX.SHRINK.OFF]),
|
|
31
|
+
icon: unref(ICON).AWARD_STAR
|
|
32
|
+
}, null, 8, ["class", "icon"]),
|
|
33
|
+
createElementVNode("div", {
|
|
34
|
+
class: normalizeClass([unref(CSS).ELLIPSIS])
|
|
35
|
+
}, [
|
|
36
|
+
createElementVNode("span", null, toDisplayString(props.years) + " year trusted partner", 1)
|
|
37
|
+
], 2)
|
|
38
|
+
], 2);
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
export {
|
|
43
|
+
_sfc_main as default
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=TideBadgeTrustedPartner.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBadgeTrustedPartner.vue.js","sources":["../../src/components/TideBadgeTrustedPartner.vue"],"sourcesContent":["<script lang=\"ts\">\n /**\n * Renders a trusted partner badge component with preset years.\n *\n * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebadgetrustedpartner--docs) for TideBadgeTrustedPartner\n */\n export default {};\n</script>\n\n<script lang=\"ts\" setup>\n import TideIcon from '@/components/TideIcon.vue';\n import { BADGE_TRUSTED } from '@/types/Badge';\n import { ICON } from '@/types/Icon';\n import { CSS } from '@/types/Styles';\n\n import type { BadgeTrustedYears } from '@/types/Badge';\n\n type Props = {\n /** Number of years to display in the trusted partner badge */\n years?: BadgeTrustedYears;\n };\n\n const props = withDefaults(defineProps<Props>(), {\n years: BADGE_TRUSTED.YEARS_5,\n });\n</script>\n\n<template>\n <div\n :class=\"[\n 'tide-badge-trusted-partner',\n CSS.FONT.COLOR.SURFACE.BRAND,\n CSS.DISPLAY.INLINE_FLEX,\n CSS.AXIS2.CENTER,\n CSS.GAP.QUARTER,\n CSS.ELLIPSIS,\n CSS.FONT.ROLE.LABEL_2,\n CSS.WHITESPACE_WRAP.OFF,\n ]\"\n >\n <TideIcon\n :class=\"[CSS.FLEX.SHRINK.OFF]\"\n :icon=\"ICON.AWARD_STAR\"\n />\n\n <div :class=\"[CSS.ELLIPSIS]\">\n <span>{{ props.years }} year trusted partner</span>\n </div>\n </div>\n</template>\n\n<style scoped></style>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createVNode","TideIcon","_createElementVNode","_toDisplayString"],"mappings":";;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;AAgBf,UAAM,QAAQ;;0BAMdA,mBAoBM,OAAA;AAAA,QAnBH,OAAKC,eAAA;AAAA;UAA8CC,MAAA,GAAA,EAAI,KAAK,MAAM,QAAQ;AAAA,UAAaA,MAAA,GAAA,EAAI,QAAQ;AAAA,UAAmBA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,IAAI;AAAA,UAAeA,MAAA,GAAA,EAAI;AAAA,UAAgBA,MAAA,GAAA,EAAI,KAAK,KAAK;AAAA,UAAeA,MAAA,GAAA,EAAI,gBAAgB;AAAA,QAAA;;QAW3OC,YAGEC,aAAA;AAAA,UAFC,uBAAQF,MAAA,GAAA,EAAI,KAAK,OAAO,GAAG,CAAA;AAAA,UAC3B,MAAMA,MAAA,IAAA,EAAK;AAAA,QAAA;QAGdG,mBAEM,OAAA;AAAA,UAFA,OAAKJ,eAAA,CAAGC,MAAA,GAAA,EAAI,QAAQ,CAAA;AAAA,QAAA;UACxBG,mBAAmD,QAAA,MAAAC,gBAA1C,MAAM,KAAK,IAAG,yBAAqB,CAAA;AAAA,QAAA;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBadgeTrustedPartner.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import _sfc_main from "./TideBadgeVerifiedVehicle.vue2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const TideBadgeVerifiedVehicle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9541ad7"]]);
|
|
5
|
+
export {
|
|
6
|
+
TideBadgeVerifiedVehicle as default
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=TideBadgeVerifiedVehicle.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBadgeVerifiedVehicle.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode } from "vue";
|
|
2
|
+
import _sfc_main$1 from "./TideIcon.vue.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { ICON } from "../types/Icon.js";
|
|
5
|
+
import { CSS } from "../types/Styles.js";
|
|
6
|
+
const __default__ = {};
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
...__default__,
|
|
9
|
+
__name: "TideBadgeVerifiedVehicle",
|
|
10
|
+
setup(__props) {
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return openBlock(), createElementBlock("div", {
|
|
13
|
+
class: normalizeClass([
|
|
14
|
+
"tide-badge-verified-vehicle",
|
|
15
|
+
unref(CSS).BG.SECONDARY,
|
|
16
|
+
unref(CSS).FONT.ROLE.LABEL_2,
|
|
17
|
+
unref(CSS).FONT.COLOR.SECONDARY,
|
|
18
|
+
unref(CSS).DISPLAY.INLINE_FLEX,
|
|
19
|
+
unref(CSS).AXIS2.CENTER,
|
|
20
|
+
unref(CSS).GAP.QUARTER,
|
|
21
|
+
unref(CSS).BORDER.RADIUS.QUARTER,
|
|
22
|
+
unref(CSS).PADDING.Y.QUARTER,
|
|
23
|
+
unref(CSS).PADDING.X.HALF,
|
|
24
|
+
unref(CSS).ELLIPSIS,
|
|
25
|
+
unref(CSS).WHITESPACE_WRAP.OFF
|
|
26
|
+
])
|
|
27
|
+
}, [
|
|
28
|
+
createVNode(_sfc_main$1, {
|
|
29
|
+
class: normalizeClass([unref(CSS).FLEX.SHRINK.OFF]),
|
|
30
|
+
icon: unref(ICON).VERIFIED
|
|
31
|
+
}, null, 8, ["class", "icon"]),
|
|
32
|
+
createElementVNode("span", {
|
|
33
|
+
class: normalizeClass([unref(CSS).ELLIPSIS])
|
|
34
|
+
}, "Verified vehicle", 2)
|
|
35
|
+
], 2);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
export {
|
|
40
|
+
_sfc_main as default
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=TideBadgeVerifiedVehicle.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBadgeVerifiedVehicle.vue2.js","sources":["../../src/components/TideBadgeVerifiedVehicle.vue"],"sourcesContent":["<script lang=\"ts\">\n /**\n * Renders a badge component for indicating a verified vehicle.\n *\n * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebadgeverifiedvehicle--docs) for TideBadgeVerifiedVehicle\n */\n export default {};\n</script>\n\n<script lang=\"ts\" setup>\n import TideIcon from '@/components/TideIcon.vue';\n import { ICON } from '@/types/Icon';\n import { CSS } from '@/types/Styles';\n</script>\n\n<template>\n <div\n :class=\"[\n 'tide-badge-verified-vehicle',\n CSS.BG.SECONDARY,\n CSS.FONT.ROLE.LABEL_2,\n CSS.FONT.COLOR.SECONDARY,\n CSS.DISPLAY.INLINE_FLEX,\n CSS.AXIS2.CENTER,\n CSS.GAP.QUARTER,\n CSS.BORDER.RADIUS.QUARTER,\n CSS.PADDING.Y.QUARTER,\n CSS.PADDING.X.HALF,\n CSS.ELLIPSIS,\n CSS.WHITESPACE_WRAP.OFF,\n ]\"\n >\n <TideIcon\n :class=\"[CSS.FLEX.SHRINK.OFF]\"\n :icon=\"ICON.VERIFIED\"\n />\n\n <span :class=\"[CSS.ELLIPSIS]\">Verified vehicle</span>\n </div>\n</template>\n\n<style scoped>\n .tide-icon {\n color: var(--tide-info-primary);\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createVNode","TideIcon","_createElementVNode"],"mappings":";;;;;AAME,MAAA,cAAe,CAAA;;;;;;0BAUfA,mBAsBM,OAAA;AAAA,QArBH,OAAKC,eAAA;AAAA;UAA+CC,MAAA,GAAA,EAAI,GAAG;AAAA,UAAiBA,MAAA,GAAA,EAAI,KAAK,KAAK;AAAA,UAAeA,MAAA,GAAA,EAAI,KAAK,MAAM;AAAA,UAAiBA,MAAA,GAAA,EAAI,QAAQ;AAAA,UAAmBA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,IAAI;AAAA,UAAeA,MAAA,GAAA,EAAI,OAAO,OAAO;AAAA,UAAeA,MAAA,GAAA,EAAI,QAAQ,EAAE;AAAA,UAAeA,MAAA,GAAA,EAAI,QAAQ,EAAE;AAAA,UAAYA,MAAA,GAAA,EAAI;AAAA,UAAgBA,MAAA,GAAA,EAAI,gBAAgB;AAAA,QAAA;;QAexVC,YAGEC,aAAA;AAAA,UAFC,uBAAQF,MAAA,GAAA,EAAI,KAAK,OAAO,GAAG,CAAA;AAAA,UAC3B,MAAMA,MAAA,IAAA,EAAK;AAAA,QAAA;QAGdG,mBAAqD,QAAA;AAAA,UAA9C,OAAKJ,eAAA,CAAGC,MAAA,GAAA,EAAI,QAAQ,CAAA;AAAA,QAAA,GAAG,oBAAgB,CAAA;AAAA,MAAA;;;;"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode } from "vue";
|
|
2
|
+
import _sfc_main$1 from "./InternalBaseLink.vue.js";
|
|
3
|
+
import _sfc_main$2 from "./TideIcon.vue.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { ICON } from "../types/Icon.js";
|
|
6
|
+
import { SIZE } from "../types/Size.js";
|
|
7
|
+
import { CSS } from "../types/Styles.js";
|
|
8
|
+
const _hoisted_1 = ["data-track"];
|
|
9
|
+
const _hoisted_2 = { key: 0 };
|
|
10
|
+
const __default__ = {};
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
|
+
...__default__,
|
|
13
|
+
__name: "TideBreadCrumbs",
|
|
14
|
+
props: {
|
|
15
|
+
breadCrumbs: { default: void 0 }
|
|
16
|
+
},
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
return (_ctx, _cache) => {
|
|
20
|
+
return openBlock(), createElementBlock("ul", {
|
|
21
|
+
class: normalizeClass(["tide-bread-crumbs", unref(CSS).DISPLAY.FLEX, unref(CSS).AXIS2.CENTER, unref(CSS).GAP.QUARTER, unref(CSS).LIST_BULLETS.OFF])
|
|
22
|
+
}, [
|
|
23
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(props.breadCrumbs, (crumb, index) => {
|
|
24
|
+
return openBlock(), createElementBlock(Fragment, {
|
|
25
|
+
key: crumb.label
|
|
26
|
+
}, [
|
|
27
|
+
createElementVNode("li", {
|
|
28
|
+
class: normalizeClass([unref(CSS).FONT.ROLE.BODY_2])
|
|
29
|
+
}, [
|
|
30
|
+
crumb.url ? (openBlock(), createBlock(_sfc_main$1, {
|
|
31
|
+
key: 0,
|
|
32
|
+
class: normalizeClass([unref(CSS).FONT.ROLE.LINK_2, unref(CSS).FONT.COLOR.SURFACE.DEFAULT]),
|
|
33
|
+
"data-track": crumb.dataTrack || void 0,
|
|
34
|
+
href: crumb.url
|
|
35
|
+
}, {
|
|
36
|
+
default: withCtx(() => [
|
|
37
|
+
createTextVNode(toDisplayString(crumb.label), 1)
|
|
38
|
+
]),
|
|
39
|
+
_: 2
|
|
40
|
+
}, 1032, ["class", "data-track", "href"])) : (openBlock(), createElementBlock("span", {
|
|
41
|
+
key: 1,
|
|
42
|
+
class: normalizeClass([unref(CSS).FONT.ROLE.LABEL_2, unref(CSS).FONT.COLOR.SURFACE.VARIANT]),
|
|
43
|
+
"data-track": crumb.dataTrack || void 0
|
|
44
|
+
}, toDisplayString(crumb.label), 11, _hoisted_1))
|
|
45
|
+
], 2),
|
|
46
|
+
props.breadCrumbs && index < props.breadCrumbs.length - 1 ? (openBlock(), createElementBlock("li", _hoisted_2, [
|
|
47
|
+
createVNode(_sfc_main$2, {
|
|
48
|
+
icon: unref(ICON).ARROW_RIGHT,
|
|
49
|
+
size: unref(SIZE).SMALL
|
|
50
|
+
}, null, 8, ["icon", "size"])
|
|
51
|
+
])) : createCommentVNode("", true)
|
|
52
|
+
], 64);
|
|
53
|
+
}), 128))
|
|
54
|
+
], 2);
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
export {
|
|
59
|
+
_sfc_main as default
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=TideBreadCrumbs.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBreadCrumbs.vue.js","sources":["../../src/components/TideBreadCrumbs.vue"],"sourcesContent":["<script lang=\"ts\">\n /**\n * Renders a set of breadcrumbs for navigation purposes.\n *\n * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebreadcrumbs--docs) for TideBreadCrumbs\n */\n export default {};\n</script>\n\n<script lang=\"ts\" setup>\n import InternalBaseLink from '@/components/InternalBaseLink.vue';\n import TideIcon from '@/components/TideIcon.vue';\n import { ICON } from '@/types/Icon';\n import { SIZE } from '@/types/Size';\n import { CSS } from '@/types/Styles';\n\n import type { BreadCrumb } from '@/types/BreadCrumb';\n\n type Props = {\n /** An array of labels and optional URLs to display for each bread crumb. */\n breadCrumbs: BreadCrumb[];\n };\n\n const props = withDefaults(defineProps<Props>(), {\n breadCrumbs: undefined,\n });\n</script>\n\n<template>\n <ul :class=\"['tide-bread-crumbs', CSS.DISPLAY.FLEX, CSS.AXIS2.CENTER, CSS.GAP.QUARTER, CSS.LIST_BULLETS.OFF]\">\n <template\n :key=\"crumb.label\"\n v-for=\"(crumb, index) in props.breadCrumbs\"\n >\n <li :class=\"[CSS.FONT.ROLE.BODY_2]\">\n <InternalBaseLink\n :class=\"[CSS.FONT.ROLE.LINK_2, CSS.FONT.COLOR.SURFACE.DEFAULT]\"\n :data-track=\"crumb.dataTrack || undefined\"\n :href=\"crumb.url\"\n v-if=\"crumb.url\"\n >\n {{ crumb.label }}\n </InternalBaseLink>\n\n <span\n :class=\"[CSS.FONT.ROLE.LABEL_2, CSS.FONT.COLOR.SURFACE.VARIANT]\"\n :data-track=\"crumb.dataTrack || undefined\"\n v-else\n >\n {{ crumb.label }}\n </span>\n </li>\n\n <li v-if=\"props.breadCrumbs && index < props.breadCrumbs.length - 1\">\n <TideIcon\n :icon=\"ICON.ARROW_RIGHT\"\n :size=\"SIZE.SMALL\"\n />\n </li>\n </template>\n </ul>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_openBlock","_Fragment","_createElementVNode","_createBlock","InternalBaseLink","_createTextVNode","_toDisplayString","_createVNode","TideIcon"],"mappings":";;;;;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;AAiBf,UAAM,QAAQ;;0BAMdA,mBA+BK,MAAA;AAAA,QA/BA,OAAKC,eAAA,CAAA,qBAAwBC,WAAI,QAAQ,MAAMA,MAAA,GAAA,EAAI,MAAM,QAAQA,MAAA,GAAA,EAAI,IAAI,SAASA,MAAA,GAAA,EAAI,aAAa,GAAG,CAAA;AAAA,MAAA;SACzGC,UAAA,IAAA,GAAAH,mBA6BWI,2BA3BgB,MAAM,aAAW,CAAlC,OAAO,UAAK;;YADd,KAAA,MAAM;AAAA,UAAA;YAGZC,mBAiBK,MAAA;AAAA,cAjBA,uBAAQH,MAAA,GAAA,EAAI,KAAK,KAAK,MAAM,CAAA;AAAA,YAAA;cAKvB,MAAM,oBAJdI,YAOmBC,aAAA;AAAA;gBANhB,uBAAQL,MAAA,GAAA,EAAI,KAAK,KAAK,QAAQA,MAAA,GAAA,EAAI,KAAK,MAAM,QAAQ,OAAO,CAAA;AAAA,gBAC5D,cAAY,MAAM,aAAa;AAAA,gBAC/B,MAAM,MAAM;AAAA,cAAA;iCAGb,MAAiB;AAAA,kBAAdM,gBAAAC,gBAAA,MAAM,KAAK,GAAA,CAAA;AAAA,gBAAA;;yEAGhBT,mBAMO,QAAA;AAAA;gBALJ,uBAAQE,MAAA,GAAA,EAAI,KAAK,KAAK,SAASA,MAAA,GAAA,EAAI,KAAK,MAAM,QAAQ,OAAO,CAAA;AAAA,gBAC7D,cAAY,MAAM,aAAa;AAAA,cAAA,GAG7BO,gBAAA,MAAM,KAAK,GAAA,IAAA,UAAA;AAAA,YAAA;YAIR,MAAM,eAAe,QAAQ,MAAM,YAAY,SAAM,kBAA/DT,mBAKK,MAAA,YAAA;AAAA,cAJHU,YAGEC,aAAA;AAAA,gBAFC,MAAMT,MAAA,IAAA,EAAK;AAAA,gBACX,MAAMA,MAAA,IAAA,EAAK;AAAA,cAAA;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideBreadCrumbs.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createCommentVNode, createTextVNode, toDisplayString } from "vue";
|
|
2
|
+
import _sfc_main$1 from "./InternalBaseLink.vue.js";
|
|
3
|
+
import _sfc_main$2 from "./TideIcon.vue.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { ELEMENT } from "../types/Element.js";
|
|
6
|
+
import { PRIORITY } from "../types/Priority.js";
|
|
7
|
+
import { SIZE_BUTTON, SIZE } from "../types/Size.js";
|
|
8
|
+
import { CSS } from "../types/Styles.js";
|
|
9
|
+
import { TARGET } from "../types/Target.js";
|
|
10
|
+
const __default__ = {};
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
|
+
...__default__,
|
|
13
|
+
__name: "TideButton",
|
|
14
|
+
props: {
|
|
15
|
+
disabled: { type: Boolean, default: false },
|
|
16
|
+
element: { default: ELEMENT.BUTTON },
|
|
17
|
+
href: { default: void 0 },
|
|
18
|
+
iconLeading: { default: void 0 },
|
|
19
|
+
iconTrailing: { default: void 0 },
|
|
20
|
+
isNewTab: { type: Boolean, default: false },
|
|
21
|
+
label: { default: void 0 },
|
|
22
|
+
priority: { default: PRIORITY.PRIMARY },
|
|
23
|
+
size: { default: SIZE_BUTTON.LARGE },
|
|
24
|
+
type: { default: void 0 }
|
|
25
|
+
},
|
|
26
|
+
setup(__props) {
|
|
27
|
+
const props = __props;
|
|
28
|
+
const typeAttribute = computed(
|
|
29
|
+
() => props.element === ELEMENT.BUTTON ? props.type ?? ELEMENT.BUTTON : void 0
|
|
30
|
+
);
|
|
31
|
+
const rootElement = computed(() => props.element === ELEMENT.LINK ? _sfc_main$1 : props.element);
|
|
32
|
+
return (_ctx, _cache) => {
|
|
33
|
+
return openBlock(), createBlock(resolveDynamicComponent(rootElement.value), {
|
|
34
|
+
class: normalizeClass([
|
|
35
|
+
"tide-button",
|
|
36
|
+
unref(CSS).AXIS1.CENTER,
|
|
37
|
+
unref(CSS).AXIS2.CENTER,
|
|
38
|
+
unref(CSS).BORDER.RADIUS.FULL,
|
|
39
|
+
unref(CSS).FONT.ROLE.LABEL_1_SEMIBOLD,
|
|
40
|
+
unref(CSS).GAP.HALF,
|
|
41
|
+
unref(CSS).PADDING.X.TWO,
|
|
42
|
+
`tide-button-${__props.priority}`,
|
|
43
|
+
__props.element === unref(ELEMENT).LINK ? [unref(CSS).DISPLAY.INLINE_FLEX, unref(CSS).UNDERLINE.REST.OFF] : [unref(CSS).DISPLAY.FLEX],
|
|
44
|
+
__props.size === unref(SIZE_BUTTON).SMALL ? [unref(CSS).FONT.ROLE.BUTTON_2, unref(CSS).PADDING.Y.HALF] : [unref(CSS).FONT.ROLE.BUTTON_1, unref(CSS).PADDING.Y.ONE]
|
|
45
|
+
]),
|
|
46
|
+
disabled: __props.element === unref(ELEMENT).BUTTON && __props.disabled,
|
|
47
|
+
href: __props.element === unref(ELEMENT).LINK && __props.href ? __props.href : void 0,
|
|
48
|
+
target: __props.element === unref(ELEMENT).LINK && __props.isNewTab ? unref(TARGET).BLANK : unref(TARGET).SELF,
|
|
49
|
+
type: typeAttribute.value
|
|
50
|
+
}, {
|
|
51
|
+
default: withCtx(() => [
|
|
52
|
+
__props.iconLeading ? (openBlock(), createBlock(_sfc_main$2, {
|
|
53
|
+
key: 0,
|
|
54
|
+
icon: __props.iconLeading,
|
|
55
|
+
size: __props.size === unref(SIZE_BUTTON).LARGE ? unref(SIZE).LARGE : unref(SIZE).SMALL
|
|
56
|
+
}, null, 8, ["icon", "size"])) : createCommentVNode("", true),
|
|
57
|
+
createTextVNode(" " + toDisplayString(__props.label) + " ", 1),
|
|
58
|
+
__props.iconTrailing ? (openBlock(), createBlock(_sfc_main$2, {
|
|
59
|
+
key: 1,
|
|
60
|
+
icon: __props.iconTrailing,
|
|
61
|
+
size: __props.size === unref(SIZE_BUTTON).LARGE ? unref(SIZE).LARGE : unref(SIZE).SMALL
|
|
62
|
+
}, null, 8, ["icon", "size"])) : createCommentVNode("", true)
|
|
63
|
+
]),
|
|
64
|
+
_: 1
|
|
65
|
+
}, 8, ["class", "disabled", "href", "target", "type"]);
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
export {
|
|
70
|
+
_sfc_main as default
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=TideButton.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideButton.vue.js","sources":["../../src/components/TideButton.vue"],"sourcesContent":["<script lang=\"ts\">\n /**\n * Renders a button component with various styling options.\n *\n * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebutton--docs) for TideButton\n */\n export default {};\n</script>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n\n import InternalBaseLink from '@/components/InternalBaseLink.vue';\n import TideIcon from '@/components/TideIcon.vue';\n import { ELEMENT } from '@/types/Element';\n import { PRIORITY } from '@/types/Priority';\n import { SIZE, SIZE_BUTTON } from '@/types/Size';\n import { CSS } from '@/types/Styles';\n import { TARGET } from '@/types/Target';\n\n import type { Element } from '@/types/Element';\n import type { Icon } from '@/types/Icon';\n import type { Priority } from '@/types/Priority';\n import type { SizeButton } from '@/types/Size';\n import type { ButtonType } from '@/types/Type';\n\n type Props = {\n /** Determines clickability (Button only) */\n disabled?: boolean;\n\n /** HTML tag type */\n element?: Element;\n\n /** URL to open (Link only) */\n href?: string;\n\n /** Icon to left of label */\n iconLeading?: Icon;\n\n /** Icon to right of label */\n iconTrailing?: Icon;\n\n /** Determines whether to target a new browser tab (Link only) */\n isNewTab?: boolean;\n\n /** Button text */\n label: string;\n\n /** Determines visual prominence */\n priority?: Exclude<Priority, typeof PRIORITY.FLOATING>;\n\n /** Determines rendered size */\n size?: SizeButton;\n\n /** Applies type attribute to HTML element */\n type?: ButtonType;\n };\n\n const props = withDefaults(defineProps<Props>(), {\n disabled: false,\n element: ELEMENT.BUTTON,\n href: undefined,\n iconLeading: undefined,\n iconTrailing: undefined,\n isNewTab: false,\n label: undefined,\n priority: PRIORITY.PRIMARY,\n size: SIZE_BUTTON.LARGE,\n type: undefined,\n });\n\n const typeAttribute = computed<string | undefined>(() =>\n props.element === ELEMENT.BUTTON ? props.type ?? ELEMENT.BUTTON : undefined\n );\n\n const rootElement = computed(() => (props.element === ELEMENT.LINK ? InternalBaseLink : props.element));\n</script>\n\n<template>\n <component\n :class=\"[\n 'tide-button',\n CSS.AXIS1.CENTER,\n CSS.AXIS2.CENTER,\n CSS.BORDER.RADIUS.FULL,\n CSS.FONT.ROLE.LABEL_1_SEMIBOLD,\n CSS.GAP.HALF,\n CSS.PADDING.X.TWO,\n `tide-button-${priority}`,\n element === ELEMENT.LINK ? [CSS.DISPLAY.INLINE_FLEX, CSS.UNDERLINE.REST.OFF] : [CSS.DISPLAY.FLEX],\n size === SIZE_BUTTON.SMALL\n ? [CSS.FONT.ROLE.BUTTON_2, CSS.PADDING.Y.HALF]\n : [CSS.FONT.ROLE.BUTTON_1, CSS.PADDING.Y.ONE],\n ]\"\n :disabled=\"element === ELEMENT.BUTTON && disabled\"\n :href=\"element === ELEMENT.LINK && href ? href : undefined\"\n :target=\"element === ELEMENT.LINK && isNewTab ? TARGET.BLANK : TARGET.SELF\"\n :type=\"typeAttribute\"\n :is=\"rootElement\"\n >\n <TideIcon\n :icon=\"iconLeading\"\n :size=\"size === SIZE_BUTTON.LARGE ? SIZE.LARGE : SIZE.SMALL\"\n v-if=\"iconLeading\"\n />\n\n {{ label }}\n\n <TideIcon\n :icon=\"iconTrailing\"\n :size=\"size === SIZE_BUTTON.LARGE ? SIZE.LARGE : SIZE.SMALL\"\n v-if=\"iconTrailing\"\n />\n </component>\n</template>\n"],"names":["InternalBaseLink","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","TideIcon","_toDisplayString"],"mappings":";;;;;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;;;;;;;AAoDf,UAAM,QAAQ;AAad,UAAM,gBAAgB;AAAA,MAA6B,MACjD,MAAM,YAAY,QAAQ,SAAS,MAAM,QAAQ,QAAQ,SAAS;AAAA,IAAA;AAGpE,UAAM,cAAc,SAAS,MAAO,MAAM,YAAY,QAAQ,OAAOA,cAAmB,MAAM,OAAQ;;AAItG,aAAAC,aAAAC,YAkCYC,wBAfL,YAAA,KAAW,GAAA;AAAA,QAlBf,OAAKC,eAAA;AAAA;UAA+BC,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,OAAO,OAAO;AAAA,UAAYA,MAAA,GAAA,EAAI,KAAK,KAAK;AAAA,UAAwBA,MAAA,GAAA,EAAI,IAAI;AAAA,UAAYA,MAAA,GAAA,EAAI,QAAQ,EAAE;AAAA,yBAA0B,QAAA,QAAQ;AAAA,UAAU,QAAA,YAAYA,eAAQ,QAAQA,MAAA,GAAA,EAAI,QAAQ,aAAaA,WAAI,UAAU,KAAK,GAAG,KAAKA,MAAA,GAAA,EAAI,QAAQ,IAAI;AAAA,UAAS,QAAA,SAASA,MAAA,WAAA,EAAY,QAAiB,CAAAA,MAAA,GAAA,EAAI,KAAK,KAAK,UAAUA,MAAA,GAAA,EAAI,QAAQ,EAAE,IAAI,IAAa,CAAAA,MAAA,GAAA,EAAI,KAAK,KAAK,UAAUA,MAAA,GAAA,EAAI,QAAQ,EAAE,GAAG;AAAA,QAAA;QAcrd,UAAU,QAAA,YAAYA,eAAQ,UAAU,QAAA;AAAA,QACxC,MAAM,QAAA,YAAYA,MAAA,OAAA,EAAQ,QAAQ,QAAA,OAAO,QAAA,OAAO;AAAA,QAChD,QAAQ,QAAA,YAAYA,MAAA,OAAA,EAAQ,QAAQ,QAAA,WAAWA,cAAO,QAAQA,MAAA,MAAA,EAAO;AAAA,QACrE,MAAM,cAAA;AAAA,MAAA;yBAGP,MAIE;AAAA,UADM,QAAA,4BAHRH,YAIEI,aAAA;AAAA;YAHC,MAAM,QAAA;AAAA,YACN,MAAM,QAAA,SAASD,MAAA,WAAA,EAAY,QAAQA,MAAA,IAAA,EAAK,QAAQA,MAAA,IAAA,EAAK;AAAA,UAAA;0BAEtD,MAEFE,gBAAG,QAAA,KAAK,IAAG,KAEX,CAAA;AAAA,UAGQ,QAAA,6BAHRL,YAIEI,aAAA;AAAA;YAHC,MAAM,QAAA;AAAA,YACN,MAAM,QAAA,SAASD,MAAA,WAAA,EAAY,QAAQA,MAAA,IAAA,EAAK,QAAQA,MAAA,IAAA,EAAK;AAAA,UAAA;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideButton.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createCommentVNode } from "vue";
|
|
2
|
+
import _sfc_main$1 from "./InternalBaseLink.vue.js";
|
|
3
|
+
import _sfc_main$2 from "./TideIcon.vue.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { ELEMENT } from "../types/Element.js";
|
|
6
|
+
import { PRIORITY } from "../types/Priority.js";
|
|
7
|
+
import { SIZE } from "../types/Size.js";
|
|
8
|
+
import { CSS } from "../types/Styles.js";
|
|
9
|
+
import { TARGET } from "../types/Target.js";
|
|
10
|
+
const __default__ = {};
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
|
+
...__default__,
|
|
13
|
+
__name: "TideButtonIcon",
|
|
14
|
+
props: {
|
|
15
|
+
disabled: { type: Boolean, default: false },
|
|
16
|
+
element: { default: ELEMENT.BUTTON },
|
|
17
|
+
href: { default: void 0 },
|
|
18
|
+
icon: { default: void 0 },
|
|
19
|
+
isNewTab: { type: Boolean, default: false },
|
|
20
|
+
priority: { default: PRIORITY.PRIMARY },
|
|
21
|
+
type: { default: void 0 }
|
|
22
|
+
},
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const typeAttribute = computed(
|
|
26
|
+
() => props.element === ELEMENT.BUTTON ? props.type ?? ELEMENT.BUTTON : void 0
|
|
27
|
+
);
|
|
28
|
+
const rootElement = computed(() => props.element === ELEMENT.LINK ? _sfc_main$1 : props.element);
|
|
29
|
+
return (_ctx, _cache) => {
|
|
30
|
+
return openBlock(), createBlock(resolveDynamicComponent(rootElement.value), {
|
|
31
|
+
"aria-label": __props.icon,
|
|
32
|
+
class: normalizeClass([
|
|
33
|
+
"tide-button-icon",
|
|
34
|
+
unref(CSS).AXIS1.CENTER,
|
|
35
|
+
unref(CSS).AXIS2.CENTER,
|
|
36
|
+
unref(CSS).BORDER.RADIUS.FULL,
|
|
37
|
+
unref(CSS).DISPLAY.FLEX,
|
|
38
|
+
unref(CSS).PADDING.FULL.HALF,
|
|
39
|
+
`tide-button-${__props.priority}`,
|
|
40
|
+
__props.element === unref(ELEMENT).LINK ? [unref(CSS).UNDERLINE.REST.OFF] : ""
|
|
41
|
+
]),
|
|
42
|
+
disabled: __props.element === unref(ELEMENT).BUTTON && __props.disabled,
|
|
43
|
+
href: __props.element === unref(ELEMENT).LINK && __props.href ? __props.href : void 0,
|
|
44
|
+
target: __props.element === unref(ELEMENT).LINK && __props.isNewTab ? unref(TARGET).BLANK : unref(TARGET).SELF,
|
|
45
|
+
type: typeAttribute.value
|
|
46
|
+
}, {
|
|
47
|
+
default: withCtx(() => [
|
|
48
|
+
__props.icon ? (openBlock(), createBlock(_sfc_main$2, {
|
|
49
|
+
key: 0,
|
|
50
|
+
icon: __props.icon,
|
|
51
|
+
size: unref(SIZE).LARGE
|
|
52
|
+
}, null, 8, ["icon", "size"])) : createCommentVNode("", true)
|
|
53
|
+
]),
|
|
54
|
+
_: 1
|
|
55
|
+
}, 8, ["aria-label", "class", "disabled", "href", "target", "type"]);
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
export {
|
|
60
|
+
_sfc_main as default
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=TideButtonIcon.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideButtonIcon.vue.js","sources":["../../src/components/TideButtonIcon.vue"],"sourcesContent":["<script lang=\"ts\">\n /**\n * Renders a icon button component with various styling options.\n *\n * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebuttonicon--docs) for TideButtonIcon\n */\n export default {};\n</script>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n\n import InternalBaseLink from '@/components/InternalBaseLink.vue';\n import TideIcon from '@/components/TideIcon.vue';\n import { ELEMENT } from '@/types/Element';\n import { PRIORITY } from '@/types/Priority';\n import { SIZE } from '@/types/Size';\n import { CSS } from '@/types/Styles';\n import { TARGET } from '@/types/Target';\n\n import type { Element } from '@/types/Element';\n import type { Icon } from '@/types/Icon';\n import type { Priority } from '@/types/Priority';\n import type { ButtonType } from '@/types/Type';\n\n type Props = {\n /** Determines clickability (Button only) */\n disabled?: boolean;\n\n /** HTML tag type */\n element?: Element;\n\n /** URL to open (Link only) */\n href?: string;\n\n /** Icon to show */\n icon: Icon;\n\n /** Determines whether to target a new browser tab (Link only) */\n isNewTab?: boolean;\n\n /** Determines visual prominence */\n priority?: Priority;\n\n /** Applies type attribute to HTML element */\n type?: ButtonType;\n };\n\n const props = withDefaults(defineProps<Props>(), {\n disabled: false,\n element: ELEMENT.BUTTON,\n href: undefined,\n icon: undefined,\n isNewTab: false,\n priority: PRIORITY.PRIMARY,\n type: undefined,\n });\n\n const typeAttribute = computed<string | undefined>(() =>\n props.element === ELEMENT.BUTTON ? props.type ?? ELEMENT.BUTTON : undefined\n );\n\n const rootElement = computed(() => (props.element === ELEMENT.LINK ? InternalBaseLink : props.element));\n</script>\n\n<template>\n <component\n :aria-label=\"icon\"\n :class=\"[\n 'tide-button-icon',\n CSS.AXIS1.CENTER,\n CSS.AXIS2.CENTER,\n CSS.BORDER.RADIUS.FULL,\n CSS.DISPLAY.FLEX,\n CSS.PADDING.FULL.HALF,\n `tide-button-${priority}`,\n element === ELEMENT.LINK ? [CSS.UNDERLINE.REST.OFF] : '',\n ]\"\n :disabled=\"element === ELEMENT.BUTTON && disabled\"\n :href=\"element === ELEMENT.LINK && href ? href : undefined\"\n :target=\"element === ELEMENT.LINK && isNewTab ? TARGET.BLANK : TARGET.SELF\"\n :type=\"typeAttribute\"\n :is=\"rootElement\"\n >\n <TideIcon\n :icon=\"icon\"\n :size=\"SIZE.LARGE\"\n v-if=\"icon\"\n />\n </component>\n</template>\n"],"names":["InternalBaseLink","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","TideIcon"],"mappings":";;;;;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;;;;AA0Cf,UAAM,QAAQ;AAUd,UAAM,gBAAgB;AAAA,MAA6B,MACjD,MAAM,YAAY,QAAQ,SAAS,MAAM,QAAQ,QAAQ,SAAS;AAAA,IAAA;AAGpE,UAAM,cAAc,SAAS,MAAO,MAAM,YAAY,QAAQ,OAAOA,cAAmB,MAAM,OAAQ;;AAItG,aAAAC,aAAAC,YAuBYC,wBAPL,YAAA,KAAW,GAAA;AAAA,QAff,cAAY,QAAA;AAAA,QACZ,OAAKC,eAAA;AAAA;UAAoCC,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAcA,MAAA,GAAA,EAAI,OAAO,OAAO;AAAA,UAAYA,MAAA,GAAA,EAAI,QAAQ;AAAA,UAAYA,MAAA,GAAA,EAAI,QAAQ,KAAK;AAAA,yBAA2B,QAAA,QAAQ;AAAA,UAAU,QAAA,YAAYA,MAAA,OAAA,EAAQ,OAAI,CAAIA,MAAA,GAAA,EAAI,UAAU,KAAK,GAAG,IAAA;AAAA,QAAA;QAU/P,UAAU,QAAA,YAAYA,eAAQ,UAAU,QAAA;AAAA,QACxC,MAAM,QAAA,YAAYA,MAAA,OAAA,EAAQ,QAAQ,QAAA,OAAO,QAAA,OAAO;AAAA,QAChD,QAAQ,QAAA,YAAYA,MAAA,OAAA,EAAQ,QAAQ,QAAA,WAAWA,cAAO,QAAQA,MAAA,MAAA,EAAO;AAAA,QACrE,MAAM,cAAA;AAAA,MAAA;yBAGP,MAIE;AAAA,UADM,QAAA,qBAHRH,YAIEI,aAAA;AAAA;YAHC,MAAM,QAAA;AAAA,YACN,MAAMD,MAAA,IAAA,EAAK;AAAA,UAAA;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideButtonIcon.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import _sfc_main from "./TideButtonPagination.vue2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const TideButtonPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2da25be7"]]);
|
|
5
|
+
export {
|
|
6
|
+
TideButtonPagination as default
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=TideButtonPagination.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TideButtonPagination.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|