@sproutsocial/racine 20.13.0 → 20.13.5
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 +30 -0
- package/README.md +1 -0
- package/__flow__/types/theme.colors.flow.js +1 -0
- package/commonjs/Avatar/Avatar.flow.js +2 -2
- package/commonjs/Avatar/Avatar.js +10 -12
- package/commonjs/Avatar/constants.flow.js +2 -3
- package/commonjs/Avatar/constants.js +2 -3
- package/commonjs/Avatar/index.js +1 -2
- package/commonjs/Badge/Badge.flow.js +2 -2
- package/commonjs/Badge/Badge.js +3 -4
- package/commonjs/Badge/constants.flow.js +2 -3
- package/commonjs/Badge/constants.js +3 -5
- package/commonjs/Badge/index.js +1 -2
- package/commonjs/Badge/styles.js +1 -2
- package/commonjs/Banner/Banner.flow.js +2 -2
- package/commonjs/Banner/Banner.js +3 -4
- package/commonjs/Banner/index.js +1 -2
- package/commonjs/Banner/styles.js +5 -7
- package/commonjs/Box/Box.flow.js +2 -2
- package/commonjs/Box/Box.js +3 -4
- package/commonjs/Box/index.js +1 -2
- package/commonjs/Box/styles.js +1 -2
- package/commonjs/Breadcrumb/Breadcrumb.flow.js +2 -2
- package/commonjs/Breadcrumb/Breadcrumb.js +5 -6
- package/commonjs/Breadcrumb/index.js +1 -2
- package/commonjs/Breadcrumb/styles.js +1 -2
- package/commonjs/Button/Button.flow.js +2 -2
- package/commonjs/Button/Button.js +1 -2
- package/commonjs/Button/index.js +1 -2
- package/commonjs/Button/styles.js +4 -8
- package/commonjs/Card/Card.flow.js +2 -2
- package/commonjs/Card/Card.js +3 -4
- package/commonjs/Card/CardTypes.flow.js +2 -2
- package/commonjs/Card/index.js +1 -2
- package/commonjs/Card/styles.js +9 -17
- package/commonjs/Card/subComponents.js +9 -15
- package/commonjs/Card/utils.js +4 -7
- package/commonjs/CharacterCounter/CharacterCounter.flow.js +2 -2
- package/commonjs/CharacterCounter/CharacterCounter.js +10 -12
- package/commonjs/CharacterCounter/index.js +1 -2
- package/commonjs/CharacterCounter/styles.js +3 -4
- package/commonjs/ChartLegend/ChartLegend.flow.js +2 -2
- package/commonjs/ChartLegend/ChartLegend.js +3 -4
- package/commonjs/ChartLegend/index.js +1 -2
- package/commonjs/ChartLegend/styles.js +5 -8
- package/commonjs/ChartLegend/useChartLabels.js +2 -3
- package/commonjs/Checkbox/Checkbox.flow.js +2 -2
- package/commonjs/Checkbox/Checkbox.js +11 -13
- package/commonjs/Checkbox/index.js +1 -2
- package/commonjs/Checkbox/styles.js +9 -16
- package/commonjs/Collapsible/Collapsible.flow.js +2 -2
- package/commonjs/Collapsible/Collapsible.js +13 -13
- package/commonjs/Collapsible/index.js +1 -2
- package/commonjs/Collapsible/styles.js +2 -3
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.flow.js +2 -2
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js +3 -4
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +2 -2
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.js +4 -5
- package/commonjs/DatePicker/DateRangePicker/index.js +1 -2
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +2 -2
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js +3 -4
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +2 -2
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +4 -5
- package/commonjs/DatePicker/SingleDatePicker/index.js +1 -2
- package/commonjs/DatePicker/common.js +9 -15
- package/commonjs/DatePicker/index.flow.js +2 -2
- package/commonjs/DatePicker/styles.js +5 -7
- package/commonjs/Drawer/Drawer.flow.js +2 -2
- package/commonjs/Drawer/Drawer.js +11 -11
- package/commonjs/Drawer/SlideTransition.js +4 -5
- package/commonjs/Drawer/index.js +1 -2
- package/commonjs/Drawer/styles.js +4 -6
- package/commonjs/EmptyState/EmptyState.flow.js +2 -2
- package/commonjs/EmptyState/EmptyState.js +3 -4
- package/commonjs/EmptyState/index.js +1 -2
- package/commonjs/Fieldset/Fieldset.flow.js +2 -2
- package/commonjs/Fieldset/Fieldset.js +3 -4
- package/commonjs/Fieldset/index.js +1 -2
- package/commonjs/Fieldset/styles.js +4 -5
- package/commonjs/FormField/FormField.flow.js +2 -2
- package/commonjs/FormField/FormField.js +5 -6
- package/commonjs/FormField/index.js +1 -2
- package/commonjs/Icon/Icon.flow.js +2 -2
- package/commonjs/Icon/Icon.js +5 -6
- package/commonjs/Icon/index.flow.js +2 -2
- package/commonjs/Icon/index.js +1 -2
- package/commonjs/Icon/styles.js +3 -4
- package/commonjs/Image/Image.flow.js +2 -2
- package/commonjs/Image/Image.js +11 -13
- package/commonjs/Image/index.js +1 -2
- package/commonjs/Image/styles.js +3 -4
- package/commonjs/Indicator/Indicator.flow.js +2 -2
- package/commonjs/Indicator/Indicator.js +10 -12
- package/commonjs/Indicator/index.js +1 -2
- package/commonjs/Indicator/styles.js +1 -2
- package/commonjs/Input/Input.flow.js +2 -2
- package/commonjs/Input/Input.js +12 -13
- package/commonjs/Input/index.js +1 -2
- package/commonjs/Input/styles.js +4 -6
- package/commonjs/KeyboardKey/KeyboardKey.flow.js +2 -2
- package/commonjs/KeyboardKey/KeyboardKey.js +11 -13
- package/commonjs/KeyboardKey/index.js +1 -2
- package/commonjs/KeyboardKey/styles.js +1 -2
- package/commonjs/Label/Label.flow.js +2 -2
- package/commonjs/Label/Label.js +11 -13
- package/commonjs/Label/index.js +1 -2
- package/commonjs/Link/Link.flow.js +2 -2
- package/commonjs/Link/Link.js +3 -4
- package/commonjs/Link/constants.js +1 -2
- package/commonjs/Link/index.js +1 -2
- package/commonjs/Link/styles.js +3 -4
- package/commonjs/Listbox/Listbox.flow.js +2 -2
- package/commonjs/Listbox/Listbox.js +8 -12
- package/commonjs/Listbox/index.js +3 -4
- package/commonjs/Loader/Loader.flow.js +2 -2
- package/commonjs/Loader/Loader.js +10 -12
- package/commonjs/Loader/index.js +1 -2
- package/commonjs/Loader/styles.js +4 -6
- package/commonjs/LoaderButton/LoaderButton.flow.js +2 -2
- package/commonjs/LoaderButton/LoaderButton.js +4 -6
- package/commonjs/LoaderButton/index.js +1 -2
- package/commonjs/Menu/Menu.flow.js +2 -2
- package/commonjs/Menu/Menu.js +42 -50
- package/commonjs/Menu/index.js +3 -4
- package/commonjs/Menu/styles.js +5 -7
- package/commonjs/Menu/utils/constants.flow.js +3 -5
- package/commonjs/Menu/utils/constants.js +3 -5
- package/commonjs/Menu/utils/descendants.js +17 -16
- package/commonjs/Menu/utils/hooks.js +3 -6
- package/commonjs/Message/Message.flow.js +3 -4
- package/commonjs/Message/Message.js +3 -4
- package/commonjs/Message/constants.js +2 -3
- package/commonjs/Message/index.js +1 -2
- package/commonjs/Message/styles.js +5 -10
- package/commonjs/Modal/Modal.flow.js +2 -2
- package/commonjs/Modal/Modal.js +7 -7
- package/commonjs/Modal/index.js +1 -2
- package/commonjs/Modal/styles.js +8 -14
- package/commonjs/Numeral/Numeral.flow.js +2 -2
- package/commonjs/Numeral/Numeral.js +3 -4
- package/commonjs/Numeral/constants.js +7 -13
- package/commonjs/Numeral/index.js +1 -2
- package/commonjs/Numeral/styles.js +3 -5
- package/commonjs/PartnerLogo/PartnerLogo.flow.js +2 -2
- package/commonjs/PartnerLogo/PartnerLogo.js +1 -2
- package/commonjs/PartnerLogo/PartnerLogoTypes.js +4 -6
- package/commonjs/PartnerLogo/index.js +1 -2
- package/commonjs/PartnerLogo/styles.js +3 -4
- package/commonjs/Popout/Popout.flow.js +2 -2
- package/commonjs/Popout/Popout.js +21 -22
- package/commonjs/Popout/index.js +1 -2
- package/commonjs/Popout/styles.js +2 -3
- package/commonjs/Portal/Portal.flow.js +2 -2
- package/commonjs/Portal/Portal.js +11 -13
- package/commonjs/Portal/index.js +1 -2
- package/commonjs/Radio/Radio.flow.js +2 -2
- package/commonjs/Radio/Radio.js +11 -13
- package/commonjs/Radio/index.js +1 -2
- package/commonjs/Radio/styles.js +6 -10
- package/commonjs/SegmentedControl/SegmentedControl.flow.js +2 -2
- package/commonjs/SegmentedControl/SegmentedControl.js +8 -8
- package/commonjs/SegmentedControl/index.js +1 -2
- package/commonjs/SegmentedControl/styles.js +6 -9
- package/commonjs/Select/Select.flow.js +2 -2
- package/commonjs/Select/Select.js +11 -13
- package/commonjs/Select/index.js +1 -2
- package/commonjs/Select/styles.js +4 -6
- package/commonjs/Skeleton/Skeleton.js +1 -2
- package/commonjs/Skeleton/index.js +1 -2
- package/commonjs/SpotIllustration/SpotIllustration.flow.js +2 -2
- package/commonjs/SpotIllustration/SpotIllustration.js +3 -4
- package/commonjs/SpotIllustration/illustrationNames.js +1 -2
- package/commonjs/SpotIllustration/index.js +1 -2
- package/commonjs/Stack/Stack.flow.js +2 -2
- package/commonjs/Stack/Stack.js +6 -6
- package/commonjs/Stack/index.js +1 -2
- package/commonjs/Switch/Switch.flow.js +2 -2
- package/commonjs/Switch/Switch.js +3 -4
- package/commonjs/Switch/index.js +1 -2
- package/commonjs/Switch/styles.js +4 -5
- package/commonjs/Table/Table.flow.js +2 -2
- package/commonjs/Table/Table.js +7 -12
- package/commonjs/Table/index.js +1 -2
- package/commonjs/Table/styles.js +1 -2
- package/commonjs/TableCell/TableCell.flow.js +2 -2
- package/commonjs/TableCell/TableCell.js +11 -14
- package/commonjs/TableCell/index.js +1 -2
- package/commonjs/TableCell/styles.js +1 -2
- package/commonjs/TableHeaderCell/TableHeaderCell.flow.js +4 -5
- package/commonjs/TableHeaderCell/TableHeaderCell.js +12 -15
- package/commonjs/TableHeaderCell/constants.js +2 -3
- package/commonjs/TableHeaderCell/index.js +1 -2
- package/commonjs/TableHeaderCell/styles.js +5 -8
- package/commonjs/TableRowAccordion/TableRowAccordion.flow.js +2 -2
- package/commonjs/TableRowAccordion/TableRowAccordion.js +12 -14
- package/commonjs/TableRowAccordion/index.js +1 -2
- package/commonjs/TableRowAccordion/styles.js +5 -8
- package/commonjs/Tabs/Tabs.flow.js +2 -2
- package/commonjs/Tabs/Tabs.js +12 -15
- package/commonjs/Tabs/index.js +1 -2
- package/commonjs/Tabs/styles.js +5 -8
- package/commonjs/Text/Text.flow.js +2 -2
- package/commonjs/Text/Text.js +3 -4
- package/commonjs/Text/index.js +1 -2
- package/commonjs/Text/styles.js +3 -4
- package/commonjs/Textarea/Textarea.flow.js +2 -2
- package/commonjs/Textarea/Textarea.js +11 -13
- package/commonjs/Textarea/index.js +1 -2
- package/commonjs/Textarea/styles.js +4 -6
- package/commonjs/ThemeProvider/index.flow.js +2 -2
- package/commonjs/ThemeProvider/index.js +3 -4
- package/commonjs/Toast/Toast.flow.js +2 -2
- package/commonjs/Toast/Toast.js +3 -4
- package/commonjs/Toast/index.js +3 -4
- package/commonjs/Toast/styles.js +6 -8
- package/commonjs/ToggleHint/ToggleHint.flow.js +2 -2
- package/commonjs/ToggleHint/ToggleHint.js +11 -13
- package/commonjs/ToggleHint/index.js +1 -2
- package/commonjs/ToggleHint/styles.js +4 -6
- package/commonjs/Token/Token.flow.js +2 -2
- package/commonjs/Token/Token.js +3 -4
- package/commonjs/Token/index.js +3 -4
- package/commonjs/Token/styles.js +3 -4
- package/commonjs/TokenInput/TokenInput.flow.js +2 -2
- package/commonjs/TokenInput/TokenInput.js +12 -14
- package/commonjs/TokenInput/TokenScreenReaderStatus.js +4 -5
- package/commonjs/TokenInput/index.js +1 -2
- package/commonjs/TokenInput/styles.js +3 -4
- package/commonjs/TokenInput/util.js +3 -5
- package/commonjs/Tooltip/Tooltip.flow.js +2 -2
- package/commonjs/Tooltip/Tooltip.js +11 -11
- package/commonjs/Tooltip/index.js +1 -2
- package/commonjs/Tooltip/styles.js +2 -3
- package/commonjs/VisuallyHidden/VisuallyHidden.flow.js +2 -2
- package/commonjs/VisuallyHidden/VisuallyHidden.js +2 -3
- package/commonjs/illustrationNames.js +1 -2
- package/commonjs/index.flow.js +2 -2
- package/commonjs/logoNames.js +1 -2
- package/commonjs/systemProps/background.flow.js +1 -2
- package/commonjs/systemProps/border.flow.js +1 -2
- package/commonjs/systemProps/color.flow.js +1 -2
- package/commonjs/systemProps/custom.flow.js +2 -3
- package/commonjs/systemProps/flexbox.flow.js +1 -2
- package/commonjs/systemProps/grid.flow.js +1 -2
- package/commonjs/systemProps/index.js +5 -7
- package/commonjs/systemProps/layout.flow.js +1 -2
- package/commonjs/systemProps/position.flow.js +1 -2
- package/commonjs/systemProps/shadow.flow.js +1 -2
- package/commonjs/systemProps/space.flow.js +1 -2
- package/commonjs/systemProps/systemProps.flow.js +1 -2
- package/commonjs/systemProps/typography.flow.js +1 -2
- package/commonjs/systemProps/variant.flow.js +2 -3
- package/commonjs/themes/dark/dataviz-palette.js +2 -3
- package/commonjs/themes/dark/decorative-palettes.js +12 -23
- package/commonjs/themes/dark/theme.js +5 -6
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.flow.js +1 -2
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +9 -16
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +9 -16
- package/commonjs/themes/light/dataviz-palette.js +2 -3
- package/commonjs/themes/light/decorative-palettes.js +12 -23
- package/commonjs/themes/light/literal-colors.js +1 -2
- package/commonjs/themes/light/theme.js +20 -33
- package/commonjs/types/shared.flow.js +2 -2
- package/commonjs/types/styled-components.flow.js +2 -2
- package/commonjs/utils/a11yTest.js +2 -3
- package/commonjs/utils/chartColors.js +5 -9
- package/commonjs/utils/constants.js +1 -2
- package/commonjs/utils/dataQaLabelQueries.js +2 -3
- package/commonjs/utils/hooks.flow.js +1 -0
- package/commonjs/utils/hooks.js +4 -6
- package/commonjs/utils/index.js +2 -4
- package/commonjs/utils/innerText.flow.js +2 -2
- package/commonjs/utils/innerText.js +1 -2
- package/commonjs/utils/mixins.js +5 -10
- package/commonjs/utils/react-testing-library.flow.js +2 -2
- package/commonjs/utils/react-testing-library.js +5 -8
- package/commonjs/utils/responsiveProps/index.js +2 -3
- package/commonjs/utils/system-props/gap.js +2 -3
- package/commonjs/utils/system-props/system-props.js +9 -16
- package/commonjs/utils/useInteractiveColor.js +2 -3
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +2 -1
- package/dist/themes/light/theme.scss +2 -1
- package/dist/types/Button/styles.d.ts.map +1 -1
- package/dist/types/themes/dark/theme.d.ts +18 -18
- package/dist/types/themes/light/theme.d.ts +28 -27
- package/dist/types/themes/light/theme.d.ts.map +1 -1
- package/dist/types/types/theme.colors.d.ts +1 -0
- package/dist/types/types/theme.colors.d.ts.map +1 -1
- package/lib/Breadcrumb/Breadcrumb.js +2 -2
- package/lib/Button/styles.js +1 -4
- package/lib/CharacterCounter/CharacterCounter.js +7 -8
- package/lib/Checkbox/Checkbox.js +8 -9
- package/lib/Collapsible/Collapsible.js +2 -2
- package/lib/Drawer/Drawer.js +2 -2
- package/lib/FormField/FormField.js +2 -2
- package/lib/Icon/Icon.js +2 -2
- package/lib/Image/Image.js +8 -9
- package/lib/Indicator/Indicator.js +7 -8
- package/lib/Input/Input.js +9 -9
- package/lib/KeyboardKey/KeyboardKey.js +7 -8
- package/lib/Label/Label.js +7 -8
- package/lib/Listbox/Listbox.js +2 -2
- package/lib/Loader/Loader.js +7 -8
- package/lib/Menu/Menu.js +2 -2
- package/lib/Menu/utils/descendants.js +2 -2
- package/lib/Popout/Popout.js +2 -2
- package/lib/Portal/Portal.js +8 -9
- package/lib/Radio/Radio.js +8 -9
- package/lib/Select/Select.js +8 -9
- package/lib/TableCell/TableCell.js +7 -8
- package/lib/TableHeaderCell/TableHeaderCell.js +8 -9
- package/lib/TableRowAccordion/TableRowAccordion.js +8 -9
- package/lib/Tabs/Tabs.js +9 -11
- package/lib/Textarea/Textarea.js +8 -9
- package/lib/ToggleHint/ToggleHint.js +8 -9
- package/lib/TokenInput/TokenInput.js +8 -9
- package/lib/Tooltip/Tooltip.js +2 -2
- package/lib/systemProps/space.flow.js +14 -0
- package/lib/themes/dark/theme.js +2 -2
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +2 -2
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +2 -2
- package/lib/themes/light/theme.js +5 -3
- package/lib/utils/hooks.flow.js +1 -0
- package/lib/utils/hooks.js +2 -2
- package/lib/utils/react-testing-library.js +2 -2
- package/package.json +16 -24
|
@@ -15,19 +15,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
15
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
18
|
-
function _toPropertyKey(
|
|
19
|
-
function _toPrimitive(
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
19
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
|
|
20
20
|
//import {theme as lightTheme} from '@src';
|
|
21
21
|
//import {TypeThemeMode} from '@src/types/theme';
|
|
22
22
|
var MODE = 'dark';
|
|
23
|
-
var shadows = {
|
|
23
|
+
var shadows = exports.shadows = {
|
|
24
24
|
low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
|
|
25
25
|
medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
|
|
26
26
|
high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF")
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
|
|
30
|
-
|
|
30
|
+
|
|
31
31
|
var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
|
|
32
32
|
app: {
|
|
33
33
|
background: {
|
|
@@ -265,5 +265,4 @@ var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
|
|
|
265
265
|
shadows: shadows,
|
|
266
266
|
mode: MODE
|
|
267
267
|
});
|
|
268
|
-
var _default = darkTheme;
|
|
269
|
-
exports.default = _default;
|
|
268
|
+
var _default = exports.default = darkTheme;
|
|
@@ -11,10 +11,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
13
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
-
function _toPropertyKey(
|
|
15
|
-
function _toPrimitive(
|
|
14
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
15
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
|
|
16
16
|
//import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
|
|
17
|
-
var navigation = {
|
|
17
|
+
var navigation = exports.navigation = {
|
|
18
18
|
main: {
|
|
19
19
|
background: {
|
|
20
20
|
base: _theme.default.colors.neutral[1000],
|
|
@@ -67,8 +67,7 @@ var navigation = {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
-
exports.
|
|
71
|
-
var datePicker = {
|
|
70
|
+
var datePicker = exports.datePicker = {
|
|
72
71
|
comparison: {
|
|
73
72
|
background: {
|
|
74
73
|
base: _theme.default.colors.neutral[400]
|
|
@@ -78,8 +77,7 @@ var datePicker = {
|
|
|
78
77
|
}
|
|
79
78
|
}
|
|
80
79
|
};
|
|
81
|
-
exports.
|
|
82
|
-
var analytics = {
|
|
80
|
+
var analytics = exports.analytics = {
|
|
83
81
|
trend: {
|
|
84
82
|
positive: _theme.default.colors.teal[500],
|
|
85
83
|
neutral: _theme.default.colors.neutral[100],
|
|
@@ -91,8 +89,7 @@ var analytics = {
|
|
|
91
89
|
}
|
|
92
90
|
}
|
|
93
91
|
};
|
|
94
|
-
exports.
|
|
95
|
-
var listening = {
|
|
92
|
+
var listening = exports.listening = {
|
|
96
93
|
chart: {
|
|
97
94
|
indicator: {
|
|
98
95
|
default: {
|
|
@@ -134,8 +131,7 @@ var listening = {
|
|
|
134
131
|
q7: _theme.default.colors.purple[900]
|
|
135
132
|
}
|
|
136
133
|
};
|
|
137
|
-
exports.
|
|
138
|
-
var growth = {
|
|
134
|
+
var growth = exports.growth = {
|
|
139
135
|
carousel: {
|
|
140
136
|
indicator: {
|
|
141
137
|
active: _theme.default.colors.blue[600],
|
|
@@ -221,8 +217,7 @@ var growth = {
|
|
|
221
217
|
}
|
|
222
218
|
}
|
|
223
219
|
};
|
|
224
|
-
exports.
|
|
225
|
-
var cardControl = {
|
|
220
|
+
var cardControl = exports.cardControl = {
|
|
226
221
|
background: {
|
|
227
222
|
base: _theme.default.colors.neutral[900],
|
|
228
223
|
selected: _theme.default.colors.neutral[700],
|
|
@@ -232,7 +227,6 @@ var cardControl = {
|
|
|
232
227
|
selected: _theme.default.colors.text.body
|
|
233
228
|
}
|
|
234
229
|
};
|
|
235
|
-
exports.cardControl = cardControl;
|
|
236
230
|
var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
|
|
237
231
|
colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
|
|
238
232
|
navigation: navigation,
|
|
@@ -243,5 +237,4 @@ var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
|
|
|
243
237
|
cardControl: cardControl
|
|
244
238
|
})
|
|
245
239
|
});
|
|
246
|
-
var _default = darkTheme;
|
|
247
|
-
exports.default = _default;
|
|
240
|
+
var _default = exports.default = darkTheme;
|
|
@@ -11,10 +11,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
13
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
-
function _toPropertyKey(
|
|
15
|
-
function _toPrimitive(
|
|
14
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
15
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
|
|
16
16
|
//import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
|
|
17
|
-
var navigation = {
|
|
17
|
+
var navigation = exports.navigation = {
|
|
18
18
|
main: {
|
|
19
19
|
background: {
|
|
20
20
|
base: _theme.default.colors.neutral[900],
|
|
@@ -64,8 +64,7 @@ var navigation = {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
exports.
|
|
68
|
-
var datePicker = {
|
|
67
|
+
var datePicker = exports.datePicker = {
|
|
69
68
|
comparison: {
|
|
70
69
|
background: {
|
|
71
70
|
base: _theme.default.colors.neutral[400]
|
|
@@ -75,8 +74,7 @@ var datePicker = {
|
|
|
75
74
|
}
|
|
76
75
|
}
|
|
77
76
|
};
|
|
78
|
-
exports.
|
|
79
|
-
var analytics = {
|
|
77
|
+
var analytics = exports.analytics = {
|
|
80
78
|
trend: {
|
|
81
79
|
positive: _theme.default.colors.teal[800],
|
|
82
80
|
neutral: _theme.default.colors.neutral[800],
|
|
@@ -88,8 +86,7 @@ var analytics = {
|
|
|
88
86
|
}
|
|
89
87
|
}
|
|
90
88
|
};
|
|
91
|
-
exports.
|
|
92
|
-
var listening = {
|
|
89
|
+
var listening = exports.listening = {
|
|
93
90
|
chart: {
|
|
94
91
|
indicator: {
|
|
95
92
|
default: {
|
|
@@ -131,8 +128,7 @@ var listening = {
|
|
|
131
128
|
q7: _theme.default.colors.purple[900]
|
|
132
129
|
}
|
|
133
130
|
};
|
|
134
|
-
exports.
|
|
135
|
-
var growth = {
|
|
131
|
+
var growth = exports.growth = {
|
|
136
132
|
carousel: {
|
|
137
133
|
indicator: {
|
|
138
134
|
active: _theme.default.colors.blue[600],
|
|
@@ -218,8 +214,7 @@ var growth = {
|
|
|
218
214
|
}
|
|
219
215
|
}
|
|
220
216
|
};
|
|
221
|
-
exports.
|
|
222
|
-
var cardControl = {
|
|
217
|
+
var cardControl = exports.cardControl = {
|
|
223
218
|
background: {
|
|
224
219
|
base: _theme.default.colors.neutral[0],
|
|
225
220
|
selected: _theme.default.colors.neutral[800],
|
|
@@ -229,7 +224,6 @@ var cardControl = {
|
|
|
229
224
|
selected: _theme.default.colors.text.inverse
|
|
230
225
|
}
|
|
231
226
|
};
|
|
232
|
-
exports.cardControl = cardControl;
|
|
233
227
|
var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
|
|
234
228
|
colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
|
|
235
229
|
navigation: navigation,
|
|
@@ -240,5 +234,4 @@ var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
|
|
|
240
234
|
cardControl: cardControl
|
|
241
235
|
})
|
|
242
236
|
});
|
|
243
|
-
var _default = lightTheme;
|
|
244
|
-
exports.default = _default;
|
|
237
|
+
var _default = exports.default = lightTheme;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.datavizPalette = void 0;
|
|
7
7
|
var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
var datavizPalette = {
|
|
9
|
+
var datavizPalette = exports.datavizPalette = {
|
|
10
10
|
DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_500, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_500, _seedsColor.default.COLOR_MAGENTA_500, _seedsColor.default.COLOR_GREEN_500, _seedsColor.default.COLOR_ORANGE_500, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_900, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_900, _seedsColor.default.COLOR_YELLOW_900, _seedsColor.default.COLOR_BLUE_900, _seedsColor.default.COLOR_MAGENTA_900, _seedsColor.default.COLOR_GREEN_900, _seedsColor.default.COLOR_ORANGE_900, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_YELLOW_800],
|
|
11
11
|
DATAVIZ_COLORS_MAP: {
|
|
12
12
|
'1': _seedsColor.default.COLOR_TEAL_500,
|
|
@@ -30,5 +30,4 @@ var datavizPalette = {
|
|
|
30
30
|
'19': _seedsColor.default.COLOR_GREEN_700,
|
|
31
31
|
'20': _seedsColor.default.COLOR_YELLOW_800
|
|
32
32
|
}
|
|
33
|
-
};
|
|
34
|
-
exports.datavizPalette = datavizPalette;
|
|
33
|
+
};
|
|
@@ -6,69 +6,58 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
|
|
7
7
|
var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
var green = {
|
|
9
|
+
var green = exports.green = {
|
|
10
10
|
background: _seedsColor.default.COLOR_GREEN_100,
|
|
11
11
|
highlight: _seedsColor.default.COLOR_GREEN_500,
|
|
12
12
|
foreground: _seedsColor.default.COLOR_GREEN_900
|
|
13
13
|
};
|
|
14
|
-
exports.
|
|
15
|
-
var blue = {
|
|
14
|
+
var blue = exports.blue = {
|
|
16
15
|
background: _seedsColor.default.COLOR_BLUE_100,
|
|
17
16
|
highlight: _seedsColor.default.COLOR_BLUE_600,
|
|
18
17
|
foreground: _seedsColor.default.COLOR_BLUE_900
|
|
19
18
|
};
|
|
20
|
-
exports.
|
|
21
|
-
var purple = {
|
|
19
|
+
var purple = exports.purple = {
|
|
22
20
|
background: _seedsColor.default.COLOR_PURPLE_100,
|
|
23
21
|
highlight: _seedsColor.default.COLOR_PURPLE_500,
|
|
24
22
|
foreground: _seedsColor.default.COLOR_PURPLE_800
|
|
25
23
|
};
|
|
26
|
-
exports.
|
|
27
|
-
var yellow = {
|
|
24
|
+
var yellow = exports.yellow = {
|
|
28
25
|
background: _seedsColor.default.COLOR_YELLOW_100,
|
|
29
26
|
highlight: _seedsColor.default.COLOR_YELLOW_600,
|
|
30
27
|
foreground: _seedsColor.default.COLOR_YELLOW_900
|
|
31
28
|
};
|
|
32
|
-
exports.
|
|
33
|
-
var orange = {
|
|
29
|
+
var orange = exports.orange = {
|
|
34
30
|
background: _seedsColor.default.COLOR_ORANGE_100,
|
|
35
31
|
highlight: _seedsColor.default.COLOR_ORANGE_600,
|
|
36
32
|
foreground: _seedsColor.default.COLOR_ORANGE_900
|
|
37
33
|
};
|
|
38
|
-
exports.
|
|
39
|
-
var red = {
|
|
34
|
+
var red = exports.red = {
|
|
40
35
|
background: _seedsColor.default.COLOR_RED_100,
|
|
41
36
|
highlight: _seedsColor.default.COLOR_RED_600,
|
|
42
37
|
foreground: _seedsColor.default.COLOR_RED_900
|
|
43
38
|
};
|
|
44
|
-
exports.
|
|
45
|
-
var neutral = {
|
|
39
|
+
var neutral = exports.neutral = {
|
|
46
40
|
background: _seedsColor.default.COLOR_NEUTRAL_100,
|
|
47
41
|
highlight: _seedsColor.default.COLOR_NEUTRAL_600,
|
|
48
42
|
foreground: _seedsColor.default.COLOR_NEUTRAL_900
|
|
49
43
|
};
|
|
50
|
-
exports.
|
|
51
|
-
var magenta = {
|
|
44
|
+
var magenta = exports.magenta = {
|
|
52
45
|
background: _seedsColor.default.COLOR_MAGENTA_100,
|
|
53
46
|
highlight: _seedsColor.default.COLOR_MAGENTA_600,
|
|
54
47
|
foreground: _seedsColor.default.COLOR_MAGENTA_900
|
|
55
48
|
};
|
|
56
|
-
exports.
|
|
57
|
-
var pink = {
|
|
49
|
+
var pink = exports.pink = {
|
|
58
50
|
background: _seedsColor.default.COLOR_PINK_100,
|
|
59
51
|
highlight: _seedsColor.default.COLOR_PINK_600,
|
|
60
52
|
foreground: _seedsColor.default.COLOR_PINK_900
|
|
61
53
|
};
|
|
62
|
-
exports.
|
|
63
|
-
var aqua = {
|
|
54
|
+
var aqua = exports.aqua = {
|
|
64
55
|
background: _seedsColor.default.COLOR_AQUA_100,
|
|
65
56
|
highlight: _seedsColor.default.COLOR_AQUA_500,
|
|
66
57
|
foreground: _seedsColor.default.COLOR_AQUA_900
|
|
67
58
|
};
|
|
68
|
-
exports.
|
|
69
|
-
var teal = {
|
|
59
|
+
var teal = exports.teal = {
|
|
70
60
|
background: _seedsColor.default.COLOR_TEAL_100,
|
|
71
61
|
highlight: _seedsColor.default.COLOR_TEAL_500,
|
|
72
62
|
foreground: _seedsColor.default.COLOR_TEAL_900
|
|
73
|
-
};
|
|
74
|
-
exports.teal = teal;
|
|
63
|
+
};
|
|
@@ -15,19 +15,18 @@ var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"))
|
|
|
15
15
|
var _literalColors = _interopRequireDefault(require("./literal-colors"));
|
|
16
16
|
var _datavizPalette = require("./dataviz-palette");
|
|
17
17
|
var _decorativePalettes = require("./decorative-palettes");
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
21
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
22
22
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
23
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
24
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
-
function _toPropertyKey(
|
|
26
|
-
function _toPrimitive(
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // eslint-disable-next-line no-restricted-syntax
|
|
27
27
|
// json-to-scss is not working with the alias right now
|
|
28
28
|
//import {TypeThemeMode} from '@src/types/theme';
|
|
29
|
-
var breakpoints = ['900px', '1200px', '1500px', '1800px'];
|
|
30
|
-
exports.breakpoints = breakpoints;
|
|
29
|
+
var breakpoints = exports.breakpoints = ['900px', '1200px', '1500px', '1800px'];
|
|
31
30
|
var MODE = 'light';
|
|
32
31
|
|
|
33
32
|
// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
|
|
@@ -127,7 +126,8 @@ var colors = _objectSpread(_objectSpread({
|
|
|
127
126
|
active: _seedsColor.default.COLOR_NEUTRAL_200
|
|
128
127
|
},
|
|
129
128
|
border: {
|
|
130
|
-
base: 'transparent'
|
|
129
|
+
base: 'transparent',
|
|
130
|
+
hover: _seedsColor.default.COLOR_NEUTRAL_800
|
|
131
131
|
},
|
|
132
132
|
text: {
|
|
133
133
|
base: _seedsColor.default.COLOR_NEUTRAL_800,
|
|
@@ -294,7 +294,7 @@ var colors = _objectSpread(_objectSpread({
|
|
|
294
294
|
list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
|
|
295
295
|
}
|
|
296
296
|
}, _literalColors.default), _datavizPalette.datavizPalette);
|
|
297
|
-
var typography = {
|
|
297
|
+
var typography = exports.typography = {
|
|
298
298
|
100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
|
|
299
299
|
200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200,
|
|
300
300
|
300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300,
|
|
@@ -308,8 +308,7 @@ var typography = {
|
|
|
308
308
|
1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100,
|
|
309
309
|
1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200
|
|
310
310
|
};
|
|
311
|
-
exports.
|
|
312
|
-
var fontSizes = {
|
|
311
|
+
var fontSizes = exports.fontSizes = {
|
|
313
312
|
100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.fontSize,
|
|
314
313
|
200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.fontSize,
|
|
315
314
|
300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.fontSize,
|
|
@@ -323,8 +322,7 @@ var fontSizes = {
|
|
|
323
322
|
1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.fontSize,
|
|
324
323
|
1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.fontSize
|
|
325
324
|
};
|
|
326
|
-
exports.
|
|
327
|
-
var lineHeights = {
|
|
325
|
+
var lineHeights = exports.lineHeights = {
|
|
328
326
|
100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.lineHeight,
|
|
329
327
|
200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.lineHeight,
|
|
330
328
|
300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.lineHeight,
|
|
@@ -338,17 +336,14 @@ var lineHeights = {
|
|
|
338
336
|
1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.lineHeight,
|
|
339
337
|
1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.lineHeight
|
|
340
338
|
};
|
|
341
|
-
exports.
|
|
342
|
-
var
|
|
343
|
-
exports.fontFamily = fontFamily;
|
|
344
|
-
var fontWeights = {
|
|
339
|
+
var fontFamily = exports.fontFamily = TYPOGRAPHY.TYPOGRAPHY_FAMILY;
|
|
340
|
+
var fontWeights = exports.fontWeights = {
|
|
345
341
|
normal: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_NORMAL,
|
|
346
342
|
semibold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_SEMIBOLD,
|
|
347
343
|
bold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_BOLD,
|
|
348
344
|
extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
|
|
349
345
|
};
|
|
350
|
-
exports.
|
|
351
|
-
var space = {
|
|
346
|
+
var space = exports.space = {
|
|
352
347
|
0: _seedsSpace.default.SPACE_SIZE_0,
|
|
353
348
|
100: _seedsSpace.default.SPACE_SIZE_100,
|
|
354
349
|
200: _seedsSpace.default.SPACE_SIZE_200,
|
|
@@ -359,8 +354,7 @@ var space = {
|
|
|
359
354
|
500: _seedsSpace.default.SPACE_SIZE_500,
|
|
360
355
|
600: _seedsSpace.default.SPACE_SIZE_600
|
|
361
356
|
};
|
|
362
|
-
exports.
|
|
363
|
-
var radii = {
|
|
357
|
+
var radii = exports.radii = {
|
|
364
358
|
400: _seedsBorder.default.BORDER_RADIUS_400,
|
|
365
359
|
500: _seedsBorder.default.BORDER_RADIUS_500,
|
|
366
360
|
600: _seedsBorder.default.BORDER_RADIUS_600,
|
|
@@ -369,33 +363,27 @@ var radii = {
|
|
|
369
363
|
outer: _seedsBorder.default.BORDER_RADIUS_600,
|
|
370
364
|
pill: _seedsBorder.default.BORDER_RADIUS_1000
|
|
371
365
|
};
|
|
372
|
-
exports.
|
|
373
|
-
var borders = {
|
|
366
|
+
var borders = exports.borders = {
|
|
374
367
|
500: "".concat(_seedsBorder.default.BORDER_WIDTH_500, " solid")
|
|
375
368
|
};
|
|
376
|
-
exports.
|
|
377
|
-
var borderWidths = {
|
|
369
|
+
var borderWidths = exports.borderWidths = {
|
|
378
370
|
500: _seedsBorder.default.BORDER_WIDTH_500
|
|
379
371
|
};
|
|
380
|
-
exports.
|
|
381
|
-
var shadows = {
|
|
372
|
+
var shadows = exports.shadows = {
|
|
382
373
|
low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
|
|
383
374
|
medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
|
|
384
375
|
high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D")
|
|
385
376
|
};
|
|
386
|
-
exports.
|
|
387
|
-
var easing = {
|
|
377
|
+
var easing = exports.easing = {
|
|
388
378
|
ease_in: _seedsMotion.default.MOTION_EASE_IN,
|
|
389
379
|
ease_out: _seedsMotion.default.MOTION_EASE_OUT,
|
|
390
380
|
ease_inout: _seedsMotion.default.MOTION_EASE_INOUT
|
|
391
381
|
};
|
|
392
|
-
exports.
|
|
393
|
-
var duration = {
|
|
382
|
+
var duration = exports.duration = {
|
|
394
383
|
fast: _seedsMotion.default.MOTION_DURATION_FAST,
|
|
395
384
|
medium: _seedsMotion.default.MOTION_DURATION_MEDIUM,
|
|
396
385
|
slow: _seedsMotion.default.MOTION_DURATION_SLOW
|
|
397
386
|
};
|
|
398
|
-
exports.duration = duration;
|
|
399
387
|
var theme = {
|
|
400
388
|
breakpoints: breakpoints,
|
|
401
389
|
colors: colors,
|
|
@@ -424,5 +412,4 @@ var theme = {
|
|
|
424
412
|
duration: duration,
|
|
425
413
|
mode: MODE
|
|
426
414
|
};
|
|
427
|
-
var _default = theme;
|
|
428
|
-
exports.default = _default;
|
|
415
|
+
var _default = exports.default = theme;
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
|
-
function _getRequireWildcardCache(
|
|
6
|
-
function _interopRequireWildcard(
|
|
5
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
6
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
|
-
function _getRequireWildcardCache(
|
|
6
|
-
function _interopRequireWildcard(
|
|
5
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
6
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -10,7 +10,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
|
|
|
10
10
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
11
11
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } /* eslint-env jest, node */
|
|
12
12
|
// use runA11yCheck from react-test-library utils file if using react-testing-library
|
|
13
|
-
var a11yCheck = /*#__PURE__*/function () {
|
|
13
|
+
var a11yCheck = exports.a11yCheck = /*#__PURE__*/function () {
|
|
14
14
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(html) {
|
|
15
15
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
16
16
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -30,5 +30,4 @@ var a11yCheck = /*#__PURE__*/function () {
|
|
|
30
30
|
return function a11yCheck(_x) {
|
|
31
31
|
return _ref.apply(this, arguments);
|
|
32
32
|
};
|
|
33
|
-
}();
|
|
34
|
-
exports.a11yCheck = a11yCheck;
|
|
33
|
+
}();
|
|
@@ -5,15 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.THEME_MAP = exports.EXTENDED_THEME = exports.CONTRAST_THEME = exports.COMPARE_THEME = void 0;
|
|
7
7
|
var _seedsColor = require("@sproutsocial/seeds-color");
|
|
8
|
-
var COMPARE_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_PURPLE_800];
|
|
9
|
-
exports.
|
|
10
|
-
var
|
|
11
|
-
exports.
|
|
12
|
-
var EXTENDED_THEME = [_seedsColor.COLOR_GREEN_500, _seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_BLUE_500, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_MAGENTA_500, _seedsColor.COLOR_PINK_500, _seedsColor.COLOR_RED_500, _seedsColor.COLOR_ORANGE_500, _seedsColor.COLOR_YELLOW_500, _seedsColor.COLOR_NEUTRAL_500, _seedsColor.COLOR_GREEN_800, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_BLUE_800, _seedsColor.COLOR_PURPLE_800, _seedsColor.COLOR_MAGENTA_800, _seedsColor.COLOR_PINK_800, _seedsColor.COLOR_RED_800, _seedsColor.COLOR_ORANGE_800, _seedsColor.COLOR_YELLOW_800, _seedsColor.COLOR_NEUTRAL_700];
|
|
13
|
-
exports.EXTENDED_THEME = EXTENDED_THEME;
|
|
14
|
-
var THEME_MAP = {
|
|
8
|
+
var COMPARE_THEME = exports.COMPARE_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_PURPLE_800];
|
|
9
|
+
var CONTRAST_THEME = exports.CONTRAST_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_PURPLE_700, _seedsColor.COLOR_PINK_700, _seedsColor.COLOR_YELLOW_500, _seedsColor.COLOR_BLUE_500, _seedsColor.COLOR_MAGENTA_500, _seedsColor.COLOR_NEUTRAL_500, _seedsColor.COLOR_GREEN_500, _seedsColor.COLOR_ORANGE_500, _seedsColor.COLOR_RED_700];
|
|
10
|
+
var EXTENDED_THEME = exports.EXTENDED_THEME = [_seedsColor.COLOR_GREEN_500, _seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_BLUE_500, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_MAGENTA_500, _seedsColor.COLOR_PINK_500, _seedsColor.COLOR_RED_500, _seedsColor.COLOR_ORANGE_500, _seedsColor.COLOR_YELLOW_500, _seedsColor.COLOR_NEUTRAL_500, _seedsColor.COLOR_GREEN_800, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_BLUE_800, _seedsColor.COLOR_PURPLE_800, _seedsColor.COLOR_MAGENTA_800, _seedsColor.COLOR_PINK_800, _seedsColor.COLOR_RED_800, _seedsColor.COLOR_ORANGE_800, _seedsColor.COLOR_YELLOW_800, _seedsColor.COLOR_NEUTRAL_700];
|
|
11
|
+
var THEME_MAP = exports.THEME_MAP = {
|
|
15
12
|
COMPARE: COMPARE_THEME,
|
|
16
13
|
CONTRAST: CONTRAST_THEME,
|
|
17
14
|
EXTENDED: EXTENDED_THEME
|
|
18
|
-
};
|
|
19
|
-
exports.THEME_MAP = THEME_MAP;
|
|
15
|
+
};
|
|
@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.EM_DASH = void 0;
|
|
7
|
-
var EM_DASH = '—'; // shift + option + hyphen on a mac keyboard
|
|
8
|
-
exports.EM_DASH = EM_DASH;
|
|
7
|
+
var EM_DASH = exports.EM_DASH = '—'; // shift + option + hyphen on a mac keyboard
|
|
@@ -60,12 +60,11 @@ var _buildQueries = (0, _react.buildQueries)(queryAllByDataQaLabel, getMultipleE
|
|
|
60
60
|
getByDataQaLabel = _buildQueries2[2],
|
|
61
61
|
findAllByDataQaLabel = _buildQueries2[3],
|
|
62
62
|
findByDataQaLabel = _buildQueries2[4];
|
|
63
|
-
var dataQaLabelQueries = {
|
|
63
|
+
var dataQaLabelQueries = exports.dataQaLabelQueries = {
|
|
64
64
|
queryByDataQaLabel: queryByDataQaLabel,
|
|
65
65
|
queryAllByDataQaLabel: queryAllByDataQaLabel,
|
|
66
66
|
getAllByDataQaLabel: getAllByDataQaLabel,
|
|
67
67
|
getByDataQaLabel: getByDataQaLabel,
|
|
68
68
|
findAllByDataQaLabel: findAllByDataQaLabel,
|
|
69
69
|
findByDataQaLabel: findByDataQaLabel
|
|
70
|
-
};
|
|
71
|
-
exports.dataQaLabelQueries = dataQaLabelQueries;
|
|
70
|
+
};
|
|
@@ -9,6 +9,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
9
9
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
10
10
|
// https://stackoverflow.com/questions/44700904/how-to-get-a-functions-return-type-in-flow
|
|
11
11
|
// eslint-disable-next-line flowtype/type-id-match
|
|
12
|
+
|
|
12
13
|
var useTextContentClone = function useTextContentClone(initial) {
|
|
13
14
|
var _useState = (0, _react.useState)(initial),
|
|
14
15
|
_useState2 = _slicedToArray(_useState, 2),
|
package/commonjs/utils/hooks.js
CHANGED
|
@@ -16,8 +16,8 @@ var _ = require("./");
|
|
|
16
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
17
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
-
function _toPropertyKey(
|
|
20
|
-
function _toPrimitive(
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
20
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
21
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
22
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
23
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -80,7 +80,7 @@ function useMutationObserverOnce(targetNode, config, callback) {
|
|
|
80
80
|
}
|
|
81
81
|
return value;
|
|
82
82
|
}
|
|
83
|
-
var useSelect = function useSelect() {
|
|
83
|
+
var useSelect = exports.useSelect = function useSelect() {
|
|
84
84
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
|
|
85
85
|
initialValue: '',
|
|
86
86
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
@@ -105,7 +105,6 @@ var useSelect = function useSelect() {
|
|
|
105
105
|
onChange: onChange
|
|
106
106
|
};
|
|
107
107
|
};
|
|
108
|
-
exports.useSelect = useSelect;
|
|
109
108
|
var valueReducer = function valueReducer(state, action) {
|
|
110
109
|
var newState = new Set(state);
|
|
111
110
|
switch (action.type) {
|
|
@@ -127,7 +126,7 @@ var valueReducer = function valueReducer(state, action) {
|
|
|
127
126
|
}
|
|
128
127
|
}
|
|
129
128
|
};
|
|
130
|
-
var useMultiselect = function useMultiselect() {
|
|
129
|
+
var useMultiselect = exports.useMultiselect = function useMultiselect() {
|
|
131
130
|
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
|
|
132
131
|
initialValue: [],
|
|
133
132
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
@@ -170,7 +169,6 @@ var useMultiselect = function useMultiselect() {
|
|
|
170
169
|
onClear: onClear
|
|
171
170
|
};
|
|
172
171
|
};
|
|
173
|
-
exports.useMultiselect = useMultiselect;
|
|
174
172
|
function useWhyDidYouUpdate(name, props) {
|
|
175
173
|
// Get a mutable ref object where we can store props ...
|
|
176
174
|
// ... for comparison next time this hook runs.
|