@sproutsocial/racine 19.0.1 → 20.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/__flow__/EnumLogoNames.flow.js +1 -1
- package/__flow__/Icon/Icon.flow.js +5 -5
- package/__flow__/Icon/index.flow.js +2 -0
- package/__flow__/LogoViewBoxes.js +2 -4
- package/__flow__/index.flow.js +2 -3
- package/bin/racine-codemod.js +3 -5
- package/codemods/__tests__/icon-library.test.js +17 -2
- package/codemods/artifacts/deprecated-icon-map.json +38 -0
- package/codemods/artifacts/icon-map.json +343 -0
- package/codemods/codemod-docs.js +9 -3
- package/codemods/icon-library.js +17 -12
- package/codemods/icon-name-substitution.js +4 -5
- package/commonjs/Badge/Badge.js +1 -1
- package/commonjs/Banner/Banner.js +8 -8
- package/commonjs/Breadcrumb/Breadcrumb.js +1 -1
- package/commonjs/Card/subComponents.js +2 -2
- package/commonjs/Checkbox/Checkbox.js +1 -1
- package/commonjs/DatePicker/common.js +2 -2
- package/commonjs/Drawer/Drawer.js +1 -1
- package/commonjs/Icon/Icon.flow.js +0 -2
- package/commonjs/Icon/Icon.js +24 -13
- package/commonjs/Icon/index.flow.js +15 -2
- package/commonjs/Indicator/Indicator.js +1 -1
- package/commonjs/Input/Input.js +2 -2
- package/commonjs/Listbox/Listbox.js +1 -1
- package/commonjs/LogoViewBoxes.js +2 -4
- package/commonjs/Menu/Menu.js +2 -2
- package/commonjs/Modal/Modal.js +1 -1
- package/commonjs/Select/Select.js +2 -2
- package/commonjs/Select/styles.js +3 -4
- package/commonjs/Switch/Switch.js +1 -1
- package/commonjs/TableHeaderCell/TableHeaderCell.js +3 -3
- package/commonjs/TableRowAccordion/TableRowAccordion.js +1 -1
- package/commonjs/Toast/Toast.js +5 -5
- package/commonjs/ToggleHint/ToggleHint.js +2 -2
- package/commonjs/Token/Token.js +2 -2
- package/commonjs/index.flow.js +12 -8
- package/commonjs/index.js +0 -8
- package/commonjs/logoNames.js +1 -1
- package/commonjs/utils/mixins.js +1 -1
- package/dist/logo.svg +1 -1
- package/dist/logoList.js +1 -1
- package/dist/types/Badge/BadgeTypes.d.ts +1 -1
- package/dist/types/Badge/BadgeTypes.d.ts.map +1 -1
- package/dist/types/DatePicker/common.d.ts +4 -2
- package/dist/types/DatePicker/common.d.ts.map +1 -1
- package/dist/types/EnumLogoNames.d.ts +1 -1
- package/dist/types/EnumLogoNames.d.ts.map +1 -1
- package/dist/types/Icon/Icon.d.ts +2 -2
- package/dist/types/Icon/Icon.d.ts.map +1 -1
- package/dist/types/Icon/IconTypes.d.ts +5 -7
- package/dist/types/Icon/IconTypes.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
- package/dist/types/Select/styles.d.ts.map +1 -1
- package/dist/types/TableRowAccordion/TableRowAccordion.d.ts.map +1 -1
- package/dist/types/ToggleHint/ToggleHint.d.ts.map +1 -1
- package/dist/types/Token/Token.d.ts.map +1 -1
- package/dist/types/TokenInput/TokenInputTypes.d.ts +1 -1
- package/dist/types/TokenInput/TokenInputTypes.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -2
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/logoNames.d.ts +1 -1
- package/dist/types/logoNames.d.ts.map +1 -1
- package/lib/Badge/Badge.js +1 -1
- package/lib/Banner/Banner.js +8 -8
- package/lib/Breadcrumb/Breadcrumb.js +1 -1
- package/lib/Card/subComponents.js +2 -2
- package/lib/Checkbox/Checkbox.js +1 -1
- package/lib/DatePicker/common.js +2 -2
- package/lib/Drawer/Drawer.js +1 -1
- package/lib/Icon/Icon.flow.js +1 -2
- package/lib/Icon/Icon.js +24 -15
- package/lib/Icon/index.flow.js +2 -0
- package/lib/Indicator/Indicator.js +1 -1
- package/lib/Input/Input.js +2 -2
- package/lib/Listbox/Listbox.js +1 -1
- package/lib/LogoViewBoxes.js +2 -4
- package/lib/Menu/Menu.js +2 -2
- package/lib/Modal/Modal.js +1 -1
- package/lib/Select/Select.js +2 -2
- package/lib/Select/styles.js +3 -4
- package/lib/Switch/Switch.js +1 -1
- package/lib/TableHeaderCell/TableHeaderCell.js +3 -3
- package/lib/TableRowAccordion/TableRowAccordion.js +1 -1
- package/lib/Toast/Toast.js +5 -5
- package/lib/ToggleHint/ToggleHint.js +2 -2
- package/lib/Token/Token.js +2 -2
- package/lib/index.flow.js +1 -1
- package/lib/index.js +0 -1
- package/lib/logoNames.js +1 -1
- package/lib/utils/mixins.js +1 -1
- package/package.json +3 -1
- package/__flow__/EnumIconNames.flow.js +0 -2
- package/__flow__/Icon/deprecatedIcons.flow.js +0 -40
- package/__flow__/IconViewBoxes.js +0 -387
- package/commonjs/EnumIconNames.flow.js +0 -1
- package/commonjs/EnumIconNames.js +0 -5
- package/commonjs/Icon/deprecatedIcons.flow.js +0 -46
- package/commonjs/Icon/deprecatedIcons.js +0 -46
- package/commonjs/IconViewBoxes.d.js +0 -5
- package/commonjs/IconViewBoxes.js +0 -389
- package/commonjs/iconNames.js +0 -8
- package/dist/icon.svg +0 -1
- package/dist/iconList.js +0 -1
- package/dist/types/EnumIconNames.d.ts +0 -2
- package/dist/types/EnumIconNames.d.ts.map +0 -1
- package/dist/types/Icon/deprecatedIcons.d.ts +0 -40
- package/dist/types/Icon/deprecatedIcons.d.ts.map +0 -1
- package/dist/types/iconNames.d.ts +0 -3
- package/dist/types/iconNames.d.ts.map +0 -1
- package/icons/active-listener.svg +0 -3
- package/icons/add-item.svg +0 -3
- package/icons/add-keyword.svg +0 -3
- package/icons/add-team-member.svg +0 -3
- package/icons/add-variable.svg +0 -3
- package/icons/address-card-outline.svg +0 -3
- package/icons/address-card-solid.svg +0 -3
- package/icons/adobe-experience-manager.svg +0 -3
- package/icons/ads.svg +0 -3
- package/icons/advocacy-outline.svg +0 -5
- package/icons/advocacy.svg +0 -3
- package/icons/android.svg +0 -3
- package/icons/apple.svg +0 -3
- package/icons/approval-indicator-outline.svg +0 -3
- package/icons/approval-indicator.svg +0 -3
- package/icons/archive.svg +0 -3
- package/icons/arrow-down-line.svg +0 -3
- package/icons/arrow-down.svg +0 -3
- package/icons/arrow-left-line.svg +0 -3
- package/icons/arrow-left.svg +0 -3
- package/icons/arrow-right-line.svg +0 -3
- package/icons/arrow-right.svg +0 -3
- package/icons/arrow-up-line.svg +0 -3
- package/icons/arrow-up.svg +0 -3
- package/icons/arrows.svg +0 -3
- package/icons/asset-library-outline.svg +0 -3
- package/icons/asset-library.svg +0 -3
- package/icons/assign.svg +0 -3
- package/icons/atom.svg +0 -3
- package/icons/audio.svg +0 -3
- package/icons/back-to-top.svg +0 -3
- package/icons/bambu-icon-outline.svg +0 -3
- package/icons/bambu-icon.svg +0 -3
- package/icons/barcode.svg +0 -3
- package/icons/basketball.svg +0 -3
- package/icons/bell-outline.svg +0 -3
- package/icons/bigcommerce.svg +0 -3
- package/icons/bitly.svg +0 -3
- package/icons/bold.svg +0 -3
- package/icons/book.svg +0 -3
- package/icons/bookmark.svg +0 -3
- package/icons/bot.svg +0 -3
- package/icons/browser.svg +0 -3
- package/icons/business.svg +0 -3
- package/icons/calendar-outline.svg +0 -3
- package/icons/calendar.svg +0 -3
- package/icons/camera-outline.svg +0 -3
- package/icons/camera-story.svg +0 -3
- package/icons/camera.svg +0 -3
- package/icons/campaign.svg +0 -3
- package/icons/canva.svg +0 -3
- package/icons/carousel.svg +0 -3
- package/icons/cart-plus-outline.svg +0 -3
- package/icons/cart-plus.svg +0 -3
- package/icons/check.svg +0 -3
- package/icons/chevron-down-filled.svg +0 -3
- package/icons/chevron-down.svg +0 -3
- package/icons/chevron-left.svg +0 -3
- package/icons/chevron-right.svg +0 -3
- package/icons/chevron-up-down-filled.svg +0 -3
- package/icons/chevron-up-filled.svg +0 -3
- package/icons/chevron-up.svg +0 -3
- package/icons/circle+.svg +0 -3
- package/icons/circle-check-outline.svg +0 -3
- package/icons/circle-check.svg +0 -3
- package/icons/circle.svg +0 -3
- package/icons/circles.svg +0 -3
- package/icons/circlex.svg +0 -3
- package/icons/click-to-view.svg +0 -3
- package/icons/clicks.svg +0 -3
- package/icons/clipboard-outline.svg +0 -3
- package/icons/clipboard.svg +0 -3
- package/icons/clock.svg +0 -3
- package/icons/closed-captioning.svg +0 -3
- package/icons/cloud.svg +0 -3
- package/icons/code.svg +0 -3
- package/icons/columns.svg +0 -3
- package/icons/comment-ai-outline.svg +0 -5
- package/icons/comment-ai.svg +0 -4
- package/icons/comment-alt-outline.svg +0 -3
- package/icons/comment-alt.svg +0 -3
- package/icons/comment-lines-alt-outline.svg +0 -3
- package/icons/comment.svg +0 -3
- package/icons/compact-density.svg +0 -3
- package/icons/compact-indicator.svg +0 -3
- package/icons/comparison.svg +0 -3
- package/icons/competitor.svg +0 -3
- package/icons/compose.svg +0 -3
- package/icons/content-suggestions.svg +0 -3
- package/icons/credit-card.svg +0 -3
- package/icons/crop.svg +0 -3
- package/icons/crown.svg +0 -3
- package/icons/dashboard.svg +0 -3
- package/icons/deconstructed-negative-sentiment.svg +0 -3
- package/icons/deconstructed-neutral-sentiment.svg +0 -3
- package/icons/deconstructed-positive-sentiment.svg +0 -3
- package/icons/discovery.svg +0 -3
- package/icons/dislike-outline.svg +0 -3
- package/icons/dislike.svg +0 -3
- package/icons/dm-link-outline.svg +0 -3
- package/icons/dm-link.svg +0 -3
- package/icons/dotdotdot.svg +0 -3
- package/icons/download.svg +0 -3
- package/icons/drafts-outline.svg +0 -3
- package/icons/drafts.svg +0 -3
- package/icons/dropbox.svg +0 -3
- package/icons/duplicate-outline.svg +0 -3
- package/icons/duplicate.svg +0 -3
- package/icons/emoji-outline.svg +0 -3
- package/icons/emoji.svg +0 -3
- package/icons/empty-image.svg +0 -3
- package/icons/engagement-per-post.svg +0 -3
- package/icons/engagements.svg +0 -3
- package/icons/error.svg +0 -3
- package/icons/exchange-alt.svg +0 -3
- package/icons/expanded-indicator.svg +0 -3
- package/icons/export.svg +0 -3
- package/icons/extended-circles.svg +0 -3
- package/icons/external-link-alt.svg +0 -3
- package/icons/external-link.svg +0 -3
- package/icons/extreme-negative-sentiment.svg +0 -12
- package/icons/eye-outline.svg +0 -3
- package/icons/eye-slash-outline.svg +0 -3
- package/icons/eye-slash.svg +0 -3
- package/icons/eye.svg +0 -3
- package/icons/facebook-audience-network.svg +0 -3
- package/icons/facebook-branded-content-outline.svg +0 -3
- package/icons/facebook-branded-content.svg +0 -3
- package/icons/facebook-groups.svg +0 -3
- package/icons/facebook.svg +0 -3
- package/icons/fb-reactions-angry.svg +0 -19
- package/icons/fb-reactions-haha.svg +0 -13
- package/icons/fb-reactions-like.svg +0 -11
- package/icons/fb-reactions-love.svg +0 -11
- package/icons/fb-reactions-sad.svg +0 -12
- package/icons/fb-reactions-wow.svg +0 -11
- package/icons/feedly.svg +0 -3
- package/icons/feeds.svg +0 -3
- package/icons/female.svg +0 -3
- package/icons/file-chart-line.svg +0 -3
- package/icons/file-edit.svg +0 -3
- package/icons/file-times-solid.svg +0 -3
- package/icons/filter.svg +0 -3
- package/icons/flag-outline.svg +0 -3
- package/icons/flag.svg +0 -3
- package/icons/flat-negative-sentiment-outline.svg +0 -4
- package/icons/flat-negative-sentiment.svg +0 -3
- package/icons/flat-neutral-sentiment-outline.svg +0 -4
- package/icons/flat-neutral-sentiment.svg +0 -3
- package/icons/flat-positive-sentiment-outline.svg +0 -4
- package/icons/flat-positive-sentiment.svg +0 -3
- package/icons/folder-open.svg +0 -3
- package/icons/folder.svg +0 -3
- package/icons/follow-outline.svg +0 -3
- package/icons/follow.svg +0 -3
- package/icons/follower-increase.svg +0 -3
- package/icons/following.svg +0 -3
- package/icons/font.svg +0 -3
- package/icons/full-access.svg +0 -3
- package/icons/gear.svg +0 -3
- package/icons/gears.svg +0 -10
- package/icons/github.svg +0 -3
- package/icons/glassdoor.svg +0 -3
- package/icons/glasses.svg +0 -3
- package/icons/globe.svg +0 -3
- package/icons/google-analytics-color.svg +0 -11
- package/icons/google-business-messages.svg +0 -3
- package/icons/google-drive.svg +0 -3
- package/icons/google-my-business.svg +0 -20
- package/icons/grip.svg +0 -3
- package/icons/h1.svg +0 -3
- package/icons/h2.svg +0 -3
- package/icons/h3.svg +0 -3
- package/icons/h4.svg +0 -3
- package/icons/hamburger.svg +0 -3
- package/icons/hand-sparkle-outline.svg +0 -6
- package/icons/hand-sparkle.svg +0 -3
- package/icons/hashtag.svg +0 -3
- package/icons/headset.svg +0 -3
- package/icons/heart-outline.svg +0 -3
- package/icons/heart.svg +0 -3
- package/icons/heartbeat.svg +0 -3
- package/icons/help-alt.svg +0 -3
- package/icons/help.svg +0 -3
- package/icons/hiking.svg +0 -3
- package/icons/history.svg +0 -3
- package/icons/home.svg +0 -3
- package/icons/hourglass.svg +0 -3
- package/icons/hubspot.svg +0 -10
- package/icons/image-caption.svg +0 -3
- package/icons/image.svg +0 -3
- package/icons/images.svg +0 -3
- package/icons/impressions-per-post.svg +0 -3
- package/icons/impressions.svg +0 -3
- package/icons/inactive-listener.svg +0 -3
- package/icons/inbox-action.svg +0 -3
- package/icons/inbox-views.svg +0 -3
- package/icons/inbox.svg +0 -3
- package/icons/indicator.svg +0 -3
- package/icons/industry.svg +0 -3
- package/icons/info.svg +0 -3
- package/icons/instagram.svg +0 -3
- package/icons/internal-activity-outline.svg +0 -3
- package/icons/internal-activity.svg +0 -3
- package/icons/italic.svg +0 -3
- package/icons/key.svg +0 -3
- package/icons/keyboard.svg +0 -3
- package/icons/laptop-phone.svg +0 -3
- package/icons/large-density.svg +0 -3
- package/icons/lift.svg +0 -3
- package/icons/like-outline.svg +0 -3
- package/icons/like.svg +0 -3
- package/icons/link.svg +0 -3
- package/icons/linkedin-audience-network.svg +0 -3
- package/icons/linkedin.svg +0 -3
- package/icons/list-ol.svg +0 -3
- package/icons/listening.svg +0 -3
- package/icons/lists.svg +0 -3
- package/icons/location-outline.svg +0 -3
- package/icons/location.svg +0 -3
- package/icons/lock.svg +0 -3
- package/icons/magic-wand.svg +0 -3
- package/icons/male.svg +0 -3
- package/icons/marketo.svg +0 -3
- package/icons/mention.svg +0 -3
- package/icons/message-preview-outline.svg +0 -3
- package/icons/message-preview.svg +0 -3
- package/icons/message.svg +0 -3
- package/icons/messages-outline.svg +0 -3
- package/icons/messages.svg +0 -3
- package/icons/messenger.svg +0 -11
- package/icons/metric-table.svg +0 -3
- package/icons/microsoft-dynamics.svg +0 -4
- package/icons/minus.svg +0 -3
- package/icons/mobile.svg +0 -3
- package/icons/monitor.svg +0 -3
- package/icons/moon.svg +0 -3
- package/icons/negative-sentiment.svg +0 -11
- package/icons/neutral-positive-sentiment.svg +0 -13
- package/icons/neutral-sentiment.svg +0 -11
- package/icons/new-trend.svg +0 -3
- package/icons/newspaper.svg +0 -3
- package/icons/no-access.svg +0 -3
- package/icons/notepad.svg +0 -3
- package/icons/notifications-publishing-outline.svg +0 -3
- package/icons/notifications-publishing.svg +0 -3
- package/icons/notifications.svg +0 -3
- package/icons/offline.svg +0 -3
- package/icons/online.svg +0 -3
- package/icons/paid-promotion-outline.svg +0 -3
- package/icons/paid-promotion.svg +0 -3
- package/icons/paid.svg +0 -3
- package/icons/paint.svg +0 -3
- package/icons/palette.svg +0 -3
- package/icons/paperclip.svg +0 -3
- package/icons/pause.svg +0 -3
- package/icons/pencil-outline.svg +0 -3
- package/icons/pencil.svg +0 -3
- package/icons/person.svg +0 -3
- package/icons/phone.svg +0 -3
- package/icons/pinterest-boards-outline.svg +0 -3
- package/icons/pinterest-boards.svg +0 -3
- package/icons/pinterest.svg +0 -3
- package/icons/play-circle.svg +0 -3
- package/icons/play.svg +0 -3
- package/icons/plug.svg +0 -3
- package/icons/plus.svg +0 -3
- package/icons/positive-sentiment.svg +0 -12
- package/icons/power-up-outline.svg +0 -3
- package/icons/power-up.svg +0 -3
- package/icons/profile-connect.svg +0 -3
- package/icons/profile-disconnect.svg +0 -3
- package/icons/publishing-outline.svg +0 -3
- package/icons/publishing.svg +0 -3
- package/icons/puzzle-piece.svg +0 -3
- package/icons/qr-code.svg +0 -3
- package/icons/queue.svg +0 -3
- package/icons/quotes-solid.svg +0 -3
- package/icons/recommendation.svg +0 -3
- package/icons/reddit-alien.svg +0 -3
- package/icons/reddit.svg +0 -3
- package/icons/reels-outline.svg +0 -4
- package/icons/reels.svg +0 -3
- package/icons/referrals.svg +0 -3
- package/icons/refresh.svg +0 -3
- package/icons/rejected.svg +0 -3
- package/icons/reply-outline.svg +0 -3
- package/icons/reply.svg +0 -3
- package/icons/reporting-period.svg +0 -3
- package/icons/reporting.svg +0 -3
- package/icons/reports-home.svg +0 -3
- package/icons/reports.svg +0 -3
- package/icons/retweet.svg +0 -3
- package/icons/route.svg +0 -3
- package/icons/rss.svg +0 -3
- package/icons/sales.svg +0 -3
- package/icons/salesforce-cloud.svg +0 -3
- package/icons/salesforce.svg +0 -3
- package/icons/save-assets.svg +0 -3
- package/icons/saved-messages.svg +0 -3
- package/icons/saved-reply-outline.svg +0 -3
- package/icons/saved-reply.svg +0 -3
- package/icons/search.svg +0 -3
- package/icons/send-again-outline.svg +0 -4
- package/icons/send-again.svg +0 -4
- package/icons/sent-message-outline.svg +0 -3
- package/icons/sent-message.svg +0 -3
- package/icons/share.svg +0 -3
- package/icons/shopify.svg +0 -5
- package/icons/shopping-bag-outline.svg +0 -3
- package/icons/shopping-bag.svg +0 -3
- package/icons/show-navigation.svg +0 -3
- package/icons/slack.svg +0 -3
- package/icons/small-density.svg +0 -3
- package/icons/smiley.svg +0 -3
- package/icons/some-access.svg +0 -3
- package/icons/sparkles.svg +0 -3
- package/icons/spike-alert.svg +0 -3
- package/icons/star-half-alt-solid.svg +0 -3
- package/icons/star-of-life.svg +0 -3
- package/icons/star-outline.svg +0 -3
- package/icons/star.svg +0 -3
- package/icons/sticky-note-outline.svg +0 -3
- package/icons/sticky-note.svg +0 -3
- package/icons/stories.svg +0 -3
- package/icons/story.svg +0 -3
- package/icons/suggestions.svg +0 -3
- package/icons/sun.svg +0 -3
- package/icons/tag-outline.svg +0 -3
- package/icons/tag.svg +0 -3
- package/icons/targeting-outline.svg +0 -3
- package/icons/targeting.svg +0 -3
- package/icons/tasks-check.svg +0 -4
- package/icons/tasks-outline.svg +0 -3
- package/icons/tasks.svg +0 -3
- package/icons/team-conversation-outline.svg +0 -3
- package/icons/team-conversation.svg +0 -3
- package/icons/team-sprout-outline.svg +0 -5
- package/icons/team-sprout.svg +0 -4
- package/icons/team.svg +0 -3
- package/icons/text-asset.svg +0 -3
- package/icons/text.svg +0 -3
- package/icons/tiktok.svg +0 -5
- package/icons/times.svg +0 -3
- package/icons/tools.svg +0 -3
- package/icons/trash-can-outline.svg +0 -3
- package/icons/trash-can.svg +0 -3
- package/icons/trend-down.svg +0 -3
- package/icons/trend-neutral.svg +0 -3
- package/icons/trend-up.svg +0 -3
- package/icons/trends.svg +0 -3
- package/icons/triangle-black.svg +0 -3
- package/icons/triangle.svg +0 -3
- package/icons/tripadvisor-circle-outline.svg +0 -3
- package/icons/tripadvisor-circle.svg +0 -11
- package/icons/tripadvisor.svg +0 -11
- package/icons/trophy-outline.svg +0 -3
- package/icons/tumblr.svg +0 -3
- package/icons/twitter-audience-network.svg +0 -3
- package/icons/twitter.svg +0 -3
- package/icons/underline.svg +0 -3
- package/icons/unfollow-outline.svg +0 -3
- package/icons/unfollow.svg +0 -3
- package/icons/unlink.svg +0 -3
- package/icons/unlock.svg +0 -3
- package/icons/upload.svg +0 -3
- package/icons/user-circle.svg +0 -3
- package/icons/users.svg +0 -3
- package/icons/verified.svg +0 -3
- package/icons/video-camera-story.svg +0 -3
- package/icons/video-camera.svg +0 -3
- package/icons/vip.svg +0 -3
- package/icons/weight.svg +0 -3
- package/icons/whatsapp.svg +0 -20
- package/icons/window-maximize.svg +0 -3
- package/icons/window-minimize.svg +0 -3
- package/icons/window-regular.svg +0 -3
- package/icons/window-restore.svg +0 -3
- package/icons/woocommerce.svg +0 -3
- package/icons/x.svg +0 -3
- package/icons/yelp-full-star.svg +0 -3
- package/icons/yelp-half-star.svg +0 -4
- package/icons/yelp.svg +0 -10
- package/icons/youtube.svg +0 -3
- package/icons/zendesk.svg +0 -3
- package/lib/EnumIconNames.flow.js +0 -0
- package/lib/EnumIconNames.js +0 -1
- package/lib/Icon/deprecatedIcons.flow.js +0 -39
- package/lib/Icon/deprecatedIcons.js +0 -39
- package/lib/IconViewBoxes.d.js +0 -1
- package/lib/IconViewBoxes.js +0 -387
- package/lib/iconNames.js +0 -1
package/codemods/icon-library.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
// We need the deprecated icon name mapping so that we can migrate icons still
|
|
2
2
|
// using the ancient names all the way to the new names.
|
|
3
|
-
|
|
4
|
-
const deprecatedNames = {backtotop: 'back-to-top', 'circle-check-filled': 'circle-check', 'circle-check-no-fill': 'circle-check', 'circle-check-inverse-outline': 'circle-check-outline', 'circle-check-inverse': 'circle-check-outline', 'circle+-filled': 'circle+', 'circlex-filled': 'circlex', 'circle+-nofill': 'circle+', 'circlex-nofill': 'circlex', creditcard: 'credit-card', 'direct-message': 'messages', 'facebook-nofill': 'facebook', googleanalytics: 'google-analytics-color', 'instagram-brand-keyword': 'hashtag', 'help-white': 'help', 'info-white': 'info', 'instagram-nofill': 'instagram', 'key-circle': 'key', 'key-square': 'key', 'linkedin-nofill': 'linkedin', 'listening-home': 'listening', 'location-pub': 'location', 'location-pub-outline': 'location-outline', 'publishing-calendar': 'calendar', qrcode: 'qr-code', 'sparkles-solid': 'sparkles', 'star-inverse': 'star-outline', 'triangle-white': 'triangle', 'triangle-nofill': 'triangle', 'tripadvisor-circle-filled': 'tripadvisor-circle', 'tripadvisor-circle-empty': 'tripadvisor-circle-outline', 'tumblr-square': 'tumblr', 'tumblr-nofill': 'tumblr', 'twitter-business-mention': 'search', 'verified-nofill': 'verified', 'window-maximize-solid': 'window-maximize'};
|
|
3
|
+
const deprecatedNames = require('./artifacts/deprecated-icon-map.json');
|
|
5
4
|
|
|
6
5
|
// Mapping from old icon names to new icon names
|
|
7
|
-
|
|
8
|
-
const IconMap = {'active-listener': 'listening-outline', 'add-item': 'plus-outline', 'add-keyword': 'plus-outline', 'add-team-member': 'user-plus-outline', 'add-variable': 'curly-brackets-plus-outline', 'address-card-outline': 'profile-card-outline', 'address-card-solid': 'profile-card-solid', ads: 'dollar-outline', 'advocacy-outline': 'advocacy-outline', advocacy: 'advocacy-solid', 'approval-indicator-outline': 'stamp-outline', 'approval-indicator': 'stamp-solid', archive: 'file-box-outline', 'arrow-down-line': 'arrow-down-to-line-outline', 'arrow-down': 'arrow-down-outline', 'arrow-left-line': 'arrow-left-to-line-outline', 'arrow-left': 'arrow-left-outline', 'arrow-right-line': 'arrow-right-to-line-outline', 'arrow-right': 'arrow-right-outline', 'arrow-up-line': 'arrow-up-to-line-outline', 'arrow-up': 'arrow-up-outline', arrows: 'arrows-up-down-left-right-outline', 'asset-library-outline': 'asset-library-outline', 'asset-library': 'asset-library-solid', assign: 'sitemap-outline', atom: 'atom-outline', audio: 'audio-outline', 'back-to-top': 'arrow-up-outline', 'bambu-icon-outline': 'bambu-outline', 'bambu-icon': 'bambu-solid', barcode: 'barcode-outline', basketball: 'basketball-outline', 'bell-outline': 'bell-outline', bold: 'bold-outline', book: 'book-outline', 'bookmark-filled': 'bookmark-solid', bookmark: 'bookmark-outline', bot: 'robot-outline', browser: 'window-full-outline', 'bulk-select': 'square-check-outline', business: 'briefcase-outline', 'calendar-outline': 'calendar-outline', calendar: 'calendar-solid', 'camera-outline': 'camera-outline', 'camera-story': 'camera-story-solid', camera: 'camera-solid', campaign: 'megaphone-outline', carousel: 'carousel-outline', 'cart-plus': 'cart-plus-outline', check: 'check-outline', 'chevron-down-filled': 'caret-down-outline', 'chevron-down': 'chevron-down-outline', 'chevron-left': 'chevron-left-outline', 'chevron-right': 'chevron-right-outline', 'chevron-up-down-filled': 'caret-up-down-outline', 'chevron-up-filled': 'caret-up-outline', 'chevron-up': 'chevron-up-outline', 'circle-check-outline': 'circle-check-outline', 'circle-check': 'circle-check-solid', circle: 'circle-no-fill-outline', 'circle+': 'plus-outline', circles: 'large-circle-small-circle-outline', circleX: 'circle-x-outline', circlex: 'circle-x-outline', 'click-to-view': 'hand-pointer-clicking-outline', clicks: 'pointer-outline', 'clipboard-outline': 'clipboard-outline', clipboard: 'clipboard-solid', clock: 'clock-outline', 'closed-captioning': 'closed-caption-outline', cloud: 'cloud-outline', code: 'code-outline', columns: 'columns-outline', 'comment-alt-outline': 'comments-outline', 'comment-alt': 'comment-solid', 'comment-lines-alt-outline': 'comment-outline', comment: 'comments-outline', 'compact-density': 'bars-density-small-outline', 'compact-indicator': 'bars-density-small-outline', comparison: 'diamond-vs-outline', competitor: 'office-building-outline', compose: 'pencil-to-square-outline', 'content-suggestions': 'comment-sparkle-outline', 'credit-card': 'credit-card-outline', crop: 'crop-outline', crown: 'crown-outline', dashboard: 'gauge-outline', 'deconstructed-negative-sentiment': 'expression-frown-outline', 'deconstructed-neutral-sentiment': 'expression-neutral-outline', 'deconstructed-positive-sentiment': 'expression-smile-open-outline', discovery: 'compass-outline', 'dislike-outline': 'thumbs-down-outline', dislike: 'thumbs-down-solid', 'dm-link-outline': 'comment-plus-outline', 'dm-link': 'comment-plus-solid', 'doesnt-recommend': 'comment-star-slash-outline', dotdotdot: 'ellipsis-horizontal-outline', download: 'arrow-down-to-bracket-outline', 'drafts-outline': 'paper-outline', drafts: 'paper-solid', 'duplicate-outline': 'papers-outline', duplicate: 'papers-solid', 'emoji-outline': 'face-smile-outline', emoji: 'face-smile-solid', 'empty-image': 'camera-x-outline', 'engagement-per-post': 'comment-outline', engagements: 'comments-outline', error: 'circle-exclamation-outline', 'exchange-alt': 'arrows-left-right-outline', 'expanded-indicator': 'bars-density-large-outline', export: 'square-round-arrow-up-right-outline', 'extended-circles': 'large-circle-small-circle-outline', 'external-link-alt': 'squares-arrow-up-right-outline', 'external-link': 'square-round-arrow-up-right-outline', 'extreme-negative-sentiment': 'face-frown-open-outline', 'eye-outline': 'eye-outline', 'eye-slash-outline': 'eye-slash-outline', 'eye-slash': 'eye-slash-solid', eye: 'eye-solid', 'facebook-branded-content-outline': 'handshake-outline', 'facebook-branded-content': 'handshake-solid', feeds: 'unordered-list-outline', female: 'symbol-venus-outline', 'file-chart-line': 'paper-bars-outline', 'file-edit': 'paper-pencil-outline', 'file-times-solid': 'paper-x-outline', filter: 'filter-outline', 'flag-outline': 'flag-outline', flag: 'flag-solid', 'folder-open': 'folder-open-outline', folder: 'folder-outline', 'follow-outline': 'user-plus-outline', follow: 'user-plus-solid', 'follower-increase': 'user-arrow-up-outline', following: 'user-check-outline', font: 'font-case-outline', 'full-access': 'circle-fill-outline', gear: 'gear-outline', gears: 'gear-outline', glasses: 'glasses-outline', globe: 'globe-outline', grip: 'grip-lines-vertical-outline', h1: 'h1-outline', h2: 'h2-outline', h3: 'h3-outline', h4: 'h3-outline', hamburger: 'horizontal-lines-outline', hashtag: 'hashtag-outline', headset: 'headset-outline', 'heart-outline': 'heart-outline', heart: 'heart-solid', heartbeat: 'heart-pulse-outline', 'help-alt': 'question-mark-outline', help: 'circle-question-outline', hiking: 'person-hiking-outline', history: 'clock-rotate-left-outline', home: 'house-outline', hourglass: 'hourglass-outline', 'image-caption': 'rectangle-caption-outline', image: 'image-outline', images: 'images-outline', 'impressions-per-post': 'comment-eye-outline', impressions: 'eye-outline', 'inactive-listener': 'file-box-outline', 'inbox-action': 'inbox-check-outline', 'inbox-views': 'inboxes-outline', inbox: 'inbox-outline', indicator: 'circle-fill-outline', industry: 'office-building-outline', info: 'circle-i-outline', 'internal-activity-outline': 'clock-rotate-left-outline', 'internal-activity': 'clock-rotate-left-solid', italic: 'italics-outline', key: 'key-outline', keyboard: 'keyboard-outline', 'laptop-phone': 'laptop-mobile-outline', 'large-density': 'bars-density-large-outline', lift: 'circle-dollar-arrow-up-outline', 'like-outline': 'thumbs-up-outline', like: 'thumbs-up-solid', link: 'link-outline', 'list-ol': 'ordered-list-outline', listening: 'listening-outline', lists: 'unordered-list-outline', 'location-outline': 'location-pin-outline', location: 'location-pin-solid', lock: 'lock-outline', 'magic-wand': 'magic-wand-outline', male: 'symbol-mars-outline', mention: 'symbol-at-outline', 'message-preview-outline': 'eye-outline', 'message-preview': 'eye-solid', message: 'comment-outline', 'messages-outline': 'envelope-outline', messages: 'envelope-solid', 'metric-table': 'metric-table-outline', minus: 'minus-outline', mobile: 'mobile-outline', monitor: 'pulse-outline', moon: 'moon-crescent-outline', 'negative-sentiment': 'face-frown-outline', 'neutral-positive-sentiment': 'face-smile-outline', 'neutral-sentiment': 'face-neutral-outline', 'new-trend': 'fire-outline', newspaper: 'newspaper-outline', 'no-access': 'circle-minus-outline', 'no-notifications-filled': 'bell-slash-solid', 'no-notifications': 'bell-slash-outline', notepad: 'clipboard-outline', 'notifications-publishing': 'alarm-clock-outline', notifications: 'bell-outline', offline: 'wifi-slash-outline', online: 'wifi-outline', 'paid-promotion-outline': 'circle-dollar-outline', 'paid-promotion': 'circle-dollar-solid', paid: 'calculator-outline', paint: 'paint-can-outline', palette: 'art-palette-outline', paperclip: 'paperclip-outline', pause: 'pause-outline', 'pencil-outline': 'pencil-outline', pencil: 'pencil-solid', person: 'user-outline', phone: 'phone-outline', 'pinterest-boards-outline': 'mood-boards-outline', 'pinterest-boards': 'mood-boards-solid', 'play-circle': 'play-outline', play: 'play-outline', plug: 'plug-outline', plus: 'plus-outline', 'positive-sentiment': 'face-smile-open-outline', 'power-up-outline': 'lightning-bolt-outline', 'power-up': 'lightning-bolt-solid', 'profile-connect': 'leaf-plus-outline', 'profile-disconnect': 'leaf-minus-outline', 'publishing-outline': 'paper-plane-outline', publishing: 'paper-plane-outline', 'puzzle-piece': 'puzzle-piece-outline', 'qr-code': 'qr-code-outline', queue: 'queue-outline', recommendation: 'comment-star-outline', referrals: 'star-full-outline', refresh: 'arrows-rotate-outline', rejected: 'ban-outline', 'reply-outline': 'reply-outline', reply: 'reply-solid', 'reporting-period': 'calendar-range-outline', reporting: 'chart-bar-simple-outline', 'reports-home': 'four-squares-outline', reports: 'chart-pie-outline', retweet: 'repost-outline', rss: 'rss-outline', sales: 'dollar-outline', 'save-assets': 'asset-library-plus-outline', 'saved-messages': 'comment-bookmark-outline', 'saved-reply-outline': 'bookmark-reply-outline', 'saved-reply': 'bookmark-reply-solid', search: 'magnifying-glass-outline', 'sent-message-outline': 'inbox-arrow-up-outline', 'sent-message': 'inbox-arrow-up-solid', share: 'square-round-arrow-up-right-outline', 'shopping-bag-outline': 'shopping-bag-outline', 'shopping-bag': 'shopping-bag-solid', 'show-navigation': 'browser-nav-bar-outline', 'small-density': 'bars-density-medium-outline', smiley: 'face-smile-outline', 'some-access': 'circle-half-outline', sparkles: 'sparkle-outline', 'spike-alert': 'comment-exclamation-outline', 'star-half-alt-solid': 'star-half-outline', 'star-of-life': 'star-of-life-outline', 'star-outline': 'star-outline', star: 'star-full-outline', 'sticky-note-outline': 'note-outline', 'sticky-note': 'note-solid', story: 'camera-story-outline', stories: 'story-outline', suggestions: 'comment-light-bulb-outline', sun: 'sun-outline', 'tag-outline': 'tag-outline', tag: 'tag-solid', 'targeting-outline': 'bullseye-arrow-outline', targeting: 'bullseye-arrow-solid', 'tasks-outline': 'thumbtack-outline', tasks: 'thumbtack-solid', 'team-conversation-outline': 'sprout-leaf-lightning-bolt-outline', 'team-conversation': 'sprout-leaf-lightning-bolt-solid', team: 'users-outline', 'text-asset': 'text-serif-outline', text: 'text-serif-outline', times: 'x-outline', tools: 'screwdriver-hammer-outline', 'trash-can-outline': 'trash-outline', 'trash-can': 'trash-solid', 'trend-down': 'arrow-right-down-outline', 'trend-up': 'arrow-right-up-outline', 'trend-neutral': 'arrow-right-outline', trends: 'fire-outline', 'triangle-black': 'triangle-outline', triangle: 'triangle-exclamation-outline', 'trophy-outline': 'trophy-outline', 'unfollow-outline': 'user-x-outline', unfollow: 'user-x-solid', unlink: 'link-slash-outline', unlock: 'unlock-outline', upload: 'arrow-up-from-bracket-outline', 'user-circle': 'user-sprout-outline', users: 'users-outline', 'video-camera-story': 'video-camera-story-outline', 'video-camera': 'video-camera-outline', vip: 'gem-outline', weight: 'weight-outline', 'window-maximize': 'window-modal-outline', 'window-minimize': 'window-minimize-outline', 'window-regular': 'browser-outline', 'window-restore': 'browser-restore-outline', x: 'x-outline', 'tripadvisor-circle-filled': 'tripadvisor-cicle-solid', 'tripadvisor-circle-empty': 'tripadvisor-circle-outline', 'flat-positive-sentiment': 'face-smile-outline', 'flat-negative-sentiment': 'face-frown-outline', 'flat-neutral-sentiment': 'face-neutral-outline'};
|
|
6
|
+
const IconMap = require('./artifacts/icon-map.json');
|
|
9
7
|
|
|
10
8
|
// All the new icon names. Used to avoid attempting to migrate an icon name that has already been migrated.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const GeneralIconNames = ["alarm-clock-outline","alarm-clock-solid","all-caps-outline","all-caps-solid","alt-text-outline","alt-text-solid","arrow-down-outline","arrow-down-solid","arrow-down-to-bracket-outline","arrow-down-to-bracket-solid","arrow-down-to-line-outline","arrow-down-to-line-solid","arrow-left-outline","arrow-left-solid","arrow-left-to-line-outline","arrow-left-to-line-solid","arrow-right-down-outline","arrow-right-down-solid","arrow-right-from-bracket-outline","arrow-right-from-bracket-solid","arrow-right-outline","arrow-right-solid","arrow-right-to-line-outline","arrow-right-to-line-solid","arrow-right-up-outline","arrow-right-up-solid","arrow-up-from-bracket-outline","arrow-up-from-bracket-solid","arrow-up-outline","arrow-up-solid","arrow-up-to-line-outline","arrow-up-to-line-solid","arrows-left-right-outline","arrows-left-right-solid","arrows-pointing-in-outline","arrows-pointing-in-solid","arrows-pointing-out-outline","arrows-pointing-out-solid","arrows-rotate-outline","arrows-rotate-solid","arrows-up-down-left-right-outline","arrows-up-down-left-right-solid","art-palette-outline","art-palette-solid","atom-outline","atom-solid","audio-outline","audio-solid","ban-outline","ban-solid","barcode-outline","barcode-solid","bars-density-large-outline","bars-density-large-solid","bars-density-medium-outline","bars-density-medium-solid","bars-density-small-outline","bars-density-small-solid","bars-density-two-panel-outline","bars-density-two-panel-solid","basketball-outline","basketball-solid","bell-outline","bell-slash-outline","bell-slash-solid","bell-solid","bold-outline","bold-solid","book-open-outline","book-open-solid","book-outline","book-solid","bookmark-filter-outline","bookmark-filter-solid","bookmark-outline","bookmark-reply-outline","bookmark-reply-solid","bookmark-solid","briefcase-outline","briefcase-solid","browser-nav-bar-outline","browser-nav-bar-solid","browser-outline","browser-restore-outline","browser-restore-solid","browser-solid","bullseye-arrow-outline","bullseye-arrow-solid","calculator-outline","calculator-solid","calendar-clock-outline","calendar-clock-solid","calendar-day-outline","calendar-day-solid","calendar-outline","calendar-range-outline","calendar-range-solid","calendar-solid","camera-outline","camera-solid","camera-story-outline","camera-story-solid","camera-x-outline","camera-x-solid","caret-down-outline","caret-down-solid","caret-up-down-outline","caret-up-down-solid","caret-up-down-sort-down-outline","caret-up-down-sort-down-solid","caret-up-down-sort-up-outline","caret-up-down-sort-up-solid","caret-up-outline","caret-up-solid","carousel-outline","carousel-solid","cart-outline","cart-plus-outline","cart-plus-solid","cart-solid","chart-area-outline","chart-area-solid","chart-arrow-down-outline","chart-arrow-down-solid","chart-arrow-neutral-outline","chart-arrow-neutral-solid","chart-arrow-up-outline","chart-arrow-up-solid","chart-bar-outline","chart-bar-simple-outline","chart-bar-simple-solid","chart-bar-solid","chart-donut-outline","chart-donut-solid","chart-line-outline","chart-line-solid","chart-pie-outline","chart-pie-solid","check-outline","check-solid","chevron-down-outline","chevron-down-solid","chevron-left-outline","chevron-left-solid","chevron-right-outline","chevron-right-solid","chevron-up-outline","chevron-up-solid","circle-check-double-outline","circle-check-double-solid","circle-check-outline","circle-check-solid","circle-dollar-arrow-up-outline","circle-dollar-arrow-up-solid","circle-dollar-outline","circle-dollar-solid","circle-exclamation-outline","circle-exclamation-solid","circle-fill-outline","circle-fill-solid","circle-half-outline","circle-half-solid","circle-i-outline","circle-i-solid","circle-minus-outline","circle-minus-solid","circle-no-fill-outline","circle-no-fill-solid","circle-question-outline","circle-question-solid","circle-user-outline","circle-user-solid","circle-x-outline","circle-x-solid","clipboard-outline","clipboard-solid","clock-outline","clock-rotate-left-outline","clock-rotate-left-solid","clock-solid","closed-caption-outline","closed-caption-solid","cloud-outline","cloud-solid","code-outline","code-solid","columns-outline","columns-solid","comment-plus-outline","comment-plus-solid","comment-star-outline","comment-star-slash-outline","comment-star-slash-solid","comment-star-solid","compass-outline","compass-solid","credit-card-outline","credit-card-solid","crop-outline","crop-solid","crown-outline","crown-solid","curly-brackets-plus-outline","curly-brackets-plus-solid","delete-left-outline","delete-left-solid","diamond-outline","diamond-solid","diamond-vs-outline","diamond-vs-solid","dollar-outline","dollar-solid","ellipsis-horizontal-outline","ellipsis-horizontal-solid","ellipsis-vertical-outline","ellipsis-vertical-solid","envelope-outline","envelope-solid","expression-frown-outline","expression-frown-solid","expression-neutral-outline","expression-neutral-solid","expression-smile-open-outline","expression-smile-open-solid","eye-dropper-outline","eye-dropper-solid","eye-outline","eye-slash-outline","eye-slash-solid","eye-solid","face-frown-open-outline","face-frown-open-solid","face-frown-outline","face-frown-solid","face-neutral-outline","face-neutral-solid","face-smile-open-outline","face-smile-open-solid","face-smile-outline","face-smile-solid","file-box-arrow-up-outline","file-box-arrow-up-solid","file-box-outline","file-box-solid","filter-outline","filter-solid","fire-outline","fire-solid","flag-outline","flag-solid","folder-open-outline","folder-open-solid","folder-outline","folder-solid","font-case-outline","font-case-solid","four-squares-outline","four-squares-solid","gauge-outline","gauge-solid","gear-outline","gear-solid","gem-outline","gem-solid","gif-outline","gif-solid","glasses-outline","glasses-solid","globe-outline","globe-solid","grip-lines-vertical-outline","grip-lines-vertical-solid","h1-outline","h1-solid","h2-outline","h2-solid","h3-outline","h3-solid","h4-outline","h4-solid","hand-pointer-clicking-outline","hand-pointer-clicking-solid","handshake-outline","handshake-solid","hashtag-outline","hashtag-solid","headset-outline","headset-solid","heart-outline","heart-pulse-outline","heart-pulse-solid","heart-solid","horizontal-lines-outline","horizontal-lines-solid","hourglass-outline","hourglass-solid","house-outline","house-solid","image-outline","image-solid","images-outline","images-solid","inbox-arrow-up-outline","inbox-arrow-up-solid","inbox-check-outline","inbox-check-solid","inbox-lightning-bolt-outline","inbox-lightning-bolt-solid","inbox-outline","inbox-solid","inboxes-outline","inboxes-solid","italics-outline","italics-solid","justify-center-outline","justify-center-solid","justify-left-outline","justify-left-solid","justify-right-outline","justify-right-solid","key-outline","key-solid","keyboard-outline","keyboard-solid","language-outline","language-solid","laptop-mobile-outline","laptop-mobile-solid","larger-circle-small-circle-outline","larger-circle-small-circle-solid","lightbulb-outline","lightbulb-solid","lightning-bolt-outline","lightning-bolt-solid","link-broken-outline","link-broken-solid","link-outline","link-slash-outline","link-slash-solid","link-solid","locate-outline","locate-solid","location-pin-outline","location-pin-solid","lock-outline","lock-solid","magic-wand-outline","magic-wand-solid","magnifying-glass-outline","magnifying-glass-solid","magnifying-glass-twitter-outline","magnifying-glass-twitter-solid","masks-theater-outline","masks-theater-solid","megaphone-dollar-outline","megaphone-dollar-solid","megaphone-outline","megaphone-solid","metric-table-outline","metric-table-solid","microphone-outline","microphone-solid","minus-outline","minus-solid","mobile-outline","mobile-solid","mood-boards-outline","mood-boards-solid","moon-crescent-outline","moon-crescent-solid","newspaper-outline","newspaper-solid","note-outline","note-solid","office-building-outline","office-building-solid","ordered-list-outline","ordered-list-solid","paint-can-outline","paint-can-solid","paper-bars-outline","paper-bars-solid","paper-outline","paper-pencil-outline","paper-pencil-solid","paper-plane-arrows-rotate-outline","paper-plane-arrows-rotate-solid","paper-plane-outline","paper-plane-solid","paper-solid","paper-x-outline","paper-x-solid","paperclip-outline","paperclip-solid","papers-outline","papers-solid","pattern-circle-triangle-square-outline","pattern-circle-triangle-square-solid","pause-outline","pause-solid","pencil-outline","pencil-solid","person-hiking-outline","person-hiking-solid","phone-outline","phone-solid","play-outline","play-solid","plug-outline","plug-solid","plus-outline","plus-solid","pointer-outline","pointer-solid","profile-card-outline","profile-card-solid","pulse-outline","pulse-solid","puzzle-piece-outline","puzzle-piece-solid","qr-code-outline","qr-code-solid","question-mark-outline","question-mark-solid","rectangle-caption-outline","rectangle-caption-solid","reply-outline","reply-solid","repost-outline","repost-solid","robot-outline","robot-solid","route-outline","route-solid","rss-outline","rss-solid","screwdriver-hammer-outline","screwdriver-hammer-solid","seeds-outline","seeds-solid","shopping-bag-outline","shopping-bag-solid","sitemap-outline","sitemap-solid","sparkle-outline","sparkle-solid","square-check-outline","square-check-solid","square-outline","square-solid","squares-arrow-up-right-outline","squares-arrow-up-right-solid","stamp-check-outline","stamp-check-solid","stamp-outline","stamp-solid","star-full-outline","star-full-solid","star-half-outline","star-half-solid","star-of-life-outline","star-of-life-solid","star-outline","star-solid","story-outline","story-solid","strikethrough-outline","strikethrough-solid","sun-outline","sun-solid","symbol-at-outline","symbol-at-solid","symbol-mars-outline","symbol-mars-solid","symbol-venus-outline","symbol-venus-solid","tag-outline","tag-solid","tags-outline","tags-solid","text-serif-outline","text-serif-solid","thread-outline","thread-solid","thumbs-down-outline","thumbs-down-solid","thumbs-up-outline","thumbs-up-solid","thumbtack-check-outline","thumbtack-check-solid","thumbtack-outline","thumbtack-solid","ticket-outline","ticket-solid","trash-outline","trash-solid","triangle-exclamation-outline","triangle-exclamation-solid","triangle-outline","triangle-solid","trophy-outline","trophy-solid","underline-outline","underline-solid","unlock-outline","unlock-solid","unordered-list-outline","unordered-list-solid","user-arrow-up-outline","user-arrow-up-solid","user-check-outline","user-check-solid","user-minus-outline","user-minus-solid","user-outline","user-plus-outline","user-plus-solid","user-solid","user-x-outline","user-x-solid","users-outline","users-solid","video-camera-outline","video-camera-solid","video-camera-story-outline","video-camera-story-solid","weight-outline","weight-solid","wifi-outline","wifi-slash-outline","wifi-slash-solid","wifi-solid","window-arrow-up-left-outline","window-arrow-up-left-solid","window-dock-left-outline","window-dock-left-solid","window-dock-right-outline","window-dock-right-solid","window-full-outline","window-full-solid","window-minimize-outline","window-minimize-solid","window-modal-outline","window-modal-solid","x-outline","x-solid"]
|
|
15
|
-
|
|
16
|
-
const SproutIconNames = ["advocacy-outline","advocacy-solid","asset-library-outline","asset-library-plus-outline","asset-library-plus-solid","asset-library-solid","bambu-outline","bambu-solid","comment-bookmark-outline","comment-bookmark-solid","comment-exclamation-outline","comment-exclamation-solid","comment-eye-outline","comment-eye-solid","comment-light-bulb-outline","comment-light-bulb-solid","comment-outline","comment-solid","comment-sparkle-outline","comment-sparkle-solid","comments-outline","comments-solid","leaf-minus-outline","leaf-minus-solid","leaf-plus-outline","leaf-plus-solid","listening-outline","listening-solid","pencil-to-square-outline","pencil-to-square-solid","queue-outline","queue-solid","sprout-leaf-ellipsis-outline","sprout-leaf-ellipsis-solid","sprout-leaf-lightning-bolt-outline","sprout-leaf-lightning-bolt-solid","sprout-leaf-sync-outline","sprout-leaf-sync-solid","square-round-arrow-up-right-outline","square-round-arrow-up-right-solid","user-sprout-outline","user-sprout-solid"];
|
|
9
|
+
const {
|
|
10
|
+
ExternalIconNames,
|
|
11
|
+
GeneralIconNames,
|
|
12
|
+
SproutIconNames,
|
|
13
|
+
} = require('@sproutsocial/seeds-icons');
|
|
17
14
|
const newIconNames = [
|
|
18
15
|
...ExternalIconNames,
|
|
19
16
|
...GeneralIconNames,
|
|
20
17
|
...SproutIconNames,
|
|
21
18
|
];
|
|
22
19
|
|
|
20
|
+
// prettier-ignore
|
|
21
|
+
const PartnerNames = ["adobe-experience-manager","android","apple-app-store","apple","bigcommerce","bitly","bynder","canva","dropbox","facebook-audience-network","facebook","facebook-groups","facebook-shops","feedly","github","glassdoor","google-analytics","google-business-messages","google-drive","google-my-business","google-play-store","hubspot","instagram","linkedin-audience-network","linkedin","marketo","messenger","microsoft-dynamics","pinterest","reddit","salesforce-cloud","salesforce","shopify","slack","sproutsocial","tableau","tiktok","tripadvisor","tumblr","twitter-audience-network","twitter","whatsapp","woocommerce","yelp","youtube","zendesk"];
|
|
22
|
+
|
|
23
23
|
// Map the current icon name to the new icon name
|
|
24
24
|
const mapIconName = (currentName) => {
|
|
25
25
|
if (IconMap[currentName]) {
|
|
@@ -29,8 +29,9 @@ const mapIconName = (currentName) => {
|
|
|
29
29
|
if (IconMap[deprecatedNames[currentName]]) {
|
|
30
30
|
return IconMap[deprecatedNames[currentName]];
|
|
31
31
|
}
|
|
32
|
-
// Checks if the icon name
|
|
32
|
+
// Checks if the current icon name is already valid. Makes the codemod semi-idempotent.
|
|
33
33
|
if (
|
|
34
|
+
PartnerNames.includes(currentName) ||
|
|
34
35
|
newIconNames.includes(currentName) ||
|
|
35
36
|
newIconNames.includes(`${currentName}-solid`) // All icons with a solid variant also have an outline variant, so we don't need to check both.
|
|
36
37
|
) {
|
|
@@ -55,9 +56,13 @@ function replaceIconNames(file, firstRegex, secondRegex) {
|
|
|
55
56
|
// Extract just the icon name from the regex result
|
|
56
57
|
const iconName = result.replace('ssiconsvg-', '').replace(/['"]/g, '');
|
|
57
58
|
const mappedIcon = mapIconName(iconName);
|
|
59
|
+
// Replace ssiconsvg with the correct sprite prefix.
|
|
60
|
+
const prefix = PartnerNames.includes(mappedIcon)
|
|
61
|
+
? 'sslogosvg-'
|
|
62
|
+
: 'seeds-svgs_';
|
|
58
63
|
if (mappedIcon) {
|
|
59
64
|
const replacement = result
|
|
60
|
-
.replace('ssiconsvg-',
|
|
65
|
+
.replace('ssiconsvg-', prefix)
|
|
61
66
|
.replace(iconName, mappedIcon);
|
|
62
67
|
source = source.replace(result, replacement);
|
|
63
68
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
// We need the deprecated icon name mapping so that we can migrate icons still
|
|
2
|
-
//
|
|
3
|
-
const deprecatedNames =
|
|
1
|
+
// We need the deprecated icon name mapping so that we can migrate icons still
|
|
2
|
+
// using the ancient names all the way to the new names.
|
|
3
|
+
const deprecatedNames = require('./artifacts/deprecated-icon-map.json');
|
|
4
4
|
|
|
5
5
|
// Mapping from old icon names to new icon names
|
|
6
|
-
|
|
7
|
-
const IconMap = {'active-listener': 'listening-outline', 'add-item': 'plus-outline', 'add-keyword': 'plus-outline', 'add-team-member': 'user-plus-outline', 'add-variable': 'curly-brackets-plus-outline', 'address-card-outline': 'profile-card-outline', 'address-card-solid': 'profile-card-solid', ads: 'dollar-outline', 'advocacy-outline': 'advocacy-outline', advocacy: 'advocacy-solid', 'approval-indicator-outline': 'stamp-outline', 'approval-indicator': 'stamp-solid', archive: 'file-box-outline', 'arrow-down-line': 'arrow-down-to-line-outline', 'arrow-down': 'arrow-down-outline', 'arrow-left-line': 'arrow-left-to-line-outline', 'arrow-left': 'arrow-left-outline', 'arrow-right-line': 'arrow-right-to-line-outline', 'arrow-right': 'arrow-right-outline', 'arrow-up-line': 'arrow-up-to-line-outline', 'arrow-up': 'arrow-up-outline', arrows: 'arrows-up-down-left-right-outline', 'asset-library-outline': 'asset-library-outline', 'asset-library': 'asset-library-solid', assign: 'sitemap-outline', atom: 'atom-outline', audio: 'audio-outline', 'back-to-top': 'arrow-up-outline', 'bambu-icon-outline': 'bambu-outline', 'bambu-icon': 'bambu-solid', barcode: 'barcode-outline', basketball: 'basketball-outline', 'bell-outline': 'bell-outline', bold: 'bold-outline', book: 'book-outline', 'bookmark-filled': 'bookmark-solid', bookmark: 'bookmark-outline', bot: 'robot-outline', browser: 'window-full-outline', 'bulk-select': 'square-check-outline', business: 'briefcase-outline', 'calendar-outline': 'calendar-outline', calendar: 'calendar-solid', 'camera-outline': 'camera-outline', 'camera-story': 'camera-story-solid', camera: 'camera-solid', campaign: 'megaphone-outline', carousel: 'carousel-outline', 'cart-plus': 'cart-plus-outline', check: 'check-outline', 'chevron-down-filled': 'caret-down-outline', 'chevron-down': 'chevron-down-outline', 'chevron-left': 'chevron-left-outline', 'chevron-right': 'chevron-right-outline', 'chevron-up-down-filled': 'caret-up-down-outline', 'chevron-up-filled': 'caret-up-outline', 'chevron-up': 'chevron-up-outline', 'circle-check-outline': 'circle-check-outline', 'circle-check': 'circle-check-solid', circle: 'circle-no-fill-outline', 'circle+': 'plus-outline', circles: 'large-circle-small-circle-outline', circleX: 'circle-x-outline', circlex: 'circle-x-outline', 'click-to-view': 'hand-pointer-clicking-outline', clicks: 'pointer-outline', 'clipboard-outline': 'clipboard-outline', clipboard: 'clipboard-solid', clock: 'clock-outline', 'closed-captioning': 'closed-caption-outline', cloud: 'cloud-outline', code: 'code-outline', columns: 'columns-outline', 'comment-alt-outline': 'comments-outline', 'comment-alt': 'comment-solid', 'comment-lines-alt-outline': 'comment-outline', comment: 'comments-outline', 'compact-density': 'bars-density-small-outline', 'compact-indicator': 'bars-density-small-outline', comparison: 'diamond-vs-outline', competitor: 'office-building-outline', compose: 'pencil-to-square-outline', 'content-suggestions': 'comment-sparkle-outline', 'credit-card': 'credit-card-outline', crop: 'crop-outline', crown: 'crown-outline', dashboard: 'gauge-outline', 'deconstructed-negative-sentiment': 'expression-frown-outline', 'deconstructed-neutral-sentiment': 'expression-neutral-outline', 'deconstructed-positive-sentiment': 'expression-smile-open-outline', discovery: 'compass-outline', 'dislike-outline': 'thumbs-down-outline', dislike: 'thumbs-down-solid', 'dm-link-outline': 'comment-plus-outline', 'dm-link': 'comment-plus-solid', 'doesnt-recommend': 'comment-star-slash-outline', dotdotdot: 'ellipsis-horizontal-outline', download: 'arrow-down-to-bracket-outline', 'drafts-outline': 'paper-outline', drafts: 'paper-solid', 'duplicate-outline': 'papers-outline', duplicate: 'papers-solid', 'emoji-outline': 'face-smile-outline', emoji: 'face-smile-solid', 'empty-image': 'camera-x-outline', 'engagement-per-post': 'comment-outline', engagements: 'comments-outline', error: 'circle-exclamation-outline', 'exchange-alt': 'arrows-left-right-outline', 'expanded-indicator': 'bars-density-large-outline', export: 'square-round-arrow-up-right-outline', 'extended-circles': 'large-circle-small-circle-outline', 'external-link-alt': 'squares-arrow-up-right-outline', 'external-link': 'square-round-arrow-up-right-outline', 'extreme-negative-sentiment': 'face-frown-open-outline', 'eye-outline': 'eye-outline', 'eye-slash-outline': 'eye-slash-outline', 'eye-slash': 'eye-slash-solid', eye: 'eye-solid', 'facebook-branded-content-outline': 'handshake-outline', 'facebook-branded-content': 'handshake-solid', feeds: 'unordered-list-outline', female: 'symbol-venus-outline', 'file-chart-line': 'paper-bars-outline', 'file-edit': 'paper-pencil-outline', 'file-times-solid': 'paper-x-outline', filter: 'filter-outline', 'flag-outline': 'flag-outline', flag: 'flag-solid', 'folder-open': 'folder-open-outline', folder: 'folder-outline', 'follow-outline': 'user-plus-outline', follow: 'user-plus-solid', 'follower-increase': 'user-arrow-up-outline', following: 'user-check-outline', font: 'font-case-outline', 'full-access': 'circle-fill-outline', gear: 'gear-outline', gears: 'gear-outline', glasses: 'glasses-outline', globe: 'globe-outline', grip: 'grip-lines-vertical-outline', h1: 'h1-outline', h2: 'h2-outline', h3: 'h3-outline', h4: 'h3-outline', hamburger: 'horizontal-lines-outline', hashtag: 'hashtag-outline', headset: 'headset-outline', 'heart-outline': 'heart-outline', heart: 'heart-solid', heartbeat: 'heart-pulse-outline', 'help-alt': 'question-mark-outline', help: 'circle-question-outline', hiking: 'person-hiking-outline', history: 'clock-rotate-left-outline', home: 'house-outline', hourglass: 'hourglass-outline', 'image-caption': 'rectangle-caption-outline', image: 'image-outline', images: 'images-outline', 'impressions-per-post': 'comment-eye-outline', impressions: 'eye-outline', 'inactive-listener': 'file-box-outline', 'inbox-action': 'inbox-check-outline', 'inbox-views': 'inboxes-outline', inbox: 'inbox-outline', indicator: 'circle-fill-outline', industry: 'office-building-outline', info: 'circle-i-outline', 'internal-activity-outline': 'clock-rotate-left-outline', 'internal-activity': 'clock-rotate-left-solid', italic: 'italics-outline', key: 'key-outline', keyboard: 'keyboard-outline', 'laptop-phone': 'laptop-mobile-outline', 'large-density': 'bars-density-large-outline', lift: 'circle-dollar-arrow-up-outline', 'like-outline': 'thumbs-up-outline', like: 'thumbs-up-solid', link: 'link-outline', 'list-ol': 'ordered-list-outline', listening: 'listening-outline', lists: 'unordered-list-outline', 'location-outline': 'location-pin-outline', location: 'location-pin-solid', lock: 'lock-outline', 'magic-wand': 'magic-wand-outline', male: 'symbol-mars-outline', mention: 'symbol-at-outline', 'message-preview-outline': 'eye-outline', 'message-preview': 'eye-solid', message: 'comment-outline', 'messages-outline': 'envelope-outline', messages: 'envelope-solid', 'metric-table': 'metric-table-outline', minus: 'minus-outline', mobile: 'mobile-outline', monitor: 'pulse-outline', moon: 'moon-crescent-outline', 'negative-sentiment': 'face-frown-outline', 'neutral-positive-sentiment': 'face-smile-outline', 'neutral-sentiment': 'face-neutral-outline', 'new-trend': 'fire-outline', newspaper: 'newspaper-outline', 'no-access': 'circle-minus-outline', 'no-notifications-filled': 'bell-slash-solid', 'no-notifications': 'bell-slash-outline', notepad: 'clipboard-outline', 'notifications-publishing': 'alarm-clock-outline', notifications: 'bell-outline', offline: 'wifi-slash-outline', online: 'wifi-outline', 'paid-promotion-outline': 'circle-dollar-outline', 'paid-promotion': 'circle-dollar-solid', paid: 'calculator-outline', paint: 'paint-can-outline', palette: 'art-palette-outline', paperclip: 'paperclip-outline', pause: 'pause-outline', 'pencil-outline': 'pencil-outline', pencil: 'pencil-solid', person: 'user-outline', phone: 'phone-outline', 'pinterest-boards-outline': 'mood-boards-outline', 'pinterest-boards': 'mood-boards-solid', 'play-circle': 'play-outline', play: 'play-outline', plug: 'plug-outline', plus: 'plus-outline', 'positive-sentiment': 'face-smile-open-outline', 'power-up-outline': 'lightning-bolt-outline', 'power-up': 'lightning-bolt-solid', 'profile-connect': 'leaf-plus-outline', 'profile-disconnect': 'leaf-minus-outline', 'publishing-outline': 'paper-plane-outline', publishing: 'paper-plane-outline', 'puzzle-piece': 'puzzle-piece-outline', 'qr-code': 'qr-code-outline', queue: 'queue-outline', recommendation: 'comment-star-outline', referrals: 'star-full-outline', refresh: 'arrows-rotate-outline', rejected: 'ban-outline', 'reply-outline': 'reply-outline', reply: 'reply-solid', 'reporting-period': 'calendar-range-outline', reporting: 'chart-bar-simple-outline', 'reports-home': 'four-squares-outline', reports: 'chart-pie-outline', retweet: 'repost-outline', rss: 'rss-outline', sales: 'dollar-outline', 'save-assets': 'asset-library-plus-outline', 'saved-messages': 'comment-bookmark-outline', 'saved-reply-outline': 'bookmark-reply-outline', 'saved-reply': 'bookmark-reply-solid', search: 'magnifying-glass-outline', 'sent-message-outline': 'inbox-arrow-up-outline', 'sent-message': 'inbox-arrow-up-solid', share: 'square-round-arrow-up-right-outline', 'shopping-bag-outline': 'shopping-bag-outline', 'shopping-bag': 'shopping-bag-solid', 'show-navigation': 'browser-nav-bar-outline', 'small-density': 'bars-density-medium-outline', smiley: 'face-smile-outline', 'some-access': 'circle-half-outline', sparkles: 'sparkle-outline', 'spike-alert': 'comment-exclamation-outline', 'star-half-alt-solid': 'star-half-outline', 'star-of-life': 'star-of-life-outline', 'star-outline': 'star-outline', star: 'star-full-outline', 'sticky-note-outline': 'note-outline', 'sticky-note': 'note-solid', story: 'camera-story-outline', stories: 'story-outline', suggestions: 'comment-light-bulb-outline', sun: 'sun-outline', 'tag-outline': 'tag-outline', tag: 'tag-solid', 'targeting-outline': 'bullseye-arrow-outline', targeting: 'bullseye-arrow-solid', 'tasks-outline': 'thumbtack-outline', tasks: 'thumbtack-solid', 'team-conversation-outline': 'sprout-leaf-lightning-bolt-outline', 'team-conversation': 'sprout-leaf-lightning-bolt-solid', team: 'users-outline', 'text-asset': 'text-serif-outline', text: 'text-serif-outline', times: 'x-outline', tools: 'screwdriver-hammer-outline', 'trash-can-outline': 'trash-outline', 'trash-can': 'trash-solid', 'trend-down': 'arrow-right-down-outline', 'trend-up': 'arrow-right-up-outline', 'trend-neutral': 'arrow-right-outline', trends: 'fire-outline', 'triangle-black': 'triangle-outline', triangle: 'triangle-exclamation-outline', 'trophy-outline': 'trophy-outline', 'unfollow-outline': 'user-x-outline', unfollow: 'user-x-solid', unlink: 'link-slash-outline', unlock: 'unlock-outline', upload: 'arrow-up-from-bracket-outline', 'user-circle': 'user-sprout-outline', users: 'users-outline', 'video-camera-story': 'video-camera-story-outline', 'video-camera': 'video-camera-outline', vip: 'gem-outline', weight: 'weight-outline', 'window-maximize': 'window-modal-outline', 'window-minimize': 'window-minimize-outline', 'window-regular': 'browser-outline', 'window-restore': 'browser-restore-outline', x: 'x-outline', 'tripadvisor-circle-filled': 'tripadvisor-cicle-solid', 'tripadvisor-circle-empty': 'tripadvisor-circle-outline', 'flat-positive-sentiment': 'face-smile-outline', 'flat-negative-sentiment': 'face-frown-outline', 'flat-neutral-sentiment': 'face-neutral-outline'};
|
|
6
|
+
const IconMap = require('./artifacts/icon-map.json');
|
|
8
7
|
|
|
9
8
|
// Map the current icon name to the new icon name
|
|
10
9
|
const mapIconName = (currentName) => {
|
package/commonjs/Badge/Badge.js
CHANGED
|
@@ -52,7 +52,7 @@ var Badge = function Badge(_ref) {
|
|
|
52
52
|
}, iconName ? /*#__PURE__*/React.createElement(_Icon.default, {
|
|
53
53
|
mr: 200,
|
|
54
54
|
name: iconName,
|
|
55
|
-
size: size === 'small' ? 'mini' : '
|
|
55
|
+
size: size === 'small' ? 'mini' : 'small',
|
|
56
56
|
"aria-hidden": true
|
|
57
57
|
}) : null, children || text));
|
|
58
58
|
};
|
|
@@ -20,16 +20,16 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
20
20
|
var getBannerIconName = function getBannerIconName(type) {
|
|
21
21
|
switch (type) {
|
|
22
22
|
case 'success':
|
|
23
|
-
return 'circle-check-
|
|
23
|
+
return 'circle-check-outline';
|
|
24
24
|
case 'error':
|
|
25
|
-
return 'triangle';
|
|
25
|
+
return 'triangle-exclamation-outline';
|
|
26
26
|
case 'warning':
|
|
27
|
-
return 'triangle';
|
|
27
|
+
return 'triangle-exclamation-outline';
|
|
28
28
|
case 'opportunity':
|
|
29
|
-
return '
|
|
29
|
+
return 'sparkle-outline';
|
|
30
30
|
case 'info':
|
|
31
31
|
default:
|
|
32
|
-
return '
|
|
32
|
+
return 'circle-i-outline';
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
var getBannerIconColor = function getBannerIconColor(type) {
|
|
@@ -72,8 +72,8 @@ var Banner = function Banner(_ref) {
|
|
|
72
72
|
color: getBannerIconColor(type),
|
|
73
73
|
className: "Icon",
|
|
74
74
|
fixedWidth: true,
|
|
75
|
-
mt:
|
|
76
|
-
mr:
|
|
75
|
+
mt: 100,
|
|
76
|
+
mr: 350
|
|
77
77
|
}, typeIconProps)), text, onClose && /*#__PURE__*/React.createElement(_Box.default, {
|
|
78
78
|
ml: "auto",
|
|
79
79
|
pl: 400,
|
|
@@ -83,7 +83,7 @@ var Banner = function Banner(_ref) {
|
|
|
83
83
|
onClick: onClose,
|
|
84
84
|
ariaLabel: closeButtonLabel
|
|
85
85
|
}, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
86
|
-
name: "x",
|
|
86
|
+
name: "x-outline",
|
|
87
87
|
"aria-hidden": true
|
|
88
88
|
})))));
|
|
89
89
|
};
|
|
@@ -49,7 +49,7 @@ var Breadcrumb = function Breadcrumb(_ref2) {
|
|
|
49
49
|
px: 200,
|
|
50
50
|
py: 0
|
|
51
51
|
}, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
52
|
-
name: "
|
|
52
|
+
name: "ellipsis-horizontal-solid",
|
|
53
53
|
"aria-hidden": true
|
|
54
54
|
}))), listItems.map(function (item, i) {
|
|
55
55
|
// @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
|
|
@@ -46,7 +46,7 @@ var SelectedIcon = function SelectedIcon(_ref4) {
|
|
|
46
46
|
return /*#__PURE__*/_react.default.createElement(_styles.SelectedIconWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.StyledSelectedIcon, {
|
|
47
47
|
"aria-hidden": true,
|
|
48
48
|
color: "icon.base",
|
|
49
|
-
name: "circle-check",
|
|
49
|
+
name: "circle-check-solid",
|
|
50
50
|
$selected: $selected
|
|
51
51
|
}));
|
|
52
52
|
};
|
|
@@ -55,7 +55,7 @@ var CardAffordance = function CardAffordance(_ref5) {
|
|
|
55
55
|
var rest = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
|
|
56
56
|
return /*#__PURE__*/_react.default.createElement(_styles.StyledCardAffordance, _extends({}, rest, {
|
|
57
57
|
size: "mini",
|
|
58
|
-
name: "arrow-right"
|
|
58
|
+
name: "arrow-right-solid"
|
|
59
59
|
// TODO: probably need to make this available to the top level for external links https://sprout.atlassian.net/browse/DS-2223
|
|
60
60
|
,
|
|
61
61
|
"aria-hidden": true
|
|
@@ -130,7 +130,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
|
|
|
130
130
|
"data-qa-checkbox-isdisabled": disabled === true,
|
|
131
131
|
tabIndex: tabIndexInt
|
|
132
132
|
}, qa, inputProps)), /*#__PURE__*/React.createElement(_styles.CheckboxBox, null, /*#__PURE__*/React.createElement(_styles.CheckIcon, {
|
|
133
|
-
name: indeterminate ? 'minus' : 'check',
|
|
133
|
+
name: indeterminate ? 'minus-solid' : 'check-solid',
|
|
134
134
|
size: "mini",
|
|
135
135
|
fixedWidth: true
|
|
136
136
|
}))));
|
|
@@ -11,8 +11,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
11
11
|
var _styles = require("./styles");
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
var iconNames = {
|
|
14
|
-
left: 'arrow-left',
|
|
15
|
-
right: 'arrow-right'
|
|
14
|
+
left: 'arrow-left-solid',
|
|
15
|
+
right: 'arrow-right-solid'
|
|
16
16
|
};
|
|
17
17
|
var CalendarNavButton = function CalendarNavButton(_ref) {
|
|
18
18
|
var type = _ref.type;
|
|
@@ -54,7 +54,7 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
|
|
|
54
54
|
onClick: onClose
|
|
55
55
|
}, props), props.children || /*#__PURE__*/React.createElement(_Icon.default, {
|
|
56
56
|
"aria-hidden": true,
|
|
57
|
-
name: "x"
|
|
57
|
+
name: "x-outline"
|
|
58
58
|
}));
|
|
59
59
|
};
|
|
60
60
|
var DrawerHeader = function DrawerHeader(_ref) {
|
|
@@ -2,7 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
|
-
var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons.flow"));
|
|
6
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
7
5
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
8
6
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/commonjs/Icon/Icon.js
CHANGED
|
@@ -1,31 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.default = void 0;
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
|
-
var _IconViewBoxes = _interopRequireDefault(require("../IconViewBoxes"));
|
|
11
9
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
12
10
|
var _PartnerLogo = _interopRequireDefault(require("../PartnerLogo"));
|
|
13
11
|
var _utils = require("../utils");
|
|
14
12
|
var _logoNames = _interopRequireDefault(require("../logoNames"));
|
|
15
|
-
var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons"));
|
|
16
13
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
14
|
+
var _seedsIcons = require("@sproutsocial/seeds-icons");
|
|
17
15
|
var _excluded = ["name", "size", "fixedWidth", "ariaLabel", "color", "svgProps"],
|
|
18
16
|
_excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
|
|
19
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
22
21
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
22
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
23
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
28
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
29
|
+
var defaultVariant = 'outline';
|
|
30
|
+
var AllViewboxes = _objectSpread(_objectSpread(_objectSpread({}, _seedsIcons.ExternalViewBoxes), _seedsIcons.GeneralViewBoxes), _seedsIcons.SproutViewBoxes);
|
|
25
31
|
var Icon = function Icon(_ref) {
|
|
26
32
|
var name = _ref.name,
|
|
27
33
|
_ref$size = _ref.size,
|
|
28
|
-
size = _ref$size === void 0 ? '
|
|
34
|
+
size = _ref$size === void 0 ? 'small' : _ref$size,
|
|
29
35
|
_ref$fixedWidth = _ref.fixedWidth,
|
|
30
36
|
fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
|
|
31
37
|
ariaLabel = _ref.ariaLabel,
|
|
@@ -47,24 +53,29 @@ var Icon = function Icon(_ref) {
|
|
|
47
53
|
"aria-label": ariaLabel
|
|
48
54
|
}, rest, logoProps));
|
|
49
55
|
}
|
|
50
|
-
var iconName =
|
|
51
|
-
|
|
56
|
+
var iconName =
|
|
57
|
+
// if not external and has no variant
|
|
58
|
+
!(name !== null && name !== void 0 && name.endsWith('-outline')) && !(name !== null && name !== void 0 && name.endsWith('-solid')) && !(0, _utils.includes)(_seedsIcons.ExternalIconNames, name) ? // then add default variant
|
|
59
|
+
"".concat(name, "-").concat(defaultVariant) :
|
|
60
|
+
// else use name as is
|
|
61
|
+
name;
|
|
62
|
+
var iconViewBox = AllViewboxes[iconName];
|
|
52
63
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({
|
|
53
64
|
iconSize: size,
|
|
54
65
|
fixedWidth: !!fixedWidth,
|
|
55
|
-
key:
|
|
66
|
+
key: iconName,
|
|
56
67
|
role: "img",
|
|
57
68
|
"aria-label": ariaLabel,
|
|
58
|
-
"data-qa-icon":
|
|
69
|
+
"data-qa-icon": iconName,
|
|
59
70
|
color: color
|
|
60
71
|
}, rest), /*#__PURE__*/React.createElement("svg", _extends({
|
|
61
72
|
className: "Icon-svg",
|
|
62
73
|
viewBox: iconViewBox,
|
|
63
74
|
focusable: false,
|
|
64
|
-
"data-qa-icon-svg": "".concat(
|
|
75
|
+
"data-qa-icon-svg": "".concat(iconName, "-svg")
|
|
65
76
|
}, svgProps), /*#__PURE__*/React.createElement("use", {
|
|
66
77
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
67
|
-
xlinkHref: "#
|
|
78
|
+
xlinkHref: "#seeds-svgs_".concat(iconName)
|
|
68
79
|
})));
|
|
69
80
|
};
|
|
70
81
|
var ToggleableIcon = (0, _styledComponents.default)(Icon).withConfig({
|
|
@@ -82,7 +93,7 @@ var IconToggle = function IconToggle(_ref2) {
|
|
|
82
93
|
inactiveName = _ref2.inactiveName,
|
|
83
94
|
isActive = _ref2.isActive,
|
|
84
95
|
_ref2$size = _ref2.size,
|
|
85
|
-
size = _ref2$size === void 0 ? '
|
|
96
|
+
size = _ref2$size === void 0 ? 'small' : _ref2$size,
|
|
86
97
|
_ref2$fixedWidth = _ref2.fixedWidth,
|
|
87
98
|
fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
|
|
88
99
|
ariaLabel = _ref2.ariaLabel,
|
|
@@ -121,8 +132,8 @@ IconToggle.displayName = 'Icon.Toggle';
|
|
|
121
132
|
* onClick={() => setToggleState(!toggleState)}
|
|
122
133
|
* >
|
|
123
134
|
* <Icon.Toggle
|
|
124
|
-
* activeName="
|
|
125
|
-
* inactiveName="
|
|
135
|
+
* activeName="heart-solid"
|
|
136
|
+
* inactiveName="heart-outline"
|
|
126
137
|
* isActive={toggleState}
|
|
127
138
|
* />
|
|
128
139
|
* </Button>
|
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
var
|
|
7
|
+
var _exportNames = {
|
|
8
|
+
Icon: true
|
|
9
|
+
};
|
|
10
|
+
Object.defineProperty(exports, "Icon", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Icon.default;
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
var _Icon = _interopRequireWildcard(require("./Icon.flow"));
|
|
7
17
|
Object.keys(_Icon).forEach(function (key) {
|
|
8
18
|
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
9
20
|
if (key in exports && exports[key] === _Icon[key]) return;
|
|
10
21
|
Object.defineProperty(exports, key, {
|
|
11
22
|
enumerable: true,
|
|
@@ -13,4 +24,6 @@ Object.keys(_Icon).forEach(function (key) {
|
|
|
13
24
|
return _Icon[key];
|
|
14
25
|
}
|
|
15
26
|
});
|
|
16
|
-
});
|
|
27
|
+
});
|
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -47,7 +47,7 @@ var Indicator = /*#__PURE__*/function (_React$Component) {
|
|
|
47
47
|
"aria-label": tooltip,
|
|
48
48
|
tabIndex: 0
|
|
49
49
|
}, rest), tooltip && /*#__PURE__*/React.createElement("div", null, tooltip), /*#__PURE__*/React.createElement(_Icon.default, {
|
|
50
|
-
name: "
|
|
50
|
+
name: "circle-fill-solid",
|
|
51
51
|
size: "mini",
|
|
52
52
|
"aria-hidden": true
|
|
53
53
|
}));
|
package/commonjs/Input/Input.js
CHANGED
|
@@ -71,7 +71,7 @@ var ClearButton = function ClearButton() {
|
|
|
71
71
|
ariaLabel: clearButtonLabel || 'Clear',
|
|
72
72
|
color: "icon.base"
|
|
73
73
|
}, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
74
|
-
name: "
|
|
74
|
+
name: "circle-x-outline",
|
|
75
75
|
"aria-hidden": true
|
|
76
76
|
}));
|
|
77
77
|
};
|
|
@@ -201,7 +201,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
201
201
|
|
|
202
202
|
// Add default elemBefore and elemAfter elements if type is search.
|
|
203
203
|
var elementBefore = type === 'search' && !elemBefore ? /*#__PURE__*/React.createElement(_Icon.default, {
|
|
204
|
-
name: "
|
|
204
|
+
name: "magnifying-glass-outline",
|
|
205
205
|
"aria-hidden": true,
|
|
206
206
|
color: "icon.base"
|
|
207
207
|
}) : elemBefore;
|
|
@@ -101,7 +101,7 @@ var ListboxButton = function ListboxButton(_ref2) {
|
|
|
101
101
|
}), children, /*#__PURE__*/React.createElement(_styles.Arrow, {
|
|
102
102
|
size: restProps.size
|
|
103
103
|
}, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
104
|
-
name: "chevron-down",
|
|
104
|
+
name: "chevron-down-outline",
|
|
105
105
|
fixedWidth: true,
|
|
106
106
|
"aria-hidden": true
|
|
107
107
|
})));
|
|
@@ -65,10 +65,8 @@ module.exports = {
|
|
|
65
65
|
"microsoft-dynamics": "0 0 140 227",
|
|
66
66
|
"pinterest-dark": "0 0 140 141",
|
|
67
67
|
"pinterest": "0 0 140 141",
|
|
68
|
-
"reddit-
|
|
69
|
-
"reddit
|
|
70
|
-
"reddit-dark": "0 0 140 140",
|
|
71
|
-
"reddit": "0 0 140 140",
|
|
68
|
+
"reddit-dark": "0 0 18 17",
|
|
69
|
+
"reddit": "0 0 18 17",
|
|
72
70
|
"salesforce-cloud-dark": "0 0 20 18",
|
|
73
71
|
"salesforce-cloud": "0 0 20 18",
|
|
74
72
|
"salesforce-dark": "0 0 140 99",
|
package/commonjs/Menu/Menu.js
CHANGED
|
@@ -183,9 +183,9 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
183
183
|
if (elemAfter) return elemAfter;
|
|
184
184
|
if (isSelected && !isCheckboxOrRadio) {
|
|
185
185
|
return /*#__PURE__*/React.createElement(_Icon.default, {
|
|
186
|
-
name: "check",
|
|
186
|
+
name: "check-solid",
|
|
187
187
|
"aria-hidden": true,
|
|
188
|
-
size: "
|
|
188
|
+
size: "small",
|
|
189
189
|
ml: 300
|
|
190
190
|
});
|
|
191
191
|
}
|
package/commonjs/Modal/Modal.js
CHANGED
|
@@ -52,7 +52,7 @@ var ModalCloseButton = function ModalCloseButton(props) {
|
|
|
52
52
|
return /*#__PURE__*/React.createElement(_Button.default, _extends({
|
|
53
53
|
onClick: onClose
|
|
54
54
|
}, props), /*#__PURE__*/React.createElement(_Icon.default, {
|
|
55
|
-
name: "x",
|
|
55
|
+
name: "x-outline",
|
|
56
56
|
ariaLabel: closeButtonLabel
|
|
57
57
|
}));
|
|
58
58
|
};
|
|
@@ -90,9 +90,9 @@ var Select = /*#__PURE__*/function (_React$Component) {
|
|
|
90
90
|
}, qa, inputProps), children), /*#__PURE__*/React.createElement(_styles.Arrow, {
|
|
91
91
|
size: size
|
|
92
92
|
}, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
93
|
-
name: "chevron-down",
|
|
93
|
+
name: "chevron-down-outline",
|
|
94
94
|
fixedWidth: true,
|
|
95
|
-
size: this.props.size === 'small' ? '
|
|
95
|
+
size: this.props.size === 'small' ? 'small' : 'medium',
|
|
96
96
|
"aria-hidden": true
|
|
97
97
|
})));
|
|
98
98
|
}
|
|
@@ -77,15 +77,14 @@ var Container = _styledComponents.default.div.withConfig({
|
|
|
77
77
|
var Arrow = _styledComponents.default.span.withConfig({
|
|
78
78
|
displayName: "styles__Arrow",
|
|
79
79
|
componentId: "sc-egruk2-1"
|
|
80
|
-
})(["position:absolute;top:
|
|
80
|
+
})(["position:absolute;top:50%;right:", ";transform:translateY(-50%);color:", ";pointer-events:none;"], function (props) {
|
|
81
81
|
switch (props.size) {
|
|
82
82
|
case 'large':
|
|
83
|
-
return props.theme.space[
|
|
83
|
+
return props.theme.space[350];
|
|
84
84
|
case 'small':
|
|
85
|
-
return props.theme.space[300];
|
|
86
85
|
case 'default':
|
|
87
86
|
default:
|
|
88
|
-
return props.theme.space[
|
|
87
|
+
return props.theme.space[300];
|
|
89
88
|
}
|
|
90
89
|
}, function (props) {
|
|
91
90
|
return props.theme.colors.icon.base;
|
|
@@ -41,11 +41,11 @@ var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
|
|
|
41
41
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
42
42
|
_defineProperty(_assertThisInitialized(_this), "getSortIcon", function (isSorted, ariaSortDirection) {
|
|
43
43
|
var sortDirection = _this.props.sortDirection;
|
|
44
|
-
var iconName = '
|
|
44
|
+
var iconName = 'caret-up-down-outline';
|
|
45
45
|
if (isSorted && sortDirection === _constants.SORT_DIRECTIONS.ASC) {
|
|
46
|
-
iconName = '
|
|
46
|
+
iconName = 'caret-up-solid';
|
|
47
47
|
} else if (isSorted && sortDirection === _constants.SORT_DIRECTIONS.DESC) {
|
|
48
|
-
iconName = '
|
|
48
|
+
iconName = 'caret-down-solid';
|
|
49
49
|
}
|
|
50
50
|
return /*#__PURE__*/React.createElement(_styles.SortIcon, null, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
51
51
|
size: "mini",
|
|
@@ -89,7 +89,7 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
|
|
|
89
89
|
onClick: this.handleToggle,
|
|
90
90
|
role: "button"
|
|
91
91
|
}, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
92
|
-
name: isExpanded ? 'chevron-up' : 'chevron-down',
|
|
92
|
+
name: isExpanded ? 'chevron-up-outline' : 'chevron-down-outline',
|
|
93
93
|
"aria-hidden": true
|
|
94
94
|
}))
|
|
95
95
|
})), /*#__PURE__*/React.createElement(_styles.Detail, {
|