From fd7f8412ba6ec8575d84b1d0e74ce77547445a43 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 19:15:54 +0530 Subject: [PATCH 01/12] feat(icon): add blockquote icon --- packages/paste-icons/build.icon-list.js | 2 +- packages/paste-icons/json/icons.json | 2 +- packages/paste-icons/src/BlockquoteIcon.tsx | 48 +++++++++++++++++++++ packages/paste-icons/svg/Blockquote.svg | 1 + 4 files changed, 51 insertions(+), 2 deletions(-) create mode 100644 packages/paste-icons/src/BlockquoteIcon.tsx create mode 100644 packages/paste-icons/svg/Blockquote.svg diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js index 114513b22b..a66a7662f4 100644 --- a/packages/paste-icons/build.icon-list.js +++ b/packages/paste-icons/build.icon-list.js @@ -1 +1 @@ -module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RCSCapableIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SupportRequestIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file +module.exports = ["src/AcceptIcon.tsx","src/AddListIcon.tsx","src/AddSeriesIcon.tsx","src/AgentIcon.tsx","src/AlignLeftIcon.tsx","src/AlignRightIcon.tsx","src/AlignVerticalCenterIcon.tsx","src/ArchiveIcon.tsx","src/ArrowBackIcon.tsx","src/ArrowDownIcon.tsx","src/ArrowForwardIcon.tsx","src/ArrowUpIcon.tsx","src/ArtificialIntelligenceIcon.tsx","src/AttachIcon.tsx","src/AttachmentIcon.tsx","src/AuthenticationIcon.tsx","src/AutomaticUpdatesIcon.tsx","src/AvailableIcon.tsx","src/BlockquoteIcon.tsx","src/BoldIcon.tsx","src/BuildIcon.tsx","src/BuiltInIcon.tsx","src/BusinessIcon.tsx","src/ButtonIcon.tsx","src/CalendarIcon.tsx","src/CallActiveIcon.tsx","src/CallAddIcon.tsx","src/CallFailedIcon.tsx","src/CallHoldIcon.tsx","src/CallIcon.tsx","src/CallIncomingIcon.tsx","src/CallOutgoingIcon.tsx","src/CallTransferIcon.tsx","src/CartIcon.tsx","src/ChatIcon.tsx","src/CheckboxCheckIcon.tsx","src/CheckboxLineIcon.tsx","src/CheckmarkCircleIcon.tsx","src/ChevronDisclosureCollapsedIcon.tsx","src/ChevronDisclosureExpandedIcon.tsx","src/ChevronDisclosureIcon.tsx","src/ChevronDoubleLeftIcon.tsx","src/ChevronDoubleRightIcon.tsx","src/ChevronDownIcon.tsx","src/ChevronExpandIcon.tsx","src/ChevronLeftIcon.tsx","src/ChevronRightIcon.tsx","src/ChevronUpIcon.tsx","src/ClearIcon.tsx","src/CloseCircleIcon.tsx","src/CloseIcon.tsx","src/CloudIcon.tsx","src/CodeIcon.tsx","src/CollapseIcon.tsx","src/ColorPickerIcon.tsx","src/ColumnIcon.tsx","src/CommunityIcon.tsx","src/ConnectivityAvailableIcon.tsx","src/ConnectivityBusyIcon.tsx","src/ConnectivityNeutralIcon.tsx","src/ConnectivityOfflineIcon.tsx","src/ConnectivityUnavailableIcon.tsx","src/CopyIcon.tsx","src/CreditCardIcon.tsx","src/CustomIcon.tsx","src/CustomerCareIcon.tsx","src/DarkModeIcon.tsx","src/DataArrayIcon.tsx","src/DataBarChartIcon.tsx","src/DataBooleanIcon.tsx","src/DataLineChartIcon.tsx","src/DataNumberIcon.tsx","src/DataObjectIcon.tsx","src/DataPieChartIcon.tsx","src/DataStringIcon.tsx","src/DataTableIcon.tsx","src/DatabaseIcon.tsx","src/DeleteIcon.tsx","src/DeliveredIcon.tsx","src/DialpadIcon.tsx","src/DirectoryIcon.tsx","src/DisableIcon.tsx","src/DividerIcon.tsx","src/DoNotIcon.tsx","src/DocumentationIcon.tsx","src/DownloadIcon.tsx","src/DragHorizontalIcon.tsx","src/DragIcon.tsx","src/DragVerticalIcon.tsx","src/EditIcon.tsx","src/ElasticSIPTrunkingCapableIcon.tsx","src/EmailIcon.tsx","src/EmojiIcon.tsx","src/ErrorIcon.tsx","src/ExpandIcon.tsx","src/ExportIcon.tsx","src/FaxCapableIcon.tsx","src/FeedIcon.tsx","src/FileAudioIcon.tsx","src/FileIcon.tsx","src/FileImageIcon.tsx","src/FileVideoIcon.tsx","src/FileZipIcon.tsx","src/FilterIcon.tsx","src/FlagIcon.tsx","src/FolderIcon.tsx","src/GitIcon.tsx","src/HeatmapIcon.tsx","src/HideIcon.tsx","src/HistoryIcon.tsx","src/ImageTextIcon.tsx","src/InboxIcon.tsx","src/IndentDecreaseIcon.tsx","src/IndentIncreaseIcon.tsx","src/InformationIcon.tsx","src/ItalicIcon.tsx","src/LightModeIcon.tsx","src/LinkExternalIcon.tsx","src/LinkIcon.tsx","src/LoadingIcon.tsx","src/LockIcon.tsx","src/LogInIcon.tsx","src/LogOutIcon.tsx","src/LogoPasteIcon.tsx","src/LogoTwilioIcon.tsx","src/LowerHandIcon.tsx","src/MMSCapableIcon.tsx","src/MenuIcon.tsx","src/MicrophoneOffIcon.tsx","src/MicrophoneOnIcon.tsx","src/MinusIcon.tsx","src/MobileIcon.tsx","src/MoreIcon.tsx","src/NeutralIcon.tsx","src/NewIcon.tsx","src/NotesIcon.tsx","src/NotificationIcon.tsx","src/NotificationOrnamentIcon.tsx","src/OrderedListIcon.tsx","src/OutOfDateIcon.tsx","src/PauseIcon.tsx","src/PaymentIcon.tsx","src/PinIcon.tsx","src/PlayIcon.tsx","src/PlusIcon.tsx","src/ProcessDisabledIcon.tsx","src/ProcessDraftIcon.tsx","src/ProcessErrorIcon.tsx","src/ProcessInProgressIcon.tsx","src/ProcessNeutralIcon.tsx","src/ProcessSuccessIcon.tsx","src/ProcessWarningIcon.tsx","src/ProductAIAssistantsIcon.tsx","src/ProductAPIExplorerIcon.tsx","src/ProductAccountDashboardIcon.tsx","src/ProductAddOnsIcon.tsx","src/ProductAdminAccessControlIcon.tsx","src/ProductAdminAccountsIcon.tsx","src/ProductAdminDomainsIcon.tsx","src/ProductAdminResoldCustomersIcon.tsx","src/ProductAdminSSOIcon.tsx","src/ProductAdminUsersIcon.tsx","src/ProductAlarmsIcon.tsx","src/ProductAssetsIcon.tsx","src/ProductAudiencesIcon.tsx","src/ProductAuthyIcon.tsx","src/ProductAutopilotIcon.tsx","src/ProductBillingIcon.tsx","src/ProductCLIIcon.tsx","src/ProductChannelsIcon.tsx","src/ProductChatIcon.tsx","src/ProductCodeExchangeCommunityIcon.tsx","src/ProductCodeExchangePartnerIcon.tsx","src/ProductCommsIcon.tsx","src/ProductConnectedDevicesIcon.tsx","src/ProductConnectionsIcon.tsx","src/ProductContactCenterAdminIcon.tsx","src/ProductContactCenterAssessmentsIcon.tsx","src/ProductContactCenterQueuesIcon.tsx","src/ProductContactCenterTasksIcon.tsx","src/ProductContactCenterTeamsIcon.tsx","src/ProductConversationalInsightsIcon.tsx","src/ProductConversationsIcon.tsx","src/ProductDebuggerIcon.tsx","src/ProductDestinationsIcon.tsx","src/ProductElasticSIPTrunkingIcon.tsx","src/ProductEmailAPIIcon.tsx","src/ProductEngageIcon.tsx","src/ProductEngagementIntelligencePlatformIcon.tsx","src/ProductEventLibraryIcon.tsx","src/ProductEventStreamIcon.tsx","src/ProductEventStreamsIcon.tsx","src/ProductFaxIcon.tsx","src/ProductFlexIcon.tsx","src/ProductFlowIcon.tsx","src/ProductFrontlineIcon.tsx","src/ProductFunctionsIcon.tsx","src/ProductHomeIcon.tsx","src/ProductInsightsIcon.tsx","src/ProductInterconnectIcon.tsx","src/ProductInternetOfThingsEmbeddedSIMIcon.tsx","src/ProductInternetOfThingsIcon.tsx","src/ProductInternetOfThingsNarrowbandIcon.tsx","src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx","src/ProductInternetOfThingsSuperSIMIcon.tsx","src/ProductInternetOfThingsTrustOnboardIcon.tsx","src/ProductInternetOfThingsWirelessIcon.tsx","src/ProductJourneysIcon.tsx","src/ProductKeysIcon.tsx","src/ProductLiveIcon.tsx","src/ProductLogsIcon.tsx","src/ProductLookupIcon.tsx","src/ProductMappingIcon.tsx","src/ProductMarketingCampaignsIcon.tsx","src/ProductMessagingIcon.tsx","src/ProductMicrovisorIcon.tsx","src/ProductNotifyIcon.tsx","src/ProductOneAdminIcon.tsx","src/ProductPayConnectorIcon.tsx","src/ProductPersonasIcon.tsx","src/ProductPhoneNumbersIcon.tsx","src/ProductPrivacyIcon.tsx","src/ProductProtocolsIcon.tsx","src/ProductProxyIcon.tsx","src/ProductRegionalIcon.tsx","src/ProductReverseETLIcon.tsx","src/ProductSDKIcon.tsx","src/ProductSegmentIcon.tsx","src/ProductSendGridIcon.tsx","src/ProductSettingsIcon.tsx","src/ProductSourceSchemaIcon.tsx","src/ProductSourcesIcon.tsx","src/ProductStudioIcon.tsx","src/ProductSupportIcon.tsx","src/ProductSwitcherIcon.tsx","src/ProductSyncIcon.tsx","src/ProductTaskRouterIcon.tsx","src/ProductTraitsIcon.tsx","src/ProductTrustHubIcon.tsx","src/ProductTwiMLBinsIcon.tsx","src/ProductTwilioOrgIcon.tsx","src/ProductUSSDIcon.tsx","src/ProductUnifiedProfilesIcon.tsx","src/ProductUnifyIcon.tsx","src/ProductUsageIcon.tsx","src/ProductVerifyIcon.tsx","src/ProductVideoIcon.tsx","src/ProductVoiceIcon.tsx","src/ProductVoiceIntelligenceIcon.tsx","src/RCSCapableIcon.tsx","src/RaiseHandIcon.tsx","src/RecordIcon.tsx","src/RedoIcon.tsx","src/RefreshIcon.tsx","src/RepeatIcon.tsx","src/RepeatPurchaseIcon.tsx","src/ResetIcon.tsx","src/SMSCapableIcon.tsx","src/SMSIcon.tsx","src/ScreenShareIcon.tsx","src/SearchIcon.tsx","src/SelectIcon.tsx","src/SelectedIcon.tsx","src/SendIcon.tsx","src/SentIcon.tsx","src/SentimentNegativeIcon.tsx","src/SentimentNeutralIcon.tsx","src/SentimentPositiveIcon.tsx","src/ShareIcon.tsx","src/ShowIcon.tsx","src/ShrinkIcon.tsx","src/SkipBackIcon.tsx","src/SkipForwardIcon.tsx","src/SocialIcon.tsx","src/SortAlphabeticalIcon.tsx","src/SpacerVerticalIcon.tsx","src/StarIcon.tsx","src/StopIcon.tsx","src/StopScreenShareIcon.tsx","src/StoreIcon.tsx","src/StrikethroughIcon.tsx","src/SubscriptIcon.tsx","src/SuccessIcon.tsx","src/SuperscriptIcon.tsx","src/SupportIcon.tsx","src/SupportRequestIcon.tsx","src/SystemStatusIcon.tsx","src/TaskIcon.tsx","src/TemplateMessageIcon.tsx","src/TextAlignCenterIcon.tsx","src/TextAlignJustifyIcon.tsx","src/TextAlignLeftIcon.tsx","src/TextAlignRightIcon.tsx","src/TextFormatClearIcon.tsx","src/TextFormatIcon.tsx","src/TextHighlightIcon.tsx","src/ThemeIcon.tsx","src/ThumbsDownIcon.tsx","src/ThumbsUpIcon.tsx","src/TimeIcon.tsx","src/TipIcon.tsx","src/TokenIcon.tsx","src/TourIcon.tsx","src/TransferIcon.tsx","src/TranslationIcon.tsx","src/TrendDownIcon.tsx","src/TrendUpIcon.tsx","src/TriggerIcon.tsx","src/UnarchiveIcon.tsx","src/UnderlineIcon.tsx","src/UndoIcon.tsx","src/UnlockIcon.tsx","src/UnorderedListIcon.tsx","src/UnpinIcon.tsx","src/UnsortedIcon.tsx","src/UnstarIcon.tsx","src/UnsubscribeIcon.tsx","src/UploadIcon.tsx","src/UploadToCloudIcon.tsx","src/UpsellIcon.tsx","src/UserIcon.tsx","src/UsersIcon.tsx","src/VideoOffIcon.tsx","src/VideoOnIcon.tsx","src/VoiceCapableIcon.tsx","src/VoicemailIcon.tsx","src/VolumeOffIcon.tsx","src/VolumeOnIcon.tsx","src/WarningIcon.tsx","src/WebCapableIcon.tsx","src/WinbackIcon.tsx","src/ZoomInIcon.tsx"]; \ No newline at end of file diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json index 380549b31d..6d19a03ddc 100644 --- a/packages/paste-icons/json/icons.json +++ b/packages/paste-icons/json/icons.json @@ -1 +1 @@ -{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RCSCapableIcon","svg":"/svg/RCSCapableIcon.svg","cjs":"/cjs/RCSCapableIcon.js","esm":"/esm/RCSCapableIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SupportRequestIcon","svg":"/svg/SupportRequestIcon.svg","cjs":"/cjs/SupportRequestIcon.js","esm":"/esm/SupportRequestIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file +{"icons":[{"name":"AcceptIcon","svg":"/svg/AcceptIcon.svg","cjs":"/cjs/AcceptIcon.js","esm":"/esm/AcceptIcon.js"},{"name":"AddListIcon","svg":"/svg/AddListIcon.svg","cjs":"/cjs/AddListIcon.js","esm":"/esm/AddListIcon.js"},{"name":"AddSeriesIcon","svg":"/svg/AddSeriesIcon.svg","cjs":"/cjs/AddSeriesIcon.js","esm":"/esm/AddSeriesIcon.js"},{"name":"AgentIcon","svg":"/svg/AgentIcon.svg","cjs":"/cjs/AgentIcon.js","esm":"/esm/AgentIcon.js"},{"name":"AlignLeftIcon","svg":"/svg/AlignLeftIcon.svg","cjs":"/cjs/AlignLeftIcon.js","esm":"/esm/AlignLeftIcon.js"},{"name":"AlignRightIcon","svg":"/svg/AlignRightIcon.svg","cjs":"/cjs/AlignRightIcon.js","esm":"/esm/AlignRightIcon.js"},{"name":"AlignVerticalCenterIcon","svg":"/svg/AlignVerticalCenterIcon.svg","cjs":"/cjs/AlignVerticalCenterIcon.js","esm":"/esm/AlignVerticalCenterIcon.js"},{"name":"ArchiveIcon","svg":"/svg/ArchiveIcon.svg","cjs":"/cjs/ArchiveIcon.js","esm":"/esm/ArchiveIcon.js"},{"name":"ArrowBackIcon","svg":"/svg/ArrowBackIcon.svg","cjs":"/cjs/ArrowBackIcon.js","esm":"/esm/ArrowBackIcon.js"},{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg","cjs":"/cjs/ArrowDownIcon.js","esm":"/esm/ArrowDownIcon.js"},{"name":"ArrowForwardIcon","svg":"/svg/ArrowForwardIcon.svg","cjs":"/cjs/ArrowForwardIcon.js","esm":"/esm/ArrowForwardIcon.js"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg","cjs":"/cjs/ArrowUpIcon.js","esm":"/esm/ArrowUpIcon.js"},{"name":"ArtificialIntelligenceIcon","svg":"/svg/ArtificialIntelligenceIcon.svg","cjs":"/cjs/ArtificialIntelligenceIcon.js","esm":"/esm/ArtificialIntelligenceIcon.js"},{"name":"AttachIcon","svg":"/svg/AttachIcon.svg","cjs":"/cjs/AttachIcon.js","esm":"/esm/AttachIcon.js"},{"name":"AttachmentIcon","svg":"/svg/AttachmentIcon.svg","cjs":"/cjs/AttachmentIcon.js","esm":"/esm/AttachmentIcon.js"},{"name":"AuthenticationIcon","svg":"/svg/AuthenticationIcon.svg","cjs":"/cjs/AuthenticationIcon.js","esm":"/esm/AuthenticationIcon.js"},{"name":"AutomaticUpdatesIcon","svg":"/svg/AutomaticUpdatesIcon.svg","cjs":"/cjs/AutomaticUpdatesIcon.js","esm":"/esm/AutomaticUpdatesIcon.js"},{"name":"AvailableIcon","svg":"/svg/AvailableIcon.svg","cjs":"/cjs/AvailableIcon.js","esm":"/esm/AvailableIcon.js"},{"name":"BlockquoteIcon","svg":"/svg/BlockquoteIcon.svg","cjs":"/cjs/BlockquoteIcon.js","esm":"/esm/BlockquoteIcon.js"},{"name":"BoldIcon","svg":"/svg/BoldIcon.svg","cjs":"/cjs/BoldIcon.js","esm":"/esm/BoldIcon.js"},{"name":"BuildIcon","svg":"/svg/BuildIcon.svg","cjs":"/cjs/BuildIcon.js","esm":"/esm/BuildIcon.js"},{"name":"BuiltInIcon","svg":"/svg/BuiltInIcon.svg","cjs":"/cjs/BuiltInIcon.js","esm":"/esm/BuiltInIcon.js"},{"name":"BusinessIcon","svg":"/svg/BusinessIcon.svg","cjs":"/cjs/BusinessIcon.js","esm":"/esm/BusinessIcon.js"},{"name":"ButtonIcon","svg":"/svg/ButtonIcon.svg","cjs":"/cjs/ButtonIcon.js","esm":"/esm/ButtonIcon.js"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg","cjs":"/cjs/CalendarIcon.js","esm":"/esm/CalendarIcon.js"},{"name":"CallActiveIcon","svg":"/svg/CallActiveIcon.svg","cjs":"/cjs/CallActiveIcon.js","esm":"/esm/CallActiveIcon.js"},{"name":"CallAddIcon","svg":"/svg/CallAddIcon.svg","cjs":"/cjs/CallAddIcon.js","esm":"/esm/CallAddIcon.js"},{"name":"CallFailedIcon","svg":"/svg/CallFailedIcon.svg","cjs":"/cjs/CallFailedIcon.js","esm":"/esm/CallFailedIcon.js"},{"name":"CallHoldIcon","svg":"/svg/CallHoldIcon.svg","cjs":"/cjs/CallHoldIcon.js","esm":"/esm/CallHoldIcon.js"},{"name":"CallIcon","svg":"/svg/CallIcon.svg","cjs":"/cjs/CallIcon.js","esm":"/esm/CallIcon.js"},{"name":"CallIncomingIcon","svg":"/svg/CallIncomingIcon.svg","cjs":"/cjs/CallIncomingIcon.js","esm":"/esm/CallIncomingIcon.js"},{"name":"CallOutgoingIcon","svg":"/svg/CallOutgoingIcon.svg","cjs":"/cjs/CallOutgoingIcon.js","esm":"/esm/CallOutgoingIcon.js"},{"name":"CallTransferIcon","svg":"/svg/CallTransferIcon.svg","cjs":"/cjs/CallTransferIcon.js","esm":"/esm/CallTransferIcon.js"},{"name":"CartIcon","svg":"/svg/CartIcon.svg","cjs":"/cjs/CartIcon.js","esm":"/esm/CartIcon.js"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg","cjs":"/cjs/ChatIcon.js","esm":"/esm/ChatIcon.js"},{"name":"CheckboxCheckIcon","svg":"/svg/CheckboxCheckIcon.svg","cjs":"/cjs/CheckboxCheckIcon.js","esm":"/esm/CheckboxCheckIcon.js"},{"name":"CheckboxLineIcon","svg":"/svg/CheckboxLineIcon.svg","cjs":"/cjs/CheckboxLineIcon.js","esm":"/esm/CheckboxLineIcon.js"},{"name":"ChevronDisclosureIcon","svg":"/svg/ChevronDisclosureIcon.svg","cjs":"/cjs/ChevronDisclosureIcon.js","esm":"/esm/ChevronDisclosureIcon.js"},{"name":"ChevronDoubleLeftIcon","svg":"/svg/ChevronDoubleLeftIcon.svg","cjs":"/cjs/ChevronDoubleLeftIcon.js","esm":"/esm/ChevronDoubleLeftIcon.js"},{"name":"ChevronDoubleRightIcon","svg":"/svg/ChevronDoubleRightIcon.svg","cjs":"/cjs/ChevronDoubleRightIcon.js","esm":"/esm/ChevronDoubleRightIcon.js"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg","cjs":"/cjs/ChevronDownIcon.js","esm":"/esm/ChevronDownIcon.js"},{"name":"ChevronExpandIcon","svg":"/svg/ChevronExpandIcon.svg","cjs":"/cjs/ChevronExpandIcon.js","esm":"/esm/ChevronExpandIcon.js"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg","cjs":"/cjs/ChevronLeftIcon.js","esm":"/esm/ChevronLeftIcon.js"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg","cjs":"/cjs/ChevronRightIcon.js","esm":"/esm/ChevronRightIcon.js"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg","cjs":"/cjs/ChevronUpIcon.js","esm":"/esm/ChevronUpIcon.js"},{"name":"ClearIcon","svg":"/svg/ClearIcon.svg","cjs":"/cjs/ClearIcon.js","esm":"/esm/ClearIcon.js"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg","cjs":"/cjs/CloseIcon.js","esm":"/esm/CloseIcon.js"},{"name":"CloudIcon","svg":"/svg/CloudIcon.svg","cjs":"/cjs/CloudIcon.js","esm":"/esm/CloudIcon.js"},{"name":"CodeIcon","svg":"/svg/CodeIcon.svg","cjs":"/cjs/CodeIcon.js","esm":"/esm/CodeIcon.js"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg","cjs":"/cjs/CollapseIcon.js","esm":"/esm/CollapseIcon.js"},{"name":"ColorPickerIcon","svg":"/svg/ColorPickerIcon.svg","cjs":"/cjs/ColorPickerIcon.js","esm":"/esm/ColorPickerIcon.js"},{"name":"ColumnIcon","svg":"/svg/ColumnIcon.svg","cjs":"/cjs/ColumnIcon.js","esm":"/esm/ColumnIcon.js"},{"name":"CommunityIcon","svg":"/svg/CommunityIcon.svg","cjs":"/cjs/CommunityIcon.js","esm":"/esm/CommunityIcon.js"},{"name":"ConnectivityAvailableIcon","svg":"/svg/ConnectivityAvailableIcon.svg","cjs":"/cjs/ConnectivityAvailableIcon.js","esm":"/esm/ConnectivityAvailableIcon.js"},{"name":"ConnectivityBusyIcon","svg":"/svg/ConnectivityBusyIcon.svg","cjs":"/cjs/ConnectivityBusyIcon.js","esm":"/esm/ConnectivityBusyIcon.js"},{"name":"ConnectivityNeutralIcon","svg":"/svg/ConnectivityNeutralIcon.svg","cjs":"/cjs/ConnectivityNeutralIcon.js","esm":"/esm/ConnectivityNeutralIcon.js"},{"name":"ConnectivityOfflineIcon","svg":"/svg/ConnectivityOfflineIcon.svg","cjs":"/cjs/ConnectivityOfflineIcon.js","esm":"/esm/ConnectivityOfflineIcon.js"},{"name":"ConnectivityUnavailableIcon","svg":"/svg/ConnectivityUnavailableIcon.svg","cjs":"/cjs/ConnectivityUnavailableIcon.js","esm":"/esm/ConnectivityUnavailableIcon.js"},{"name":"CopyIcon","svg":"/svg/CopyIcon.svg","cjs":"/cjs/CopyIcon.js","esm":"/esm/CopyIcon.js"},{"name":"CreditCardIcon","svg":"/svg/CreditCardIcon.svg","cjs":"/cjs/CreditCardIcon.js","esm":"/esm/CreditCardIcon.js"},{"name":"CustomIcon","svg":"/svg/CustomIcon.svg","cjs":"/cjs/CustomIcon.js","esm":"/esm/CustomIcon.js"},{"name":"CustomerCareIcon","svg":"/svg/CustomerCareIcon.svg","cjs":"/cjs/CustomerCareIcon.js","esm":"/esm/CustomerCareIcon.js"},{"name":"DarkModeIcon","svg":"/svg/DarkModeIcon.svg","cjs":"/cjs/DarkModeIcon.js","esm":"/esm/DarkModeIcon.js"},{"name":"DataArrayIcon","svg":"/svg/DataArrayIcon.svg","cjs":"/cjs/DataArrayIcon.js","esm":"/esm/DataArrayIcon.js"},{"name":"DataBarChartIcon","svg":"/svg/DataBarChartIcon.svg","cjs":"/cjs/DataBarChartIcon.js","esm":"/esm/DataBarChartIcon.js"},{"name":"DataBooleanIcon","svg":"/svg/DataBooleanIcon.svg","cjs":"/cjs/DataBooleanIcon.js","esm":"/esm/DataBooleanIcon.js"},{"name":"DataLineChartIcon","svg":"/svg/DataLineChartIcon.svg","cjs":"/cjs/DataLineChartIcon.js","esm":"/esm/DataLineChartIcon.js"},{"name":"DataNumberIcon","svg":"/svg/DataNumberIcon.svg","cjs":"/cjs/DataNumberIcon.js","esm":"/esm/DataNumberIcon.js"},{"name":"DataObjectIcon","svg":"/svg/DataObjectIcon.svg","cjs":"/cjs/DataObjectIcon.js","esm":"/esm/DataObjectIcon.js"},{"name":"DataPieChartIcon","svg":"/svg/DataPieChartIcon.svg","cjs":"/cjs/DataPieChartIcon.js","esm":"/esm/DataPieChartIcon.js"},{"name":"DataStringIcon","svg":"/svg/DataStringIcon.svg","cjs":"/cjs/DataStringIcon.js","esm":"/esm/DataStringIcon.js"},{"name":"DataTableIcon","svg":"/svg/DataTableIcon.svg","cjs":"/cjs/DataTableIcon.js","esm":"/esm/DataTableIcon.js"},{"name":"DatabaseIcon","svg":"/svg/DatabaseIcon.svg","cjs":"/cjs/DatabaseIcon.js","esm":"/esm/DatabaseIcon.js"},{"name":"DeleteIcon","svg":"/svg/DeleteIcon.svg","cjs":"/cjs/DeleteIcon.js","esm":"/esm/DeleteIcon.js"},{"name":"DeliveredIcon","svg":"/svg/DeliveredIcon.svg","cjs":"/cjs/DeliveredIcon.js","esm":"/esm/DeliveredIcon.js"},{"name":"DialpadIcon","svg":"/svg/DialpadIcon.svg","cjs":"/cjs/DialpadIcon.js","esm":"/esm/DialpadIcon.js"},{"name":"DirectoryIcon","svg":"/svg/DirectoryIcon.svg","cjs":"/cjs/DirectoryIcon.js","esm":"/esm/DirectoryIcon.js"},{"name":"DisableIcon","svg":"/svg/DisableIcon.svg","cjs":"/cjs/DisableIcon.js","esm":"/esm/DisableIcon.js"},{"name":"DividerIcon","svg":"/svg/DividerIcon.svg","cjs":"/cjs/DividerIcon.js","esm":"/esm/DividerIcon.js"},{"name":"DoNotIcon","svg":"/svg/DoNotIcon.svg","cjs":"/cjs/DoNotIcon.js","esm":"/esm/DoNotIcon.js"},{"name":"DocumentationIcon","svg":"/svg/DocumentationIcon.svg","cjs":"/cjs/DocumentationIcon.js","esm":"/esm/DocumentationIcon.js"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg","cjs":"/cjs/DownloadIcon.js","esm":"/esm/DownloadIcon.js"},{"name":"DragHorizontalIcon","svg":"/svg/DragHorizontalIcon.svg","cjs":"/cjs/DragHorizontalIcon.js","esm":"/esm/DragHorizontalIcon.js"},{"name":"DragIcon","svg":"/svg/DragIcon.svg","cjs":"/cjs/DragIcon.js","esm":"/esm/DragIcon.js"},{"name":"DragVerticalIcon","svg":"/svg/DragVerticalIcon.svg","cjs":"/cjs/DragVerticalIcon.js","esm":"/esm/DragVerticalIcon.js"},{"name":"EditIcon","svg":"/svg/EditIcon.svg","cjs":"/cjs/EditIcon.js","esm":"/esm/EditIcon.js"},{"name":"ElasticSIPTrunkingCapableIcon","svg":"/svg/ElasticSIPTrunkingCapableIcon.svg","cjs":"/cjs/ElasticSIPTrunkingCapableIcon.js","esm":"/esm/ElasticSIPTrunkingCapableIcon.js"},{"name":"EmailIcon","svg":"/svg/EmailIcon.svg","cjs":"/cjs/EmailIcon.js","esm":"/esm/EmailIcon.js"},{"name":"EmojiIcon","svg":"/svg/EmojiIcon.svg","cjs":"/cjs/EmojiIcon.js","esm":"/esm/EmojiIcon.js"},{"name":"ErrorIcon","svg":"/svg/ErrorIcon.svg","cjs":"/cjs/ErrorIcon.js","esm":"/esm/ErrorIcon.js"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg","cjs":"/cjs/ExpandIcon.js","esm":"/esm/ExpandIcon.js"},{"name":"ExportIcon","svg":"/svg/ExportIcon.svg","cjs":"/cjs/ExportIcon.js","esm":"/esm/ExportIcon.js"},{"name":"FaxCapableIcon","svg":"/svg/FaxCapableIcon.svg","cjs":"/cjs/FaxCapableIcon.js","esm":"/esm/FaxCapableIcon.js"},{"name":"FeedIcon","svg":"/svg/FeedIcon.svg","cjs":"/cjs/FeedIcon.js","esm":"/esm/FeedIcon.js"},{"name":"FileAudioIcon","svg":"/svg/FileAudioIcon.svg","cjs":"/cjs/FileAudioIcon.js","esm":"/esm/FileAudioIcon.js"},{"name":"FileIcon","svg":"/svg/FileIcon.svg","cjs":"/cjs/FileIcon.js","esm":"/esm/FileIcon.js"},{"name":"FileImageIcon","svg":"/svg/FileImageIcon.svg","cjs":"/cjs/FileImageIcon.js","esm":"/esm/FileImageIcon.js"},{"name":"FileVideoIcon","svg":"/svg/FileVideoIcon.svg","cjs":"/cjs/FileVideoIcon.js","esm":"/esm/FileVideoIcon.js"},{"name":"FileZipIcon","svg":"/svg/FileZipIcon.svg","cjs":"/cjs/FileZipIcon.js","esm":"/esm/FileZipIcon.js"},{"name":"FilterIcon","svg":"/svg/FilterIcon.svg","cjs":"/cjs/FilterIcon.js","esm":"/esm/FilterIcon.js"},{"name":"FlagIcon","svg":"/svg/FlagIcon.svg","cjs":"/cjs/FlagIcon.js","esm":"/esm/FlagIcon.js"},{"name":"FolderIcon","svg":"/svg/FolderIcon.svg","cjs":"/cjs/FolderIcon.js","esm":"/esm/FolderIcon.js"},{"name":"GitIcon","svg":"/svg/GitIcon.svg","cjs":"/cjs/GitIcon.js","esm":"/esm/GitIcon.js"},{"name":"HeatmapIcon","svg":"/svg/HeatmapIcon.svg","cjs":"/cjs/HeatmapIcon.js","esm":"/esm/HeatmapIcon.js"},{"name":"HideIcon","svg":"/svg/HideIcon.svg","cjs":"/cjs/HideIcon.js","esm":"/esm/HideIcon.js"},{"name":"HistoryIcon","svg":"/svg/HistoryIcon.svg","cjs":"/cjs/HistoryIcon.js","esm":"/esm/HistoryIcon.js"},{"name":"ImageTextIcon","svg":"/svg/ImageTextIcon.svg","cjs":"/cjs/ImageTextIcon.js","esm":"/esm/ImageTextIcon.js"},{"name":"InboxIcon","svg":"/svg/InboxIcon.svg","cjs":"/cjs/InboxIcon.js","esm":"/esm/InboxIcon.js"},{"name":"IndentDecreaseIcon","svg":"/svg/IndentDecreaseIcon.svg","cjs":"/cjs/IndentDecreaseIcon.js","esm":"/esm/IndentDecreaseIcon.js"},{"name":"IndentIncreaseIcon","svg":"/svg/IndentIncreaseIcon.svg","cjs":"/cjs/IndentIncreaseIcon.js","esm":"/esm/IndentIncreaseIcon.js"},{"name":"InformationIcon","svg":"/svg/InformationIcon.svg","cjs":"/cjs/InformationIcon.js","esm":"/esm/InformationIcon.js"},{"name":"ItalicIcon","svg":"/svg/ItalicIcon.svg","cjs":"/cjs/ItalicIcon.js","esm":"/esm/ItalicIcon.js"},{"name":"LightModeIcon","svg":"/svg/LightModeIcon.svg","cjs":"/cjs/LightModeIcon.js","esm":"/esm/LightModeIcon.js"},{"name":"LinkExternalIcon","svg":"/svg/LinkExternalIcon.svg","cjs":"/cjs/LinkExternalIcon.js","esm":"/esm/LinkExternalIcon.js"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg","cjs":"/cjs/LinkIcon.js","esm":"/esm/LinkIcon.js"},{"name":"LoadingIcon","svg":"/svg/LoadingIcon.svg","cjs":"/cjs/LoadingIcon.js","esm":"/esm/LoadingIcon.js"},{"name":"LockIcon","svg":"/svg/LockIcon.svg","cjs":"/cjs/LockIcon.js","esm":"/esm/LockIcon.js"},{"name":"LogInIcon","svg":"/svg/LogInIcon.svg","cjs":"/cjs/LogInIcon.js","esm":"/esm/LogInIcon.js"},{"name":"LogOutIcon","svg":"/svg/LogOutIcon.svg","cjs":"/cjs/LogOutIcon.js","esm":"/esm/LogOutIcon.js"},{"name":"LogoPasteIcon","svg":"/svg/LogoPasteIcon.svg","cjs":"/cjs/LogoPasteIcon.js","esm":"/esm/LogoPasteIcon.js"},{"name":"LogoTwilioIcon","svg":"/svg/LogoTwilioIcon.svg","cjs":"/cjs/LogoTwilioIcon.js","esm":"/esm/LogoTwilioIcon.js"},{"name":"LowerHandIcon","svg":"/svg/LowerHandIcon.svg","cjs":"/cjs/LowerHandIcon.js","esm":"/esm/LowerHandIcon.js"},{"name":"MMSCapableIcon","svg":"/svg/MMSCapableIcon.svg","cjs":"/cjs/MMSCapableIcon.js","esm":"/esm/MMSCapableIcon.js"},{"name":"MenuIcon","svg":"/svg/MenuIcon.svg","cjs":"/cjs/MenuIcon.js","esm":"/esm/MenuIcon.js"},{"name":"MicrophoneOffIcon","svg":"/svg/MicrophoneOffIcon.svg","cjs":"/cjs/MicrophoneOffIcon.js","esm":"/esm/MicrophoneOffIcon.js"},{"name":"MicrophoneOnIcon","svg":"/svg/MicrophoneOnIcon.svg","cjs":"/cjs/MicrophoneOnIcon.js","esm":"/esm/MicrophoneOnIcon.js"},{"name":"MinusIcon","svg":"/svg/MinusIcon.svg","cjs":"/cjs/MinusIcon.js","esm":"/esm/MinusIcon.js"},{"name":"MobileIcon","svg":"/svg/MobileIcon.svg","cjs":"/cjs/MobileIcon.js","esm":"/esm/MobileIcon.js"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg","cjs":"/cjs/MoreIcon.js","esm":"/esm/MoreIcon.js"},{"name":"NeutralIcon","svg":"/svg/NeutralIcon.svg","cjs":"/cjs/NeutralIcon.js","esm":"/esm/NeutralIcon.js"},{"name":"NewIcon","svg":"/svg/NewIcon.svg","cjs":"/cjs/NewIcon.js","esm":"/esm/NewIcon.js"},{"name":"NotesIcon","svg":"/svg/NotesIcon.svg","cjs":"/cjs/NotesIcon.js","esm":"/esm/NotesIcon.js"},{"name":"NotificationIcon","svg":"/svg/NotificationIcon.svg","cjs":"/cjs/NotificationIcon.js","esm":"/esm/NotificationIcon.js"},{"name":"NotificationOrnamentIcon","svg":"/svg/NotificationOrnamentIcon.svg","cjs":"/cjs/NotificationOrnamentIcon.js","esm":"/esm/NotificationOrnamentIcon.js"},{"name":"OrderedListIcon","svg":"/svg/OrderedListIcon.svg","cjs":"/cjs/OrderedListIcon.js","esm":"/esm/OrderedListIcon.js"},{"name":"OutOfDateIcon","svg":"/svg/OutOfDateIcon.svg","cjs":"/cjs/OutOfDateIcon.js","esm":"/esm/OutOfDateIcon.js"},{"name":"PauseIcon","svg":"/svg/PauseIcon.svg","cjs":"/cjs/PauseIcon.js","esm":"/esm/PauseIcon.js"},{"name":"PaymentIcon","svg":"/svg/PaymentIcon.svg","cjs":"/cjs/PaymentIcon.js","esm":"/esm/PaymentIcon.js"},{"name":"PinIcon","svg":"/svg/PinIcon.svg","cjs":"/cjs/PinIcon.js","esm":"/esm/PinIcon.js"},{"name":"PlayIcon","svg":"/svg/PlayIcon.svg","cjs":"/cjs/PlayIcon.js","esm":"/esm/PlayIcon.js"},{"name":"PlusIcon","svg":"/svg/PlusIcon.svg","cjs":"/cjs/PlusIcon.js","esm":"/esm/PlusIcon.js"},{"name":"ProcessDisabledIcon","svg":"/svg/ProcessDisabledIcon.svg","cjs":"/cjs/ProcessDisabledIcon.js","esm":"/esm/ProcessDisabledIcon.js"},{"name":"ProcessDraftIcon","svg":"/svg/ProcessDraftIcon.svg","cjs":"/cjs/ProcessDraftIcon.js","esm":"/esm/ProcessDraftIcon.js"},{"name":"ProcessErrorIcon","svg":"/svg/ProcessErrorIcon.svg","cjs":"/cjs/ProcessErrorIcon.js","esm":"/esm/ProcessErrorIcon.js"},{"name":"ProcessInProgressIcon","svg":"/svg/ProcessInProgressIcon.svg","cjs":"/cjs/ProcessInProgressIcon.js","esm":"/esm/ProcessInProgressIcon.js"},{"name":"ProcessNeutralIcon","svg":"/svg/ProcessNeutralIcon.svg","cjs":"/cjs/ProcessNeutralIcon.js","esm":"/esm/ProcessNeutralIcon.js"},{"name":"ProcessSuccessIcon","svg":"/svg/ProcessSuccessIcon.svg","cjs":"/cjs/ProcessSuccessIcon.js","esm":"/esm/ProcessSuccessIcon.js"},{"name":"ProcessWarningIcon","svg":"/svg/ProcessWarningIcon.svg","cjs":"/cjs/ProcessWarningIcon.js","esm":"/esm/ProcessWarningIcon.js"},{"name":"ProductAIAssistantsIcon","svg":"/svg/ProductAIAssistantsIcon.svg","cjs":"/cjs/ProductAIAssistantsIcon.js","esm":"/esm/ProductAIAssistantsIcon.js"},{"name":"ProductAPIExplorerIcon","svg":"/svg/ProductAPIExplorerIcon.svg","cjs":"/cjs/ProductAPIExplorerIcon.js","esm":"/esm/ProductAPIExplorerIcon.js"},{"name":"ProductAccountDashboardIcon","svg":"/svg/ProductAccountDashboardIcon.svg","cjs":"/cjs/ProductAccountDashboardIcon.js","esm":"/esm/ProductAccountDashboardIcon.js"},{"name":"ProductAddOnsIcon","svg":"/svg/ProductAddOnsIcon.svg","cjs":"/cjs/ProductAddOnsIcon.js","esm":"/esm/ProductAddOnsIcon.js"},{"name":"ProductAdminAccessControlIcon","svg":"/svg/ProductAdminAccessControlIcon.svg","cjs":"/cjs/ProductAdminAccessControlIcon.js","esm":"/esm/ProductAdminAccessControlIcon.js"},{"name":"ProductAdminAccountsIcon","svg":"/svg/ProductAdminAccountsIcon.svg","cjs":"/cjs/ProductAdminAccountsIcon.js","esm":"/esm/ProductAdminAccountsIcon.js"},{"name":"ProductAdminDomainsIcon","svg":"/svg/ProductAdminDomainsIcon.svg","cjs":"/cjs/ProductAdminDomainsIcon.js","esm":"/esm/ProductAdminDomainsIcon.js"},{"name":"ProductAdminResoldCustomersIcon","svg":"/svg/ProductAdminResoldCustomersIcon.svg","cjs":"/cjs/ProductAdminResoldCustomersIcon.js","esm":"/esm/ProductAdminResoldCustomersIcon.js"},{"name":"ProductAdminSSOIcon","svg":"/svg/ProductAdminSSOIcon.svg","cjs":"/cjs/ProductAdminSSOIcon.js","esm":"/esm/ProductAdminSSOIcon.js"},{"name":"ProductAdminUsersIcon","svg":"/svg/ProductAdminUsersIcon.svg","cjs":"/cjs/ProductAdminUsersIcon.js","esm":"/esm/ProductAdminUsersIcon.js"},{"name":"ProductAlarmsIcon","svg":"/svg/ProductAlarmsIcon.svg","cjs":"/cjs/ProductAlarmsIcon.js","esm":"/esm/ProductAlarmsIcon.js"},{"name":"ProductAssetsIcon","svg":"/svg/ProductAssetsIcon.svg","cjs":"/cjs/ProductAssetsIcon.js","esm":"/esm/ProductAssetsIcon.js"},{"name":"ProductAudiencesIcon","svg":"/svg/ProductAudiencesIcon.svg","cjs":"/cjs/ProductAudiencesIcon.js","esm":"/esm/ProductAudiencesIcon.js"},{"name":"ProductAuthyIcon","svg":"/svg/ProductAuthyIcon.svg","cjs":"/cjs/ProductAuthyIcon.js","esm":"/esm/ProductAuthyIcon.js"},{"name":"ProductAutopilotIcon","svg":"/svg/ProductAutopilotIcon.svg","cjs":"/cjs/ProductAutopilotIcon.js","esm":"/esm/ProductAutopilotIcon.js"},{"name":"ProductBillingIcon","svg":"/svg/ProductBillingIcon.svg","cjs":"/cjs/ProductBillingIcon.js","esm":"/esm/ProductBillingIcon.js"},{"name":"ProductCLIIcon","svg":"/svg/ProductCLIIcon.svg","cjs":"/cjs/ProductCLIIcon.js","esm":"/esm/ProductCLIIcon.js"},{"name":"ProductChannelsIcon","svg":"/svg/ProductChannelsIcon.svg","cjs":"/cjs/ProductChannelsIcon.js","esm":"/esm/ProductChannelsIcon.js"},{"name":"ProductChatIcon","svg":"/svg/ProductChatIcon.svg","cjs":"/cjs/ProductChatIcon.js","esm":"/esm/ProductChatIcon.js"},{"name":"ProductCodeExchangeCommunityIcon","svg":"/svg/ProductCodeExchangeCommunityIcon.svg","cjs":"/cjs/ProductCodeExchangeCommunityIcon.js","esm":"/esm/ProductCodeExchangeCommunityIcon.js"},{"name":"ProductCodeExchangePartnerIcon","svg":"/svg/ProductCodeExchangePartnerIcon.svg","cjs":"/cjs/ProductCodeExchangePartnerIcon.js","esm":"/esm/ProductCodeExchangePartnerIcon.js"},{"name":"ProductCommsIcon","svg":"/svg/ProductCommsIcon.svg","cjs":"/cjs/ProductCommsIcon.js","esm":"/esm/ProductCommsIcon.js"},{"name":"ProductConnectedDevicesIcon","svg":"/svg/ProductConnectedDevicesIcon.svg","cjs":"/cjs/ProductConnectedDevicesIcon.js","esm":"/esm/ProductConnectedDevicesIcon.js"},{"name":"ProductConnectionsIcon","svg":"/svg/ProductConnectionsIcon.svg","cjs":"/cjs/ProductConnectionsIcon.js","esm":"/esm/ProductConnectionsIcon.js"},{"name":"ProductContactCenterAdminIcon","svg":"/svg/ProductContactCenterAdminIcon.svg","cjs":"/cjs/ProductContactCenterAdminIcon.js","esm":"/esm/ProductContactCenterAdminIcon.js"},{"name":"ProductContactCenterAssessmentsIcon","svg":"/svg/ProductContactCenterAssessmentsIcon.svg","cjs":"/cjs/ProductContactCenterAssessmentsIcon.js","esm":"/esm/ProductContactCenterAssessmentsIcon.js"},{"name":"ProductContactCenterQueuesIcon","svg":"/svg/ProductContactCenterQueuesIcon.svg","cjs":"/cjs/ProductContactCenterQueuesIcon.js","esm":"/esm/ProductContactCenterQueuesIcon.js"},{"name":"ProductContactCenterTasksIcon","svg":"/svg/ProductContactCenterTasksIcon.svg","cjs":"/cjs/ProductContactCenterTasksIcon.js","esm":"/esm/ProductContactCenterTasksIcon.js"},{"name":"ProductContactCenterTeamsIcon","svg":"/svg/ProductContactCenterTeamsIcon.svg","cjs":"/cjs/ProductContactCenterTeamsIcon.js","esm":"/esm/ProductContactCenterTeamsIcon.js"},{"name":"ProductConversationalInsightsIcon","svg":"/svg/ProductConversationalInsightsIcon.svg","cjs":"/cjs/ProductConversationalInsightsIcon.js","esm":"/esm/ProductConversationalInsightsIcon.js"},{"name":"ProductConversationsIcon","svg":"/svg/ProductConversationsIcon.svg","cjs":"/cjs/ProductConversationsIcon.js","esm":"/esm/ProductConversationsIcon.js"},{"name":"ProductDebuggerIcon","svg":"/svg/ProductDebuggerIcon.svg","cjs":"/cjs/ProductDebuggerIcon.js","esm":"/esm/ProductDebuggerIcon.js"},{"name":"ProductDestinationsIcon","svg":"/svg/ProductDestinationsIcon.svg","cjs":"/cjs/ProductDestinationsIcon.js","esm":"/esm/ProductDestinationsIcon.js"},{"name":"ProductElasticSIPTrunkingIcon","svg":"/svg/ProductElasticSIPTrunkingIcon.svg","cjs":"/cjs/ProductElasticSIPTrunkingIcon.js","esm":"/esm/ProductElasticSIPTrunkingIcon.js"},{"name":"ProductEmailAPIIcon","svg":"/svg/ProductEmailAPIIcon.svg","cjs":"/cjs/ProductEmailAPIIcon.js","esm":"/esm/ProductEmailAPIIcon.js"},{"name":"ProductEngageIcon","svg":"/svg/ProductEngageIcon.svg","cjs":"/cjs/ProductEngageIcon.js","esm":"/esm/ProductEngageIcon.js"},{"name":"ProductEventLibraryIcon","svg":"/svg/ProductEventLibraryIcon.svg","cjs":"/cjs/ProductEventLibraryIcon.js","esm":"/esm/ProductEventLibraryIcon.js"},{"name":"ProductEventStreamIcon","svg":"/svg/ProductEventStreamIcon.svg","cjs":"/cjs/ProductEventStreamIcon.js","esm":"/esm/ProductEventStreamIcon.js"},{"name":"ProductEventStreamsIcon","svg":"/svg/ProductEventStreamsIcon.svg","cjs":"/cjs/ProductEventStreamsIcon.js","esm":"/esm/ProductEventStreamsIcon.js"},{"name":"ProductFaxIcon","svg":"/svg/ProductFaxIcon.svg","cjs":"/cjs/ProductFaxIcon.js","esm":"/esm/ProductFaxIcon.js"},{"name":"ProductFlexIcon","svg":"/svg/ProductFlexIcon.svg","cjs":"/cjs/ProductFlexIcon.js","esm":"/esm/ProductFlexIcon.js"},{"name":"ProductFlowIcon","svg":"/svg/ProductFlowIcon.svg","cjs":"/cjs/ProductFlowIcon.js","esm":"/esm/ProductFlowIcon.js"},{"name":"ProductFrontlineIcon","svg":"/svg/ProductFrontlineIcon.svg","cjs":"/cjs/ProductFrontlineIcon.js","esm":"/esm/ProductFrontlineIcon.js"},{"name":"ProductFunctionsIcon","svg":"/svg/ProductFunctionsIcon.svg","cjs":"/cjs/ProductFunctionsIcon.js","esm":"/esm/ProductFunctionsIcon.js"},{"name":"ProductHomeIcon","svg":"/svg/ProductHomeIcon.svg","cjs":"/cjs/ProductHomeIcon.js","esm":"/esm/ProductHomeIcon.js"},{"name":"ProductInsightsIcon","svg":"/svg/ProductInsightsIcon.svg","cjs":"/cjs/ProductInsightsIcon.js","esm":"/esm/ProductInsightsIcon.js"},{"name":"ProductInterconnectIcon","svg":"/svg/ProductInterconnectIcon.svg","cjs":"/cjs/ProductInterconnectIcon.js","esm":"/esm/ProductInterconnectIcon.js"},{"name":"ProductInternetOfThingsEmbeddedSIMIcon","svg":"/svg/ProductInternetOfThingsEmbeddedSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js","esm":"/esm/ProductInternetOfThingsEmbeddedSIMIcon.js"},{"name":"ProductInternetOfThingsIcon","svg":"/svg/ProductInternetOfThingsIcon.svg","cjs":"/cjs/ProductInternetOfThingsIcon.js","esm":"/esm/ProductInternetOfThingsIcon.js"},{"name":"ProductInternetOfThingsNarrowbandIcon","svg":"/svg/ProductInternetOfThingsNarrowbandIcon.svg","cjs":"/cjs/ProductInternetOfThingsNarrowbandIcon.js","esm":"/esm/ProductInternetOfThingsNarrowbandIcon.js"},{"name":"ProductInternetOfThingsProgrammableAssetTrackerIcon","svg":"/svg/ProductInternetOfThingsProgrammableAssetTrackerIcon.svg","cjs":"/cjs/ProductInternetOfThingsProgrammableAssetTrackerIcon.js","esm":"/esm/ProductInternetOfThingsProgrammableAssetTrackerIcon.js"},{"name":"ProductInternetOfThingsSuperSIMIcon","svg":"/svg/ProductInternetOfThingsSuperSIMIcon.svg","cjs":"/cjs/ProductInternetOfThingsSuperSIMIcon.js","esm":"/esm/ProductInternetOfThingsSuperSIMIcon.js"},{"name":"ProductInternetOfThingsTrustOnboardIcon","svg":"/svg/ProductInternetOfThingsTrustOnboardIcon.svg","cjs":"/cjs/ProductInternetOfThingsTrustOnboardIcon.js","esm":"/esm/ProductInternetOfThingsTrustOnboardIcon.js"},{"name":"ProductInternetOfThingsWirelessIcon","svg":"/svg/ProductInternetOfThingsWirelessIcon.svg","cjs":"/cjs/ProductInternetOfThingsWirelessIcon.js","esm":"/esm/ProductInternetOfThingsWirelessIcon.js"},{"name":"ProductJourneysIcon","svg":"/svg/ProductJourneysIcon.svg","cjs":"/cjs/ProductJourneysIcon.js","esm":"/esm/ProductJourneysIcon.js"},{"name":"ProductKeysIcon","svg":"/svg/ProductKeysIcon.svg","cjs":"/cjs/ProductKeysIcon.js","esm":"/esm/ProductKeysIcon.js"},{"name":"ProductLiveIcon","svg":"/svg/ProductLiveIcon.svg","cjs":"/cjs/ProductLiveIcon.js","esm":"/esm/ProductLiveIcon.js"},{"name":"ProductLogsIcon","svg":"/svg/ProductLogsIcon.svg","cjs":"/cjs/ProductLogsIcon.js","esm":"/esm/ProductLogsIcon.js"},{"name":"ProductLookupIcon","svg":"/svg/ProductLookupIcon.svg","cjs":"/cjs/ProductLookupIcon.js","esm":"/esm/ProductLookupIcon.js"},{"name":"ProductMappingIcon","svg":"/svg/ProductMappingIcon.svg","cjs":"/cjs/ProductMappingIcon.js","esm":"/esm/ProductMappingIcon.js"},{"name":"ProductMarketingCampaignsIcon","svg":"/svg/ProductMarketingCampaignsIcon.svg","cjs":"/cjs/ProductMarketingCampaignsIcon.js","esm":"/esm/ProductMarketingCampaignsIcon.js"},{"name":"ProductMessagingIcon","svg":"/svg/ProductMessagingIcon.svg","cjs":"/cjs/ProductMessagingIcon.js","esm":"/esm/ProductMessagingIcon.js"},{"name":"ProductMicrovisorIcon","svg":"/svg/ProductMicrovisorIcon.svg","cjs":"/cjs/ProductMicrovisorIcon.js","esm":"/esm/ProductMicrovisorIcon.js"},{"name":"ProductNotifyIcon","svg":"/svg/ProductNotifyIcon.svg","cjs":"/cjs/ProductNotifyIcon.js","esm":"/esm/ProductNotifyIcon.js"},{"name":"ProductOneAdminIcon","svg":"/svg/ProductOneAdminIcon.svg","cjs":"/cjs/ProductOneAdminIcon.js","esm":"/esm/ProductOneAdminIcon.js"},{"name":"ProductPayConnectorIcon","svg":"/svg/ProductPayConnectorIcon.svg","cjs":"/cjs/ProductPayConnectorIcon.js","esm":"/esm/ProductPayConnectorIcon.js"},{"name":"ProductPhoneNumbersIcon","svg":"/svg/ProductPhoneNumbersIcon.svg","cjs":"/cjs/ProductPhoneNumbersIcon.js","esm":"/esm/ProductPhoneNumbersIcon.js"},{"name":"ProductPrivacyIcon","svg":"/svg/ProductPrivacyIcon.svg","cjs":"/cjs/ProductPrivacyIcon.js","esm":"/esm/ProductPrivacyIcon.js"},{"name":"ProductProtocolsIcon","svg":"/svg/ProductProtocolsIcon.svg","cjs":"/cjs/ProductProtocolsIcon.js","esm":"/esm/ProductProtocolsIcon.js"},{"name":"ProductProxyIcon","svg":"/svg/ProductProxyIcon.svg","cjs":"/cjs/ProductProxyIcon.js","esm":"/esm/ProductProxyIcon.js"},{"name":"ProductRegionalIcon","svg":"/svg/ProductRegionalIcon.svg","cjs":"/cjs/ProductRegionalIcon.js","esm":"/esm/ProductRegionalIcon.js"},{"name":"ProductReverseETLIcon","svg":"/svg/ProductReverseETLIcon.svg","cjs":"/cjs/ProductReverseETLIcon.js","esm":"/esm/ProductReverseETLIcon.js"},{"name":"ProductSDKIcon","svg":"/svg/ProductSDKIcon.svg","cjs":"/cjs/ProductSDKIcon.js","esm":"/esm/ProductSDKIcon.js"},{"name":"ProductSegmentIcon","svg":"/svg/ProductSegmentIcon.svg","cjs":"/cjs/ProductSegmentIcon.js","esm":"/esm/ProductSegmentIcon.js"},{"name":"ProductSendGridIcon","svg":"/svg/ProductSendGridIcon.svg","cjs":"/cjs/ProductSendGridIcon.js","esm":"/esm/ProductSendGridIcon.js"},{"name":"ProductSettingsIcon","svg":"/svg/ProductSettingsIcon.svg","cjs":"/cjs/ProductSettingsIcon.js","esm":"/esm/ProductSettingsIcon.js"},{"name":"ProductSourceSchemaIcon","svg":"/svg/ProductSourceSchemaIcon.svg","cjs":"/cjs/ProductSourceSchemaIcon.js","esm":"/esm/ProductSourceSchemaIcon.js"},{"name":"ProductSourcesIcon","svg":"/svg/ProductSourcesIcon.svg","cjs":"/cjs/ProductSourcesIcon.js","esm":"/esm/ProductSourcesIcon.js"},{"name":"ProductStudioIcon","svg":"/svg/ProductStudioIcon.svg","cjs":"/cjs/ProductStudioIcon.js","esm":"/esm/ProductStudioIcon.js"},{"name":"ProductSupportIcon","svg":"/svg/ProductSupportIcon.svg","cjs":"/cjs/ProductSupportIcon.js","esm":"/esm/ProductSupportIcon.js"},{"name":"ProductSwitcherIcon","svg":"/svg/ProductSwitcherIcon.svg","cjs":"/cjs/ProductSwitcherIcon.js","esm":"/esm/ProductSwitcherIcon.js"},{"name":"ProductSyncIcon","svg":"/svg/ProductSyncIcon.svg","cjs":"/cjs/ProductSyncIcon.js","esm":"/esm/ProductSyncIcon.js"},{"name":"ProductTaskRouterIcon","svg":"/svg/ProductTaskRouterIcon.svg","cjs":"/cjs/ProductTaskRouterIcon.js","esm":"/esm/ProductTaskRouterIcon.js"},{"name":"ProductTraitsIcon","svg":"/svg/ProductTraitsIcon.svg","cjs":"/cjs/ProductTraitsIcon.js","esm":"/esm/ProductTraitsIcon.js"},{"name":"ProductTrustHubIcon","svg":"/svg/ProductTrustHubIcon.svg","cjs":"/cjs/ProductTrustHubIcon.js","esm":"/esm/ProductTrustHubIcon.js"},{"name":"ProductTwiMLBinsIcon","svg":"/svg/ProductTwiMLBinsIcon.svg","cjs":"/cjs/ProductTwiMLBinsIcon.js","esm":"/esm/ProductTwiMLBinsIcon.js"},{"name":"ProductTwilioOrgIcon","svg":"/svg/ProductTwilioOrgIcon.svg","cjs":"/cjs/ProductTwilioOrgIcon.js","esm":"/esm/ProductTwilioOrgIcon.js"},{"name":"ProductUSSDIcon","svg":"/svg/ProductUSSDIcon.svg","cjs":"/cjs/ProductUSSDIcon.js","esm":"/esm/ProductUSSDIcon.js"},{"name":"ProductUnifiedProfilesIcon","svg":"/svg/ProductUnifiedProfilesIcon.svg","cjs":"/cjs/ProductUnifiedProfilesIcon.js","esm":"/esm/ProductUnifiedProfilesIcon.js"},{"name":"ProductUnifyIcon","svg":"/svg/ProductUnifyIcon.svg","cjs":"/cjs/ProductUnifyIcon.js","esm":"/esm/ProductUnifyIcon.js"},{"name":"ProductUsageIcon","svg":"/svg/ProductUsageIcon.svg","cjs":"/cjs/ProductUsageIcon.js","esm":"/esm/ProductUsageIcon.js"},{"name":"ProductVerifyIcon","svg":"/svg/ProductVerifyIcon.svg","cjs":"/cjs/ProductVerifyIcon.js","esm":"/esm/ProductVerifyIcon.js"},{"name":"ProductVideoIcon","svg":"/svg/ProductVideoIcon.svg","cjs":"/cjs/ProductVideoIcon.js","esm":"/esm/ProductVideoIcon.js"},{"name":"ProductVoiceIcon","svg":"/svg/ProductVoiceIcon.svg","cjs":"/cjs/ProductVoiceIcon.js","esm":"/esm/ProductVoiceIcon.js"},{"name":"ProductVoiceIntelligenceIcon","svg":"/svg/ProductVoiceIntelligenceIcon.svg","cjs":"/cjs/ProductVoiceIntelligenceIcon.js","esm":"/esm/ProductVoiceIntelligenceIcon.js"},{"name":"RCSCapableIcon","svg":"/svg/RCSCapableIcon.svg","cjs":"/cjs/RCSCapableIcon.js","esm":"/esm/RCSCapableIcon.js"},{"name":"RaiseHandIcon","svg":"/svg/RaiseHandIcon.svg","cjs":"/cjs/RaiseHandIcon.js","esm":"/esm/RaiseHandIcon.js"},{"name":"RecordIcon","svg":"/svg/RecordIcon.svg","cjs":"/cjs/RecordIcon.js","esm":"/esm/RecordIcon.js"},{"name":"RedoIcon","svg":"/svg/RedoIcon.svg","cjs":"/cjs/RedoIcon.js","esm":"/esm/RedoIcon.js"},{"name":"RefreshIcon","svg":"/svg/RefreshIcon.svg","cjs":"/cjs/RefreshIcon.js","esm":"/esm/RefreshIcon.js"},{"name":"RepeatIcon","svg":"/svg/RepeatIcon.svg","cjs":"/cjs/RepeatIcon.js","esm":"/esm/RepeatIcon.js"},{"name":"RepeatPurchaseIcon","svg":"/svg/RepeatPurchaseIcon.svg","cjs":"/cjs/RepeatPurchaseIcon.js","esm":"/esm/RepeatPurchaseIcon.js"},{"name":"ResetIcon","svg":"/svg/ResetIcon.svg","cjs":"/cjs/ResetIcon.js","esm":"/esm/ResetIcon.js"},{"name":"SMSCapableIcon","svg":"/svg/SMSCapableIcon.svg","cjs":"/cjs/SMSCapableIcon.js","esm":"/esm/SMSCapableIcon.js"},{"name":"SMSIcon","svg":"/svg/SMSIcon.svg","cjs":"/cjs/SMSIcon.js","esm":"/esm/SMSIcon.js"},{"name":"ScreenShareIcon","svg":"/svg/ScreenShareIcon.svg","cjs":"/cjs/ScreenShareIcon.js","esm":"/esm/ScreenShareIcon.js"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg","cjs":"/cjs/SearchIcon.js","esm":"/esm/SearchIcon.js"},{"name":"SelectIcon","svg":"/svg/SelectIcon.svg","cjs":"/cjs/SelectIcon.js","esm":"/esm/SelectIcon.js"},{"name":"SelectedIcon","svg":"/svg/SelectedIcon.svg","cjs":"/cjs/SelectedIcon.js","esm":"/esm/SelectedIcon.js"},{"name":"SendIcon","svg":"/svg/SendIcon.svg","cjs":"/cjs/SendIcon.js","esm":"/esm/SendIcon.js"},{"name":"SentIcon","svg":"/svg/SentIcon.svg","cjs":"/cjs/SentIcon.js","esm":"/esm/SentIcon.js"},{"name":"SentimentNegativeIcon","svg":"/svg/SentimentNegativeIcon.svg","cjs":"/cjs/SentimentNegativeIcon.js","esm":"/esm/SentimentNegativeIcon.js"},{"name":"SentimentNeutralIcon","svg":"/svg/SentimentNeutralIcon.svg","cjs":"/cjs/SentimentNeutralIcon.js","esm":"/esm/SentimentNeutralIcon.js"},{"name":"SentimentPositiveIcon","svg":"/svg/SentimentPositiveIcon.svg","cjs":"/cjs/SentimentPositiveIcon.js","esm":"/esm/SentimentPositiveIcon.js"},{"name":"ShareIcon","svg":"/svg/ShareIcon.svg","cjs":"/cjs/ShareIcon.js","esm":"/esm/ShareIcon.js"},{"name":"ShowIcon","svg":"/svg/ShowIcon.svg","cjs":"/cjs/ShowIcon.js","esm":"/esm/ShowIcon.js"},{"name":"ShrinkIcon","svg":"/svg/ShrinkIcon.svg","cjs":"/cjs/ShrinkIcon.js","esm":"/esm/ShrinkIcon.js"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg","cjs":"/cjs/SkipBackIcon.js","esm":"/esm/SkipBackIcon.js"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg","cjs":"/cjs/SkipForwardIcon.js","esm":"/esm/SkipForwardIcon.js"},{"name":"SocialIcon","svg":"/svg/SocialIcon.svg","cjs":"/cjs/SocialIcon.js","esm":"/esm/SocialIcon.js"},{"name":"SortAlphabeticalIcon","svg":"/svg/SortAlphabeticalIcon.svg","cjs":"/cjs/SortAlphabeticalIcon.js","esm":"/esm/SortAlphabeticalIcon.js"},{"name":"SpacerVerticalIcon","svg":"/svg/SpacerVerticalIcon.svg","cjs":"/cjs/SpacerVerticalIcon.js","esm":"/esm/SpacerVerticalIcon.js"},{"name":"StarIcon","svg":"/svg/StarIcon.svg","cjs":"/cjs/StarIcon.js","esm":"/esm/StarIcon.js"},{"name":"StopIcon","svg":"/svg/StopIcon.svg","cjs":"/cjs/StopIcon.js","esm":"/esm/StopIcon.js"},{"name":"StopScreenShareIcon","svg":"/svg/StopScreenShareIcon.svg","cjs":"/cjs/StopScreenShareIcon.js","esm":"/esm/StopScreenShareIcon.js"},{"name":"StoreIcon","svg":"/svg/StoreIcon.svg","cjs":"/cjs/StoreIcon.js","esm":"/esm/StoreIcon.js"},{"name":"StrikethroughIcon","svg":"/svg/StrikethroughIcon.svg","cjs":"/cjs/StrikethroughIcon.js","esm":"/esm/StrikethroughIcon.js"},{"name":"SubscriptIcon","svg":"/svg/SubscriptIcon.svg","cjs":"/cjs/SubscriptIcon.js","esm":"/esm/SubscriptIcon.js"},{"name":"SuccessIcon","svg":"/svg/SuccessIcon.svg","cjs":"/cjs/SuccessIcon.js","esm":"/esm/SuccessIcon.js"},{"name":"SuperscriptIcon","svg":"/svg/SuperscriptIcon.svg","cjs":"/cjs/SuperscriptIcon.js","esm":"/esm/SuperscriptIcon.js"},{"name":"SupportIcon","svg":"/svg/SupportIcon.svg","cjs":"/cjs/SupportIcon.js","esm":"/esm/SupportIcon.js"},{"name":"SupportRequestIcon","svg":"/svg/SupportRequestIcon.svg","cjs":"/cjs/SupportRequestIcon.js","esm":"/esm/SupportRequestIcon.js"},{"name":"SystemStatusIcon","svg":"/svg/SystemStatusIcon.svg","cjs":"/cjs/SystemStatusIcon.js","esm":"/esm/SystemStatusIcon.js"},{"name":"TaskIcon","svg":"/svg/TaskIcon.svg","cjs":"/cjs/TaskIcon.js","esm":"/esm/TaskIcon.js"},{"name":"TemplateMessageIcon","svg":"/svg/TemplateMessageIcon.svg","cjs":"/cjs/TemplateMessageIcon.js","esm":"/esm/TemplateMessageIcon.js"},{"name":"TextAlignCenterIcon","svg":"/svg/TextAlignCenterIcon.svg","cjs":"/cjs/TextAlignCenterIcon.js","esm":"/esm/TextAlignCenterIcon.js"},{"name":"TextAlignJustifyIcon","svg":"/svg/TextAlignJustifyIcon.svg","cjs":"/cjs/TextAlignJustifyIcon.js","esm":"/esm/TextAlignJustifyIcon.js"},{"name":"TextAlignLeftIcon","svg":"/svg/TextAlignLeftIcon.svg","cjs":"/cjs/TextAlignLeftIcon.js","esm":"/esm/TextAlignLeftIcon.js"},{"name":"TextAlignRightIcon","svg":"/svg/TextAlignRightIcon.svg","cjs":"/cjs/TextAlignRightIcon.js","esm":"/esm/TextAlignRightIcon.js"},{"name":"TextFormatClearIcon","svg":"/svg/TextFormatClearIcon.svg","cjs":"/cjs/TextFormatClearIcon.js","esm":"/esm/TextFormatClearIcon.js"},{"name":"TextFormatIcon","svg":"/svg/TextFormatIcon.svg","cjs":"/cjs/TextFormatIcon.js","esm":"/esm/TextFormatIcon.js"},{"name":"TextHighlightIcon","svg":"/svg/TextHighlightIcon.svg","cjs":"/cjs/TextHighlightIcon.js","esm":"/esm/TextHighlightIcon.js"},{"name":"ThemeIcon","svg":"/svg/ThemeIcon.svg","cjs":"/cjs/ThemeIcon.js","esm":"/esm/ThemeIcon.js"},{"name":"ThumbsDownIcon","svg":"/svg/ThumbsDownIcon.svg","cjs":"/cjs/ThumbsDownIcon.js","esm":"/esm/ThumbsDownIcon.js"},{"name":"ThumbsUpIcon","svg":"/svg/ThumbsUpIcon.svg","cjs":"/cjs/ThumbsUpIcon.js","esm":"/esm/ThumbsUpIcon.js"},{"name":"TimeIcon","svg":"/svg/TimeIcon.svg","cjs":"/cjs/TimeIcon.js","esm":"/esm/TimeIcon.js"},{"name":"TipIcon","svg":"/svg/TipIcon.svg","cjs":"/cjs/TipIcon.js","esm":"/esm/TipIcon.js"},{"name":"TokenIcon","svg":"/svg/TokenIcon.svg","cjs":"/cjs/TokenIcon.js","esm":"/esm/TokenIcon.js"},{"name":"TourIcon","svg":"/svg/TourIcon.svg","cjs":"/cjs/TourIcon.js","esm":"/esm/TourIcon.js"},{"name":"TransferIcon","svg":"/svg/TransferIcon.svg","cjs":"/cjs/TransferIcon.js","esm":"/esm/TransferIcon.js"},{"name":"TranslationIcon","svg":"/svg/TranslationIcon.svg","cjs":"/cjs/TranslationIcon.js","esm":"/esm/TranslationIcon.js"},{"name":"TrendDownIcon","svg":"/svg/TrendDownIcon.svg","cjs":"/cjs/TrendDownIcon.js","esm":"/esm/TrendDownIcon.js"},{"name":"TrendUpIcon","svg":"/svg/TrendUpIcon.svg","cjs":"/cjs/TrendUpIcon.js","esm":"/esm/TrendUpIcon.js"},{"name":"TriggerIcon","svg":"/svg/TriggerIcon.svg","cjs":"/cjs/TriggerIcon.js","esm":"/esm/TriggerIcon.js"},{"name":"UnarchiveIcon","svg":"/svg/UnarchiveIcon.svg","cjs":"/cjs/UnarchiveIcon.js","esm":"/esm/UnarchiveIcon.js"},{"name":"UnderlineIcon","svg":"/svg/UnderlineIcon.svg","cjs":"/cjs/UnderlineIcon.js","esm":"/esm/UnderlineIcon.js"},{"name":"UndoIcon","svg":"/svg/UndoIcon.svg","cjs":"/cjs/UndoIcon.js","esm":"/esm/UndoIcon.js"},{"name":"UnlockIcon","svg":"/svg/UnlockIcon.svg","cjs":"/cjs/UnlockIcon.js","esm":"/esm/UnlockIcon.js"},{"name":"UnorderedListIcon","svg":"/svg/UnorderedListIcon.svg","cjs":"/cjs/UnorderedListIcon.js","esm":"/esm/UnorderedListIcon.js"},{"name":"UnpinIcon","svg":"/svg/UnpinIcon.svg","cjs":"/cjs/UnpinIcon.js","esm":"/esm/UnpinIcon.js"},{"name":"UnsortedIcon","svg":"/svg/UnsortedIcon.svg","cjs":"/cjs/UnsortedIcon.js","esm":"/esm/UnsortedIcon.js"},{"name":"UnstarIcon","svg":"/svg/UnstarIcon.svg","cjs":"/cjs/UnstarIcon.js","esm":"/esm/UnstarIcon.js"},{"name":"UnsubscribeIcon","svg":"/svg/UnsubscribeIcon.svg","cjs":"/cjs/UnsubscribeIcon.js","esm":"/esm/UnsubscribeIcon.js"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg","cjs":"/cjs/UploadIcon.js","esm":"/esm/UploadIcon.js"},{"name":"UploadToCloudIcon","svg":"/svg/UploadToCloudIcon.svg","cjs":"/cjs/UploadToCloudIcon.js","esm":"/esm/UploadToCloudIcon.js"},{"name":"UpsellIcon","svg":"/svg/UpsellIcon.svg","cjs":"/cjs/UpsellIcon.js","esm":"/esm/UpsellIcon.js"},{"name":"UserIcon","svg":"/svg/UserIcon.svg","cjs":"/cjs/UserIcon.js","esm":"/esm/UserIcon.js"},{"name":"UsersIcon","svg":"/svg/UsersIcon.svg","cjs":"/cjs/UsersIcon.js","esm":"/esm/UsersIcon.js"},{"name":"VideoOffIcon","svg":"/svg/VideoOffIcon.svg","cjs":"/cjs/VideoOffIcon.js","esm":"/esm/VideoOffIcon.js"},{"name":"VideoOnIcon","svg":"/svg/VideoOnIcon.svg","cjs":"/cjs/VideoOnIcon.js","esm":"/esm/VideoOnIcon.js"},{"name":"VoiceCapableIcon","svg":"/svg/VoiceCapableIcon.svg","cjs":"/cjs/VoiceCapableIcon.js","esm":"/esm/VoiceCapableIcon.js"},{"name":"VoicemailIcon","svg":"/svg/VoicemailIcon.svg","cjs":"/cjs/VoicemailIcon.js","esm":"/esm/VoicemailIcon.js"},{"name":"VolumeOffIcon","svg":"/svg/VolumeOffIcon.svg","cjs":"/cjs/VolumeOffIcon.js","esm":"/esm/VolumeOffIcon.js"},{"name":"VolumeOnIcon","svg":"/svg/VolumeOnIcon.svg","cjs":"/cjs/VolumeOnIcon.js","esm":"/esm/VolumeOnIcon.js"},{"name":"WarningIcon","svg":"/svg/WarningIcon.svg","cjs":"/cjs/WarningIcon.js","esm":"/esm/WarningIcon.js"},{"name":"WebCapableIcon","svg":"/svg/WebCapableIcon.svg","cjs":"/cjs/WebCapableIcon.js","esm":"/esm/WebCapableIcon.js"},{"name":"WinbackIcon","svg":"/svg/WinbackIcon.svg","cjs":"/cjs/WinbackIcon.js","esm":"/esm/WinbackIcon.js"},{"name":"ZoomInIcon","svg":"/svg/ZoomInIcon.svg","cjs":"/cjs/ZoomInIcon.js","esm":"/esm/ZoomInIcon.js"}],"deprecatedIcons":[{"name":"CheckmarkCircleIcon","svg":"/svg/CheckmarkCircleIcon.svg","cjs":"/cjs/CheckmarkCircleIcon.js","esm":"/esm/CheckmarkCircleIcon.js"},{"name":"ChevronDisclosureCollapsedIcon","svg":"/svg/ChevronDisclosureCollapsedIcon.svg","cjs":"/cjs/ChevronDisclosureCollapsedIcon.js","esm":"/esm/ChevronDisclosureCollapsedIcon.js"},{"name":"ChevronDisclosureExpandedIcon","svg":"/svg/ChevronDisclosureExpandedIcon.svg","cjs":"/cjs/ChevronDisclosureExpandedIcon.js","esm":"/esm/ChevronDisclosureExpandedIcon.js"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg","cjs":"/cjs/CloseCircleIcon.js","esm":"/esm/CloseCircleIcon.js"},{"name":"ProductEngagementIntelligencePlatformIcon","svg":"/svg/ProductEngagementIntelligencePlatformIcon.svg","cjs":"/cjs/ProductEngagementIntelligencePlatformIcon.js","esm":"/esm/ProductEngagementIntelligencePlatformIcon.js"},{"name":"ProductPersonasIcon","svg":"/svg/ProductPersonasIcon.svg","cjs":"/cjs/ProductPersonasIcon.js","esm":"/esm/ProductPersonasIcon.js"}]} \ No newline at end of file diff --git a/packages/paste-icons/src/BlockquoteIcon.tsx b/packages/paste-icons/src/BlockquoteIcon.tsx new file mode 100644 index 0000000000..d4a483ba5a --- /dev/null +++ b/packages/paste-icons/src/BlockquoteIcon.tsx @@ -0,0 +1,48 @@ +/** + * This file was automatically generated with @twilio-labs/svg-to-react + */ +import * as React from 'react'; +import {useUID} from '@twilio-paste/uid-library'; + +import {IconWrapper} from './helpers/IconWrapper'; +import type {IconWrapperProps} from './helpers/IconWrapper'; + +export interface BlockquoteIconProps extends IconWrapperProps { + title?: string; + decorative: boolean; +} + +const BlockquoteIcon = React.forwardRef( + ({as, display, element = 'ICON', size, color, title, decorative}, ref) => { + const titleId = `BlockquoteIcon-${useUID()}`; + + if (!decorative && title == null) { + throw new Error('[BlockquoteIcon]: Missing a title for non-decorative icon.'); + } + + return ( + + + {title ? {title} : null} + + + + ); + } +); + +BlockquoteIcon.displayName = 'BlockquoteIcon'; +export {BlockquoteIcon}; diff --git a/packages/paste-icons/svg/Blockquote.svg b/packages/paste-icons/svg/Blockquote.svg new file mode 100644 index 0000000000..5bb33709bb --- /dev/null +++ b/packages/paste-icons/svg/Blockquote.svg @@ -0,0 +1 @@ + \ No newline at end of file From f4a7024ded5275fd847a1f01adc6efaa55400d64 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 19:49:29 +0530 Subject: [PATCH 02/12] feat(blockquote): add component --- .codesandbox/ci.json | 1 + .../paste-codemods/tools/.cache/mappings.json | 3 + .../components/blockquote/CHANGELOG.md | 1 + .../__tests__/customization.spec.tsx | 213 + .../blockquote/__tests__/index.spec.tsx | 225 + .../paste-core/components/blockquote/build.js | 3 + .../components/blockquote/package.json | 75 + .../components/blockquote/src/Blockquote.tsx | 47 + .../blockquote/src/BlockquoteContent.tsx | 30 + .../blockquote/src/BlockquoteContext.tsx | 6 + .../blockquote/src/BlockquoteSource.tsx | 64 + .../components/blockquote/src/index.tsx | 6 + .../blockquote/stories/index.stories.tsx | 47 + .../components/blockquote/tsconfig.json | 8 + .../components/blockquote/type-docs.json | 4778 +++++++++++++++++ .../callout/stories/customization.stories.tsx | 82 - packages/paste-core/core-bundle/.gitignore | 1 + packages/paste-core/core-bundle/package.json | 1 + .../paste-core/core-bundle/src/blockquote.tsx | 1 + packages/paste-core/core-bundle/src/index.tsx | 1 + .../primitives/box/src/CustomStyleProps.ts | 1 + .../paste-core/primitives/box/src/types.ts | 11 +- .../paste-core/primitives/box/type-docs.json | 7 + .../primitives/sibling-box/type-docs.json | 7 + yarn.lock | 53 + 25 files changed, 5588 insertions(+), 84 deletions(-) create mode 100644 packages/paste-core/components/blockquote/CHANGELOG.md create mode 100644 packages/paste-core/components/blockquote/__tests__/customization.spec.tsx create mode 100644 packages/paste-core/components/blockquote/__tests__/index.spec.tsx create mode 100644 packages/paste-core/components/blockquote/build.js create mode 100644 packages/paste-core/components/blockquote/package.json create mode 100644 packages/paste-core/components/blockquote/src/Blockquote.tsx create mode 100644 packages/paste-core/components/blockquote/src/BlockquoteContent.tsx create mode 100644 packages/paste-core/components/blockquote/src/BlockquoteContext.tsx create mode 100644 packages/paste-core/components/blockquote/src/BlockquoteSource.tsx create mode 100644 packages/paste-core/components/blockquote/src/index.tsx create mode 100644 packages/paste-core/components/blockquote/stories/index.stories.tsx create mode 100644 packages/paste-core/components/blockquote/tsconfig.json create mode 100644 packages/paste-core/components/blockquote/type-docs.json delete mode 100644 packages/paste-core/components/callout/stories/customization.stories.tsx create mode 100644 packages/paste-core/core-bundle/src/blockquote.tsx diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json index 1687ecbd94..ecdb022b58 100644 --- a/.codesandbox/ci.json +++ b/.codesandbox/ci.json @@ -14,6 +14,7 @@ "/packages/paste-core/components/avatar", "/packages/paste-core/components/badge", "/packages/paste-core/components/base-radio-checkbox", + "/packages/paste-core/components/blockquote", "/packages/paste-core/primitives/box", "/packages/paste-core/components/breadcrumb", "/packages/paste-core/components/button", diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index 55aedee05e..cd83a3805f 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -33,6 +33,9 @@ "BaseRadioCheckboxHelpText": "@twilio-paste/core/base-radio-checkbox", "BaseRadioCheckboxLabel": "@twilio-paste/core/base-radio-checkbox", "BaseRadioCheckboxLabelText": "@twilio-paste/core/base-radio-checkbox", + "Blockquote": "@twilio-paste/core/blockquote", + "BlockquoteContent": "@twilio-paste/core/blockquote", + "BlockquoteSource": "@twilio-paste/core/blockquote", "Breadcrumb": "@twilio-paste/core/breadcrumb", "BreadcrumbItem": "@twilio-paste/core/breadcrumb", "Button": "@twilio-paste/core/button", diff --git a/packages/paste-core/components/blockquote/CHANGELOG.md b/packages/paste-core/components/blockquote/CHANGELOG.md new file mode 100644 index 0000000000..b37663f19a --- /dev/null +++ b/packages/paste-core/components/blockquote/CHANGELOG.md @@ -0,0 +1 @@ +` diff --git a/packages/paste-core/components/blockquote/__tests__/customization.spec.tsx b/packages/paste-core/components/blockquote/__tests__/customization.spec.tsx new file mode 100644 index 0000000000..76ab6ee8e5 --- /dev/null +++ b/packages/paste-core/components/blockquote/__tests__/customization.spec.tsx @@ -0,0 +1,213 @@ +import { render, screen } from "@testing-library/react"; +import { CustomizationProvider } from "@twilio-paste/customization"; +import * as React from "react"; + +import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from "../src"; + +const CustomizationWrapper: React.FC = ({ children }) => ( + + {children} + +); + +const MyCustomizationWrapper: React.FC = ({ children }) => ( + + {children} + +); + +describe("Customization", () => { + it("should set a default element data attribute", () => { + render( + + Neutral callout + Take a look at this list: + + Item one + + , + ); + + const callout = screen.getByTestId("callout"); + const heading = screen.getByRole("heading", { name: "Neutral callout" }); + const text = screen.getByTestId("callout-text"); + const list = screen.getByRole("list"); + const listItem = screen.getByRole("listitem"); + + expect(callout.getAttribute("data-paste-element")).toEqual("CALLOUT"); + expect(heading.getAttribute("data-paste-element")).toEqual("CALLOUT_HEADING"); + expect(text.getAttribute("data-paste-element")).toEqual("CALLOUT_TEXT"); + expect(list.getAttribute("data-paste-element")).toEqual("CALLOUT_LIST"); + expect(listItem.getAttribute("data-paste-element")).toEqual("CALLOUT_LIST_ITEM"); + }); + + it("should set a custom element data attribute", () => { + render( + + + Neutral callout + + + Take a look at this list: + + + Item one + + , + ); + + const callout = screen.getByTestId("callout"); + const heading = screen.getByRole("heading", { name: "Neutral callout" }); + const text = screen.getByTestId("callout-text"); + const list = screen.getByRole("list"); + const listItem = screen.getByRole("listitem"); + + expect(callout.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT"); + expect(heading.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_HEADING"); + expect(text.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_TEXT"); + expect(list.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_LIST"); + expect(listItem.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_LIST_ITEM"); + }); + + it("should add custom styles to the components", () => { + render( + <> + + Neutral callout + Take a look at this list: + + Item one + + + + This is a warning callout + + , + { wrapper: CustomizationWrapper }, + ); + + const neutralCallout = screen.getByTestId("neutral-callout"); + const warningCallout = screen.getByTestId("neutral-callout"); + const heading = screen.getByRole("heading", { name: "Neutral callout" }); + const text = screen.getByTestId("callout-text"); + const list = screen.getByRole("list"); + const listItem = screen.getByRole("listitem"); + + expect(neutralCallout).toHaveStyleRule("padding", "0.75rem"); + expect(neutralCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); + expect(warningCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); + expect(heading).toHaveStyleRule("font-size", "1.125rem"); + expect(text).toHaveStyleRule("font-size", "0.875rem"); + expect(list).toHaveStyleRule("margin-left", "1rem"); + expect(listItem).toHaveStyleRule("font-size", "0.875rem"); + }); + + it("shoult add custom styles to the components with custom element names", () => { + render( + <> + + + Neutral callout + + + Take a look at this list: + + + Item one + + + + This is a warning callout + + , + { wrapper: MyCustomizationWrapper }, + ); + + const neutralCallout = screen.getByTestId("neutral-callout"); + const warningCallout = screen.getByTestId("neutral-callout"); + const heading = screen.getByRole("heading", { name: "Neutral callout" }); + const text = screen.getByTestId("callout-text"); + const list = screen.getByRole("list"); + const listItem = screen.getByRole("listitem"); + + expect(neutralCallout).toHaveStyleRule("padding", "0.75rem"); + expect(neutralCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); + expect(warningCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); + expect(heading).toHaveStyleRule("font-size", "1.125rem"); + expect(text).toHaveStyleRule("font-size", "0.875rem"); + expect(list).toHaveStyleRule("margin-left", "1rem"); + expect(listItem).toHaveStyleRule("font-size", "0.875rem"); + }); +}); diff --git a/packages/paste-core/components/blockquote/__tests__/index.spec.tsx b/packages/paste-core/components/blockquote/__tests__/index.spec.tsx new file mode 100644 index 0000000000..2bbb4ac4f8 --- /dev/null +++ b/packages/paste-core/components/blockquote/__tests__/index.spec.tsx @@ -0,0 +1,225 @@ +import { fireEvent, render, screen, waitFor } from "@testing-library/react"; +import * as React from "react"; + +import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from "../src"; + +describe("Callout", () => { + it("should render", () => { + render( + + This is some text. + , + ); + + const callout = screen.getByTestId("callout"); + expect(callout).not.toHaveStyleRule("margin-top"); + + const iconHiddenText = screen.getByText("(information)"); + expect(iconHiddenText).toBeDefined(); + + const text = screen.getByText("This is some text."); + expect(text.nodeName).toBe("P"); + }); +}); + +describe("CalloutHeading", () => { + it("should render an h2", () => { + render(Heads up!); + + const heading = screen.getByRole("heading"); + expect(heading.nodeName).toBe("H2"); + }); + + it("should render an h3", () => { + render(Heads up!); + + const heading = screen.getByRole("heading"); + expect(heading.nodeName).toBe("H3"); + }); +}); + +describe("CalloutList", () => { + it("should render an unordered list", () => { + render( + + Item one + , + ); + + const list = screen.getByRole("list"); + expect(list.nodeName).toBe("UL"); + + const listItem = screen.getByRole("listitem"); + expect(listItem).toBeDefined(); + }); + + it("should render an ordered list", () => { + render( + + Item one + , + ); + + const list = screen.getByRole("list"); + expect(list.nodeName).toBe("OL"); + + const listItem = screen.getByRole("listitem"); + expect(listItem).toBeDefined(); + }); +}); + +describe("i18n", () => { + it("should have default error variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(error)"); + }); + + it("should have default neutral variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(information)"); + }); + + it("should have default warning variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(warning)"); + }); + + it("should have default success variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(success)"); + }); + + it("should have default new variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(new)"); + }); + + it("should use the i18nLabel for error variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(erreur)"); + }); + + it("should use the i18nLabel for neutral variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(information)"); + }); + + it("should use the i18nLabel for warning variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(avertissement)"); + }); + + it("should use the i18nLabel for success variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(succès)"); + }); + + it("should use the i18nLabel for new variant icon text", () => { + render( + + This is a callout + , + ); + const callout = screen.getByTestId("callout-i18n"); + const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); + expect(icon?.textContent).toEqual("(nouveau)"); + }); +}); + +describe("Callout dismiss", () => { + it("should not render close button if no dismiss funciton passed", () => { + render( + + This is some text. + , + ); + + const callout = screen.getByTestId("callout"); + + const text = screen.getByText("This is some text."); + expect(text).toBeTruthy(); + + const dismissButton = callout.querySelector('[data-paste-element="CALLOUT_DISMISS_BUTTON"]'); + expect(dismissButton).toBeNull(); + }); + + it("should render close button if dismiss function passed", async () => { + const closeSpy = jest.fn(); + + render( + + This is some text. + , + ); + + const callout = screen.getByTestId("callout"); + + const text = screen.getByText("This is some text."); + expect(text).toBeTruthy(); + + const dismissButton = callout.querySelector('[data-paste-element="CALLOUT_DISMISS_BUTTON"]'); + expect(dismissButton).toBeTruthy(); + + expect(closeSpy).not.toHaveBeenCalled(); + + await waitFor(() => { + fireEvent.click(dismissButton as HTMLElement); + }); + + expect(closeSpy).toHaveBeenCalled(); + }); +}); diff --git a/packages/paste-core/components/blockquote/build.js b/packages/paste-core/components/blockquote/build.js new file mode 100644 index 0000000000..27dd98f98e --- /dev/null +++ b/packages/paste-core/components/blockquote/build.js @@ -0,0 +1,3 @@ +const { build } = require("../../../../tools/build/esbuild"); + +build(require("./package.json")); diff --git a/packages/paste-core/components/blockquote/package.json b/packages/paste-core/components/blockquote/package.json new file mode 100644 index 0000000000..b45ba29c39 --- /dev/null +++ b/packages/paste-core/components/blockquote/package.json @@ -0,0 +1,75 @@ +{ + "name": "@twilio-paste/blockquote", + "version": "0.0.0", + "category": "layout", + "status": "production", + "description": "A Blockquote is a stylized text wrapper for a quotation and source.", + "author": "Twilio Inc.", + "license": "MIT", + "main:dev": "src/index.tsx", + "main": "dist/index.js", + "module": "dist/index.es.js", + "types": "dist/index.d.ts", + "sideEffects": false, + "publishConfig": { + "access": "public" + }, + "files": [ + "dist" + ], + "scripts": { + "build": "yarn clean && NODE_ENV=production node build.js && tsc", + "build:js": "NODE_ENV=development node build.js", + "build:typedocs": "tsx ../../../../tools/build/generate-type-docs", + "clean": "rm -rf ./dist", + "tsc": "tsc" + }, + "peerDependencies": { + "@twilio-paste/anchor": "^12.0.0", + "@twilio-paste/animation-library": "^2.0.0", + "@twilio-paste/box": "^10.0.0", + "@twilio-paste/button": "^14.0.0", + "@twilio-paste/color-contrast-utils": "^5.0.0", + "@twilio-paste/customization": "^8.0.0", + "@twilio-paste/design-tokens": "^10.0.0", + "@twilio-paste/icons": "^12.0.0", + "@twilio-paste/screen-reader-only": "^13.0.0", + "@twilio-paste/spinner": "^14.0.0", + "@twilio-paste/stack": "^8.0.0", + "@twilio-paste/style-props": "^9.0.0", + "@twilio-paste/styling-library": "^3.0.0", + "@twilio-paste/text": "^10.0.0", + "@twilio-paste/theme": "^11.0.0", + "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + }, + "devDependencies": { + "@twilio-paste/anchor": "^12.0.0", + "@twilio-paste/animation-library": "^2.0.0", + "@twilio-paste/box": "^10.1.0", + "@twilio-paste/button": "^14.1.0", + "@twilio-paste/color-contrast-utils": "^5.0.0", + "@twilio-paste/customization": "^8.1.0", + "@twilio-paste/design-tokens": "^10.9.0", + "@twilio-paste/icons": "^12.2.0", + "@twilio-paste/screen-reader-only": "^13.1.0", + "@twilio-paste/spinner": "^14.0.0", + "@twilio-paste/stack": "^8.0.0", + "@twilio-paste/style-props": "^9.1.0", + "@twilio-paste/styling-library": "^3.0.0", + "@twilio-paste/text": "^10.1.0", + "@twilio-paste/theme": "^11.0.0", + "@twilio-paste/types": "^6.0.0", + "@twilio-paste/uid-library": "^2.0.0", + "@types/react": "^18.0.27", + "@types/react-dom": "^18.0.10", + "react": "^18.0.0", + "react-dom": "^18.0.0", + "tsx": "^4.0.0", + "typescript": "^4.9.4" + } +} diff --git a/packages/paste-core/components/blockquote/src/Blockquote.tsx b/packages/paste-core/components/blockquote/src/Blockquote.tsx new file mode 100644 index 0000000000..f61c4873cd --- /dev/null +++ b/packages/paste-core/components/blockquote/src/Blockquote.tsx @@ -0,0 +1,47 @@ +import { Box, type BoxProps } from "@twilio-paste/box"; +import { BlockquoteIcon } from "@twilio-paste/icons/esm/BlockquoteIcon"; +import type { HTMLPasteProps } from "@twilio-paste/types"; +import React from "react"; + +import { BlockquoteContext } from "./BlockquoteContext"; + +export interface BlockquoteProps extends HTMLPasteProps<"div"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default 'BLOCKQUOTE' + * @type {BoxProps['element']} + * @memberof BlockquoteProps + */ + element?: BoxProps["element"]; + /** + * The URL to the source of the quote + * @type {string} + * @memberof BlockquoteProps + */ + url?: string; +} + +export const Blockquote = React.forwardRef( + ({ children, element = "BLOCKQUOTE", url, ...props }, ref) => { + return ( + + + + {children} + + + ); + }, +); + +Blockquote.displayName = "Blockquote"; diff --git a/packages/paste-core/components/blockquote/src/BlockquoteContent.tsx b/packages/paste-core/components/blockquote/src/BlockquoteContent.tsx new file mode 100644 index 0000000000..bd643155a5 --- /dev/null +++ b/packages/paste-core/components/blockquote/src/BlockquoteContent.tsx @@ -0,0 +1,30 @@ +import { Box, type BoxProps, safelySpreadBoxProps } from "@twilio-paste/box"; +import type { HTMLPasteProps } from "@twilio-paste/types"; +import React from "react"; + +import { BlockquoteContext } from "./BlockquoteContext"; + +export interface BlockquoteContentProps extends HTMLPasteProps<"blockquote"> { + children?: React.ReactNode; + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default 'BLOCKQUOTE_CONTENT' + * @type {BoxProps['element']} + * @memberof BlockquoteContentProps + */ + element?: BoxProps["element"]; +} + +export const BlockquoteContent = React.forwardRef( + ({ children, element = "BLOCKQUOTE_CONTENT", ...props }, ref) => { + const { url } = React.useContext(BlockquoteContext); + + return ( + + {children} + + ); + }, +); + +BlockquoteContent.displayName = "BlockquoteContent"; diff --git a/packages/paste-core/components/blockquote/src/BlockquoteContext.tsx b/packages/paste-core/components/blockquote/src/BlockquoteContext.tsx new file mode 100644 index 0000000000..0351da718d --- /dev/null +++ b/packages/paste-core/components/blockquote/src/BlockquoteContext.tsx @@ -0,0 +1,6 @@ +import * as React from "react"; + +export interface BlockquoteContextProps { + url?: string; +} +export const BlockquoteContext = React.createContext({} as any); diff --git a/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx b/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx new file mode 100644 index 0000000000..7f0ca2498e --- /dev/null +++ b/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx @@ -0,0 +1,64 @@ +import { Anchor } from "@twilio-paste/anchor"; +import { Box, type BoxProps } from "@twilio-paste/box"; +import { Text } from "@twilio-paste/text"; +import type { HTMLPasteProps } from "@twilio-paste/types"; +import React from "react"; + +import { BlockquoteContext } from "./BlockquoteContext"; + +export interface BlockquoteSourceProps extends HTMLPasteProps<"div"> { + /** + * Overrides the default element name to apply unique styles with the Customization Provider + * @default 'BLOCKQUOTE_SOURCE' + * @type {BoxProps['element']} + * @memberof BlockquoteSourceProps + */ + element?: BoxProps["element"]; + + /** + * The author of the quote + * @type {string} + * @memberof BlockquoteSourceProps + */ + author: string; + + /** + * The source of the quote + * @type {string} + * @memberof BlockquoteSourceProps + */ + source?: string; +} + +export const BlockquoteSource = React.forwardRef( + ({ element = "BLOCKQUOTE_SOURCE", author, source, ...props }, ref) => { + const { url } = React.useContext(BlockquoteContext); + + return ( + + —{" "} + + {author} + + {source ? ( + <> + ,{" "} + + {url ? ( + + {source} + + ) : ( + + {source} + + )} + + + ) : null} + + ); + }, +); + +BlockquoteSource.displayName = "BlockquoteSource"; diff --git a/packages/paste-core/components/blockquote/src/index.tsx b/packages/paste-core/components/blockquote/src/index.tsx new file mode 100644 index 0000000000..41f925e683 --- /dev/null +++ b/packages/paste-core/components/blockquote/src/index.tsx @@ -0,0 +1,6 @@ +export { Blockquote } from "./Blockquote"; +export type { BlockquoteProps } from "./Blockquote"; +export { BlockquoteContent } from "./BlockquoteContent"; +export type { BlockquoteContentProps } from "./BlockquoteContent"; +export { BlockquoteSource } from "./BlockquoteSource"; +export type { BlockquoteSourceProps } from "./BlockquoteSource"; diff --git a/packages/paste-core/components/blockquote/stories/index.stories.tsx b/packages/paste-core/components/blockquote/stories/index.stories.tsx new file mode 100644 index 0000000000..65df41dd36 --- /dev/null +++ b/packages/paste-core/components/blockquote/stories/index.stories.tsx @@ -0,0 +1,47 @@ +import type { StoryFn } from "@storybook/react"; +import { Box } from "@twilio-paste/box"; +import * as React from "react"; + +import { Blockquote, BlockquoteContent, BlockquoteSource } from "../src"; + +// eslint-disable-next-line import/no-default-export +export default { + title: "Components/Blockquote", + component: Blockquote, +}; + +export const Default: StoryFn = () => ( + +
+ + With AI-driven products, the design process is no longer just about aesthetics. It’s about designing for the + human experience as a whole. + + +
+ +); + +export const WithoutUrl: StoryFn = () => ( + +
+ + With AI-driven products, the design process is no longer just about aesthetics. It’s about designing for the + human experience as a whole. + + +
+ +); + +export const WithoutSource: StoryFn = () => ( + +
+ + With AI-driven products, the design process is no longer just about aesthetics. It’s about designing for the + human experience as a whole. + + +
+ +); diff --git a/packages/paste-core/components/blockquote/tsconfig.json b/packages/paste-core/components/blockquote/tsconfig.json new file mode 100644 index 0000000000..5e8a3b17a2 --- /dev/null +++ b/packages/paste-core/components/blockquote/tsconfig.json @@ -0,0 +1,8 @@ +{ + "extends": "../../../../tsconfig.json", + "compilerOptions": { + "outDir": "dist/" + }, + "include": ["src/**/*"], + "exclude": ["node_modules"] +} diff --git a/packages/paste-core/components/blockquote/type-docs.json b/packages/paste-core/components/blockquote/type-docs.json new file mode 100644 index 0000000000..fd018cce09 --- /dev/null +++ b/packages/paste-core/components/blockquote/type-docs.json @@ -0,0 +1,4778 @@ +{ + "Blockquote": { + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'BLOCKQUOTE'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "url": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": false, + "description": "The URL to the source of the quote" + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + }, + "BlockquoteContent": { + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "cite": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'BLOCKQUOTE_CONTENT'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + }, + "BlockquoteSource": { + "author": { + "type": "string", + "defaultValue": null, + "required": true, + "externalProp": false, + "description": "The author of the quote" + }, + "about": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "accessKey": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "aria-activedescendant": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application." + }, + "aria-atomic": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." + }, + "aria-autocomplete": { + "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." + }, + "aria-busy": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + }, + "aria-checked": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets." + }, + "aria-colcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of columns in a table, grid, or treegrid." + }, + "aria-colindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." + }, + "aria-colspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-controls": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element." + }, + "aria-current": { + "type": "| boolean\n | \"time\"\n | \"true\"\n | \"false\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the element that represents the current item within a container or set of related elements." + }, + "aria-describedby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that describes the object." + }, + "aria-details": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides a detailed, extended description for the object." + }, + "aria-disabled": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable." + }, + "aria-dropeffect": { + "type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target." + }, + "aria-errormessage": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element that provides an error message for the object." + }, + "aria-expanded": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed." + }, + "aria-flowto": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order." + }, + "aria-grabbed": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation." + }, + "aria-haspopup": { + "type": "| boolean\n | \"dialog\"\n | \"menu\"\n | \"true\"\n | \"false\"\n | \"grid\"\n | \"listbox\"\n | \"tree\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element." + }, + "aria-hidden": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element is exposed to an accessibility API." + }, + "aria-invalid": { + "type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the entered value does not conform to the format expected by the application." + }, + "aria-keyshortcuts": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element." + }, + "aria-label": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element." + }, + "aria-labelledby": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies the element (or elements) that labels the current element." + }, + "aria-level": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the hierarchical level of an element within a structure." + }, + "aria-live": { + "type": "\"off\" | \"assertive\" | \"polite\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region." + }, + "aria-modal": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether an element is modal when displayed." + }, + "aria-multiline": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line." + }, + "aria-multiselectable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the user may select more than one item from the current selectable descendants." + }, + "aria-orientation": { + "type": "\"horizontal\" | \"vertical\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous." + }, + "aria-owns": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship." + }, + "aria-placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format." + }, + "aria-posinset": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-pressed": { + "type": "boolean | \"true\" | \"false\" | \"mixed\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"pressed\" state of toggle buttons." + }, + "aria-readonly": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that the element is not editable, but is otherwise operable." + }, + "aria-relevant": { + "type": "| \"text\"\n | \"additions\"\n | \"additions removals\"\n | \"additions text\"\n | \"all\"\n | \"removals\"\n | \"removals additions\"\n | \"removals text\"\n | \"text additions\"\n | \"text removals\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified." + }, + "aria-required": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates that user input is required on the element before a form may be submitted." + }, + "aria-roledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized description for the role of an element." + }, + "aria-rowcount": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the total number of rows in a table, grid, or treegrid." + }, + "aria-rowindex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." + }, + "aria-rowspan": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid." + }, + "aria-selected": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates the current \"selected\" state of various widgets." + }, + "aria-setsize": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM." + }, + "aria-sort": { + "type": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order." + }, + "aria-valuemax": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the maximum allowed value for a range widget." + }, + "aria-valuemin": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the minimum allowed value for a range widget." + }, + "aria-valuenow": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the current value for a range widget." + }, + "aria-valuetext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget." + }, + "autoCapitalize": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoCorrect": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "autoSave": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contentEditable": { + "type": "Booleanish | \"inherit\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "contextMenu": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dangerouslySetInnerHTML": { + "type": "{ __html: string }", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "datatype": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultChecked": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "defaultValue": { + "type": "string | number | readonly string[]", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "dir": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "draggable": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "element": { + "type": "string", + "defaultValue": "'BLOCKQUOTE_SOURCE'", + "required": false, + "externalProp": false, + "description": "Overrides the default element name to apply unique styles with the Customization Provider" + }, + "hidden": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "id": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inlist": { + "type": "any", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "inputMode": { + "type": "| \"text\"\n | \"none\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"email\"\n | \"numeric\"\n | \"decimal\"", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents" + }, + "is": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Specify that a standard HTML element should behave like a defined custom built-in element" + }, + "itemID": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemProp": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemRef": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemScope": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "itemType": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "key": { + "type": "Key", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "lang": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "nonce": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbort": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAbortCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEnd": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationEndCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIteration": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationIterationCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStart": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAnimationStartCapture": { + "type": "AnimationEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onAuxClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBeforeInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlur": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onBlurCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThrough": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCanPlayThroughCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChange": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onChangeCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEnd": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionEndCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStart": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionStartCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdate": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCompositionUpdateCapture": { + "type": "CompositionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenu": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onContextMenuCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopy": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCopyCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCut": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onCutCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClick": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDoubleClickCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrag": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnd": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEndCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnter": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragEnterCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExit": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragExitCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeave": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragLeaveCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOver": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragOverCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStart": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDragStartCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDrop": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDropCapture": { + "type": "DragEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onDurationChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptied": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEmptiedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncrypted": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEncryptedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEnded": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onEndedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onError": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onErrorCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocus": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onFocusCapture": { + "type": "FocusEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onGotPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInput": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInputCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalid": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onInvalidCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDown": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyDownCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPress": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyPressCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUp": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onKeyUpCapture": { + "type": "KeyboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoad": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedData": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedDataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadata": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadedMetadataCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStart": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLoadStartCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onLostPointerCaptureCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDown": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseDownCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseEnter": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseLeave": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMove": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseMoveCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOut": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOutCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOver": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseOverCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUp": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onMouseUpCapture": { + "type": "MouseEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPaste": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPasteCapture": { + "type": "ClipboardEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPause": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPauseCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlay": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlaying": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPlayingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancel": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerCancelCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDown": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerDownCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnter": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerEnterCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeave": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerLeaveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMove": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerMoveCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOut": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOutCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOver": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerOverCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUp": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onPointerUpCapture": { + "type": "PointerEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgress": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onProgressCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onRateChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onReset": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResetCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResize": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onResizeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScroll": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onScrollCapture": { + "type": "UIEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeked": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekedCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeeking": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSeekingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelect": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSelectCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalled": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onStalledCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmit": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSubmitCapture": { + "type": "FormEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspend": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onSuspendCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdate": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTimeUpdateCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancel": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchCancelCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEnd": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchEndCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMove": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchMoveCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStart": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTouchStartCapture": { + "type": "TouchEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEnd": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onTransitionEndCapture": { + "type": "TransitionEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChange": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onVolumeChangeCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaiting": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWaitingCapture": { + "type": "ReactEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheel": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "onWheelCapture": { + "type": "WheelEventHandler", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "placeholder": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "prefix": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "property": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "radioGroup": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "resource": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "results": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "role": { + "type": "AriaRole", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "security": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "slot": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "source": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": false, + "description": "The source of the quote" + }, + "spellCheck": { + "type": "Booleanish", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressContentEditableWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "suppressHydrationWarning": { + "type": "boolean", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "tabIndex": { + "type": "number", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "title": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "translate": { + "type": "\"yes\" | \"no\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "typeof": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "unselectable": { + "type": "\"on\" | \"off\"", + "defaultValue": null, + "required": false, + "externalProp": true + }, + "vocab": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true + } + } +} diff --git a/packages/paste-core/components/callout/stories/customization.stories.tsx b/packages/paste-core/components/callout/stories/customization.stories.tsx deleted file mode 100644 index 10490612eb..0000000000 --- a/packages/paste-core/components/callout/stories/customization.stories.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import type { StoryFn } from "@storybook/react"; -import { Box } from "@twilio-paste/box"; -import { CustomizationProvider } from "@twilio-paste/customization"; -import { useTheme } from "@twilio-paste/theme"; -import * as React from "react"; - -import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from "../src"; - -// eslint-disable-next-line import/no-default-export -export default { - title: "Components/Callout/Customization", - parameters: { - a11y: { - // no need to a11y check customization - disable: true, - }, - }, -}; - -export const CustomizedCallout: StoryFn = (_args, { parameters: { isTestEnvironment } }) => { - const currentTheme = useTheme(); - return ( - - - - Neutral callout - Take a look at this list: - - Item one - Item two - Item three - - - - Warning callout - Take a look at this list: - - Item one - Item two - Item three - - - - - ); -}; diff --git a/packages/paste-core/core-bundle/.gitignore b/packages/paste-core/core-bundle/.gitignore index 0a31d1edbc..f1ff8df324 100644 --- a/packages/paste-core/core-bundle/.gitignore +++ b/packages/paste-core/core-bundle/.gitignore @@ -10,6 +10,7 @@ /avatar /badge /base-radio-checkbox +/blockquote /box /breadcrumb /button diff --git a/packages/paste-core/core-bundle/package.json b/packages/paste-core/core-bundle/package.json index f08f407ae7..2d10e2f770 100644 --- a/packages/paste-core/core-bundle/package.json +++ b/packages/paste-core/core-bundle/package.json @@ -81,6 +81,7 @@ "@twilio-paste/avatar": "^9.1.0", "@twilio-paste/badge": "^8.4.0", "@twilio-paste/base-radio-checkbox": "^13.1.0", + "@twilio-paste/blockquote": "^0.0.0", "@twilio-paste/box": "^10.3.0", "@twilio-paste/breadcrumb": "^11.1.1", "@twilio-paste/button": "^14.1.2", diff --git a/packages/paste-core/core-bundle/src/blockquote.tsx b/packages/paste-core/core-bundle/src/blockquote.tsx new file mode 100644 index 0000000000..021e329995 --- /dev/null +++ b/packages/paste-core/core-bundle/src/blockquote.tsx @@ -0,0 +1 @@ +export * from "@twilio-paste/blockquote"; diff --git a/packages/paste-core/core-bundle/src/index.tsx b/packages/paste-core/core-bundle/src/index.tsx index e97cf65700..8605836651 100644 --- a/packages/paste-core/core-bundle/src/index.tsx +++ b/packages/paste-core/core-bundle/src/index.tsx @@ -7,6 +7,7 @@ export * from "@twilio-paste/aspect-ratio"; export * from "@twilio-paste/avatar"; export * from "@twilio-paste/badge"; export * from "@twilio-paste/base-radio-checkbox"; +export * from "@twilio-paste/blockquote"; export * from "@twilio-paste/box"; export * from "@twilio-paste/breadcrumb"; export * from "@twilio-paste/button"; diff --git a/packages/paste-core/primitives/box/src/CustomStyleProps.ts b/packages/paste-core/primitives/box/src/CustomStyleProps.ts index 30112afb0b..a4359afe70 100644 --- a/packages/paste-core/primitives/box/src/CustomStyleProps.ts +++ b/packages/paste-core/primitives/box/src/CustomStyleProps.ts @@ -73,4 +73,5 @@ export const customStyleProps = { scale: "space", }, "-moz-appearance": true, + cite: true, }; diff --git a/packages/paste-core/primitives/box/src/types.ts b/packages/paste-core/primitives/box/src/types.ts index 96d9acc49c..68b946e567 100644 --- a/packages/paste-core/primitives/box/src/types.ts +++ b/packages/paste-core/primitives/box/src/types.ts @@ -91,7 +91,7 @@ export interface BoxElementProps extends Omit, /** * Same as HTML * - * @type {string} + * @type {boolean} * @memberof BoxElementProps */ multiple?: boolean; @@ -126,10 +126,17 @@ export interface BoxElementProps extends Omit, /** * Same as HTML * - * @type {string} + * @type {boolean} * @memberof BoxElementProps */ disabled?: boolean; + /** + * Same as HTML + * + * @type {string} + * @memberof BoxElementProps + */ + cite?: string; } export interface BoxProps extends BoxElementProps, BoxStyleProps {} diff --git a/packages/paste-core/primitives/box/type-docs.json b/packages/paste-core/primitives/box/type-docs.json index abd02882f8..9a725e97cb 100644 --- a/packages/paste-core/primitives/box/type-docs.json +++ b/packages/paste-core/primitives/box/type-docs.json @@ -971,6 +971,13 @@ "externalProp": false, "description": "Responsive style prop for the CSS `box-sizing` property" }, + "cite": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": false, + "description": "Same as HTML" + }, "className": { "type": "string", "defaultValue": null, diff --git a/packages/paste-core/primitives/sibling-box/type-docs.json b/packages/paste-core/primitives/sibling-box/type-docs.json index a23bdfee53..12b21485f8 100644 --- a/packages/paste-core/primitives/sibling-box/type-docs.json +++ b/packages/paste-core/primitives/sibling-box/type-docs.json @@ -1073,6 +1073,13 @@ "externalProp": false, "description": "Responsive style prop for the CSS `box-sizing` property" }, + "cite": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": false, + "description": "Same as HTML" + }, "className": { "type": "string", "defaultValue": null, diff --git a/yarn.lock b/yarn.lock index fb8b9ca970..76aaca7cc7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -11627,6 +11627,58 @@ __metadata: languageName: unknown linkType: soft +"@twilio-paste/blockquote@^0.0.0, @twilio-paste/blockquote@workspace:packages/paste-core/components/blockquote": + version: 0.0.0-use.local + resolution: "@twilio-paste/blockquote@workspace:packages/paste-core/components/blockquote" + dependencies: + "@twilio-paste/anchor": ^12.0.0 + "@twilio-paste/animation-library": ^2.0.0 + "@twilio-paste/box": ^10.1.0 + "@twilio-paste/button": ^14.1.0 + "@twilio-paste/color-contrast-utils": ^5.0.0 + "@twilio-paste/customization": ^8.1.0 + "@twilio-paste/design-tokens": ^10.9.0 + "@twilio-paste/icons": ^12.2.0 + "@twilio-paste/screen-reader-only": ^13.1.0 + "@twilio-paste/spinner": ^14.0.0 + "@twilio-paste/stack": ^8.0.0 + "@twilio-paste/style-props": ^9.1.0 + "@twilio-paste/styling-library": ^3.0.0 + "@twilio-paste/text": ^10.1.0 + "@twilio-paste/theme": ^11.0.0 + "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 + "@types/react": ^18.0.27 + "@types/react-dom": ^18.0.10 + react: ^18.0.0 + react-dom: ^18.0.0 + tsx: ^4.0.0 + typescript: ^4.9.4 + peerDependencies: + "@twilio-paste/anchor": ^12.0.0 + "@twilio-paste/animation-library": ^2.0.0 + "@twilio-paste/box": ^10.0.0 + "@twilio-paste/button": ^14.0.0 + "@twilio-paste/color-contrast-utils": ^5.0.0 + "@twilio-paste/customization": ^8.0.0 + "@twilio-paste/design-tokens": ^10.0.0 + "@twilio-paste/icons": ^12.0.0 + "@twilio-paste/screen-reader-only": ^13.0.0 + "@twilio-paste/spinner": ^14.0.0 + "@twilio-paste/stack": ^8.0.0 + "@twilio-paste/style-props": ^9.0.0 + "@twilio-paste/styling-library": ^3.0.0 + "@twilio-paste/text": ^10.0.0 + "@twilio-paste/theme": ^11.0.0 + "@twilio-paste/types": ^6.0.0 + "@twilio-paste/uid-library": ^2.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + languageName: unknown + linkType: soft + "@twilio-paste/box@^10.0.0, @twilio-paste/box@^10.1.0, @twilio-paste/box@^10.2.0, @twilio-paste/box@^10.3.0, @twilio-paste/box@workspace:packages/paste-core/primitives/box": version: 0.0.0-use.local resolution: "@twilio-paste/box@workspace:packages/paste-core/primitives/box" @@ -12280,6 +12332,7 @@ __metadata: "@twilio-paste/avatar": ^9.1.0 "@twilio-paste/badge": ^8.4.0 "@twilio-paste/base-radio-checkbox": ^13.1.0 + "@twilio-paste/blockquote": ^0.0.0 "@twilio-paste/box": ^10.3.0 "@twilio-paste/breadcrumb": ^11.1.1 "@twilio-paste/button": ^14.1.2 From 522133876a3986bb7113527479024f24a9fcd0c1 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 20:05:07 +0530 Subject: [PATCH 03/12] feat(icon): update icon --- packages/paste-icons/src/BlockquoteIcon.tsx | 2 +- packages/paste-icons/svg/Blockquote.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-icons/src/BlockquoteIcon.tsx b/packages/paste-icons/src/BlockquoteIcon.tsx index d4a483ba5a..bf6623ff9b 100644 --- a/packages/paste-icons/src/BlockquoteIcon.tsx +++ b/packages/paste-icons/src/BlockquoteIcon.tsx @@ -27,7 +27,7 @@ const BlockquoteIcon = React.forwardRef( aria-hidden={decorative} width="100%" height="100%" - fill="none" + viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-labelledby={titleId} > diff --git a/packages/paste-icons/svg/Blockquote.svg b/packages/paste-icons/svg/Blockquote.svg index 5bb33709bb..f1361191ea 100644 --- a/packages/paste-icons/svg/Blockquote.svg +++ b/packages/paste-icons/svg/Blockquote.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From d145b7b2f23255e8b33b91702192376516ace5d5 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 20:05:23 +0530 Subject: [PATCH 04/12] feat(blockquote): update icon color --- packages/paste-core/components/blockquote/src/Blockquote.tsx | 2 +- .../paste-core/components/blockquote/src/BlockquoteSource.tsx | 4 +--- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/paste-core/components/blockquote/src/Blockquote.tsx b/packages/paste-core/components/blockquote/src/Blockquote.tsx index f61c4873cd..f3550a0826 100644 --- a/packages/paste-core/components/blockquote/src/Blockquote.tsx +++ b/packages/paste-core/components/blockquote/src/Blockquote.tsx @@ -35,7 +35,7 @@ export const Blockquote = React.forwardRef( fontSize="fontSize30" element={element} > - + {children} diff --git a/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx b/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx index 7f0ca2498e..faa9b80a59 100644 --- a/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx +++ b/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx @@ -49,9 +49,7 @@ export const BlockquoteSource = React.forwardRef ) : ( - - {source} - + {source} )} From 47de51ab7d8c8265ec97ad94cdc1fc72e181ff89 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cnora?= Date: Thu, 21 Nov 2024 10:50:28 -0500 Subject: [PATCH 05/12] feat(box): add cite prop for use in blockquote --- packages/paste-core/primitives/box/src/CustomStyleProps.ts | 1 - packages/paste-core/primitives/box/src/types.ts | 2 +- packages/paste-core/primitives/sibling-box/type-docs.json | 7 ------- 3 files changed, 1 insertion(+), 9 deletions(-) diff --git a/packages/paste-core/primitives/box/src/CustomStyleProps.ts b/packages/paste-core/primitives/box/src/CustomStyleProps.ts index a4359afe70..30112afb0b 100644 --- a/packages/paste-core/primitives/box/src/CustomStyleProps.ts +++ b/packages/paste-core/primitives/box/src/CustomStyleProps.ts @@ -73,5 +73,4 @@ export const customStyleProps = { scale: "space", }, "-moz-appearance": true, - cite: true, }; diff --git a/packages/paste-core/primitives/box/src/types.ts b/packages/paste-core/primitives/box/src/types.ts index 68b946e567..d878bebc9e 100644 --- a/packages/paste-core/primitives/box/src/types.ts +++ b/packages/paste-core/primitives/box/src/types.ts @@ -131,7 +131,7 @@ export interface BoxElementProps extends Omit, */ disabled?: boolean; /** - * Same as HTML + * Only used for the Blockquote component. * * @type {string} * @memberof BoxElementProps diff --git a/packages/paste-core/primitives/sibling-box/type-docs.json b/packages/paste-core/primitives/sibling-box/type-docs.json index 12b21485f8..a23bdfee53 100644 --- a/packages/paste-core/primitives/sibling-box/type-docs.json +++ b/packages/paste-core/primitives/sibling-box/type-docs.json @@ -1073,13 +1073,6 @@ "externalProp": false, "description": "Responsive style prop for the CSS `box-sizing` property" }, - "cite": { - "type": "string", - "defaultValue": null, - "required": false, - "externalProp": false, - "description": "Same as HTML" - }, "className": { "type": "string", "defaultValue": null, From db38b49b4ae6082b85daccb985218f3928410950 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 23:39:31 +0530 Subject: [PATCH 06/12] feat(blockquote): update element prop --- .../components/blockquote/src/Blockquote.tsx | 2 +- .../components/blockquote/src/BlockquoteSource.tsx | 10 ++++++---- packages/paste-core/primitives/box/type-docs.json | 2 +- .../paste-core/primitives/sibling-box/type-docs.json | 7 +++++++ 4 files changed, 15 insertions(+), 6 deletions(-) diff --git a/packages/paste-core/components/blockquote/src/Blockquote.tsx b/packages/paste-core/components/blockquote/src/Blockquote.tsx index f3550a0826..dda57e9e2f 100644 --- a/packages/paste-core/components/blockquote/src/Blockquote.tsx +++ b/packages/paste-core/components/blockquote/src/Blockquote.tsx @@ -35,7 +35,7 @@ export const Blockquote = React.forwardRef( fontSize="fontSize30" element={element} > - + {children} diff --git a/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx b/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx index faa9b80a59..24b42d2255 100644 --- a/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx +++ b/packages/paste-core/components/blockquote/src/BlockquoteSource.tsx @@ -37,19 +37,21 @@ export const BlockquoteSource = React.forwardRef —{" "} - + {author} {source ? ( <> ,{" "} - + {url ? ( - + {source} ) : ( - {source} + + {source} + )} diff --git a/packages/paste-core/primitives/box/type-docs.json b/packages/paste-core/primitives/box/type-docs.json index 9a725e97cb..724125ffcb 100644 --- a/packages/paste-core/primitives/box/type-docs.json +++ b/packages/paste-core/primitives/box/type-docs.json @@ -976,7 +976,7 @@ "defaultValue": null, "required": false, "externalProp": false, - "description": "Same as HTML" + "description": "Only used for the Blockquote component." }, "className": { "type": "string", diff --git a/packages/paste-core/primitives/sibling-box/type-docs.json b/packages/paste-core/primitives/sibling-box/type-docs.json index a23bdfee53..d3afa5f1de 100644 --- a/packages/paste-core/primitives/sibling-box/type-docs.json +++ b/packages/paste-core/primitives/sibling-box/type-docs.json @@ -1073,6 +1073,13 @@ "externalProp": false, "description": "Responsive style prop for the CSS `box-sizing` property" }, + "cite": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": false, + "description": "Only used for the Blockquote component." + }, "className": { "type": "string", "defaultValue": null, From 569d55a9c118037882d60a13a6b67312b6330350 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 23:45:06 +0530 Subject: [PATCH 07/12] feat(blockquote): add changesets --- .changeset/dull-horses-exist.md | 5 +++++ .changeset/dull-panthers-develop.md | 5 +++++ .changeset/quiet-windows-poke.md | 5 +++++ .changeset/tough-dolphins-decide.md | 6 ++++++ 4 files changed, 21 insertions(+) create mode 100644 .changeset/dull-horses-exist.md create mode 100644 .changeset/dull-panthers-develop.md create mode 100644 .changeset/quiet-windows-poke.md create mode 100644 .changeset/tough-dolphins-decide.md diff --git a/.changeset/dull-horses-exist.md b/.changeset/dull-horses-exist.md new file mode 100644 index 0000000000..cce3ad558f --- /dev/null +++ b/.changeset/dull-horses-exist.md @@ -0,0 +1,5 @@ +--- +"@twilio-paste/codemods": minor +--- + +[Blockquote]: Add new component diff --git a/.changeset/dull-panthers-develop.md b/.changeset/dull-panthers-develop.md new file mode 100644 index 0000000000..3dca890256 --- /dev/null +++ b/.changeset/dull-panthers-develop.md @@ -0,0 +1,5 @@ +--- +"@twilio-paste/icons": minor +--- + +[Icon]: Add Blockquote icon. diff --git a/.changeset/quiet-windows-poke.md b/.changeset/quiet-windows-poke.md new file mode 100644 index 0000000000..c646e6798d --- /dev/null +++ b/.changeset/quiet-windows-poke.md @@ -0,0 +1,5 @@ +--- +"@twilio-paste/box": minor +--- + +[Box]: Add cite prop for use with Blockquote diff --git a/.changeset/tough-dolphins-decide.md b/.changeset/tough-dolphins-decide.md new file mode 100644 index 0000000000..638330ede4 --- /dev/null +++ b/.changeset/tough-dolphins-decide.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/blockquote": major +"@twilio-paste/core": major +--- + +[Blockquote]: Added a new Blockquote component to library to act as a stylized text wrapper for a quotation and source. From 5fcbcb221dbbdd7754f9626deb49c188220f5ab6 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 23:46:49 +0530 Subject: [PATCH 08/12] feat(blockquote): update changesets --- .changeset/quiet-windows-poke.md | 1 + 1 file changed, 1 insertion(+) diff --git a/.changeset/quiet-windows-poke.md b/.changeset/quiet-windows-poke.md index c646e6798d..089150ba0a 100644 --- a/.changeset/quiet-windows-poke.md +++ b/.changeset/quiet-windows-poke.md @@ -1,5 +1,6 @@ --- "@twilio-paste/box": minor +"@twilio-paste/core": minor --- [Box]: Add cite prop for use with Blockquote From e39210040330468a25ba64c07ea5bc77d6b97f04 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Thu, 21 Nov 2024 23:49:20 +0530 Subject: [PATCH 09/12] feat(blockquote): format blockquote icon --- packages/paste-icons/src/BlockquoteIcon.tsx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/paste-icons/src/BlockquoteIcon.tsx b/packages/paste-icons/src/BlockquoteIcon.tsx index bf6623ff9b..c2de642226 100644 --- a/packages/paste-icons/src/BlockquoteIcon.tsx +++ b/packages/paste-icons/src/BlockquoteIcon.tsx @@ -1,11 +1,11 @@ +import { useUID } from "@twilio-paste/uid-library"; /** * This file was automatically generated with @twilio-labs/svg-to-react */ -import * as React from 'react'; -import {useUID} from '@twilio-paste/uid-library'; +import * as React from "react"; -import {IconWrapper} from './helpers/IconWrapper'; -import type {IconWrapperProps} from './helpers/IconWrapper'; +import { IconWrapper } from "./helpers/IconWrapper"; +import type { IconWrapperProps } from "./helpers/IconWrapper"; export interface BlockquoteIconProps extends IconWrapperProps { title?: string; @@ -13,11 +13,11 @@ export interface BlockquoteIconProps extends IconWrapperProps { } const BlockquoteIcon = React.forwardRef( - ({as, display, element = 'ICON', size, color, title, decorative}, ref) => { + ({ as, display, element = "ICON", size, color, title, decorative }, ref) => { const titleId = `BlockquoteIcon-${useUID()}`; if (!decorative && title == null) { - throw new Error('[BlockquoteIcon]: Missing a title for non-decorative icon.'); + throw new Error("[BlockquoteIcon]: Missing a title for non-decorative icon."); } return ( @@ -41,8 +41,8 @@ const BlockquoteIcon = React.forwardRef( ); - } + }, ); -BlockquoteIcon.displayName = 'BlockquoteIcon'; -export {BlockquoteIcon}; +BlockquoteIcon.displayName = "BlockquoteIcon"; +export { BlockquoteIcon }; From 88091052530131e3950013ac72c37848a15f7490 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Fri, 22 Nov 2024 18:29:20 +0530 Subject: [PATCH 10/12] feat(blockquote): add custom story --- .../blockquote/stories/index.stories.tsx | 61 +++++++++++++++++++ 1 file changed, 61 insertions(+) diff --git a/packages/paste-core/components/blockquote/stories/index.stories.tsx b/packages/paste-core/components/blockquote/stories/index.stories.tsx index 65df41dd36..d2fd8ddd95 100644 --- a/packages/paste-core/components/blockquote/stories/index.stories.tsx +++ b/packages/paste-core/components/blockquote/stories/index.stories.tsx @@ -2,6 +2,8 @@ import type { StoryFn } from "@storybook/react"; import { Box } from "@twilio-paste/box"; import * as React from "react"; +import { CustomizationProvider } from "@twilio-paste/customization"; +import { useTheme } from "@twilio-paste/theme"; import { Blockquote, BlockquoteContent, BlockquoteSource } from "../src"; // eslint-disable-next-line import/no-default-export @@ -45,3 +47,62 @@ export const WithoutSource: StoryFn = () => ( ); + +export const CustomizationBlockquote: StoryFn = (_args, { parameters: { isTestEnvironment } }) => { + const currentTheme = useTheme(); + return ( + + +
+ + With AI-driven products, the design process is no longer just about aesthetics. It’s about designing for the + human experience as a whole. + + +
+ + + ); +}; + +CustomizationBlockquote.storyName = "Customized"; +CustomizationBlockquote.parameters = { + a11y: { + // no need to a11y check customization + disable: true, + }, +}; From c48695bbe542817520ed6f22af1d32dc3f95400a Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Fri, 22 Nov 2024 18:51:24 +0530 Subject: [PATCH 11/12] feat(blockquote): add tests --- .../__tests__/customization.spec.tsx | 213 -------------- .../blockquote/__tests__/index.spec.tsx | 267 +++++------------- 2 files changed, 72 insertions(+), 408 deletions(-) delete mode 100644 packages/paste-core/components/blockquote/__tests__/customization.spec.tsx diff --git a/packages/paste-core/components/blockquote/__tests__/customization.spec.tsx b/packages/paste-core/components/blockquote/__tests__/customization.spec.tsx deleted file mode 100644 index 76ab6ee8e5..0000000000 --- a/packages/paste-core/components/blockquote/__tests__/customization.spec.tsx +++ /dev/null @@ -1,213 +0,0 @@ -import { render, screen } from "@testing-library/react"; -import { CustomizationProvider } from "@twilio-paste/customization"; -import * as React from "react"; - -import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from "../src"; - -const CustomizationWrapper: React.FC = ({ children }) => ( - - {children} - -); - -const MyCustomizationWrapper: React.FC = ({ children }) => ( - - {children} - -); - -describe("Customization", () => { - it("should set a default element data attribute", () => { - render( - - Neutral callout - Take a look at this list: - - Item one - - , - ); - - const callout = screen.getByTestId("callout"); - const heading = screen.getByRole("heading", { name: "Neutral callout" }); - const text = screen.getByTestId("callout-text"); - const list = screen.getByRole("list"); - const listItem = screen.getByRole("listitem"); - - expect(callout.getAttribute("data-paste-element")).toEqual("CALLOUT"); - expect(heading.getAttribute("data-paste-element")).toEqual("CALLOUT_HEADING"); - expect(text.getAttribute("data-paste-element")).toEqual("CALLOUT_TEXT"); - expect(list.getAttribute("data-paste-element")).toEqual("CALLOUT_LIST"); - expect(listItem.getAttribute("data-paste-element")).toEqual("CALLOUT_LIST_ITEM"); - }); - - it("should set a custom element data attribute", () => { - render( - - - Neutral callout - - - Take a look at this list: - - - Item one - - , - ); - - const callout = screen.getByTestId("callout"); - const heading = screen.getByRole("heading", { name: "Neutral callout" }); - const text = screen.getByTestId("callout-text"); - const list = screen.getByRole("list"); - const listItem = screen.getByRole("listitem"); - - expect(callout.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT"); - expect(heading.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_HEADING"); - expect(text.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_TEXT"); - expect(list.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_LIST"); - expect(listItem.getAttribute("data-paste-element")).toEqual("FOO_CALLOUT_LIST_ITEM"); - }); - - it("should add custom styles to the components", () => { - render( - <> - - Neutral callout - Take a look at this list: - - Item one - - - - This is a warning callout - - , - { wrapper: CustomizationWrapper }, - ); - - const neutralCallout = screen.getByTestId("neutral-callout"); - const warningCallout = screen.getByTestId("neutral-callout"); - const heading = screen.getByRole("heading", { name: "Neutral callout" }); - const text = screen.getByTestId("callout-text"); - const list = screen.getByRole("list"); - const listItem = screen.getByRole("listitem"); - - expect(neutralCallout).toHaveStyleRule("padding", "0.75rem"); - expect(neutralCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); - expect(warningCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); - expect(heading).toHaveStyleRule("font-size", "1.125rem"); - expect(text).toHaveStyleRule("font-size", "0.875rem"); - expect(list).toHaveStyleRule("margin-left", "1rem"); - expect(listItem).toHaveStyleRule("font-size", "0.875rem"); - }); - - it("shoult add custom styles to the components with custom element names", () => { - render( - <> - - - Neutral callout - - - Take a look at this list: - - - Item one - - - - This is a warning callout - - , - { wrapper: MyCustomizationWrapper }, - ); - - const neutralCallout = screen.getByTestId("neutral-callout"); - const warningCallout = screen.getByTestId("neutral-callout"); - const heading = screen.getByRole("heading", { name: "Neutral callout" }); - const text = screen.getByTestId("callout-text"); - const list = screen.getByRole("list"); - const listItem = screen.getByRole("listitem"); - - expect(neutralCallout).toHaveStyleRule("padding", "0.75rem"); - expect(neutralCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); - expect(warningCallout).toHaveStyleRule("background-color", "rgb(18, 28, 45)"); - expect(heading).toHaveStyleRule("font-size", "1.125rem"); - expect(text).toHaveStyleRule("font-size", "0.875rem"); - expect(list).toHaveStyleRule("margin-left", "1rem"); - expect(listItem).toHaveStyleRule("font-size", "0.875rem"); - }); -}); diff --git a/packages/paste-core/components/blockquote/__tests__/index.spec.tsx b/packages/paste-core/components/blockquote/__tests__/index.spec.tsx index 2bbb4ac4f8..e249f98eef 100644 --- a/packages/paste-core/components/blockquote/__tests__/index.spec.tsx +++ b/packages/paste-core/components/blockquote/__tests__/index.spec.tsx @@ -1,225 +1,102 @@ -import { fireEvent, render, screen, waitFor } from "@testing-library/react"; +import { render, screen } from "@testing-library/react"; import * as React from "react"; -import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from "../src"; +import { Blockquote, BlockquoteContent, BlockquoteSource } from "../src"; -describe("Callout", () => { +describe("Blockquote", () => { it("should render", () => { render( - - This is some text. - , +
+ This is some text. + +
, ); - const callout = screen.getByTestId("callout"); - expect(callout).not.toHaveStyleRule("margin-top"); - - const iconHiddenText = screen.getByText("(information)"); - expect(iconHiddenText).toBeDefined(); + const blockquote = screen.getByTestId("blockquote"); + expect(blockquote).toBeDefined(); const text = screen.getByText("This is some text."); - expect(text.nodeName).toBe("P"); - }); -}); - -describe("CalloutHeading", () => { - it("should render an h2", () => { - render(Heads up!); - - const heading = screen.getByRole("heading"); - expect(heading.nodeName).toBe("H2"); - }); - - it("should render an h3", () => { - render(Heads up!); - - const heading = screen.getByRole("heading"); - expect(heading.nodeName).toBe("H3"); + expect(text.nodeName).toBe("BLOCKQUOTE"); + expect(blockquote.querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE_ANCHOR']`)).toBeTruthy(); }); -}); -describe("CalloutList", () => { - it("should render an unordered list", () => { + it("should render without a url", () => { render( - - Item one - , +
+ This is some text. + +
, ); - const list = screen.getByRole("list"); - expect(list.nodeName).toBe("UL"); - - const listItem = screen.getByRole("listitem"); - expect(listItem).toBeDefined(); + const blockquote = screen.getByTestId("blockquote"); + expect(blockquote).toBeDefined(); + expect(blockquote.querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE_TEXT']`)).toBeTruthy(); }); - it("should render an ordered list", () => { + it("should render without a source", () => { render( - - Item one - , +
+ This is some text. + +
, ); - const list = screen.getByRole("list"); - expect(list.nodeName).toBe("OL"); - - const listItem = screen.getByRole("listitem"); - expect(listItem).toBeDefined(); + const blockquote = screen.getByTestId("blockquote"); + expect(blockquote).toBeDefined(); + expect(blockquote.querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE_CITE']`)).toBeFalsy(); }); }); -describe("i18n", () => { - it("should have default error variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(error)"); - }); - - it("should have default neutral variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(information)"); - }); - - it("should have default warning variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(warning)"); - }); - - it("should have default success variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(success)"); - }); - - it("should have default new variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(new)"); - }); - - it("should use the i18nLabel for error variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(erreur)"); - }); - - it("should use the i18nLabel for neutral variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(information)"); - }); - - it("should use the i18nLabel for warning variant icon text", () => { - render( - - This is a callout - , - ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(avertissement)"); - }); - - it("should use the i18nLabel for success variant icon text", () => { - render( - - This is a callout - , +describe("Customization", () => { + it("should set element data attribute", () => { + const { getByTestId } = render( +
+ This is some text. + +
, ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(succès)"); - }); - - it("should use the i18nLabel for new variant icon text", () => { - render( - - This is a callout - , + const { getByTestId: idWithoutURL } = render( +
+ This is some text. + +
, ); - const callout = screen.getByTestId("callout-i18n"); - const icon = callout.querySelector('[data-paste-element="CALLOUT_ICON"]'); - expect(icon?.textContent).toEqual("(nouveau)"); - }); -}); -describe("Callout dismiss", () => { - it("should not render close button if no dismiss funciton passed", () => { - render( - - This is some text. - , + expect(getByTestId("blockquote").getAttribute("data-paste-element")).toEqual("BLOCKQUOTE"); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='BLOCKQUOTE_ICON']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='BLOCKQUOTE_CONTENT']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE_AUTHOR']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE_CITE']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE_ANCHOR']`)).toBeTruthy(); + expect( + idWithoutURL("blockquoteWithoutURL").querySelector(`[data-paste-element='BLOCKQUOTE_SOURCE_TEXT']`), + ).toBeTruthy(); + }); + + it("should set custom element data attribute", () => { + const { getByTestId } = render( +
+ This is some text. + +
, ); - - const callout = screen.getByTestId("callout"); - - const text = screen.getByText("This is some text."); - expect(text).toBeTruthy(); - - const dismissButton = callout.querySelector('[data-paste-element="CALLOUT_DISMISS_BUTTON"]'); - expect(dismissButton).toBeNull(); - }); - - it("should render close button if dismiss function passed", async () => { - const closeSpy = jest.fn(); - - render( - - This is some text. - , + const { getByTestId: idWithoutURL } = render( +
+ This is some text. + +
, ); - const callout = screen.getByTestId("callout"); - - const text = screen.getByText("This is some text."); - expect(text).toBeTruthy(); - - const dismissButton = callout.querySelector('[data-paste-element="CALLOUT_DISMISS_BUTTON"]'); - expect(dismissButton).toBeTruthy(); - - expect(closeSpy).not.toHaveBeenCalled(); - - await waitFor(() => { - fireEvent.click(dismissButton as HTMLElement); - }); - - expect(closeSpy).toHaveBeenCalled(); + expect(getByTestId("blockquote").getAttribute("data-paste-element")).toEqual("CUSTOMIZED"); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='CUSTOMIZED_ICON']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='CUSTOMIZED_CONTENT']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='CUSTOMIZED_SOURCE']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='CUSTOMIZED_SOURCE_AUTHOR']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='CUSTOMIZED_SOURCE_CITE']`)).toBeTruthy(); + expect(getByTestId("blockquote").querySelector(`[data-paste-element='CUSTOMIZED_SOURCE_ANCHOR']`)).toBeTruthy(); + expect( + idWithoutURL("blockquoteWithoutURL").querySelector(`[data-paste-element='CUSTOMIZED_SOURCE_TEXT']`), + ).toBeTruthy(); }); }); From 97a3257f549f440a89d4cc96ad420e74491116bf Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Fri, 22 Nov 2024 19:00:08 +0530 Subject: [PATCH 12/12] feat(blockquote): fix build --- .../components/blockquote/stories/index.stories.tsx | 4 ++-- .../paste-icons/__test__/__snapshots__/icons.spec.tsx.snap | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/blockquote/stories/index.stories.tsx b/packages/paste-core/components/blockquote/stories/index.stories.tsx index d2fd8ddd95..d49f42e4e8 100644 --- a/packages/paste-core/components/blockquote/stories/index.stories.tsx +++ b/packages/paste-core/components/blockquote/stories/index.stories.tsx @@ -1,9 +1,9 @@ import type { StoryFn } from "@storybook/react"; import { Box } from "@twilio-paste/box"; -import * as React from "react"; - import { CustomizationProvider } from "@twilio-paste/customization"; import { useTheme } from "@twilio-paste/theme"; +import * as React from "react"; + import { Blockquote, BlockquoteContent, BlockquoteSource } from "../src"; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap b/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap index 0c2a749ff8..2b6094651a 100644 --- a/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap +++ b/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap @@ -20,6 +20,7 @@ Array [ "AuthenticationIcon", "AutomaticUpdatesIcon", "AvailableIcon", + "BlockquoteIcon", "BoldIcon", "BuildIcon", "BuiltInIcon",