@sproutsocial/racine 11.9.0-useInteractiveColor.0 → 12.1.0-svgs-bundle.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/__flow__/EnumLogoNames.js +2 -0
- package/__flow__/Input/index.js +2 -2
- package/__flow__/LogoViewBoxes.js +1 -0
- package/__flow__/PartnerLogo/TypePartnerNames.js +34 -0
- package/__flow__/PartnerLogo/index.js +26 -0
- package/__flow__/PartnerLogo/index.stories.js +59 -0
- package/__flow__/PartnerLogo/partnerLogos/Feedly-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/Feedly.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/bitly-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/bitly.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/canva-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/canva.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/dropbox-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/dropbox.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/facebook-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/facebook-shops-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/facebook-shops.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/facebook.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/glassdoor-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/glassdoor.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-analytics-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-analytics.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-business-messages-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-business-messages.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-drive-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-drive.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-my-business-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/google-my-business.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/hubspot-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/hubspot.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/instagram-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/instagram.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/linkedin-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/linkedin.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/marketo-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/marketo.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/messenger-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/messenger.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/pinterest-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/pinterest.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/reddit-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/reddit.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/salesforce-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/salesforce.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/shopify-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/shopify.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/slack-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/slack.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/tiktok-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/tiktok.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/tripadvisor-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/tripadvisor.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/tumblr-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/tumblr.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/twitter-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/twitter.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/whatsapp-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/whatsapp.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/woocommerce-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/woocommerce.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/yelp-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/yelp.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/youtube-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/youtube.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/zendesk-dark.svg +1 -0
- package/__flow__/PartnerLogo/partnerLogos/zendesk.svg +1 -0
- package/__flow__/Token/styles.js +12 -13
- package/__flow__/index.js +0 -1
- package/__flow__/themes/dark/theme.js +5 -0
- package/__flow__/themes/light/theme.js +5 -0
- package/__flow__/themes/utils/interact.js +12 -0
- package/__flow__/types/theme.flow.js +2 -0
- package/commonjs/EnumLogoNames.js +1 -0
- package/commonjs/Input/index.js +1 -3
- package/commonjs/LogoViewBoxes.js +66 -0
- package/commonjs/PartnerLogo/TypePartnerNames.js +1 -0
- package/commonjs/PartnerLogo/index.js +32 -0
- package/commonjs/Token/styles.js +7 -9
- package/commonjs/index.js +1 -6
- package/commonjs/themes/dark/theme.js +5 -0
- package/commonjs/themes/light/theme.js +5 -0
- package/commonjs/themes/utils/interact.js +19 -0
- package/dist/{icons.svg → icon.svg} +0 -0
- package/dist/logo.svg +1 -0
- package/dist/logoList.js +1 -0
- package/dist/themes/dark/theme.scss +3 -0
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +3 -0
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +3 -0
- package/dist/themes/light/theme.scss +3 -0
- package/lib/EnumLogoNames.js +0 -0
- package/lib/Input/index.js +1 -2
- package/lib/LogoViewBoxes.js +64 -0
- package/lib/PartnerLogo/TypePartnerNames.js +0 -0
- package/lib/PartnerLogo/index.js +22 -0
- package/lib/Token/styles.js +7 -8
- package/lib/index.js +0 -1
- package/lib/themes/dark/theme.js +4 -0
- package/lib/themes/light/theme.js +4 -0
- package/lib/themes/utils/interact.js +13 -0
- package/package.json +3 -8
- package/__flow__/include-icons.js +0 -11
- package/__flow__/utils/useInteractiveColor.js +0 -32
- package/commonjs/include-icons.js +0 -14
- package/commonjs/utils/useInteractiveColor.js +0 -33
- 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/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/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-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 -14
- package/icons/fb-reactions-haha.svg +0 -6
- package/icons/fb-reactions-like.svg +0 -4
- package/icons/fb-reactions-love.svg +0 -4
- 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/glassdoor.svg +0 -3
- package/icons/glasses.svg +0 -3
- package/icons/globe.svg +0 -3
- package/icons/google-analytics-color.svg +0 -4
- package/icons/google-business-messages.svg +0 -3
- package/icons/google-drive.svg +0 -3
- package/icons/google-my-business.svg +0 -13
- package/icons/grip.svg +0 -3
- package/icons/h1.svg +0 -3
- package/icons/h2.svg +0 -3
- package/icons/hamburger.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 -3
- 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 -4
- package/icons/neutral-positive-sentiment.svg +0 -6
- package/icons/neutral-sentiment.svg +0 -4
- 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 -5
- 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/recommendation.svg +0 -3
- package/icons/reddit-alien.svg +0 -3
- package/icons/reddit.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/rss.svg +0 -3
- package/icons/sales.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/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/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-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.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/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 -4
- 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/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/includeIcons.js +0 -14
- package/lib/include-icons.js +0 -12
- package/lib/utils/useInteractiveColor.js +0 -27
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="84" viewBox="0 0 140 84" width="140" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m13.0358 0h113.9282c1.713 0 3.408.337364 4.99.992819 1.582.655451 3.019 1.616161 4.23 2.827231 1.21 1.21107 2.17 2.64878 2.825 4.23099.655 1.58222.992 3.27796.991 4.99026v43.4656c0 3.4539-1.371 6.7666-3.813 9.2099-2.441 2.4433-5.752 3.8175-9.206 3.8204h-40.8598l5.5923 13.7466-24.6832-13.7466h-53.9945c-3.45635 0-6.77122-1.3727-9.21575-3.8162s-3.81858916-5.7578-3.82005-9.2141v-43.4656c0-3.4578 1.37324-6.77407 3.81777-9.21964 2.44453-2.44556 5.76022-3.82019916 9.21803-3.82166zm43.6694 60.9807c.566-1.1626.7969-2.46.6667-3.7465-.371-5.2599.1635-12.5198 1.6033-21.7797 1.4399-9.6345 3.2764-16.5234 5.5096-20.6666.4515-.8438.6432-1.8023.551-2.7548-.031-.6454-.2036-1.276-.5054-1.8473-.3018-.57126-.7255-1.06919-1.2411-1.45853-1.0103-.83151-2.3048-1.23666-3.6089-1.12947-.8009.03868-1.5761.29513-2.2421.74172-.666.4466-1.1976 1.06642-1.5375 1.79268-3.5225 6.4757-6.0367 16.9752-7.5427 31.4987-2.4223-6.3311-4.2358-12.8786-5.4159-19.5538-.6282-3.3755-2.1984-4.9752-4.7108-4.7989-1.7337.1249-3.168 1.2636-4.303 3.416l-12.562 23.8402c-2.0459-8.3269-3.9651-18.4573-5.7576-30.3911-.4297-2.9422-2.0973-4.31226-5.0027-4.1102-.69002.0148-1.36835.1808-1.98714.4864-.6188.3056-1.16299.7433-1.59417 1.2822-.41116.5443-.70395 1.1686-.85956 1.8328s-.1706 1.3536-.04402 2.0239c3.36456 21.4692 6.51609 35.9449 9.45459 43.427 1.0945 2.7254 2.4205 4.0331 3.9779 3.9229 2.3985-.1653 5.2783-3.4803 8.6391-9.9449 1.8366-3.6437 4.5914-9.1387 8.2645-16.4849 3.1295 10.7769 7.3535 18.8926 12.6722 24.3471 1.5151 1.5207 3.0193 2.2314 4.5289 2.1212.6468-.0381 1.2714-.2502 1.8077-.6138.5363-.3637.9644-.8654 1.2391-1.4523zm22.3582-4.1818c5.539.0037 10.0165-2.8485 13.4325-8.5565 2.9536-4.8875 4.4928-10.4989 4.4462-16.2093 0-4.4151-.9182-8.1635-2.7548-11.2452-.9453-1.7062-2.2549-3.1831-3.8356-4.3258-1.5808-1.1427-3.3939-1.9232-5.3104-2.2858-1.0218-.216-2.063-.3268-3.1074-.3306-5.4839-.0036-9.9596 2.8485-13.427 8.5565-2.9631 4.8493-4.5055 10.433-4.4518 16.1157 0 4.4187.9183 8.1965 2.7548 11.3333.9429 1.7092 2.2524 3.1885 3.8347 4.3316s3.398 1.9218 5.3168 2.28c1.0193.2207 2.059.3334 3.102.3361zm35.8846 0c5.542.0037 10.018-2.8485 13.427-8.5565 2.958-4.8856 4.5-10.4979 4.451-16.2093 0-4.4151-.918-8.1635-2.754-11.2452-.946-1.7062-2.255-3.1831-3.836-4.3258s-3.394-1.9232-5.31-2.2858c-1.022-.216-2.063-.3268-3.108-.3306-5.484-.0036-9.961 2.8485-13.432 8.5565-2.959 4.8509-4.4996 10.4339-4.4466 16.1157 0 4.4187.9186 8.1965 2.7546 11.3333.945 1.708 2.255 3.1863 3.837 4.3293 1.582 1.1429 3.397 1.9222 5.315 2.2823 1.019.2207 2.059.3334 3.102.3361zm-31.9409-33.2285c-2.079-.4481-4.0661.7254-5.9615 3.5207-1.4464 2.0543-2.4725 4.3742-3.0192 6.8264-.2838 1.3813-.4241 2.7882-.4188 4.1984.024 1.7691.3655 3.5196 1.0083 5.168.8375 2.1818 1.9559 3.4123 3.3554 3.6915 1.3994.2791 2.9384-.3361 4.617-1.8458 2.1268-1.9026 3.5813-4.7291 4.3637-8.4793.284-1.3813.4244-2.7882.4187-4.1983-.0199-1.7803-.3615-3.5424-1.0083-5.2011-.8374-2.1672-1.9559-3.394-3.3553-3.6805zm35.8579 0c-2.072-.4481-4.059.7254-5.962 3.5207-1.451 2.0518-2.477 4.3726-3.019 6.8264-.284 1.3813-.424 2.7882-.419 4.1984.024 1.7691.366 3.5196 1.009 5.168.837 2.1818 1.955 3.4123 3.355 3.6915 1.399.2791 2.942-.3324 4.628-1.8347 2.119-1.899 3.57-4.7218 4.353-8.4684.284-1.3812.424-2.7882.418-4.1983-.018-1.78-.357-3.5421-1.002-5.2011-.842-2.1818-1.962-3.416-3.361-3.7025z" fill="#fff" fill-rule="evenodd"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="84" viewBox="0 0 140 84" width="140" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m13.0358 0h113.9282c1.713 0 3.408.337364 4.99.992819 1.582.655451 3.019 1.616161 4.23 2.827231 1.21 1.21107 2.17 2.64878 2.825 4.23099.655 1.58222.992 3.27796.991 4.99026v43.4656c0 3.4539-1.371 6.7666-3.813 9.2099-2.441 2.4433-5.752 3.8175-9.206 3.8204h-40.8598l5.5923 13.7466-24.6832-13.7466h-53.9945c-3.45635 0-6.77122-1.3727-9.21575-3.8162s-3.81858916-5.7578-3.82005-9.2141v-43.4656c0-3.4578 1.37324-6.77407 3.81777-9.21964 2.44453-2.44556 5.76022-3.82019916 9.21803-3.82166zm43.6694 60.9807c.566-1.1626.7969-2.46.6667-3.7465-.371-5.2599.1635-12.5198 1.6033-21.7797 1.4399-9.6345 3.2764-16.5234 5.5096-20.6666.4515-.8438.6432-1.8023.551-2.7548-.031-.6454-.2036-1.276-.5054-1.8473-.3018-.57126-.7255-1.06919-1.2411-1.45853-1.0103-.83151-2.3048-1.23666-3.6089-1.12947-.8009.03868-1.5761.29513-2.2421.74172-.666.4466-1.1976 1.06642-1.5375 1.79268-3.5225 6.4757-6.0367 16.9752-7.5427 31.4987-2.4223-6.3311-4.2358-12.8786-5.4159-19.5538-.6282-3.3755-2.1984-4.9752-4.7108-4.7989-1.7337.1249-3.168 1.2636-4.303 3.416l-12.562 23.8402c-2.0459-8.3269-3.9651-18.4573-5.7576-30.3911-.4297-2.9422-2.0973-4.31226-5.0027-4.1102-.69002.0148-1.36835.1808-1.98714.4864-.6188.3056-1.16299.7433-1.59417 1.2822-.41116.5443-.70395 1.1686-.85956 1.8328s-.1706 1.3536-.04402 2.0239c3.36456 21.4692 6.51609 35.9449 9.45459 43.427 1.0945 2.7254 2.4205 4.0331 3.9779 3.9229 2.3985-.1653 5.2783-3.4803 8.6391-9.9449 1.8366-3.6437 4.5914-9.1387 8.2645-16.4849 3.1295 10.7769 7.3535 18.8926 12.6722 24.3471 1.5151 1.5207 3.0193 2.2314 4.5289 2.1212.6468-.0381 1.2714-.2502 1.8077-.6138.5363-.3637.9644-.8654 1.2391-1.4523zm22.3582-4.1818c5.539.0037 10.0165-2.8485 13.4325-8.5565 2.9536-4.8875 4.4928-10.4989 4.4462-16.2093 0-4.4151-.9182-8.1635-2.7548-11.2452-.9453-1.7062-2.2549-3.1831-3.8356-4.3258-1.5808-1.1427-3.3939-1.9232-5.3104-2.2858-1.0218-.216-2.063-.3268-3.1074-.3306-5.4839-.0036-9.9596 2.8485-13.427 8.5565-2.9631 4.8493-4.5055 10.433-4.4518 16.1157 0 4.4187.9183 8.1965 2.7548 11.3333.9429 1.7092 2.2524 3.1885 3.8347 4.3316s3.398 1.9218 5.3168 2.28c1.0193.2207 2.059.3334 3.102.3361zm35.8846 0c5.542.0037 10.018-2.8485 13.427-8.5565 2.958-4.8856 4.5-10.4979 4.451-16.2093 0-4.4151-.918-8.1635-2.754-11.2452-.946-1.7062-2.255-3.1831-3.836-4.3258s-3.394-1.9232-5.31-2.2858c-1.022-.216-2.063-.3268-3.108-.3306-5.484-.0036-9.961 2.8485-13.432 8.5565-2.959 4.8509-4.4996 10.4339-4.4466 16.1157 0 4.4187.9186 8.1965 2.7546 11.3333.945 1.708 2.255 3.1863 3.837 4.3293 1.582 1.1429 3.397 1.9222 5.315 2.2823 1.019.2207 2.059.3334 3.102.3361zm-31.9409-33.2285c-2.079-.4481-4.0661.7254-5.9614 3.5207-1.4465 2.0543-2.4726 4.3742-3.0193 6.8264-.2838 1.3813-.4241 2.7882-.4187 4.1984.0239 1.7691.3654 3.5196 1.0082 5.168.8375 2.1818 1.9559 3.4123 3.3554 3.6915 1.3994.2791 2.9385-.3361 4.6171-1.8458 2.1267-1.9026 3.5812-4.7291 4.3636-8.4793.2841-1.3813.4244-2.7882.4187-4.1983-.0199-1.7803-.3614-3.5424-1.0082-5.2011-.8375-2.1672-1.956-3.394-3.3554-3.6805zm35.8579 0c-2.072-.4481-4.059.7254-5.962 3.5207-1.451 2.0518-2.477 4.3726-3.019 6.8264-.284 1.3813-.424 2.7882-.419 4.1984.024 1.7691.366 3.5196 1.008 5.168.838 2.1818 1.956 3.4123 3.356 3.6915 1.399.2791 2.942-.3324 4.628-1.8347 2.119-1.899 3.57-4.7218 4.353-8.4684.284-1.3812.424-2.7882.418-4.1983-.018-1.78-.357-3.5421-1.002-5.2011-.842-2.1818-1.962-3.416-3.361-3.7025z" fill="#7f54b3" fill-rule="evenodd"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="159" viewBox="0 0 140 159" width="140" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m41.5447 100.054 7.3179-1.6824h.7149c2.0103-.5634 3.7281-1.876 4.7999-3.6676 1.0718-1.7915 1.4161-3.9258.962-5.9635-.2467-.9689-.6748-1.8823-1.2618-2.6916-.7997-1.0595-1.8181-1.9344-2.986-2.5655-1.339-.7852-2.7467-1.4468-4.2057-1.9767l-8.0329-2.9019c-4.458-1.6823-8.9581-3.3225-13.5003-4.9207-2.9439-1.0093-5.4253-1.9346-7.6123-2.6075l-1.2196-.3785c-1.9386-.6698-3.9648-1.0524-6.0142-1.1356-1.03781-.051-2.07359.136-3.02806.5468-1.00359.4235-1.90648 1.0541-2.64959 1.8505-.36246.4138-.69954.8492-1.00937 1.3038-.31144.4576-.59243.9353-.84114 1.4299-.27346.5307-.51228 1.0786-.71496 1.6402-1.474347 4.3908-2.2132809 8.9949-2.1869657 13.6265-.3475573 4.5527.4929687 9.1176 2.4393057 13.2478.55713.929 1.302 1.731 2.18696 2.355 1.5101.952 3.26216 1.448 5.04683 1.43 2.56149.026 5.11269-.328 7.57029-1.051l24.2248-5.594z"/><path d="m123.009 61.1923c-2.02-4.1493-4.721-7.9308-7.991-11.1872-.418-.4262-.868-.8198-1.346-1.1776l-1.387-.9252c-.493-.2633-.998-.5019-1.514-.715-1.003-.3945-2.079-.5667-3.155-.5047-1.04.052-2.058.3244-2.986.7991-1.804.9983-3.461 2.244-4.9204 3.701l-.9253.8412c-1.6402 1.5561-3.4907 3.4907-5.6776 5.7197-3.4067 3.4066-6.7292 6.8553-10.0096 10.346l-5.93 6.1403c-1.0939 1.1096-2.0796 2.3206-2.944 3.6169-.7603 1.0917-1.303 2.3198-1.5982 3.6169-.1678.9883-.1678 1.9978 0 2.9861.4615 2.0283 1.6996 3.7948 3.4487 4.9206 1.8077 1.1961 4.0074 1.6481 6.1403 1.2617h.715l31.5851-7.2758c2.517-.4351 4.955-1.2431 7.233-2.3973 1.618-.756 2.977-1.9696 3.912-3.4907.539-.9389.856-1.9894.925-3.0701.011-4.6425-1.223-9.203-3.575-13.2059z"/><path d="m66.526 74.5672c1.8552-3.2257 2.7182-6.9267 2.4813-10.6404.6729-11.7339 1.3879-23.4257 1.9767-35.1175.3922-4.4184.5326-8.8556.4206-13.29.2103-3.8394-.711-7.65618-2.6496-10.97688-4.2057-5.299174-12.6171-4.878605-18.7574-4.037466-1.8505.252342-3.659.588796-5.4674 1.009366-1.8085.42057-3.659.79908-5.2151 1.47199-5.93 1.89257-14.005 5.34124-15.3508 11.94419-.2662 3.823.5966 7.6401 2.4814 10.9769 1.8345 4.04 3.8987 7.9717 6.1824 11.7759 5.6356 10.2619 11.3974 20.4397 17.1171 30.6595 1.4265 3.4184 3.8247 6.343 6.8974 8.4114l.6729.2103c1.4882.573 3.1133.6902 4.6683.3364h.2523c1.4345-.3714 2.7331-1.1447 3.7431-2.229.1915-.1579.374-.3264.5468-.5047z"/><path d="m63.7505 105.9c-.8395-1.209-2.0279-2.133-3.4066-2.649-1.4609-.485-3.0392-.485-4.5001 0l-1.0094.42c-.5004.254-.9787.55-1.4299.883-1.2939 1.028-2.4526 2.215-3.4487 3.533-.2294.364-.4973.703-.799 1.01l-5.2572 6.771c-2.9019 3.911-5.7197 7.864-8.4114 11.86-1.8505 2.565-3.4486 4.71-4.7103 6.645l-.6729 1.093c-1.2653 1.716-2.2583 3.617-2.944 5.636-.3279 1.003-.4285 2.066-.2944 3.112.1332 1.086.4913 2.131 1.0514 3.07l1.0094 1.388 1.1355 1.178 1.4299 1.177c3.5063 2.374 7.3288 4.243 11.3554 5.552 3.3646 1.098 6.8555 1.762 10.3881 1.977h1.8084l1.6403-.253 1.6402-.462c1.0329-.375 1.9675-.979 2.7337-1.767.7587-.724 1.3351-1.618 1.6823-2.607.695-1.966 1.1194-4.018 1.2617-6.099 0-.378 0-.841 0-1.303 0-2.271.2944-4.963.4626-8.117.2523-4.879.4206-9.715.5888-14.552l.3364-8.664c.1319-2.062-.0525-4.133-.5467-6.14-.217-.95-.5863-1.859-1.0935-2.692z"/><path d="m121.116 119.401c-1.491-1.392-3.159-2.58-4.963-3.533l-1.135-.883c-1.977-1.177-4.206-2.439-7.15-3.953-4.206-2.313-8.4115-4.626-12.6172-6.855l-7.6123-4.2061c-.3786 0-.7991-.4206-1.1776-.5888-1.4444-.7572-2.9873-1.3093-4.5842-1.6402-.5592-.0602-1.1232-.0602-1.6823 0-.3633-.0428-.7303-.0428-1.0935 0-1.577.2216-3.0464.9269-4.2057 2.0187-1.1291 1.1384-1.8531 2.6164-2.0608 4.2054-.1472.962-.1472 1.941 0 2.902.4588 2.019 1.2097 3.96 2.229 5.762l4.2057 7.612c2.2711 4.206 4.5842 8.412 6.8974 12.828 1.514 2.775 2.7757 5.173 3.9533 7.107.2461.366.4708.745.6729 1.136 1.0144 1.816 2.2897 3.474 3.7852 4.921.7527.733 1.6571 1.293 2.6495 1.64 1.0432.342 2.1473.456 3.2386.336.566-.04 1.129-.124 1.682-.252l1.598-.547c.562-.217 1.11-.47 1.64-.757 3.07-1.723 5.899-3.844 8.412-6.308 3.065-2.953 5.699-6.322 7.822-10.01.303-.522.556-1.071.758-1.64l.504-1.598c.125-.54.21-1.088.253-1.641.12-1.091.005-2.195-.337-3.238-.36-1.046-.933-2.005-1.682-2.818z"/><path d="m133.313 143.92h.842c.351.004.693-.115.967-.336.115-.1.208-.222.273-.36.066-.138.101-.287.105-.439.01-.151-.015-.301-.073-.44-.059-.139-.149-.262-.263-.36-.313-.197-.683-.286-1.052-.252h-.799zm3.281-1.135c.012.372-.09.739-.295 1.051-.222.323-.549.56-.925.673l1.809 2.986h-1.136l-1.556-2.65h-1.051v2.65h-1.094v-6.729h1.977c.596-.072 1.199.046 1.724.336.221.215.387.48.482.774.095.293.118.605.065.909zm-7.991 1.345c.001-.999.267-1.98.769-2.844s1.223-1.58 2.091-2.076c.87-.499 1.857-.76 2.86-.757.993.005 1.968.268 2.831.761.862.494 1.582 1.202 2.089 2.056.499.871.76 1.857.757 2.86-.002.984-.248 1.952-.715 2.818-.489.883-1.209 1.616-2.084 2.12-.874.503-1.869.759-2.878.74-1.017.008-2.019-.253-2.902-.757-.856-.512-1.566-1.236-2.061-2.103-.499-.855-.76-1.828-.757-2.818zm.799 0c.014.871.245 1.724.673 2.482.439.728 1.055 1.333 1.79 1.759.735.427 1.566.66 2.416.68.856-.015 1.696-.247 2.439-.673.736-.421 1.346-1.031 1.766-1.766.453-.748.686-1.608.673-2.482.005-.854-.212-1.694-.631-2.439-.435-.739-1.059-1.348-1.808-1.766-.733-.451-1.579-.685-2.439-.673-.861-.016-1.709.217-2.44.673-.756.407-1.383 1.019-1.808 1.766-.417.745-.634 1.586-.631 2.439z"/></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="159" viewBox="0 0 140 159" width="140" xmlns="http://www.w3.org/2000/svg"><g fill="#ff1a1a"><path d="m41.5447 100.054 7.3179-1.6824h.7149c2.0103-.5634 3.7281-1.876 4.7999-3.6676 1.0718-1.7915 1.4161-3.9258.962-5.9635-.2467-.9689-.6748-1.8823-1.2618-2.6916-.7997-1.0595-1.8181-1.9344-2.986-2.5655-1.339-.7852-2.7467-1.4468-4.2057-1.9767l-8.0329-2.9019c-4.458-1.6823-8.9581-3.3225-13.5003-4.9207-2.9439-1.0093-5.4253-1.9346-7.6123-2.6075l-1.2196-.3785c-1.9386-.6698-3.9648-1.0524-6.0142-1.1356-1.03781-.051-2.07359.136-3.02806.5468-1.00359.4235-1.90648 1.0541-2.64959 1.8505-.36246.4138-.69954.8492-1.00937 1.3038-.31144.4576-.59243.9353-.84114 1.4299-.27346.5307-.51228 1.0786-.71496 1.6402-1.474347 4.3908-2.2132809 8.9949-2.1869657 13.6265-.3475573 4.5527.4929687 9.1176 2.4393057 13.2478.55713.929 1.302 1.731 2.18696 2.355 1.5101.952 3.26216 1.448 5.04683 1.43 2.56149.026 5.11269-.328 7.57029-1.051l24.2248-5.594z"/><path d="m123.009 61.1923c-2.02-4.1493-4.721-7.9308-7.991-11.1872-.418-.4262-.868-.8198-1.346-1.1776l-1.387-.9252c-.493-.2633-.998-.5019-1.514-.715-1.003-.3945-2.079-.5667-3.155-.5047-1.04.052-2.058.3244-2.986.7991-1.804.9983-3.461 2.244-4.9204 3.701l-.9253.8412c-1.6402 1.5561-3.4907 3.4907-5.6777 5.7197-3.4066 3.4066-6.7291 6.8553-10.0095 10.346l-5.93 6.1403c-1.0939 1.1096-2.0796 2.3206-2.944 3.6169-.7603 1.0917-1.303 2.3198-1.5982 3.6169-.1678.9883-.1678 1.9978 0 2.9861.4614 2.0283 1.6996 3.7948 3.4487 4.9206 1.8077 1.1961 4.0074 1.6481 6.1403 1.2617h.715l31.5851-7.2758c2.517-.4351 4.955-1.2431 7.233-2.3973 1.618-.756 2.977-1.9696 3.912-3.4907.539-.9389.856-1.9894.925-3.0701.011-4.6425-1.223-9.203-3.575-13.2059z"/><path d="m66.526 74.5672c1.8552-3.2257 2.7183-6.9267 2.4813-10.6404.6729-11.7339 1.3879-23.4257 1.9767-35.1175.3922-4.4184.5326-8.8556.4206-13.29.2103-3.8394-.7109-7.65618-2.6496-10.97688-4.2057-5.299174-12.6171-4.878605-18.7574-4.037466-1.8505.252342-3.659.588796-5.4674 1.009366-1.8085.42057-3.659.79908-5.2151 1.47199-5.93 1.89257-14.0049 5.34124-15.3508 11.94419-.2662 3.823.5966 7.6401 2.4814 10.9769 1.8345 4.04 3.8987 7.9717 6.1824 11.7759 5.6356 10.2619 11.3974 20.4397 17.1172 30.6595 1.4264 3.4184 3.8246 6.343 6.8973 8.4114l.6729.2103c1.4882.573 3.1133.6902 4.6683.3364h.2524c1.4345-.3714 2.7331-1.1447 3.743-2.229.1915-.1579.374-.3264.5468-.5047z"/><path d="m63.7506 105.9c-.8395-1.209-2.028-2.133-3.4067-2.649-1.4609-.485-3.0391-.485-4.5001 0l-1.0093.42c-.5005.254-.9788.55-1.43.883-1.2938 1.028-2.4526 2.215-3.4486 3.533-.2295.364-.4974.703-.7991 1.01l-5.2571 6.771c-2.902 3.911-5.7198 7.864-8.4114 11.86-1.8505 2.565-3.4487 4.71-4.7104 6.645l-.6729 1.093c-1.2653 1.716-2.2583 3.617-2.944 5.636-.3279 1.003-.4284 2.066-.2944 3.112.1332 1.086.4913 2.131 1.0514 3.07l1.0094 1.388 1.1355 1.178 1.43 1.177c3.5062 2.374 7.3287 4.243 11.3553 5.552 3.3647 1.098 6.8555 1.762 10.3881 1.977h1.8085l1.6402-.253 1.6402-.462c1.0329-.375 1.9675-.979 2.7337-1.767.7587-.724 1.3352-1.618 1.6823-2.607.695-1.966 1.1195-4.018 1.2617-6.099 0-.378 0-.841 0-1.303 0-2.271.2944-4.963.4626-8.117.2524-4.879.4206-9.715.5888-14.552l.3365-8.664c.1318-2.062-.0526-4.133-.5468-6.14-.217-.95-.5863-1.859-1.0934-2.692z"/><path d="m121.116 119.401c-1.491-1.392-3.159-2.58-4.963-3.533l-1.135-.883c-1.977-1.177-4.206-2.439-7.15-3.953-4.206-2.313-8.4116-4.626-12.6172-6.855l-7.6124-4.2061c-.3785 0-.799-.4206-1.1776-.5888-1.4443-.7572-2.9873-1.3093-4.5842-1.6402-.5591-.0602-1.1231-.0602-1.6822 0-.3633-.0428-.7303-.0428-1.0935 0-1.577.2216-3.0464.9269-4.2057 2.0187-1.1291 1.1384-1.8531 2.6164-2.0608 4.2054-.1472.962-.1472 1.941 0 2.902.4588 2.019 1.2097 3.96 2.229 5.762l4.2057 7.612c2.2711 4.206 4.5842 8.412 6.8974 12.828 1.514 2.775 2.7757 5.173 3.9533 7.107.2461.366.4707.745.6729 1.136 1.0144 1.816 2.2897 3.474 3.7851 4.921.7527.733 1.6572 1.293 2.6496 1.64 1.0432.342 2.1473.456 3.2386.336.566-.04 1.129-.124 1.682-.252l1.598-.547c.562-.217 1.11-.47 1.64-.757 3.07-1.723 5.899-3.844 8.412-6.308 3.065-2.953 5.699-6.322 7.822-10.01.303-.522.556-1.071.757-1.64l.505-1.598c.125-.54.21-1.088.253-1.641.12-1.091.005-2.195-.337-3.238-.36-1.046-.933-2.005-1.682-2.818z"/></g><path d="m133.313 143.92h.842c.351.004.693-.115.967-.336.115-.1.208-.222.273-.36.066-.138.101-.287.105-.439.01-.151-.015-.301-.073-.44-.059-.139-.149-.262-.263-.36-.313-.197-.683-.286-1.052-.252h-.799zm3.281-1.135c.012.372-.09.739-.295 1.051-.222.323-.549.56-.925.673l1.809 2.986h-1.136l-1.556-2.65h-1.051v2.65h-1.094v-6.729h1.977c.596-.072 1.199.046 1.724.336.221.215.387.48.482.774.095.293.118.605.065.909zm-7.991 1.345c.001-.999.267-1.98.769-2.844s1.223-1.58 2.091-2.076c.87-.499 1.857-.76 2.86-.757.993.005 1.968.268 2.831.761.862.494 1.582 1.202 2.089 2.056.499.871.76 1.857.757 2.86-.002.984-.248 1.952-.715 2.818-.489.883-1.209 1.616-2.084 2.12-.874.503-1.869.759-2.878.74-1.017.008-2.019-.253-2.902-.757-.856-.512-1.566-1.236-2.061-2.103-.499-.855-.76-1.828-.757-2.818zm.799 0c.014.871.245 1.724.673 2.482.439.728 1.055 1.333 1.79 1.759.735.427 1.566.66 2.416.68.856-.015 1.696-.247 2.439-.673.736-.421 1.346-1.031 1.766-1.766.453-.748.686-1.608.673-2.482.005-.854-.212-1.694-.631-2.439-.435-.739-1.059-1.348-1.808-1.766-.733-.451-1.579-.685-2.439-.673-.861-.016-1.709.217-2.44.673-.756.407-1.383 1.019-1.808 1.766-.417.745-.634 1.586-.631 2.439z" fill="#000"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="99" viewBox="0 0 140 99" width="140" xmlns="http://www.w3.org/2000/svg"><path d="m137.073 15.4c-.792-2.9784-2.352-5.69671-4.524-7.88284s-4.88-3.76341-7.854-4.57398c-10.945-2.94318-54.695-2.94318-54.695-2.94318s-43.75 0-54.6955 2.94318c-2.9732.81057-5.68149 2.38785-7.85366 4.57398-2.17216 2.18613-3.73206 4.90444-4.52357 7.88284-2.92727 10.9932-2.92727 33.9182-2.92727 33.9182s0 22.925 2.92727 33.9182c.79151 2.9784 2.35141 5.6967 4.52357 7.8828 2.17217 2.1861 4.88046 3.7634 7.85366 4.574 10.9455 2.9432 54.6955 2.9432 54.6955 2.9432s43.75 0 54.695-2.9432c2.974-.8106 5.682-2.3879 7.854-4.574s3.732-4.9044 4.524-7.8828c2.927-10.9932 2.927-33.9182 2.927-33.9182s0-22.925-2.927-33.9182zm-81.3912 54.7352v-41.6341l36.5909 20.8171z" fill="#fff"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="99" viewBox="0 0 140 99" width="140" xmlns="http://www.w3.org/2000/svg"><path d="m137.073 15.4c-.792-2.9784-2.352-5.69671-4.524-7.88284s-4.88-3.76341-7.854-4.57398c-10.945-2.94318-54.695-2.94318-54.695-2.94318s-43.75 0-54.6955 2.94318c-2.9732.81057-5.68149 2.38785-7.85366 4.57398-2.17216 2.18613-3.73206 4.90444-4.52357 7.88284-2.92727 10.9932-2.92727 33.9182-2.92727 33.9182s0 22.925 2.92727 33.9182c.79151 2.9784 2.35141 5.6967 4.52357 7.8828 2.17217 2.1861 4.88046 3.7634 7.85366 4.574 10.9455 2.9432 54.6955 2.9432 54.6955 2.9432s43.75 0 54.695-2.9432c2.974-.8106 5.682-2.3879 7.854-4.574s3.732-4.9044 4.524-7.8828c2.927-10.9932 2.927-33.9182 2.927-33.9182s0-22.925-2.927-33.9182zm-81.3912 54.7352v-41.6341l36.5909 20.8171z" fill="#f00"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="107" viewBox="0 0 140 107" width="140" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m64.6739 28.0278v78.1312h-64.6739z"/><path d="m64.6739 0c0 17.8547-14.4565 32.3183-32.3024 32.3183-17.8458 0-32.3022861-14.4636-32.3022861-32.3183z"/><path d="m75.3262 106.159c0-17.8545 14.4565-32.3182 32.3028-32.3182 17.845 0 32.302 14.4637 32.302 32.3182z"/><path d="m75.3262 78.1315v-78.1315h64.6738z"/></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="none" height="107" viewBox="0 0 140 107" width="140" xmlns="http://www.w3.org/2000/svg"><g fill="#03363d"><path d="m64.6697 28.0371v78.1109h-64.6697z"/><path d="m64.6697 0c0 8.57948-3.4067 16.8076-9.4707 22.8742s-14.2884 9.4748-22.8642 9.4748c-8.5757 0-16.8002-3.4082-22.86415-9.4748-6.06396-6.0666-9.47065-14.29472-9.47065-22.8742z"/><path d="m75.3234 106.148c0-8.5795 3.4067-16.8076 9.4707-22.8742 6.0639-6.0666 14.2884-9.4748 22.8639-9.4748 8.576 0 16.8 3.4082 22.864 9.4748s9.471 14.2947 9.471 22.8742z"/><path d="m75.3234 78.1109v-78.1109h64.6766z"/></g></svg>
|
package/__flow__/Token/styles.js
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import styled, { css, type StyledComponent } from "styled-components";
|
|
3
3
|
import { COMMON } from "../utils/system-props";
|
|
4
4
|
import { focusRing } from "../utils/mixins";
|
|
5
|
-
import { useInteractiveColor } from "../utils/useInteractiveColor";
|
|
6
5
|
|
|
7
6
|
import type { TypeTheme } from "../types/theme.flow";
|
|
8
7
|
|
|
@@ -30,30 +29,30 @@ const Container: StyledComponent<any, TypeTheme, *> = styled.button`
|
|
|
30
29
|
${focusRing}
|
|
31
30
|
}
|
|
32
31
|
|
|
33
|
-
${({
|
|
34
|
-
|
|
32
|
+
${({ theme, palette }) =>
|
|
33
|
+
palette === "blue" &&
|
|
35
34
|
css`
|
|
36
|
-
|
|
35
|
+
color: ${theme.colors.text.body};
|
|
36
|
+
background: ${theme.colors.container.background.decorative.blue};
|
|
37
|
+
border: 1px solid ${theme.colors.container.border.decorative.blue};
|
|
37
38
|
&:hover,
|
|
38
39
|
&:active {
|
|
40
|
+
cursor: pointer;
|
|
39
41
|
box-shadow: ${theme.shadows.low};
|
|
40
42
|
border: 1px solid
|
|
41
|
-
${
|
|
43
|
+
${theme.utils.interact(theme.colors.container.border.decorative.blue)};
|
|
42
44
|
}
|
|
43
45
|
`}
|
|
44
46
|
|
|
45
|
-
${({
|
|
46
|
-
|
|
47
|
+
${({ closeable, theme }) =>
|
|
48
|
+
closeable &&
|
|
47
49
|
css`
|
|
48
|
-
|
|
49
|
-
background: ${theme.colors.container.background.decorative.blue};
|
|
50
|
-
border: 1px solid ${theme.colors.container.border.decorative.blue};
|
|
50
|
+
cursor: pointer;
|
|
51
51
|
&:hover,
|
|
52
52
|
&:active {
|
|
53
|
-
cursor: pointer;
|
|
54
53
|
box-shadow: ${theme.shadows.low};
|
|
55
54
|
border: 1px solid
|
|
56
|
-
${
|
|
55
|
+
${theme.utils.interact(theme.colors.container.border.base)};
|
|
57
56
|
}
|
|
58
57
|
`}
|
|
59
58
|
|
|
@@ -78,7 +77,7 @@ const Container: StyledComponent<any, TypeTheme, *> = styled.button`
|
|
|
78
77
|
&:hover {
|
|
79
78
|
box-shadow: ${theme.shadows.low};
|
|
80
79
|
border: 1px solid
|
|
81
|
-
${
|
|
80
|
+
${theme.utils.interact(theme.colors.container.border.error)};
|
|
82
81
|
}
|
|
83
82
|
`}
|
|
84
83
|
|
package/__flow__/index.js
CHANGED
|
@@ -4,7 +4,6 @@ export type { TypeTheme, TypeSproutTheme } from "./types/theme.flow";
|
|
|
4
4
|
export * from "./systemProps";
|
|
5
5
|
export { visuallyHidden, focusRing, disabled } from "./utils/mixins";
|
|
6
6
|
export { useSelect, useMultiselect, useTextContent } from "./utils/hooks";
|
|
7
|
-
export { useInteractiveColor } from "./utils/useInteractiveColor";
|
|
8
7
|
export { default as theme } from "./themes/light/theme";
|
|
9
8
|
export { default as darkTheme } from "./themes/dark/theme";
|
|
10
9
|
export {
|
|
@@ -15,6 +15,8 @@ import {
|
|
|
15
15
|
} from "./decorative-palettes";
|
|
16
16
|
import { transparentize } from "polished";
|
|
17
17
|
|
|
18
|
+
import interact from "../utils/interact";
|
|
19
|
+
|
|
18
20
|
const MODE = "dark";
|
|
19
21
|
|
|
20
22
|
export const shadows = {
|
|
@@ -233,6 +235,9 @@ const colors = {
|
|
|
233
235
|
|
|
234
236
|
const darkTheme = {
|
|
235
237
|
...lightTheme,
|
|
238
|
+
utils: {
|
|
239
|
+
interact: interact(MODE),
|
|
240
|
+
},
|
|
236
241
|
colors,
|
|
237
242
|
shadows,
|
|
238
243
|
mode: MODE,
|
|
@@ -20,6 +20,8 @@ import MOTION from "@sproutsocial/seeds-motion";
|
|
|
20
20
|
import BORDER from "@sproutsocial/seeds-border";
|
|
21
21
|
import { transparentize } from "polished";
|
|
22
22
|
|
|
23
|
+
import interact from "../utils/interact";
|
|
24
|
+
|
|
23
25
|
export const breakpoints = ["900px", "1200px", "1500px", "1800px"];
|
|
24
26
|
|
|
25
27
|
const MODE = "light";
|
|
@@ -348,6 +350,9 @@ export const duration = {
|
|
|
348
350
|
};
|
|
349
351
|
|
|
350
352
|
const theme = {
|
|
353
|
+
utils: {
|
|
354
|
+
interact: interact(MODE),
|
|
355
|
+
},
|
|
351
356
|
breakpoints,
|
|
352
357
|
colors,
|
|
353
358
|
typography: {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
//@flow strict-local
|
|
2
|
+
import { darken, lighten } from "polished";
|
|
3
|
+
|
|
4
|
+
const interact = (mode: string) => (themeValue: string) => {
|
|
5
|
+
if (mode === "dark") {
|
|
6
|
+
return lighten(0.2, themeValue);
|
|
7
|
+
} else {
|
|
8
|
+
return darken(0.2, themeValue);
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export default interact;
|
|
@@ -19,6 +19,7 @@ import {
|
|
|
19
19
|
analytics,
|
|
20
20
|
} from "../themes/extendedThemes/sproutTheme/light/theme";
|
|
21
21
|
|
|
22
|
+
export type TypeThemeUtils = {| interact: (color: string) => string |};
|
|
22
23
|
export type TypeThemeMode = "light" | "dark";
|
|
23
24
|
export type TypeBreakpoint = typeof breakpoints;
|
|
24
25
|
export type TypeTypography = typeof typography;
|
|
@@ -35,6 +36,7 @@ export type TypeDuration = typeof duration;
|
|
|
35
36
|
|
|
36
37
|
export type TypeTheme = {
|
|
37
38
|
mode: TypeThemeMode,
|
|
39
|
+
utils: TypeThemeUtils,
|
|
38
40
|
breakpoints: TypeBreakpoint,
|
|
39
41
|
colors: TypeColor,
|
|
40
42
|
typography: TypeTypography,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
package/commonjs/Input/index.js
CHANGED
|
@@ -15,8 +15,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
15
15
|
|
|
16
16
|
var _utils = require("../utils");
|
|
17
17
|
|
|
18
|
-
var _useInteractiveColor = require("../utils/useInteractiveColor");
|
|
19
|
-
|
|
20
18
|
var _excluded = ["autoComplete", "autoFocus", "disabled", "readOnly", "isInvalid", "hasWarning", "id", "name", "placeholder", "type", "required", "value", "elemBefore", "elemAfter", "maxLength", "ariaLabel", "ariaDescribedby", "clearButtonLabel", "innerRef", "onBlur", "onChange", "onClear", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "appearance", "size"];
|
|
21
19
|
|
|
22
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -38,7 +36,7 @@ var StyledButton = (0, _styledComponents.default)(_Button.default).withConfig({
|
|
|
38
36
|
displayName: "Input__StyledButton",
|
|
39
37
|
componentId: "sc-1ck1dnm-0"
|
|
40
38
|
})(["&:hover,&:active{color:", ";}"], function (props) {
|
|
41
|
-
return
|
|
39
|
+
return props.theme.utils.interact(props.theme.colors.icon.base);
|
|
42
40
|
});
|
|
43
41
|
|
|
44
42
|
var ClearButton = function ClearButton() {
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
module.exports = {
|
|
4
|
+
"bitly-dark": "0 0 140 64",
|
|
5
|
+
"bitly": "0 0 140 64",
|
|
6
|
+
"canva-dark": "0 0 140 140",
|
|
7
|
+
"canva": "0 0 140 140",
|
|
8
|
+
"dropbox-dark": "0 0 140 119",
|
|
9
|
+
"dropbox": "0 0 140 119",
|
|
10
|
+
"facebook-dark": "0 0 141 139",
|
|
11
|
+
"facebook-shops-dark": "0 0 141 155",
|
|
12
|
+
"facebook-shops": "0 0 141 155",
|
|
13
|
+
"facebook": "0 0 141 139",
|
|
14
|
+
"Feedly-dark": "0 0 141 123",
|
|
15
|
+
"Feedly": "0 0 141 123",
|
|
16
|
+
"glassdoor-dark": "0 0 140 196",
|
|
17
|
+
"glassdoor": "0 0 140 196",
|
|
18
|
+
"google-analytics-dark": "0 0 140 160",
|
|
19
|
+
"google-analytics": "0 0 140 160",
|
|
20
|
+
"google-business-messages-dark": "0 0 140 140",
|
|
21
|
+
"google-business-messages": "0 0 140 140",
|
|
22
|
+
"google-drive-dark": "0 0 140 126",
|
|
23
|
+
"google-drive": "0 0 140 126",
|
|
24
|
+
"google-my-business-dark": "0 0 140 123",
|
|
25
|
+
"google-my-business": "0 0 140 123",
|
|
26
|
+
"hubspot-dark": "0 0 140 156",
|
|
27
|
+
"hubspot": "0 0 140 156",
|
|
28
|
+
"instagram-dark": "0 0 140 140",
|
|
29
|
+
"instagram": "0 0 140 140",
|
|
30
|
+
"linkedin-dark": "0 0 140 140",
|
|
31
|
+
"linkedin": "0 0 140 140",
|
|
32
|
+
"marketo-dark": "0 0 140 164",
|
|
33
|
+
"marketo": "0 0 140 164",
|
|
34
|
+
"messenger-dark": "0 0 140 141",
|
|
35
|
+
"messenger": "0 0 140 140",
|
|
36
|
+
"microsoft-dynamics-dark": "0 0 140 227",
|
|
37
|
+
"microsoft-dynamics": "0 0 140 227",
|
|
38
|
+
"pinterest-dark": "0 0 140 141",
|
|
39
|
+
"pinterest": "0 0 140 141",
|
|
40
|
+
"reddit-dark": "0 0 140 140",
|
|
41
|
+
"reddit": "0 0 140 140",
|
|
42
|
+
"salesforce-dark": "0 0 140 99",
|
|
43
|
+
"salesforce": "0 0 140 99",
|
|
44
|
+
"shopify-dark": "0 0 140 159",
|
|
45
|
+
"shopify": "0 0 140 159",
|
|
46
|
+
"slack-dark": "0 0 140 140",
|
|
47
|
+
"slack": "0 0 140 140",
|
|
48
|
+
"tiktok-dark": "0 0 140 159",
|
|
49
|
+
"tiktok": "0 0 140 159",
|
|
50
|
+
"tripadvisor-dark": "0 0 140 140",
|
|
51
|
+
"tripadvisor": "0 0 140 140",
|
|
52
|
+
"tumblr-dark": "0 0 140 140",
|
|
53
|
+
"tumblr": "0 0 140 140",
|
|
54
|
+
"twitter-dark": "0 0 140 114",
|
|
55
|
+
"twitter": "0 0 140 114",
|
|
56
|
+
"whatsapp-dark": "0 0 140 140",
|
|
57
|
+
"whatsapp": "0 0 140 141",
|
|
58
|
+
"woocommerce-dark": "0 0 140 84",
|
|
59
|
+
"woocommerce": "0 0 140 84",
|
|
60
|
+
"yelp-dark": "0 0 140 159",
|
|
61
|
+
"yelp": "0 0 140 159",
|
|
62
|
+
"youtube-dark": "0 0 140 99",
|
|
63
|
+
"youtube": "0 0 140 99",
|
|
64
|
+
"zendesk-dark": "0 0 140 107",
|
|
65
|
+
"zendesk": "0 0 140 107"
|
|
66
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
|
|
8
|
+
var _LogoViewBoxes = _interopRequireDefault(require("../LogoViewBoxes"));
|
|
9
|
+
|
|
10
|
+
var _styledComponents = require("styled-components");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
var PartnerLogo = function PartnerLogo(_ref) {
|
|
15
|
+
var partnerName = _ref.partnerName;
|
|
16
|
+
|
|
17
|
+
var _useTheme = (0, _styledComponents.useTheme)(),
|
|
18
|
+
mode = _useTheme.mode;
|
|
19
|
+
|
|
20
|
+
var whichLogo = mode === "dark" ? partnerName + "-dark" : partnerName;
|
|
21
|
+
var logoViewBox = _LogoViewBoxes.default[whichLogo];
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
23
|
+
viewBox: logoViewBox,
|
|
24
|
+
focusable: false
|
|
25
|
+
}, /*#__PURE__*/_react.default.createElement("use", {
|
|
26
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
27
|
+
xlinkHref: "#sslogosvg-" + whichLogo
|
|
28
|
+
}));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
var _default = PartnerLogo;
|
|
32
|
+
exports.default = _default;
|
package/commonjs/Token/styles.js
CHANGED
|
@@ -9,8 +9,6 @@ var _systemProps = require("../utils/system-props");
|
|
|
9
9
|
|
|
10
10
|
var _mixins = require("../utils/mixins");
|
|
11
11
|
|
|
12
|
-
var _useInteractiveColor = require("../utils/useInteractiveColor");
|
|
13
|
-
|
|
14
12
|
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); }
|
|
15
13
|
|
|
16
14
|
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; }
|
|
@@ -22,13 +20,13 @@ var Container = _styledComponents.default.button.withConfig({
|
|
|
22
20
|
var theme = _ref.theme;
|
|
23
21
|
return (0, _styledComponents.css)(["", " font-family:", ";font-weight:", ";border:1px solid ", ";border-radius:", ";color:", ";background:", ";padding:", " ", ";transition:all ", " ", ";"], theme.typography[200], theme.fontFamily, theme.fontWeights.normal, theme.colors.container.border.base, theme.radii[500], theme.colors.text.body, theme.colors.container.background.base, theme.space[200], theme.space[300], theme.duration.fast, theme.easing.ease_inout);
|
|
24
22
|
}, _mixins.focusRing, function (_ref2) {
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
return
|
|
23
|
+
var theme = _ref2.theme,
|
|
24
|
+
palette = _ref2.palette;
|
|
25
|
+
return palette === "blue" && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, theme.utils.interact(theme.colors.container.border.decorative.blue));
|
|
28
26
|
}, function (_ref3) {
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
return
|
|
27
|
+
var closeable = _ref3.closeable,
|
|
28
|
+
theme = _ref3.theme;
|
|
29
|
+
return closeable && (0, _styledComponents.css)(["cursor:pointer;&:hover,&:active{box-shadow:", ";border:1px solid ", ";}"], theme.shadows.low, theme.utils.interact(theme.colors.container.border.base));
|
|
32
30
|
}, function (_ref4) {
|
|
33
31
|
var disabled = _ref4.disabled,
|
|
34
32
|
theme = _ref4.theme;
|
|
@@ -36,7 +34,7 @@ var Container = _styledComponents.default.button.withConfig({
|
|
|
36
34
|
}, function (_ref5) {
|
|
37
35
|
var valid = _ref5.valid,
|
|
38
36
|
theme = _ref5.theme;
|
|
39
|
-
return !valid && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover{box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.error, theme.colors.container.background.error, theme.colors.container.border.error, theme.shadows.low,
|
|
37
|
+
return !valid && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover{box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.error, theme.colors.container.background.error, theme.colors.container.border.error, theme.shadows.low, theme.utils.interact(theme.colors.container.border.error));
|
|
40
38
|
}, _systemProps.COMMON);
|
|
41
39
|
|
|
42
40
|
var _default = Container;
|
package/commonjs/index.js
CHANGED
|
@@ -8,7 +8,6 @@ var _exportNames = {
|
|
|
8
8
|
useSelect: true,
|
|
9
9
|
useMultiselect: true,
|
|
10
10
|
useTextContent: true,
|
|
11
|
-
useInteractiveColor: true,
|
|
12
11
|
theme: true,
|
|
13
12
|
darkTheme: true,
|
|
14
13
|
Icon: true,
|
|
@@ -73,7 +72,7 @@ var _exportNames = {
|
|
|
73
72
|
DateRangePicker: true,
|
|
74
73
|
VisuallyHidden: true
|
|
75
74
|
};
|
|
76
|
-
exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.
|
|
75
|
+
exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.toast = exports.theme = exports.sproutLightTheme = exports.sproutDarkTheme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
|
|
77
76
|
|
|
78
77
|
var _systemProps = require("./systemProps");
|
|
79
78
|
|
|
@@ -96,10 +95,6 @@ exports.useSelect = _hooks.useSelect;
|
|
|
96
95
|
exports.useMultiselect = _hooks.useMultiselect;
|
|
97
96
|
exports.useTextContent = _hooks.useTextContent;
|
|
98
97
|
|
|
99
|
-
var _useInteractiveColor = require("./utils/useInteractiveColor");
|
|
100
|
-
|
|
101
|
-
exports.useInteractiveColor = _useInteractiveColor.useInteractiveColor;
|
|
102
|
-
|
|
103
98
|
var _theme = _interopRequireDefault(require("./themes/light/theme"));
|
|
104
99
|
|
|
105
100
|
exports.theme = _theme.default;
|
|
@@ -15,6 +15,8 @@ var _decorativePalettes = require("./decorative-palettes");
|
|
|
15
15
|
|
|
16
16
|
var _polished = require("polished");
|
|
17
17
|
|
|
18
|
+
var _interact = _interopRequireDefault(require("../utils/interact"));
|
|
19
|
+
|
|
18
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
21
|
|
|
20
22
|
function _extends() { _extends = Object.assign || 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); }
|
|
@@ -232,6 +234,9 @@ var colors = _extends({}, _theme.default.colors, {
|
|
|
232
234
|
}, _datavizPalette.datavizPalette);
|
|
233
235
|
|
|
234
236
|
var darkTheme = _extends({}, _theme.default, {
|
|
237
|
+
utils: {
|
|
238
|
+
interact: (0, _interact.default)(MODE)
|
|
239
|
+
},
|
|
235
240
|
colors: colors,
|
|
236
241
|
shadows: shadows,
|
|
237
242
|
mode: MODE
|
|
@@ -25,6 +25,8 @@ var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"))
|
|
|
25
25
|
|
|
26
26
|
var _polished = require("polished");
|
|
27
27
|
|
|
28
|
+
var _interact = _interopRequireDefault(require("../utils/interact"));
|
|
29
|
+
|
|
28
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
31
|
|
|
30
32
|
function _extends() { _extends = Object.assign || 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); }
|
|
@@ -336,6 +338,9 @@ var duration = {
|
|
|
336
338
|
};
|
|
337
339
|
exports.duration = duration;
|
|
338
340
|
var theme = {
|
|
341
|
+
utils: {
|
|
342
|
+
interact: (0, _interact.default)(MODE)
|
|
343
|
+
},
|
|
339
344
|
breakpoints: breakpoints,
|
|
340
345
|
colors: colors,
|
|
341
346
|
typography: _extends({}, typography, {
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _polished = require("polished");
|
|
7
|
+
|
|
8
|
+
var interact = function interact(mode) {
|
|
9
|
+
return function (themeValue) {
|
|
10
|
+
if (mode === "dark") {
|
|
11
|
+
return (0, _polished.lighten)(0.2, themeValue);
|
|
12
|
+
} else {
|
|
13
|
+
return (0, _polished.darken)(0.2, themeValue);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
var _default = interact;
|
|
19
|
+
exports.default = _default;
|
|
File without changes
|