@sproutsocial/racine 16.0.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/CHANGELOG.md +77 -0
  2. package/README.md +16 -14
  3. package/__flow__/Card/Card.flow.js +5 -1
  4. package/__flow__/Card/CardTypes.flow.js +8 -1
  5. package/__flow__/EnumLogoNames.flow.js +1 -1
  6. package/__flow__/Icon/Icon.flow.js +2 -2
  7. package/__flow__/LogoViewBoxes.js +14 -0
  8. package/__flow__/Numeral/Numeral.flow.js +2 -0
  9. package/__flow__/PartnerLogo/PartnerLogo.flow.js +7 -2
  10. package/__flow__/PartnerLogo/index.flow.js +1 -2
  11. package/__flow__/Toast/Toast.flow.js +2 -2
  12. package/__flow__/index.flow.js +1 -2
  13. package/commonjs/Card/Card.js +14 -9
  14. package/commonjs/Card/index.js +8 -1
  15. package/commonjs/Card/styles.js +40 -12
  16. package/commonjs/Card/subComponents.js +46 -5
  17. package/commonjs/Card/utils.js +9 -5
  18. package/commonjs/ChartLegend/ChartLegend.js +6 -23
  19. package/commonjs/ChartLegend/useChartLabels.js +41 -0
  20. package/commonjs/Icon/Icon.js +3 -2
  21. package/commonjs/Link/Link.js +2 -1
  22. package/commonjs/LogoViewBoxes.js +14 -0
  23. package/commonjs/Menu/Menu.js +69 -55
  24. package/commonjs/Menu/styles.js +1 -1
  25. package/commonjs/Numeral/Numeral.js +11 -2
  26. package/commonjs/PartnerLogo/PartnerLogo.js +34 -29
  27. package/commonjs/PartnerLogo/PartnerLogoTypes.js +14 -3
  28. package/commonjs/PartnerLogo/index.flow.js +0 -11
  29. package/commonjs/Switch/styles.js +1 -1
  30. package/commonjs/iconNames.js +8 -0
  31. package/commonjs/illustrationNames.js +8 -0
  32. package/commonjs/index.js +24 -0
  33. package/commonjs/logoNames.js +8 -0
  34. package/dist/logo.svg +1 -1
  35. package/dist/logoList.js +1 -1
  36. package/dist/types/Card/Card.d.ts.map +1 -1
  37. package/dist/types/Card/CardTypes.d.ts +11 -1
  38. package/dist/types/Card/CardTypes.d.ts.map +1 -1
  39. package/dist/types/Card/index.d.ts +1 -1
  40. package/dist/types/Card/index.d.ts.map +1 -1
  41. package/dist/types/Card/styles.d.ts +9 -1
  42. package/dist/types/Card/styles.d.ts.map +1 -1
  43. package/dist/types/Card/subComponents.d.ts +5 -0
  44. package/dist/types/Card/subComponents.d.ts.map +1 -1
  45. package/dist/types/Card/utils.d.ts +2 -1
  46. package/dist/types/Card/utils.d.ts.map +1 -1
  47. package/dist/types/ChartLegend/ChartLegend.d.ts.map +1 -1
  48. package/dist/types/ChartLegend/ChartLegendTypes.d.ts +8 -5
  49. package/dist/types/ChartLegend/ChartLegendTypes.d.ts.map +1 -1
  50. package/dist/types/ChartLegend/useChartLabels.d.ts +4 -0
  51. package/dist/types/ChartLegend/useChartLabels.d.ts.map +1 -0
  52. package/dist/types/EnumLogoNames.d.ts +1 -1
  53. package/dist/types/EnumLogoNames.d.ts.map +1 -1
  54. package/dist/types/Icon/Icon.d.ts.map +1 -1
  55. package/dist/types/Icon/IconTypes.d.ts +2 -2
  56. package/dist/types/Icon/IconTypes.d.ts.map +1 -1
  57. package/dist/types/Menu/Menu.d.ts.map +1 -1
  58. package/dist/types/Menu/styles.d.ts.map +1 -1
  59. package/dist/types/Numeral/Numeral.d.ts.map +1 -1
  60. package/dist/types/Numeral/NumeralTypes.d.ts +2 -0
  61. package/dist/types/Numeral/NumeralTypes.d.ts.map +1 -1
  62. package/dist/types/Numeral/__tests__/features/testNumeral.d.ts.map +1 -1
  63. package/dist/types/PartnerLogo/PartnerLogo.d.ts.map +1 -1
  64. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +13 -4
  65. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
  66. package/dist/types/Switch/styles.d.ts.map +1 -1
  67. package/dist/types/Toast/ToastTypes.d.ts +2 -2
  68. package/dist/types/Toast/ToastTypes.d.ts.map +1 -1
  69. package/dist/types/iconNames.d.ts +3 -0
  70. package/dist/types/iconNames.d.ts.map +1 -0
  71. package/dist/types/illustrationNames.d.ts +3 -0
  72. package/dist/types/illustrationNames.d.ts.map +1 -0
  73. package/dist/types/index.d.ts +3 -0
  74. package/dist/types/index.d.ts.map +1 -1
  75. package/dist/types/logoNames.d.ts +3 -0
  76. package/dist/types/logoNames.d.ts.map +1 -0
  77. package/lib/Card/Card.js +15 -10
  78. package/lib/Card/index.js +1 -1
  79. package/lib/Card/styles.js +38 -12
  80. package/lib/Card/subComponents.js +41 -4
  81. package/lib/Card/utils.js +9 -5
  82. package/lib/ChartLegend/ChartLegend.js +5 -23
  83. package/lib/ChartLegend/useChartLabels.js +33 -0
  84. package/lib/Icon/Icon.js +3 -2
  85. package/lib/Link/Link.js +2 -1
  86. package/lib/LogoViewBoxes.js +14 -0
  87. package/lib/Menu/Menu.js +69 -55
  88. package/lib/Menu/styles.js +1 -1
  89. package/lib/Numeral/Numeral.js +11 -2
  90. package/lib/PartnerLogo/PartnerLogo.js +34 -27
  91. package/lib/PartnerLogo/PartnerLogoTypes.js +13 -2
  92. package/lib/PartnerLogo/index.flow.js +1 -2
  93. package/lib/Switch/styles.js +1 -1
  94. package/lib/iconNames.js +1 -0
  95. package/lib/illustrationNames.js +1 -0
  96. package/lib/index.js +4 -0
  97. package/lib/logoNames.js +1 -0
  98. package/package.json +3 -2
  99. package/__flow__/PartnerLogo/TypePartnerNames.flow.js +0 -3
  100. package/commonjs/PartnerLogo/TypePartnerNames.flow.js +0 -1
  101. package/lib/PartnerLogo/TypePartnerNames.flow.js +0 -0
@@ -5,7 +5,7 @@ var loadingKeyFrame = keyframes(["0%{transform:rotate(0deg);}100%{transform:rota
5
5
  export var StyledSwitchButton = styled.button.withConfig({
6
6
  displayName: "styles__StyledSwitchButton",
7
7
  componentId: "sc-ku462j-0"
8
- })(["position:relative;display:inline-flex;align-self:center;width:40px;height:24px;margin:0;padding:", " ", ";vertical-align:middle;appearance:none;background-color:", ";border-radius:16px;outline:none;cursor:pointer;transition:background-color ", " ", ";border:1px solid ", ";white-space:nowrap;overflow:hidden;&:focus{", "}&[aria-checked]{&::after{display:block;width:16px;height:16px;border-radius:50%;content:'';transition:transform ", " ", ";}&.loading{cursor:not-allowed;pointer-events:none;background-size:contain;background-color:", ";&::after{position:absolute;width:8px;height:8px;border-radius:", ";border:3px dotted ", ";background-color:transparent;animation:", " 2s linear infinite;}}}&[aria-checked='true']{color:", ";text-align:left;border-color:", ";background-color:", ";.Icon{position:absolute;top:50%;left:4px;transform:translate(0,-50%);color:", ";}&::after{background-color:", ";opacity:1;transform:translate(100%,6%);}&.loading::after{top:4px;right:5px;}&:hover,&:focus{&::after{transform:translate(90%,6%);}}}&[aria-checked='false']{&::after{background-color:", ";opacity:0.64;transform:translate(0%,6%);}&.loading::after{top:4px;left:5px;}&:hover,&:focus{&::after{transform:translate(10%,6%);}}}&:disabled{opacity:0.4;pointer-events:none;cursor:not-allowed;&[aria-checked='true']{&:hover,&:focus{background-color:", ";}}}", " ", " ", ""], function (_ref) {
8
+ })(["position:relative;display:inline-flex;align-self:center;width:40px;height:24px;margin:0;padding:", " ", ";vertical-align:middle;appearance:none;background-color:", ";border-radius:16px;outline:none;cursor:pointer;transition:background-color ", " ", ";border:1px solid ", ";white-space:nowrap;overflow:hidden;&:focus{", "}&[aria-checked]{&::after{display:block;width:16px;height:16px;border-radius:50%;content:'';transition:transform ", " ", ";}&.loading{cursor:not-allowed;pointer-events:none;background-size:contain;background-color:", ";&::after{position:absolute;box-sizing:content-box;width:8px;height:8px;border-radius:", ";border:3px dotted ", ";background-color:transparent;animation:", " 2s linear infinite;}}}&[aria-checked='true']{color:", ";text-align:left;border-color:", ";background-color:", ";.Icon{position:absolute;top:50%;left:4px;transform:translate(0,-50%);color:", ";}&::after{background-color:", ";opacity:1;transform:translate(100%,6%);}&.loading::after{top:4px;right:5px;}&:hover,&:focus{&::after{transform:translate(90%,6%);}}}&[aria-checked='false']{&::after{background-color:", ";opacity:0.64;transform:translate(0%,6%);}&.loading::after{top:4px;left:5px;}&:hover,&:focus{&::after{transform:translate(10%,6%);}}}&:disabled{opacity:0.4;pointer-events:none;cursor:not-allowed;&[aria-checked='true']{&:hover,&:focus{background-color:", ";}}}", " ", " ", ""], function (_ref) {
9
9
  var theme = _ref.theme;
10
10
  return theme.space[100];
11
11
  }, function (_ref2) {
@@ -0,0 +1 @@
1
+ export default ["active-listener", "add-item", "add-keyword", "add-team-member", "add-variable", "address-card-outline", "address-card-solid", "adobe-experience-manager", "ads", "advocacy-outline", "advocacy", "android", "apple", "approval-indicator-outline", "approval-indicator", "archive", "arrow-down-line", "arrow-down", "arrow-left-line", "arrow-left", "arrow-right-line", "arrow-right", "arrow-up-line", "arrow-up", "arrows", "asset-library-outline", "asset-library", "assign", "atom", "audio", "back-to-top", "bambu-icon-outline", "bambu-icon", "barcode", "basketball", "bell-outline", "bigcommerce", "bitly", "bold", "book", "bookmark", "bot", "browser", "business", "calendar-outline", "calendar", "camera-outline", "camera-story", "camera", "campaign", "canva", "carousel", "cart-plus-outline", "cart-plus", "check", "chevron-down-filled", "chevron-down", "chevron-left", "chevron-right", "chevron-up-down-filled", "chevron-up-filled", "chevron-up", "circle-check-outline", "circle-check", "circle", "circle+", "circles", "circlex", "click-to-view", "clicks", "clipboard-outline", "clipboard", "clock", "closed-captioning", "cloud", "code", "columns", "comment-ai-outline", "comment-ai", "comment-alt-outline", "comment-alt", "comment-lines-alt-outline", "comment", "compact-density", "compact-indicator", "comparison", "competitor", "compose", "content-suggestions", "credit-card", "crop", "crown", "dashboard", "deconstructed-negative-sentiment", "deconstructed-neutral-sentiment", "deconstructed-positive-sentiment", "discovery", "dislike-outline", "dislike", "dm-link-outline", "dm-link", "dotdotdot", "download", "drafts-outline", "drafts", "dropbox", "duplicate-outline", "duplicate", "emoji-outline", "emoji", "empty-image", "engagement-per-post", "engagements", "error", "exchange-alt", "expanded-indicator", "export", "extended-circles", "external-link-alt", "external-link", "extreme-negative-sentiment", "eye-outline", "eye-slash-outline", "eye-slash", "eye", "facebook-audience-network", "facebook-branded-content-outline", "facebook-branded-content", "facebook-groups", "facebook", "fb-reactions-angry", "fb-reactions-haha", "fb-reactions-like", "fb-reactions-love", "fb-reactions-sad", "fb-reactions-wow", "feedly", "feeds", "female", "file-chart-line", "file-edit", "file-times-solid", "filter", "flag-outline", "flag", "flat-negative-sentiment-outline", "flat-negative-sentiment", "flat-neutral-sentiment-outline", "flat-neutral-sentiment", "flat-positive-sentiment-outline", "flat-positive-sentiment", "folder-open", "folder", "follow-outline", "follow", "follower-increase", "following", "font", "full-access", "gear", "gears", "github", "glassdoor", "glasses", "globe", "google-analytics-color", "google-business-messages", "google-drive", "google-my-business", "grip", "h1", "h2", "h3", "h4", "hamburger", "hand-sparkle-outline", "hand-sparkle", "hashtag", "headset", "heart-outline", "heart", "heartbeat", "help-alt", "help", "hiking", "history", "home", "hourglass", "hubspot", "image-caption", "image", "images", "impressions-per-post", "impressions", "inactive-listener", "inbox-action", "inbox-views", "inbox", "indicator", "industry", "info", "instagram", "internal-activity-outline", "internal-activity", "italic", "key", "keyboard", "laptop-phone", "large-density", "lift", "like-outline", "like", "link", "linkedin-audience-network", "linkedin", "list-ol", "listening", "lists", "location-outline", "location", "lock", "magic-wand", "male", "marketo", "mention", "message-preview-outline", "message-preview", "message", "messages-outline", "messages", "messenger", "metric-table", "microsoft-dynamics", "minus", "mobile", "monitor", "moon", "negative-sentiment", "neutral-positive-sentiment", "neutral-sentiment", "new-trend", "newspaper", "no-access", "notepad", "notifications-publishing-outline", "notifications-publishing", "notifications", "offline", "online", "paid-promotion-outline", "paid-promotion", "paid", "paint", "palette", "paperclip", "pause", "pencil-outline", "pencil", "person", "phone", "pinterest-boards-outline", "pinterest-boards", "pinterest", "play-circle", "play", "plug", "plus", "positive-sentiment", "power-up-outline", "power-up", "profile-connect", "profile-disconnect", "publishing-outline", "publishing", "puzzle-piece", "qr-code", "queue", "quotes-solid", "recommendation", "reddit-alien", "reddit", "reels-outline", "reels", "referrals", "refresh", "rejected", "reply-outline", "reply", "reporting-period", "reporting", "reports-home", "reports", "retweet", "route", "rss", "sales", "salesforce-cloud", "salesforce", "save-assets", "saved-messages", "saved-reply-outline", "saved-reply", "search", "send-again-outline", "send-again", "sent-message-outline", "sent-message", "share", "shopify", "shopping-bag-outline", "shopping-bag", "show-navigation", "slack", "small-density", "smiley", "some-access", "sparkles", "spike-alert", "star-half-alt-solid", "star-of-life", "star-outline", "star", "sticky-note-outline", "sticky-note", "stories", "story", "suggestions", "sun", "tag-outline", "tag", "targeting-outline", "targeting", "tasks-check", "tasks-outline", "tasks", "team-conversation-outline", "team-conversation", "team-sprout-outline", "team-sprout", "team", "text-asset", "text", "tiktok", "times", "tools", "trash-can-outline", "trash-can", "trend-down", "trend-neutral", "trend-up", "trends", "triangle-black", "triangle", "tripadvisor-circle-outline", "tripadvisor-circle", "tripadvisor", "trophy-outline", "tumblr", "twitter-audience-network", "twitter", "underline", "unfollow-outline", "unfollow", "unlink", "unlock", "upload", "user-circle", "users", "verified", "video-camera-story", "video-camera", "vip", "weight", "whatsapp", "window-maximize", "window-minimize", "window-regular", "window-restore", "woocommerce", "x", "yelp-full-star", "yelp-half-star", "yelp", "youtube", "zendesk"];
@@ -0,0 +1 @@
1
+ export default ["abacus", "analytics-offering", "asset-cards", "astronaut", "binoculars", "brand-keyword", "browser-doc", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "custom-post-variables", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "instagram-links", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "publishing-notifications", "publishing", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "sprout-mobile-app", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"];
package/lib/index.js CHANGED
@@ -1,5 +1,9 @@
1
1
  /* Asset types */
2
2
 
3
+ export { default as IconNames } from "./iconNames";
4
+ export { default as SpotIllustrationNames } from "./illustrationNames";
5
+ export { default as PartnerLogoNames } from "./logoNames";
6
+
3
7
  /* Theme and related types */
4
8
  export * from "./systemProps";
5
9
  export { default as theme } from "./themes/light/theme";
@@ -0,0 +1 @@
1
+ export default ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit-alien", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "16.0.0",
3
+ "version": "18.0.0",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",
@@ -210,7 +210,8 @@
210
210
  "react": ">=16.8.0",
211
211
  "react-dates": "^21.8.0",
212
212
  "react-virtualized": "9.18.5",
213
- "styled-components": "^5.2.3"
213
+ "styled-components": "^5.2.3",
214
+ "react-dom": "^16.12.0"
214
215
  },
215
216
  "resolutions": {
216
217
  "@types/react": "^16.0.0",
@@ -1,3 +0,0 @@
1
- // @flow strict-local
2
-
3
- export type TypePartnerNames = 'zendesk' | 'dropbox' | 'bigcommerce' | 'bitly' | 'canva' | 'twitter' | 'twitter-audience-network' | 'whatsapp' | 'yelp' | 'youtube' | 'shopify' | 'pinterest' | 'microsoft-dynamics' | 'marketo' | 'slack' | 'woocommerce' | 'tripadvisor' | 'tumblr' | 'google-business-messages' | 'reddit' | 'hubspot' | 'feedly' | 'facebook' | 'facebook-shops' | 'facebook-groups' | 'facebook-audience-network' | 'glassdoor' | 'salesforce' | 'instagram' | 'linkedin' | 'linkedin-audience-network' | 'google-analytics' | 'messenger' | 'google-my-business' | 'google-drive' | 'tiktok' | 'sproutsocial' | 'google-play-store' | 'apple-app-store' | 'bynder';
@@ -1 +0,0 @@
1
- "use strict";
File without changes