@razorpay/blade 12.98.1 → 12.110.0

package/build/lib/native/components/Form/FormHint.js

@@ -1,453 +1,20 @@
 import 'react';
 import { FormHintWrapper } from './FormHintWrapper.native.js';
 import { hintMarginTop, hintTextSize, hintIconSize } from './formTokens.js';
-import { Text } from '../Typography/Text/Text.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '../Icons/AcceptPaymentsFilledIcon/AcceptPaymentsFilledIcon.js';
-import '../Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';
-import '../Icons/ActivityIcon/ActivityIcon.js';
-import '../Icons/AddressBookIcon/AddressBookIcon.js';
-import '../Icons/AffordabilityFilledIcon/AffordabilityFilledIcon.js';
-import '../Icons/AffordabilityIcon/AffordabilityIcon.js';
-import '../Icons/AirplayIcon/AirplayIcon.js';
-import '../Icons/AlertCircleIcon/AlertCircleIcon.js';
-import '../Icons/AlertOctagonIcon/AlertOctagonIcon.js';
-import '../Icons/AlertOnlyIcon/AlertOnlyIcon.js';
-import '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
-import '../Icons/AlignCenterIcon/AlignCenterIcon.js';
-import '../Icons/AlignJustifyIcon/AlignJustifyIcon.js';
-import '../Icons/AlignLeftIcon/AlignLeftIcon.js';
-import '../Icons/AlignRightIcon/AlignRightIcon.js';
-import '../Icons/AnchorIcon/AnchorIcon.js';
-import '../Icons/AndroidIcon/AndroidIcon.js';
-import '../Icons/AnnouncementIcon/AnnouncementIcon.js';
-import '../Icons/ApertureIcon/ApertureIcon.js';
-import '../Icons/AppStoreIcon/AppStoreIcon.js';
-import '../Icons/AppleIcon/AppleIcon.js';
-import '../Icons/ArrowDownIcon/ArrowDownIcon.js';
-import '../Icons/ArrowDownLeftIcon/ArrowDownLeftIcon.js';
-import '../Icons/ArrowDownRightIcon/ArrowDownRightIcon.js';
-import '../Icons/ArrowLeftIcon/ArrowLeftIcon.js';
-import '../Icons/ArrowRightIcon/ArrowRightIcon.js';
-import '../Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.js';
-import '../Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.js';
-import '../Icons/ArrowSquareDownRightIcon/ArrowSquareDownRightIcon.js';
-import '../Icons/ArrowSquareLeftIcon/ArrowSquareLeftIcon.js';
-import '../Icons/ArrowSquareRightIcon/ArrowSquareRightIcon.js';
-import '../Icons/ArrowSquareUpIcon/ArrowSquareUpIcon.js';
-import '../Icons/ArrowSquareUpLeftIcon/ArrowSquareUpLeftIcon.js';
-import '../Icons/ArrowSquareUpRightIcon/ArrowSquareUpRightIcon.js';
-import '../Icons/ArrowUpIcon/ArrowUpIcon.js';
-import '../Icons/ArrowUpLeftIcon/ArrowUpLeftIcon.js';
-import '../Icons/ArrowUpRightIcon/ArrowUpRightIcon.js';
-import '../Icons/AtSignIcon/AtSignIcon.js';
-import '../Icons/AttachmentIcon/AttachmentIcon.js';
-import '../Icons/AutomateAccountingIcon/AutomateAccountingIcon.js';
-import '../Icons/AutomatePayrollFilledIcon/AutomatePayrollFilledIcon.js';
-import '../Icons/AutomatePayrollIcon/AutomatePayrollIcon.js';
-import '../Icons/AwardIcon/AwardIcon.js';
-import '../Icons/BankAccountVerificationFilledIcon/BankAccountVerificationFilledIcon.js';
-import '../Icons/BankAccountVerificationIcon/BankAccountVerificationIcon.js';
-import '../Icons/BankIcon/BankIcon.js';
-import '../Icons/BarChartAltIcon/BarChartAltIcon.js';
-import '../Icons/BarChartIcon/BarChartIcon.js';
-import '../Icons/BarCodeIcon/BarCodeIcon.js';
-import '../Icons/Battery100PercentIcon/Battery100PercentIcon.js';
-import '../Icons/Battery20PercentIcon/Battery20PercentIcon.js';
-import '../Icons/Battery40PercentIcon/Battery40PercentIcon.js';
-import '../Icons/Battery60PercentIcon/Battery60PercentIcon.js';
-import '../Icons/Battery80PercentIcon/Battery80PercentIcon.js';
-import '../Icons/BatteryChargingIcon/BatteryChargingIcon.js';
-import '../Icons/BatteryIcon/BatteryIcon.js';
-import '../Icons/BellIcon/BellIcon.js';
-import '../Icons/BellOffIcon/BellOffIcon.js';
-import '../Icons/BfsiFilledIcon/BfsiFilledIcon.js';
-import '../Icons/BfsiIcon/BfsiIcon.js';
-import '../Icons/BillIcon/BillIcon.js';
-import '../Icons/BillMeFilledIcon/BillMeFilledIcon.js';
-import '../Icons/BillMeIcon/BillMeIcon.js';
-import '../Icons/BluetoothIcon/BluetoothIcon.js';
-import '../Icons/BoldIcon/BoldIcon.js';
-import '../Icons/BookIcon/BookIcon.js';
-import '../Icons/BookmarkIcon/BookmarkIcon.js';
-import '../Icons/BoxIcon/BoxIcon.js';
-import '../Icons/BriefcaseIcon/BriefcaseIcon.js';
-import '../Icons/BugIcon/BugIcon.js';
-import '../Icons/BuildingIcon/BuildingIcon.js';
-import '../Icons/BulkPayoutsFilledIcon/BulkPayoutsFilledIcon.js';
-import '../Icons/BulkPayoutsIcon/BulkPayoutsIcon.js';
-import '../Icons/BusinessBankingIcon/BusinessBankingIcon.js';
-import '../Icons/BusinessSpendManagementFilledIcon/BusinessSpendManagementFilledIcon.js';
-import '../Icons/BusinessSpendManagementIcon/BusinessSpendManagementIcon.js';
-import '../Icons/CalendarIcon/CalendarIcon.js';
-import '../Icons/CameraIcon/CameraIcon.js';
-import '../Icons/CameraOffIcon/CameraOffIcon.js';
-import '../Icons/CashIcon/CashIcon.js';
-import '../Icons/CastIcon/CastIcon.js';
-import '../Icons/CheckCircle2Icon/CheckCircle2Icon.js';
-import '../Icons/CheckCircleIcon/CheckCircleIcon.js';
-import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
-import '../Icons/CheckSquareIcon/CheckSquareIcon.js';
-import '../Icons/ChevronDownIcon/ChevronDownIcon.js';
-import '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
-import '../Icons/ChevronRightIcon/ChevronRightIcon.js';
-import '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
-import '../Icons/ChevronUpIcon/ChevronUpIcon.js';
-import '../Icons/ChevronsDownIcon/ChevronsDownIcon.js';
-import '../Icons/ChevronsLeftIcon/ChevronsLeftIcon.js';
-import '../Icons/ChevronsRightIcon/ChevronsRightIcon.js';
-import '../Icons/ChevronsUpIcon/ChevronsUpIcon.js';
-import '../Icons/ChromeIcon/ChromeIcon.js';
-import '../Icons/CircleIcon/CircleIcon.js';
-import '../Icons/ClipboardIcon/ClipboardIcon.js';
-import '../Icons/ClockIcon/ClockIcon.js';
-import '../Icons/CloseIcon/CloseIcon.js';
-import '../Icons/ClosedCaptioningIcon/ClosedCaptioningIcon.js';
-import '../Icons/CloudDrizzleIcon/CloudDrizzleIcon.js';
-import '../Icons/CloudIcon/CloudIcon.js';
-import '../Icons/CloudLightningIcon/CloudLightningIcon.js';
-import '../Icons/CloudOffIcon/CloudOffIcon.js';
-import '../Icons/CloudRainIcon/CloudRainIcon.js';
-import '../Icons/CloudSnowIcon/CloudSnowIcon.js';
-import '../Icons/CodeSnippetIcon/CodeSnippetIcon.js';
-import '../Icons/CodepenIcon/CodepenIcon.js';
-import '../Icons/CoinIcon/CoinIcon.js';
-import '../Icons/CoinsIcon/CoinsIcon.js';
-import '../Icons/CommandIcon/CommandIcon.js';
-import '../Icons/CompanyRegistrationFilledIcon/CompanyRegistrationFilledIcon.js';
-import '../Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.js';
-import '../Icons/CompassIcon/CompassIcon.js';
-import '../Icons/ConfettiIcon/ConfettiIcon.js';
-import '../Icons/ContactlessPaymentIcon/ContactlessPaymentIcon.js';
-import '../Icons/CookieIcon/CookieIcon.js';
-import '../Icons/CopyIcon/CopyIcon.js';
-import '../Icons/CopyrightIcon/CopyrightIcon.js';
-import '../Icons/CornerDownLeftIcon/CornerDownLeftIcon.js';
-import '../Icons/CornerDownRightIcon/CornerDownRightIcon.js';
-import '../Icons/CornerLeftDownIcon/CornerLeftDownIcon.js';
-import '../Icons/CornerLeftUpIcon/CornerLeftUpIcon.js';
-import '../Icons/CornerRightDownIcon/CornerRightDownIcon.js';
-import '../Icons/CornerRightUpIcon/CornerRightUpIcon.js';
-import '../Icons/CornerUpLeftIcon/CornerUpLeftIcon.js';
-import '../Icons/CornerUpRightIcon/CornerUpRightIcon.js';
-import '../Icons/CpuIcon/CpuIcon.js';
-import '../Icons/CreditCardIcon/CreditCardIcon.js';
-import '../Icons/CreditsAndLoansFilledIcon/CreditsAndLoansFilledIcon.js';
-import '../Icons/CreditsAndLoansIcon/CreditsAndLoansIcon.js';
-import '../Icons/CropIcon/CropIcon.js';
-import '../Icons/CrosshairIcon/CrosshairIcon.js';
-import '../Icons/CurrentAccountFilledIcon/CurrentAccountFilledIcon.js';
-import '../Icons/CurrentAccountIcon/CurrentAccountIcon.js';
-import '../Icons/CustomersIcon/CustomersIcon.js';
-import '../Icons/CutIcon/CutIcon.js';
-import '../Icons/DashboardIcon/DashboardIcon.js';
-import '../Icons/DeleteIcon/DeleteIcon.js';
-import '../Icons/DigitalLendingFilledIcon/DigitalLendingFilledIcon.js';
-import '../Icons/DigitalLendingIcon/DigitalLendingIcon.js';
-import '../Icons/DisbursePaymentsFilledIcon/DisbursePaymentsFilledIcon.js';
-import '../Icons/DisbursePaymentsIcon/DisbursePaymentsIcon.js';
-import '../Icons/DiscIcon/DiscIcon.js';
-import '../Icons/DollarIcon/DollarIcon.js';
-import '../Icons/DollarsIcon/DollarsIcon.js';
-import '../Icons/DotIcon/DotIcon.js';
-import '../Icons/DownloadCloudIcon/DownloadCloudIcon.js';
-import '../Icons/DownloadIcon/DownloadIcon.js';
-import '../Icons/DragHandleIcon/DragHandleIcon.js';
-import '../Icons/DropletIcon/DropletIcon.js';
-import '../Icons/EcommerceFilledIcon/EcommerceFilledIcon.js';
-import '../Icons/EcommerceIcon/EcommerceIcon.js';
-import '../Icons/EditComposeIcon/EditComposeIcon.js';
-import '../Icons/EditIcon/EditIcon.js';
-import '../Icons/EditInlineIcon/EditInlineIcon.js';
-import '../Icons/EducationFilledIcon/EducationFilledIcon.js';
-import '../Icons/EducationIcon/EducationIcon.js';
-import '../Icons/EngageFilledIcon/EngageFilledIcon.js';
-import '../Icons/EngageIcon/EngageIcon.js';
-import '../Icons/EqualsIcon/EqualsIcon.js';
-import '../Icons/EscrowAccountFilledIcon/EscrowAccountFilledIcon.js';
-import '../Icons/EscrowAccountIcon/EscrowAccountIcon.js';
-import '../Icons/ExportIcon/ExportIcon.js';
-import '../Icons/ExternalLinkIcon/ExternalLinkIcon.js';
-import '../Icons/EyeIcon/EyeIcon.js';
-import '../Icons/EyeOffIcon/EyeOffIcon.js';
-import '../Icons/FacebookIcon/FacebookIcon.js';
-import '../Icons/FastForwardIcon/FastForwardIcon.js';
-import '../Icons/FeatherIcon/FeatherIcon.js';
-import '../Icons/FigmaIcon/FigmaIcon.js';
-import '../Icons/FileIcon/FileIcon.js';
-import '../Icons/FileMinusIcon/FileMinusIcon.js';
-import '../Icons/FilePlusIcon/FilePlusIcon.js';
-import '../Icons/FileTextIcon/FileTextIcon.js';
-import '../Icons/FileZipIcon/FileZipIcon.js';
-import '../Icons/FilmIcon/FilmIcon.js';
-import '../Icons/FilterIcon/FilterIcon.js';
-import '../Icons/FlagIcon/FlagIcon.js';
-import '../Icons/FlaskIcon/FlaskIcon.js';
-import '../Icons/FolderIcon/FolderIcon.js';
-import '../Icons/ForexManagementFilledIcon/ForexManagementFilledIcon.js';
-import '../Icons/ForexManagementIcon/ForexManagementIcon.js';
-import '../Icons/FreelanceFilledIcon/FreelanceFilledIcon.js';
-import '../Icons/FreelanceIcon/FreelanceIcon.js';
-import '../Icons/FullScreenEnterIcon/FullScreenEnterIcon.js';
-import '../Icons/FullScreenExitIcon/FullScreenExitIcon.js';
-import '../Icons/GithubIcon/GithubIcon.js';
-import '../Icons/GitlabIcon/GitlabIcon.js';
-import '../Icons/GlobeIcon/GlobeIcon.js';
-import '../Icons/GridIcon/GridIcon.js';
-import '../Icons/HashIcon/HashIcon.js';
-import '../Icons/HeadphoneIcon/HeadphoneIcon.js';
-import '../Icons/HeadphonesIcon/HeadphonesIcon.js';
-import '../Icons/HeadsetIcon/HeadsetIcon.js';
-import '../Icons/HeartIcon/HeartIcon.js';
-import '../Icons/HelpCircleIcon/HelpCircleIcon.js';
-import '../Icons/HistoryIcon/HistoryIcon.js';
-import '../Icons/HomeIcon/HomeIcon.js';
-import '../Icons/ImageIcon/ImageIcon.js';
-import '../Icons/InboxIcon/InboxIcon.js';
-import '../Icons/IndiaFlagIcon/IndiaFlagIcon.js';
-import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
-import '../Icons/InstagramIcon/InstagramIcon.js';
-import '../Icons/InstantSettlementFilledIcon/InstantSettlementFilledIcon.js';
-import '../Icons/InstantSettlementIcon/InstantSettlementIcon.js';
-import '../Icons/InternationalPaymentsFilledIcon/InternationalPaymentsFilledIcon.js';
-import '../Icons/InternationalPaymentsIcon/InternationalPaymentsIcon.js';
-import '../Icons/InvoicesFilledIcon/InvoicesFilledIcon.js';
-import '../Icons/InvoicesIcon/InvoicesIcon.js';
-import '../Icons/ItalicIcon/ItalicIcon.js';
-import '../Icons/KeyIcon/KeyIcon.js';
-import '../Icons/KeyboardIcon/KeyboardIcon.js';
-import '../Icons/LayersIcon/LayersIcon.js';
-import '../Icons/LayoutIcon/LayoutIcon.js';
-import '../Icons/LeftCircularCornerIcon/LeftCircularCornerIcon.js';
-import '../Icons/LifeBuoyIcon/LifeBuoyIcon.js';
-import '../Icons/LinkIcon/LinkIcon.js';
-import '../Icons/ListIcon/ListIcon.js';
-import '../Icons/ListSearchIcon/ListSearchIcon.js';
-import '../Icons/LoaderIcon/LoaderIcon.js';
-import '../Icons/LoansForBusinessesFilledIcon/LoansForBusinessesFilledIcon.js';
-import '../Icons/LoansForBusinessesIcon/LoansForBusinessesIcon.js';
-import '../Icons/LockIcon/LockIcon.js';
-import '../Icons/LogInIcon/LogInIcon.js';
-import '../Icons/LogOutIcon/LogOutIcon.js';
-import '../Icons/MagicCheckoutFilledIcon/MagicCheckoutFilledIcon.js';
-import '../Icons/MagicCheckoutIcon/MagicCheckoutIcon.js';
-import '../Icons/MagicKonnectFilledIcon/MagicKonnectFilledIcon.js';
-import '../Icons/MagicKonnectIcon/MagicKonnectIcon.js';
-import '../Icons/MailIcon/MailIcon.js';
-import '../Icons/MailOpenIcon/MailOpenIcon.js';
-import '../Icons/MapIcon/MapIcon.js';
-import '../Icons/MapPinIcon/MapPinIcon.js';
-import '../Icons/MaximizeIcon/MaximizeIcon.js';
-import '../Icons/MenuDotsIcon/MenuDotsIcon.js';
-import '../Icons/MenuIcon/MenuIcon.js';
-import '../Icons/MessageCircleIcon/MessageCircleIcon.js';
-import '../Icons/MessageSquareIcon/MessageSquareIcon.js';
-import '../Icons/MicIcon/MicIcon.js';
-import '../Icons/MicOffIcon/MicOffIcon.js';
-import '../Icons/MinimizeIcon/MinimizeIcon.js';
-import '../Icons/MinusCircleIcon/MinusCircleIcon.js';
-import '../Icons/MinusIcon/MinusIcon.js';
-import '../Icons/MinusSquareIcon/MinusSquareIcon.js';
-import '../Icons/MobileAppFilledIcon/MobileAppFilledIcon.js';
-import '../Icons/MobileAppIcon/MobileAppIcon.js';
-import '../Icons/MonitorIcon/MonitorIcon.js';
-import '../Icons/MoonIcon/MoonIcon.js';
-import '../Icons/MoreFilledIcon/MoreFilledIcon.js';
-import '../Icons/MoreHorizontalIcon/MoreHorizontalIcon.js';
-import '../Icons/MoreIcon/MoreIcon.js';
-import '../Icons/MoreVerticalIcon/MoreVerticalIcon.js';
-import '../Icons/MoveIcon/MoveIcon.js';
-import '../Icons/MusicIcon/MusicIcon.js';
-import '../Icons/MyAccountIcon/MyAccountIcon.js';
-import '../Icons/NavigationIcon/NavigationIcon.js';
-import '../Icons/NoSignalIcon/NoSignalIcon.js';
-import '../Icons/OctagonIcon/OctagonIcon.js';
-import '../Icons/OffersIcon/OffersIcon.js';
-import '../Icons/OptimizerFilledIcon/OptimizerFilledIcon.js';
-import '../Icons/OptimizerIcon/OptimizerIcon.js';
-import '../Icons/PackageIcon/PackageIcon.js';
-import '../Icons/PaperclipIcon/PaperclipIcon.js';
-import '../Icons/PauseCircleIcon/PauseCircleIcon.js';
-import '../Icons/PauseIcon/PauseIcon.js';
-import '../Icons/PaymentButtonFilledIcon/PaymentButtonFilledIcon.js';
-import '../Icons/PaymentButtonIcon/PaymentButtonIcon.js';
-import '../Icons/PaymentButtonsIcon/PaymentButtonsIcon.js';
-import '../Icons/PaymentGatewayFilledIcon/PaymentGatewayFilledIcon.js';
-import '../Icons/PaymentGatewayIcon/PaymentGatewayIcon.js';
-import '../Icons/PaymentLinkFilledIcon/PaymentLinkFilledIcon.js';
-import '../Icons/PaymentLinkIcon/PaymentLinkIcon.js';
-import '../Icons/PaymentLinksIcon/PaymentLinksIcon.js';
-import '../Icons/PaymentPagesFilledIcon/PaymentPagesFilledIcon.js';
-import '../Icons/PaymentPagesIcon/PaymentPagesIcon.js';
-import '../Icons/PayoutLinkIcon/PayoutLinkIcon.js';
-import '../Icons/PayrollAddonsFilledIcon/PayrollAddonsFilledIcon.js';
-import '../Icons/PayrollAddonsIcon/PayrollAddonsIcon.js';
-import '../Icons/PayrollForCaFilledIcon/PayrollForCaFilledIcon.js';
-import '../Icons/PayrollForCaIcon/PayrollForCaIcon.js';
-import '../Icons/PayrollForStartupOrSmeFilledIcon/PayrollForStartupOrSmeFilledIcon.js';
-import '../Icons/PayrollForStartupOrSmeIcon/PayrollForStartupOrSmeIcon.js';
-import '../Icons/PercentIcon/PercentIcon.js';
-import '../Icons/PettyCashBudgetFilledIcon/PettyCashBudgetFilledIcon.js';
-import '../Icons/PettyCashBudgetIcon/PettyCashBudgetIcon.js';
-import '../Icons/PhoneCallIcon/PhoneCallIcon.js';
-import '../Icons/PhoneForwardedIcon/PhoneForwardedIcon.js';
-import '../Icons/PhoneIcon/PhoneIcon.js';
-import '../Icons/PhoneIncomingIcon/PhoneIncomingIcon.js';
-import '../Icons/PhoneMissedIcon/PhoneMissedIcon.js';
-import '../Icons/PhoneOffIcon/PhoneOffIcon.js';
-import '../Icons/PhoneOutgoingIcon/PhoneOutgoingIcon.js';
-import '../Icons/PictureInPictureIcon/PictureInPictureIcon.js';
-import '../Icons/PieChartIcon/PieChartIcon.js';
-import '../Icons/PinIcon/PinIcon.js';
-import '../Icons/PlayCircleIcon/PlayCircleIcon.js';
-import '../Icons/PlayIcon/PlayIcon.js';
-import '../Icons/PlusCircleIcon/PlusCircleIcon.js';
-import '../Icons/PlusIcon/PlusIcon.js';
-import '../Icons/PlusSquareIcon/PlusSquareIcon.js';
-import '../Icons/PocketIcon/PocketIcon.js';
-import '../Icons/PosFilledIcon/PosFilledIcon.js';
-import '../Icons/PosIcon/PosIcon.js';
-import '../Icons/PowerIcon/PowerIcon.js';
-import '../Icons/PrinterIcon/PrinterIcon.js';
-import '../Icons/PromptIcon/PromptIcon.js';
-import '../Icons/QRCodeIcon/QRCodeIcon.js';
-import '../Icons/RadioIcon/RadioIcon.js';
-import '../Icons/RayIcon/RayIcon.js';
-import '../Icons/RazorpayIcon/RazorpayIcon.js';
-import '../Icons/RazorpayXIcon/RazorpayXIcon.js';
-import '../Icons/RazorpayxPayrollFilledIcon/RazorpayxPayrollFilledIcon.js';
-import '../Icons/RazorpayxPayrollIcon/RazorpayxPayrollIcon.js';
-import '../Icons/RefreshIcon/RefreshIcon.js';
-import '../Icons/RepeatIcon/RepeatIcon.js';
-import '../Icons/ReportsIcon/ReportsIcon.js';
-import '../Icons/ResizerIcon/ResizerIcon.js';
-import '../Icons/ReticleIcon/ReticleIcon.js';
-import '../Icons/RewindIcon/RewindIcon.js';
-import '../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
-import '../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';
-import '../Icons/RouteFilledIcon/RouteFilledIcon.js';
-import '../Icons/RouteIcon/RouteIcon.js';
-import '../Icons/RoutesIcon/RoutesIcon.js';
-import '../Icons/RupeeIcon/RupeeIcon.js';
-import '../Icons/RupeesIcon/RupeesIcon.js';
-import '../Icons/SaasFilledIcon/SaasFilledIcon.js';
-import '../Icons/SaasIcon/SaasIcon.js';
-import '../Icons/SaveIcon/SaveIcon.js';
-import '../Icons/ScissorsIcon/ScissorsIcon.js';
-import '../Icons/SearchIcon/SearchIcon.js';
-import '../Icons/SendIcon/SendIcon.js';
-import '../Icons/ServerIcon/ServerIcon.js';
-import '../Icons/SettingsIcon/SettingsIcon.js';
-import '../Icons/SettlementsIcon/SettlementsIcon.js';
-import '../Icons/ShareIcon/ShareIcon.js';
-import '../Icons/ShieldIcon/ShieldIcon.js';
-import '../Icons/ShoppingBagIcon/ShoppingBagIcon.js';
-import '../Icons/ShoppingCartIcon/ShoppingCartIcon.js';
-import '../Icons/ShuffleIcon/ShuffleIcon.js';
-import '../Icons/SidebarIcon/SidebarIcon.js';
-import '../Icons/Signal1BarIcon/Signal1BarIcon.js';
-import '../Icons/Signal2BarIcon/Signal2BarIcon.js';
-import '../Icons/Signal3BarIcon/Signal3BarIcon.js';
-import '../Icons/Signal4BarIcon/Signal4BarIcon.js';
-import '../Icons/SignalIcon/SignalIcon.js';
-import '../Icons/SimCardIcon/SimCardIcon.js';
-import '../Icons/SkipBackIcon/SkipBackIcon.js';
-import '../Icons/SkipForwardIcon/SkipForwardIcon.js';
-import '../Icons/SlackIcon/SlackIcon.js';
-import '../Icons/SlashIcon/SlashIcon.js';
-import '../Icons/SlidersIcon/SlidersIcon.js';
-import '../Icons/SmartCollectFilledIcon/SmartCollectFilledIcon.js';
-import '../Icons/SmartCollectIcon/SmartCollectIcon.js';
-import '../Icons/SmartphoneIcon/SmartphoneIcon.js';
-import '../Icons/SolutionsFilledIcon/SolutionsFilledIcon.js';
-import '../Icons/SolutionsIcon/SolutionsIcon.js';
-import '../Icons/SortIcon/SortIcon.js';
-import '../Icons/SourceToPayFilledIcon/SourceToPayFilledIcon.js';
-import '../Icons/SourceToPayIcon/SourceToPayIcon.js';
-import '../Icons/SparklesIcon/SparklesIcon.js';
-import '../Icons/SpeakerIcon/SpeakerIcon.js';
-import '../Icons/SquareIcon/SquareIcon.js';
-import '../Icons/StampIcon/StampIcon.js';
-import '../Icons/StarIcon/StarIcon.js';
-import '../Icons/StopCircleIcon/StopCircleIcon.js';
-import '../Icons/StorefrontIcon/StorefrontIcon.js';
-import '../Icons/SubscriptionsFilledIcon/SubscriptionsFilledIcon.js';
-import '../Icons/SubscriptionsIcon/SubscriptionsIcon.js';
-import '../Icons/SunIcon/SunIcon.js';
-import '../Icons/SunriseIcon/SunriseIcon.js';
-import '../Icons/SunsetIcon/SunsetIcon.js';
-import '../Icons/TabletIcon/TabletIcon.js';
-import '../Icons/TagIcon/TagIcon.js';
-import '../Icons/TargetIcon/TargetIcon.js';
-import '../Icons/TaxPaymentsFilledIcon/TaxPaymentsFilledIcon.js';
-import '../Icons/TaxPaymentsIcon/TaxPaymentsIcon.js';
-import '../Icons/TestIcon/TestIcon.js';
-import '../Icons/ThermometerIcon/ThermometerIcon.js';
-import '../Icons/ThumbsDownIcon/ThumbsDownIcon.js';
-import '../Icons/ThumbsUpIcon/ThumbsUpIcon.js';
-import '../Icons/TicketIcon/TicketIcon.js';
-import '../Icons/ToggleLeftIcon/ToggleLeftIcon.js';
-import '../Icons/ToggleRightIcon/ToggleRightIcon.js';
-import '../Icons/TokenHqFilledIcon/TokenHqFilledIcon.js';
-import '../Icons/TokenHqIcon/TokenHqIcon.js';
-import '../Icons/TopLeftRoundedCornerIcon/TopLeftRoundedCornerIcon.js';
-import '../Icons/TopLeftSharpCornerIcon/TopLeftSharpCornerIcon.js';
-import '../Icons/TrademarkIcon/TrademarkIcon.js';
-import '../Icons/TrademarkRegisteredIcon/TrademarkRegisteredIcon.js';
-import '../Icons/TransactionsIcon/TransactionsIcon.js';
-import '../Icons/TranslateIcon/TranslateIcon.js';
-import '../Icons/TrashIcon/TrashIcon.js';
-import '../Icons/TrendingDownIcon/TrendingDownIcon.js';
-import '../Icons/TrendingUpIcon/TrendingUpIcon.js';
-import '../Icons/TriangleIcon/TriangleIcon.js';
-import '../Icons/TvIcon/TvIcon.js';
-import '../Icons/TwitterIcon/TwitterIcon.js';
-import '../Icons/TypeIcon/TypeIcon.js';
-import '../Icons/UmbrellaIcon/UmbrellaIcon.js';
-import '../Icons/UnderlineIcon/UnderlineIcon.js';
-import '../Icons/UnlockIcon/UnlockIcon.js';
-import '../Icons/UpiAutopayFilledIcon/UpiAutopayFilledIcon.js';
-import '../Icons/UpiAutopayIcon/UpiAutopayIcon.js';
-import '../Icons/UpiIcon/UpiIcon.js';
-import '../Icons/UploadCloudIcon/UploadCloudIcon.js';
-import '../Icons/UploadIcon/UploadIcon.js';
-import '../Icons/UserCheckIcon/UserCheckIcon.js';
-import '../Icons/UserIcon/UserIcon.js';
-import '../Icons/UserMinusIcon/UserMinusIcon.js';
-import '../Icons/UserPlusIcon/UserPlusIcon.js';
-import '../Icons/UserXIcon/UserXIcon.js';
-import '../Icons/UsersIcon/UsersIcon.js';
-import '../Icons/VendorPaymentsFilledIcon/VendorPaymentsFilledIcon.js';
-import '../Icons/VendorPaymentsIcon/VendorPaymentsIcon.js';
-import '../Icons/VideoIcon/VideoIcon.js';
-import '../Icons/VideoOffIcon/VideoOffIcon.js';
-import '../Icons/ViewLiveDemoFilledIcon/ViewLiveDemoFilledIcon.js';
-import '../Icons/ViewLiveDemoIcon/ViewLiveDemoIcon.js';
-import '../Icons/VoicemailIcon/VoicemailIcon.js';
-import '../Icons/VolumeHighIcon/VolumeHighIcon.js';
-import '../Icons/VolumeIcon/VolumeIcon.js';
-import '../Icons/VolumeLowIcon/VolumeLowIcon.js';
-import '../Icons/VolumeMuteIcon/VolumeMuteIcon.js';
-import '../Icons/VolumeOffIcon/VolumeOffIcon.js';
-import '../Icons/VolumeOnIcon/VolumeOnIcon.js';
-import '../Icons/WalletIcon/WalletIcon.js';
-import '../Icons/WatchIcon/WatchIcon.js';
-import '../Icons/WhatsAppIcon/WhatsAppIcon.js';
-import '../Icons/WifiIcon/WifiIcon.js';
-import '../Icons/WifiOffIcon/WifiOffIcon.js';
-import '../Icons/WindIcon/WindIcon.js';
-import '../Icons/WorldwideIcon/WorldwideIcon.js';
-import '../Icons/XCircleIcon/XCircleIcon.js';
-import '../Icons/XSquareIcon/XSquareIcon.js';
-import '../Icons/YoutubeIcon/YoutubeIcon.js';
-import '../Icons/ZapIcon/ZapIcon.js';
-import '../Icons/ZoomInIcon/ZoomInIcon.js';
-import '../Icons/ZoomOutIcon/ZoomOutIcon.js';
+import '../Typography/Text/index.js';
+import '../Box/BaseBox/index.js';
+import '../Icons/index.js';
+import '../../utils/getPlatformType/index.js';
+import '../Box/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { Box } from '../Box/Box.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
+import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
+import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
 
-var HintText=function HintText(_ref){var Icon=_ref.icon,children=_ref.children,id=_ref.id,color=_ref.color,size=_ref.size;var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,{marginTop:hintMarginTop[size],id:id,children:jsxs(FormHintWrapper,{children:[Icon?jsx(Box,{flexShrink:0,marginTop:"spacing.1",children:jsx(Icon,{})}):null,jsx(Text,{as:isReactNative?undefined:'span',color:color,size:hintTextSize[size],variant:"caption",wordBreak:"break-word",marginTop:size==='large'&&Icon?'spacing.1':'spacing.0',children:children})]})});};var Icons={error:function error(_ref2){var size=_ref2.size;return jsx(InfoIcon,{display:'block',color:"feedback.icon.negative.intense",size:hintIconSize[size]});},success:function success(_ref3){var size=_ref3.size;return jsx(CheckIcon,{display:'block',color:"feedback.icon.positive.intense",size:hintIconSize[size]});}};var FormHint=function FormHint(_ref4){var type=_ref4.type,helpText=_ref4.helpText,errorText=_ref4.errorText,successText=_ref4.successText,helpTextId=_ref4.helpTextId,errorTextId=_ref4.errorTextId,successTextId=_ref4.successTextId,_ref4$size=_ref4.size,size=_ref4$size===void 0?'medium':_ref4$size;var colors={help:'surface.text.gray.muted',error:'feedback.text.negative.intense',success:'feedback.text.positive.intense'};var showError=type==='error'&&errorText;var showSuccess=type==='success'&&successText;var showHelp=!showError&&!showSuccess&&helpText;return jsxs(Fragment,{children:[showHelp&&jsx(HintText,{size:size,id:helpTextId,color:colors.help,children:helpText}),showError&&jsx(HintText,{size:size,id:errorTextId,icon:function icon(){return Icons.error({size:size});},color:colors.error,children:errorText}),showSuccess&&jsx(HintText,{size:size,id:successTextId,icon:function icon(){return Icons.success({size:size});},color:colors.success,children:successText})]});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Form/FormHint.tsx";var HintText=function HintText(_ref){var Icon=_ref.icon,children=_ref.children,id=_ref.id,color=_ref.color,size=_ref.size;var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,{marginTop:hintMarginTop[size],id:id,children:jsxs(FormHintWrapper,{children:[Icon?jsx(Box,{flexShrink:0,marginTop:isReactNative?'spacing.0':'spacing.1',children:jsx(Icon,{})}):null,jsx(Text,{as:isReactNative?undefined:'span',color:color,size:hintTextSize[size],variant:"caption",wordBreak:"break-word",marginTop:!isReactNative&&size==='large'&&Icon?'spacing.1':'spacing.0',children:children})]})});};var Icons={error:function error(_ref2){var size=_ref2.size;return jsx(InfoIcon,{display:'block',color:"feedback.icon.negative.intense",size:hintIconSize[size]});},success:function success(_ref3){var size=_ref3.size;return jsx(CheckIcon,{display:'block',color:"feedback.icon.positive.intense",size:hintIconSize[size]});}};var FormHint=function FormHint(_ref4){var type=_ref4.type,helpText=_ref4.helpText,errorText=_ref4.errorText,successText=_ref4.successText,helpTextId=_ref4.helpTextId,errorTextId=_ref4.errorTextId,successTextId=_ref4.successTextId,_ref4$size=_ref4.size,size=_ref4$size===void 0?'medium':_ref4$size;var colors={help:'surface.text.gray.muted',error:'feedback.text.negative.intense',success:'feedback.text.positive.intense'};var showError=type==='error'&&errorText;var showSuccess=type==='success'&&successText;var showHelp=!showError&&!showSuccess&&helpText;return jsxs(Fragment,{children:[showHelp&&jsx(HintText,{size:size,id:helpTextId,color:colors.help,children:helpText}),showError&&jsx(HintText,{size:size,id:errorTextId,icon:function icon(){return Icons.error({size:size});},color:colors.error,children:errorText}),showSuccess&&jsx(HintText,{size:size,id:successTextId,icon:function icon(){return Icons.success({size:size});},color:colors.success,children:successText})]});};
 
 export { FormHint };
 //# sourceMappingURL=FormHint.js.map

package/build/lib/native/components/Form/FormHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHint.js","sources":["../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n  icon?: IconComponent;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? (\n          // offset block element 2px down to align with text\n          <Box flexShrink={0} marginTop=\"spacing.1\">\n            <Icon />\n          </Box>\n        ) : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n          wordBreak=\"break-word\"\n          marginTop={size === 'large' && Icon ? 'spacing.1' : 'spacing.0'}\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <InfoIcon\n      display={'block' as never}\n      color=\"feedback.icon.negative.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n  success: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <CheckIcon\n      display={'block' as never}\n      color=\"feedback.icon.positive.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":"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"}
+{"version":3,"file":"FormHint.js","sources":["../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n  icon?: IconComponent;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? (\n          // offset block element 2px down to align with text baseline on web only\n          <Box flexShrink={0} marginTop={isReactNative ? 'spacing.0' : 'spacing.1'}>\n            <Icon />\n          </Box>\n        ) : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n          wordBreak=\"break-word\"\n          marginTop={!isReactNative && size === 'large' && Icon ? 'spacing.1' : 'spacing.0'}\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <InfoIcon\n      display={'block' as never}\n      color=\"feedback.icon.negative.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n  success: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <CheckIcon\n      display={'block' as never}\n      color=\"feedback.icon.positive.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["this","HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":"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"}

package/build/lib/native/components/Form/FormHintWrapper.native.js

@@ -1,8 +1,9 @@
 import 'react';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../Box/BaseBox/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 
-var FormHintWrapper=function FormHintWrapper(_ref){var children=_ref.children;return jsx(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",children:children});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Form/FormHintWrapper.native.tsx";var FormHintWrapper=function FormHintWrapper(_ref){var children=_ref.children;return jsx(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.2",children:children});};
 
 export { FormHintWrapper };
 //# sourceMappingURL=FormHintWrapper.native.js.map

package/build/lib/native/components/Form/FormHintWrapper.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHintWrapper.native.js","sources":["../../../../../src/components/Form/FormHintWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst FormHintWrapper = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { FormHintWrapper };\n"],"names":["FormHintWrapper","_ref","children","_jsx","BaseBox","display","flexDirection","alignItems"],"mappings":";;;;AAGM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAAwE,CAAA,IAAlEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACjC,OACEC,GAAA,CAACC,OAAO,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAACC,UAAU,CAAC,QAAQ,CAAAL,QAAA,CAC5DA,QAAQ,CACF,CAAC,CAEd;;;;"}
+{"version":3,"file":"FormHintWrapper.native.js","sources":["../../../../../src/components/Form/FormHintWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst FormHintWrapper = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.2\">\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { FormHintWrapper };\n"],"names":["this","FormHintWrapper","_ref","children","_jsx","BaseBox","display","flexDirection","alignItems","gap"],"mappings":";;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,6FAAA,CAGM,IAAAC,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAAwE,CAAlE,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACjC,OACEC,GAAA,CAACC,OAAO,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAACC,UAAU,CAAC,QAAQ,CAACC,GAAG,CAAC,WAAW,CAAAN,QAAA,CAC5EA,QAAQ,CACF,CAAC,CAEd;;;;"}

package/build/lib/native/components/Form/FormLabel.js

@@ -1,31 +1,28 @@
 import 'react';
-import { labelOptionalIndicatorTextSize, labelTextSize, labelLeftMarginRight, labelMarginBottom, labelWidth } from './formTokens.js';
-import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.native.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import 'react-native';
-import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import { labelOptionalIndicatorTextSize, labelTextSize, labelTextColor, labelWidth, labelLeftMarginRight, labelMarginBottom } from './formTokens.js';
+import '../VisuallyHidden/index.native.js';
+import '../Typography/index.js';
+import '../../utils/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/makeSpace/index.js';
+import '../../tokens/global/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import '@babel/runtime/helpers/slicedToArray';
+import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import { Text } from '../Typography/Text/Text.js';
+import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.native.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
-import useTheme from '../BladeProvider/useTheme.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import getIn from '../../utils/lodashButBetter/get.js';
 
-var FormLabel=function FormLabel(_ref){var _ref$as=_ref.as,as=_ref$as===void 0?'span':_ref$as,_ref$position=_ref.position,position=_ref$position===void 0?'top':_ref$position,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,accessibilityText=_ref.accessibilityText,children=_ref.children,id=_ref.id,htmlFor=_ref.htmlFor,_ref$size=_ref.size,size$1=_ref$size===void 0?'medium':_ref$size,labelSuffix=_ref.labelSuffix,labelTrailing=_ref.labelTrailing;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isDesktop=matchedDeviceType==='desktop';var isReactNative=getPlatformType()==='react-native';var necessityLabel=null;var isLabelLeftPositioned=position==='left'&&isDesktop;if(necessityIndicator==='optional'){necessityLabel=jsx(Text,{variant:"caption",size:labelOptionalIndicatorTextSize[size$1],color:"surface.text.gray.muted",children:"(optional)"});}if(necessityIndicator==='required'){necessityLabel=jsx(Text,{variant:"body",size:isLabelLeftPositioned?'medium':'small',color:"feedback.text.negative.intense",alignSelf:"flex-start",children:"*"});}var computedAccessibilityNode=jsxs(VisuallyHidden,{children:[necessityIndicator!=='none'&&jsx(Text,{children:necessityIndicator}),jsx(Text,{children:accessibilityText})]});var textNode=jsxs(BaseBox,{gap:necessityIndicator==='optional'?'spacing.2':'spacing.0',display:"flex",flexDirection:"row",alignItems:"center",maxHeight:makeSpace(size[36]),children:[jsx(Text,{variant:"body",size:labelTextSize[isLabelLeftPositioned?'left':'top'][size$1],color:"surface.text.gray.subtle",truncateAfterLines:2,weight:"medium",wordBreak:isLabelLeftPositioned?'break-word':undefined,children:children}),computedAccessibilityNode,necessityLabel]});if(isReactNative){return jsx(BaseBox,{marginRight:"spacing.5",marginBottom:"spacing.2",children:textNode});}var Component=as;var width=isLabelLeftPositioned&&isDesktop?makeSize(labelWidth[size$1]):'100%';return jsx(Component,Object.assign({htmlFor:htmlFor,style:{width:width,flexShrink:0,marginRight:isLabelLeftPositioned?makeSpace(getIn(theme,labelLeftMarginRight[size$1])):makeSpace(getIn(theme,'spacing.0'))},id:id},metaAttribute({name:MetaConstants.FormLabel}),{children:jsxs(BaseBox,{width:"100%",display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',alignItems:isLabelLeftPositioned?'flex-start':'center',marginBottom:isLabelLeftPositioned?'spacing.0':labelMarginBottom[size$1],children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.2",children:[jsx(BaseBox,{children:textNode}),labelSuffix?jsx(BaseBox,{display:"flex",children:labelSuffix}):null]}),labelTrailing?jsx(BaseBox,{marginLeft:isLabelLeftPositioned?'spacing.0':'auto',children:labelTrailing}):null]})}));};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Form/FormLabel.tsx";var FormLabel=function FormLabel(_ref){var _ref$as=_ref.as,as=_ref$as===void 0?'span':_ref$as,_ref$position=_ref.position,position=_ref$position===void 0?'top':_ref$position,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,accessibilityText=_ref.accessibilityText,children=_ref.children,id=_ref.id,htmlFor=_ref.htmlFor,_ref$size=_ref.size,size$1=_ref$size===void 0?'medium':_ref$size,labelSuffix=_ref.labelSuffix,labelTrailing=_ref.labelTrailing;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isDesktop=matchedDeviceType==='desktop';var isReactNative=getPlatformType()==='react-native';var necessityLabel=null;var isLabelLeftPositioned=position==='left'&&isDesktop;if(necessityIndicator==='optional'){necessityLabel=jsx(Text,{variant:"caption",size:labelOptionalIndicatorTextSize[size$1],color:"surface.text.gray.muted",children:"(optional)"});}if(necessityIndicator==='required'){necessityLabel=jsx(Text,{variant:"body",size:isLabelLeftPositioned?'medium':'small',color:"feedback.text.negative.intense",alignSelf:"flex-start",children:"*"});}var computedAccessibilityNode=jsxs(VisuallyHidden,{children:[necessityIndicator!=='none'&&jsx(Text,{children:necessityIndicator}),jsx(Text,{children:accessibilityText})]});var textNode=jsxs(BaseBox,{gap:necessityIndicator==='optional'?'spacing.2':'spacing.0',display:"flex",flexDirection:"row",alignItems:"center",maxHeight:makeSpace(size[36]),children:[jsx(Text,{variant:"body",size:labelTextSize[isLabelLeftPositioned?'left':'top'][size$1],color:labelTextColor[size$1],truncateAfterLines:2,weight:"medium",wordBreak:isLabelLeftPositioned?'break-word':undefined,children:children}),computedAccessibilityNode,necessityLabel]});if(isReactNative){return jsx(BaseBox,{marginRight:"spacing.5",marginBottom:"spacing.2",children:textNode});}var Component=as;var width=isLabelLeftPositioned&&isDesktop?makeSize(labelWidth[size$1]):'100%';return jsx(Component,Object.assign({htmlFor:htmlFor,style:{width:width,flexShrink:0,marginRight:isLabelLeftPositioned?makeSpace(getIn(theme,labelLeftMarginRight[size$1])):makeSpace(getIn(theme,'spacing.0'))},id:id},metaAttribute({name:MetaConstants.FormLabel}),{children:jsxs(BaseBox,{width:"100%",display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',alignItems:isLabelLeftPositioned?'flex-start':'center',marginBottom:isLabelLeftPositioned?'spacing.0':labelMarginBottom[size$1],children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.2",children:[jsx(BaseBox,{children:textNode}),labelSuffix?jsx(BaseBox,{display:"flex",children:labelSuffix}):null]}),labelTrailing?jsx(BaseBox,{marginLeft:isLabelLeftPositioned?'spacing.0':'auto',children:labelTrailing}):null]})}));};
 
 export { FormLabel };
 //# sourceMappingURL=FormLabel.js.map