@sproutsocial/racine 11.9.0-useInteractiveColor.0 → 12.1.0-partner-logo.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.
Files changed (470) hide show
  1. package/__flow__/EnumLogoNames.js +2 -0
  2. package/__flow__/Input/index.js +2 -2
  3. package/__flow__/LogoViewBoxes.js +1 -0
  4. package/__flow__/PartnerLogo/TypePartnerNames.js +34 -0
  5. package/__flow__/PartnerLogo/index.js +39 -0
  6. package/__flow__/PartnerLogo/index.stories.js +73 -0
  7. package/__flow__/PartnerLogo/partnerLogos/bitly-dark.svg +1 -0
  8. package/__flow__/PartnerLogo/partnerLogos/bitly.svg +1 -0
  9. package/__flow__/PartnerLogo/partnerLogos/canva-dark.svg +1 -0
  10. package/__flow__/PartnerLogo/partnerLogos/canva.svg +1 -0
  11. package/__flow__/PartnerLogo/partnerLogos/dropbox-dark.svg +1 -0
  12. package/__flow__/PartnerLogo/partnerLogos/dropbox.svg +1 -0
  13. package/__flow__/PartnerLogo/partnerLogos/facebook-dark.svg +1 -0
  14. package/__flow__/PartnerLogo/partnerLogos/facebook-shops-dark.svg +1 -0
  15. package/__flow__/PartnerLogo/partnerLogos/facebook-shops.svg +1 -0
  16. package/__flow__/PartnerLogo/partnerLogos/facebook.svg +1 -0
  17. package/__flow__/PartnerLogo/partnerLogos/feedly-dark.svg +3 -0
  18. package/__flow__/PartnerLogo/partnerLogos/feedly.svg +3 -0
  19. package/__flow__/PartnerLogo/partnerLogos/glassdoor-dark.svg +1 -0
  20. package/__flow__/PartnerLogo/partnerLogos/glassdoor.svg +1 -0
  21. package/__flow__/PartnerLogo/partnerLogos/google-analytics-dark.svg +1 -0
  22. package/__flow__/PartnerLogo/partnerLogos/google-analytics.svg +1 -0
  23. package/__flow__/PartnerLogo/partnerLogos/google-business-messages-dark.svg +1 -0
  24. package/__flow__/PartnerLogo/partnerLogos/google-business-messages.svg +1 -0
  25. package/__flow__/PartnerLogo/partnerLogos/google-drive-dark.svg +1 -0
  26. package/__flow__/PartnerLogo/partnerLogos/google-drive.svg +1 -0
  27. package/__flow__/PartnerLogo/partnerLogos/google-my-business-dark.svg +1 -0
  28. package/__flow__/PartnerLogo/partnerLogos/google-my-business.svg +1 -0
  29. package/__flow__/PartnerLogo/partnerLogos/hubspot-dark.svg +1 -0
  30. package/__flow__/PartnerLogo/partnerLogos/hubspot.svg +1 -0
  31. package/__flow__/PartnerLogo/partnerLogos/instagram-dark.svg +1 -0
  32. package/__flow__/PartnerLogo/partnerLogos/instagram.svg +1 -0
  33. package/__flow__/PartnerLogo/partnerLogos/linkedin-dark.svg +1 -0
  34. package/__flow__/PartnerLogo/partnerLogos/linkedin.svg +1 -0
  35. package/__flow__/PartnerLogo/partnerLogos/marketo-dark.svg +1 -0
  36. package/__flow__/PartnerLogo/partnerLogos/marketo.svg +1 -0
  37. package/__flow__/PartnerLogo/partnerLogos/messenger-dark.svg +1 -0
  38. package/__flow__/PartnerLogo/partnerLogos/messenger.svg +1 -0
  39. package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics-dark.svg +1 -0
  40. package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics.svg +1 -0
  41. package/__flow__/PartnerLogo/partnerLogos/pinterest-dark.svg +1 -0
  42. package/__flow__/PartnerLogo/partnerLogos/pinterest.svg +1 -0
  43. package/__flow__/PartnerLogo/partnerLogos/reddit-dark.svg +1 -0
  44. package/__flow__/PartnerLogo/partnerLogos/reddit.svg +1 -0
  45. package/__flow__/PartnerLogo/partnerLogos/salesforce-dark.svg +1 -0
  46. package/__flow__/PartnerLogo/partnerLogos/salesforce.svg +1 -0
  47. package/__flow__/PartnerLogo/partnerLogos/shopify-dark.svg +1 -0
  48. package/__flow__/PartnerLogo/partnerLogos/shopify.svg +1 -0
  49. package/__flow__/PartnerLogo/partnerLogos/slack-dark.svg +1 -0
  50. package/__flow__/PartnerLogo/partnerLogos/slack.svg +1 -0
  51. package/__flow__/PartnerLogo/partnerLogos/tiktok-dark.svg +1 -0
  52. package/__flow__/PartnerLogo/partnerLogos/tiktok.svg +1 -0
  53. package/__flow__/PartnerLogo/partnerLogos/tripadvisor-dark.svg +1 -0
  54. package/__flow__/PartnerLogo/partnerLogos/tripadvisor.svg +1 -0
  55. package/__flow__/PartnerLogo/partnerLogos/tumblr-dark.svg +1 -0
  56. package/__flow__/PartnerLogo/partnerLogos/tumblr.svg +1 -0
  57. package/__flow__/PartnerLogo/partnerLogos/twitter-dark.svg +1 -0
  58. package/__flow__/PartnerLogo/partnerLogos/twitter.svg +1 -0
  59. package/__flow__/PartnerLogo/partnerLogos/whatsapp-dark.svg +1 -0
  60. package/__flow__/PartnerLogo/partnerLogos/whatsapp.svg +1 -0
  61. package/__flow__/PartnerLogo/partnerLogos/woocommerce-dark.svg +1 -0
  62. package/__flow__/PartnerLogo/partnerLogos/woocommerce.svg +1 -0
  63. package/__flow__/PartnerLogo/partnerLogos/yelp-dark.svg +1 -0
  64. package/__flow__/PartnerLogo/partnerLogos/yelp.svg +1 -0
  65. package/__flow__/PartnerLogo/partnerLogos/youtube-dark.svg +1 -0
  66. package/__flow__/PartnerLogo/partnerLogos/youtube.svg +1 -0
  67. package/__flow__/PartnerLogo/partnerLogos/zendesk-dark.svg +1 -0
  68. package/__flow__/PartnerLogo/partnerLogos/zendesk.svg +1 -0
  69. package/__flow__/Token/styles.js +12 -13
  70. package/__flow__/index.js +0 -1
  71. package/__flow__/themes/dark/theme.js +5 -0
  72. package/__flow__/themes/light/theme.js +5 -0
  73. package/__flow__/themes/utils/interact.js +12 -0
  74. package/__flow__/types/theme.flow.js +2 -0
  75. package/commonjs/EnumLogoNames.js +1 -0
  76. package/commonjs/Input/index.js +1 -3
  77. package/commonjs/LogoViewBoxes.js +66 -0
  78. package/commonjs/PartnerLogo/TypePartnerNames.js +1 -0
  79. package/commonjs/PartnerLogo/index.js +45 -0
  80. package/commonjs/Token/styles.js +7 -9
  81. package/commonjs/index.js +1 -6
  82. package/commonjs/themes/dark/theme.js +5 -0
  83. package/commonjs/themes/light/theme.js +5 -0
  84. package/commonjs/themes/utils/interact.js +19 -0
  85. package/dist/{icons.svg → icon.svg} +0 -0
  86. package/dist/logo.svg +1 -0
  87. package/dist/logoList.js +1 -0
  88. package/dist/themes/dark/theme.scss +3 -0
  89. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +3 -0
  90. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +3 -0
  91. package/dist/themes/light/theme.scss +3 -0
  92. package/lib/EnumLogoNames.js +0 -0
  93. package/lib/Input/index.js +1 -2
  94. package/lib/LogoViewBoxes.js +64 -0
  95. package/lib/PartnerLogo/TypePartnerNames.js +0 -0
  96. package/lib/PartnerLogo/index.js +34 -0
  97. package/lib/Token/styles.js +7 -8
  98. package/lib/index.js +0 -1
  99. package/lib/themes/dark/theme.js +4 -0
  100. package/lib/themes/light/theme.js +4 -0
  101. package/lib/themes/utils/interact.js +13 -0
  102. package/package.json +3 -8
  103. package/__flow__/include-icons.js +0 -11
  104. package/__flow__/utils/useInteractiveColor.js +0 -32
  105. package/commonjs/include-icons.js +0 -14
  106. package/commonjs/utils/useInteractiveColor.js +0 -33
  107. package/icons/active-listener.svg +0 -3
  108. package/icons/add-item.svg +0 -3
  109. package/icons/add-keyword.svg +0 -3
  110. package/icons/add-team-member.svg +0 -3
  111. package/icons/add-variable.svg +0 -3
  112. package/icons/address-card-outline.svg +0 -3
  113. package/icons/address-card-solid.svg +0 -3
  114. package/icons/adobe-experience-manager.svg +0 -3
  115. package/icons/ads.svg +0 -3
  116. package/icons/android.svg +0 -3
  117. package/icons/apple.svg +0 -3
  118. package/icons/approval-indicator-outline.svg +0 -3
  119. package/icons/approval-indicator.svg +0 -3
  120. package/icons/archive.svg +0 -3
  121. package/icons/arrow-down-line.svg +0 -3
  122. package/icons/arrow-down.svg +0 -3
  123. package/icons/arrow-left-line.svg +0 -3
  124. package/icons/arrow-left.svg +0 -3
  125. package/icons/arrow-right-line.svg +0 -3
  126. package/icons/arrow-right.svg +0 -3
  127. package/icons/arrow-up-line.svg +0 -3
  128. package/icons/arrow-up.svg +0 -3
  129. package/icons/arrows.svg +0 -3
  130. package/icons/asset-library-outline.svg +0 -3
  131. package/icons/asset-library.svg +0 -3
  132. package/icons/assign.svg +0 -3
  133. package/icons/atom.svg +0 -3
  134. package/icons/audio.svg +0 -3
  135. package/icons/back-to-top.svg +0 -3
  136. package/icons/bambu-icon-outline.svg +0 -3
  137. package/icons/bambu-icon.svg +0 -3
  138. package/icons/barcode.svg +0 -3
  139. package/icons/basketball.svg +0 -3
  140. package/icons/bell-outline.svg +0 -3
  141. package/icons/bigcommerce.svg +0 -3
  142. package/icons/bitly.svg +0 -3
  143. package/icons/bold.svg +0 -3
  144. package/icons/book.svg +0 -3
  145. package/icons/bot.svg +0 -3
  146. package/icons/browser.svg +0 -3
  147. package/icons/business.svg +0 -3
  148. package/icons/calendar-outline.svg +0 -3
  149. package/icons/calendar.svg +0 -3
  150. package/icons/camera-outline.svg +0 -3
  151. package/icons/camera-story.svg +0 -3
  152. package/icons/camera.svg +0 -3
  153. package/icons/campaign.svg +0 -3
  154. package/icons/canva.svg +0 -3
  155. package/icons/carousel.svg +0 -3
  156. package/icons/cart-plus-outline.svg +0 -3
  157. package/icons/cart-plus.svg +0 -3
  158. package/icons/check.svg +0 -3
  159. package/icons/chevron-down-filled.svg +0 -3
  160. package/icons/chevron-down.svg +0 -3
  161. package/icons/chevron-left.svg +0 -3
  162. package/icons/chevron-right.svg +0 -3
  163. package/icons/chevron-up-down-filled.svg +0 -3
  164. package/icons/chevron-up-filled.svg +0 -3
  165. package/icons/chevron-up.svg +0 -3
  166. package/icons/circle+.svg +0 -3
  167. package/icons/circle-check-outline.svg +0 -3
  168. package/icons/circle-check.svg +0 -3
  169. package/icons/circle.svg +0 -3
  170. package/icons/circles.svg +0 -3
  171. package/icons/circlex.svg +0 -3
  172. package/icons/click-to-view.svg +0 -3
  173. package/icons/clicks.svg +0 -3
  174. package/icons/clipboard-outline.svg +0 -3
  175. package/icons/clipboard.svg +0 -3
  176. package/icons/clock.svg +0 -3
  177. package/icons/closed-captioning.svg +0 -3
  178. package/icons/cloud.svg +0 -3
  179. package/icons/code.svg +0 -3
  180. package/icons/columns.svg +0 -3
  181. package/icons/comment-alt-outline.svg +0 -3
  182. package/icons/comment-alt.svg +0 -3
  183. package/icons/comment-lines-alt-outline.svg +0 -3
  184. package/icons/comment.svg +0 -3
  185. package/icons/compact-density.svg +0 -3
  186. package/icons/compact-indicator.svg +0 -3
  187. package/icons/comparison.svg +0 -3
  188. package/icons/competitor.svg +0 -3
  189. package/icons/compose.svg +0 -3
  190. package/icons/content-suggestions.svg +0 -3
  191. package/icons/credit-card.svg +0 -3
  192. package/icons/crop.svg +0 -3
  193. package/icons/crown.svg +0 -3
  194. package/icons/dashboard.svg +0 -3
  195. package/icons/deconstructed-negative-sentiment.svg +0 -3
  196. package/icons/deconstructed-neutral-sentiment.svg +0 -3
  197. package/icons/deconstructed-positive-sentiment.svg +0 -3
  198. package/icons/discovery.svg +0 -3
  199. package/icons/dislike-outline.svg +0 -3
  200. package/icons/dislike.svg +0 -3
  201. package/icons/dm-link-outline.svg +0 -3
  202. package/icons/dm-link.svg +0 -3
  203. package/icons/dotdotdot.svg +0 -3
  204. package/icons/download.svg +0 -3
  205. package/icons/drafts-outline.svg +0 -3
  206. package/icons/drafts.svg +0 -3
  207. package/icons/dropbox.svg +0 -3
  208. package/icons/duplicate-outline.svg +0 -3
  209. package/icons/duplicate.svg +0 -3
  210. package/icons/emoji-outline.svg +0 -3
  211. package/icons/emoji.svg +0 -3
  212. package/icons/empty-image.svg +0 -3
  213. package/icons/engagement-per-post.svg +0 -3
  214. package/icons/engagements.svg +0 -3
  215. package/icons/error.svg +0 -3
  216. package/icons/exchange-alt.svg +0 -3
  217. package/icons/expanded-indicator.svg +0 -3
  218. package/icons/export.svg +0 -3
  219. package/icons/extended-circles.svg +0 -3
  220. package/icons/external-link-alt.svg +0 -3
  221. package/icons/external-link.svg +0 -3
  222. package/icons/extreme-negative-sentiment.svg +0 -12
  223. package/icons/eye-outline.svg +0 -3
  224. package/icons/eye-slash-outline.svg +0 -3
  225. package/icons/eye-slash.svg +0 -3
  226. package/icons/eye.svg +0 -3
  227. package/icons/facebook-audience-network.svg +0 -3
  228. package/icons/facebook-branded-content-outline.svg +0 -3
  229. package/icons/facebook-branded-content.svg +0 -3
  230. package/icons/facebook-groups.svg +0 -3
  231. package/icons/facebook.svg +0 -3
  232. package/icons/fb-reactions-angry.svg +0 -14
  233. package/icons/fb-reactions-haha.svg +0 -6
  234. package/icons/fb-reactions-like.svg +0 -4
  235. package/icons/fb-reactions-love.svg +0 -4
  236. package/icons/fb-reactions-sad.svg +0 -12
  237. package/icons/fb-reactions-wow.svg +0 -11
  238. package/icons/feedly.svg +0 -3
  239. package/icons/feeds.svg +0 -3
  240. package/icons/female.svg +0 -3
  241. package/icons/file-chart-line.svg +0 -3
  242. package/icons/file-edit.svg +0 -3
  243. package/icons/file-times-solid.svg +0 -3
  244. package/icons/filter.svg +0 -3
  245. package/icons/flag-outline.svg +0 -3
  246. package/icons/flag.svg +0 -3
  247. package/icons/flat-negative-sentiment-outline.svg +0 -4
  248. package/icons/flat-negative-sentiment.svg +0 -3
  249. package/icons/flat-neutral-sentiment-outline.svg +0 -4
  250. package/icons/flat-neutral-sentiment.svg +0 -3
  251. package/icons/flat-positive-sentiment-outline.svg +0 -4
  252. package/icons/flat-positive-sentiment.svg +0 -3
  253. package/icons/folder-open.svg +0 -3
  254. package/icons/folder.svg +0 -3
  255. package/icons/follow-outline.svg +0 -3
  256. package/icons/follow.svg +0 -3
  257. package/icons/follower-increase.svg +0 -3
  258. package/icons/following.svg +0 -3
  259. package/icons/font.svg +0 -3
  260. package/icons/full-access.svg +0 -3
  261. package/icons/gear.svg +0 -3
  262. package/icons/gears.svg +0 -10
  263. package/icons/glassdoor.svg +0 -3
  264. package/icons/glasses.svg +0 -3
  265. package/icons/globe.svg +0 -3
  266. package/icons/google-analytics-color.svg +0 -4
  267. package/icons/google-business-messages.svg +0 -3
  268. package/icons/google-drive.svg +0 -3
  269. package/icons/google-my-business.svg +0 -13
  270. package/icons/grip.svg +0 -3
  271. package/icons/h1.svg +0 -3
  272. package/icons/h2.svg +0 -3
  273. package/icons/hamburger.svg +0 -3
  274. package/icons/hashtag.svg +0 -3
  275. package/icons/headset.svg +0 -3
  276. package/icons/heart-outline.svg +0 -3
  277. package/icons/heart.svg +0 -3
  278. package/icons/heartbeat.svg +0 -3
  279. package/icons/help-alt.svg +0 -3
  280. package/icons/help.svg +0 -3
  281. package/icons/hiking.svg +0 -3
  282. package/icons/history.svg +0 -3
  283. package/icons/home.svg +0 -3
  284. package/icons/hourglass.svg +0 -3
  285. package/icons/hubspot.svg +0 -3
  286. package/icons/image-caption.svg +0 -3
  287. package/icons/image.svg +0 -3
  288. package/icons/images.svg +0 -3
  289. package/icons/impressions-per-post.svg +0 -3
  290. package/icons/impressions.svg +0 -3
  291. package/icons/inactive-listener.svg +0 -3
  292. package/icons/inbox-action.svg +0 -3
  293. package/icons/inbox-views.svg +0 -3
  294. package/icons/inbox.svg +0 -3
  295. package/icons/indicator.svg +0 -3
  296. package/icons/industry.svg +0 -3
  297. package/icons/info.svg +0 -3
  298. package/icons/instagram.svg +0 -3
  299. package/icons/internal-activity-outline.svg +0 -3
  300. package/icons/internal-activity.svg +0 -3
  301. package/icons/italic.svg +0 -3
  302. package/icons/key.svg +0 -3
  303. package/icons/keyboard.svg +0 -3
  304. package/icons/laptop-phone.svg +0 -3
  305. package/icons/large-density.svg +0 -3
  306. package/icons/lift.svg +0 -3
  307. package/icons/like-outline.svg +0 -3
  308. package/icons/like.svg +0 -3
  309. package/icons/link.svg +0 -3
  310. package/icons/linkedin-audience-network.svg +0 -3
  311. package/icons/linkedin.svg +0 -3
  312. package/icons/list-ol.svg +0 -3
  313. package/icons/listening.svg +0 -3
  314. package/icons/lists.svg +0 -3
  315. package/icons/location-outline.svg +0 -3
  316. package/icons/location.svg +0 -3
  317. package/icons/lock.svg +0 -3
  318. package/icons/magic-wand.svg +0 -3
  319. package/icons/male.svg +0 -3
  320. package/icons/marketo.svg +0 -3
  321. package/icons/mention.svg +0 -3
  322. package/icons/message-preview-outline.svg +0 -3
  323. package/icons/message-preview.svg +0 -3
  324. package/icons/message.svg +0 -3
  325. package/icons/messages-outline.svg +0 -3
  326. package/icons/messages.svg +0 -3
  327. package/icons/messenger.svg +0 -11
  328. package/icons/metric-table.svg +0 -3
  329. package/icons/microsoft-dynamics.svg +0 -4
  330. package/icons/minus.svg +0 -3
  331. package/icons/mobile.svg +0 -3
  332. package/icons/monitor.svg +0 -3
  333. package/icons/moon.svg +0 -3
  334. package/icons/negative-sentiment.svg +0 -4
  335. package/icons/neutral-positive-sentiment.svg +0 -6
  336. package/icons/neutral-sentiment.svg +0 -4
  337. package/icons/new-trend.svg +0 -3
  338. package/icons/newspaper.svg +0 -3
  339. package/icons/no-access.svg +0 -3
  340. package/icons/notepad.svg +0 -3
  341. package/icons/notifications-publishing-outline.svg +0 -3
  342. package/icons/notifications-publishing.svg +0 -3
  343. package/icons/notifications.svg +0 -3
  344. package/icons/offline.svg +0 -3
  345. package/icons/online.svg +0 -3
  346. package/icons/paid-promotion-outline.svg +0 -3
  347. package/icons/paid-promotion.svg +0 -3
  348. package/icons/paid.svg +0 -3
  349. package/icons/paint.svg +0 -3
  350. package/icons/palette.svg +0 -3
  351. package/icons/paperclip.svg +0 -3
  352. package/icons/pause.svg +0 -3
  353. package/icons/pencil-outline.svg +0 -3
  354. package/icons/pencil.svg +0 -3
  355. package/icons/person.svg +0 -3
  356. package/icons/phone.svg +0 -3
  357. package/icons/pinterest-boards-outline.svg +0 -3
  358. package/icons/pinterest-boards.svg +0 -3
  359. package/icons/pinterest.svg +0 -3
  360. package/icons/play-circle.svg +0 -3
  361. package/icons/play.svg +0 -3
  362. package/icons/plug.svg +0 -3
  363. package/icons/plus.svg +0 -3
  364. package/icons/positive-sentiment.svg +0 -5
  365. package/icons/power-up-outline.svg +0 -3
  366. package/icons/power-up.svg +0 -3
  367. package/icons/profile-connect.svg +0 -3
  368. package/icons/profile-disconnect.svg +0 -3
  369. package/icons/publishing-outline.svg +0 -3
  370. package/icons/publishing.svg +0 -3
  371. package/icons/puzzle-piece.svg +0 -3
  372. package/icons/qr-code.svg +0 -3
  373. package/icons/queue.svg +0 -3
  374. package/icons/recommendation.svg +0 -3
  375. package/icons/reddit-alien.svg +0 -3
  376. package/icons/reddit.svg +0 -3
  377. package/icons/referrals.svg +0 -3
  378. package/icons/refresh.svg +0 -3
  379. package/icons/rejected.svg +0 -3
  380. package/icons/reply-outline.svg +0 -3
  381. package/icons/reply.svg +0 -3
  382. package/icons/reporting-period.svg +0 -3
  383. package/icons/reporting.svg +0 -3
  384. package/icons/reports-home.svg +0 -3
  385. package/icons/reports.svg +0 -3
  386. package/icons/retweet.svg +0 -3
  387. package/icons/rss.svg +0 -3
  388. package/icons/sales.svg +0 -3
  389. package/icons/salesforce.svg +0 -3
  390. package/icons/save-assets.svg +0 -3
  391. package/icons/saved-messages.svg +0 -3
  392. package/icons/saved-reply-outline.svg +0 -3
  393. package/icons/saved-reply.svg +0 -3
  394. package/icons/search.svg +0 -3
  395. package/icons/sent-message-outline.svg +0 -3
  396. package/icons/sent-message.svg +0 -3
  397. package/icons/share.svg +0 -3
  398. package/icons/shopify.svg +0 -5
  399. package/icons/show-navigation.svg +0 -3
  400. package/icons/slack.svg +0 -3
  401. package/icons/small-density.svg +0 -3
  402. package/icons/smiley.svg +0 -3
  403. package/icons/some-access.svg +0 -3
  404. package/icons/sparkles.svg +0 -3
  405. package/icons/spike-alert.svg +0 -3
  406. package/icons/star-half-alt-solid.svg +0 -3
  407. package/icons/star-of-life.svg +0 -3
  408. package/icons/star-outline.svg +0 -3
  409. package/icons/star.svg +0 -3
  410. package/icons/sticky-note-outline.svg +0 -3
  411. package/icons/sticky-note.svg +0 -3
  412. package/icons/stories.svg +0 -3
  413. package/icons/story.svg +0 -3
  414. package/icons/suggestions.svg +0 -3
  415. package/icons/sun.svg +0 -3
  416. package/icons/tag-outline.svg +0 -3
  417. package/icons/tag.svg +0 -3
  418. package/icons/targeting-outline.svg +0 -3
  419. package/icons/targeting.svg +0 -3
  420. package/icons/tasks-outline.svg +0 -3
  421. package/icons/tasks.svg +0 -3
  422. package/icons/team-conversation-outline.svg +0 -3
  423. package/icons/team-conversation.svg +0 -3
  424. package/icons/team.svg +0 -3
  425. package/icons/text-asset.svg +0 -3
  426. package/icons/text.svg +0 -3
  427. package/icons/tiktok.svg +0 -5
  428. package/icons/times.svg +0 -3
  429. package/icons/trash-can-outline.svg +0 -3
  430. package/icons/trash-can.svg +0 -3
  431. package/icons/trend-down.svg +0 -3
  432. package/icons/trend-neutral.svg +0 -3
  433. package/icons/trend-up.svg +0 -3
  434. package/icons/trends.svg +0 -3
  435. package/icons/triangle-black.svg +0 -3
  436. package/icons/triangle.svg +0 -3
  437. package/icons/tripadvisor-circle-outline.svg +0 -3
  438. package/icons/tripadvisor-circle.svg +0 -11
  439. package/icons/tripadvisor.svg +0 -4
  440. package/icons/trophy-outline.svg +0 -3
  441. package/icons/tumblr.svg +0 -3
  442. package/icons/twitter-audience-network.svg +0 -3
  443. package/icons/twitter.svg +0 -3
  444. package/icons/unfollow-outline.svg +0 -3
  445. package/icons/unfollow.svg +0 -3
  446. package/icons/unlink.svg +0 -3
  447. package/icons/unlock.svg +0 -3
  448. package/icons/upload.svg +0 -3
  449. package/icons/user-circle.svg +0 -3
  450. package/icons/users.svg +0 -3
  451. package/icons/verified.svg +0 -3
  452. package/icons/video-camera-story.svg +0 -3
  453. package/icons/video-camera.svg +0 -3
  454. package/icons/vip.svg +0 -3
  455. package/icons/weight.svg +0 -3
  456. package/icons/whatsapp.svg +0 -20
  457. package/icons/window-maximize.svg +0 -3
  458. package/icons/window-minimize.svg +0 -3
  459. package/icons/window-regular.svg +0 -3
  460. package/icons/window-restore.svg +0 -3
  461. package/icons/woocommerce.svg +0 -3
  462. package/icons/x.svg +0 -3
  463. package/icons/yelp-full-star.svg +0 -3
  464. package/icons/yelp-half-star.svg +0 -4
  465. package/icons/yelp.svg +0 -10
  466. package/icons/youtube.svg +0 -3
  467. package/icons/zendesk.svg +0 -3
  468. package/includeIcons.js +0 -14
  469. package/lib/include-icons.js +0 -12
  470. package/lib/utils/useInteractiveColor.js +0 -27
@@ -0,0 +1 @@
1
+ <svg fill="none" height="114" viewBox="0 0 140 114" width="140" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m123.433 18.1583c6.059-3.516 10.575-9.182 12.65-15.87295-5.602 3.34595-11.748 5.68019-18.158 6.89595-2.653-2.90886-5.887-5.2289-9.493-6.81031-3.606-1.581411-7.503-2.3890227-11.4399-2.37068456-7.5754 0-14.8405 3.00931456-20.1971 8.36593456-5.3567 5.35666-8.366 12.62176-8.366 20.19716-.0044 2.1679.2282 4.3298.6937 6.4471-11.458-.5338-22.6748-3.477-32.9187-8.6376-10.244-5.1607-19.285-12.4228-26.53335-21.31285-2.66666 4.36129-4.07859 9.37365-4.08044 14.48555-.00937 4.7391 1.16058 9.4061 3.40441 13.5803 2.24388 4.1743 5.49108 7.7246 9.44898 10.3311-4.5942-.1765-9.08192-1.4347-13.09822-3.6724v.4489c.00378 6.671 2.31938 13.1345 6.55262 18.2902 4.2332 5.1558 10.1224 8.6851 16.6651 9.9872-2.4908.6416-5.0594.9301-7.6304.8569-1.7768-.0192-3.5498-.1692-5.3046-.4488 1.8047 5.7403 5.3763 10.7641 10.2051 14.3545 4.8288 3.5905 10.6681 5.5642 16.685 5.6397-10.1487 7.9903-22.7057 12.3058-35.62225 12.2408-2.28505 0-4.6109-.244-6.89595-.448 13.1948 8.396 28.5107 12.855 44.1504 12.853 53.0457 0 81.6086-43.6607 81.6086-81.8537v-3.6724c5.629-3.8746 10.463-8.7918 14.241-14.4855-5.243 2.4063-10.835 3.9628-16.567 4.6109z" fill="#fff" fill-rule="evenodd"/></svg>
@@ -0,0 +1 @@
1
+ <svg fill="none" height="114" viewBox="0 0 140 114" width="140" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m123.433 18.1583c6.059-3.516 10.575-9.182 12.65-15.87295-5.602 3.34595-11.748 5.68019-18.158 6.89595-2.653-2.90886-5.887-5.2289-9.493-6.81031-3.606-1.581411-7.503-2.3890227-11.4399-2.37068456-7.5754 0-14.8405 3.00931456-20.1971 8.36593456-5.3567 5.35666-8.366 12.62176-8.366 20.19716-.0044 2.1679.2282 4.3298.6937 6.4471-11.458-.5338-22.6748-3.477-32.9187-8.6376-10.244-5.1607-19.285-12.4228-26.53335-21.31285-2.66666 4.36129-4.07859 9.37365-4.08044 14.48555-.00937 4.7391 1.16058 9.4061 3.40441 13.5803 2.24388 4.1743 5.49108 7.7246 9.44898 10.3311-4.5942-.1765-9.08192-1.4347-13.09822-3.6724v.4489c.00378 6.671 2.31938 13.1345 6.55262 18.2902 4.2332 5.1558 10.1224 8.6851 16.6651 9.9872-2.4908.6416-5.0594.9301-7.6304.8569-1.7768-.0192-3.5498-.1692-5.3046-.4488 1.8047 5.7403 5.3763 10.7641 10.2051 14.3545 4.8288 3.5905 10.6681 5.5642 16.685 5.6397-10.1487 7.9903-22.7057 12.3058-35.62225 12.2408-2.28505 0-4.6109-.244-6.89595-.448 13.1948 8.396 28.5107 12.855 44.1504 12.853 53.0457 0 81.6086-43.6607 81.6086-81.8537v-3.6724c5.629-3.8746 10.463-8.7918 14.241-14.4855-5.243 2.4063-10.835 3.9628-16.567 4.6109z" fill="#1da1f2" fill-rule="evenodd"/></svg>
@@ -0,0 +1 @@
1
+ <svg fill="none" height="140" viewBox="0 0 140 140" width="140" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m119.601 20.3443c-6.457-6.4691-14.14-11.5983-22.6043-15.09049-8.4639-3.49219-17.5401-5.2778791-26.7026-5.25356501-38.4243 0-69.695809 31.11815501-69.709179 69.36795501-.01641 12.1734 3.193259 24.1359 9.305259 34.6808l-9.89018 35.951 36.9536-9.646c10.2196 5.542 21.6722 8.445 33.3105 8.445h.03c38.4179 0 69.6929-31.121 69.7059-69.3709.03-9.1173-1.758-18.1499-5.26-26.5751-3.501-8.4252-8.647-16.0757-15.139-22.5087zm-49.3069 106.7227h-.0234c-10.3765.005-20.5634-2.767-29.4933-8.026l-2.1158-1.248-21.9262 5.725 5.8559-21.289-1.3804-2.182c-5.795-9.1907-8.8609-19.8249-8.844-30.6754 0-31.7834 25.9906-57.6559 57.9506-57.6559 7.6098.0044 15.1442 1.5003 22.173 4.4025s13.4145 7.1538 18.7925 12.5119c5.377 5.3582 9.642 11.718 12.55 18.7165 2.908 6.9984 4.403 14.4983 4.398 22.0715-.013 31.7939-26.004 57.6489-57.9369 57.6489zm31.7799-43.1858c-1.742-.8682-10.3049-5.0594-11.9026-5.6549-1.5976-.5954-2.7575-.8681-3.9173.8682-1.1598 1.7364-4.4988 5.6382-5.5149 6.7958-1.0161 1.1575-2.0322 1.3006-3.7736.4324s-7.3533-2.6977-14.008-8.602c-5.1774-4.597-8.6903-10.2718-9.693-12.0081-1.0027-1.7364-.107-2.6611.7654-3.5393.7821-.775 1.7414-2.0224 2.6104-3.037.869-1.0145 1.1632-1.733 1.7414-2.8906s.2908-2.1688-.1437-3.0369c-.4345-.8682-3.9207-9.4003-5.3713-12.8697-1.4138-3.3796-2.8477-2.9239-3.9173-2.9938-1.0027-.0499-2.1792-.0598-3.3424-.0598-.8828.0229-1.7513.2275-2.5509.6007s-1.5128.9071-2.095 1.568c-1.5943 1.7364-6.0932 5.9276-6.0932 14.4597 0 8.5322 6.2403 16.7749 7.1093 17.9325.869 1.1575 12.2833 18.6642 29.7474 26.1751 3.2434 1.392 6.5581 2.6135 9.9303 3.6595 4.1713 1.33 7.9683 1.134 10.9698.688 3.3424-.499 10.3042-4.1945 11.7582-8.2426 1.454-4.0482 1.451-7.521 1.003-8.2428s-1.571-1.121-3.312-1.9891z" fill="#fff" fill-rule="evenodd"/></svg>
@@ -0,0 +1 @@
1
+ <svg fill="none" height="141" viewBox="0 0 140 141" width="140" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="70.0308" x2="70.0308" y1="138.081" y2="1.83325"><stop offset="0" stop-color="#20b038"/><stop offset="1" stop-color="#60d66a"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="70.0674" x2="70.0674" y1="140.501" y2="-.586546"><stop offset="0" stop-color="#f9f9f9"/><stop offset="1" stop-color="#fff"/></linearGradient><path d="m0 140.538 9.89963-36.225c-7.62312-13.2969-10.648405-28.7364-8.60716-43.9268 2.04125-15.1903 9.03513-29.2835 19.89793-40.0961 10.8629-10.8126 24.9884-17.74097 40.1881-19.711721 15.1996-1.970749 30.625 1.126141 43.8865 8.810861 13.261 7.68476 23.618 19.52826 29.465 33.69576 5.848 14.1675 6.86 29.8681 2.88 44.6692-3.98 14.8008-12.73 27.8768-24.895 37.2008-12.164 9.324-27.0641 14.376-42.391 14.373-11.6459-.005-23.1048-2.929-33.3287-8.506zm38.6819-22.402 2.1266 1.283c8.8841 5.258 19.0086 8.055 29.3322 8.103 12.8973.072 25.4523-4.148 35.6873-11.996s17.568-18.878 20.845-31.3523c3.277-12.4744 2.311-25.6844-2.745-37.5494-5.057-11.865-13.917-21.7108-25.1842-27.9866-11.2678-6.2757-24.303-8.6249-37.0527-6.6775s-24.4893 8.0808-33.3698 17.4342c-8.8804 9.3533-14.3971 21.395-15.6811 34.2285s1.7376 25.7295 8.589 36.6571l1.3933 2.2-5.8665 21.595z" fill="#fff"/><path d="m2.42004 138.118 9.56966-35.015c-5.91206-10.2549-9.02514-21.8833-9.0273-33.7201-.00217-11.8369 3.10664-23.4664 9.0149-33.7233 5.9083-10.2568 14.4085-18.7807 24.6489-24.7175 10.2403-5.93686 21.8611-9.07805 33.6979-9.10885 17.8867.04855 35.0239 7.19054 47.6509 19.85895 12.627 12.6684 19.713 29.8285 19.703 47.7152 0 17.8769-7.091 35.0236-19.718 47.6786-12.628 12.655-29.759 19.783-47.6359 19.822-11.2371-.002-22.2938-2.826-32.1554-8.213z" fill="url(#a)"/><path d="m0 140.538 9.89963-36.225c-7.62312-13.2969-10.648405-28.7364-8.60716-43.9268 2.04125-15.1903 9.03513-29.2835 19.89793-40.0961 10.8629-10.8126 24.9884-17.74097 40.1881-19.711721 15.1996-1.970749 30.625 1.126141 43.8865 8.810861 13.261 7.68476 23.618 19.52826 29.465 33.69576 5.848 14.1675 6.86 29.8681 2.88 44.6692-3.98 14.8008-12.73 27.8768-24.895 37.2008-12.164 9.324-27.0641 14.376-42.391 14.373-11.6459-.005-23.1048-2.929-33.3287-8.506zm38.6819-22.402 2.1266 1.283c8.8841 5.258 19.0086 8.055 29.3322 8.103 12.8973.072 25.4523-4.148 35.6873-11.996s17.568-18.878 20.845-31.3523c3.277-12.4744 2.311-25.6844-2.745-37.5494-5.057-11.865-13.917-21.7108-25.1842-27.9866-11.2678-6.2757-24.303-8.6249-37.0527-6.6775s-24.4893 8.0808-33.3698 17.4342c-8.8804 9.3533-14.3971 21.395-15.6811 34.2285s1.7376 25.7295 8.589 36.6571l1.3933 2.2-5.8665 21.595z" fill="url(#b)"/><path clip-rule="evenodd" d="m52.9079 40.112c-1.2833-2.9333-2.6766-2.9699-3.9232-3.0066s-2.1632 0-3.3365 0c-.8876.0413-1.759.2529-2.5666.6233-.7934.3832-1.5036.919-2.0899 1.5766-1.9753 1.8895-3.5364 4.1689-4.5841 6.6936-1.0478 2.5247-1.5594 5.2396-1.5024 7.9725.5684 6.5876 3.0397 12.8678 7.1131 18.076.88 1.1366 12.0629 19.3593 29.7722 26.3624 14.6661 5.8302 17.7094 4.6562 20.8992 4.3632 3.1899-.293 10.3393-4.3632 11.7693-8.4698 1.167-2.5967 1.512-5.4878.99-8.2863-.44-.7333-1.576-1.1733-3.336-2.0533-1.76-.8799-10.4499-5.0964-11.9165-5.6831-1.4666-.5866-2.7499-.8799-3.8865.88-1.1367 1.7599-4.5099 5.6831-5.6465 6.8564s-2.0166 1.3199-3.6665.44c-5.1407-2.0559-9.8811-4.9969-14.0062-8.6897-3.8262-3.524-7.1015-7.6027-9.7163-12.0995-1.0266-1.76 0-2.6766.77-3.6666.77-.9899 1.76-2.0532 2.6033-3.0799.7327-.8687 1.3264-1.8459 1.7599-2.8965.2567-.4727.3912-1.002.3912-1.5399s-.1345-1.0673-.3912-1.54c-.5867-.77-3.9599-9.533-5.4998-12.8328z" 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.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>
@@ -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
- ${({ closeable, theme }) =>
34
- closeable &&
32
+ ${({ theme, palette }) =>
33
+ palette === "blue" &&
35
34
  css`
36
- cursor: pointer;
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
- ${useInteractiveColor(theme.colors.container.border.base)};
43
+ ${theme.utils.interact(theme.colors.container.border.decorative.blue)};
42
44
  }
43
45
  `}
44
46
 
45
- ${({ theme, palette }) =>
46
- palette === "blue" &&
47
+ ${({ closeable, theme }) =>
48
+ closeable &&
47
49
  css`
48
- color: ${theme.colors.text.body};
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
- ${useInteractiveColor(theme.colors.container.border.decorative.blue)};
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
- ${useInteractiveColor(theme.colors.container.border.error)};
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";
@@ -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 (0, _useInteractiveColor.useInteractiveColor)(props.theme.colors.icon.base);
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,45 @@
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
+ backgroundType = _ref.backgroundType;
17
+
18
+ var _useTheme = (0, _styledComponents.useTheme)(),
19
+ mode = _useTheme.mode;
20
+
21
+ var whichLogo = function whichLogo(type) {
22
+ if (type && type === "dark") {
23
+ return partnerName + "-dark";
24
+ } else if (type && type === "light") {
25
+ return partnerName;
26
+ } else if (mode === "dark") {
27
+ return partnerName + "-dark";
28
+ } else {
29
+ return partnerName;
30
+ }
31
+ };
32
+
33
+ var logoViewBox = _LogoViewBoxes.default[whichLogo(backgroundType)];
34
+
35
+ return /*#__PURE__*/_react.default.createElement("svg", {
36
+ viewBox: logoViewBox,
37
+ focusable: false
38
+ }, /*#__PURE__*/_react.default.createElement("use", {
39
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
40
+ xlinkHref: "#sslogosvg-" + whichLogo(backgroundType)
41
+ }));
42
+ };
43
+
44
+ var _default = PartnerLogo;
45
+ exports.default = _default;
@@ -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 closeable = _ref2.closeable,
26
- theme = _ref2.theme;
27
- return closeable && (0, _styledComponents.css)(["cursor:pointer;&:hover,&:active{box-shadow:", ";border:1px solid ", ";}"], theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.base));
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 theme = _ref3.theme,
30
- palette = _ref3.palette;
31
- 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, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.decorative.blue));
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, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.error));
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.useInteractiveColor = 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;
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