@sproutsocial/racine 20.12.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 +36 -0
- package/README.md +1 -0
- package/__flow__/EnumLogoNames.flow.js +1 -1
- package/__flow__/LogoViewBoxes.js +2 -0
- package/__flow__/types/theme.colors.flow.js +2 -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/LogoViewBoxes.js +2 -0
- 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 +22 -34
- 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/logo.svg +1 -1
- package/dist/logoList.js +1 -1
- package/dist/themes/dark/theme.scss +2 -1
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +2 -1
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +4 -2
- package/dist/themes/light/theme.scss +4 -2
- package/dist/types/Button/styles.d.ts.map +1 -1
- package/dist/types/EnumLogoNames.d.ts +1 -1
- package/dist/types/EnumLogoNames.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
- package/dist/types/logoNames.d.ts +1 -1
- package/dist/types/logoNames.d.ts.map +1 -1
- package/dist/types/themes/dark/theme.d.ts +19 -18
- package/dist/types/themes/dark/theme.d.ts.map +1 -1
- package/dist/types/themes/light/theme.d.ts +29 -27
- package/dist/types/themes/light/theme.d.ts.map +1 -1
- package/dist/types/types/theme.colors.d.ts +2 -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/LogoViewBoxes.js +2 -0
- 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/logoNames.js +1 -1
- 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 +7 -4
- 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,
|
|
@@ -286,14 +286,15 @@ var colors = _objectSpread(_objectSpread({
|
|
|
286
286
|
yelp: _seedsNetworkcolor.default.NETWORK_COLOR_YELP,
|
|
287
287
|
whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP,
|
|
288
288
|
tiktok: _seedsNetworkcolor.default.NETWORK_COLOR_TIKTOK,
|
|
289
|
-
threads: _seedsNetworkcolor.default.NETWORK_COLOR_THREADS
|
|
289
|
+
threads: _seedsNetworkcolor.default.NETWORK_COLOR_THREADS,
|
|
290
|
+
trustpilot: _seedsNetworkcolor.default.NETWORK_COLOR_TRUSTPILOT
|
|
290
291
|
},
|
|
291
292
|
dataviz: {
|
|
292
293
|
map: _datavizPalette.datavizPalette.DATAVIZ_COLORS_MAP,
|
|
293
294
|
list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
|
|
294
295
|
}
|
|
295
296
|
}, _literalColors.default), _datavizPalette.datavizPalette);
|
|
296
|
-
var typography = {
|
|
297
|
+
var typography = exports.typography = {
|
|
297
298
|
100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
|
|
298
299
|
200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200,
|
|
299
300
|
300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300,
|
|
@@ -307,8 +308,7 @@ var typography = {
|
|
|
307
308
|
1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100,
|
|
308
309
|
1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200
|
|
309
310
|
};
|
|
310
|
-
exports.
|
|
311
|
-
var fontSizes = {
|
|
311
|
+
var fontSizes = exports.fontSizes = {
|
|
312
312
|
100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.fontSize,
|
|
313
313
|
200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.fontSize,
|
|
314
314
|
300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.fontSize,
|
|
@@ -322,8 +322,7 @@ var fontSizes = {
|
|
|
322
322
|
1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.fontSize,
|
|
323
323
|
1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.fontSize
|
|
324
324
|
};
|
|
325
|
-
exports.
|
|
326
|
-
var lineHeights = {
|
|
325
|
+
var lineHeights = exports.lineHeights = {
|
|
327
326
|
100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.lineHeight,
|
|
328
327
|
200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.lineHeight,
|
|
329
328
|
300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.lineHeight,
|
|
@@ -337,17 +336,14 @@ var lineHeights = {
|
|
|
337
336
|
1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.lineHeight,
|
|
338
337
|
1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.lineHeight
|
|
339
338
|
};
|
|
340
|
-
exports.
|
|
341
|
-
var
|
|
342
|
-
exports.fontFamily = fontFamily;
|
|
343
|
-
var fontWeights = {
|
|
339
|
+
var fontFamily = exports.fontFamily = TYPOGRAPHY.TYPOGRAPHY_FAMILY;
|
|
340
|
+
var fontWeights = exports.fontWeights = {
|
|
344
341
|
normal: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_NORMAL,
|
|
345
342
|
semibold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_SEMIBOLD,
|
|
346
343
|
bold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_BOLD,
|
|
347
344
|
extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
|
|
348
345
|
};
|
|
349
|
-
exports.
|
|
350
|
-
var space = {
|
|
346
|
+
var space = exports.space = {
|
|
351
347
|
0: _seedsSpace.default.SPACE_SIZE_0,
|
|
352
348
|
100: _seedsSpace.default.SPACE_SIZE_100,
|
|
353
349
|
200: _seedsSpace.default.SPACE_SIZE_200,
|
|
@@ -358,8 +354,7 @@ var space = {
|
|
|
358
354
|
500: _seedsSpace.default.SPACE_SIZE_500,
|
|
359
355
|
600: _seedsSpace.default.SPACE_SIZE_600
|
|
360
356
|
};
|
|
361
|
-
exports.
|
|
362
|
-
var radii = {
|
|
357
|
+
var radii = exports.radii = {
|
|
363
358
|
400: _seedsBorder.default.BORDER_RADIUS_400,
|
|
364
359
|
500: _seedsBorder.default.BORDER_RADIUS_500,
|
|
365
360
|
600: _seedsBorder.default.BORDER_RADIUS_600,
|
|
@@ -368,33 +363,27 @@ var radii = {
|
|
|
368
363
|
outer: _seedsBorder.default.BORDER_RADIUS_600,
|
|
369
364
|
pill: _seedsBorder.default.BORDER_RADIUS_1000
|
|
370
365
|
};
|
|
371
|
-
exports.
|
|
372
|
-
var borders = {
|
|
366
|
+
var borders = exports.borders = {
|
|
373
367
|
500: "".concat(_seedsBorder.default.BORDER_WIDTH_500, " solid")
|
|
374
368
|
};
|
|
375
|
-
exports.
|
|
376
|
-
var borderWidths = {
|
|
369
|
+
var borderWidths = exports.borderWidths = {
|
|
377
370
|
500: _seedsBorder.default.BORDER_WIDTH_500
|
|
378
371
|
};
|
|
379
|
-
exports.
|
|
380
|
-
var shadows = {
|
|
372
|
+
var shadows = exports.shadows = {
|
|
381
373
|
low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
|
|
382
374
|
medium: "".concat(_seedsDepth.default.ELEVATION_LEVEL_300, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D"),
|
|
383
375
|
high: "".concat(_seedsDepth.default.ELEVATION_LEVEL_400, " ").concat(_seedsColor.default.COLOR_NEUTRAL_900, "3D")
|
|
384
376
|
};
|
|
385
|
-
exports.
|
|
386
|
-
var easing = {
|
|
377
|
+
var easing = exports.easing = {
|
|
387
378
|
ease_in: _seedsMotion.default.MOTION_EASE_IN,
|
|
388
379
|
ease_out: _seedsMotion.default.MOTION_EASE_OUT,
|
|
389
380
|
ease_inout: _seedsMotion.default.MOTION_EASE_INOUT
|
|
390
381
|
};
|
|
391
|
-
exports.
|
|
392
|
-
var duration = {
|
|
382
|
+
var duration = exports.duration = {
|
|
393
383
|
fast: _seedsMotion.default.MOTION_DURATION_FAST,
|
|
394
384
|
medium: _seedsMotion.default.MOTION_DURATION_MEDIUM,
|
|
395
385
|
slow: _seedsMotion.default.MOTION_DURATION_SLOW
|
|
396
386
|
};
|
|
397
|
-
exports.duration = duration;
|
|
398
387
|
var theme = {
|
|
399
388
|
breakpoints: breakpoints,
|
|
400
389
|
colors: colors,
|
|
@@ -423,5 +412,4 @@ var theme = {
|
|
|
423
412
|
duration: duration,
|
|
424
413
|
mode: MODE
|
|
425
414
|
};
|
|
426
|
-
var _default = theme;
|
|
427
|
-
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.
|