@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.
- package/CHANGELOG.md +77 -0
- package/README.md +16 -14
- package/__flow__/Card/Card.flow.js +5 -1
- package/__flow__/Card/CardTypes.flow.js +8 -1
- package/__flow__/EnumLogoNames.flow.js +1 -1
- package/__flow__/Icon/Icon.flow.js +2 -2
- package/__flow__/LogoViewBoxes.js +14 -0
- package/__flow__/Numeral/Numeral.flow.js +2 -0
- package/__flow__/PartnerLogo/PartnerLogo.flow.js +7 -2
- package/__flow__/PartnerLogo/index.flow.js +1 -2
- package/__flow__/Toast/Toast.flow.js +2 -2
- package/__flow__/index.flow.js +1 -2
- package/commonjs/Card/Card.js +14 -9
- package/commonjs/Card/index.js +8 -1
- package/commonjs/Card/styles.js +40 -12
- package/commonjs/Card/subComponents.js +46 -5
- package/commonjs/Card/utils.js +9 -5
- package/commonjs/ChartLegend/ChartLegend.js +6 -23
- package/commonjs/ChartLegend/useChartLabels.js +41 -0
- package/commonjs/Icon/Icon.js +3 -2
- package/commonjs/Link/Link.js +2 -1
- package/commonjs/LogoViewBoxes.js +14 -0
- package/commonjs/Menu/Menu.js +69 -55
- package/commonjs/Menu/styles.js +1 -1
- package/commonjs/Numeral/Numeral.js +11 -2
- package/commonjs/PartnerLogo/PartnerLogo.js +34 -29
- package/commonjs/PartnerLogo/PartnerLogoTypes.js +14 -3
- package/commonjs/PartnerLogo/index.flow.js +0 -11
- package/commonjs/Switch/styles.js +1 -1
- package/commonjs/iconNames.js +8 -0
- package/commonjs/illustrationNames.js +8 -0
- package/commonjs/index.js +24 -0
- package/commonjs/logoNames.js +8 -0
- package/dist/logo.svg +1 -1
- package/dist/logoList.js +1 -1
- package/dist/types/Card/Card.d.ts.map +1 -1
- package/dist/types/Card/CardTypes.d.ts +11 -1
- package/dist/types/Card/CardTypes.d.ts.map +1 -1
- package/dist/types/Card/index.d.ts +1 -1
- package/dist/types/Card/index.d.ts.map +1 -1
- package/dist/types/Card/styles.d.ts +9 -1
- package/dist/types/Card/styles.d.ts.map +1 -1
- package/dist/types/Card/subComponents.d.ts +5 -0
- package/dist/types/Card/subComponents.d.ts.map +1 -1
- package/dist/types/Card/utils.d.ts +2 -1
- package/dist/types/Card/utils.d.ts.map +1 -1
- package/dist/types/ChartLegend/ChartLegend.d.ts.map +1 -1
- package/dist/types/ChartLegend/ChartLegendTypes.d.ts +8 -5
- package/dist/types/ChartLegend/ChartLegendTypes.d.ts.map +1 -1
- package/dist/types/ChartLegend/useChartLabels.d.ts +4 -0
- package/dist/types/ChartLegend/useChartLabels.d.ts.map +1 -0
- package/dist/types/EnumLogoNames.d.ts +1 -1
- package/dist/types/EnumLogoNames.d.ts.map +1 -1
- package/dist/types/Icon/Icon.d.ts.map +1 -1
- package/dist/types/Icon/IconTypes.d.ts +2 -2
- package/dist/types/Icon/IconTypes.d.ts.map +1 -1
- package/dist/types/Menu/Menu.d.ts.map +1 -1
- package/dist/types/Menu/styles.d.ts.map +1 -1
- package/dist/types/Numeral/Numeral.d.ts.map +1 -1
- package/dist/types/Numeral/NumeralTypes.d.ts +2 -0
- package/dist/types/Numeral/NumeralTypes.d.ts.map +1 -1
- package/dist/types/Numeral/__tests__/features/testNumeral.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogo.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +13 -4
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
- package/dist/types/Switch/styles.d.ts.map +1 -1
- package/dist/types/Toast/ToastTypes.d.ts +2 -2
- package/dist/types/Toast/ToastTypes.d.ts.map +1 -1
- package/dist/types/iconNames.d.ts +3 -0
- package/dist/types/iconNames.d.ts.map +1 -0
- package/dist/types/illustrationNames.d.ts +3 -0
- package/dist/types/illustrationNames.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/logoNames.d.ts +3 -0
- package/dist/types/logoNames.d.ts.map +1 -0
- package/lib/Card/Card.js +15 -10
- package/lib/Card/index.js +1 -1
- package/lib/Card/styles.js +38 -12
- package/lib/Card/subComponents.js +41 -4
- package/lib/Card/utils.js +9 -5
- package/lib/ChartLegend/ChartLegend.js +5 -23
- package/lib/ChartLegend/useChartLabels.js +33 -0
- package/lib/Icon/Icon.js +3 -2
- package/lib/Link/Link.js +2 -1
- package/lib/LogoViewBoxes.js +14 -0
- package/lib/Menu/Menu.js +69 -55
- package/lib/Menu/styles.js +1 -1
- package/lib/Numeral/Numeral.js +11 -2
- package/lib/PartnerLogo/PartnerLogo.js +34 -27
- package/lib/PartnerLogo/PartnerLogoTypes.js +13 -2
- package/lib/PartnerLogo/index.flow.js +1 -2
- package/lib/Switch/styles.js +1 -1
- package/lib/iconNames.js +1 -0
- package/lib/illustrationNames.js +1 -0
- package/lib/index.js +4 -0
- package/lib/logoNames.js +1 -0
- package/package.json +3 -2
- package/__flow__/PartnerLogo/TypePartnerNames.flow.js +0 -3
- package/commonjs/PartnerLogo/TypePartnerNames.flow.js +0 -1
- 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
|
|
10
|
-
var
|
|
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 ? '
|
|
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),
|
|
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;
|
package/commonjs/Icon/Icon.js
CHANGED
|
@@ -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 =
|
|
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)(
|
|
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 = {
|
package/commonjs/Link/Link.js
CHANGED
|
@@ -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",
|
package/commonjs/Menu/Menu.js
CHANGED
|
@@ -246,29 +246,49 @@ var MenuRadio = function MenuRadio(props) {
|
|
|
246
246
|
}, props));
|
|
247
247
|
};
|
|
248
248
|
exports.MenuRadio = MenuRadio;
|
|
249
|
-
var
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
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
|
-
|
|
261
|
-
|
|
262
|
-
|
|
284
|
+
borderColor: "container.border.base"
|
|
285
|
+
}, props), title && /*#__PURE__*/React.createElement(_StyledMenuTitle, {
|
|
286
|
+
id: menuTitleId,
|
|
287
|
+
role: "presentation",
|
|
263
288
|
fontSize: 200,
|
|
264
|
-
|
|
265
|
-
mt: 350,
|
|
266
|
-
color: "text.headline",
|
|
289
|
+
forwardedAs: titleAs || 'li',
|
|
267
290
|
$_css: isDisabled ? _mixins.disabled : undefined
|
|
268
|
-
}, title)
|
|
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(
|
|
317
|
-
var children =
|
|
318
|
-
role =
|
|
319
|
-
multiselect =
|
|
320
|
-
innerRef =
|
|
321
|
-
props = _objectWithoutProperties(
|
|
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(
|
|
342
|
-
var
|
|
343
|
-
role =
|
|
344
|
-
children =
|
|
345
|
-
onChange =
|
|
346
|
-
value =
|
|
347
|
-
multiselect =
|
|
348
|
-
innerRef =
|
|
349
|
-
props = _objectWithoutProperties(
|
|
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-
|
|
427
|
+
componentId: "sc-1jmjosz-2"
|
|
408
428
|
})(["padding:0;margin-left:0;margin-right:0;"]);
|
|
409
|
-
var MenuButton = function MenuButton(
|
|
410
|
-
var content =
|
|
411
|
-
popoutProps =
|
|
412
|
-
children =
|
|
413
|
-
_onClick =
|
|
414
|
-
|
|
415
|
-
closeOnItemClick =
|
|
416
|
-
|
|
417
|
-
id =
|
|
418
|
-
|
|
419
|
-
placement =
|
|
420
|
-
props = _objectWithoutProperties(
|
|
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;
|
package/commonjs/Menu/styles.js
CHANGED
|
@@ -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(
|
|
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
|
|
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
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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(
|
|
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
|
|
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;
|