@sproutsocial/racine 12.14.0 → 12.16.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 (179) hide show
  1. package/CHANGELOG.md +59 -1
  2. package/__flow__/Avatar/index.stories.js +1 -0
  3. package/__flow__/Avatar/index.test.js +1 -0
  4. package/__flow__/Badge/index.stories.js +1 -0
  5. package/__flow__/Badge/index.test.js +1 -0
  6. package/__flow__/Banner/index.js +5 -4
  7. package/__flow__/Banner/index.stories.js +1 -0
  8. package/__flow__/Banner/index.test.js +11 -0
  9. package/__flow__/Box/index.stories.js +1 -0
  10. package/__flow__/Box/index.test.js +1 -0
  11. package/__flow__/Breadcrumb/index.stories.js +1 -0
  12. package/__flow__/Breadcrumb/index.test.js +1 -0
  13. package/__flow__/Button/index.js +14 -3
  14. package/__flow__/Button/index.stories.js +24 -17
  15. package/__flow__/CharacterCounter/index.stories.js +1 -0
  16. package/__flow__/CharacterCounter/index.test.js +1 -0
  17. package/__flow__/ChartLegend/index.stories.js +1 -0
  18. package/__flow__/ChartLegend/index.test.js +1 -0
  19. package/__flow__/Checkbox/index.js +5 -5
  20. package/__flow__/Checkbox/index.stories.js +18 -13
  21. package/__flow__/Checkbox/index.test.js +9 -1
  22. package/__flow__/Collapsible/index.stories.js +16 -2
  23. package/__flow__/Collapsible/index.test.js +1 -0
  24. package/__flow__/Drawer/index.stories.js +14 -5
  25. package/__flow__/Drawer/index.test.js +4 -3
  26. package/__flow__/EmptyState/index.stories.js +1 -0
  27. package/__flow__/EmptyState/index.test.js +1 -0
  28. package/__flow__/EnumIconNames.js +1 -1
  29. package/__flow__/EnumIllustrationNames.js +1 -1
  30. package/__flow__/EnumLogoNames.js +1 -1
  31. package/__flow__/Fieldset/index.stories.js +21 -6
  32. package/__flow__/FormField/index.stories.js +11 -6
  33. package/__flow__/FormField/index.test.js +5 -4
  34. package/__flow__/Icon/index.js +5 -2
  35. package/__flow__/Icon/index.stories.js +8 -7
  36. package/__flow__/Icon/index.test.js +1 -0
  37. package/__flow__/Icon/styles.js +2 -0
  38. package/__flow__/IconViewBoxes.js +1 -1
  39. package/__flow__/IllustrationViewBoxes.js +1 -1
  40. package/__flow__/Image/index.stories.js +1 -0
  41. package/__flow__/Image/index.test.js +1 -0
  42. package/__flow__/Indicator/index.stories.js +1 -0
  43. package/__flow__/Indicator/index.test.js +1 -0
  44. package/__flow__/Indicator/styles.js +1 -1
  45. package/__flow__/Input/index.stories.js +37 -0
  46. package/__flow__/Input/index.test.js +1 -0
  47. package/__flow__/KeyboardKey/index.stories.js +1 -0
  48. package/__flow__/KeyboardKey/index.test.js +1 -0
  49. package/__flow__/Label/index.stories.js +2 -1
  50. package/__flow__/Label/index.test.js +1 -0
  51. package/__flow__/Link/index.stories.js +1 -0
  52. package/__flow__/Link/index.test.js +1 -0
  53. package/__flow__/Listbox/index.stories.js +12 -6
  54. package/__flow__/Listbox/index.test.js +1 -0
  55. package/__flow__/Loader/index.js +1 -1
  56. package/__flow__/Loader/index.stories.js +5 -4
  57. package/__flow__/Loader/index.test.js +1 -0
  58. package/__flow__/LoaderButton/index.js +3 -1
  59. package/__flow__/LoaderButton/index.stories.js +1 -0
  60. package/__flow__/LoaderButton/index.test.js +1 -0
  61. package/__flow__/LogoViewBoxes.js +1 -1
  62. package/__flow__/Menu/index.flow.js +2 -0
  63. package/__flow__/Menu/index.stories.js +16 -8
  64. package/__flow__/Menu/index.test.js +3 -1
  65. package/__flow__/Message/index.stories.js +14 -6
  66. package/__flow__/Message/index.test.js +3 -3
  67. package/__flow__/Modal/index.stories.js +1 -0
  68. package/__flow__/Modal/index.test.js +1 -0
  69. package/__flow__/Numeral/index.js +1 -1
  70. package/__flow__/Numeral/index.stories.js +8 -7
  71. package/__flow__/OverflowList/index.flow.js +2 -2
  72. package/__flow__/OverflowList/index.stories.js +4 -3
  73. package/__flow__/OverflowList/index.test.js +7 -2
  74. package/__flow__/PartnerLogo/TypePartnerNames.js +2 -0
  75. package/__flow__/PartnerLogo/index.js +32 -33
  76. package/__flow__/PartnerLogo/index.stories.js +43 -13
  77. package/__flow__/PartnerLogo/partnerLogos/dropbox-lockup-dark.svg +7 -0
  78. package/__flow__/PartnerLogo/partnerLogos/dropbox-lockup.svg +7 -0
  79. package/__flow__/PartnerLogo/partnerLogos/dropbox-wordmark-dark.svg +3 -0
  80. package/__flow__/PartnerLogo/partnerLogos/dropbox-wordmark.svg +3 -0
  81. package/__flow__/PartnerLogo/partnerLogos/facebook-audience-network-dark.svg +3 -0
  82. package/__flow__/PartnerLogo/partnerLogos/facebook-audience-network.svg +3 -0
  83. package/__flow__/PartnerLogo/partnerLogos/linkedin-audience-network-dark.svg +3 -0
  84. package/__flow__/PartnerLogo/partnerLogos/linkedin-audience-network.svg +3 -0
  85. package/__flow__/PartnerLogo/partnerLogos/zendesk-lockup-dark.svg +28 -0
  86. package/__flow__/PartnerLogo/partnerLogos/zendesk-lockup.svg +28 -0
  87. package/__flow__/PartnerLogo/partnerLogos/zendesk-wordmark-dark.svg +9 -0
  88. package/__flow__/PartnerLogo/partnerLogos/zendesk-wordmark.svg +9 -0
  89. package/__flow__/PartnerLogo/styles.js +50 -0
  90. package/__flow__/Popout/index.js +2 -2
  91. package/__flow__/Popout/index.stories.js +24 -9
  92. package/__flow__/Popout/index.test.js +2 -1
  93. package/__flow__/Radio/index.js +1 -1
  94. package/__flow__/Radio/index.stories.js +9 -8
  95. package/__flow__/Radio/index.test.js +1 -0
  96. package/__flow__/SegmentedControl/index.stories.js +1 -0
  97. package/__flow__/SegmentedControl/index.test.js +1 -0
  98. package/__flow__/Select/index.stories.js +25 -6
  99. package/__flow__/Select/index.test.js +1 -0
  100. package/__flow__/Skeleton/index.stories.js +1 -0
  101. package/__flow__/SpotIllustration/illustrationNames.js +7 -0
  102. package/__flow__/SpotIllustration/index.js +1 -1
  103. package/__flow__/SpotIllustration/index.stories.js +9 -5
  104. package/__flow__/SpotIllustration/spotIllustrations/competitors.svg +29 -0
  105. package/__flow__/SpotIllustration/spotIllustrations/grow-large.svg +12 -0
  106. package/__flow__/SpotIllustration/spotIllustrations/grow.svg +5 -0
  107. package/__flow__/SpotIllustration/spotIllustrations/listening-sentiment.svg +27 -0
  108. package/__flow__/SpotIllustration/spotIllustrations/listening-topic-templates.svg +26 -0
  109. package/__flow__/SpotIllustration/spotIllustrations/listening.svg +9 -0
  110. package/__flow__/SpotIllustration/spotIllustrations/message.svg +6 -0
  111. package/__flow__/Stack/index.stories.js +1 -0
  112. package/__flow__/Stack/index.test.js +1 -0
  113. package/__flow__/Switch/index.js +1 -1
  114. package/__flow__/Switch/index.stories.js +6 -5
  115. package/__flow__/Switch/index.test.js +1 -0
  116. package/__flow__/Table/index.stories.js +14 -12
  117. package/__flow__/Table/index.test.js +1 -0
  118. package/__flow__/TableCell/index.stories.js +1 -0
  119. package/__flow__/TableCell/index.test.js +2 -1
  120. package/__flow__/TableHeaderCell/index.stories.js +1 -0
  121. package/__flow__/TableHeaderCell/index.test.js +5 -2
  122. package/__flow__/TableRowAccordion/index.stories.js +3 -2
  123. package/__flow__/TableRowAccordion/index.test.js +2 -1
  124. package/__flow__/Tabs/index.stories.js +1 -0
  125. package/__flow__/Tabs/index.test.js +1 -0
  126. package/__flow__/Text/index.js +11 -7
  127. package/__flow__/Text/index.stories.js +1 -0
  128. package/__flow__/Text/index.test.js +1 -0
  129. package/__flow__/Textarea/index.stories.js +9 -0
  130. package/__flow__/Textarea/index.test.js +1 -0
  131. package/__flow__/Toast/index.stories.js +10 -6
  132. package/__flow__/ToggleHint/index.test.js +1 -0
  133. package/__flow__/Token/index.stories.js +1 -0
  134. package/__flow__/Token/index.test.js +1 -0
  135. package/__flow__/TokenInput/tests/default/deleting.test.js +10 -9
  136. package/__flow__/TokenInput/tests/default/focusing.test.js +1 -0
  137. package/__flow__/TokenInput/tests/default/inputting.test.js +2 -1
  138. package/__flow__/Tooltip/index.stories.js +1 -17
  139. package/__flow__/Tooltip/index.test.js +2 -0
  140. package/__flow__/dataviz/dataviz.stories.js +1 -0
  141. package/__flow__/dataviz/index.js +1 -0
  142. package/__flow__/themes/dark/decorative-palettes.js +3 -1
  143. package/__flow__/themes/light/decorative-palettes.js +2 -0
  144. package/__flow__/utils/system-props.js +1 -0
  145. package/commonjs/Banner/index.js +4 -2
  146. package/commonjs/Button/index.js +7 -1
  147. package/commonjs/Checkbox/index.js +3 -3
  148. package/commonjs/Icon/styles.js +3 -0
  149. package/commonjs/IconViewBoxes.js +2 -0
  150. package/commonjs/IllustrationViewBoxes.js +7 -0
  151. package/commonjs/Indicator/styles.js +3 -1
  152. package/commonjs/LoaderButton/index.js +3 -1
  153. package/commonjs/LogoViewBoxes.js +12 -0
  154. package/commonjs/PartnerLogo/index.js +18 -19
  155. package/commonjs/PartnerLogo/styles.js +40 -0
  156. package/commonjs/SpotIllustration/illustrationNames.js +1 -1
  157. package/commonjs/themes/dark/decorative-palettes.js +1 -1
  158. package/dist/icon.svg +1 -1
  159. package/dist/iconList.js +1 -1
  160. package/dist/illustration.svg +1 -1
  161. package/dist/illustrationList.js +1 -1
  162. package/dist/logo.svg +1 -1
  163. package/dist/logoList.js +1 -1
  164. package/dist/themes/dark/theme.scss +2 -2
  165. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +2 -2
  166. package/lib/Banner/index.js +4 -2
  167. package/lib/Button/index.js +11 -1
  168. package/lib/Checkbox/index.js +3 -3
  169. package/lib/Icon/styles.js +3 -0
  170. package/lib/IconViewBoxes.js +2 -0
  171. package/lib/IllustrationViewBoxes.js +7 -0
  172. package/lib/Indicator/styles.js +3 -1
  173. package/lib/LoaderButton/index.js +3 -1
  174. package/lib/LogoViewBoxes.js +12 -0
  175. package/lib/PartnerLogo/index.js +17 -14
  176. package/lib/PartnerLogo/styles.js +26 -0
  177. package/lib/SpotIllustration/illustrationNames.js +1 -1
  178. package/lib/themes/dark/decorative-palettes.js +1 -1
  179. package/package.json +1 -1
@@ -7,15 +7,11 @@ var _react = _interopRequireDefault(require("react"));
7
7
 
8
8
  var _LogoViewBoxes = _interopRequireDefault(require("../LogoViewBoxes"));
9
9
 
10
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
10
+ var _styledComponents = require("styled-components");
11
11
 
12
- var _systemProps = require("../utils/system-props");
12
+ var _styles = _interopRequireDefault(require("./styles"));
13
13
 
14
- var _excluded = ["partnerName", "backgroundType", "height", "width"];
15
-
16
- 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); }
17
-
18
- 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; }
14
+ var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size"];
19
15
 
20
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
17
 
@@ -23,30 +19,29 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
23
19
 
24
20
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25
21
 
26
- var StyledSVG = _styledComponents.default.svg.withConfig({
27
- displayName: "PartnerLogo__StyledSVG",
28
- componentId: "sc-ivi11w-0"
29
- })(["", ";", ""], _systemProps.FLEXBOX, _systemProps.COMMON);
30
-
31
22
  var PartnerLogo = function PartnerLogo(_ref) {
32
23
  var partnerName = _ref.partnerName,
33
24
  backgroundType = _ref.backgroundType,
25
+ logoType = _ref.logoType,
34
26
  height = _ref.height,
35
27
  width = _ref.width,
28
+ size = _ref.size,
36
29
  rest = _objectWithoutPropertiesLoose(_ref, _excluded);
37
30
 
38
31
  var _useTheme = (0, _styledComponents.useTheme)(),
39
32
  mode = _useTheme.mode;
40
33
 
41
34
  var whichLogo = function whichLogo(type) {
35
+ var logo = logoType ? partnerName + "-" + logoType : partnerName;
36
+
42
37
  if (type && type === "dark") {
43
- return partnerName + "-dark";
38
+ return logo + "-dark";
44
39
  } else if (type && type === "light") {
45
- return partnerName;
40
+ return logo;
46
41
  } else if (mode === "dark") {
47
- return partnerName + "-dark";
42
+ return logo + "-dark";
48
43
  } else {
49
- return partnerName;
44
+ return logo;
50
45
  }
51
46
  };
52
47
 
@@ -55,16 +50,20 @@ var PartnerLogo = function PartnerLogo(_ref) {
55
50
  var viewBoxCoordinates = (logoViewBox == null ? void 0 : logoViewBox.split(" ")) || [];
56
51
  var defaultWidth = viewBoxCoordinates[2];
57
52
  var defaultHeight = viewBoxCoordinates[3];
58
- return /*#__PURE__*/_react.default.createElement(StyledSVG, _extends({
59
- width: width ? width : defaultWidth,
53
+ return /*#__PURE__*/_react.default.createElement(_styles.default, _extends({
60
54
  height: height ? height : defaultHeight,
55
+ width: width ? width : defaultWidth,
56
+ logoSize: size // $FlowIssue - upgrade v0.112.0
57
+
58
+ }, rest), /*#__PURE__*/_react.default.createElement("svg", _extends({
59
+ className: "logo-svg",
61
60
  viewBox: logoViewBox,
62
61
  focusable: false // $FlowIssue - upgrade v0.112.0
63
62
 
64
63
  }, rest), /*#__PURE__*/_react.default.createElement("use", {
65
64
  xmlnsXlink: "http://www.w3.org/1999/xlink",
66
65
  xlinkHref: "#sslogosvg-" + whichLogo(backgroundType)
67
- }));
66
+ })));
68
67
  };
69
68
 
70
69
  var _default = PartnerLogo;
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
7
+
8
+ var _systemProps = require("../utils/system-props");
9
+
10
+ var _styledSystem = require("styled-system");
11
+
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); }
13
+
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; }
15
+
16
+ var sizes = {
17
+ mini: "12px",
18
+ small: "16px",
19
+ medium: "24px",
20
+ large: "32px",
21
+ jumbo: "64px"
22
+ };
23
+
24
+ var stylesForSize = function stylesForSize(height, width, logoSize) {
25
+ return (0, _styledComponents.css)(["line-height:", ";&,.logo-svg{height:", ";width:", ";}_:-ms-fullscreen &,html &{width:", ";}", " .pdf-page &{width:", ";}"], logoSize ? logoSize : height + "px", logoSize ? logoSize : height + "px", logoSize ? logoSize : "", logoSize ? logoSize : width + "px", ""
26
+ /* PDF hack, do not remove */
27
+ , logoSize ? logoSize : width + "px");
28
+ };
29
+
30
+ var Container = _styledComponents.default.span.attrs({
31
+ className: "logo"
32
+ }).withConfig({
33
+ displayName: "styles__Container",
34
+ componentId: "sc-bc87k3-0"
35
+ })(["display:inline-block;color:inherit;vertical-align:middle;", ";", " ", " ", ""], function (props) {
36
+ return stylesForSize(props.height, props.width, sizes[props.logoSize]);
37
+ }, _systemProps.COMMON, _systemProps.FLEXBOX, _styledSystem.verticalAlign);
38
+
39
+ var _default = Container;
40
+ exports.default = _default;
@@ -2,5 +2,5 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.illustrationNames = void 0;
5
- var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-tour", "loading", "mailbox-empty", "mailbox-full", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "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", "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", "view-connections", "vip-list", "warning", "wifi"];
5
+ var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "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", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "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", "message", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "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", "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", "view-connections", "vip-list", "warning", "wifi"];
6
6
  exports.illustrationNames = illustrationNames;
@@ -20,7 +20,7 @@ var blue = {
20
20
  };
21
21
  exports.blue = blue;
22
22
  var purple = {
23
- background: _seedsColor.default.COLOR_PURPLE_800,
23
+ background: _seedsColor.default.COLOR_PURPLE_900,
24
24
  highlight: _seedsColor.default.COLOR_PURPLE_500,
25
25
  foreground: _seedsColor.default.COLOR_PURPLE_100
26
26
  };