@sproutsocial/racine 12.1.0-svgs-bundle.0 → 12.1.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 (486) hide show
  1. package/CHANGELOG.md +3265 -0
  2. package/__flow__/Checkbox/styles.js +75 -75
  3. package/__flow__/Collapsible/index.js +2 -3
  4. package/__flow__/Image/index.js +2 -10
  5. package/__flow__/Input/index.js +2 -2
  6. package/__flow__/SegmentedControl/index.js +2 -3
  7. package/__flow__/TableCell/index.js +2 -9
  8. package/__flow__/ToggleHint/index.js +2 -9
  9. package/__flow__/Token/styles.js +13 -12
  10. package/__flow__/include-icons.js +11 -0
  11. package/__flow__/index.js +1 -0
  12. package/__flow__/systemProps/color.js +2 -1
  13. package/__flow__/themes/dark/theme.js +0 -5
  14. package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +63 -0
  15. package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +63 -0
  16. package/__flow__/themes/light/theme.js +0 -5
  17. package/__flow__/types/theme.flow.js +2 -2
  18. package/__flow__/utils/responsiveProps/index.test.js +2 -10
  19. package/__flow__/utils/useInteractiveColor.js +32 -0
  20. package/commonjs/Input/index.js +3 -1
  21. package/commonjs/Token/styles.js +9 -7
  22. package/commonjs/include-icons.js +14 -0
  23. package/commonjs/index.js +6 -1
  24. package/commonjs/themes/dark/theme.js +0 -5
  25. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +65 -2
  26. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +65 -2
  27. package/commonjs/themes/light/theme.js +0 -5
  28. package/commonjs/utils/useInteractiveColor.js +33 -0
  29. package/dist/{icon.svg → icons.svg} +0 -0
  30. package/dist/themes/dark/theme.scss +0 -3
  31. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +120 -3
  32. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +120 -3
  33. package/dist/themes/light/theme.scss +0 -3
  34. package/icons/active-listener.svg +3 -0
  35. package/icons/add-item.svg +3 -0
  36. package/icons/add-keyword.svg +3 -0
  37. package/icons/add-team-member.svg +3 -0
  38. package/icons/add-variable.svg +3 -0
  39. package/icons/address-card-outline.svg +3 -0
  40. package/icons/address-card-solid.svg +3 -0
  41. package/icons/adobe-experience-manager.svg +3 -0
  42. package/icons/ads.svg +3 -0
  43. package/icons/android.svg +3 -0
  44. package/icons/apple.svg +3 -0
  45. package/icons/approval-indicator-outline.svg +3 -0
  46. package/icons/approval-indicator.svg +3 -0
  47. package/icons/archive.svg +3 -0
  48. package/icons/arrow-down-line.svg +3 -0
  49. package/icons/arrow-down.svg +3 -0
  50. package/icons/arrow-left-line.svg +3 -0
  51. package/icons/arrow-left.svg +3 -0
  52. package/icons/arrow-right-line.svg +3 -0
  53. package/icons/arrow-right.svg +3 -0
  54. package/icons/arrow-up-line.svg +3 -0
  55. package/icons/arrow-up.svg +3 -0
  56. package/icons/arrows.svg +3 -0
  57. package/icons/asset-library-outline.svg +3 -0
  58. package/icons/asset-library.svg +3 -0
  59. package/icons/assign.svg +3 -0
  60. package/icons/atom.svg +3 -0
  61. package/icons/audio.svg +3 -0
  62. package/icons/back-to-top.svg +3 -0
  63. package/icons/bambu-icon-outline.svg +3 -0
  64. package/icons/bambu-icon.svg +3 -0
  65. package/icons/barcode.svg +3 -0
  66. package/icons/basketball.svg +3 -0
  67. package/icons/bell-outline.svg +3 -0
  68. package/icons/bigcommerce.svg +3 -0
  69. package/icons/bitly.svg +3 -0
  70. package/icons/bold.svg +3 -0
  71. package/icons/book.svg +3 -0
  72. package/icons/bot.svg +3 -0
  73. package/icons/browser.svg +3 -0
  74. package/icons/business.svg +3 -0
  75. package/icons/calendar-outline.svg +3 -0
  76. package/icons/calendar.svg +3 -0
  77. package/icons/camera-outline.svg +3 -0
  78. package/icons/camera-story.svg +3 -0
  79. package/icons/camera.svg +3 -0
  80. package/icons/campaign.svg +3 -0
  81. package/icons/canva.svg +3 -0
  82. package/icons/carousel.svg +3 -0
  83. package/icons/cart-plus-outline.svg +3 -0
  84. package/icons/cart-plus.svg +3 -0
  85. package/icons/check.svg +3 -0
  86. package/icons/chevron-down-filled.svg +3 -0
  87. package/icons/chevron-down.svg +3 -0
  88. package/icons/chevron-left.svg +3 -0
  89. package/icons/chevron-right.svg +3 -0
  90. package/icons/chevron-up-down-filled.svg +3 -0
  91. package/icons/chevron-up-filled.svg +3 -0
  92. package/icons/chevron-up.svg +3 -0
  93. package/icons/circle+.svg +3 -0
  94. package/icons/circle-check-outline.svg +3 -0
  95. package/icons/circle-check.svg +3 -0
  96. package/icons/circle.svg +3 -0
  97. package/icons/circles.svg +3 -0
  98. package/icons/circlex.svg +3 -0
  99. package/icons/click-to-view.svg +3 -0
  100. package/icons/clicks.svg +3 -0
  101. package/icons/clipboard-outline.svg +3 -0
  102. package/icons/clipboard.svg +3 -0
  103. package/icons/clock.svg +3 -0
  104. package/icons/closed-captioning.svg +3 -0
  105. package/icons/cloud.svg +3 -0
  106. package/icons/code.svg +3 -0
  107. package/icons/columns.svg +3 -0
  108. package/icons/comment-alt-outline.svg +3 -0
  109. package/icons/comment-alt.svg +3 -0
  110. package/icons/comment-lines-alt-outline.svg +3 -0
  111. package/icons/comment.svg +3 -0
  112. package/icons/compact-density.svg +3 -0
  113. package/icons/compact-indicator.svg +3 -0
  114. package/icons/comparison.svg +3 -0
  115. package/icons/competitor.svg +3 -0
  116. package/icons/compose.svg +3 -0
  117. package/icons/content-suggestions.svg +3 -0
  118. package/icons/credit-card.svg +3 -0
  119. package/icons/crop.svg +3 -0
  120. package/icons/crown.svg +3 -0
  121. package/icons/dashboard.svg +3 -0
  122. package/icons/deconstructed-negative-sentiment.svg +3 -0
  123. package/icons/deconstructed-neutral-sentiment.svg +3 -0
  124. package/icons/deconstructed-positive-sentiment.svg +3 -0
  125. package/icons/discovery.svg +3 -0
  126. package/icons/dislike-outline.svg +3 -0
  127. package/icons/dislike.svg +3 -0
  128. package/icons/dm-link-outline.svg +3 -0
  129. package/icons/dm-link.svg +3 -0
  130. package/icons/dotdotdot.svg +3 -0
  131. package/icons/download.svg +3 -0
  132. package/icons/drafts-outline.svg +3 -0
  133. package/icons/drafts.svg +3 -0
  134. package/icons/dropbox.svg +3 -0
  135. package/icons/duplicate-outline.svg +3 -0
  136. package/icons/duplicate.svg +3 -0
  137. package/icons/emoji-outline.svg +3 -0
  138. package/icons/emoji.svg +3 -0
  139. package/icons/empty-image.svg +3 -0
  140. package/icons/engagement-per-post.svg +3 -0
  141. package/icons/engagements.svg +3 -0
  142. package/icons/error.svg +3 -0
  143. package/icons/exchange-alt.svg +3 -0
  144. package/icons/expanded-indicator.svg +3 -0
  145. package/icons/export.svg +3 -0
  146. package/icons/extended-circles.svg +3 -0
  147. package/icons/external-link-alt.svg +3 -0
  148. package/icons/external-link.svg +3 -0
  149. package/icons/extreme-negative-sentiment.svg +12 -0
  150. package/icons/eye-outline.svg +3 -0
  151. package/icons/eye-slash-outline.svg +3 -0
  152. package/icons/eye-slash.svg +3 -0
  153. package/icons/eye.svg +3 -0
  154. package/icons/facebook-audience-network.svg +3 -0
  155. package/icons/facebook-branded-content-outline.svg +3 -0
  156. package/icons/facebook-branded-content.svg +3 -0
  157. package/icons/facebook-groups.svg +3 -0
  158. package/icons/facebook.svg +3 -0
  159. package/icons/fb-reactions-angry.svg +14 -0
  160. package/icons/fb-reactions-haha.svg +6 -0
  161. package/icons/fb-reactions-like.svg +4 -0
  162. package/icons/fb-reactions-love.svg +4 -0
  163. package/icons/fb-reactions-sad.svg +12 -0
  164. package/icons/fb-reactions-wow.svg +11 -0
  165. package/icons/feedly.svg +3 -0
  166. package/icons/feeds.svg +3 -0
  167. package/icons/female.svg +3 -0
  168. package/icons/file-chart-line.svg +3 -0
  169. package/icons/file-edit.svg +3 -0
  170. package/icons/file-times-solid.svg +3 -0
  171. package/icons/filter.svg +3 -0
  172. package/icons/flag-outline.svg +3 -0
  173. package/icons/flag.svg +3 -0
  174. package/icons/flat-negative-sentiment-outline.svg +4 -0
  175. package/icons/flat-negative-sentiment.svg +3 -0
  176. package/icons/flat-neutral-sentiment-outline.svg +4 -0
  177. package/icons/flat-neutral-sentiment.svg +3 -0
  178. package/icons/flat-positive-sentiment-outline.svg +4 -0
  179. package/icons/flat-positive-sentiment.svg +3 -0
  180. package/icons/folder-open.svg +3 -0
  181. package/icons/folder.svg +3 -0
  182. package/icons/follow-outline.svg +3 -0
  183. package/icons/follow.svg +3 -0
  184. package/icons/follower-increase.svg +3 -0
  185. package/icons/following.svg +3 -0
  186. package/icons/font.svg +3 -0
  187. package/icons/full-access.svg +3 -0
  188. package/icons/gear.svg +3 -0
  189. package/icons/gears.svg +10 -0
  190. package/icons/glassdoor.svg +3 -0
  191. package/icons/glasses.svg +3 -0
  192. package/icons/globe.svg +3 -0
  193. package/icons/google-analytics-color.svg +4 -0
  194. package/icons/google-business-messages.svg +3 -0
  195. package/icons/google-drive.svg +3 -0
  196. package/icons/google-my-business.svg +13 -0
  197. package/icons/grip.svg +3 -0
  198. package/icons/h1.svg +3 -0
  199. package/icons/h2.svg +3 -0
  200. package/icons/hamburger.svg +3 -0
  201. package/icons/hashtag.svg +3 -0
  202. package/icons/headset.svg +3 -0
  203. package/icons/heart-outline.svg +3 -0
  204. package/icons/heart.svg +3 -0
  205. package/icons/heartbeat.svg +3 -0
  206. package/icons/help-alt.svg +3 -0
  207. package/icons/help.svg +3 -0
  208. package/icons/hiking.svg +3 -0
  209. package/icons/history.svg +3 -0
  210. package/icons/home.svg +3 -0
  211. package/icons/hourglass.svg +3 -0
  212. package/icons/hubspot.svg +3 -0
  213. package/icons/image-caption.svg +3 -0
  214. package/icons/image.svg +3 -0
  215. package/icons/images.svg +3 -0
  216. package/icons/impressions-per-post.svg +3 -0
  217. package/icons/impressions.svg +3 -0
  218. package/icons/inactive-listener.svg +3 -0
  219. package/icons/inbox-action.svg +3 -0
  220. package/icons/inbox-views.svg +3 -0
  221. package/icons/inbox.svg +3 -0
  222. package/icons/indicator.svg +3 -0
  223. package/icons/industry.svg +3 -0
  224. package/icons/info.svg +3 -0
  225. package/icons/instagram.svg +3 -0
  226. package/icons/internal-activity-outline.svg +3 -0
  227. package/icons/internal-activity.svg +3 -0
  228. package/icons/italic.svg +3 -0
  229. package/icons/key.svg +3 -0
  230. package/icons/keyboard.svg +3 -0
  231. package/icons/laptop-phone.svg +3 -0
  232. package/icons/large-density.svg +3 -0
  233. package/icons/lift.svg +3 -0
  234. package/icons/like-outline.svg +3 -0
  235. package/icons/like.svg +3 -0
  236. package/icons/link.svg +3 -0
  237. package/icons/linkedin-audience-network.svg +3 -0
  238. package/icons/linkedin.svg +3 -0
  239. package/icons/list-ol.svg +3 -0
  240. package/icons/listening.svg +3 -0
  241. package/icons/lists.svg +3 -0
  242. package/icons/location-outline.svg +3 -0
  243. package/icons/location.svg +3 -0
  244. package/icons/lock.svg +3 -0
  245. package/icons/magic-wand.svg +3 -0
  246. package/icons/male.svg +3 -0
  247. package/icons/marketo.svg +3 -0
  248. package/icons/mention.svg +3 -0
  249. package/icons/message-preview-outline.svg +3 -0
  250. package/icons/message-preview.svg +3 -0
  251. package/icons/message.svg +3 -0
  252. package/icons/messages-outline.svg +3 -0
  253. package/icons/messages.svg +3 -0
  254. package/icons/messenger.svg +11 -0
  255. package/icons/metric-table.svg +3 -0
  256. package/icons/microsoft-dynamics.svg +4 -0
  257. package/icons/minus.svg +3 -0
  258. package/icons/mobile.svg +3 -0
  259. package/icons/monitor.svg +3 -0
  260. package/icons/moon.svg +3 -0
  261. package/icons/negative-sentiment.svg +4 -0
  262. package/icons/neutral-positive-sentiment.svg +6 -0
  263. package/icons/neutral-sentiment.svg +4 -0
  264. package/icons/new-trend.svg +3 -0
  265. package/icons/newspaper.svg +3 -0
  266. package/icons/no-access.svg +3 -0
  267. package/icons/notepad.svg +3 -0
  268. package/icons/notifications-publishing-outline.svg +3 -0
  269. package/icons/notifications-publishing.svg +3 -0
  270. package/icons/notifications.svg +3 -0
  271. package/icons/offline.svg +3 -0
  272. package/icons/online.svg +3 -0
  273. package/icons/paid-promotion-outline.svg +3 -0
  274. package/icons/paid-promotion.svg +3 -0
  275. package/icons/paid.svg +3 -0
  276. package/icons/paint.svg +3 -0
  277. package/icons/palette.svg +3 -0
  278. package/icons/paperclip.svg +3 -0
  279. package/icons/pause.svg +3 -0
  280. package/icons/pencil-outline.svg +3 -0
  281. package/icons/pencil.svg +3 -0
  282. package/icons/person.svg +3 -0
  283. package/icons/phone.svg +3 -0
  284. package/icons/pinterest-boards-outline.svg +3 -0
  285. package/icons/pinterest-boards.svg +3 -0
  286. package/icons/pinterest.svg +3 -0
  287. package/icons/play-circle.svg +3 -0
  288. package/icons/play.svg +3 -0
  289. package/icons/plug.svg +3 -0
  290. package/icons/plus.svg +3 -0
  291. package/icons/positive-sentiment.svg +5 -0
  292. package/icons/power-up-outline.svg +3 -0
  293. package/icons/power-up.svg +3 -0
  294. package/icons/profile-connect.svg +3 -0
  295. package/icons/profile-disconnect.svg +3 -0
  296. package/icons/publishing-outline.svg +3 -0
  297. package/icons/publishing.svg +3 -0
  298. package/icons/puzzle-piece.svg +3 -0
  299. package/icons/qr-code.svg +3 -0
  300. package/icons/queue.svg +3 -0
  301. package/icons/recommendation.svg +3 -0
  302. package/icons/reddit-alien.svg +3 -0
  303. package/icons/reddit.svg +3 -0
  304. package/icons/referrals.svg +3 -0
  305. package/icons/refresh.svg +3 -0
  306. package/icons/rejected.svg +3 -0
  307. package/icons/reply-outline.svg +3 -0
  308. package/icons/reply.svg +3 -0
  309. package/icons/reporting-period.svg +3 -0
  310. package/icons/reporting.svg +3 -0
  311. package/icons/reports-home.svg +3 -0
  312. package/icons/reports.svg +3 -0
  313. package/icons/retweet.svg +3 -0
  314. package/icons/rss.svg +3 -0
  315. package/icons/sales.svg +3 -0
  316. package/icons/salesforce.svg +3 -0
  317. package/icons/save-assets.svg +3 -0
  318. package/icons/saved-messages.svg +3 -0
  319. package/icons/saved-reply-outline.svg +3 -0
  320. package/icons/saved-reply.svg +3 -0
  321. package/icons/search.svg +3 -0
  322. package/icons/sent-message-outline.svg +3 -0
  323. package/icons/sent-message.svg +3 -0
  324. package/icons/share.svg +3 -0
  325. package/icons/shopify.svg +5 -0
  326. package/icons/show-navigation.svg +3 -0
  327. package/icons/slack.svg +3 -0
  328. package/icons/small-density.svg +3 -0
  329. package/icons/smiley.svg +3 -0
  330. package/icons/some-access.svg +3 -0
  331. package/icons/sparkles.svg +3 -0
  332. package/icons/spike-alert.svg +3 -0
  333. package/icons/star-half-alt-solid.svg +3 -0
  334. package/icons/star-of-life.svg +3 -0
  335. package/icons/star-outline.svg +3 -0
  336. package/icons/star.svg +3 -0
  337. package/icons/sticky-note-outline.svg +3 -0
  338. package/icons/sticky-note.svg +3 -0
  339. package/icons/stories.svg +3 -0
  340. package/icons/story.svg +3 -0
  341. package/icons/suggestions.svg +3 -0
  342. package/icons/sun.svg +3 -0
  343. package/icons/tag-outline.svg +3 -0
  344. package/icons/tag.svg +3 -0
  345. package/icons/targeting-outline.svg +3 -0
  346. package/icons/targeting.svg +3 -0
  347. package/icons/tasks-outline.svg +3 -0
  348. package/icons/tasks.svg +3 -0
  349. package/icons/team-conversation-outline.svg +3 -0
  350. package/icons/team-conversation.svg +3 -0
  351. package/icons/team.svg +3 -0
  352. package/icons/text-asset.svg +3 -0
  353. package/icons/text.svg +3 -0
  354. package/icons/tiktok.svg +5 -0
  355. package/icons/times.svg +3 -0
  356. package/icons/trash-can-outline.svg +3 -0
  357. package/icons/trash-can.svg +3 -0
  358. package/icons/trend-down.svg +3 -0
  359. package/icons/trend-neutral.svg +3 -0
  360. package/icons/trend-up.svg +3 -0
  361. package/icons/trends.svg +3 -0
  362. package/icons/triangle-black.svg +3 -0
  363. package/icons/triangle.svg +3 -0
  364. package/icons/tripadvisor-circle-outline.svg +3 -0
  365. package/icons/tripadvisor-circle.svg +11 -0
  366. package/icons/tripadvisor.svg +4 -0
  367. package/icons/trophy-outline.svg +3 -0
  368. package/icons/tumblr.svg +3 -0
  369. package/icons/twitter-audience-network.svg +3 -0
  370. package/icons/twitter.svg +3 -0
  371. package/icons/unfollow-outline.svg +3 -0
  372. package/icons/unfollow.svg +3 -0
  373. package/icons/unlink.svg +3 -0
  374. package/icons/unlock.svg +3 -0
  375. package/icons/upload.svg +3 -0
  376. package/icons/user-circle.svg +3 -0
  377. package/icons/users.svg +3 -0
  378. package/icons/verified.svg +3 -0
  379. package/icons/video-camera-story.svg +3 -0
  380. package/icons/video-camera.svg +3 -0
  381. package/icons/vip.svg +3 -0
  382. package/icons/weight.svg +3 -0
  383. package/icons/whatsapp.svg +20 -0
  384. package/icons/window-maximize.svg +3 -0
  385. package/icons/window-minimize.svg +3 -0
  386. package/icons/window-regular.svg +3 -0
  387. package/icons/window-restore.svg +3 -0
  388. package/icons/woocommerce.svg +3 -0
  389. package/icons/x.svg +3 -0
  390. package/icons/yelp-full-star.svg +3 -0
  391. package/icons/yelp-half-star.svg +4 -0
  392. package/icons/yelp.svg +10 -0
  393. package/icons/youtube.svg +3 -0
  394. package/icons/zendesk.svg +3 -0
  395. package/includeIcons.js +14 -0
  396. package/lib/Input/index.js +2 -1
  397. package/lib/Token/styles.js +8 -7
  398. package/lib/include-icons.js +12 -0
  399. package/lib/index.js +1 -0
  400. package/lib/themes/dark/theme.js +0 -4
  401. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +63 -1
  402. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +63 -1
  403. package/lib/themes/light/theme.js +0 -4
  404. package/lib/types/theme.flow.js +1 -1
  405. package/lib/utils/useInteractiveColor.js +27 -0
  406. package/package.json +8 -3
  407. package/__flow__/EnumLogoNames.js +0 -2
  408. package/__flow__/LogoViewBoxes.js +0 -1
  409. package/__flow__/PartnerLogo/TypePartnerNames.js +0 -34
  410. package/__flow__/PartnerLogo/index.js +0 -26
  411. package/__flow__/PartnerLogo/index.stories.js +0 -59
  412. package/__flow__/PartnerLogo/partnerLogos/Feedly-dark.svg +0 -1
  413. package/__flow__/PartnerLogo/partnerLogos/Feedly.svg +0 -1
  414. package/__flow__/PartnerLogo/partnerLogos/bitly-dark.svg +0 -1
  415. package/__flow__/PartnerLogo/partnerLogos/bitly.svg +0 -1
  416. package/__flow__/PartnerLogo/partnerLogos/canva-dark.svg +0 -1
  417. package/__flow__/PartnerLogo/partnerLogos/canva.svg +0 -1
  418. package/__flow__/PartnerLogo/partnerLogos/dropbox-dark.svg +0 -1
  419. package/__flow__/PartnerLogo/partnerLogos/dropbox.svg +0 -1
  420. package/__flow__/PartnerLogo/partnerLogos/facebook-dark.svg +0 -1
  421. package/__flow__/PartnerLogo/partnerLogos/facebook-shops-dark.svg +0 -1
  422. package/__flow__/PartnerLogo/partnerLogos/facebook-shops.svg +0 -1
  423. package/__flow__/PartnerLogo/partnerLogos/facebook.svg +0 -1
  424. package/__flow__/PartnerLogo/partnerLogos/glassdoor-dark.svg +0 -1
  425. package/__flow__/PartnerLogo/partnerLogos/glassdoor.svg +0 -1
  426. package/__flow__/PartnerLogo/partnerLogos/google-analytics-dark.svg +0 -1
  427. package/__flow__/PartnerLogo/partnerLogos/google-analytics.svg +0 -1
  428. package/__flow__/PartnerLogo/partnerLogos/google-business-messages-dark.svg +0 -1
  429. package/__flow__/PartnerLogo/partnerLogos/google-business-messages.svg +0 -1
  430. package/__flow__/PartnerLogo/partnerLogos/google-drive-dark.svg +0 -1
  431. package/__flow__/PartnerLogo/partnerLogos/google-drive.svg +0 -1
  432. package/__flow__/PartnerLogo/partnerLogos/google-my-business-dark.svg +0 -1
  433. package/__flow__/PartnerLogo/partnerLogos/google-my-business.svg +0 -1
  434. package/__flow__/PartnerLogo/partnerLogos/hubspot-dark.svg +0 -1
  435. package/__flow__/PartnerLogo/partnerLogos/hubspot.svg +0 -1
  436. package/__flow__/PartnerLogo/partnerLogos/instagram-dark.svg +0 -1
  437. package/__flow__/PartnerLogo/partnerLogos/instagram.svg +0 -1
  438. package/__flow__/PartnerLogo/partnerLogos/linkedin-dark.svg +0 -1
  439. package/__flow__/PartnerLogo/partnerLogos/linkedin.svg +0 -1
  440. package/__flow__/PartnerLogo/partnerLogos/marketo-dark.svg +0 -1
  441. package/__flow__/PartnerLogo/partnerLogos/marketo.svg +0 -1
  442. package/__flow__/PartnerLogo/partnerLogos/messenger-dark.svg +0 -1
  443. package/__flow__/PartnerLogo/partnerLogos/messenger.svg +0 -1
  444. package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics-dark.svg +0 -1
  445. package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics.svg +0 -1
  446. package/__flow__/PartnerLogo/partnerLogos/pinterest-dark.svg +0 -1
  447. package/__flow__/PartnerLogo/partnerLogos/pinterest.svg +0 -1
  448. package/__flow__/PartnerLogo/partnerLogos/reddit-dark.svg +0 -1
  449. package/__flow__/PartnerLogo/partnerLogos/reddit.svg +0 -1
  450. package/__flow__/PartnerLogo/partnerLogos/salesforce-dark.svg +0 -1
  451. package/__flow__/PartnerLogo/partnerLogos/salesforce.svg +0 -1
  452. package/__flow__/PartnerLogo/partnerLogos/shopify-dark.svg +0 -1
  453. package/__flow__/PartnerLogo/partnerLogos/shopify.svg +0 -1
  454. package/__flow__/PartnerLogo/partnerLogos/slack-dark.svg +0 -1
  455. package/__flow__/PartnerLogo/partnerLogos/slack.svg +0 -1
  456. package/__flow__/PartnerLogo/partnerLogos/tiktok-dark.svg +0 -1
  457. package/__flow__/PartnerLogo/partnerLogos/tiktok.svg +0 -1
  458. package/__flow__/PartnerLogo/partnerLogos/tripadvisor-dark.svg +0 -1
  459. package/__flow__/PartnerLogo/partnerLogos/tripadvisor.svg +0 -1
  460. package/__flow__/PartnerLogo/partnerLogos/tumblr-dark.svg +0 -1
  461. package/__flow__/PartnerLogo/partnerLogos/tumblr.svg +0 -1
  462. package/__flow__/PartnerLogo/partnerLogos/twitter-dark.svg +0 -1
  463. package/__flow__/PartnerLogo/partnerLogos/twitter.svg +0 -1
  464. package/__flow__/PartnerLogo/partnerLogos/whatsapp-dark.svg +0 -1
  465. package/__flow__/PartnerLogo/partnerLogos/whatsapp.svg +0 -1
  466. package/__flow__/PartnerLogo/partnerLogos/woocommerce-dark.svg +0 -1
  467. package/__flow__/PartnerLogo/partnerLogos/woocommerce.svg +0 -1
  468. package/__flow__/PartnerLogo/partnerLogos/yelp-dark.svg +0 -1
  469. package/__flow__/PartnerLogo/partnerLogos/yelp.svg +0 -1
  470. package/__flow__/PartnerLogo/partnerLogos/youtube-dark.svg +0 -1
  471. package/__flow__/PartnerLogo/partnerLogos/youtube.svg +0 -1
  472. package/__flow__/PartnerLogo/partnerLogos/zendesk-dark.svg +0 -1
  473. package/__flow__/PartnerLogo/partnerLogos/zendesk.svg +0 -1
  474. package/__flow__/themes/utils/interact.js +0 -12
  475. package/commonjs/EnumLogoNames.js +0 -1
  476. package/commonjs/LogoViewBoxes.js +0 -66
  477. package/commonjs/PartnerLogo/TypePartnerNames.js +0 -1
  478. package/commonjs/PartnerLogo/index.js +0 -32
  479. package/commonjs/themes/utils/interact.js +0 -19
  480. package/dist/logo.svg +0 -1
  481. package/dist/logoList.js +0 -1
  482. package/lib/EnumLogoNames.js +0 -0
  483. package/lib/LogoViewBoxes.js +0 -64
  484. package/lib/PartnerLogo/TypePartnerNames.js +0 -0
  485. package/lib/PartnerLogo/index.js +0 -22
  486. package/lib/themes/utils/interact.js +0 -13
package/commonjs/index.js CHANGED
@@ -8,6 +8,7 @@ var _exportNames = {
8
8
  useSelect: true,
9
9
  useMultiselect: true,
10
10
  useTextContent: true,
11
+ useInteractiveColor: true,
11
12
  theme: true,
12
13
  darkTheme: true,
13
14
  Icon: true,
@@ -72,7 +73,7 @@ var _exportNames = {
72
73
  DateRangePicker: true,
73
74
  VisuallyHidden: true
74
75
  };
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;
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;
76
77
 
77
78
  var _systemProps = require("./systemProps");
78
79
 
@@ -95,6 +96,10 @@ exports.useSelect = _hooks.useSelect;
95
96
  exports.useMultiselect = _hooks.useMultiselect;
96
97
  exports.useTextContent = _hooks.useTextContent;
97
98
 
99
+ var _useInteractiveColor = require("./utils/useInteractiveColor");
100
+
101
+ exports.useInteractiveColor = _useInteractiveColor.useInteractiveColor;
102
+
98
103
  var _theme = _interopRequireDefault(require("./themes/light/theme"));
99
104
 
100
105
  exports.theme = _theme.default;
@@ -15,8 +15,6 @@ var _decorativePalettes = require("./decorative-palettes");
15
15
 
16
16
  var _polished = require("polished");
17
17
 
18
- var _interact = _interopRequireDefault(require("../utils/interact"));
19
-
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
19
 
22
20
  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); }
@@ -234,9 +232,6 @@ var colors = _extends({}, _theme.default.colors, {
234
232
  }, _datavizPalette.datavizPalette);
235
233
 
236
234
  var darkTheme = _extends({}, _theme.default, {
237
- utils: {
238
- interact: (0, _interact.default)(MODE)
239
- },
240
235
  colors: colors,
241
236
  shadows: shadows,
242
237
  mode: MODE
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.navigation = exports.default = exports.datePicker = exports.analytics = void 0;
4
+ exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
5
5
 
6
6
  var _theme = _interopRequireDefault(require("../../../dark/theme"));
7
7
 
@@ -57,12 +57,75 @@ var analytics = {
57
57
  }
58
58
  };
59
59
  exports.analytics = analytics;
60
+ var growth = {
61
+ education: {
62
+ decorative: {
63
+ aqua: _theme.default.colors.aqua[600],
64
+ teal: _theme.default.colors.teal[500]
65
+ }
66
+ },
67
+ opportunity: {
68
+ background: {
69
+ base: _theme.default.colors.purple[700]
70
+ },
71
+ button: {
72
+ primary: {
73
+ base: _theme.default.colors.purple[400],
74
+ hover: _theme.default.colors.purple[300]
75
+ }
76
+ },
77
+ badge: {
78
+ background: {
79
+ base: _theme.default.colors.purple[700],
80
+ active: _theme.default.colors.purple[100]
81
+ },
82
+ icon: {
83
+ base: _theme.default.colors.purple[200],
84
+ active: _theme.default.colors.purple[800]
85
+ },
86
+ text: {
87
+ base: _theme.default.colors.purple[200]
88
+ }
89
+ },
90
+ decorative: {
91
+ // confetti
92
+ green: _theme.default.colors.green[700],
93
+ lightAqua: _theme.default.colors.aqua[600],
94
+ darkAqua: _theme.default.colors.aqua[1100],
95
+ purple: _theme.default.colors.purple[700]
96
+ }
97
+ },
98
+ darkModal: {
99
+ background: {
100
+ base: _theme.default.colors.aqua[1100]
101
+ },
102
+ text: {
103
+ base: _theme.default.colors.neutral[0]
104
+ },
105
+ cards: {
106
+ background: {
107
+ base: _theme.default.colors.neutral[0],
108
+ hover: _theme.default.colors.purple[100]
109
+ },
110
+ text: {
111
+ base: _theme.default.colors.neutral[800],
112
+ hover: _theme.default.colors.neutral[900]
113
+ },
114
+ border: {
115
+ base: _theme.default.colors.neutral[0],
116
+ hover: _theme.default.colors.purple[700]
117
+ }
118
+ }
119
+ }
120
+ };
121
+ exports.growth = growth;
60
122
 
61
123
  var darkTheme = _extends({}, _theme.default, {
62
124
  colors: _extends({}, _theme.default.colors, {
63
125
  navigation: navigation,
64
126
  datePicker: datePicker,
65
- analytics: analytics
127
+ analytics: analytics,
128
+ growth: growth
66
129
  })
67
130
  });
68
131
 
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.navigation = exports.default = exports.datePicker = exports.analytics = void 0;
4
+ exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
5
5
 
6
6
  var _theme = _interopRequireDefault(require("../../../light/theme"));
7
7
 
@@ -57,12 +57,75 @@ var analytics = {
57
57
  }
58
58
  };
59
59
  exports.analytics = analytics;
60
+ var growth = {
61
+ education: {
62
+ decorative: {
63
+ aqua: _theme.default.colors.aqua[600],
64
+ teal: _theme.default.colors.teal[700]
65
+ }
66
+ },
67
+ opportunity: {
68
+ background: {
69
+ base: _theme.default.colors.purple[700]
70
+ },
71
+ button: {
72
+ primary: {
73
+ base: _theme.default.colors.purple[700],
74
+ hover: _theme.default.colors.purple[800]
75
+ }
76
+ },
77
+ badge: {
78
+ background: {
79
+ base: _theme.default.colors.purple[200],
80
+ active: _theme.default.colors.purple[800]
81
+ },
82
+ icon: {
83
+ base: _theme.default.colors.purple[700],
84
+ active: _theme.default.colors.purple[100]
85
+ },
86
+ text: {
87
+ base: _theme.default.colors.purple[700]
88
+ }
89
+ },
90
+ decorative: {
91
+ // confetti
92
+ green: _theme.default.colors.green[700],
93
+ lightAqua: _theme.default.colors.aqua[600],
94
+ darkAqua: _theme.default.colors.aqua[1100],
95
+ purple: _theme.default.colors.purple[700]
96
+ }
97
+ },
98
+ darkModal: {
99
+ background: {
100
+ base: _theme.default.colors.aqua[1100]
101
+ },
102
+ text: {
103
+ base: _theme.default.colors.neutral[0]
104
+ },
105
+ cards: {
106
+ background: {
107
+ base: _theme.default.colors.neutral[0],
108
+ hover: _theme.default.colors.purple[100]
109
+ },
110
+ text: {
111
+ base: _theme.default.colors.neutral[800],
112
+ hover: _theme.default.colors.neutral[900]
113
+ },
114
+ border: {
115
+ base: _theme.default.colors.neutral[0],
116
+ hover: _theme.default.colors.purple[700]
117
+ }
118
+ }
119
+ }
120
+ };
121
+ exports.growth = growth;
60
122
 
61
123
  var lightTheme = _extends({}, _theme.default, {
62
124
  colors: _extends({}, _theme.default.colors, {
63
125
  navigation: navigation,
64
126
  datePicker: datePicker,
65
- analytics: analytics
127
+ analytics: analytics,
128
+ growth: growth
66
129
  })
67
130
  });
68
131
 
@@ -25,8 +25,6 @@ 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
-
30
28
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
29
 
32
30
  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); }
@@ -338,9 +336,6 @@ var duration = {
338
336
  };
339
337
  exports.duration = duration;
340
338
  var theme = {
341
- utils: {
342
- interact: (0, _interact.default)(MODE)
343
- },
344
339
  breakpoints: breakpoints,
345
340
  colors: colors,
346
341
  typography: _extends({}, typography, {
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.useInteractiveColor = void 0;
5
+
6
+ var _polished = require("polished");
7
+
8
+ var _styledComponents = require("styled-components");
9
+
10
+ /**
11
+ * The useInteractiveColor hook has context of theme mode (light or dark)
12
+ * and can be used to lighten or darken a color dynamically
13
+ *
14
+ * note: colors are limited to our theme colors
15
+ */
16
+ var useInteractiveColor = function useInteractiveColor(themeColor) {
17
+ // Throw error if used outside of a ThemeProvider (styled-components)
18
+ if (!(0, _styledComponents.useTheme)()) {
19
+ throw new Error("useInteractiveColor() must be used within a Styled Components ThemeProvider");
20
+ } // Get the current theme mode ie. 'light' or 'dark'
21
+
22
+
23
+ var themeMode = (0, _styledComponents.useTheme)().mode; // If the theme mode is dark, return a lightened version of the themeValue
24
+
25
+ if (themeMode === "dark") {
26
+ return (0, _polished.lighten)(0.2, themeColor);
27
+ } else {
28
+ // If the theme mode is light, return a darkened version of the themeValue
29
+ return (0, _polished.darken)(0.2, themeColor);
30
+ }
31
+ };
32
+
33
+ exports.useInteractiveColor = useInteractiveColor;
File without changes
@@ -1,9 +1,6 @@
1
1
  $theme: (
2
2
  __esModule: true,
3
3
  default: (
4
- utils: (
5
-
6
- ),
7
4
  breakpoints: (900px, 1200px, 1500px, 1800px),
8
5
  colors: (
9
6
  app: (
@@ -18,9 +18,6 @@ $theme: (
18
18
  )
19
19
  ),
20
20
  default: (
21
- utils: (
22
-
23
- ),
24
21
  breakpoints: (900px, 1200px, 1500px, 1800px),
25
22
  colors: (
26
23
  app: (
@@ -492,6 +489,66 @@ $theme: (
492
489
  neutral: #f3f4f4,
493
490
  negative: #f3f4f4
494
491
  )
492
+ ),
493
+ growth: (
494
+ education: (
495
+ decorative: (
496
+ aqua: #0797ae,
497
+ teal: #08c4b2
498
+ )
499
+ ),
500
+ opportunity: (
501
+ background: (
502
+ base: #6f5ed3
503
+ ),
504
+ button: (
505
+ primary: (
506
+ base: #a193f2,
507
+ hover: #c1c1f7
508
+ )
509
+ ),
510
+ badge: (
511
+ background: (
512
+ base: #6f5ed3,
513
+ active: #eaeaf9
514
+ ),
515
+ icon: (
516
+ base: #d8d7f9,
517
+ active: #5e4eba
518
+ ),
519
+ text: (
520
+ base: #d8d7f9
521
+ )
522
+ ),
523
+ decorative: (
524
+ green: #0ca750,
525
+ lightAqua: #0797ae,
526
+ darkAqua: #002838,
527
+ purple: #6f5ed3
528
+ )
529
+ ),
530
+ darkModal: (
531
+ background: (
532
+ base: #002838
533
+ ),
534
+ text: (
535
+ base: #FFFFFF
536
+ ),
537
+ cards: (
538
+ background: (
539
+ base: #FFFFFF,
540
+ hover: #eaeaf9
541
+ ),
542
+ text: (
543
+ base: #364141,
544
+ hover: #273333
545
+ ),
546
+ border: (
547
+ base: #FFFFFF,
548
+ hover: #6f5ed3
549
+ )
550
+ )
551
+ )
495
552
  )
496
553
  ),
497
554
  typography: (
@@ -675,6 +732,66 @@ $theme: (
675
732
  ),
676
733
  mode: dark
677
734
  ),
735
+ growth: (
736
+ education: (
737
+ decorative: (
738
+ aqua: #0797ae,
739
+ teal: #08c4b2
740
+ )
741
+ ),
742
+ opportunity: (
743
+ background: (
744
+ base: #6f5ed3
745
+ ),
746
+ button: (
747
+ primary: (
748
+ base: #a193f2,
749
+ hover: #c1c1f7
750
+ )
751
+ ),
752
+ badge: (
753
+ background: (
754
+ base: #6f5ed3,
755
+ active: #eaeaf9
756
+ ),
757
+ icon: (
758
+ base: #d8d7f9,
759
+ active: #5e4eba
760
+ ),
761
+ text: (
762
+ base: #d8d7f9
763
+ )
764
+ ),
765
+ decorative: (
766
+ green: #0ca750,
767
+ lightAqua: #0797ae,
768
+ darkAqua: #002838,
769
+ purple: #6f5ed3
770
+ )
771
+ ),
772
+ darkModal: (
773
+ background: (
774
+ base: #002838
775
+ ),
776
+ text: (
777
+ base: #FFFFFF
778
+ ),
779
+ cards: (
780
+ background: (
781
+ base: #FFFFFF,
782
+ hover: #eaeaf9
783
+ ),
784
+ text: (
785
+ base: #364141,
786
+ hover: #273333
787
+ ),
788
+ border: (
789
+ base: #FFFFFF,
790
+ hover: #6f5ed3
791
+ )
792
+ )
793
+ )
794
+ ),
678
795
  navigation: (
679
796
  main: (
680
797
  background: (
@@ -18,9 +18,6 @@ $theme: (
18
18
  )
19
19
  ),
20
20
  default: (
21
- utils: (
22
-
23
- ),
24
21
  breakpoints: (900px, 1200px, 1500px, 1800px),
25
22
  colors: (
26
23
  app: (
@@ -492,6 +489,66 @@ $theme: (
492
489
  neutral: #364141,
493
490
  negative: #364141
494
491
  )
492
+ ),
493
+ growth: (
494
+ education: (
495
+ decorative: (
496
+ aqua: #0797ae,
497
+ teal: #0b968f
498
+ )
499
+ ),
500
+ opportunity: (
501
+ background: (
502
+ base: #6f5ed3
503
+ ),
504
+ button: (
505
+ primary: (
506
+ base: #6f5ed3,
507
+ hover: #5e4eba
508
+ )
509
+ ),
510
+ badge: (
511
+ background: (
512
+ base: #d8d7f9,
513
+ active: #5e4eba
514
+ ),
515
+ icon: (
516
+ base: #6f5ed3,
517
+ active: #eaeaf9
518
+ ),
519
+ text: (
520
+ base: #6f5ed3
521
+ )
522
+ ),
523
+ decorative: (
524
+ green: #0ca750,
525
+ lightAqua: #0797ae,
526
+ darkAqua: #002838,
527
+ purple: #6f5ed3
528
+ )
529
+ ),
530
+ darkModal: (
531
+ background: (
532
+ base: #002838
533
+ ),
534
+ text: (
535
+ base: #FFFFFF
536
+ ),
537
+ cards: (
538
+ background: (
539
+ base: #FFFFFF,
540
+ hover: #eaeaf9
541
+ ),
542
+ text: (
543
+ base: #364141,
544
+ hover: #273333
545
+ ),
546
+ border: (
547
+ base: #FFFFFF,
548
+ hover: #6f5ed3
549
+ )
550
+ )
551
+ )
495
552
  )
496
553
  ),
497
554
  typography: (
@@ -675,6 +732,66 @@ $theme: (
675
732
  ),
676
733
  mode: light
677
734
  ),
735
+ growth: (
736
+ education: (
737
+ decorative: (
738
+ aqua: #0797ae,
739
+ teal: #0b968f
740
+ )
741
+ ),
742
+ opportunity: (
743
+ background: (
744
+ base: #6f5ed3
745
+ ),
746
+ button: (
747
+ primary: (
748
+ base: #6f5ed3,
749
+ hover: #5e4eba
750
+ )
751
+ ),
752
+ badge: (
753
+ background: (
754
+ base: #d8d7f9,
755
+ active: #5e4eba
756
+ ),
757
+ icon: (
758
+ base: #6f5ed3,
759
+ active: #eaeaf9
760
+ ),
761
+ text: (
762
+ base: #6f5ed3
763
+ )
764
+ ),
765
+ decorative: (
766
+ green: #0ca750,
767
+ lightAqua: #0797ae,
768
+ darkAqua: #002838,
769
+ purple: #6f5ed3
770
+ )
771
+ ),
772
+ darkModal: (
773
+ background: (
774
+ base: #002838
775
+ ),
776
+ text: (
777
+ base: #FFFFFF
778
+ ),
779
+ cards: (
780
+ background: (
781
+ base: #FFFFFF,
782
+ hover: #eaeaf9
783
+ ),
784
+ text: (
785
+ base: #364141,
786
+ hover: #273333
787
+ ),
788
+ border: (
789
+ base: #FFFFFF,
790
+ hover: #6f5ed3
791
+ )
792
+ )
793
+ )
794
+ ),
678
795
  navigation: (
679
796
  main: (
680
797
  background: (
@@ -8,9 +8,6 @@ $theme: (
8
8
  ),
9
9
  breakpoints: (900px, 1200px, 1500px, 1800px),
10
10
  default: (
11
- utils: (
12
-
13
- ),
14
11
  breakpoints: (900px, 1200px, 1500px, 1800px),
15
12
  colors: (
16
13
  app: (
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm3.732 8.774l-5.677 3.258a.776.776 0 01-1.152-.677v-6.71a.776.776 0 011.152-.677l5.677 3.451a.777.777 0 010 1.355z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M14.286 0H1.714C.768 0 0 .768 0 1.714v12.572C0 15.232.768 16 1.714 16h12.572c.946 0 1.714-.768 1.714-1.714V1.714C16 .768 15.232 0 14.286 0zm-1.143 9a.43.43 0 01-.429.429H9.43v3.285a.43.43 0 01-.429.429H7a.43.43 0 01-.429-.429V9.43H3.286A.43.43 0 012.857 9V7a.43.43 0 01.429-.429H6.57V3.286A.43.43 0 017 2.857h2a.43.43 0 01.429.429V6.57h3.285a.43.43 0 01.429.429v2z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M9.5 6v1a.376.376 0 01-.376.374h-1.75v1.75A.376.376 0 017 9.5H6a.376.376 0 01-.375-.375v-1.75h-1.75A.376.376 0 013.5 7V6c0-.206.168-.375.375-.375h1.75v-1.75c0-.206.168-.374.374-.374h1c.207 0 .375.168.375.375v1.75h1.75c.206 0 .375.168.375.374zm6.28 8.895l-.885.885a.747.747 0 01-1.059 0l-3.118-3.116a.75.75 0 01-.219-.53v-.51a6.468 6.468 0 01-4 1.375c-3.59 0-6.499-2.91-6.499-6.5S2.91 0 6.5 0s6.499 2.91 6.499 6.5a6.469 6.469 0 01-1.375 3.999h.51c.2 0 .39.078.53.219l3.116 3.115c.29.294.29.769 0 1.062zM10.749 6.5c0-2.35-1.9-4.25-4.25-4.25S2.25 4.15 2.25 6.5s1.9 4.25 4.25 4.25 4.25-1.9 4.25-4.25z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
2
+ <path d="M13.737 12.988H5.012a1.211 1.211 0 01-1.223-1.212v-1.061A3.41 3.41 0 017.2 7.305h.426c.578.27 1.21.41 1.848.407v1.013a1.421 1.421 0 001.42 1.421h1.422v1.421a1.42 1.42 0 001.42 1.421zm3.79-5.684h-2.37V4.936a.474.474 0 00-.473-.474h-.947a.474.474 0 00-.474.474v2.368h-2.368a.474.474 0 00-.474.474v.947a.474.474 0 00.474.474h2.368v2.368a.474.474 0 00.474.474h.947a.474.474 0 00.474-.474V9.2h2.368A.474.474 0 0018 8.725v-.947a.474.474 0 00-.474-.474zM.946 3.514a1.895 1.895 0 113.79 0 1.895 1.895 0 01-3.79 0zM2.9 10.147H.947A.947.947 0 010 9.2v-.947a1.895 1.895 0 011.895-1.895h1.894c.502.002.983.203 1.336.559a4.33 4.33 0 00-2.226 3.23zM6.224 3.25a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 14">
2
+ <path fill-rule="evenodd" d="M1.212 2.75A2.75 2.75 0 013.962 0h.512v1.5h-.512c-.69 0-1.25.56-1.25 1.25v2.24c0 .78-.33 1.502-.874 2.01a2.75 2.75 0 01.874 2.01v2.24c0 .69.56 1.25 1.25 1.25h.512V14h-.512a2.75 2.75 0 01-2.75-2.75V9.01a1.25 1.25 0 00-.908-1.202l-.306-.087V6.28l.306-.087a1.25 1.25 0 00.908-1.203V2.75zm7.034 3.5v-2.5h1.5v2.5h2.516v1.5H9.746v2.5h-1.5v-2.5H5.73v-1.5h2.516zM14.03 0a2.75 2.75 0 012.75 2.75v2.24c0 .558.371 1.049.909 1.202l.305.087V7.72l-.305.087a1.25 1.25 0 00-.909 1.203v2.239A2.75 2.75 0 0114.03 14h-.512v-1.5h.512c.69 0 1.25-.56 1.25-1.25V9.01c0-.78.33-1.502.874-2.01a2.749 2.749 0 01-.873-2.01V2.75c0-.69-.56-1.25-1.25-1.25h-.513V0h.512z" clip-rule="evenodd"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M5.778 8.222a1.778 1.778 0 100-3.555 1.778 1.778 0 000 3.555zm7.11-.666h-2.666a.667.667 0 000 1.333h2.667a.667.667 0 000-1.333zM6.668 9.11H4.889a2.222 2.222 0 00-2.222 2.222c0 .245.2.445.444.445h5.333a.444.444 0 00.445-.445A2.222 2.222 0 006.667 9.11zm6.222-3.778h-2.667a.667.667 0 000 1.334h2.667a.667.667 0 000-1.334zM14.222 2H1.778C.796 2 0 2.796 0 3.778v8.889c0 .982.796 1.777 1.778 1.777h12.444c.982 0 1.778-.795 1.778-1.777v-8.89C16 2.797 15.203 2 14.222 2zm.445 10.667c0 .245-.2.444-.445.444H1.778a.445.445 0 01-.445-.444v-8.89c0-.244.2-.444.445-.444h12.444c.245 0 .445.2.445.445v8.889z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16">
2
+ <path d="M16.5 1h-15A1.5 1.5 0 000 2.5v11A1.5 1.5 0 001.5 15h15a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0016.5 1zm-11 3c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2zM9 11.4c0 .331-.313.6-.7.6H2.7c-.388 0-.7-.269-.7-.6v-.6C2 9.806 2.94 9 4.1 9h.156a3.225 3.225 0 002.488 0H6.9C8.06 9 9 9.806 9 10.8v.6zm7-1.65a.25.25 0 01-.25.25h-4.5a.25.25 0 01-.25-.25v-.5a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25v.5zm0-2a.25.25 0 01-.25.25h-4.5a.25.25 0 01-.25-.25v-.5a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25v.5zm0-2a.25.25 0 01-.25.25h-4.5a.25.25 0 01-.25-.25v-.5a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25v.5z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 18">
2
+ <path fill-rule="evenodd" d="M5.208 2.697A7.127 7.127 0 018 2.133a7.149 7.149 0 015.072 2.1 7.148 7.148 0 012.1 5.073 7.147 7.147 0 01-2.1 5.072A7.15 7.15 0 018 16.477a7.15 7.15 0 01-5.072-2.1 7.149 7.149 0 01-2.1-5.072 7.15 7.15 0 012.1-5.072 7.149 7.149 0 012.28-1.537zm-.322 13.98A7.95 7.95 0 008 17.306a7.972 7.972 0 005.657-2.343A7.974 7.974 0 0016 9.306a7.975 7.975 0 00-2.343-5.657A7.973 7.973 0 008 1.306a7.973 7.973 0 00-5.657 2.343A7.973 7.973 0 000 9.306a7.972 7.972 0 002.343 5.657 7.972 7.972 0 002.543 1.714zM8 4.559c-.592 0-1.104.344-1.349.842.135.08.26.177.374.29a1.381 1.381 0 001.95 0c.115-.114.24-.21.374-.289A1.503 1.503 0 008 4.56zm0-.243c-.686 0-1.281.398-1.566.976a1.863 1.863 0 00-.729-.147c-.498 0-.967.194-1.32.546a1.87 1.87 0 00-.398 2.048c-.578.285-.977.88-.977 1.567 0 .686.398 1.281.976 1.566a1.862 1.862 0 00-.147.729c0 .498.194.967.546 1.32.353.352.822.546 1.32.546.255 0 .501-.05.729-.147.285.578.88.976 1.566.976s1.281-.398 1.566-.976c.227.096.474.147.729.147a1.87 1.87 0 001.718-2.595c.578-.284.977-.88.977-1.566s-.398-1.281-.976-1.566c.097-.228.147-.474.147-.73 0-.498-.194-.966-.546-1.319a1.87 1.87 0 00-2.049-.398A1.747 1.747 0 008 4.316zm-3.27 1.72a1.382 1.382 0 00-.278 1.552c.098-.018.2-.027.302-.027.828 0 1.501-.673 1.501-1.5 0-.104.01-.205.027-.304a1.375 1.375 0 00-.577-.125 1.37 1.37 0 00-.975.404zm.024 1.769c-.057 0-.114.003-.17.01.043.06.092.117.146.171.352.353.546.821.546 1.32 0 .498-.194.967-.546 1.32a1.394 1.394 0 00-.146.171c.056.007.113.01.17.01.962 0 1.745.782 1.745 1.744 0 .058.003.115.01.171.06-.043.118-.092.171-.146A1.86 1.86 0 018 12.03c.478 0 .956.182 1.32.546.053.054.11.103.171.146a1.51 1.51 0 00.01-.17c0-.963.783-1.745 1.745-1.745.057 0 .114-.003.17-.01a1.377 1.377 0 00-.146-.171 1.854 1.854 0 01-.546-1.32c0-.499.194-.967.546-1.32.054-.054.103-.111.147-.172a1.51 1.51 0 00-.171-.01A1.746 1.746 0 019.5 6.06c0-.057-.003-.114-.01-.17-.06.043-.117.091-.171.146a1.868 1.868 0 01-2.64 0 1.398 1.398 0 00-.171-.147 1.51 1.51 0 00-.01.171c0 .962-.783 1.745-1.745 1.745zm-1.5 1.5c0-.59.343-1.104.842-1.348.079.133.175.26.29.374.26.26.404.606.404.975 0 .368-.144.715-.405.975a1.88 1.88 0 00-.29.373 1.503 1.503 0 01-.842-1.348zm1.072 2.296c0-.203.043-.399.125-.577.099.017.2.026.303.026.828 0 1.501.674 1.501 1.501 0 .104.01.205.027.304a1.374 1.374 0 01-.577.125 1.37 1.37 0 01-.975-.404 1.37 1.37 0 01-.404-.975zM8 14.052a1.503 1.503 0 01-1.349-.842c.135-.08.26-.176.374-.29a1.381 1.381 0 011.95 0c.114.114.24.21.374.29A1.503 1.503 0 018 14.052zm2.295-1.072a1.38 1.38 0 01-.577-.125c.017-.099.026-.2.026-.304 0-.827.674-1.5 1.502-1.5.103 0 .204-.01.302-.027a1.382 1.382 0 01-1.253 1.956zm2.452-3.674c0 .592-.345 1.104-.843 1.349a1.866 1.866 0 00-.29-.374 1.37 1.37 0 01-.403-.975c0-.369.143-.715.404-.975.113-.114.21-.24.29-.374.498.245.842.757.842 1.349zM11.674 7.01c0 .202-.043.398-.125.577a1.748 1.748 0 00-.303-.027 1.503 1.503 0 01-1.502-1.5 1.77 1.77 0 00-.026-.303 1.382 1.382 0 011.956 1.253z" clip-rule="evenodd"/>
3
+ </svg>
package/icons/ads.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 16">
2
+ <path d="M6.536 7.294l-3.375-.988a.922.922 0 01.26-1.806h2.072c.38 0 .756.116 1.068.328a.489.489 0 00.61-.062l1.087-1.063a.507.507 0 00-.056-.765A4.419 4.419 0 005.499 2V.5c0-.275-.225-.5-.5-.5h-1c-.275 0-.5.225-.5.5V2H3.42C1.43 2-.17 3.71.014 5.737c.132 1.441 1.232 2.613 2.62 3.02l3.202.937a.922.922 0 01-.26 1.806h-2.07c-.382 0-.757-.116-1.07-.328a.487.487 0 00-.609.062L.739 12.297a.507.507 0 00.057.765c.765.6 1.722.935 2.703.938v1.5c0 .275.225.5.5.5h1c.275 0 .5-.225.5-.5v-1.506c1.456-.028 2.822-.894 3.303-2.272a3.432 3.432 0 00-2.266-4.428z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
2
+ <path d="M2.058 6.166v4.137a.98.98 0 01-.983.99c-.546 0-1.075-.444-1.075-.99V6.166c0-.54.529-.983 1.075-.983.54 0 .983.443.983.983zm.386 5.609c0 .586.471 1.057 1.057 1.057h.711l.011 2.183c0 1.319 1.972 1.308 1.972 0v-2.183h1.33v2.183c0 1.311 1.982 1.315 1.982 0v-2.183h.722c.579 0 1.05-.471 1.05-1.057v-6.41H2.444v6.41zm8.86-6.756h-8.9c0-1.53.915-2.859 2.273-3.552L3.994.207c-.1-.176.154-.287.24-.137l.693 1.272a4.827 4.827 0 013.87 0L9.485.074c.089-.154.34-.04.239.136l-.682 1.257c1.347.693 2.261 2.023 2.261 3.552zM5.206 3.036a.375.375 0 00-.376-.375.37.37 0 00-.364.375c0 .203.164.375.364.375a.376.376 0 00.376-.375zm4.051 0a.373.373 0 00-.364-.375.375.375 0 100 .75c.2 0 .364-.172.364-.375zm3.387 2.147a.98.98 0 00-.982.983v4.137c0 .55.442.99.982.99.55 0 1.075-.444 1.075-.99V6.166c0-.55-.528-.983-1.075-.983z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
2
+ <path d="M11.241 8.455c-.007-1.31.586-2.3 1.786-3.029-.671-.96-1.686-1.49-3.025-1.593-1.268-.1-2.654.74-3.161.74-.536 0-1.765-.704-2.73-.704C2.118 3.9 0 5.459 0 8.627c0 .935.171 1.903.514 2.9.458 1.311 2.108 4.526 3.83 4.472.9-.021 1.536-.64 2.707-.64 1.136 0 1.726.64 2.73.64 1.735-.025 3.228-2.947 3.664-4.261-2.329-1.097-2.204-3.215-2.204-3.283zM9.22 2.59c.975-1.158.885-2.211.857-2.59-.861.05-1.858.586-2.426 1.247-.625.707-.993 1.582-.914 2.568.932.071 1.782-.407 2.483-1.225z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
2
+ <path d="M13 8.004H9v-2.54c0-.47.9-.93 1.5-.93h1v-3.6a1 1 0 00-1-.93h-7a.91.91 0 00-1 .93v3.69h1c.6 0 1.5.37 1.5.93v2.45H1a.9.9 0 00-1 .84v4.16h14v-4.07a.91.91 0 00-1-.93zm-.5 3.5h-11v-2h5v-3.95a2.31 2.31 0 00-1.31-2A3.56 3.56 0 004 3.164v-1.66h6v1.57a3.91 3.91 0 00-1.23.45 3.19 3.19 0 00-.77.62 2 2 0 00-.5 1.32v4h5v2.04zm-11 4.5h11a1.5 1.5 0 001.5-1.5H0a1.5 1.5 0 001.5 1.5z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
2
+ <path d="M13 9.08H8.5V5.457c0-.464.9-.928 1.5-.928h1v-3.6C11 .464 10.6 0 10 0H4c-.6 0-1 .371-1 .929V4.62h1c.6 0 1.5.372 1.5.929v3.53H1c-.6 0-1 .371-1 .836V13h14v-2.991c0-.558-.4-.929-1-.929zM0 14.5h14a1.5 1.5 0 01-1.5 1.5h-11A1.5 1.5 0 010 14.5z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M1 14a1 1 0 001 1h12a1 1 0 001-1V5H1v9zm5-6.625C6 7.169 6.169 7 6.375 7h3.25c.206 0 .375.169.375.375v.25A.376.376 0 019.625 8h-3.25A.376.376 0 016 7.625v-.25zM15 1H1a1 1 0 00-1 1v1.5c0 .275.225.5.5.5h15c.275 0 .5-.225.5-.5V2a1 1 0 00-1-1z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
2
+ <path d="M12.857 16.005h-12A.855.855 0 010 15.146v-.857c0-.475.382-.857.857-.857h12c.475 0 .857.382.857.857v.857a.855.855 0 01-.857.857zM10.486 5.986L8.143 8.33V.862a.855.855 0 00-.857-.857h-.857a.855.855 0 00-.858.857V8.33L3.23 5.987a.854.854 0 00-1.211 0l-.607.607a.854.854 0 000 1.21l4.839 4.84a.854.854 0 001.21 0l4.84-4.84a.854.854 0 000-1.21l-.607-.607a.85.85 0 00-1.207 0z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M14.55 6.807l.793.793a.853.853 0 010 1.21l-6.939 6.943a.854.854 0 01-1.21 0L.252 8.81a.854.854 0 010-1.21l.793-.794a.858.858 0 011.224.015l4.1 4.303V.862c0-.475.382-.857.857-.857h1.143c.475 0 .857.382.857.857v10.263l4.1-4.303a.852.852 0 011.224-.015z"/>
3
+ </svg>