@sproutsocial/racine 12.20.0 → 12.21.1
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 +26 -0
- package/README.md +46 -44
- package/__flow__/Avatar/index.js +26 -26
- package/__flow__/Avatar/index.stories.js +8 -8
- package/__flow__/Avatar/index.test.js +13 -13
- package/__flow__/Badge/constants.js +14 -14
- package/__flow__/Badge/index.js +18 -18
- package/__flow__/Badge/index.stories.js +8 -8
- package/__flow__/Badge/index.test.js +43 -43
- package/__flow__/Badge/styles.js +13 -9
- package/__flow__/Banner/index.js +21 -21
- package/__flow__/Banner/index.stories.js +56 -68
- package/__flow__/Banner/index.test.js +32 -34
- package/__flow__/Banner/styles.js +4 -4
- package/__flow__/Box/index.js +4 -4
- package/__flow__/Box/index.stories.js +58 -51
- package/__flow__/Box/index.test.js +7 -7
- package/__flow__/Box/styles.js +6 -6
- package/__flow__/Breadcrumb/index.js +9 -13
- package/__flow__/Breadcrumb/index.stories.js +14 -14
- package/__flow__/Breadcrumb/index.test.js +20 -20
- package/__flow__/Breadcrumb/styles.js +5 -5
- package/__flow__/Button/index.js +23 -23
- package/__flow__/Button/index.stories.js +34 -34
- package/__flow__/Button/styles.js +11 -11
- package/__flow__/Card/index.js +7 -7
- package/__flow__/Card/index.stories.js +14 -14
- package/__flow__/Card/styles.js +7 -7
- package/__flow__/CharacterCounter/index.js +7 -7
- package/__flow__/CharacterCounter/index.stories.js +25 -26
- package/__flow__/CharacterCounter/index.test.js +11 -11
- package/__flow__/CharacterCounter/styles.js +3 -3
- package/__flow__/ChartLegend/index.js +7 -7
- package/__flow__/ChartLegend/index.stories.js +22 -22
- package/__flow__/ChartLegend/index.test.js +27 -27
- package/__flow__/ChartLegend/styles.js +7 -7
- package/__flow__/Checkbox/index.js +10 -10
- package/__flow__/Checkbox/index.stories.js +24 -24
- package/__flow__/Checkbox/index.test.js +25 -25
- package/__flow__/Checkbox/styles.js +27 -28
- package/__flow__/Collapsible/index.js +15 -15
- package/__flow__/Collapsible/index.stories.js +13 -13
- package/__flow__/Collapsible/index.test.js +27 -27
- package/__flow__/Collapsible/styles.js +5 -5
- package/__flow__/DatePicker/DateRangePicker.js +5 -8
- package/__flow__/DatePicker/DateRangePicker.stories.js +19 -19
- package/__flow__/DatePicker/DateRangePicker.test.js +21 -21
- package/__flow__/DatePicker/SingleDatePicker.js +6 -9
- package/__flow__/DatePicker/SingleDatePicker.stories.js +10 -10
- package/__flow__/DatePicker/SingleDatePicker.test.js +21 -23
- package/__flow__/DatePicker/StatefulDateRangePicker.js +6 -6
- package/__flow__/DatePicker/StatefulSingleDatePicker.js +3 -3
- package/__flow__/DatePicker/common.js +13 -13
- package/__flow__/DatePicker/index.js +3 -3
- package/__flow__/DatePicker/styles.js +42 -42
- package/__flow__/Drawer/SlideTransition.js +10 -10
- package/__flow__/Drawer/index.js +29 -29
- package/__flow__/Drawer/index.stories.js +58 -141
- package/__flow__/Drawer/index.test.js +28 -28
- package/__flow__/Drawer/styles.js +4 -4
- package/__flow__/EmptyState/index.js +5 -5
- package/__flow__/EmptyState/index.stories.js +10 -10
- package/__flow__/EmptyState/index.test.js +27 -27
- package/__flow__/EnumIllustrationNames.js +1 -1
- package/__flow__/Fieldset/index.js +14 -14
- package/__flow__/Fieldset/index.stories.js +19 -20
- package/__flow__/Fieldset/index.test.js +14 -14
- package/__flow__/Fieldset/styles.js +5 -5
- package/__flow__/FormField/index.js +14 -14
- package/__flow__/FormField/index.stories.js +31 -21
- package/__flow__/FormField/index.test.js +19 -19
- package/__flow__/Icon/deprecatedIcons.js +36 -36
- package/__flow__/Icon/index.js +17 -17
- package/__flow__/Icon/index.stories.js +30 -30
- package/__flow__/Icon/index.test.js +15 -15
- package/__flow__/Icon/styles.js +12 -12
- package/__flow__/IllustrationViewBoxes.js +1 -1
- package/__flow__/Image/index.js +6 -7
- package/__flow__/Image/index.stories.js +5 -5
- package/__flow__/Image/index.test.js +24 -24
- package/__flow__/Image/styles.js +6 -5
- package/__flow__/Indicator/index.js +7 -7
- package/__flow__/Indicator/index.stories.js +8 -14
- package/__flow__/Indicator/index.test.js +6 -6
- package/__flow__/Indicator/styles.js +6 -6
- package/__flow__/Input/index.js +37 -37
- package/__flow__/Input/index.stories.js +96 -189
- package/__flow__/Input/index.test.js +117 -117
- package/__flow__/Input/styles.js +13 -13
- package/__flow__/KeyboardKey/index.js +5 -5
- package/__flow__/KeyboardKey/index.stories.js +9 -12
- package/__flow__/KeyboardKey/index.test.js +7 -7
- package/__flow__/KeyboardKey/styles.js +4 -4
- package/__flow__/Label/index.js +6 -6
- package/__flow__/Label/index.stories.js +5 -7
- package/__flow__/Label/index.test.js +8 -8
- package/__flow__/Link/constants.js +4 -4
- package/__flow__/Link/index.js +11 -11
- package/__flow__/Link/index.stories.js +61 -102
- package/__flow__/Link/index.test.js +40 -40
- package/__flow__/Link/styles.js +6 -6
- package/__flow__/Listbox/index.js +16 -16
- package/__flow__/Listbox/index.stories.js +35 -35
- package/__flow__/Listbox/index.test.js +63 -65
- package/__flow__/Loader/index.js +12 -12
- package/__flow__/Loader/index.stories.js +10 -10
- package/__flow__/Loader/index.test.js +17 -17
- package/__flow__/Loader/styles.js +9 -13
- package/__flow__/LoaderButton/index.js +25 -25
- package/__flow__/LoaderButton/index.stories.js +7 -7
- package/__flow__/LoaderButton/index.test.js +15 -15
- package/__flow__/Menu/constants.js +8 -8
- package/__flow__/Menu/descendants.js +89 -80
- package/__flow__/Menu/hooks.js +22 -22
- package/__flow__/Menu/index.flow.js +13 -13
- package/__flow__/Menu/index.js +56 -60
- package/__flow__/Menu/index.stories.js +19 -19
- package/__flow__/Menu/index.test.js +22 -22
- package/__flow__/Menu/names.js +4945 -4945
- package/__flow__/Menu/styles.js +5 -5
- package/__flow__/Message/index.js +33 -33
- package/__flow__/Message/index.stories.js +18 -13
- package/__flow__/Message/index.test.js +6 -6
- package/__flow__/Message/styles.js +15 -15
- package/__flow__/Modal/index.js +19 -19
- package/__flow__/Modal/index.stories.js +43 -43
- package/__flow__/Modal/index.test.js +29 -29
- package/__flow__/Modal/styles.js +27 -32
- package/__flow__/Numeral/index.js +22 -22
- package/__flow__/Numeral/index.stories.js +74 -74
- package/__flow__/Numeral/styles.js +3 -3
- package/__flow__/Numeral/tests/A11y.test.js +7 -7
- package/__flow__/Numeral/tests/abbreviate.test.js +40 -40
- package/__flow__/Numeral/tests/currency.test.js +24 -24
- package/__flow__/Numeral/tests/defaults.test.js +20 -20
- package/__flow__/Numeral/tests/invalid.test.js +9 -9
- package/__flow__/Numeral/tests/locale.test.js +38 -38
- package/__flow__/Numeral/tests/precision.test.js +76 -76
- package/__flow__/Numeral/tests/testNumeral.js +11 -11
- package/__flow__/Numeral/tests/zero.test.js +8 -8
- package/__flow__/OverflowList/index.flow.js +2 -2
- package/__flow__/OverflowList/index.js +12 -12
- package/__flow__/OverflowList/index.stories.js +10 -10
- package/__flow__/OverflowList/index.test.js +25 -25
- package/__flow__/OverflowList/styles.js +5 -5
- package/__flow__/PartnerLogo/TypePartnerNames.js +37 -37
- package/__flow__/PartnerLogo/index.js +20 -20
- package/__flow__/PartnerLogo/index.stories.js +52 -52
- package/__flow__/PartnerLogo/styles.js +12 -12
- package/__flow__/Popout/index.js +66 -67
- package/__flow__/Popout/index.stories.js +101 -82
- package/__flow__/Popout/index.test.js +43 -43
- package/__flow__/Popout/styles.js +4 -5
- package/__flow__/Portal/index.js +9 -9
- package/__flow__/Portal/index.stories.js +12 -12
- package/__flow__/Radio/index.js +4 -4
- package/__flow__/Radio/index.stories.js +11 -11
- package/__flow__/Radio/index.test.js +12 -12
- package/__flow__/Radio/styles.js +15 -16
- package/__flow__/SegmentedControl/index.js +7 -7
- package/__flow__/SegmentedControl/index.stories.js +7 -7
- package/__flow__/SegmentedControl/index.test.js +29 -29
- package/__flow__/SegmentedControl/styles.js +10 -9
- package/__flow__/Select/index.js +10 -10
- package/__flow__/Select/index.stories.js +33 -69
- package/__flow__/Select/index.test.js +14 -14
- package/__flow__/Select/styles.js +16 -16
- package/__flow__/Skeleton/index.js +4 -4
- package/__flow__/Skeleton/index.stories.js +5 -5
- package/__flow__/SpotIllustration/illustrationNames.js +118 -117
- package/__flow__/SpotIllustration/index.js +15 -11
- package/__flow__/SpotIllustration/index.stories.js +18 -18
- package/__flow__/SpotIllustration/spotIllustrations/molecule.svg +14 -0
- package/__flow__/Stack/index.js +43 -33
- package/__flow__/Stack/index.stories.js +41 -91
- package/__flow__/Stack/index.test.js +16 -7
- package/__flow__/Switch/index.js +8 -8
- package/__flow__/Switch/index.stories.js +5 -5
- package/__flow__/Switch/index.test.js +25 -29
- package/__flow__/Switch/styles.js +13 -9
- package/__flow__/Table/index.js +17 -17
- package/__flow__/Table/index.stories.js +99 -99
- package/__flow__/Table/index.test.js +32 -32
- package/__flow__/Table/styles.js +4 -4
- package/__flow__/TableCell/index.js +8 -7
- package/__flow__/TableCell/index.stories.js +20 -23
- package/__flow__/TableCell/index.test.js +11 -11
- package/__flow__/TableCell/styles.js +4 -5
- package/__flow__/TableHeaderCell/index.js +14 -14
- package/__flow__/TableHeaderCell/index.stories.js +35 -30
- package/__flow__/TableHeaderCell/index.test.js +11 -11
- package/__flow__/TableHeaderCell/styles.js +4 -4
- package/__flow__/TableRowAccordion/index.js +8 -8
- package/__flow__/TableRowAccordion/index.stories.js +36 -36
- package/__flow__/TableRowAccordion/index.test.js +28 -30
- package/__flow__/TableRowAccordion/styles.js +11 -7
- package/__flow__/Tabs/index.js +11 -11
- package/__flow__/Tabs/index.stories.js +28 -54
- package/__flow__/Tabs/index.test.js +54 -54
- package/__flow__/Tabs/styles.js +6 -7
- package/__flow__/Text/index.js +14 -14
- package/__flow__/Text/index.stories.js +84 -86
- package/__flow__/Text/index.test.js +29 -33
- package/__flow__/Text/styles.js +4 -4
- package/__flow__/Textarea/index.js +5 -5
- package/__flow__/Textarea/index.stories.js +54 -93
- package/__flow__/Textarea/index.test.js +30 -30
- package/__flow__/Textarea/styles.js +6 -6
- package/__flow__/ThemeProvider/index.js +4 -4
- package/__flow__/Toast/index.js +23 -23
- package/__flow__/Toast/index.stories.js +21 -21
- package/__flow__/Toast/styles.js +6 -6
- package/__flow__/ToggleHint/index.js +8 -8
- package/__flow__/ToggleHint/index.test.js +8 -8
- package/__flow__/ToggleHint/styles.js +8 -8
- package/__flow__/Token/index.js +10 -10
- package/__flow__/Token/index.stories.js +49 -54
- package/__flow__/Token/index.test.js +28 -28
- package/__flow__/Token/styles.js +11 -11
- package/__flow__/TokenInput/index.flow.js +1 -1
- package/__flow__/TokenInput/index.js +39 -39
- package/__flow__/TokenInput/index.stories.js +121 -128
- package/__flow__/TokenInput/styles.js +5 -5
- package/__flow__/TokenInput/tests/default/clicking.test.js +13 -13
- package/__flow__/TokenInput/tests/default/deleting.test.js +39 -39
- package/__flow__/TokenInput/tests/default/focusing.test.js +18 -18
- package/__flow__/TokenInput/tests/default/inputting.test.js +23 -23
- package/__flow__/TokenInput/tests/default/pasting.test.js +52 -52
- package/__flow__/TokenInput/tests/default/rendering.test.js +54 -54
- package/__flow__/TokenInput/util.js +4 -4
- package/__flow__/Tooltip/index.js +21 -21
- package/__flow__/Tooltip/index.stories.js +18 -18
- package/__flow__/Tooltip/index.test.js +54 -54
- package/__flow__/Tooltip/styles.js +4 -5
- package/__flow__/VisuallyHidden/index.js +3 -3
- package/__flow__/building-stories.stories.mdx +121 -0
- package/__flow__/dataviz/dataviz.stories.js +4 -4
- package/__flow__/dataviz/index.js +3 -3
- package/__flow__/index.js +72 -72
- package/__flow__/overview.stories.js +60 -0
- package/__flow__/setupTests.js +5 -5
- package/__flow__/systemProps/background.js +3 -3
- package/__flow__/systemProps/border.js +3 -3
- package/__flow__/systemProps/color.js +3 -3
- package/__flow__/systemProps/custom.js +3 -3
- package/__flow__/systemProps/flexbox.js +3 -3
- package/__flow__/systemProps/grid.js +3 -3
- package/__flow__/systemProps/index.js +14 -14
- package/__flow__/systemProps/layout.js +3 -3
- package/__flow__/systemProps/position.js +3 -3
- package/__flow__/systemProps/shadow.js +3 -3
- package/__flow__/systemProps/space.js +3 -7
- package/__flow__/systemProps/systemProps.js +14 -14
- package/__flow__/systemProps/tests/background.test.js +17 -17
- package/__flow__/systemProps/tests/border.test.js +61 -61
- package/__flow__/systemProps/tests/color.test.js +15 -15
- package/__flow__/systemProps/tests/custom.test.js +12 -12
- package/__flow__/systemProps/tests/flexbox.test.js +33 -33
- package/__flow__/systemProps/tests/grid.test.js +31 -31
- package/__flow__/systemProps/tests/layout.test.js +29 -29
- package/__flow__/systemProps/tests/position.test.js +19 -19
- package/__flow__/systemProps/tests/shadow.test.js +11 -11
- package/__flow__/systemProps/tests/space.test.js +11 -11
- package/__flow__/systemProps/tests/types.flow.js +18 -18
- package/__flow__/systemProps/tests/typography.test.js +21 -21
- package/__flow__/systemProps/tests/variant.test.js +9 -9
- package/__flow__/systemProps/types.flow.js +2 -2
- package/__flow__/systemProps/typography.js +4 -4
- package/__flow__/systemProps/variant.js +5 -5
- package/__flow__/themes/dark/dataviz-palette.js +21 -21
- package/__flow__/themes/dark/decorative-palettes.js +1 -1
- package/__flow__/themes/dark/theme.js +16 -16
- package/__flow__/themes/extendedThemes/README.md +1 -1
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +4 -4
- package/__flow__/themes/extendedThemes/sproutTheme/index.js +2 -2
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +4 -4
- package/__flow__/themes/light/dataviz-palette.js +21 -21
- package/__flow__/themes/light/decorative-palettes.js +1 -1
- package/__flow__/themes/light/literal-colors.js +133 -133
- package/__flow__/themes/light/theme.js +51 -51
- package/__flow__/types/system-props.flow.js +5 -5
- package/__flow__/types/theme.colors.flow.js +2 -2
- package/__flow__/types/theme.flow.js +5 -5
- package/__flow__/utils/a11yTest.js +1 -1
- package/__flow__/utils/chartColors.js +1 -1
- package/__flow__/utils/constants.js +1 -1
- package/__flow__/utils/dataQaLabelQueries.js +2 -2
- package/__flow__/utils/hooks.js +17 -17
- package/__flow__/utils/index.js +4 -4
- package/__flow__/utils/innerText.js +9 -9
- package/__flow__/utils/mixins.js +6 -6
- package/__flow__/utils/react-testing-library.js +6 -6
- package/__flow__/utils/responsiveProps/index.js +3 -3
- package/__flow__/utils/responsiveProps/index.test.js +8 -8
- package/__flow__/utils/system-props.js +3 -3
- package/__flow__/utils/useInteractiveColor.js +5 -5
- package/__flow__/writing-good-stories.stories.mdx +3 -0
- package/bin/racine-codemod.js +12 -12
- package/codemods/__tests__/migrate-2.x-to-3.x.test.js +2 -2
- package/codemods/migrate-2.x-to-3.x.js +29 -30
- package/commonjs/Avatar/index.js +33 -53
- package/commonjs/Badge/constants.js +18 -15
- package/commonjs/Badge/index.js +14 -28
- package/commonjs/Badge/styles.js +3 -9
- package/commonjs/Banner/index.js +16 -37
- package/commonjs/Banner/styles.js +0 -5
- package/commonjs/Box/index.js +2 -9
- package/commonjs/Box/styles.js +0 -4
- package/commonjs/Breadcrumb/index.js +13 -29
- package/commonjs/Breadcrumb/styles.js +1 -4
- package/commonjs/Button/index.js +29 -43
- package/commonjs/Button/styles.js +6 -15
- package/commonjs/Card/index.js +16 -26
- package/commonjs/Card/styles.js +1 -5
- package/commonjs/CharacterCounter/index.js +6 -23
- package/commonjs/CharacterCounter/styles.js +0 -5
- package/commonjs/ChartLegend/index.js +5 -20
- package/commonjs/ChartLegend/styles.js +2 -11
- package/commonjs/Checkbox/index.js +30 -53
- package/commonjs/Checkbox/styles.js +14 -35
- package/commonjs/Collapsible/index.js +31 -54
- package/commonjs/Collapsible/styles.js +3 -6
- package/commonjs/DatePicker/DateRangePicker.js +4 -17
- package/commonjs/DatePicker/SingleDatePicker.js +3 -17
- package/commonjs/DatePicker/StatefulDateRangePicker.js +16 -31
- package/commonjs/DatePicker/StatefulSingleDatePicker.js +7 -20
- package/commonjs/DatePicker/common.js +8 -22
- package/commonjs/DatePicker/index.js +0 -5
- package/commonjs/DatePicker/styles.js +8 -25
- package/commonjs/Drawer/SlideTransition.js +8 -18
- package/commonjs/Drawer/index.js +51 -90
- package/commonjs/Drawer/styles.js +0 -8
- package/commonjs/EmptyState/index.js +8 -20
- package/commonjs/Fieldset/index.js +15 -32
- package/commonjs/Fieldset/styles.js +2 -7
- package/commonjs/FormField/index.js +19 -36
- package/commonjs/Icon/deprecatedIcons.js +36 -36
- package/commonjs/Icon/index.js +19 -37
- package/commonjs/Icon/styles.js +7 -16
- package/commonjs/IllustrationViewBoxes.js +1 -0
- package/commonjs/Image/index.js +13 -41
- package/commonjs/Image/styles.js +1 -7
- package/commonjs/Indicator/index.js +8 -26
- package/commonjs/Indicator/styles.js +1 -7
- package/commonjs/Input/index.js +80 -119
- package/commonjs/Input/styles.js +9 -19
- package/commonjs/KeyboardKey/index.js +3 -20
- package/commonjs/KeyboardKey/styles.js +0 -4
- package/commonjs/Label/index.js +7 -27
- package/commonjs/Link/constants.js +3 -4
- package/commonjs/Link/index.js +16 -28
- package/commonjs/Link/styles.js +1 -8
- package/commonjs/Listbox/index.js +15 -36
- package/commonjs/Loader/index.js +15 -31
- package/commonjs/Loader/styles.js +2 -13
- package/commonjs/LoaderButton/index.js +26 -55
- package/commonjs/Menu/constants.js +9 -8
- package/commonjs/Menu/descendants.js +70 -105
- package/commonjs/Menu/hooks.js +23 -41
- package/commonjs/Menu/index.flow.js +0 -7
- package/commonjs/Menu/index.js +94 -164
- package/commonjs/Menu/names.js +1 -1
- package/commonjs/Menu/styles.js +0 -6
- package/commonjs/Message/index.js +37 -70
- package/commonjs/Message/styles.js +9 -24
- package/commonjs/Modal/index.js +31 -54
- package/commonjs/Modal/styles.js +17 -36
- package/commonjs/Numeral/index.js +39 -67
- package/commonjs/Numeral/styles.js +0 -3
- package/commonjs/Numeral/tests/testNumeral.js +13 -31
- package/commonjs/OverflowList/index.flow.js +0 -2
- package/commonjs/OverflowList/index.js +27 -41
- package/commonjs/OverflowList/styles.js +0 -7
- package/commonjs/PartnerLogo/index.js +19 -33
- package/commonjs/PartnerLogo/styles.js +7 -15
- package/commonjs/Popout/index.js +95 -127
- package/commonjs/Popout/styles.js +0 -5
- package/commonjs/Portal/index.js +8 -31
- package/commonjs/Radio/index.js +18 -42
- package/commonjs/Radio/styles.js +9 -21
- package/commonjs/SegmentedControl/index.js +17 -37
- package/commonjs/SegmentedControl/styles.js +2 -12
- package/commonjs/Select/index.js +24 -47
- package/commonjs/Select/styles.js +12 -24
- package/commonjs/Skeleton/index.js +0 -5
- package/commonjs/SpotIllustration/illustrationNames.js +1 -1
- package/commonjs/SpotIllustration/index.js +5 -11
- package/commonjs/Stack/index.js +27 -42
- package/commonjs/Switch/index.js +17 -42
- package/commonjs/Switch/styles.js +3 -11
- package/commonjs/Table/index.js +26 -50
- package/commonjs/Table/styles.js +0 -4
- package/commonjs/TableCell/index.js +12 -30
- package/commonjs/TableCell/styles.js +0 -5
- package/commonjs/TableHeaderCell/index.js +27 -56
- package/commonjs/TableHeaderCell/styles.js +0 -6
- package/commonjs/TableRowAccordion/index.js +12 -37
- package/commonjs/TableRowAccordion/styles.js +2 -9
- package/commonjs/Tabs/index.js +16 -66
- package/commonjs/Tabs/styles.js +2 -11
- package/commonjs/Text/index.js +12 -25
- package/commonjs/Text/styles.js +1 -6
- package/commonjs/Textarea/index.js +31 -55
- package/commonjs/Textarea/styles.js +2 -9
- package/commonjs/ThemeProvider/index.js +1 -10
- package/commonjs/Toast/index.js +19 -42
- package/commonjs/Toast/styles.js +1 -7
- package/commonjs/ToggleHint/index.js +15 -39
- package/commonjs/ToggleHint/styles.js +2 -9
- package/commonjs/Token/index.js +15 -29
- package/commonjs/Token/styles.js +5 -12
- package/commonjs/TokenInput/index.js +70 -122
- package/commonjs/TokenInput/styles.js +1 -7
- package/commonjs/TokenInput/util.js +2 -7
- package/commonjs/Tooltip/index.js +40 -63
- package/commonjs/Tooltip/styles.js +1 -5
- package/commonjs/VisuallyHidden/index.js +0 -4
- package/commonjs/dataviz/index.js +0 -4
- package/commonjs/index.js +0 -129
- package/commonjs/systemProps/background.js +0 -1
- package/commonjs/systemProps/border.js +0 -1
- package/commonjs/systemProps/color.js +0 -1
- package/commonjs/systemProps/custom.js +0 -1
- package/commonjs/systemProps/flexbox.js +0 -1
- package/commonjs/systemProps/grid.js +0 -1
- package/commonjs/systemProps/index.js +0 -28
- package/commonjs/systemProps/layout.js +0 -1
- package/commonjs/systemProps/position.js +0 -1
- package/commonjs/systemProps/shadow.js +0 -1
- package/commonjs/systemProps/space.js +1 -2
- package/commonjs/systemProps/systemProps.js +0 -13
- package/commonjs/systemProps/tests/types.flow.js +25 -22
- package/commonjs/systemProps/typography.js +0 -1
- package/commonjs/systemProps/variant.js +2 -3
- package/commonjs/themes/dark/dataviz-palette.js +20 -22
- package/commonjs/themes/dark/decorative-palettes.js +0 -2
- package/commonjs/themes/dark/theme.js +13 -27
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +2 -9
- package/commonjs/themes/extendedThemes/sproutTheme/index.js +0 -5
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +2 -9
- package/commonjs/themes/light/dataviz-palette.js +20 -22
- package/commonjs/themes/light/decorative-palettes.js +0 -2
- package/commonjs/themes/light/literal-colors.js +132 -134
- package/commonjs/themes/light/theme.js +43 -59
- package/commonjs/types/system-props.flow.js +1 -1
- package/commonjs/types/theme.colors.flow.js +0 -2
- package/commonjs/types/theme.flow.js +0 -1
- package/commonjs/utils/a11yTest.js +3 -10
- package/commonjs/utils/chartColors.js +0 -1
- package/commonjs/utils/constants.js +1 -1
- package/commonjs/utils/dataQaLabelQueries.js +12 -21
- package/commonjs/utils/hooks.js +39 -70
- package/commonjs/utils/index.js +2 -9
- package/commonjs/utils/innerText.js +10 -14
- package/commonjs/utils/mixins.js +2 -7
- package/commonjs/utils/react-testing-library.js +4 -26
- package/commonjs/utils/responsiveProps/index.js +1 -11
- package/commonjs/utils/system-props.js +2 -5
- package/commonjs/utils/useInteractiveColor.js +6 -8
- package/dist/illustration.svg +1 -1
- package/dist/illustrationList.js +1 -1
- package/lib/Avatar/index.js +40 -47
- package/lib/Badge/constants.js +19 -15
- package/lib/Badge/index.js +18 -25
- package/lib/Badge/styles.js +8 -6
- package/lib/Banner/index.js +20 -32
- package/lib/Banner/styles.js +3 -2
- package/lib/Box/index.js +4 -5
- package/lib/Box/styles.js +3 -2
- package/lib/Breadcrumb/index.js +19 -27
- package/lib/Breadcrumb/styles.js +3 -2
- package/lib/Button/index.js +31 -38
- package/lib/Button/styles.js +14 -11
- package/lib/Card/index.js +18 -24
- package/lib/Card/styles.js +5 -4
- package/lib/CharacterCounter/index.js +8 -20
- package/lib/CharacterCounter/styles.js +3 -2
- package/lib/ChartLegend/index.js +9 -17
- package/lib/ChartLegend/styles.js +5 -4
- package/lib/Checkbox/index.js +32 -51
- package/lib/Checkbox/styles.js +21 -26
- package/lib/Collapsible/index.js +36 -51
- package/lib/Collapsible/styles.js +6 -5
- package/lib/DatePicker/DateRangePicker.js +8 -14
- package/lib/DatePicker/SingleDatePicker.js +7 -13
- package/lib/DatePicker/StatefulDateRangePicker.js +19 -26
- package/lib/DatePicker/StatefulSingleDatePicker.js +9 -15
- package/lib/DatePicker/common.js +14 -13
- package/lib/DatePicker/index.js +2 -2
- package/lib/DatePicker/styles.js +12 -22
- package/lib/Drawer/SlideTransition.js +11 -14
- package/lib/Drawer/index.js +64 -88
- package/lib/Drawer/styles.js +4 -3
- package/lib/EmptyState/index.js +11 -17
- package/lib/Fieldset/index.js +19 -29
- package/lib/Fieldset/styles.js +5 -4
- package/lib/FormField/index.js +27 -33
- package/lib/Icon/deprecatedIcons.js +36 -36
- package/lib/Icon/index.js +25 -34
- package/lib/Icon/styles.js +11 -13
- package/lib/IllustrationViewBoxes.js +1 -0
- package/lib/Image/index.js +15 -38
- package/lib/Image/styles.js +4 -4
- package/lib/Indicator/index.js +11 -23
- package/lib/Indicator/styles.js +5 -5
- package/lib/Input/index.js +87 -115
- package/lib/Input/styles.js +13 -15
- package/lib/KeyboardKey/index.js +6 -17
- package/lib/KeyboardKey/styles.js +3 -2
- package/lib/Label/index.js +10 -24
- package/lib/Link/constants.js +5 -4
- package/lib/Link/index.js +18 -25
- package/lib/Link/styles.js +6 -5
- package/lib/Listbox/index.js +21 -29
- package/lib/Loader/index.js +17 -29
- package/lib/Loader/styles.js +6 -8
- package/lib/LoaderButton/index.js +34 -51
- package/lib/Menu/constants.js +10 -8
- package/lib/Menu/descendants.js +73 -94
- package/lib/Menu/hooks.js +28 -39
- package/lib/Menu/index.flow.js +6 -5
- package/lib/Menu/index.js +113 -150
- package/lib/Menu/names.js +1 -1
- package/lib/Menu/styles.js +4 -3
- package/lib/Message/index.js +42 -66
- package/lib/Message/styles.js +15 -23
- package/lib/Modal/index.js +38 -51
- package/lib/Modal/styles.js +23 -32
- package/lib/Numeral/index.js +45 -64
- package/lib/Numeral/styles.js +3 -2
- package/lib/Numeral/tests/testNumeral.js +17 -27
- package/lib/OverflowList/index.flow.js +2 -1
- package/lib/OverflowList/index.js +31 -38
- package/lib/OverflowList/styles.js +5 -4
- package/lib/PartnerLogo/index.js +23 -31
- package/lib/PartnerLogo/styles.js +11 -12
- package/lib/Popout/index.js +105 -121
- package/lib/Popout/styles.js +3 -3
- package/lib/Portal/index.js +11 -29
- package/lib/Radio/index.js +20 -40
- package/lib/Radio/styles.js +14 -14
- package/lib/SegmentedControl/index.js +21 -34
- package/lib/SegmentedControl/styles.js +7 -9
- package/lib/Select/index.js +27 -44
- package/lib/Select/styles.js +16 -20
- package/lib/Skeleton/index.js +7 -4
- package/lib/SpotIllustration/illustrationNames.js +2 -1
- package/lib/SpotIllustration/index.js +9 -10
- package/lib/Stack/index.js +31 -39
- package/lib/Switch/index.js +21 -39
- package/lib/Switch/styles.js +8 -7
- package/lib/Table/index.js +30 -40
- package/lib/Table/styles.js +3 -2
- package/lib/TableCell/index.js +14 -27
- package/lib/TableCell/styles.js +3 -3
- package/lib/TableHeaderCell/index.js +30 -52
- package/lib/TableHeaderCell/styles.js +3 -2
- package/lib/TableRowAccordion/index.js +16 -34
- package/lib/TableRowAccordion/styles.js +5 -3
- package/lib/Tabs/index.js +18 -63
- package/lib/Tabs/styles.js +6 -6
- package/lib/Text/index.js +15 -21
- package/lib/Text/styles.js +4 -3
- package/lib/Textarea/index.js +33 -53
- package/lib/Textarea/styles.js +6 -5
- package/lib/ThemeProvider/index.js +4 -7
- package/lib/Toast/index.js +26 -37
- package/lib/Toast/styles.js +5 -4
- package/lib/ToggleHint/index.js +18 -36
- package/lib/ToggleHint/styles.js +6 -5
- package/lib/Token/index.js +20 -26
- package/lib/Token/styles.js +10 -9
- package/lib/TokenInput/index.js +78 -118
- package/lib/TokenInput/styles.js +5 -4
- package/lib/TokenInput/util.js +5 -3
- package/lib/Tooltip/index.js +45 -60
- package/lib/Tooltip/styles.js +4 -4
- package/lib/VisuallyHidden/index.js +3 -2
- package/lib/dataviz/index.js +4 -3
- package/lib/index.js +66 -64
- package/lib/systemProps/background.js +3 -1
- package/lib/systemProps/border.js +3 -1
- package/lib/systemProps/color.js +3 -1
- package/lib/systemProps/custom.js +3 -1
- package/lib/systemProps/flexbox.js +3 -1
- package/lib/systemProps/grid.js +3 -1
- package/lib/systemProps/index.js +16 -14
- package/lib/systemProps/layout.js +3 -1
- package/lib/systemProps/position.js +3 -1
- package/lib/systemProps/shadow.js +3 -1
- package/lib/systemProps/space.js +2 -1
- package/lib/systemProps/systemProps.js +14 -13
- package/lib/systemProps/tests/types.flow.js +27 -22
- package/lib/systemProps/typography.js +3 -1
- package/lib/systemProps/variant.js +4 -3
- package/lib/themes/dark/dataviz-palette.js +23 -21
- package/lib/themes/dark/decorative-palettes.js +3 -1
- package/lib/themes/dark/theme.js +20 -23
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +4 -7
- package/lib/themes/extendedThemes/sproutTheme/index.js +3 -2
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +4 -7
- package/lib/themes/light/dataviz-palette.js +23 -21
- package/lib/themes/light/decorative-palettes.js +3 -1
- package/lib/themes/light/literal-colors.js +135 -133
- package/lib/themes/light/theme.js +54 -55
- package/lib/types/system-props.flow.js +1 -1
- package/lib/types/theme.colors.flow.js +4 -2
- package/lib/types/theme.flow.js +3 -2
- package/lib/utils/a11yTest.js +5 -8
- package/lib/utils/chartColors.js +3 -1
- package/lib/utils/constants.js +3 -1
- package/lib/utils/dataQaLabelQueries.js +13 -21
- package/lib/utils/hooks.js +41 -64
- package/lib/utils/index.js +2 -5
- package/lib/utils/innerText.js +12 -14
- package/lib/utils/mixins.js +6 -5
- package/lib/utils/react-testing-library.js +10 -20
- package/lib/utils/responsiveProps/index.js +3 -8
- package/lib/utils/system-props.js +4 -3
- package/lib/utils/useInteractiveColor.js +10 -9
- package/package.json +6 -13
|
@@ -2,165 +2,163 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
-
|
|
6
5
|
var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
7
|
-
|
|
8
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
7
|
|
|
10
8
|
var literalColors = {
|
|
11
9
|
neutral: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
'0': _seedsColor.default.COLOR_NEUTRAL_0,
|
|
11
|
+
'100': _seedsColor.default.COLOR_NEUTRAL_100,
|
|
12
|
+
'200': _seedsColor.default.COLOR_NEUTRAL_200,
|
|
13
|
+
'300': _seedsColor.default.COLOR_NEUTRAL_300,
|
|
14
|
+
'400': _seedsColor.default.COLOR_NEUTRAL_400,
|
|
15
|
+
'500': _seedsColor.default.COLOR_NEUTRAL_500,
|
|
16
|
+
'600': _seedsColor.default.COLOR_NEUTRAL_600,
|
|
17
|
+
'700': _seedsColor.default.COLOR_NEUTRAL_700,
|
|
18
|
+
'800': _seedsColor.default.COLOR_NEUTRAL_800,
|
|
19
|
+
'900': _seedsColor.default.COLOR_NEUTRAL_900,
|
|
20
|
+
'1000': _seedsColor.default.COLOR_NEUTRAL_1000,
|
|
21
|
+
'1100': _seedsColor.default.COLOR_NEUTRAL_1100
|
|
24
22
|
},
|
|
25
23
|
green: {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
24
|
+
'0': _seedsColor.default.COLOR_GREEN_0,
|
|
25
|
+
'100': _seedsColor.default.COLOR_GREEN_100,
|
|
26
|
+
'200': _seedsColor.default.COLOR_GREEN_200,
|
|
27
|
+
'300': _seedsColor.default.COLOR_GREEN_300,
|
|
28
|
+
'400': _seedsColor.default.COLOR_GREEN_400,
|
|
29
|
+
'500': _seedsColor.default.COLOR_GREEN_500,
|
|
30
|
+
'600': _seedsColor.default.COLOR_GREEN_600,
|
|
31
|
+
'700': _seedsColor.default.COLOR_GREEN_700,
|
|
32
|
+
'800': _seedsColor.default.COLOR_GREEN_800,
|
|
33
|
+
'900': _seedsColor.default.COLOR_GREEN_900,
|
|
34
|
+
'1000': _seedsColor.default.COLOR_GREEN_1000,
|
|
35
|
+
'1100': _seedsColor.default.COLOR_GREEN_1100
|
|
38
36
|
},
|
|
39
37
|
red: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
38
|
+
'0': _seedsColor.default.COLOR_RED_0,
|
|
39
|
+
'100': _seedsColor.default.COLOR_RED_100,
|
|
40
|
+
'200': _seedsColor.default.COLOR_RED_200,
|
|
41
|
+
'300': _seedsColor.default.COLOR_RED_300,
|
|
42
|
+
'400': _seedsColor.default.COLOR_RED_400,
|
|
43
|
+
'500': _seedsColor.default.COLOR_RED_500,
|
|
44
|
+
'600': _seedsColor.default.COLOR_RED_600,
|
|
45
|
+
'700': _seedsColor.default.COLOR_RED_700,
|
|
46
|
+
'800': _seedsColor.default.COLOR_RED_800,
|
|
47
|
+
'900': _seedsColor.default.COLOR_RED_900,
|
|
48
|
+
'1000': _seedsColor.default.COLOR_RED_1000,
|
|
49
|
+
'1100': _seedsColor.default.COLOR_RED_1100
|
|
52
50
|
},
|
|
53
51
|
blue: {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
52
|
+
'0': _seedsColor.default.COLOR_BLUE_0,
|
|
53
|
+
'100': _seedsColor.default.COLOR_BLUE_100,
|
|
54
|
+
'200': _seedsColor.default.COLOR_BLUE_200,
|
|
55
|
+
'300': _seedsColor.default.COLOR_BLUE_300,
|
|
56
|
+
'400': _seedsColor.default.COLOR_BLUE_400,
|
|
57
|
+
'500': _seedsColor.default.COLOR_BLUE_500,
|
|
58
|
+
'600': _seedsColor.default.COLOR_BLUE_600,
|
|
59
|
+
'700': _seedsColor.default.COLOR_BLUE_700,
|
|
60
|
+
'800': _seedsColor.default.COLOR_BLUE_800,
|
|
61
|
+
'900': _seedsColor.default.COLOR_BLUE_900,
|
|
62
|
+
'1000': _seedsColor.default.COLOR_BLUE_1000,
|
|
63
|
+
'1100': _seedsColor.default.COLOR_BLUE_1100
|
|
66
64
|
},
|
|
67
65
|
teal: {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
66
|
+
'0': _seedsColor.default.COLOR_TEAL_0,
|
|
67
|
+
'100': _seedsColor.default.COLOR_TEAL_100,
|
|
68
|
+
'200': _seedsColor.default.COLOR_TEAL_200,
|
|
69
|
+
'300': _seedsColor.default.COLOR_TEAL_300,
|
|
70
|
+
'400': _seedsColor.default.COLOR_TEAL_400,
|
|
71
|
+
'500': _seedsColor.default.COLOR_TEAL_500,
|
|
72
|
+
'600': _seedsColor.default.COLOR_TEAL_600,
|
|
73
|
+
'700': _seedsColor.default.COLOR_TEAL_700,
|
|
74
|
+
'800': _seedsColor.default.COLOR_TEAL_800,
|
|
75
|
+
'900': _seedsColor.default.COLOR_TEAL_900,
|
|
76
|
+
'1000': _seedsColor.default.COLOR_TEAL_1000,
|
|
77
|
+
'1100': _seedsColor.default.COLOR_TEAL_1100
|
|
80
78
|
},
|
|
81
79
|
aqua: {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
80
|
+
'0': _seedsColor.default.COLOR_AQUA_0,
|
|
81
|
+
'100': _seedsColor.default.COLOR_AQUA_100,
|
|
82
|
+
'200': _seedsColor.default.COLOR_AQUA_200,
|
|
83
|
+
'300': _seedsColor.default.COLOR_AQUA_300,
|
|
84
|
+
'400': _seedsColor.default.COLOR_AQUA_400,
|
|
85
|
+
'500': _seedsColor.default.COLOR_AQUA_500,
|
|
86
|
+
'600': _seedsColor.default.COLOR_AQUA_600,
|
|
87
|
+
'700': _seedsColor.default.COLOR_AQUA_700,
|
|
88
|
+
'800': _seedsColor.default.COLOR_AQUA_800,
|
|
89
|
+
'900': _seedsColor.default.COLOR_AQUA_900,
|
|
90
|
+
'1000': _seedsColor.default.COLOR_AQUA_1000,
|
|
91
|
+
'1100': _seedsColor.default.COLOR_AQUA_1100
|
|
94
92
|
},
|
|
95
93
|
purple: {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
94
|
+
'0': _seedsColor.default.COLOR_PURPLE_0,
|
|
95
|
+
'100': _seedsColor.default.COLOR_PURPLE_100,
|
|
96
|
+
'200': _seedsColor.default.COLOR_PURPLE_200,
|
|
97
|
+
'300': _seedsColor.default.COLOR_PURPLE_300,
|
|
98
|
+
'400': _seedsColor.default.COLOR_PURPLE_400,
|
|
99
|
+
'500': _seedsColor.default.COLOR_PURPLE_500,
|
|
100
|
+
'600': _seedsColor.default.COLOR_PURPLE_600,
|
|
101
|
+
'700': _seedsColor.default.COLOR_PURPLE_700,
|
|
102
|
+
'800': _seedsColor.default.COLOR_PURPLE_800,
|
|
103
|
+
'900': _seedsColor.default.COLOR_PURPLE_900,
|
|
104
|
+
'1000': _seedsColor.default.COLOR_PURPLE_1000,
|
|
105
|
+
'1100': _seedsColor.default.COLOR_PURPLE_1100
|
|
108
106
|
},
|
|
109
107
|
magenta: {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
108
|
+
'0': _seedsColor.default.COLOR_MAGENTA_0,
|
|
109
|
+
'100': _seedsColor.default.COLOR_MAGENTA_100,
|
|
110
|
+
'200': _seedsColor.default.COLOR_MAGENTA_200,
|
|
111
|
+
'300': _seedsColor.default.COLOR_MAGENTA_300,
|
|
112
|
+
'400': _seedsColor.default.COLOR_MAGENTA_400,
|
|
113
|
+
'500': _seedsColor.default.COLOR_MAGENTA_500,
|
|
114
|
+
'600': _seedsColor.default.COLOR_MAGENTA_600,
|
|
115
|
+
'700': _seedsColor.default.COLOR_MAGENTA_700,
|
|
116
|
+
'800': _seedsColor.default.COLOR_MAGENTA_800,
|
|
117
|
+
'900': _seedsColor.default.COLOR_MAGENTA_900,
|
|
118
|
+
'1000': _seedsColor.default.COLOR_MAGENTA_1000,
|
|
119
|
+
'1100': _seedsColor.default.COLOR_MAGENTA_1100
|
|
122
120
|
},
|
|
123
121
|
yellow: {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
122
|
+
'0': _seedsColor.default.COLOR_YELLOW_0,
|
|
123
|
+
'100': _seedsColor.default.COLOR_YELLOW_100,
|
|
124
|
+
'200': _seedsColor.default.COLOR_YELLOW_200,
|
|
125
|
+
'300': _seedsColor.default.COLOR_YELLOW_300,
|
|
126
|
+
'400': _seedsColor.default.COLOR_YELLOW_400,
|
|
127
|
+
'500': _seedsColor.default.COLOR_YELLOW_500,
|
|
128
|
+
'600': _seedsColor.default.COLOR_YELLOW_600,
|
|
129
|
+
'700': _seedsColor.default.COLOR_YELLOW_700,
|
|
130
|
+
'800': _seedsColor.default.COLOR_YELLOW_800,
|
|
131
|
+
'900': _seedsColor.default.COLOR_YELLOW_900,
|
|
132
|
+
'1000': _seedsColor.default.COLOR_YELLOW_1000,
|
|
133
|
+
'1100': _seedsColor.default.COLOR_YELLOW_1100
|
|
136
134
|
},
|
|
137
135
|
pink: {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
136
|
+
'0': _seedsColor.default.COLOR_PINK_0,
|
|
137
|
+
'100': _seedsColor.default.COLOR_PINK_100,
|
|
138
|
+
'200': _seedsColor.default.COLOR_PINK_200,
|
|
139
|
+
'300': _seedsColor.default.COLOR_PINK_300,
|
|
140
|
+
'400': _seedsColor.default.COLOR_PINK_400,
|
|
141
|
+
'500': _seedsColor.default.COLOR_PINK_500,
|
|
142
|
+
'600': _seedsColor.default.COLOR_PINK_600,
|
|
143
|
+
'700': _seedsColor.default.COLOR_PINK_700,
|
|
144
|
+
'800': _seedsColor.default.COLOR_PINK_800,
|
|
145
|
+
'900': _seedsColor.default.COLOR_PINK_900,
|
|
146
|
+
'1000': _seedsColor.default.COLOR_PINK_1000,
|
|
147
|
+
'1100': _seedsColor.default.COLOR_PINK_1100
|
|
150
148
|
},
|
|
151
149
|
orange: {
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
150
|
+
'0': _seedsColor.default.COLOR_ORANGE_0,
|
|
151
|
+
'100': _seedsColor.default.COLOR_ORANGE_100,
|
|
152
|
+
'200': _seedsColor.default.COLOR_ORANGE_200,
|
|
153
|
+
'300': _seedsColor.default.COLOR_ORANGE_300,
|
|
154
|
+
'400': _seedsColor.default.COLOR_ORANGE_400,
|
|
155
|
+
'500': _seedsColor.default.COLOR_ORANGE_500,
|
|
156
|
+
'600': _seedsColor.default.COLOR_ORANGE_600,
|
|
157
|
+
'700': _seedsColor.default.COLOR_ORANGE_700,
|
|
158
|
+
'800': _seedsColor.default.COLOR_ORANGE_800,
|
|
159
|
+
'900': _seedsColor.default.COLOR_ORANGE_900,
|
|
160
|
+
'1000': _seedsColor.default.COLOR_ORANGE_1000,
|
|
161
|
+
'1100': _seedsColor.default.COLOR_ORANGE_1100
|
|
164
162
|
}
|
|
165
163
|
};
|
|
166
164
|
var _default = literalColors;
|
|
@@ -2,36 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.typography = exports.space = exports.shadows = exports.radii = exports.fontWeights = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
|
|
5
|
-
|
|
6
5
|
var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
7
|
-
|
|
8
6
|
var _literalColors = _interopRequireDefault(require("./literal-colors"));
|
|
9
|
-
|
|
10
7
|
var _datavizPalette = require("./dataviz-palette");
|
|
11
|
-
|
|
12
8
|
var _decorativePalettes = require("./decorative-palettes");
|
|
13
|
-
|
|
14
9
|
var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
|
|
15
|
-
|
|
16
10
|
var _seedsTypography = _interopRequireDefault(require("@sproutsocial/seeds-typography"));
|
|
17
|
-
|
|
18
11
|
var _seedsSpace = _interopRequireDefault(require("@sproutsocial/seeds-space"));
|
|
19
|
-
|
|
20
12
|
var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
|
|
21
|
-
|
|
22
13
|
var _seedsMotion = _interopRequireDefault(require("@sproutsocial/seeds-motion"));
|
|
23
|
-
|
|
24
14
|
var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"));
|
|
25
|
-
|
|
26
15
|
var _polished = require("polished");
|
|
27
|
-
|
|
28
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var breakpoints = ["900px", "1200px", "1500px", "1800px"];
|
|
17
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
|
+
var breakpoints = ['900px', '1200px', '1500px', '1800px'];
|
|
33
19
|
exports.breakpoints = breakpoints;
|
|
34
|
-
var MODE =
|
|
20
|
+
var MODE = 'light';
|
|
21
|
+
|
|
22
|
+
// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
|
|
35
23
|
|
|
36
24
|
var colors = _extends({
|
|
37
25
|
app: {
|
|
@@ -47,7 +35,6 @@ var colors = _extends({
|
|
|
47
35
|
error: _decorativePalettes.red.background,
|
|
48
36
|
info: _decorativePalettes.blue.background,
|
|
49
37
|
opportunity: _decorativePalettes.purple.background,
|
|
50
|
-
|
|
51
38
|
/** @deprecated Use "error" instead of "danger" */
|
|
52
39
|
danger: _decorativePalettes.red.background,
|
|
53
40
|
decorative: {
|
|
@@ -73,7 +60,6 @@ var colors = _extends({
|
|
|
73
60
|
success: _decorativePalettes.green.highlight,
|
|
74
61
|
warning: _decorativePalettes.yellow.highlight,
|
|
75
62
|
error: _decorativePalettes.red.highlight,
|
|
76
|
-
|
|
77
63
|
/** @deprecated Use "error" instead of "danger" */
|
|
78
64
|
danger: _decorativePalettes.red.highlight,
|
|
79
65
|
info: _decorativePalettes.blue.highlight,
|
|
@@ -102,7 +88,7 @@ var colors = _extends({
|
|
|
102
88
|
active: _seedsColor.default.COLOR_BLUE_900
|
|
103
89
|
},
|
|
104
90
|
border: {
|
|
105
|
-
base:
|
|
91
|
+
base: 'transparent'
|
|
106
92
|
},
|
|
107
93
|
text: {
|
|
108
94
|
base: _seedsColor.default.COLOR_NEUTRAL_0,
|
|
@@ -111,7 +97,7 @@ var colors = _extends({
|
|
|
111
97
|
},
|
|
112
98
|
secondary: {
|
|
113
99
|
background: {
|
|
114
|
-
base:
|
|
100
|
+
base: 'transparent',
|
|
115
101
|
hover: _seedsColor.default.COLOR_NEUTRAL_800,
|
|
116
102
|
active: _seedsColor.default.COLOR_NEUTRAL_900
|
|
117
103
|
},
|
|
@@ -125,12 +111,12 @@ var colors = _extends({
|
|
|
125
111
|
},
|
|
126
112
|
pill: {
|
|
127
113
|
background: {
|
|
128
|
-
base:
|
|
114
|
+
base: 'transparent',
|
|
129
115
|
hover: _seedsColor.default.COLOR_NEUTRAL_100,
|
|
130
116
|
active: _seedsColor.default.COLOR_NEUTRAL_200
|
|
131
117
|
},
|
|
132
118
|
border: {
|
|
133
|
-
base:
|
|
119
|
+
base: 'transparent'
|
|
134
120
|
},
|
|
135
121
|
text: {
|
|
136
122
|
base: _seedsColor.default.COLOR_NEUTRAL_800,
|
|
@@ -144,7 +130,7 @@ var colors = _extends({
|
|
|
144
130
|
active: _seedsColor.default.COLOR_RED_1000
|
|
145
131
|
},
|
|
146
132
|
border: {
|
|
147
|
-
base:
|
|
133
|
+
base: 'transparent'
|
|
148
134
|
},
|
|
149
135
|
text: {
|
|
150
136
|
base: _seedsColor.default.COLOR_NEUTRAL_0,
|
|
@@ -153,7 +139,7 @@ var colors = _extends({
|
|
|
153
139
|
},
|
|
154
140
|
placeholder: {
|
|
155
141
|
background: {
|
|
156
|
-
base:
|
|
142
|
+
base: 'transparent',
|
|
157
143
|
hover: _seedsColor.default.COLOR_NEUTRAL_0,
|
|
158
144
|
active: _seedsColor.default.COLOR_NEUTRAL_0
|
|
159
145
|
},
|
|
@@ -167,10 +153,10 @@ var colors = _extends({
|
|
|
167
153
|
},
|
|
168
154
|
unstyled: {
|
|
169
155
|
background: {
|
|
170
|
-
base:
|
|
156
|
+
base: 'transparent'
|
|
171
157
|
},
|
|
172
158
|
border: {
|
|
173
|
-
base:
|
|
159
|
+
base: 'transparent'
|
|
174
160
|
},
|
|
175
161
|
text: {
|
|
176
162
|
base: _seedsColor.default.COLOR_NEUTRAL_700,
|
|
@@ -199,7 +185,6 @@ var colors = _extends({
|
|
|
199
185
|
success: _decorativePalettes.green.foreground,
|
|
200
186
|
warning: _decorativePalettes.yellow.foreground,
|
|
201
187
|
error: _decorativePalettes.red.foreground,
|
|
202
|
-
|
|
203
188
|
/** @deprecated Use "error" instead of "danger" */
|
|
204
189
|
danger: _decorativePalettes.red.foreground,
|
|
205
190
|
info: _decorativePalettes.blue.foreground,
|
|
@@ -226,7 +211,7 @@ var colors = _extends({
|
|
|
226
211
|
},
|
|
227
212
|
listItem: {
|
|
228
213
|
background: {
|
|
229
|
-
base:
|
|
214
|
+
base: 'transparent',
|
|
230
215
|
hover: _seedsColor.default.COLOR_NEUTRAL_100,
|
|
231
216
|
selected: _seedsColor.default.COLOR_NEUTRAL_800
|
|
232
217
|
}
|
|
@@ -281,20 +266,19 @@ var colors = _extends({
|
|
|
281
266
|
list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST
|
|
282
267
|
}
|
|
283
268
|
}, _literalColors.default, _datavizPalette.datavizPalette);
|
|
284
|
-
|
|
285
269
|
var typography = {
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
270
|
+
'100': _seedsTypography.default.TYPOGRAPHY_SIZE_100,
|
|
271
|
+
'200': _seedsTypography.default.TYPOGRAPHY_SIZE_200,
|
|
272
|
+
'300': _seedsTypography.default.TYPOGRAPHY_SIZE_300,
|
|
273
|
+
'400': _seedsTypography.default.TYPOGRAPHY_SIZE_400,
|
|
274
|
+
'500': _seedsTypography.default.TYPOGRAPHY_SIZE_500,
|
|
275
|
+
'600': _seedsTypography.default.TYPOGRAPHY_SIZE_600,
|
|
276
|
+
'700': _seedsTypography.default.TYPOGRAPHY_SIZE_700,
|
|
277
|
+
'800': _seedsTypography.default.TYPOGRAPHY_SIZE_800,
|
|
278
|
+
'900': _seedsTypography.default.TYPOGRAPHY_SIZE_900,
|
|
279
|
+
'1000': _seedsTypography.default.TYPOGRAPHY_SIZE_1000,
|
|
280
|
+
'1100': _seedsTypography.default.TYPOGRAPHY_SIZE_1100,
|
|
281
|
+
'1200': _seedsTypography.default.TYPOGRAPHY_SIZE_1200
|
|
298
282
|
};
|
|
299
283
|
exports.typography = typography;
|
|
300
284
|
var fontFamily = _seedsTypography.default.TYPOGRAPHY_FAMILY;
|
|
@@ -305,40 +289,40 @@ var fontWeights = {
|
|
|
305
289
|
bold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_BOLD,
|
|
306
290
|
extrabold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
|
|
307
291
|
};
|
|
292
|
+
|
|
308
293
|
/**
|
|
309
294
|
* @deprecated
|
|
310
295
|
* Import from `Stack/TypeSpaceLiterals` instead.
|
|
311
296
|
*/
|
|
312
|
-
|
|
313
297
|
exports.fontWeights = fontWeights;
|
|
314
298
|
var space = {
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
299
|
+
'0': _seedsSpace.default.SPACE_SIZE_0,
|
|
300
|
+
'100': _seedsSpace.default.SPACE_SIZE_100,
|
|
301
|
+
'200': _seedsSpace.default.SPACE_SIZE_200,
|
|
302
|
+
'300': _seedsSpace.default.SPACE_SIZE_300,
|
|
303
|
+
'350': _seedsSpace.default.SPACE_SIZE_350,
|
|
304
|
+
'400': _seedsSpace.default.SPACE_SIZE_400,
|
|
305
|
+
'450': _seedsSpace.default.SPACE_SIZE_450,
|
|
306
|
+
'500': _seedsSpace.default.SPACE_SIZE_500,
|
|
307
|
+
'600': _seedsSpace.default.SPACE_SIZE_600
|
|
324
308
|
};
|
|
325
309
|
exports.space = space;
|
|
326
310
|
var radii = {
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
311
|
+
'400': _seedsBorder.default.BORDER_RADIUS_400,
|
|
312
|
+
'500': _seedsBorder.default.BORDER_RADIUS_500,
|
|
313
|
+
'600': _seedsBorder.default.BORDER_RADIUS_600,
|
|
314
|
+
'1000': _seedsBorder.default.BORDER_RADIUS_1000,
|
|
331
315
|
inner: _seedsBorder.default.BORDER_RADIUS_500,
|
|
332
316
|
outer: _seedsBorder.default.BORDER_RADIUS_600,
|
|
333
317
|
pill: _seedsBorder.default.BORDER_RADIUS_1000
|
|
334
318
|
};
|
|
335
319
|
exports.radii = radii;
|
|
336
320
|
var borders = {
|
|
337
|
-
|
|
321
|
+
'500': _seedsBorder.default.BORDER_WIDTH_500 + " solid"
|
|
338
322
|
};
|
|
339
323
|
exports.borders = borders;
|
|
340
324
|
var borderWidths = {
|
|
341
|
-
|
|
325
|
+
'500': _seedsBorder.default.BORDER_WIDTH_500
|
|
342
326
|
};
|
|
343
327
|
exports.borderWidths = borderWidths;
|
|
344
328
|
var shadows = {
|
|
@@ -369,7 +353,7 @@ var theme = {
|
|
|
369
353
|
fontWeights: fontWeights,
|
|
370
354
|
space: _extends({}, space, {
|
|
371
355
|
space: space,
|
|
372
|
-
|
|
356
|
+
'-space': Object.keys(space).reduce(function (negativeSpace, key) {
|
|
373
357
|
// The values are strings (eg 24px) so we concatenate a negative sign
|
|
374
358
|
negativeSpace[key] = "-" + space[key];
|
|
375
359
|
return negativeSpace;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
'no babel-plugin-flow-react-proptypes';
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _literalColors = _interopRequireDefault(require("../themes/light/literal-colors"));
|
|
4
|
-
|
|
5
4
|
var _datavizPalette = require("../themes/light/dataviz-palette");
|
|
6
|
-
|
|
7
5
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -2,28 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.a11yCheck = void 0;
|
|
5
|
-
|
|
6
5
|
var _jestAxe = require("jest-axe");
|
|
7
|
-
|
|
6
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
8
7
|
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); } }
|
|
9
|
-
|
|
10
8
|
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); }); }; }
|
|
11
|
-
|
|
12
9
|
// use runA11yCheck from react-test-library utils file if using react-testing-library
|
|
13
10
|
var a11yCheck = /*#__PURE__*/function () {
|
|
14
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/
|
|
15
|
-
return
|
|
11
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(html) {
|
|
12
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
16
13
|
while (1) {
|
|
17
14
|
switch (_context.prev = _context.next) {
|
|
18
15
|
case 0:
|
|
19
16
|
_context.t0 = expect;
|
|
20
17
|
_context.next = 3;
|
|
21
18
|
return (0, _jestAxe.axe)(html);
|
|
22
|
-
|
|
23
19
|
case 3:
|
|
24
20
|
_context.t1 = _context.sent;
|
|
25
21
|
return _context.abrupt("return", (0, _context.t0)(_context.t1).toHaveNoViolations());
|
|
26
|
-
|
|
27
22
|
case 5:
|
|
28
23
|
case "end":
|
|
29
24
|
return _context.stop();
|
|
@@ -31,10 +26,8 @@ var a11yCheck = /*#__PURE__*/function () {
|
|
|
31
26
|
}
|
|
32
27
|
}, _callee);
|
|
33
28
|
}));
|
|
34
|
-
|
|
35
29
|
return function a11yCheck(_x) {
|
|
36
30
|
return _ref.apply(this, arguments);
|
|
37
31
|
};
|
|
38
32
|
}();
|
|
39
|
-
|
|
40
33
|
exports.a11yCheck = a11yCheck;
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.THEME_MAP = exports.EXTENDED_THEME = exports.CONTRAST_THEME = exports.COMPARE_THEME = void 0;
|
|
5
|
-
|
|
6
5
|
var _seedsColor = require("@sproutsocial/seeds-color");
|
|
7
6
|
|
|
8
7
|
var COMPARE_THEME = [_seedsColor.COLOR_TEAL_500, _seedsColor.COLOR_TEAL_800, _seedsColor.COLOR_PURPLE_500, _seedsColor.COLOR_PURPLE_800];
|