@imtf/icons 0.0.9 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/changelog.md +9 -0
- package/lib/cjs/components/IconSVG.d.ts +9 -9
- package/lib/cjs/components/IconSVG.js +73 -73
- package/lib/cjs/components/index.d.ts +2 -2
- package/lib/cjs/components/index.js +19 -19
- package/lib/cjs/icons/AccountIcon.js +11 -3
- package/lib/cjs/icons/AddCircleIcon.js +11 -3
- package/lib/cjs/icons/AddIcon.js +11 -3
- package/lib/cjs/icons/AdminIcon.js +11 -3
- package/lib/cjs/icons/AlertCircleIcon.js +11 -3
- package/lib/cjs/icons/AlertCircleOutlinedIcon.js +11 -3
- package/lib/cjs/icons/AlertIcon.js +11 -3
- package/lib/cjs/icons/AlertLightIcon.js +11 -3
- package/lib/cjs/icons/AnnotationsIcon.js +11 -3
- package/lib/cjs/icons/AppIcon.js +11 -3
- package/lib/cjs/icons/ArrowDropDownIcon.js +11 -3
- package/lib/cjs/icons/BackIcon.js +11 -3
- package/lib/cjs/icons/BaseDefaultIcon.js +11 -3
- package/lib/cjs/icons/BindersIcon.js +11 -3
- package/lib/cjs/icons/BinocularsIcon.js +11 -3
- package/lib/cjs/icons/BookmarksIcon.js +11 -3
- package/lib/cjs/icons/BusinessIcon.js +11 -3
- package/lib/cjs/icons/CalendarIcon.js +11 -3
- package/lib/cjs/icons/CancelIcon.js +11 -3
- package/lib/cjs/icons/CaseManagerIcon.js +11 -3
- package/lib/cjs/icons/CheckIcon.js +11 -3
- package/lib/cjs/icons/ChevronDownIcon.js +11 -3
- package/lib/cjs/icons/ChevronLeftIcon.js +11 -3
- package/lib/cjs/icons/ChevronRightIcon.js +11 -3
- package/lib/cjs/icons/ChevronUpIcon.js +11 -3
- package/lib/cjs/icons/CircleIcon.js +11 -3
- package/lib/cjs/icons/CollapseAllIcon.js +11 -3
- package/lib/cjs/icons/CommentIcon.js +11 -3
- package/lib/cjs/icons/CommentResolvedIcon.js +11 -3
- package/lib/cjs/icons/CommentUnresolvedIcon.js +11 -3
- package/lib/cjs/icons/CompareIcon.js +11 -3
- package/lib/cjs/icons/ComposeFilled1Icon.js +11 -3
- package/lib/cjs/icons/ComposeFilled2Icon.js +11 -3
- package/lib/cjs/icons/ComposeIcon.js +11 -3
- package/lib/cjs/icons/ConfigurationIcon.js +11 -3
- package/lib/cjs/icons/CustomerIcon.js +11 -3
- package/lib/cjs/icons/DashboardIcon.js +11 -3
- package/lib/cjs/icons/DefaultIcon.js +11 -3
- package/lib/cjs/icons/DeleteIcon.js +11 -3
- package/lib/cjs/icons/DetailsIcon.js +11 -3
- package/lib/cjs/icons/DocIcon.js +11 -3
- package/lib/cjs/icons/DocLinkIcon.js +11 -3
- package/lib/cjs/icons/DocumentIcon.js +11 -3
- package/lib/cjs/icons/DossierIcon.js +11 -3
- package/lib/cjs/icons/DownloadIcon.js +11 -3
- package/lib/cjs/icons/DragHandleIcon.js +11 -3
- package/lib/cjs/icons/DragIcon.js +11 -3
- package/lib/cjs/icons/DropZoneIcon.js +11 -3
- package/lib/cjs/icons/DuplicateIcon.js +11 -3
- package/lib/cjs/icons/EditIcon.js +11 -3
- package/lib/cjs/icons/EditedIcon.js +11 -3
- package/lib/cjs/icons/EmptyNotificationIcon.js +11 -3
- package/lib/cjs/icons/EntityIcon.js +11 -3
- package/lib/cjs/icons/EraseIcon.js +11 -3
- package/lib/cjs/icons/ExpandContentIcon.js +11 -3
- package/lib/cjs/icons/ExternalLinkIcon.js +11 -3
- package/lib/cjs/icons/EyeIcon.js +11 -3
- package/lib/cjs/icons/FileArchiveIcon.js +11 -3
- package/lib/cjs/icons/FileIcon.js +11 -3
- package/lib/cjs/icons/FileImageIcon.js +11 -3
- package/lib/cjs/icons/FileImageLinkIcon.js +11 -3
- package/lib/cjs/icons/FileLinkIcon.js +11 -3
- package/lib/cjs/icons/FilePdfIcon.js +11 -3
- package/lib/cjs/icons/FilePdfLinkIcon.js +11 -3
- package/lib/cjs/icons/FileStackIcon.js +11 -3
- package/lib/cjs/icons/FlagIcon.js +11 -3
- package/lib/cjs/icons/FloppyFilledIcon.js +11 -3
- package/lib/cjs/icons/FloppyIcon.js +11 -3
- package/lib/cjs/icons/FolderAddIcon.js +11 -3
- package/lib/cjs/icons/FolderIcon.js +11 -3
- package/lib/cjs/icons/FolderOpenIcon.js +11 -3
- package/lib/cjs/icons/FolderTemplateIcon.js +11 -3
- package/lib/cjs/icons/FormIcon.js +11 -3
- package/lib/cjs/icons/FullscreenIcon.js +11 -3
- package/lib/cjs/icons/GaugeIcon.js +11 -3
- package/lib/cjs/icons/GaugeLightIcon.js +11 -3
- package/lib/cjs/icons/GenerateFileIcon.js +11 -3
- package/lib/cjs/icons/GraphIcon.js +11 -3
- package/lib/cjs/icons/GroupIcon.js +11 -3
- package/lib/cjs/icons/HistoryIcon.js +11 -3
- package/lib/cjs/icons/HomeIcon.js +11 -3
- package/lib/cjs/icons/HorseIcon.js +11 -3
- package/lib/cjs/icons/InboxIcon.js +11 -3
- package/lib/cjs/icons/InfoIcon.js +11 -3
- package/lib/cjs/icons/InheritableIcon.js +11 -3
- package/lib/cjs/icons/InkIcon.js +11 -3
- package/lib/cjs/icons/LinkIcon.js +11 -3
- package/lib/cjs/icons/LockIcon.js +11 -3
- package/lib/cjs/icons/LogoIcon.js +11 -3
- package/lib/cjs/icons/LogoutIcon.js +11 -3
- package/lib/cjs/icons/MarkerIcon.js +11 -3
- package/lib/cjs/icons/MenuIcon.js +11 -3
- package/lib/cjs/icons/MinusIcon.js +11 -3
- package/lib/cjs/icons/MoreIcon.js +11 -3
- package/lib/cjs/icons/NewIcon.js +11 -3
- package/lib/cjs/icons/NotFoundIcon.js +11 -3
- package/lib/cjs/icons/NotificationsOutlineIcon.js +11 -3
- package/lib/cjs/icons/OpenIcon.js +11 -3
- package/lib/cjs/icons/PermissionsIcon.js +11 -3
- package/lib/cjs/icons/PersonIcon.js +11 -3
- package/lib/cjs/icons/PinFilledIcon.js +11 -3
- package/lib/cjs/icons/PinOutlinedIcon.js +11 -3
- package/lib/cjs/icons/PlayIcon.js +11 -3
- package/lib/cjs/icons/PptIcon.js +11 -3
- package/lib/cjs/icons/PptLinkIcon.js +11 -3
- package/lib/cjs/icons/PreviewIcon.js +11 -3
- package/lib/cjs/icons/PrintIcon.js +11 -3
- package/lib/cjs/icons/QuestionnaireErrorIcon.js +11 -3
- package/lib/cjs/icons/QuestionnaireIcon.js +11 -3
- package/lib/cjs/icons/RemoveIcon.js +11 -3
- package/lib/cjs/icons/RotateRightIcon.js +11 -3
- package/lib/cjs/icons/SafeOkIcon.js +11 -3
- package/lib/cjs/icons/SafePassiveIcon.js +11 -3
- package/lib/cjs/icons/SafeProgressIcon.js +11 -3
- package/lib/cjs/icons/ScissorsIcon.js +11 -3
- package/lib/cjs/icons/SearchIcon.js +11 -3
- package/lib/cjs/icons/SendIcon.js +11 -3
- package/lib/cjs/icons/ShieldWarningIcon.js +11 -3
- package/lib/cjs/icons/SidebarCollapsedIcon.js +11 -3
- package/lib/cjs/icons/SidebarExpandedIcon.js +11 -3
- package/lib/cjs/icons/SidebarIcon.js +11 -3
- package/lib/cjs/icons/SquareIcon.js +11 -3
- package/lib/cjs/icons/StarBorderIcon.js +11 -3
- package/lib/cjs/icons/StarIcon.js +11 -3
- package/lib/cjs/icons/SystemBotIcon.js +11 -3
- package/lib/cjs/icons/TableIcon.js +11 -3
- package/lib/cjs/icons/TaskIcon.js +11 -3
- package/lib/cjs/icons/ThumbnailsIcon.js +11 -3
- package/lib/cjs/icons/TimelapsIcon.js +11 -3
- package/lib/cjs/icons/TimelineIcon.js +11 -3
- package/lib/cjs/icons/ToolsIcon.js +11 -3
- package/lib/cjs/icons/TypesIcon.js +11 -3
- package/lib/cjs/icons/UploadIcon.js +11 -3
- package/lib/cjs/icons/ViewTreeIcon.js +11 -3
- package/lib/cjs/icons/WarningIcon.js +11 -3
- package/lib/cjs/icons/WatermarkIcon.js +11 -3
- package/lib/cjs/icons/XlsIcon.js +11 -3
- package/lib/cjs/icons/XlsLinkIcon.js +11 -3
- package/lib/cjs/icons/index.d.ts +138 -138
- package/lib/cjs/index.d.ts +2 -2
- package/lib/cjs/index.js +15 -15
- package/lib/cjs/providers/IconProvider/Context.d.ts +13 -13
- package/lib/cjs/providers/IconProvider/Context.js +27 -27
- package/lib/cjs/providers/IconProvider/IconProvider.d.ts +9 -9
- package/lib/cjs/providers/IconProvider/IconProvider.js +68 -68
- package/lib/cjs/providers/index.d.ts +4 -4
- package/lib/cjs/providers/index.js +22 -22
- package/lib/esm/components/IconSVG.d.ts +9 -9
- package/lib/esm/components/IconSVG.js +49 -49
- package/lib/esm/components/index.d.ts +2 -2
- package/lib/esm/components/index.js +2 -2
- package/lib/esm/index.d.ts +2 -2
- package/lib/esm/index.js +2 -2
- package/lib/esm/providers/IconProvider/Context.d.ts +13 -13
- package/lib/esm/providers/IconProvider/Context.js +23 -23
- package/lib/esm/providers/IconProvider/IconProvider.d.ts +9 -9
- package/lib/esm/providers/IconProvider/IconProvider.js +44 -44
- package/lib/esm/providers/index.d.ts +4 -4
- package/lib/esm/providers/index.js +4 -4
- package/package.json +53 -51
- package/svg/Account.svg +3 -3
- package/svg/Add.svg +3 -3
- package/svg/AddCircle.svg +3 -3
- package/svg/Admin.svg +3 -3
- package/svg/Alert.svg +4 -4
- package/svg/AlertCircle.svg +3 -3
- package/svg/AlertCircleOutlined.svg +3 -3
- package/svg/AlertLight.svg +4 -4
- package/svg/Annotations.svg +3 -3
- package/svg/App.svg +3 -3
- package/svg/ArrowDropDown.svg +3 -3
- package/svg/Back.svg +3 -3
- package/svg/BaseDefault.svg +1 -1
- package/svg/Binders.svg +3 -3
- package/svg/Binoculars.svg +3 -3
- package/svg/Bookmarks.svg +3 -3
- package/svg/Business.svg +3 -3
- package/svg/Calendar.svg +3 -3
- package/svg/Cancel.svg +3 -3
- package/svg/CaseManager.svg +3 -3
- package/svg/Check.svg +3 -3
- package/svg/ChevronDown.svg +3 -3
- package/svg/ChevronLeft.svg +4 -4
- package/svg/ChevronRight.svg +3 -3
- package/svg/ChevronUp.svg +3 -3
- package/svg/Circle.svg +3 -3
- package/svg/CollapseAll.svg +3 -3
- package/svg/Comment.svg +4 -4
- package/svg/CommentResolved.svg +5 -5
- package/svg/CommentUnresolved.svg +5 -5
- package/svg/Compare.svg +3 -3
- package/svg/Compose.svg +3 -3
- package/svg/ComposeFilled1.svg +3 -3
- package/svg/ComposeFilled2.svg +3 -3
- package/svg/Configuration.svg +3 -3
- package/svg/Customer.svg +3 -3
- package/svg/Dashboard.svg +3 -3
- package/svg/Default.svg +1 -1
- package/svg/Delete.svg +3 -3
- package/svg/Details.svg +3 -3
- package/svg/Doc.svg +3 -3
- package/svg/DocLink.svg +3 -3
- package/svg/Document.svg +3 -3
- package/svg/Dossier.svg +3 -3
- package/svg/Download.svg +3 -3
- package/svg/Drag.svg +3 -3
- package/svg/DragHandle.svg +3 -3
- package/svg/DropZone.svg +3 -3
- package/svg/Duplicate.svg +3 -3
- package/svg/Edit.svg +3 -3
- package/svg/Edited.svg +3 -3
- package/svg/EmptyNotification.svg +3 -3
- package/svg/Entity.svg +3 -3
- package/svg/Erase.svg +3 -3
- package/svg/ExpandContent.svg +5 -5
- package/svg/ExternalLink.svg +4 -4
- package/svg/Eye.svg +3 -3
- package/svg/File.svg +3 -3
- package/svg/FileArchive.svg +3 -3
- package/svg/FileImage.svg +3 -3
- package/svg/FileImageLink.svg +3 -3
- package/svg/FileLink.svg +3 -3
- package/svg/FilePdf.svg +3 -3
- package/svg/FilePdfLink.svg +3 -3
- package/svg/FileStack.svg +3 -3
- package/svg/Flag.svg +3 -3
- package/svg/Floppy.svg +3 -3
- package/svg/FloppyFilled.svg +3 -3
- package/svg/Folder.svg +3 -3
- package/svg/FolderAdd.svg +3 -3
- package/svg/FolderOpen.svg +3 -3
- package/svg/FolderTemplate.svg +3 -3
- package/svg/Form.svg +3 -3
- package/svg/Fullscreen.svg +3 -3
- package/svg/Gauge.svg +5 -5
- package/svg/GaugeLight.svg +5 -5
- package/svg/GenerateFile.svg +3 -3
- package/svg/Graph.svg +3 -3
- package/svg/Group.svg +3 -3
- package/svg/History.svg +3 -3
- package/svg/Home.svg +3 -3
- package/svg/Horse.svg +5 -5
- package/svg/Inbox.svg +3 -3
- package/svg/Info.svg +3 -3
- package/svg/Inheritable.svg +3 -3
- package/svg/Ink.svg +3 -3
- package/svg/Link.svg +3 -3
- package/svg/Lock.svg +3 -3
- package/svg/Logo.svg +4 -4
- package/svg/Logout.svg +3 -3
- package/svg/Marker.svg +3 -3
- package/svg/Menu.svg +3 -3
- package/svg/Minus.svg +3 -3
- package/svg/More.svg +3 -3
- package/svg/New.svg +3 -3
- package/svg/NotFound.svg +10 -10
- package/svg/NotificationsOutline.svg +3 -3
- package/svg/Open.svg +3 -3
- package/svg/Permissions.svg +3 -3
- package/svg/Person.svg +3 -3
- package/svg/PinFilled.svg +3 -3
- package/svg/PinOutlined.svg +3 -3
- package/svg/Play.svg +3 -3
- package/svg/Ppt.svg +3 -3
- package/svg/PptLink.svg +3 -3
- package/svg/Preview.svg +3 -3
- package/svg/Print.svg +3 -3
- package/svg/Questionnaire.svg +3 -3
- package/svg/QuestionnaireError.svg +3 -3
- package/svg/Remove.svg +3 -3
- package/svg/RotateRight.svg +3 -3
- package/svg/SafeOk.svg +3 -3
- package/svg/SafePassive.svg +3 -3
- package/svg/SafeProgress.svg +4 -4
- package/svg/Scissors.svg +3 -3
- package/svg/Search.svg +3 -3
- package/svg/Send.svg +3 -3
- package/svg/ShieldWarning.svg +6 -6
- package/svg/Sidebar.svg +3 -3
- package/svg/SidebarCollapsed.svg +3 -3
- package/svg/SidebarExpanded.svg +3 -3
- package/svg/Square.svg +3 -3
- package/svg/Star.svg +3 -3
- package/svg/StarBorder.svg +3 -3
- package/svg/SystemBot.svg +3 -3
- package/svg/Table.svg +3 -3
- package/svg/Task.svg +3 -3
- package/svg/Thumbnails.svg +3 -3
- package/svg/Timelaps.svg +3 -3
- package/svg/Timeline.svg +3 -3
- package/svg/Tools.svg +3 -3
- package/svg/Types.svg +3 -3
- package/svg/Upload.svg +3 -3
- package/svg/ViewTree.svg +3 -3
- package/svg/Warning.svg +3 -3
- package/svg/Watermark.svg +3 -3
- package/svg/Xls.svg +3 -3
- package/svg/XlsLink.svg +3 -3
- package/svg/account.json +4 -0
- package/svg/add.json +4 -0
- package/svg/addCircle.json +4 -0
- package/svg/admin.json +4 -0
- package/svg/alert.json +4 -0
- package/svg/alertCircle.json +4 -0
- package/svg/alertCircleOutlined.json +4 -0
- package/svg/alertLight.json +4 -0
- package/svg/annotations.json +4 -0
- package/svg/app.json +4 -0
- package/svg/arrowDropDown.json +4 -0
- package/svg/back.json +4 -0
- package/svg/baseDefault.json +4 -0
- package/svg/binders.json +4 -0
- package/svg/binoculars.json +4 -0
- package/svg/bookmarks.json +4 -0
- package/svg/business.json +4 -0
- package/svg/calendar.json +4 -0
- package/svg/cancel.json +4 -0
- package/svg/caseManager.json +4 -0
- package/svg/check.json +4 -0
- package/svg/chevronDown.json +4 -0
- package/svg/chevronLeft.json +4 -0
- package/svg/chevronRight.json +4 -0
- package/svg/chevronUp.json +4 -0
- package/svg/circle.json +4 -0
- package/svg/collapseAll.json +4 -0
- package/svg/comment.json +4 -0
- package/svg/commentResolved.json +4 -0
- package/svg/commentUnresolved.json +4 -0
- package/svg/compare.json +4 -0
- package/svg/compose.json +4 -0
- package/svg/composeFilled1.json +4 -0
- package/svg/composeFilled2.json +4 -0
- package/svg/configuration.json +4 -0
- package/svg/customer.json +4 -0
- package/svg/dashboard.json +4 -0
- package/svg/default.json +4 -0
- package/svg/delete.json +4 -0
- package/svg/details.json +4 -0
- package/svg/doc.json +4 -0
- package/svg/docLink.json +4 -0
- package/svg/document.json +4 -0
- package/svg/dossier.json +4 -0
- package/svg/download.json +4 -0
- package/svg/drag.json +4 -0
- package/svg/dragHandle.json +4 -0
- package/svg/dropZone.json +4 -0
- package/svg/duplicate.json +4 -0
- package/svg/edit.json +4 -0
- package/svg/edited.json +4 -0
- package/svg/emptyNotification.json +4 -0
- package/svg/entity.json +4 -0
- package/svg/erase.json +4 -0
- package/svg/expandContent.json +4 -0
- package/svg/externalLink.json +4 -0
- package/svg/eye.json +4 -0
- package/svg/file.json +4 -0
- package/svg/fileArchive.json +4 -0
- package/svg/fileImage.json +4 -0
- package/svg/fileImageLink.json +4 -0
- package/svg/fileLink.json +4 -0
- package/svg/filePdf.json +4 -0
- package/svg/filePdfLink.json +4 -0
- package/svg/fileStack.json +4 -0
- package/svg/flag.json +4 -0
- package/svg/floppy.json +4 -0
- package/svg/floppyFilled.json +4 -0
- package/svg/folder.json +4 -0
- package/svg/folderAdd.json +4 -0
- package/svg/folderOpen.json +4 -0
- package/svg/folderTemplate.json +4 -0
- package/svg/form.json +4 -0
- package/svg/fullscreen.json +4 -0
- package/svg/gauge.json +4 -0
- package/svg/gaugeLight.json +4 -0
- package/svg/generateFile.json +4 -0
- package/svg/graph.json +4 -0
- package/svg/group.json +4 -0
- package/svg/history.json +4 -0
- package/svg/home.json +4 -0
- package/svg/horse.json +4 -0
- package/svg/inbox.json +4 -0
- package/svg/info.json +4 -0
- package/svg/inheritable.json +4 -0
- package/svg/ink.json +4 -0
- package/svg/link.json +4 -0
- package/svg/lock.json +4 -0
- package/svg/logo.json +4 -0
- package/svg/logout.json +4 -0
- package/svg/marker.json +4 -0
- package/svg/menu.json +4 -0
- package/svg/minus.json +4 -0
- package/svg/more.json +4 -0
- package/svg/new.json +4 -0
- package/svg/notFound.json +4 -0
- package/svg/notificationsOutline.json +4 -0
- package/svg/open.json +4 -0
- package/svg/permissions.json +4 -0
- package/svg/person.json +4 -0
- package/svg/pinFilled.json +4 -0
- package/svg/pinOutlined.json +4 -0
- package/svg/play.json +4 -0
- package/svg/ppt.json +4 -0
- package/svg/pptLink.json +4 -0
- package/svg/preview.json +4 -0
- package/svg/print.json +4 -0
- package/svg/questionnaire.json +4 -0
- package/svg/questionnaireError.json +4 -0
- package/svg/remove.json +4 -0
- package/svg/rotateRight.json +4 -0
- package/svg/safeOk.json +4 -0
- package/svg/safePassive.json +4 -0
- package/svg/safeProgress.json +4 -0
- package/svg/scissors.json +4 -0
- package/svg/search.json +4 -0
- package/svg/send.json +4 -0
- package/svg/shieldWarning.json +4 -0
- package/svg/sidebar.json +4 -0
- package/svg/sidebarCollapsed.json +4 -0
- package/svg/sidebarExpanded.json +4 -0
- package/svg/square.json +4 -0
- package/svg/star.json +4 -0
- package/svg/starBorder.json +4 -0
- package/svg/systemBot.json +4 -0
- package/svg/table.json +4 -0
- package/svg/task.json +4 -0
- package/svg/thumbnails.json +4 -0
- package/svg/timelaps.json +4 -0
- package/svg/timeline.json +4 -0
- package/svg/tools.json +4 -0
- package/svg/types.json +4 -0
- package/svg/upload.json +4 -0
- package/svg/viewTree.json +4 -0
- package/svg/warning.json +4 -0
- package/svg/watermark.json +4 -0
- package/svg/xls.json +4 -0
- package/svg/xlsLink.json +4 -0
- package/svg/index.d.ts +0 -138
- package/svg/index.js +0 -138
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const defaultContext: {
|
|
3
|
-
color: string;
|
|
4
|
-
size: number;
|
|
5
|
-
palette: {};
|
|
6
|
-
};
|
|
7
|
-
declare const IconContext: React.Context<{
|
|
8
|
-
color: string;
|
|
9
|
-
size: number;
|
|
10
|
-
palette: {};
|
|
11
|
-
}>;
|
|
12
|
-
export default IconContext;
|
|
13
|
-
export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const defaultContext: {
|
|
3
|
+
color: string;
|
|
4
|
+
size: number;
|
|
5
|
+
palette: {};
|
|
6
|
+
};
|
|
7
|
+
declare const IconContext: React.Context<{
|
|
8
|
+
color: string;
|
|
9
|
+
size: number;
|
|
10
|
+
palette: {};
|
|
11
|
+
}>;
|
|
12
|
+
export default IconContext;
|
|
13
|
+
export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.withIconContext = exports.defaultContext = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var react_1 = require("react");
|
|
17
|
-
exports.defaultContext = {
|
|
18
|
-
color: 'currentColor',
|
|
19
|
-
size: 24,
|
|
20
|
-
palette: {},
|
|
21
|
-
};
|
|
22
|
-
var IconContext = (0, react_1.createContext)(exports.defaultContext);
|
|
23
|
-
exports.default = IconContext;
|
|
24
|
-
function withIconContext(Comp) {
|
|
25
|
-
return function (props) { return ((0, jsx_runtime_1.jsx)(IconContext.Consumer, { children: function (contextValue) { return (0, jsx_runtime_1.jsx)(Comp, __assign({}, props, contextValue), void 0); } }, void 0)); };
|
|
26
|
-
}
|
|
27
|
-
exports.withIconContext = withIconContext;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.withIconContext = exports.defaultContext = void 0;
|
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
var react_1 = require("react");
|
|
17
|
+
exports.defaultContext = {
|
|
18
|
+
color: 'currentColor',
|
|
19
|
+
size: 24,
|
|
20
|
+
palette: {},
|
|
21
|
+
};
|
|
22
|
+
var IconContext = (0, react_1.createContext)(exports.defaultContext);
|
|
23
|
+
exports.default = IconContext;
|
|
24
|
+
function withIconContext(Comp) {
|
|
25
|
+
return function (props) { return ((0, jsx_runtime_1.jsx)(IconContext.Consumer, { children: function (contextValue) { return (0, jsx_runtime_1.jsx)(Comp, __assign({}, props, contextValue), void 0); } }, void 0)); };
|
|
26
|
+
}
|
|
27
|
+
exports.withIconContext = withIconContext;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const IconProvider: React.FC<IconProviderProps>;
|
|
3
|
-
export default IconProvider;
|
|
4
|
-
export interface IconProviderProps {
|
|
5
|
-
palette?: object;
|
|
6
|
-
defaultColor?: string;
|
|
7
|
-
defaultSize?: string | number;
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const IconProvider: React.FC<IconProviderProps>;
|
|
3
|
+
export default IconProvider;
|
|
4
|
+
export interface IconProviderProps {
|
|
5
|
+
palette?: object;
|
|
6
|
+
defaultColor?: string;
|
|
7
|
+
defaultSize?: string | number;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
-
var t = {};
|
|
34
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
-
t[p] = s[p];
|
|
36
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
-
t[p[i]] = s[p[i]];
|
|
40
|
-
}
|
|
41
|
-
return t;
|
|
42
|
-
};
|
|
43
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
44
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
|
-
};
|
|
46
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
48
|
-
var react_1 = require("react");
|
|
49
|
-
var lodash_get_1 = __importDefault(require("lodash.get"));
|
|
50
|
-
var Context_1 = __importStar(require("./Context"));
|
|
51
|
-
var IconProvider = function (_a) {
|
|
52
|
-
var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
|
|
53
|
-
// Checks if default color comes from the palette, else we take default color value
|
|
54
|
-
var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
|
|
55
|
-
var defaultValue = (0, react_1.useMemo)(function () {
|
|
56
|
-
return Object.entries({
|
|
57
|
-
size: defaultSize,
|
|
58
|
-
color: color,
|
|
59
|
-
palette: palette,
|
|
60
|
-
}).reduce(function (acc, _a) {
|
|
61
|
-
var _b;
|
|
62
|
-
var key = _a[0], value = _a[1];
|
|
63
|
-
return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
|
|
64
|
-
}, {});
|
|
65
|
-
}, [defaultSize, color, palette]);
|
|
66
|
-
return ((0, jsx_runtime_1.jsx)(Context_1.default.Provider, __assign({ value: __assign(__assign(__assign({}, Context_1.defaultContext), props), defaultValue) }, { children: children }), void 0));
|
|
67
|
-
};
|
|
68
|
-
exports.default = IconProvider;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
+
var t = {};
|
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
+
t[p] = s[p];
|
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
+
t[p[i]] = s[p[i]];
|
|
40
|
+
}
|
|
41
|
+
return t;
|
|
42
|
+
};
|
|
43
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
44
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
|
+
};
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
48
|
+
var react_1 = require("react");
|
|
49
|
+
var lodash_get_1 = __importDefault(require("lodash.get"));
|
|
50
|
+
var Context_1 = __importStar(require("./Context"));
|
|
51
|
+
var IconProvider = function (_a) {
|
|
52
|
+
var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
|
|
53
|
+
// Checks if default color comes from the palette, else we take default color value
|
|
54
|
+
var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
|
|
55
|
+
var defaultValue = (0, react_1.useMemo)(function () {
|
|
56
|
+
return Object.entries({
|
|
57
|
+
size: defaultSize,
|
|
58
|
+
color: color,
|
|
59
|
+
palette: palette,
|
|
60
|
+
}).reduce(function (acc, _a) {
|
|
61
|
+
var _b;
|
|
62
|
+
var key = _a[0], value = _a[1];
|
|
63
|
+
return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
|
|
64
|
+
}, {});
|
|
65
|
+
}, [defaultSize, color, palette]);
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)(Context_1.default.Provider, __assign({ value: __assign(__assign(__assign({}, Context_1.defaultContext), props), defaultValue) }, { children: children }), void 0));
|
|
67
|
+
};
|
|
68
|
+
exports.default = IconProvider;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as IconProvider } from './IconProvider/IconProvider.js';
|
|
2
|
-
export * from './IconProvider/IconProvider.js';
|
|
3
|
-
export { default as IconContext } from './IconProvider/Context.js';
|
|
4
|
-
export * from './IconProvider/Context.js';
|
|
1
|
+
export { default as IconProvider } from './IconProvider/IconProvider.js';
|
|
2
|
+
export * from './IconProvider/IconProvider.js';
|
|
3
|
+
export { default as IconContext } from './IconProvider/Context.js';
|
|
4
|
+
export * from './IconProvider/Context.js';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
-
};
|
|
15
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.IconContext = exports.IconProvider = void 0;
|
|
17
|
-
var IconProvider_js_1 = require("./IconProvider/IconProvider.js");
|
|
18
|
-
Object.defineProperty(exports, "IconProvider", { enumerable: true, get: function () { return __importDefault(IconProvider_js_1).default; } });
|
|
19
|
-
__exportStar(require("./IconProvider/IconProvider.js"), exports);
|
|
20
|
-
var Context_js_1 = require("./IconProvider/Context.js");
|
|
21
|
-
Object.defineProperty(exports, "IconContext", { enumerable: true, get: function () { return __importDefault(Context_js_1).default; } });
|
|
22
|
-
__exportStar(require("./IconProvider/Context.js"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
+
};
|
|
15
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
+
exports.IconContext = exports.IconProvider = void 0;
|
|
17
|
+
var IconProvider_js_1 = require("./IconProvider/IconProvider.js");
|
|
18
|
+
Object.defineProperty(exports, "IconProvider", { enumerable: true, get: function () { return __importDefault(IconProvider_js_1).default; } });
|
|
19
|
+
__exportStar(require("./IconProvider/IconProvider.js"), exports);
|
|
20
|
+
var Context_js_1 = require("./IconProvider/Context.js");
|
|
21
|
+
Object.defineProperty(exports, "IconContext", { enumerable: true, get: function () { return __importDefault(Context_js_1).default; } });
|
|
22
|
+
__exportStar(require("./IconProvider/Context.js"), exports);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
interface IconSVGProps {
|
|
3
|
-
color?: string;
|
|
4
|
-
size?: string | number;
|
|
5
|
-
src?: string;
|
|
6
|
-
children?: ReactElement;
|
|
7
|
-
}
|
|
8
|
-
declare const IconSVG: React.FC<IconSVGProps>;
|
|
9
|
-
export default IconSVG;
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
interface IconSVGProps {
|
|
3
|
+
color?: string;
|
|
4
|
+
size?: string | number;
|
|
5
|
+
src?: string;
|
|
6
|
+
children?: ReactElement;
|
|
7
|
+
}
|
|
8
|
+
declare const IconSVG: React.FC<IconSVGProps>;
|
|
9
|
+
export default IconSVG;
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import React, { useContext, useEffect, useMemo } from 'react';
|
|
25
|
-
import get from 'lodash.get';
|
|
26
|
-
import IconContext from '../providers/IconProvider/Context';
|
|
27
|
-
var IconSVG = function (_a) {
|
|
28
|
-
var defaultColor = _a.color, size = _a.size, src = _a.src, children = _a.children, props = __rest(_a, ["color", "size", "src", "children"]);
|
|
29
|
-
var defaultContextValues = useContext(IconContext);
|
|
30
|
-
var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
|
|
31
|
-
var color = useMemo(function () { return get(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
if (src && !children) {
|
|
34
|
-
var wrapper = document.getElementById('SVGWrapper');
|
|
35
|
-
wrapper.innerHTML = atob(src.startsWith('data') ? src.split(',')[1] : src);
|
|
36
|
-
var svg = wrapper === null || wrapper === void 0 ? void 0 : wrapper.children;
|
|
37
|
-
var path = svg === null || svg === void 0 ? void 0 : svg[0].firstElementChild;
|
|
38
|
-
svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('width', typeof defaultValues.size === 'number'
|
|
39
|
-
? defaultValues.size + 'px'
|
|
40
|
-
: defaultValues.size);
|
|
41
|
-
svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('height', typeof defaultValues.size === 'number'
|
|
42
|
-
? defaultValues.size + 'px'
|
|
43
|
-
: defaultValues.size);
|
|
44
|
-
path === null || path === void 0 ? void 0 : path.setAttribute('fill', color);
|
|
45
|
-
}
|
|
46
|
-
}, [color, src, children, size]);
|
|
47
|
-
return children ? (React.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
|
|
48
|
-
};
|
|
49
|
-
export default IconSVG;
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import React, { useContext, useEffect, useMemo } from 'react';
|
|
25
|
+
import get from 'lodash.get';
|
|
26
|
+
import IconContext from '../providers/IconProvider/Context';
|
|
27
|
+
var IconSVG = function (_a) {
|
|
28
|
+
var defaultColor = _a.color, size = _a.size, src = _a.src, children = _a.children, props = __rest(_a, ["color", "size", "src", "children"]);
|
|
29
|
+
var defaultContextValues = useContext(IconContext);
|
|
30
|
+
var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
|
|
31
|
+
var color = useMemo(function () { return get(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
|
|
32
|
+
useEffect(function () {
|
|
33
|
+
if (src && !children) {
|
|
34
|
+
var wrapper = document.getElementById('SVGWrapper');
|
|
35
|
+
wrapper.innerHTML = atob(src.startsWith('data') ? src.split(',')[1] : src);
|
|
36
|
+
var svg = wrapper === null || wrapper === void 0 ? void 0 : wrapper.children;
|
|
37
|
+
var path = svg === null || svg === void 0 ? void 0 : svg[0].firstElementChild;
|
|
38
|
+
svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('width', typeof defaultValues.size === 'number'
|
|
39
|
+
? defaultValues.size + 'px'
|
|
40
|
+
: defaultValues.size);
|
|
41
|
+
svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('height', typeof defaultValues.size === 'number'
|
|
42
|
+
? defaultValues.size + 'px'
|
|
43
|
+
: defaultValues.size);
|
|
44
|
+
path === null || path === void 0 ? void 0 : path.setAttribute('fill', color);
|
|
45
|
+
}
|
|
46
|
+
}, [color, src, children, size]);
|
|
47
|
+
return children ? (React.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
|
|
48
|
+
};
|
|
49
|
+
export default IconSVG;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as IconSVG } from './IconSVG.js';
|
|
2
|
-
export * from './IconSVG.js';
|
|
1
|
+
export { default as IconSVG } from './IconSVG.js';
|
|
2
|
+
export * from './IconSVG.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as IconSVG } from './IconSVG.js';
|
|
2
|
-
export * from './IconSVG.js';
|
|
1
|
+
export { default as IconSVG } from './IconSVG.js';
|
|
2
|
+
export * from './IconSVG.js';
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './providers';
|
|
2
|
-
export * from './components';
|
|
1
|
+
export * from './providers';
|
|
2
|
+
export * from './components';
|
|
3
3
|
export * from './icons';
|
package/lib/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './providers';
|
|
2
|
-
export * from './components';
|
|
1
|
+
export * from './providers';
|
|
2
|
+
export * from './components';
|
|
3
3
|
export * from './icons';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const defaultContext: {
|
|
3
|
-
color: string;
|
|
4
|
-
size: number;
|
|
5
|
-
palette: {};
|
|
6
|
-
};
|
|
7
|
-
declare const IconContext: React.Context<{
|
|
8
|
-
color: string;
|
|
9
|
-
size: number;
|
|
10
|
-
palette: {};
|
|
11
|
-
}>;
|
|
12
|
-
export default IconContext;
|
|
13
|
-
export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const defaultContext: {
|
|
3
|
+
color: string;
|
|
4
|
+
size: number;
|
|
5
|
+
palette: {};
|
|
6
|
+
};
|
|
7
|
+
declare const IconContext: React.Context<{
|
|
8
|
+
color: string;
|
|
9
|
+
size: number;
|
|
10
|
+
palette: {};
|
|
11
|
+
}>;
|
|
12
|
+
export default IconContext;
|
|
13
|
+
export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { createContext } from 'react';
|
|
14
|
-
export var defaultContext = {
|
|
15
|
-
color: 'currentColor',
|
|
16
|
-
size: 24,
|
|
17
|
-
palette: {},
|
|
18
|
-
};
|
|
19
|
-
var IconContext = createContext(defaultContext);
|
|
20
|
-
export default IconContext;
|
|
21
|
-
export function withIconContext(Comp) {
|
|
22
|
-
return function (props) { return (_jsx(IconContext.Consumer, { children: function (contextValue) { return _jsx(Comp, __assign({}, props, contextValue), void 0); } }, void 0)); };
|
|
23
|
-
}
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { createContext } from 'react';
|
|
14
|
+
export var defaultContext = {
|
|
15
|
+
color: 'currentColor',
|
|
16
|
+
size: 24,
|
|
17
|
+
palette: {},
|
|
18
|
+
};
|
|
19
|
+
var IconContext = createContext(defaultContext);
|
|
20
|
+
export default IconContext;
|
|
21
|
+
export function withIconContext(Comp) {
|
|
22
|
+
return function (props) { return (_jsx(IconContext.Consumer, { children: function (contextValue) { return _jsx(Comp, __assign({}, props, contextValue), void 0); } }, void 0)); };
|
|
23
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const IconProvider: React.FC<IconProviderProps>;
|
|
3
|
-
export default IconProvider;
|
|
4
|
-
export interface IconProviderProps {
|
|
5
|
-
palette?: object;
|
|
6
|
-
defaultColor?: string;
|
|
7
|
-
defaultSize?: string | number;
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const IconProvider: React.FC<IconProviderProps>;
|
|
3
|
+
export default IconProvider;
|
|
4
|
+
export interface IconProviderProps {
|
|
5
|
+
palette?: object;
|
|
6
|
+
defaultColor?: string;
|
|
7
|
+
defaultSize?: string | number;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { useMemo } from 'react';
|
|
25
|
-
import get from 'lodash.get';
|
|
26
|
-
import IconContext, { defaultContext } from './Context';
|
|
27
|
-
var IconProvider = function (_a) {
|
|
28
|
-
var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
|
|
29
|
-
// Checks if default color comes from the palette, else we take default color value
|
|
30
|
-
var color = useMemo(function () { return get(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
|
|
31
|
-
var defaultValue = useMemo(function () {
|
|
32
|
-
return Object.entries({
|
|
33
|
-
size: defaultSize,
|
|
34
|
-
color: color,
|
|
35
|
-
palette: palette,
|
|
36
|
-
}).reduce(function (acc, _a) {
|
|
37
|
-
var _b;
|
|
38
|
-
var key = _a[0], value = _a[1];
|
|
39
|
-
return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
|
|
40
|
-
}, {});
|
|
41
|
-
}, [defaultSize, color, palette]);
|
|
42
|
-
return (_jsx(IconContext.Provider, __assign({ value: __assign(__assign(__assign({}, defaultContext), props), defaultValue) }, { children: children }), void 0));
|
|
43
|
-
};
|
|
44
|
-
export default IconProvider;
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { useMemo } from 'react';
|
|
25
|
+
import get from 'lodash.get';
|
|
26
|
+
import IconContext, { defaultContext } from './Context';
|
|
27
|
+
var IconProvider = function (_a) {
|
|
28
|
+
var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
|
|
29
|
+
// Checks if default color comes from the palette, else we take default color value
|
|
30
|
+
var color = useMemo(function () { return get(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
|
|
31
|
+
var defaultValue = useMemo(function () {
|
|
32
|
+
return Object.entries({
|
|
33
|
+
size: defaultSize,
|
|
34
|
+
color: color,
|
|
35
|
+
palette: palette,
|
|
36
|
+
}).reduce(function (acc, _a) {
|
|
37
|
+
var _b;
|
|
38
|
+
var key = _a[0], value = _a[1];
|
|
39
|
+
return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
|
|
40
|
+
}, {});
|
|
41
|
+
}, [defaultSize, color, palette]);
|
|
42
|
+
return (_jsx(IconContext.Provider, __assign({ value: __assign(__assign(__assign({}, defaultContext), props), defaultValue) }, { children: children }), void 0));
|
|
43
|
+
};
|
|
44
|
+
export default IconProvider;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as IconProvider } from './IconProvider/IconProvider.js';
|
|
2
|
-
export * from './IconProvider/IconProvider.js';
|
|
3
|
-
export { default as IconContext } from './IconProvider/Context.js';
|
|
4
|
-
export * from './IconProvider/Context.js';
|
|
1
|
+
export { default as IconProvider } from './IconProvider/IconProvider.js';
|
|
2
|
+
export * from './IconProvider/IconProvider.js';
|
|
3
|
+
export { default as IconContext } from './IconProvider/Context.js';
|
|
4
|
+
export * from './IconProvider/Context.js';
|