@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
@@ -6,45 +6,28 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var React = _interopRequireWildcard(require("react"));
9
- var _chartColors = require("../utils/chartColors");
10
- var _Text = require("../Text");
11
- var _styles = _interopRequireWildcard(require("./styles"));
9
+ var _styles = _interopRequireDefault(require("./styles"));
10
+ var _useChartLabels = require("./useChartLabels");
12
11
  var _excluded = ["legendLabels", "stacked", "theme", "qa"];
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
  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); }
14
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
15
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
16
16
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
17
  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; }
18
- function getSwatchColor(theme, index) {
19
- return _chartColors.THEME_MAP[theme.toUpperCase()][index];
20
- }
21
- function getLabels(legendLabels, theme) {
22
- return legendLabels.map(function (label, i) {
23
- var labelColor = label.color ? label.color : getSwatchColor(theme, i);
24
- return /*#__PURE__*/React.createElement(_styles.Label, {
25
- key: label.name
26
- }, /*#__PURE__*/React.createElement(_styles.Swatch, {
27
- bg: labelColor,
28
- "data-qa-swatch": ""
29
- }), /*#__PURE__*/React.createElement(_Text.Text, {
30
- as: "div",
31
- fontSize: 200,
32
- breakWord: true
33
- }, label.name));
34
- });
35
- }
36
18
  var ChartLegend = function ChartLegend(_ref) {
37
19
  var legendLabels = _ref.legendLabels,
38
20
  stacked = _ref.stacked,
39
21
  _ref$theme = _ref.theme,
40
- theme = _ref$theme === void 0 ? 'compare' : _ref$theme,
22
+ theme = _ref$theme === void 0 ? 'datavizRotation' : _ref$theme,
41
23
  qa = _ref.qa,
42
24
  rest = _objectWithoutProperties(_ref, _excluded);
25
+ var chartLabels = (0, _useChartLabels.useChartLabels)(legendLabels, theme);
43
26
  return /*#__PURE__*/React.createElement(_styles.default, _extends({
44
27
  inline: !stacked,
45
28
  "data-qa-chartlegend": "",
46
29
  qa: qa
47
- }, rest), getLabels(legendLabels, theme));
30
+ }, rest), chartLabels);
48
31
  };
49
32
  var _default = ChartLegend;
50
33
  exports.default = _default;
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useChartLabels = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _styledComponents = require("styled-components");
9
+ var _styles = require("./styles");
10
+ var _Text = require("../Text");
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ var getSwatchColor = function getSwatchColor(theme, index, RacineThemeColors) {
13
+ var COMPARE_THEME = [RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['10'], RacineThemeColors.dataviz.map['11'], RacineThemeColors.dataviz.map['2']];
14
+ var CONTRAST_THEME = [RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['2'], RacineThemeColors.dataviz.map['3'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['7'], RacineThemeColors.dataviz.map['8'], RacineThemeColors.dataviz.map['9'], RacineThemeColors.dataviz.map['10']];
15
+ var EXTENDED_THEME = [RacineThemeColors.dataviz.map['7'], RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['11'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['3'], RacineThemeColors.dataviz.map['18'], RacineThemeColors.dataviz.map['8'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['13'], RacineThemeColors.dataviz.map['16'], RacineThemeColors.dataviz.map['10'], RacineThemeColors.dataviz.map['14'], RacineThemeColors.dataviz.map['2'], RacineThemeColors.dataviz.map['15'], RacineThemeColors.dataviz.map['12'], RacineThemeColors.dataviz.map['9'], RacineThemeColors.dataviz.map['17'], RacineThemeColors.dataviz.map['20'], RacineThemeColors.dataviz.map['19']];
16
+ var THEME_MAP = {
17
+ COMPARE: COMPARE_THEME,
18
+ CONTRAST: CONTRAST_THEME,
19
+ EXTENDED: EXTENDED_THEME,
20
+ DATAVIZROTATION: RacineThemeColors.dataviz.list
21
+ };
22
+ return THEME_MAP[theme.toUpperCase()][index];
23
+ };
24
+ var useChartLabels = function useChartLabels(legendLabels, theme) {
25
+ var racineTheme = (0, _styledComponents.useTheme)();
26
+ var colors = racineTheme.colors;
27
+ return legendLabels.map(function (label, i) {
28
+ var labelColor = label.color ? label.color : getSwatchColor(theme, i, colors);
29
+ return /*#__PURE__*/_react.default.createElement(_styles.Label, {
30
+ key: label.name
31
+ }, /*#__PURE__*/_react.default.createElement(_styles.Swatch, {
32
+ bg: labelColor,
33
+ "data-qa-swatch": ""
34
+ }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
35
+ as: "div",
36
+ fontSize: 200,
37
+ breakWord: true
38
+ }, label.name));
39
+ });
40
+ };
41
+ exports.useChartLabels = useChartLabels;
@@ -9,8 +9,9 @@ var React = _interopRequireWildcard(require("react"));
9
9
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
10
10
  var _IconViewBoxes = _interopRequireDefault(require("../IconViewBoxes"));
11
11
  var _Box = _interopRequireDefault(require("../Box"));
12
- var _PartnerLogo = _interopRequireWildcard(require("../PartnerLogo"));
12
+ var _PartnerLogo = _interopRequireDefault(require("../PartnerLogo"));
13
13
  var _utils = require("../utils");
14
+ var _logoNames = _interopRequireDefault(require("../logoNames"));
14
15
  var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons"));
15
16
  var _styles = _interopRequireDefault(require("./styles"));
16
17
  var _excluded = ["name", "size", "fixedWidth", "ariaLabel", "color", "svgProps"],
@@ -31,7 +32,7 @@ var Icon = function Icon(_ref) {
31
32
  color = _ref.color,
32
33
  svgProps = _ref.svgProps,
33
34
  rest = _objectWithoutProperties(_ref, _excluded);
34
- if ((0, _utils.includes)(_PartnerLogo.PartnerNames, name)) {
35
+ if ((0, _utils.includes)(_logoNames.default, name)) {
35
36
  // Icon's "default" size is equivalent to PartnerLogo's "small" size
36
37
  var logoSize = size === 'default' ? 'small' : size;
37
38
  var logoProps = {
@@ -21,7 +21,8 @@ var Link = function Link(_ref) {
21
21
  disabled = _ref.disabled,
22
22
  onClick = _ref.onClick,
23
23
  as = _ref.as,
24
- underline = _ref.underline,
24
+ _ref$underline = _ref.underline,
25
+ underline = _ref$underline === void 0 ? true : _ref$underline,
25
26
  _ref$qa = _ref.qa,
26
27
  qa = _ref$qa === void 0 ? {} : _ref$qa,
27
28
  rest = _objectWithoutProperties(_ref, _excluded);
@@ -3,8 +3,12 @@
3
3
  module.exports = {
4
4
  "adobe-experience-manager-dark": "0 0 16 17",
5
5
  "adobe-experience-manager": "0 0 16 17",
6
+ "android-dark": "0 0 18 18",
7
+ "android": "0 0 18 18",
6
8
  "apple-app-store-dark": "0 0 140 140",
7
9
  "apple-app-store": "0 0 140 140",
10
+ "apple-dark": "0 0 18 18",
11
+ "apple": "0 0 18 18",
8
12
  "bigcommerce-dark": "0 0 140 140",
9
13
  "bigcommerce-lockup-dark": "0 0 291 66",
10
14
  "bigcommerce-lockup": "0 0 291 66",
@@ -31,6 +35,8 @@ module.exports = {
31
35
  "facebook": "0 0 141 139",
32
36
  "feedly-dark": "0 0 141 123",
33
37
  "feedly": "0 0 141 123",
38
+ "github-dark": "0 0 18 18",
39
+ "github": "0 0 18 18",
34
40
  "glassdoor-dark": "0 0 140 196",
35
41
  "glassdoor": "0 0 140 196",
36
42
  "google-analytics-dark": "0 0 140 160",
@@ -59,8 +65,12 @@ module.exports = {
59
65
  "microsoft-dynamics": "0 0 140 227",
60
66
  "pinterest-dark": "0 0 140 141",
61
67
  "pinterest": "0 0 140 141",
68
+ "reddit-alien-dark": "0 0 18 18",
69
+ "reddit-alien": "0 0 18 18",
62
70
  "reddit-dark": "0 0 140 140",
63
71
  "reddit": "0 0 140 140",
72
+ "salesforce-cloud-dark": "0 0 20 18",
73
+ "salesforce-cloud": "0 0 20 18",
64
74
  "salesforce-dark": "0 0 140 99",
65
75
  "salesforce": "0 0 140 99",
66
76
  "shopify-dark": "0 0 140 159",
@@ -73,6 +83,10 @@ module.exports = {
73
83
  "sproutsocial-wordmark-dark": "0 0 320 52",
74
84
  "sproutsocial-wordmark": "0 0 320 52",
75
85
  "sproutsocial": "0 0 140 174",
86
+ "tableau-dark": "0 0 18 18",
87
+ "tableau-lockup-dark": "0 0 291 56",
88
+ "tableau-lockup": "0 0 291 56",
89
+ "tableau": "0 0 18 18",
76
90
  "tiktok-dark": "0 0 140 159",
77
91
  "tiktok": "0 0 140 159",
78
92
  "tripadvisor-dark": "0 0 140 140",
@@ -246,29 +246,49 @@ var MenuRadio = function MenuRadio(props) {
246
246
  }, props));
247
247
  };
248
248
  exports.MenuRadio = MenuRadio;
249
- var MenuGroup = function MenuGroup(_ref2) {
250
- var children = _ref2.children,
251
- title = _ref2.title,
252
- titleAs = _ref2.titleAs,
253
- _ref2$disabled = _ref2.disabled,
254
- isDisabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
255
- props = _objectWithoutProperties(_ref2, _excluded2);
256
- return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(_Box.default, {
257
- pl: 400,
249
+ var MenuTitle = (0, _styledComponents.default)(_Text.default).withConfig({
250
+ displayName: "Menu__MenuTitle",
251
+ componentId: "sc-1jmjosz-0"
252
+ })(["font-weight:600;padding-left:", ";padding-top:", ";padding-bottom:", ";color:", ";"], function (_ref2) {
253
+ var theme = _ref2.theme;
254
+ return theme.space[300];
255
+ }, function (_ref3) {
256
+ var theme = _ref3.theme;
257
+ return theme.space[200];
258
+ }, function (_ref4) {
259
+ var theme = _ref4.theme;
260
+ return theme.space[300];
261
+ }, function (_ref5) {
262
+ var theme = _ref5.theme;
263
+ return theme.colors.text.headline;
264
+ });
265
+ var _StyledMenuTitle = (0, _styledComponents.default)(MenuTitle).withConfig({
266
+ displayName: "Menu___StyledMenuTitle",
267
+ componentId: "sc-1jmjosz-1"
268
+ })(["", ""], function (p) {
269
+ return p.$_css;
270
+ });
271
+ var MenuGroup = function MenuGroup(_ref6) {
272
+ var children = _ref6.children,
273
+ title = _ref6.title,
274
+ titleAs = _ref6.titleAs,
275
+ _ref6$disabled = _ref6.disabled,
276
+ isDisabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
277
+ props = _objectWithoutProperties(_ref6, _excluded2);
278
+ var menuTitleId = (0, _lodash.default)('menu-title-');
279
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Box.default, _extends({
280
+ p: 300,
281
+ role: "group",
282
+ "aria-labelledby": title ? menuTitleId : undefined,
258
283
  borderTop: "1px solid",
259
- borderColor: "container.border.base",
260
- mt: "-1px"
261
- }, /*#__PURE__*/React.createElement(_StyledText, {
262
- forwardedAs: titleAs || 'div',
284
+ borderColor: "container.border.base"
285
+ }, props), title && /*#__PURE__*/React.createElement(_StyledMenuTitle, {
286
+ id: menuTitleId,
287
+ role: "presentation",
263
288
  fontSize: 200,
264
- fontWeight: 600,
265
- mt: 350,
266
- color: "text.headline",
289
+ forwardedAs: titleAs || 'li',
267
290
  $_css: isDisabled ? _mixins.disabled : undefined
268
- }, title)), /*#__PURE__*/React.createElement(_Box.default, _extends({}, props, {
269
- p: 300,
270
- role: "group"
271
- }), children));
291
+ }, title), children));
272
292
  };
273
293
  exports.MenuGroup = MenuGroup;
274
294
  var MenuDivider = function MenuDivider(props) {
@@ -313,12 +333,12 @@ var MenuFilterInput = function MenuFilterInput(props) {
313
333
  onBlur: handleOnBlur
314
334
  }));
315
335
  };
316
- var MenuItems = function MenuItems(_ref3) {
317
- var children = _ref3.children,
318
- role = _ref3.role,
319
- multiselect = _ref3.multiselect,
320
- innerRef = _ref3.innerRef,
321
- props = _objectWithoutProperties(_ref3, _excluded3);
336
+ var MenuItems = function MenuItems(_ref7) {
337
+ var children = _ref7.children,
338
+ role = _ref7.role,
339
+ multiselect = _ref7.multiselect,
340
+ innerRef = _ref7.innerRef,
341
+ props = _objectWithoutProperties(_ref7, _excluded3);
322
342
  var _useMenuKeyDown = (0, _utils.useMenuKeyDown)(),
323
343
  handleKeyDown = _useMenuKeyDown.handleKeyDown,
324
344
  activeDescendent = _useMenuKeyDown.activeDescendent;
@@ -338,15 +358,15 @@ var MenuItems = function MenuItems(_ref3) {
338
358
  overflow: "hidden"
339
359
  }), children);
340
360
  };
341
- var Menu = function Menu(_ref4) {
342
- var _ref4$role = _ref4.role,
343
- role = _ref4$role === void 0 ? _utils.MENU_ROLES.MENU : _ref4$role,
344
- children = _ref4.children,
345
- onChange = _ref4.onChange,
346
- value = _ref4.value,
347
- multiselect = _ref4.multiselect,
348
- innerRef = _ref4.innerRef,
349
- props = _objectWithoutProperties(_ref4, _excluded4);
361
+ var Menu = function Menu(_ref8) {
362
+ var _ref8$role = _ref8.role,
363
+ role = _ref8$role === void 0 ? _utils.MENU_ROLES.MENU : _ref8$role,
364
+ children = _ref8.children,
365
+ onChange = _ref8.onChange,
366
+ value = _ref8.value,
367
+ multiselect = _ref8.multiselect,
368
+ innerRef = _ref8.innerRef,
369
+ props = _objectWithoutProperties(_ref8, _excluded4);
350
370
  var _useDescendants = (0, _utils.useDescendants)(),
351
371
  _useDescendants2 = _slicedToArray(_useDescendants, 2),
352
372
  descendants = _useDescendants2[0],
@@ -404,20 +424,20 @@ Menu.Divider = MenuDivider;
404
424
  Menu.FilterInput = MenuFilterInput;
405
425
  var CustomPopoutContent = (0, _styledComponents.default)(_Popout.default.Content).withConfig({
406
426
  displayName: "Menu__CustomPopoutContent",
407
- componentId: "sc-1jmjosz-0"
427
+ componentId: "sc-1jmjosz-2"
408
428
  })(["padding:0;margin-left:0;margin-right:0;"]);
409
- var MenuButton = function MenuButton(_ref5) {
410
- var content = _ref5.content,
411
- popoutProps = _ref5.popoutProps,
412
- children = _ref5.children,
413
- _onClick = _ref5.onClick,
414
- _ref5$closeOnItemClic = _ref5.closeOnItemClick,
415
- closeOnItemClick = _ref5$closeOnItemClic === void 0 ? true : _ref5$closeOnItemClic,
416
- _ref5$id = _ref5.id,
417
- id = _ref5$id === void 0 ? (0, _lodash.default)('MenuButton-') : _ref5$id,
418
- _ref5$placement = _ref5.placement,
419
- placement = _ref5$placement === void 0 ? 'bottom' : _ref5$placement,
420
- props = _objectWithoutProperties(_ref5, _excluded5);
429
+ var MenuButton = function MenuButton(_ref9) {
430
+ var content = _ref9.content,
431
+ popoutProps = _ref9.popoutProps,
432
+ children = _ref9.children,
433
+ _onClick = _ref9.onClick,
434
+ _ref9$closeOnItemClic = _ref9.closeOnItemClick,
435
+ closeOnItemClick = _ref9$closeOnItemClic === void 0 ? true : _ref9$closeOnItemClic,
436
+ _ref9$id = _ref9.id,
437
+ id = _ref9$id === void 0 ? (0, _lodash.default)('MenuButton-') : _ref9$id,
438
+ _ref9$placement = _ref9.placement,
439
+ placement = _ref9$placement === void 0 ? 'bottom' : _ref9$placement,
440
+ props = _objectWithoutProperties(_ref9, _excluded5);
421
441
  var _useState5 = (0, React.useState)(false),
422
442
  _useState6 = _slicedToArray(_useState5, 2),
423
443
  isOpen = _useState6[0],
@@ -459,10 +479,4 @@ var MenuButton = function MenuButton(_ref5) {
459
479
  };
460
480
  exports.MenuButton = MenuButton;
461
481
  var _default = Menu;
462
- exports.default = _default;
463
- var _StyledText = (0, _styledComponents.default)(_Text.default).withConfig({
464
- displayName: "Menu___StyledText",
465
- componentId: "sc-1jmjosz-1"
466
- })(["", ""], function (p) {
467
- return p.$_css;
468
- });
482
+ exports.default = _default;
@@ -55,5 +55,5 @@ exports.MenuItemContainer = MenuItemContainer;
55
55
  var MenuItemsContainer = (0, _styledComponents.default)(_Box.default).withConfig({
56
56
  displayName: "styles__MenuItemsContainer",
57
57
  componentId: "sc-168zlb1-1"
58
- })(["list-style-type:none;&:focus{", "}"], _mixins.focusRing);
58
+ })(["list-style-type:none;&:focus{", "}& > div[role='group']:first-of-type{border-top:none;}"], _mixins.focusRing);
59
59
  exports.MenuItemsContainer = MenuItemsContainer;
@@ -9,9 +9,10 @@ var React = _interopRequireWildcard(require("react"));
9
9
  var _lruMemoize = _interopRequireDefault(require("lru-memoize"));
10
10
  var _constants = require("../utils/constants");
11
11
  var _Tooltip = _interopRequireDefault(require("../Tooltip"));
12
+ var _VisuallyHidden = require("../VisuallyHidden");
12
13
  var _constants2 = require("./constants");
13
14
  var _styles = require("./styles");
14
- var _excluded = ["number", "locale", "format", "currency", "abbreviate", "precision", "qa"];
15
+ var _excluded = ["number", "locale", "format", "currency", "abbreviate", "invalidNumberLabel", "precision", "qa"];
15
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
17
  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; }
@@ -86,6 +87,7 @@ var normalizeArgs = function normalizeArgs(props) {
86
87
  currency = _props$currency === void 0 ? 'USD' : _props$currency,
87
88
  _props$abbreviate = props.abbreviate,
88
89
  abbreviate = _props$abbreviate === void 0 ? true : _props$abbreviate,
90
+ invalidNumberLabel = props.invalidNumberLabel,
89
91
  precision = props.precision,
90
92
  qa = props.qa,
91
93
  rest = _objectWithoutProperties(props, _excluded);
@@ -107,6 +109,7 @@ var normalizeArgs = function normalizeArgs(props) {
107
109
  return {
108
110
  value: value,
109
111
  canAbbreviate: canAbbreviate,
112
+ invalidNumberLabel: invalidNumberLabel,
110
113
  options: options,
111
114
  qa: qa,
112
115
  rest: rest
@@ -116,10 +119,16 @@ var Numeral = function Numeral(props) {
116
119
  var _normalizeArgs = normalizeArgs(props),
117
120
  value = _normalizeArgs.value,
118
121
  canAbbreviate = _normalizeArgs.canAbbreviate,
122
+ invalidNumberLabel = _normalizeArgs.invalidNumberLabel,
119
123
  options = _normalizeArgs.options,
120
124
  qa = _normalizeArgs.qa,
121
125
  rest = _normalizeArgs.rest;
122
- if (!isValidNumber(props.number)) return /*#__PURE__*/React.createElement(_styles.Container, qa, _constants.EM_DASH);
126
+ if (!isValidNumber(props.number)) return /*#__PURE__*/React.createElement(React.Fragment, null, invalidNumberLabel &&
127
+ /*#__PURE__*/
128
+ // Give screen readers something useful to read off + hide the em dash
129
+ React.createElement(_VisuallyHidden.VisuallyHidden, null, invalidNumberLabel), /*#__PURE__*/React.createElement(_styles.Container, _extends({
130
+ "aria-hidden": true
131
+ }, qa), _constants.EM_DASH));
123
132
  var formatters = getNumberFormatters(options);
124
133
  var fullText = formatters.standard.format(value);
125
134
  if (canAbbreviate) {
@@ -1,47 +1,52 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.default = void 0;
8
7
  var _react = _interopRequireDefault(require("react"));
9
8
  var _styledComponents = require("styled-components");
10
- var logoViewBoxes = _interopRequireWildcard(require("../LogoViewBoxes"));
9
+ var _LogoViewBoxes = _interopRequireDefault(require("../LogoViewBoxes"));
11
10
  var _styles = _interopRequireDefault(require("./styles"));
12
11
  var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size", "aria-label", "svgProps"];
13
- 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); }
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
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
13
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
17
14
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
18
15
  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; }
19
- var PartnerLogo = function PartnerLogo(_ref) {
20
- var partnerName = _ref.partnerName,
21
- backgroundType = _ref.backgroundType,
22
- _ref$logoType = _ref.logoType,
23
- logoType = _ref$logoType === void 0 ? 'symbol' : _ref$logoType,
24
- height = _ref.height,
25
- width = _ref.width,
26
- size = _ref.size,
27
- ariaLabel = _ref['aria-label'],
28
- svgProps = _ref.svgProps,
29
- rest = _objectWithoutProperties(_ref, _excluded);
16
+ var whichLogo = function whichLogo(_ref, mode) {
17
+ var backgroundType = _ref.backgroundType,
18
+ logoType = _ref.logoType,
19
+ partnerName = _ref.partnerName;
20
+ var logo = logoType && logoType !== 'symbol' ? partnerName + '-' + logoType : partnerName;
21
+ if (backgroundType && backgroundType === 'dark') {
22
+ return "".concat(logo, "-dark");
23
+ } else if (backgroundType && backgroundType === 'light') {
24
+ return logo;
25
+ } else if (mode === 'dark') {
26
+ return "".concat(logo, "-dark");
27
+ } else {
28
+ return logo;
29
+ }
30
+ };
31
+ var PartnerLogo = function PartnerLogo(_ref2) {
32
+ var partnerName = _ref2.partnerName,
33
+ backgroundType = _ref2.backgroundType,
34
+ _ref2$logoType = _ref2.logoType,
35
+ logoType = _ref2$logoType === void 0 ? 'symbol' : _ref2$logoType,
36
+ height = _ref2.height,
37
+ width = _ref2.width,
38
+ size = _ref2.size,
39
+ ariaLabel = _ref2['aria-label'],
40
+ svgProps = _ref2.svgProps,
41
+ rest = _objectWithoutProperties(_ref2, _excluded);
30
42
  var _useTheme = (0, _styledComponents.useTheme)(),
31
43
  mode = _useTheme.mode;
32
- var whichLogo = function whichLogo(type) {
33
- var logo = logoType && logoType !== 'symbol' ? partnerName + '-' + logoType : partnerName;
34
- if (type && type === 'dark') {
35
- return "".concat(logo, "-dark");
36
- } else if (type && type === 'light') {
37
- return logo;
38
- } else if (mode === 'dark') {
39
- return "".concat(logo, "-dark");
40
- } else {
41
- return logo;
42
- }
43
- };
44
- var logoViewBox = logoViewBoxes[whichLogo(backgroundType)];
44
+ var logo = whichLogo({
45
+ backgroundType: backgroundType,
46
+ logoType: logoType,
47
+ partnerName: partnerName
48
+ }, mode);
49
+ var logoViewBox = _LogoViewBoxes.default[logo];
45
50
  var viewBoxCoordinates = (logoViewBox === null || logoViewBox === void 0 ? void 0 : logoViewBox.split(' ')) || [];
46
51
  var defaultWidth = viewBoxCoordinates[2];
47
52
  var defaultHeight = viewBoxCoordinates[3];
@@ -61,7 +66,7 @@ var PartnerLogo = function PartnerLogo(_ref) {
61
66
  "data-qa-logo-svg": "".concat(partnerName, "-svg")
62
67
  }, svgProps), /*#__PURE__*/_react.default.createElement("use", {
63
68
  xmlnsXlink: "http://www.w3.org/1999/xlink",
64
- xlinkHref: "#sslogosvg-".concat(whichLogo(backgroundType))
69
+ xlinkHref: "#sslogosvg-".concat(logo)
65
70
  })));
66
71
  };
67
72
  var _default = PartnerLogo;
@@ -3,8 +3,17 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.PartnerNames = exports.PartnerLogoSizes = void 0;
7
- var PartnerNames = ['apple-app-store', 'bigcommerce', 'bitly', 'bynder', 'canva', 'dropbox', 'facebook', 'facebook-audience-network', 'facebook-groups', 'facebook-shops', 'feedly', 'glassdoor', 'google-analytics', 'google-business-messages', 'google-drive', 'google-my-business', 'google-play-store', 'hubspot', 'instagram', 'linkedin', 'linkedin-audience-network', 'marketo', 'messenger', 'microsoft-dynamics', 'pinterest', 'reddit', 'salesforce', 'shopify', 'slack', 'sproutsocial', 'tiktok', 'tripadvisor', 'tumblr', 'twitter', 'twitter-audience-network', 'whatsapp', 'woocommerce', 'yelp', 'youtube', 'zendesk'];
6
+ exports.PartnerNames = exports.PartnerLogoTypes = exports.PartnerLogoSizes = void 0;
7
+ var _logoNames = _interopRequireDefault(require("../logoNames"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ /**
10
+ * @deprecated Use PartnerLogoNames instead
11
+ */
12
+ var PartnerNames = _logoNames.default;
13
+
14
+ /**
15
+ * @deprecated Use EnumLogoNames instead
16
+ */
8
17
  exports.PartnerNames = PartnerNames;
9
18
  var PartnerLogoSizes = {
10
19
  mini: '12px',
@@ -13,4 +22,6 @@ var PartnerLogoSizes = {
13
22
  large: '32px',
14
23
  jumbo: '64px'
15
24
  };
16
- exports.PartnerLogoSizes = PartnerLogoSizes;
25
+ exports.PartnerLogoSizes = PartnerLogoSizes;
26
+ var PartnerLogoTypes = ['symbol', 'wordmark', 'lockup'];
27
+ exports.PartnerLogoTypes = PartnerLogoTypes;
@@ -13,15 +13,4 @@ Object.keys(_PartnerLogo).forEach(function (key) {
13
13
  return _PartnerLogo[key];
14
14
  }
15
15
  });
16
- });
17
- var _TypePartnerNames = require("./TypePartnerNames.flow");
18
- Object.keys(_TypePartnerNames).forEach(function (key) {
19
- if (key === "default" || key === "__esModule") return;
20
- if (key in exports && exports[key] === _TypePartnerNames[key]) return;
21
- Object.defineProperty(exports, key, {
22
- enumerable: true,
23
- get: function get() {
24
- return _TypePartnerNames[key];
25
- }
26
- });
27
16
  });
@@ -14,7 +14,7 @@ var loadingKeyFrame = (0, _styledComponents.keyframes)(["0%{transform:rotate(0de
14
14
  var StyledSwitchButton = _styledComponents.default.button.withConfig({
15
15
  displayName: "styles__StyledSwitchButton",
16
16
  componentId: "sc-ku462j-0"
17
- })(["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) {
17
+ })(["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) {
18
18
  var theme = _ref.theme;
19
19
  return theme.space[100];
20
20
  }, function (_ref2) {
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _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"];
8
+ exports.default = _default;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _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"];
8
+ exports.default = _default;
package/commonjs/index.js CHANGED
@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  var _exportNames = {
7
+ IconNames: true,
8
+ SpotIllustrationNames: true,
9
+ PartnerLogoNames: true,
7
10
  theme: true,
8
11
  darkTheme: true,
9
12
  sproutLightTheme: true,
@@ -24,6 +27,24 @@ Object.defineProperty(exports, "Alert", {
24
27
  return _Banner.Banner;
25
28
  }
26
29
  });
30
+ Object.defineProperty(exports, "IconNames", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _iconNames.default;
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "PartnerLogoNames", {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _logoNames.default;
40
+ }
41
+ });
42
+ Object.defineProperty(exports, "SpotIllustrationNames", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _illustrationNames.default;
46
+ }
47
+ });
27
48
  Object.defineProperty(exports, "ThemeProvider", {
28
49
  enumerable: true,
29
50
  get: function get() {
@@ -96,6 +117,9 @@ Object.defineProperty(exports, "visuallyHidden", {
96
117
  return _mixins.visuallyHidden;
97
118
  }
98
119
  });
120
+ var _iconNames = _interopRequireDefault(require("./iconNames"));
121
+ var _illustrationNames = _interopRequireDefault(require("./illustrationNames"));
122
+ var _logoNames = _interopRequireDefault(require("./logoNames"));
99
123
  var _systemProps = require("./systemProps");
100
124
  Object.keys(_systemProps).forEach(function (key) {
101
125
  if (key === "default" || key === "__esModule") return;