diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconStatic.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconStatic.jsx index d3880f3221d..dc8a2b211e3 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconStatic.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconStatic.jsx @@ -41,7 +41,7 @@ import { IconNoRisk, IconOutOfNetwork, IconOverDue, - IconPharmacyReject, + IconPharmacyReject, IconRollup, IconScheduled, IconStatusPositive, @@ -65,20 +65,20 @@ const IconAll = () => ( - - success + + abnormal - {`import { IconSuccess } from 'terra-icon';`} + import { IconAbnormal } from 'terra-icon'; - - success_inverse + + alert - {`import { IconSuccessInverse } from 'terra-icon';`} + import { IconAlert } from 'terra-icon'; @@ -87,259 +87,259 @@ const IconAll = () => ( available - {`import { IconAvailable } from 'terra-icon';`} + import { IconAvailable } from 'terra-icon'; - - complete + + bedAssigned - {`import { IconComplete } from 'terra-icon';`} + import { IconBedAssigned } from 'terra-icon'; - - noRisk + + complete - {`import { IconNoRisk } from 'terra-icon';`} + import { IconComplete } from 'terra-icon'; - - scheduled + + critical - {`import { IconScheduled } from 'terra-icon';`} + import { IconCritical } from 'terra-icon'; - - rollup + + critical_inverse - {`import { IconRollup } from 'terra-icon';`} + import { IconCriticalInverse } from 'terra-icon'; - - highPriority + + deviceAlert - {`import { IconHighPriority } from 'terra-icon';`} + import { IconDeviceAlert } from 'terra-icon'; - - alert + + deviceCheck - {`import { IconAlert } from 'terra-icon';`} + import { IconDeviceCheck } from 'terra-icon'; - - warning + + diamond - {`import { IconWarning } from 'terra-icon';`} + import { IconDiamond } from 'terra-icon'; - - moderate + + dischargeComingDue - {`import { IconModerate } from 'terra-icon';`} + import { IconDischargeComingDue } from 'terra-icon'; - - unspecified + + dischargeComplete - {`import { IconUnspecified } from 'terra-icon';`} + import { IconDischargeComplete } from 'terra-icon'; - - critical + + dischargeOverDue - {`import { IconCritical } from 'terra-icon';`} + import { IconDischargeOverDue } from 'terra-icon'; - - critical_inverse + + doNotDisturb - {`import { IconCriticalInverse } from 'terra-icon';`} + import { IconDoNotDisturb } from 'terra-icon'; - - hazardLow + + drugDrug - {`import { IconHazardLow } from 'terra-icon';`} + import { IconDrugDrug } from 'terra-icon'; - - information + + dueSoon - {`import { IconInformation } from 'terra-icon';`} + import { IconDueSoon } from 'terra-icon'; - - information_inverse + + error - {`import { IconInformationInverse } from 'terra-icon';`} + import { IconError } from 'terra-icon'; - - information_static + + error_dark - {`import { IconInformationStatic } from 'terra-icon';`} + import { IconErrorDark } from 'terra-icon'; - - error_dark + + featuredOutlineYellow - {`import { IconErrorDark } from 'terra-icon';`} + import { IconFeaturedOutlineYellow } from 'terra-icon'; - - error + + hazardLow - {`import { IconError } from 'terra-icon';`} + import { IconHazardLow } from 'terra-icon'; - - doNotDisturb + + help - {`import { IconDoNotDisturb } from 'terra-icon';`} + import { IconHelp } from 'terra-icon'; - - incomplete_inverse + + help_inverse - {`import { IconIncompleteInverse } from 'terra-icon';`} + import { IconHelpInverse } from 'terra-icon'; - - featuredOutlineYellow + + help_static - {`import { IconFeaturedOutlineYellow } from 'terra-icon';`} + import { IconHelpStatic } from 'terra-icon'; - - help + + hide - {`import { IconHelp } from 'terra-icon';`} + import { IconHide } from 'terra-icon'; - - help_inverse + + high - {`import { IconHelpInverse } from 'terra-icon';`} + import { IconHigh } from 'terra-icon'; - - help_static + + high_inverse - {`import { IconHelpStatic } from 'terra-icon';`} + import { IconHighInverse } from 'terra-icon'; - - unexpected + + highPriority - {`import { IconUnexpected } from 'terra-icon';`} + import { IconHighPriority } from 'terra-icon'; - - dueSoon + + incomplete_inverse - {`import { IconDueSoon } from 'terra-icon';`} + import { IconIncompleteInverse } from 'terra-icon'; - - overDue + + information - {`import { IconOverDue } from 'terra-icon';`} + import { IconInformation } from 'terra-icon'; - - high + + information_inverse - {`import { IconHigh } from 'terra-icon';`} + import { IconInformationInverse } from 'terra-icon'; - - high_inverse + + information_static - {`import { IconHighInverse } from 'terra-icon';`} + import { IconInformationStatic } from 'terra-icon'; @@ -348,7 +348,7 @@ const IconAll = () => ( low - {`import { IconLow } from 'terra-icon';`} + import { IconLow } from 'terra-icon'; @@ -357,7 +357,7 @@ const IconAll = () => ( lowRisk - {`import { IconLowRisk } from 'terra-icon';`} + import { IconLowRisk } from 'terra-icon'; @@ -366,7 +366,7 @@ const IconAll = () => ( max - {`import { IconMax } from 'terra-icon';`} + import { IconMax } from 'terra-icon'; @@ -375,43 +375,43 @@ const IconAll = () => ( min - {`import { IconMin } from 'terra-icon';`} + import { IconMin } from 'terra-icon'; - - abnormal + + moderate - {`import { IconAbnormal } from 'terra-icon';`} + import { IconModerate } from 'terra-icon'; - - deviceCheck + + noRisk - {`import { IconDeviceCheck } from 'terra-icon';`} + import { IconNoRisk } from 'terra-icon'; - - deviceAlert + + outOfNetwork - {`import { IconDeviceAlert } from 'terra-icon';`} + import { IconOutOfNetwork } from 'terra-icon'; - - diamond + + overDue - {`import { IconDiamond } from 'terra-icon';`} + import { IconOverDue } from 'terra-icon'; @@ -420,88 +420,88 @@ const IconAll = () => ( pharmacyReject - {`import { IconPharmacyReject } from 'terra-icon';`} + import { IconPharmacyReject } from 'terra-icon'; - - hide + + rollup - {`import { IconHide } from 'terra-icon';`} + import { IconRollup } from 'terra-icon'; - - bedAssigned + + scheduled - {`import { IconBedAssigned } from 'terra-icon';`} + import { IconScheduled } from 'terra-icon'; - - dischargeComplete + + statusPositive - {`import { IconDischargeComplete } from 'terra-icon';`} + import { IconStatusPositive } from 'terra-icon'; - - dischargeComingDue + + statusPositiveWhite - {`import { IconDischargeComingDue } from 'terra-icon';`} + import { IconStatusPositiveWhite } from 'terra-icon'; - - dischargeOverDue + + success - {`import { IconDischargeOverDue } from 'terra-icon';`} + import { IconSuccess } from 'terra-icon'; - - drugDrug + + success_inverse - {`import { IconDrugDrug } from 'terra-icon';`} + import { IconSuccessInverse } from 'terra-icon'; - - outOfNetwork + + unexpected - {`import { IconOutOfNetwork } from 'terra-icon';`} + import { IconUnexpected } from 'terra-icon'; - - statusPositive + + unspecified - {`import { IconStatusPositive } from 'terra-icon';`} + import { IconUnspecified } from 'terra-icon'; - - statusPositiveWhite + + warning - {`import { IconStatusPositiveWhite } from 'terra-icon';`} + import { IconWarning } from 'terra-icon'; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconThemeable.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconThemeable.jsx index 90279ca3034..e6588a913b9 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconThemeable.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/icon/example/IconThemeable.jsx @@ -2,247 +2,248 @@ /* eslint-disable */ import React from 'react'; import { -IconAdd, -IconAddPerson, -IconAllergy, -IconAnalytics, -IconAnnouncement, -IconArchive, -IconAttachment, -IconAudio, -IconAutoText, -IconAway, -IconBedRequested, -IconBluetooth, -IconBluetoothSlash, -IconBookmark, -IconBriefcase, -IconBrokenImage, -IconBrokenLinkUnlink, -IconBusy, -IconCalculator, -IconCalendar, -IconCamera, -IconCancel, -IconCaretDown, -IconCaretLeft, -IconCaretRight, -IconCaretUp, -IconCatalogueNumber, -IconCaution, -IconChecklist, -IconCheckmark, -IconChevron, -IconChevronDown, -IconChevronLeft, -IconChevronRight, -IconChevronUp, -IconCircleLinesSymbol, -IconCircleSymbol, -IconCircleSymbolLight, -IconClear, -IconClipboard, -IconClock, -IconClose, -IconCollapseRow, -IconComment, -IconCommit, -IconCompose, -IconConfidential, -IconConsultInstructionsForUse, -IconDateOfManufacture, -IconDevice, -IconDiamondSymbol, -IconDiamondSymbolLight, -IconDocumentPlus, -IconDocuments, -IconDoorOpen, -IconDoubleChevronLeft, -IconDoubleChevronRight, -IconDown, -IconDownload, -IconDue, -IconEcRep, -IconEdit, -IconEllipses, -IconEnvelope, -IconEnvelopeFill, -IconExclamation, -IconExpandLess, -IconExpandMore, -IconExpandRow, -IconExtensions, -IconExternalLink, -IconFeatured, -IconFeaturedOff, -IconFeaturedOutline, -IconFirst, -IconFitHeight, -IconFitScale, -IconFitWidth, -IconFlag, -IconFlipHorizontal, -IconFlipVertical, -IconFlowsheet, -IconFolder, -IconForward, -IconFunnel, -IconGapChecking, -IconGlasses, -IconGroup, -IconHalfRating, -IconHelpThemeable, -IconHold, -IconHospital, -IconHouse, -IconIPass, -IconImage, -IconImplant, -IconIncomingCall, -IconIncomplete, -IconInformationThemeable, -IconItalicI, -IconKeyboard, -IconKnurling, -IconLast, -IconLeft, -IconLeftPane, -IconLightbulb, -IconLink, -IconList, -IconLocationPin, -IconLookback, -IconManufacturer, -IconMaximize, -IconMediaFastForward, -IconMediaPause, -IconMediaPlay, -IconMediaRecord, -IconMediaRewind, -IconMediaStop, -IconMedicationTablet, -IconMedicationTabletHalf, -IconMedicationTabletHalfOutline, -IconMedicationTabletOutline, -IconMenu, -IconMerge, -IconMicrophone, -IconMicrophoneDisabled, -IconMinimize, -IconMinus, -IconMissedCall, -IconModified, -IconMultipleResultsCritical, -IconMultipleResultsNormal, -IconMultipleResultsNotNormal, -IconNavStackUp, -IconNext, -IconNoResults, -IconNoSignal, -IconNotMet, -IconNotification, -IconNotificationDisabled, -IconNotificationOff, -IconOutgoingCall, -IconPadlock, -IconPager, -IconPanelLeft, -IconPanelRight, -IconPaperFolded, -IconPaperPencil, -IconPartiallyMet, -IconPatientSearch, -IconPending, -IconPerson, -IconPersonConnection, -IconPersonDoor, -IconPersonHospital, -IconPersonnelPerson, -IconPharmacyReview, -IconPharmacyVerification, -IconPhone, -IconPhoneDown, -IconPill, -IconPinDiagonal, -IconPinDown, -IconPlusSymbol, -IconPlusSymbolLight, -IconPrevious, -IconPrinter, -IconProjects, -IconProtocol, -IconProvider, -IconQuestion, -IconQuestionOutline, -IconRectangleSymbol, -IconRectangleSymbolLight, -IconRecurringEvent, -IconRedo, -IconRefresh, -IconRefusedSlot, -IconReply, -IconReplyAll, -IconRequired, -IconRight, -IconRotateLeft, -IconRotateRight, -IconSave, -IconScratchPad, -IconSearch, -IconSecondaryProvider, -IconSend, -IconSeparate, -IconSettings, -IconSharedSchedules, -IconSimulation, -IconSortAscending, -IconSortDescending, -IconSpinner, -IconSquareSymbol, -IconSquareSymbolLight, -IconStartPresenting, -IconStopPresenting, -IconSwap, -IconTable, -IconTag, -IconTeardropSymbol, -IconTeardropSymbolLight, -IconTeardropUpSymbol, -IconTeardropUpSymbolLight, -IconThinDiamondSymbol, -IconThinDiamondSymbolLight, -IconTile, -IconTrash, -IconTreemap, -IconTrendingDown, -IconTrendingUp, -IconTriangleDownSymbol, -IconTriangleDownSymbolLight, -IconTriangleSymbol, -IconTriangleSymbolLight, -IconTrophy, -IconUnavailable, -IconUndo, -IconUnknown, -IconUnlock, -IconUnread, -IconUp, -IconUpload, -IconUsers, -IconVideoCamera, -IconVideoCameraDisabled, -IconVisualization, -IconVolumeSetDecrease, -IconVolumeSetDefault, -IconVolumeSetIncrease, -IconVolumeSetMute, -IconWaveform, -IconWifi, -IconWifiSlash, -IconXSymbol, -IconXSymbolLight, -IconZoomIn, -IconZoomOut, + IconAdd, + IconAddPerson, + IconAllergy, + IconAnalytics, + IconAnnouncement, + IconArchive, + IconAttachment, + IconAudio, + IconAutoText, + IconAway, + IconBedRequested, + IconBluetooth, + IconBluetoothSlash, + IconBookmark, + IconBriefcase, + IconBrokenImage, + IconBrokenLinkUnlink, + IconBusy, + IconCalculator, + IconCalendar, + IconCamera, + IconCancel, + IconCaretDown, + IconCaretLeft, + IconCaretRight, + IconCaretUp, + IconCatalogueNumber, + IconCaution, + IconCeMarking, + IconChecklist, + IconCheckmark, + IconChevron, + IconChevronDown, + IconChevronLeft, + IconChevronRight, + IconChevronUp, + IconCircleLinesSymbol, + IconCircleSymbol, + IconCircleSymbolLight, + IconClear, + IconClipboard, + IconClock, + IconClose, + IconCollapseRow, + IconComment, + IconCommit, + IconCompose, + IconConfidential, + IconConsultInstructionsForUse, + IconDateOfManufacture, + IconDevice, + IconDiamondSymbol, + IconDiamondSymbolLight, + IconDocumentPlus, + IconDocuments, + IconDoorOpen, + IconDoubleChevronLeft, + IconDoubleChevronRight, + IconDown, + IconDownload, + IconDue, + IconEcRep, + IconEdit, + IconEllipses, + IconEnvelope, + IconEnvelopeFill, + IconExclamation, + IconExpandLess, + IconExpandMore, + IconExpandRow, + IconExtensions, + IconExternalLink, + IconFeatured, + IconFeaturedOff, + IconFeaturedOutline, + IconFirst, + IconFitHeight, + IconFitScale, + IconFitWidth, + IconFlag, + IconFlipHorizontal, + IconFlipVertical, + IconFlowsheet, + IconFolder, + IconForward, + IconFunnel, + IconGapChecking, + IconGlasses, + IconGroup, + IconHalfRating, + IconHelpThemeable, + IconHold, + IconHospital, + IconHouse, + IconImage, + IconImplant, + IconIncomingCall, + IconIncomplete, + IconInformationThemeable, + IconIPass, + IconItalicI, + IconKeyboard, + IconKnurling, + IconLast, + IconLeft, + IconLeftPane, + IconLightbulb, + IconLink, + IconList, + IconLocationPin, + IconLookback, + IconManufacturer, + IconMaximize, + IconMediaFastForward, + IconMediaPause, + IconMediaPlay, + IconMediaRecord, + IconMediaRewind, + IconMediaStop, + IconMedicationTablet, + IconMedicationTabletHalf, + IconMedicationTabletHalfOutline, + IconMedicationTabletOutline, + IconMenu, + IconMerge, + IconMicrophone, + IconMicrophoneDisabled, + IconMinimize, + IconMinus, + IconMissedCall, + IconModified, + IconMultipleResultsCritical, + IconMultipleResultsNormal, + IconMultipleResultsNotNormal, + IconNavStackUp, + IconNext, + IconNoResults, + IconNoSignal, + IconNotification, + IconNotificationDisabled, + IconNotificationOff, + IconNotMet, + IconOutgoingCall, + IconPadlock, + IconPager, + IconPanelLeft, + IconPanelRight, + IconPaperFolded, + IconPaperPencil, + IconPartiallyMet, + IconPatientSearch, + IconPending, + IconPerson, + IconPersonConnection, + IconPersonDoor, + IconPersonHospital, + IconPersonnelPerson, + IconPharmacyReview, + IconPharmacyVerification, + IconPhone, + IconPhoneDown, + IconPill, + IconPinDiagonal, + IconPinDown, + IconPlusSymbol, + IconPlusSymbolLight, + IconPrevious, + IconPrinter, + IconProjects, + IconProtocol, + IconProvider, + IconQuestion, + IconQuestionOutline, + IconRectangleSymbol, + IconRectangleSymbolLight, + IconRecurringEvent, + IconRedo, + IconRefresh, + IconRefusedSlot, + IconReply, + IconReplyAll, + IconRequired, + IconRight, + IconRotateLeft, + IconRotateRight, + IconSave, + IconScratchPad, + IconSearch, + IconSecondaryProvider, + IconSend, + IconSeparate, + IconSettings, + IconSharedSchedules, + IconSimulation, + IconSortAscending, + IconSortDescending, + IconSpinner, + IconSquareSymbol, + IconSquareSymbolLight, + IconStartPresenting, + IconStopPresenting, + IconSwap, + IconTable, + IconTag, + IconTeardropSymbol, + IconTeardropSymbolLight, + IconTeardropUpSymbol, + IconTeardropUpSymbolLight, + IconThinDiamondSymbol, + IconThinDiamondSymbolLight, + IconTile, + IconTrash, + IconTreemap, + IconTrendingDown, + IconTrendingUp, + IconTriangleDownSymbol, + IconTriangleDownSymbolLight, + IconTriangleSymbol, + IconTriangleSymbolLight, + IconTrophy, + IconUnavailable, + IconUndo, + IconUnknown, + IconUnlock, + IconUnread, + IconUp, + IconUpload, + IconUsers, + IconVideoCamera, + IconVideoCameraDisabled, + IconVisualization, + IconVolumeSetDecrease, + IconVolumeSetDefault, + IconVolumeSetIncrease, + IconVolumeSetMute, + IconWaveform, + IconWifi, + IconWifiSlash, + IconXSymbol, + IconXSymbolLight, + IconZoomIn, + IconZoomOut, } from 'terra-icon'; const cellStyle = { padding: '0.5rem' }; @@ -261,223 +262,223 @@ const IconAll = () => ( add - {`import { IconAdd } from 'terra-icon';`} + import { IconAdd } from 'terra-icon'; - - search + + addPerson - {`import { IconSearch } from 'terra-icon';`} + import { IconAddPerson } from 'terra-icon'; - - commit + + allergy - {`import { IconCommit } from 'terra-icon';`} + import { IconAllergy } from 'terra-icon'; - - checkmark + + analytics - {`import { IconCheckmark } from 'terra-icon';`} + import { IconAnalytics } from 'terra-icon'; - - trash + + announcement - {`import { IconTrash } from 'terra-icon';`} + import { IconAnnouncement } from 'terra-icon'; - - paperFolded + + archive - {`import { IconPaperFolded } from 'terra-icon';`} + import { IconArchive } from 'terra-icon'; - - printer + + attachment - {`import { IconPrinter } from 'terra-icon';`} + import { IconAttachment } from 'terra-icon'; - - comment + + audio - {`import { IconComment } from 'terra-icon';`} + import { IconAudio } from 'terra-icon'; - - bookmark + + autoText - {`import { IconBookmark } from 'terra-icon';`} + import { IconAutoText } from 'terra-icon'; - - modified + + away - {`import { IconModified } from 'terra-icon';`} + import { IconAway } from 'terra-icon'; - - first + + bedRequested - {`import { IconFirst } from 'terra-icon';`} + import { IconBedRequested } from 'terra-icon'; - - folder + + bluetooth - {`import { IconFolder } from 'terra-icon';`} + import { IconBluetooth } from 'terra-icon'; - - attachment + + bluetoothSlash - {`import { IconAttachment } from 'terra-icon';`} + import { IconBluetoothSlash } from 'terra-icon'; - - send + + bookmark - {`import { IconSend } from 'terra-icon';`} + import { IconBookmark } from 'terra-icon'; - - pill + + briefcase - {`import { IconPill } from 'terra-icon';`} + import { IconBriefcase } from 'terra-icon'; - - redo + + brokenImage - {`import { IconRedo } from 'terra-icon';`} + import { IconBrokenImage } from 'terra-icon'; - - visualization + + brokenLink_unlink - {`import { IconVisualization } from 'terra-icon';`} + import { IconBrokenLinkUnlink } from 'terra-icon'; - - lightbulb + + busy - {`import { IconLightbulb } from 'terra-icon';`} + import { IconBusy } from 'terra-icon'; - - forward + + calculator - {`import { IconForward } from 'terra-icon';`} + import { IconCalculator } from 'terra-icon'; - - projects + + calendar - {`import { IconProjects } from 'terra-icon';`} + import { IconCalendar } from 'terra-icon'; - - replyAll + + camera - {`import { IconReplyAll } from 'terra-icon';`} + import { IconCamera } from 'terra-icon'; - - flag + + cancel - {`import { IconFlag } from 'terra-icon';`} + import { IconCancel } from 'terra-icon'; - - calculator + + caretDown - {`import { IconCalculator } from 'terra-icon';`} + import { IconCaretDown } from 'terra-icon'; - - caretRight + + caretLeft - {`import { IconCaretRight } from 'terra-icon';`} + import { IconCaretLeft } from 'terra-icon'; - - caretLeft + + caretRight - {`import { IconCaretLeft } from 'terra-icon';`} + import { IconCaretRight } from 'terra-icon'; @@ -486,295 +487,295 @@ const IconAll = () => ( caretUp - {`import { IconCaretUp } from 'terra-icon';`} + import { IconCaretUp } from 'terra-icon'; - - caretDown + + catalogueNumber - {`import { IconCaretDown } from 'terra-icon';`} + import { IconCatalogueNumber } from 'terra-icon'; - - trophy + + caution - {`import { IconTrophy } from 'terra-icon';`} + import { IconCaution } from 'terra-icon'; - - chevronLeft + + ceMarking - {`import { IconChevronLeft } from 'terra-icon';`} + import { IconCeMarking } from 'terra-icon'; - - previous + + checklist - {`import { IconPrevious } from 'terra-icon';`} + import { IconChecklist } from 'terra-icon'; - - chevronRight + + checkmark - {`import { IconChevronRight } from 'terra-icon';`} + import { IconCheckmark } from 'terra-icon'; - - next + + chevron - {`import { IconNext } from 'terra-icon';`} + import { IconChevron } from 'terra-icon'; - - chevronUp + + chevronDown - {`import { IconChevronUp } from 'terra-icon';`} + import { IconChevronDown } from 'terra-icon'; - - expandLess + + chevronLeft - {`import { IconExpandLess } from 'terra-icon';`} + import { IconChevronLeft } from 'terra-icon'; - - chevron + + chevronRight - {`import { IconChevron } from 'terra-icon';`} + import { IconChevronRight } from 'terra-icon'; - - chevronDown + + chevronUp - {`import { IconChevronDown } from 'terra-icon';`} + import { IconChevronUp } from 'terra-icon'; - - expandMore + + circleLines_symbol - {`import { IconExpandMore } from 'terra-icon';`} + import { IconCircleLinesSymbol } from 'terra-icon'; - - clock + + circle_symbol - {`import { IconClock } from 'terra-icon';`} + import { IconCircleSymbol } from 'terra-icon'; - - away + + circle_symbol_light - {`import { IconAway } from 'terra-icon';`} + import { IconCircleSymbolLight } from 'terra-icon'; - - sortAscending + + clear - {`import { IconSortAscending } from 'terra-icon';`} + import { IconClear } from 'terra-icon'; - - sortDescending + + clipboard - {`import { IconSortDescending } from 'terra-icon';`} + import { IconClipboard } from 'terra-icon'; - - treemap + + clock - {`import { IconTreemap } from 'terra-icon';`} + import { IconClock } from 'terra-icon'; - - glasses + + close - {`import { IconGlasses } from 'terra-icon';`} + import { IconClose } from 'terra-icon'; - - image + + collapseRow - {`import { IconImage } from 'terra-icon';`} + import { IconCollapseRow } from 'terra-icon'; - - doorOpen + + comment - {`import { IconDoorOpen } from 'terra-icon';`} + import { IconComment } from 'terra-icon'; - - ellipses + + commit - {`import { IconEllipses } from 'terra-icon';`} + import { IconCommit } from 'terra-icon'; - - exclamation + + compose - {`import { IconExclamation } from 'terra-icon';`} + import { IconCompose } from 'terra-icon'; - - italic-i + + confidential - {`import { IconItalicI } from 'terra-icon';`} + import { IconConfidential } from 'terra-icon'; - - information_themeable + + consultInstructionsForUse - {`import { IconInformationThemeable } from 'terra-icon';`} + import { IconConsultInstructionsForUse } from 'terra-icon'; - - minus + + dateOfManufacture - {`import { IconMinus } from 'terra-icon';`} + import { IconDateOfManufacture } from 'terra-icon'; - - close + + device - {`import { IconClose } from 'terra-icon';`} + import { IconDevice } from 'terra-icon'; - - clear + + diamond_symbol - {`import { IconClear } from 'terra-icon';`} + import { IconDiamondSymbol } from 'terra-icon'; - - incomplete + + diamond_symbol_light - {`import { IconIncomplete } from 'terra-icon';`} + import { IconDiamondSymbolLight } from 'terra-icon'; - - notMet + + documentPlus - {`import { IconNotMet } from 'terra-icon';`} + import { IconDocumentPlus } from 'terra-icon'; - - person + + documents - {`import { IconPerson } from 'terra-icon';`} + import { IconDocuments } from 'terra-icon'; - - left + + doorOpen - {`import { IconLeft } from 'terra-icon';`} + import { IconDoorOpen } from 'terra-icon'; - - right + + doubleChevronLeft - {`import { IconRight } from 'terra-icon';`} + import { IconDoubleChevronLeft } from 'terra-icon'; - - up + + doubleChevronRight - {`import { IconUp } from 'terra-icon';`} + import { IconDoubleChevronRight } from 'terra-icon'; @@ -783,1645 +784,1654 @@ const IconAll = () => ( down - {`import { IconDown } from 'terra-icon';`} + import { IconDown } from 'terra-icon'; - - settings + + download - {`import { IconSettings } from 'terra-icon';`} + import { IconDownload } from 'terra-icon'; - - edit + + due - {`import { IconEdit } from 'terra-icon';`} + import { IconDue } from 'terra-icon'; - - calendar + + ecRep - {`import { IconCalendar } from 'terra-icon';`} + import { IconEcRep } from 'terra-icon'; - - lookback + + edit - {`import { IconLookback } from 'terra-icon';`} + import { IconEdit } from 'terra-icon'; - - refresh + + ellipses - {`import { IconRefresh } from 'terra-icon';`} + import { IconEllipses } from 'terra-icon'; - - provider + + envelope - {`import { IconProvider } from 'terra-icon';`} + import { IconEnvelope } from 'terra-icon'; - - padlock + + envelopeFill - {`import { IconPadlock } from 'terra-icon';`} + import { IconEnvelopeFill } from 'terra-icon'; - - featured + + exclamation - {`import { IconFeatured } from 'terra-icon';`} + import { IconExclamation } from 'terra-icon'; - - featuredOff + + expandLess - {`import { IconFeaturedOff } from 'terra-icon';`} + import { IconExpandLess } from 'terra-icon'; - - featuredOutline + + expandMore - {`import { IconFeaturedOutline } from 'terra-icon';`} + import { IconExpandMore } from 'terra-icon'; - - halfRating + + expandRow - {`import { IconHalfRating } from 'terra-icon';`} + import { IconExpandRow } from 'terra-icon'; - - archive + + extensions - {`import { IconArchive } from 'terra-icon';`} + import { IconExtensions } from 'terra-icon'; - - funnel + + externalLink - {`import { IconFunnel } from 'terra-icon';`} + import { IconExternalLink } from 'terra-icon'; - - documents + + featured - {`import { IconDocuments } from 'terra-icon';`} + import { IconFeatured } from 'terra-icon'; - - question + + featuredOff - {`import { IconQuestion } from 'terra-icon';`} + import { IconFeaturedOff } from 'terra-icon'; - - help_themeable + + featuredOutline - {`import { IconHelpThemeable } from 'terra-icon';`} + import { IconFeaturedOutline } from 'terra-icon'; - - unknown + + first - {`import { IconUnknown } from 'terra-icon';`} + import { IconFirst } from 'terra-icon'; - - questionOutline + + fitHeight - {`import { IconQuestionOutline } from 'terra-icon';`} + import { IconFitHeight } from 'terra-icon'; - - house + + fitScale - {`import { IconHouse } from 'terra-icon';`} + import { IconFitScale } from 'terra-icon'; - - save + + fitWidth - {`import { IconSave } from 'terra-icon';`} + import { IconFitWidth } from 'terra-icon'; - - hospital + + flag - {`import { IconHospital } from 'terra-icon';`} + import { IconFlag } from 'terra-icon'; - - pending + + flipHorizontal - {`import { IconPending } from 'terra-icon';`} + import { IconFlipHorizontal } from 'terra-icon'; - - analytics + + flipVertical - {`import { IconAnalytics } from 'terra-icon';`} + import { IconFlipVertical } from 'terra-icon'; - - announcement + + flowsheet - {`import { IconAnnouncement } from 'terra-icon';`} + import { IconFlowsheet } from 'terra-icon'; - - camera + + folder - {`import { IconCamera } from 'terra-icon';`} + import { IconFolder } from 'terra-icon'; - - briefcase + + forward - {`import { IconBriefcase } from 'terra-icon';`} + import { IconForward } from 'terra-icon'; - - link + + funnel - {`import { IconLink } from 'terra-icon';`} + import { IconFunnel } from 'terra-icon'; - - menu + + gap checking - {`import { IconMenu } from 'terra-icon';`} + import { IconGapChecking } from 'terra-icon'; - - list + + glasses - {`import { IconList } from 'terra-icon';`} + import { IconGlasses } from 'terra-icon'; - - checklist + + group - {`import { IconChecklist } from 'terra-icon';`} + import { IconGroup } from 'terra-icon'; - - unlock + + halfRating - {`import { IconUnlock } from 'terra-icon';`} + import { IconHalfRating } from 'terra-icon'; - - due + + help_themeable - {`import { IconDue } from 'terra-icon';`} + import { IconHelpThemeable } from 'terra-icon'; - - spinner + + hold - {`import { IconSpinner } from 'terra-icon';`} + import { IconHold } from 'terra-icon'; - - tile + + hospital - {`import { IconTile } from 'terra-icon';`} + import { IconHospital } from 'terra-icon'; - - users + + house - {`import { IconUsers } from 'terra-icon';`} + import { IconHouse } from 'terra-icon'; - - knurling + + image - {`import { IconKnurling } from 'terra-icon';`} + import { IconImage } from 'terra-icon'; - - addPerson + + implant - {`import { IconAddPerson } from 'terra-icon';`} + import { IconImplant } from 'terra-icon'; - - upload + + incomingCall - {`import { IconUpload } from 'terra-icon';`} + import { IconIncomingCall } from 'terra-icon'; - - download + + incomplete - {`import { IconDownload } from 'terra-icon';`} + import { IconIncomplete } from 'terra-icon'; - - cancel + + information_themeable - {`import { IconCancel } from 'terra-icon';`} + import { IconInformationThemeable } from 'terra-icon'; - - maximize + + iPass - {`import { IconMaximize } from 'terra-icon';`} + import { IconIPass } from 'terra-icon'; - - minimize + + italic-i - {`import { IconMinimize } from 'terra-icon';`} + import { IconItalicI } from 'terra-icon'; - - reply + + keyboard - {`import { IconReply } from 'terra-icon';`} + import { IconKeyboard } from 'terra-icon'; - - table + + knurling - {`import { IconTable } from 'terra-icon';`} + import { IconKnurling } from 'terra-icon'; - - required + + last - {`import { IconRequired } from 'terra-icon';`} + import { IconLast } from 'terra-icon'; - - gap checking + + left - {`import { IconGapChecking } from 'terra-icon';`} + import { IconLeft } from 'terra-icon'; - - personHospital + + leftPane - {`import { IconPersonHospital } from 'terra-icon';`} + import { IconLeftPane } from 'terra-icon'; - - personnelPerson + + lightbulb - {`import { IconPersonnelPerson } from 'terra-icon';`} + import { IconLightbulb } from 'terra-icon'; - - leftPane + + link - {`import { IconLeftPane } from 'terra-icon';`} + import { IconLink } from 'terra-icon'; - - flowsheet + + list - {`import { IconFlowsheet } from 'terra-icon';`} + import { IconList } from 'terra-icon'; - - notificationOff + + locationPin - {`import { IconNotificationOff } from 'terra-icon';`} + import { IconLocationPin } from 'terra-icon'; - - notification + + lookback - {`import { IconNotification } from 'terra-icon';`} + import { IconLookback } from 'terra-icon'; - - notificationDisabled + + manufacturer - {`import { IconNotificationDisabled } from 'terra-icon';`} + import { IconManufacturer } from 'terra-icon'; - - last + + maximize - {`import { IconLast } from 'terra-icon';`} + import { IconMaximize } from 'terra-icon'; - - device + + mediaFastForward - {`import { IconDevice } from 'terra-icon';`} + import { IconMediaFastForward } from 'terra-icon'; - - paperPencil + + mediaPause - {`import { IconPaperPencil } from 'terra-icon';`} + import { IconMediaPause } from 'terra-icon'; - - clipboard + + mediaPlay - {`import { IconClipboard } from 'terra-icon';`} + import { IconMediaPlay } from 'terra-icon'; - - zoomOut + + mediaRecord - {`import { IconZoomOut } from 'terra-icon';`} + import { IconMediaRecord } from 'terra-icon'; - - zoomIn + + mediaRewind - {`import { IconZoomIn } from 'terra-icon';`} + import { IconMediaRewind } from 'terra-icon'; - - envelope + + mediaStop - {`import { IconEnvelope } from 'terra-icon';`} + import { IconMediaStop } from 'terra-icon'; - - envelopeFill + + medicationTablet - {`import { IconEnvelopeFill } from 'terra-icon';`} + import { IconMedicationTablet } from 'terra-icon'; - - allergy + + medicationTabletHalf - {`import { IconAllergy } from 'terra-icon';`} + import { IconMedicationTabletHalf } from 'terra-icon'; - - phoneDown + + medicationTabletHalfOutline - {`import { IconPhoneDown } from 'terra-icon';`} + import { IconMedicationTabletHalfOutline } from 'terra-icon'; - - phone + + medicationTabletOutline - {`import { IconPhone } from 'terra-icon';`} + import { IconMedicationTabletOutline } from 'terra-icon'; - - panelLeft + + menu - {`import { IconPanelLeft } from 'terra-icon';`} + import { IconMenu } from 'terra-icon'; - - panelRight + + merge - {`import { IconPanelRight } from 'terra-icon';`} + import { IconMerge } from 'terra-icon'; - - tag + + microphone - {`import { IconTag } from 'terra-icon';`} + import { IconMicrophone } from 'terra-icon'; - - iPass + + microphoneDisabled - {`import { IconIPass } from 'terra-icon';`} + import { IconMicrophoneDisabled } from 'terra-icon'; - - scratchPad + + minimize - {`import { IconScratchPad } from 'terra-icon';`} + import { IconMinimize } from 'terra-icon'; - - pharmacyReview + + minus - {`import { IconPharmacyReview } from 'terra-icon';`} + import { IconMinus } from 'terra-icon'; - - busy + + missedCall - {`import { IconBusy } from 'terra-icon';`} + import { IconMissedCall } from 'terra-icon'; - - unavailable + + modified - {`import { IconUnavailable } from 'terra-icon';`} + import { IconModified } from 'terra-icon'; - - implant + + multipleResultsCritical - {`import { IconImplant } from 'terra-icon';`} + import { IconMultipleResultsCritical } from 'terra-icon'; - - protocol + + multipleResultsNormal - {`import { IconProtocol } from 'terra-icon';`} + import { IconMultipleResultsNormal } from 'terra-icon'; - - videoCamera + + multipleResultsNotNormal - {`import { IconVideoCamera } from 'terra-icon';`} + import { IconMultipleResultsNotNormal } from 'terra-icon'; - - videoCameraDisabled + + navStackUp - {`import { IconVideoCameraDisabled } from 'terra-icon';`} + import { IconNavStackUp } from 'terra-icon'; - - noSignal + + next - {`import { IconNoSignal } from 'terra-icon';`} + import { IconNext } from 'terra-icon'; - - undo + + noResults - {`import { IconUndo } from 'terra-icon';`} + import { IconNoResults } from 'terra-icon'; - - recurringEvent + + noSignal - {`import { IconRecurringEvent } from 'terra-icon';`} + import { IconNoSignal } from 'terra-icon'; - - separate + + notification - {`import { IconSeparate } from 'terra-icon';`} + import { IconNotification } from 'terra-icon'; - - merge + + notificationDisabled - {`import { IconMerge } from 'terra-icon';`} + import { IconNotificationDisabled } from 'terra-icon'; - - compose + + notificationOff - {`import { IconCompose } from 'terra-icon';`} + import { IconNotificationOff } from 'terra-icon'; - - unread + + notMet - {`import { IconUnread } from 'terra-icon';`} + import { IconNotMet } from 'terra-icon'; - - swap + + outgoingCall - {`import { IconSwap } from 'terra-icon';`} + import { IconOutgoingCall } from 'terra-icon'; - - microphone + + padlock - {`import { IconMicrophone } from 'terra-icon';`} + import { IconPadlock } from 'terra-icon'; - - microphoneDisabled + + pager - {`import { IconMicrophoneDisabled } from 'terra-icon';`} + import { IconPager } from 'terra-icon'; - - outgoingCall + + panelLeft - {`import { IconOutgoingCall } from 'terra-icon';`} + import { IconPanelLeft } from 'terra-icon'; - - incomingCall + + panelRight - {`import { IconIncomingCall } from 'terra-icon';`} + import { IconPanelRight } from 'terra-icon'; - - missedCall + + paperFolded - {`import { IconMissedCall } from 'terra-icon';`} + import { IconPaperFolded } from 'terra-icon'; - - pinDown + + paperPencil - {`import { IconPinDown } from 'terra-icon';`} + import { IconPaperPencil } from 'terra-icon'; - - pinDiagonal + + partiallyMet - {`import { IconPinDiagonal } from 'terra-icon';`} + import { IconPartiallyMet } from 'terra-icon'; - - audio + + patientSearch - {`import { IconAudio } from 'terra-icon';`} + import { IconPatientSearch } from 'terra-icon'; - - externalLink + + pending - {`import { IconExternalLink } from 'terra-icon';`} + import { IconPending } from 'terra-icon'; - - bedRequested + + person - {`import { IconBedRequested } from 'terra-icon';`} + import { IconPerson } from 'terra-icon'; - - flipVertical + + personConnection - {`import { IconFlipVertical } from 'terra-icon';`} + import { IconPersonConnection } from 'terra-icon'; - - flipHorizontal + + personDoor - {`import { IconFlipHorizontal } from 'terra-icon';`} + import { IconPersonDoor } from 'terra-icon'; - - rotateLeft + + personHospital - {`import { IconRotateLeft } from 'terra-icon';`} + import { IconPersonHospital } from 'terra-icon'; - - rotateRight + + personnelPerson - {`import { IconRotateRight } from 'terra-icon';`} + import { IconPersonnelPerson } from 'terra-icon'; - - hold + + pharmacyReview - {`import { IconHold } from 'terra-icon';`} + import { IconPharmacyReview } from 'terra-icon'; - - fitWidth + + pharmacyVerification - {`import { IconFitWidth } from 'terra-icon';`} + import { IconPharmacyVerification } from 'terra-icon'; - - fitScale + + phone - {`import { IconFitScale } from 'terra-icon';`} + import { IconPhone } from 'terra-icon'; - - secondaryProvider + + phoneDown - {`import { IconSecondaryProvider } from 'terra-icon';`} + import { IconPhoneDown } from 'terra-icon'; - - partiallyMet + + pill - {`import { IconPartiallyMet } from 'terra-icon';`} + import { IconPill } from 'terra-icon'; - - simulation + + pinDiagonal - {`import { IconSimulation } from 'terra-icon';`} + import { IconPinDiagonal } from 'terra-icon'; - - collapseRow + + pinDown - {`import { IconCollapseRow } from 'terra-icon';`} + import { IconPinDown } from 'terra-icon'; - - expandRow + + plus_symbol - {`import { IconExpandRow } from 'terra-icon';`} + import { IconPlusSymbol } from 'terra-icon'; - - doubleChevronLeft + + plus_symbol_light - {`import { IconDoubleChevronLeft } from 'terra-icon';`} + import { IconPlusSymbolLight } from 'terra-icon'; - - doubleChevronRight + + previous - {`import { IconDoubleChevronRight } from 'terra-icon';`} + import { IconPrevious } from 'terra-icon'; - - extensions + + printer - {`import { IconExtensions } from 'terra-icon';`} + import { IconPrinter } from 'terra-icon'; - - documentPlus + + projects - {`import { IconDocumentPlus } from 'terra-icon';`} + import { IconProjects } from 'terra-icon'; - - refusedSlot + + protocol - {`import { IconRefusedSlot } from 'terra-icon';`} + import { IconProtocol } from 'terra-icon'; - - pharmacyVerification + + provider - {`import { IconPharmacyVerification } from 'terra-icon';`} + import { IconProvider } from 'terra-icon'; - - fitHeight + + question - {`import { IconFitHeight } from 'terra-icon';`} + import { IconQuestion } from 'terra-icon'; - - personDoor + + questionOutline - {`import { IconPersonDoor } from 'terra-icon';`} + import { IconQuestionOutline } from 'terra-icon'; - - locationPin + + rectangle_symbol - {`import { IconLocationPin } from 'terra-icon';`} + import { IconRectangleSymbol } from 'terra-icon'; - - mediaPlay + + rectangle_symbol_light - {`import { IconMediaPlay } from 'terra-icon';`} + import { IconRectangleSymbolLight } from 'terra-icon'; - - mediaPause + + recurringEvent - {`import { IconMediaPause } from 'terra-icon';`} + import { IconRecurringEvent } from 'terra-icon'; - - mediaStop + + redo + + + import { IconRedo } from 'terra-icon'; + + + + + + refresh - {`import { IconMediaStop } from 'terra-icon';`} + import { IconRefresh } from 'terra-icon'; - - mediaRecord + + refusedSlot - {`import { IconMediaRecord } from 'terra-icon';`} + import { IconRefusedSlot } from 'terra-icon'; - - mediaFastForward + + reply - {`import { IconMediaFastForward } from 'terra-icon';`} + import { IconReply } from 'terra-icon'; - - mediaRewind + + replyAll - {`import { IconMediaRewind } from 'terra-icon';`} + import { IconReplyAll } from 'terra-icon'; - - bluetooth + + required - {`import { IconBluetooth } from 'terra-icon';`} + import { IconRequired } from 'terra-icon'; - - bluetoothSlash + + right - {`import { IconBluetoothSlash } from 'terra-icon';`} + import { IconRight } from 'terra-icon'; - - startPresenting + + rotateLeft - {`import { IconStartPresenting } from 'terra-icon';`} + import { IconRotateLeft } from 'terra-icon'; - - stopPresenting + + rotateRight - {`import { IconStopPresenting } from 'terra-icon';`} + import { IconRotateRight } from 'terra-icon'; - - pager + + save - {`import { IconPager } from 'terra-icon';`} + import { IconSave } from 'terra-icon'; - - autoText + + scratchPad - {`import { IconAutoText } from 'terra-icon';`} + import { IconScratchPad } from 'terra-icon'; - - keyboard + + search - {`import { IconKeyboard } from 'terra-icon';`} + import { IconSearch } from 'terra-icon'; - - sharedSchedules + + secondaryProvider - {`import { IconSharedSchedules } from 'terra-icon';`} + import { IconSecondaryProvider } from 'terra-icon'; - - patientSearch + + send - {`import { IconPatientSearch } from 'terra-icon';`} + import { IconSend } from 'terra-icon'; - - group + + separate - {`import { IconGroup } from 'terra-icon';`} + import { IconSeparate } from 'terra-icon'; - - medicationTablet + + settings - {`import { IconMedicationTablet } from 'terra-icon';`} + import { IconSettings } from 'terra-icon'; - - medicationTabletOutline + + sharedSchedules - {`import { IconMedicationTabletOutline } from 'terra-icon';`} + import { IconSharedSchedules } from 'terra-icon'; - - medicationTabletHalf + + simulation - {`import { IconMedicationTabletHalf } from 'terra-icon';`} + import { IconSimulation } from 'terra-icon'; - - medicationTabletHalfOutline + + sortAscending - {`import { IconMedicationTabletHalfOutline } from 'terra-icon';`} + import { IconSortAscending } from 'terra-icon'; - - waveform + + sortDescending - {`import { IconWaveform } from 'terra-icon';`} + import { IconSortDescending } from 'terra-icon'; - - confidential + + spinner - {`import { IconConfidential } from 'terra-icon';`} + import { IconSpinner } from 'terra-icon'; - - wifi + + square_symbol - {`import { IconWifi } from 'terra-icon';`} + import { IconSquareSymbol } from 'terra-icon'; - - wifiSlash + + square_symbol_light - {`import { IconWifiSlash } from 'terra-icon';`} + import { IconSquareSymbolLight } from 'terra-icon'; - - brokenImage + + startPresenting - {`import { IconBrokenImage } from 'terra-icon';`} + import { IconStartPresenting } from 'terra-icon'; - - brokenLink_unlink + + stopPresenting - {`import { IconBrokenLinkUnlink } from 'terra-icon';`} + import { IconStopPresenting } from 'terra-icon'; - - volumeSet_default + + swap - {`import { IconVolumeSetDefault } from 'terra-icon';`} + import { IconSwap } from 'terra-icon'; - - volumeSet_decrease + + table - {`import { IconVolumeSetDecrease } from 'terra-icon';`} + import { IconTable } from 'terra-icon'; - - volumeSet_increase + + tag - {`import { IconVolumeSetIncrease } from 'terra-icon';`} + import { IconTag } from 'terra-icon'; - - volumeSet_mute + + teardrop_symbol - {`import { IconVolumeSetMute } from 'terra-icon';`} + import { IconTeardropSymbol } from 'terra-icon'; - - personConnection + + teardrop_symbol_light - {`import { IconPersonConnection } from 'terra-icon';`} + import { IconTeardropSymbolLight } from 'terra-icon'; - - trendingUp + + teardropUp_symbol - {`import { IconTrendingUp } from 'terra-icon';`} + import { IconTeardropUpSymbol } from 'terra-icon'; - - trendingDown + + teardropUp_symbol_light - {`import { IconTrendingDown } from 'terra-icon';`} + import { IconTeardropUpSymbolLight } from 'terra-icon'; - - noResults + + thinDiamond_symbol - {`import { IconNoResults } from 'terra-icon';`} + import { IconThinDiamondSymbol } from 'terra-icon'; - - navStackUp + + thinDiamond_symbol_light - {`import { IconNavStackUp } from 'terra-icon';`} + import { IconThinDiamondSymbolLight } from 'terra-icon'; - - multipleResultsNormal + + tile - {`import { IconMultipleResultsNormal } from 'terra-icon';`} + import { IconTile } from 'terra-icon'; - - multipleResultsNotNormal + + trash - {`import { IconMultipleResultsNotNormal } from 'terra-icon';`} + import { IconTrash } from 'terra-icon'; - - multipleResultsCritical + + treemap - {`import { IconMultipleResultsCritical } from 'terra-icon';`} + import { IconTreemap } from 'terra-icon'; - - circle_symbol + + trendingDown - {`import { IconCircleSymbol } from 'terra-icon';`} + import { IconTrendingDown } from 'terra-icon'; - - circle_symbol_light + + trendingUp - {`import { IconCircleSymbolLight } from 'terra-icon';`} + import { IconTrendingUp } from 'terra-icon'; - - diamond_symbol + + triangleDown_symbol - {`import { IconDiamondSymbol } from 'terra-icon';`} + import { IconTriangleDownSymbol } from 'terra-icon'; - - diamond_symbol_light + + triangleDown_symbol_light - {`import { IconDiamondSymbolLight } from 'terra-icon';`} + import { IconTriangleDownSymbolLight } from 'terra-icon'; - - plus_symbol + + triangle_symbol - {`import { IconPlusSymbol } from 'terra-icon';`} + import { IconTriangleSymbol } from 'terra-icon'; - - plus_symbol_light + + triangle_symbol_light - {`import { IconPlusSymbolLight } from 'terra-icon';`} + import { IconTriangleSymbolLight } from 'terra-icon'; - - rectangle_symbol + + trophy - {`import { IconRectangleSymbol } from 'terra-icon';`} + import { IconTrophy } from 'terra-icon'; - - rectangle_symbol_light + + unavailable - {`import { IconRectangleSymbolLight } from 'terra-icon';`} + import { IconUnavailable } from 'terra-icon'; - - square_symbol + + undo - {`import { IconSquareSymbol } from 'terra-icon';`} + import { IconUndo } from 'terra-icon'; - - square_symbol_light + + unknown - {`import { IconSquareSymbolLight } from 'terra-icon';`} + import { IconUnknown } from 'terra-icon'; - - teardrop_symbol + + unlock - {`import { IconTeardropSymbol } from 'terra-icon';`} + import { IconUnlock } from 'terra-icon'; - - teardrop_symbol_light + + unread - {`import { IconTeardropSymbolLight } from 'terra-icon';`} + import { IconUnread } from 'terra-icon'; - - teardropUp_symbol + + up - {`import { IconTeardropUpSymbol } from 'terra-icon';`} + import { IconUp } from 'terra-icon'; - - teardropUp_symbol_light + + upload - {`import { IconTeardropUpSymbolLight } from 'terra-icon';`} + import { IconUpload } from 'terra-icon'; - - thinDiamond_symbol + + users - {`import { IconThinDiamondSymbol } from 'terra-icon';`} + import { IconUsers } from 'terra-icon'; - - thinDiamond_symbol_light + + videoCamera - {`import { IconThinDiamondSymbolLight } from 'terra-icon';`} + import { IconVideoCamera } from 'terra-icon'; - - triangle_symbol + + videoCameraDisabled - {`import { IconTriangleSymbol } from 'terra-icon';`} + import { IconVideoCameraDisabled } from 'terra-icon'; - - triangle_symbol_light + + visualization - {`import { IconTriangleSymbolLight } from 'terra-icon';`} + import { IconVisualization } from 'terra-icon'; - - triangleDown_symbol + + volumeSet_decrease - {`import { IconTriangleDownSymbol } from 'terra-icon';`} + import { IconVolumeSetDecrease } from 'terra-icon'; - - triangleDown_symbol_light + + volumeSet_default - {`import { IconTriangleDownSymbolLight } from 'terra-icon';`} + import { IconVolumeSetDefault } from 'terra-icon'; - - x_symbol + + volumeSet_increase - {`import { IconXSymbol } from 'terra-icon';`} + import { IconVolumeSetIncrease } from 'terra-icon'; - - x_symbol_light + + volumeSet_mute - {`import { IconXSymbolLight } from 'terra-icon';`} + import { IconVolumeSetMute } from 'terra-icon'; - - circleLines_symbol + + waveform - {`import { IconCircleLinesSymbol } from 'terra-icon';`} + import { IconWaveform } from 'terra-icon'; - - catalogueNumber + + wifi - {`import { IconCatalogueNumber } from 'terra-icon';`} + import { IconWifi } from 'terra-icon'; - - caution + + wifiSlash - {`import { IconCaution } from 'terra-icon';`} + import { IconWifiSlash } from 'terra-icon'; - - consultInstructionsForUse + + x_symbol - {`import { IconConsultInstructionsForUse } from 'terra-icon';`} + import { IconXSymbol } from 'terra-icon'; - - dateOfManufacture + + x_symbol_light - {`import { IconDateOfManufacture } from 'terra-icon';`} + import { IconXSymbolLight } from 'terra-icon'; - - manufacturer + + zoomIn - {`import { IconManufacturer } from 'terra-icon';`} + import { IconZoomIn } from 'terra-icon'; - - ecRep + + zoomOut - {`import { IconEcRep } from 'terra-icon';`} + import { IconZoomOut } from 'terra-icon'; diff --git a/packages/terra-icon/scripts/src/generate-example/generateStaticIcons.js b/packages/terra-icon/scripts/src/generate-example/generateStaticIcons.js index 673f14a4efe..6b05e5a9e26 100644 --- a/packages/terra-icon/scripts/src/generate-example/generateStaticIcons.js +++ b/packages/terra-icon/scripts/src/generate-example/generateStaticIcons.js @@ -13,14 +13,18 @@ const generateIconAll = (iconObjs) => !iconObj.themeable && !iconObj.deprecated && !iconObj.isOldLowlight ); + staticIcons.sort((a, b) => a.componentName.localeCompare(b.componentName)); + outputfile.write( "// This file is autogenerated from scripts/src/generate-example\n" ); outputfile.write("/* eslint-disable */\n"); outputfile.write("import React from 'react';\n"); + outputfile.write("import {\n"); staticIcons.forEach((iconObj) => { - outputfile.write(iconObj.syntaxImport); + outputfile.write(` ${iconObj.componentName},\n`); }); + outputfile.write("} from 'terra-icon';\n\n"); outputfile.write("const cellStyle = { padding: '0.5rem' };\n"); outputfile.write("const IconAll = () => (\n"); outputfile.write("
"); diff --git a/packages/terra-icon/scripts/src/generate-example/generateThemeableIcons.js b/packages/terra-icon/scripts/src/generate-example/generateThemeableIcons.js index 56a06193e7e..07c87143380 100644 --- a/packages/terra-icon/scripts/src/generate-example/generateThemeableIcons.js +++ b/packages/terra-icon/scripts/src/generate-example/generateThemeableIcons.js @@ -14,14 +14,20 @@ const generateIconAll = (iconObjs) => } }); + themeableIcons.sort((a, b) => a.componentName.localeCompare(b.componentName)); + outputfile.write( "// This file is autogenerated from scripts/src/generate-example\n" ); outputfile.write("/* eslint-disable */\n"); outputfile.write("import React from 'react';\n"); + + outputfile.write("import {\n"); themeableIcons.forEach((iconObj) => { - outputfile.write(iconObj.syntaxImport); + outputfile.write(` ${iconObj.componentName},\n`); }); + outputfile.write("} from 'terra-icon';\n\n"); + outputfile.write("const cellStyle = { padding: '0.5rem' };\n"); outputfile.write("const IconAll = () => (\n"); outputfile.write("
"); diff --git a/packages/terra-icon/scripts/src/icon-utils/parseCsv.js b/packages/terra-icon/scripts/src/icon-utils/parseCsv.js index a139d18f01e..0faa6f9f951 100644 --- a/packages/terra-icon/scripts/src/icon-utils/parseCsv.js +++ b/packages/terra-icon/scripts/src/icon-utils/parseCsv.js @@ -20,7 +20,7 @@ const parseCsv = () => new Promise((resolve) => { jsonObj.bidi = (jsonObj.bidi === 'bi-directional'); jsonObj.spinner = (jsonObj.name === 'IconSpinner'); jsonObj.syntaxComponent = `<${jsonObj.componentName} height='2em' width='2em' />`; - jsonObj.syntaxImport = `import ${jsonObj.componentName} from 'terra-icon/lib/icon/${jsonObj.componentName}';\n`; + jsonObj.syntaxImport = `import { ${jsonObj.componentName} } from 'terra-icon';\n`; /* eslint-enable no-param-reassign */ }).then(jsonObj => resolve(jsonObj)); });