@sproutsocial/racine 12.20.0 → 12.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -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,14 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.TooltipContent = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
|
-
|
|
8
6
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
9
|
-
|
|
10
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
8
|
|
|
12
|
-
// eslint-disable-next-line prettier/prettier
|
|
13
9
|
var TooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
14
10
|
displayName: "styles__TooltipContent",
|
|
15
11
|
componentId: "sc-t1xjnk-0"
|
|
@@ -18,6 +14,6 @@ var TooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
|
18
14
|
}, function (props) {
|
|
19
15
|
return props.theme.typography[200];
|
|
20
16
|
}, function (props) {
|
|
21
|
-
return props.appearance ===
|
|
17
|
+
return props.appearance === 'box' ? 'left' : 'center';
|
|
22
18
|
});
|
|
23
19
|
exports.TooltipContent = TooltipContent;
|
|
@@ -2,16 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.VisuallyHidden = void 0;
|
|
5
|
-
|
|
6
5
|
var _mixins = require("../utils/mixins");
|
|
7
|
-
|
|
8
6
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
8
|
|
|
12
9
|
var VisuallyHidden = _styledComponents.default.span.withConfig({
|
|
13
10
|
displayName: "VisuallyHidden",
|
|
14
11
|
componentId: "sc-rxkbyc-0"
|
|
15
12
|
})(["", ""], _mixins.visuallyHidden);
|
|
16
|
-
|
|
17
13
|
exports.VisuallyHidden = VisuallyHidden;
|
|
@@ -2,13 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.DataVizRotation = void 0;
|
|
5
|
-
|
|
6
5
|
var _react = _interopRequireDefault(require("react"));
|
|
7
|
-
|
|
8
6
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
9
|
-
|
|
10
7
|
var _styledComponents = require("styled-components");
|
|
11
|
-
|
|
12
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
9
|
|
|
14
10
|
var DataVizRotation = (0, _styledComponents.withTheme)(function (p) {
|
package/commonjs/index.js
CHANGED
|
@@ -76,276 +76,147 @@ var _exportNames = {
|
|
|
76
76
|
VisuallyHidden: true
|
|
77
77
|
};
|
|
78
78
|
exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.useInteractiveColor = exports.toast = exports.theme = exports.sproutLightTheme = exports.sproutDarkTheme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.SpotIllustration = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.PartnerLogo = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
|
|
79
|
-
|
|
80
79
|
var _systemProps = require("./systemProps");
|
|
81
|
-
|
|
82
80
|
Object.keys(_systemProps).forEach(function (key) {
|
|
83
81
|
if (key === "default" || key === "__esModule") return;
|
|
84
82
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
85
83
|
if (key in exports && exports[key] === _systemProps[key]) return;
|
|
86
84
|
exports[key] = _systemProps[key];
|
|
87
85
|
});
|
|
88
|
-
|
|
89
86
|
var _mixins = require("./utils/mixins");
|
|
90
|
-
|
|
91
87
|
exports.visuallyHidden = _mixins.visuallyHidden;
|
|
92
88
|
exports.focusRing = _mixins.focusRing;
|
|
93
89
|
exports.disabled = _mixins.disabled;
|
|
94
|
-
|
|
95
90
|
var _hooks = require("./utils/hooks");
|
|
96
|
-
|
|
97
91
|
exports.useSelect = _hooks.useSelect;
|
|
98
92
|
exports.useMultiselect = _hooks.useMultiselect;
|
|
99
93
|
exports.useTextContent = _hooks.useTextContent;
|
|
100
|
-
|
|
101
94
|
var _useInteractiveColor = require("./utils/useInteractiveColor");
|
|
102
|
-
|
|
103
95
|
exports.useInteractiveColor = _useInteractiveColor.useInteractiveColor;
|
|
104
|
-
|
|
105
96
|
var _theme = _interopRequireDefault(require("./themes/light/theme"));
|
|
106
|
-
|
|
107
97
|
exports.theme = _theme.default;
|
|
108
|
-
|
|
109
98
|
var _theme2 = _interopRequireDefault(require("./themes/dark/theme"));
|
|
110
|
-
|
|
111
99
|
exports.darkTheme = _theme2.default;
|
|
112
|
-
|
|
113
100
|
var _sproutTheme = require("./themes/extendedThemes/sproutTheme");
|
|
114
|
-
|
|
115
101
|
exports.sproutLightTheme = _sproutTheme.sproutLightTheme;
|
|
116
102
|
exports.sproutDarkTheme = _sproutTheme.sproutDarkTheme;
|
|
117
|
-
|
|
118
103
|
var _Icon = _interopRequireDefault(require("./Icon"));
|
|
119
|
-
|
|
120
104
|
exports.Icon = _Icon.default;
|
|
121
|
-
|
|
122
105
|
var _Banner = _interopRequireDefault(require("./Banner"));
|
|
123
|
-
|
|
124
106
|
exports.Alert = _Banner.default;
|
|
125
107
|
exports.Banner = _Banner.default;
|
|
126
|
-
|
|
127
108
|
var _Badge = _interopRequireDefault(require("./Badge"));
|
|
128
|
-
|
|
129
109
|
exports.Badge = _Badge.default;
|
|
130
|
-
|
|
131
110
|
var _Indicator = _interopRequireDefault(require("./Indicator"));
|
|
132
|
-
|
|
133
111
|
exports.Indicator = _Indicator.default;
|
|
134
|
-
|
|
135
112
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
136
|
-
|
|
137
113
|
exports.Card = _Card.default;
|
|
138
|
-
|
|
139
114
|
var _CharacterCounter = _interopRequireDefault(require("./CharacterCounter"));
|
|
140
|
-
|
|
141
115
|
exports.CharacterCounter = _CharacterCounter.default;
|
|
142
|
-
|
|
143
116
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
144
|
-
|
|
145
117
|
exports.Checkbox = _Checkbox.default;
|
|
146
|
-
|
|
147
118
|
var _Radio = _interopRequireDefault(require("./Radio"));
|
|
148
|
-
|
|
149
119
|
exports.Radio = _Radio.default;
|
|
150
|
-
|
|
151
120
|
var _Textarea = _interopRequireDefault(require("./Textarea"));
|
|
152
|
-
|
|
153
121
|
exports.Textarea = _Textarea.default;
|
|
154
|
-
|
|
155
122
|
var _ToggleHint = _interopRequireDefault(require("./ToggleHint"));
|
|
156
|
-
|
|
157
123
|
exports.ToggleHint = _ToggleHint.default;
|
|
158
|
-
|
|
159
124
|
var _Loader = _interopRequireDefault(require("./Loader"));
|
|
160
|
-
|
|
161
125
|
exports.Loader = _Loader.default;
|
|
162
|
-
|
|
163
126
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
164
|
-
|
|
165
127
|
exports.Text = _Text.default;
|
|
166
|
-
|
|
167
128
|
var _Image = _interopRequireDefault(require("./Image"));
|
|
168
|
-
|
|
169
129
|
exports.Image = _Image.default;
|
|
170
|
-
|
|
171
130
|
var _KeyboardKey = _interopRequireDefault(require("./KeyboardKey"));
|
|
172
|
-
|
|
173
131
|
exports.KeyboardKey = _KeyboardKey.default;
|
|
174
|
-
|
|
175
132
|
var _ChartLegend = _interopRequireDefault(require("./ChartLegend"));
|
|
176
|
-
|
|
177
133
|
exports.ChartLegend = _ChartLegend.default;
|
|
178
|
-
|
|
179
134
|
var _Table = _interopRequireDefault(require("./Table"));
|
|
180
|
-
|
|
181
135
|
exports.Table = _Table.default;
|
|
182
|
-
|
|
183
136
|
var _TableCell = _interopRequireDefault(require("./TableCell"));
|
|
184
|
-
|
|
185
137
|
exports.TableCell = _TableCell.default;
|
|
186
|
-
|
|
187
138
|
var _TableHeaderCell = _interopRequireDefault(require("./TableHeaderCell"));
|
|
188
|
-
|
|
189
139
|
exports.TableHeaderCell = _TableHeaderCell.default;
|
|
190
|
-
|
|
191
140
|
var _TableRowAccordion = _interopRequireDefault(require("./TableRowAccordion"));
|
|
192
|
-
|
|
193
141
|
exports.TableRowAccordion = _TableRowAccordion.default;
|
|
194
|
-
|
|
195
142
|
var _Box = _interopRequireDefault(require("./Box"));
|
|
196
|
-
|
|
197
143
|
exports.Box = _Box.default;
|
|
198
|
-
|
|
199
144
|
var _Label = _interopRequireDefault(require("./Label"));
|
|
200
|
-
|
|
201
145
|
exports.Label = _Label.default;
|
|
202
|
-
|
|
203
146
|
var _Input = _interopRequireDefault(require("./Input"));
|
|
204
|
-
|
|
205
147
|
exports.Input = _Input.default;
|
|
206
|
-
|
|
207
148
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
208
|
-
|
|
209
149
|
exports.Select = _Select.default;
|
|
210
|
-
|
|
211
150
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
212
|
-
|
|
213
151
|
exports.Button = _Button.default;
|
|
214
|
-
|
|
215
152
|
var _Link = _interopRequireDefault(require("./Link"));
|
|
216
|
-
|
|
217
153
|
exports.Link = _Link.default;
|
|
218
|
-
|
|
219
154
|
var _Switch = _interopRequireDefault(require("./Switch"));
|
|
220
|
-
|
|
221
155
|
exports.Switch = _Switch.default;
|
|
222
|
-
|
|
223
156
|
var _Token = _interopRequireDefault(require("./Token"));
|
|
224
|
-
|
|
225
157
|
exports.Token = _Token.default;
|
|
226
|
-
|
|
227
158
|
var _TokenInput = _interopRequireDefault(require("./TokenInput"));
|
|
228
|
-
|
|
229
159
|
exports.TokenInput = _TokenInput.default;
|
|
230
|
-
|
|
231
160
|
var _Tabs = _interopRequireDefault(require("./Tabs"));
|
|
232
|
-
|
|
233
161
|
exports.Tabs = _Tabs.default;
|
|
234
|
-
|
|
235
162
|
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
236
|
-
|
|
237
163
|
exports.Modal = _Modal.default;
|
|
238
|
-
|
|
239
164
|
var _Popout = _interopRequireDefault(require("./Popout"));
|
|
240
|
-
|
|
241
165
|
exports.Popout = _Popout.default;
|
|
242
|
-
|
|
243
166
|
var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
|
|
244
|
-
|
|
245
167
|
exports.ThemeProvider = _ThemeProvider.default;
|
|
246
|
-
|
|
247
168
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
248
|
-
|
|
249
169
|
exports.Tooltip = _Tooltip.default;
|
|
250
|
-
|
|
251
170
|
var _Drawer = _interopRequireDefault(require("./Drawer"));
|
|
252
|
-
|
|
253
171
|
exports.Drawer = _Drawer.default;
|
|
254
|
-
|
|
255
172
|
var _LoaderButton = _interopRequireDefault(require("./LoaderButton"));
|
|
256
|
-
|
|
257
173
|
exports.LoaderButton = _LoaderButton.default;
|
|
258
|
-
|
|
259
174
|
var _Numeral = _interopRequireDefault(require("./Numeral"));
|
|
260
|
-
|
|
261
175
|
exports.Numeral = _Numeral.default;
|
|
262
|
-
|
|
263
176
|
var _Collapsible = _interopRequireDefault(require("./Collapsible"));
|
|
264
|
-
|
|
265
177
|
exports.Collapsible = _Collapsible.default;
|
|
266
|
-
|
|
267
178
|
var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl"));
|
|
268
|
-
|
|
269
179
|
exports.SegmentedControl = _SegmentedControl.default;
|
|
270
|
-
|
|
271
180
|
var _EmptyState = _interopRequireDefault(require("./EmptyState"));
|
|
272
|
-
|
|
273
181
|
exports.EmptyState = _EmptyState.default;
|
|
274
|
-
|
|
275
182
|
var _FormField = _interopRequireDefault(require("./FormField"));
|
|
276
|
-
|
|
277
183
|
exports.FormField = _FormField.default;
|
|
278
|
-
|
|
279
184
|
var _Fieldset = _interopRequireDefault(require("./Fieldset"));
|
|
280
|
-
|
|
281
185
|
exports.Fieldset = _Fieldset.default;
|
|
282
|
-
|
|
283
186
|
var _Message = _interopRequireDefault(require("./Message"));
|
|
284
|
-
|
|
285
187
|
exports.Message = _Message.default;
|
|
286
|
-
|
|
287
188
|
var _Stack = _interopRequireDefault(require("./Stack"));
|
|
288
|
-
|
|
289
189
|
exports.Stack = _Stack.default;
|
|
290
|
-
|
|
291
190
|
var _Avatar = _interopRequireDefault(require("./Avatar"));
|
|
292
|
-
|
|
293
191
|
exports.Avatar = _Avatar.default;
|
|
294
|
-
|
|
295
192
|
var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
|
|
296
|
-
|
|
297
193
|
exports.Breadcrumb = _Breadcrumb.default;
|
|
298
|
-
|
|
299
194
|
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
300
|
-
|
|
301
195
|
exports.Skeleton = _Skeleton.default;
|
|
302
|
-
|
|
303
196
|
var _Toast = _interopRequireWildcard(require("./Toast"));
|
|
304
|
-
|
|
305
197
|
exports.ToastContainer = _Toast.default;
|
|
306
198
|
exports.toast = _Toast.toast;
|
|
307
|
-
|
|
308
199
|
var _Menu = _interopRequireWildcard(require("./Menu"));
|
|
309
|
-
|
|
310
200
|
exports.Menu = _Menu.default;
|
|
311
201
|
exports.MenuButton = _Menu.MenuButton;
|
|
312
|
-
|
|
313
202
|
var _hooks2 = require("./Menu/hooks");
|
|
314
|
-
|
|
315
203
|
exports.MenuButtonContext = _hooks2.MenuButtonContext;
|
|
316
|
-
|
|
317
204
|
var _styles = require("./Menu/styles");
|
|
318
|
-
|
|
319
205
|
exports.MenuItemContainer = _styles.MenuItemContainer;
|
|
320
|
-
|
|
321
206
|
var _Listbox = _interopRequireWildcard(require("./Listbox"));
|
|
322
|
-
|
|
323
207
|
exports.Listbox = _Listbox.default;
|
|
324
208
|
exports.ListboxButton = _Listbox.ListboxButton;
|
|
325
|
-
|
|
326
209
|
var _OverflowList = _interopRequireDefault(require("./OverflowList"));
|
|
327
|
-
|
|
328
210
|
exports.OverflowList = _OverflowList.default;
|
|
329
|
-
|
|
330
211
|
var _DatePicker = require("./DatePicker");
|
|
331
|
-
|
|
332
212
|
exports.SingleDatePicker = _DatePicker.SingleDatePicker;
|
|
333
213
|
exports.DateRangePicker = _DatePicker.DateRangePicker;
|
|
334
|
-
|
|
335
214
|
var _VisuallyHidden = require("./VisuallyHidden");
|
|
336
|
-
|
|
337
215
|
exports.VisuallyHidden = _VisuallyHidden.VisuallyHidden;
|
|
338
|
-
|
|
339
216
|
var _PartnerLogo = _interopRequireDefault(require("./PartnerLogo"));
|
|
340
|
-
|
|
341
217
|
exports.PartnerLogo = _PartnerLogo.default;
|
|
342
|
-
|
|
343
218
|
var _SpotIllustration = _interopRequireDefault(require("./SpotIllustration"));
|
|
344
|
-
|
|
345
219
|
exports.SpotIllustration = _SpotIllustration.default;
|
|
346
|
-
|
|
347
220
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
348
|
-
|
|
349
221
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
350
|
-
|
|
351
222
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,113 +1,85 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
|
|
5
4
|
var _typesFlow = require("./types.flow.js");
|
|
6
|
-
|
|
7
5
|
Object.keys(_typesFlow).forEach(function (key) {
|
|
8
6
|
if (key === "default" || key === "__esModule") return;
|
|
9
7
|
if (key in exports && exports[key] === _typesFlow[key]) return;
|
|
10
8
|
exports[key] = _typesFlow[key];
|
|
11
9
|
});
|
|
12
|
-
|
|
13
10
|
var _background = require("./background");
|
|
14
|
-
|
|
15
11
|
Object.keys(_background).forEach(function (key) {
|
|
16
12
|
if (key === "default" || key === "__esModule") return;
|
|
17
13
|
if (key in exports && exports[key] === _background[key]) return;
|
|
18
14
|
exports[key] = _background[key];
|
|
19
15
|
});
|
|
20
|
-
|
|
21
16
|
var _border = require("./border");
|
|
22
|
-
|
|
23
17
|
Object.keys(_border).forEach(function (key) {
|
|
24
18
|
if (key === "default" || key === "__esModule") return;
|
|
25
19
|
if (key in exports && exports[key] === _border[key]) return;
|
|
26
20
|
exports[key] = _border[key];
|
|
27
21
|
});
|
|
28
|
-
|
|
29
22
|
var _color = require("./color");
|
|
30
|
-
|
|
31
23
|
Object.keys(_color).forEach(function (key) {
|
|
32
24
|
if (key === "default" || key === "__esModule") return;
|
|
33
25
|
if (key in exports && exports[key] === _color[key]) return;
|
|
34
26
|
exports[key] = _color[key];
|
|
35
27
|
});
|
|
36
|
-
|
|
37
28
|
var _custom = require("./custom");
|
|
38
|
-
|
|
39
29
|
Object.keys(_custom).forEach(function (key) {
|
|
40
30
|
if (key === "default" || key === "__esModule") return;
|
|
41
31
|
if (key in exports && exports[key] === _custom[key]) return;
|
|
42
32
|
exports[key] = _custom[key];
|
|
43
33
|
});
|
|
44
|
-
|
|
45
34
|
var _flexbox = require("./flexbox");
|
|
46
|
-
|
|
47
35
|
Object.keys(_flexbox).forEach(function (key) {
|
|
48
36
|
if (key === "default" || key === "__esModule") return;
|
|
49
37
|
if (key in exports && exports[key] === _flexbox[key]) return;
|
|
50
38
|
exports[key] = _flexbox[key];
|
|
51
39
|
});
|
|
52
|
-
|
|
53
40
|
var _grid = require("./grid");
|
|
54
|
-
|
|
55
41
|
Object.keys(_grid).forEach(function (key) {
|
|
56
42
|
if (key === "default" || key === "__esModule") return;
|
|
57
43
|
if (key in exports && exports[key] === _grid[key]) return;
|
|
58
44
|
exports[key] = _grid[key];
|
|
59
45
|
});
|
|
60
|
-
|
|
61
46
|
var _layout = require("./layout");
|
|
62
|
-
|
|
63
47
|
Object.keys(_layout).forEach(function (key) {
|
|
64
48
|
if (key === "default" || key === "__esModule") return;
|
|
65
49
|
if (key in exports && exports[key] === _layout[key]) return;
|
|
66
50
|
exports[key] = _layout[key];
|
|
67
51
|
});
|
|
68
|
-
|
|
69
52
|
var _position = require("./position");
|
|
70
|
-
|
|
71
53
|
Object.keys(_position).forEach(function (key) {
|
|
72
54
|
if (key === "default" || key === "__esModule") return;
|
|
73
55
|
if (key in exports && exports[key] === _position[key]) return;
|
|
74
56
|
exports[key] = _position[key];
|
|
75
57
|
});
|
|
76
|
-
|
|
77
58
|
var _shadow = require("./shadow");
|
|
78
|
-
|
|
79
59
|
Object.keys(_shadow).forEach(function (key) {
|
|
80
60
|
if (key === "default" || key === "__esModule") return;
|
|
81
61
|
if (key in exports && exports[key] === _shadow[key]) return;
|
|
82
62
|
exports[key] = _shadow[key];
|
|
83
63
|
});
|
|
84
|
-
|
|
85
64
|
var _space = require("./space");
|
|
86
|
-
|
|
87
65
|
Object.keys(_space).forEach(function (key) {
|
|
88
66
|
if (key === "default" || key === "__esModule") return;
|
|
89
67
|
if (key in exports && exports[key] === _space[key]) return;
|
|
90
68
|
exports[key] = _space[key];
|
|
91
69
|
});
|
|
92
|
-
|
|
93
70
|
var _systemProps = require("./systemProps");
|
|
94
|
-
|
|
95
71
|
Object.keys(_systemProps).forEach(function (key) {
|
|
96
72
|
if (key === "default" || key === "__esModule") return;
|
|
97
73
|
if (key in exports && exports[key] === _systemProps[key]) return;
|
|
98
74
|
exports[key] = _systemProps[key];
|
|
99
75
|
});
|
|
100
|
-
|
|
101
76
|
var _typography = require("./typography");
|
|
102
|
-
|
|
103
77
|
Object.keys(_typography).forEach(function (key) {
|
|
104
78
|
if (key === "default" || key === "__esModule") return;
|
|
105
79
|
if (key in exports && exports[key] === _typography[key]) return;
|
|
106
80
|
exports[key] = _typography[key];
|
|
107
81
|
});
|
|
108
|
-
|
|
109
82
|
var _variant = require("./variant");
|
|
110
|
-
|
|
111
83
|
Object.keys(_variant).forEach(function (key) {
|
|
112
84
|
if (key === "default" || key === "__esModule") return;
|
|
113
85
|
if (key in exports && exports[key] === _variant[key]) return;
|
|
@@ -2,31 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.systemProps = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledSystem = require("styled-system");
|
|
7
|
-
|
|
8
6
|
var _background = require("./background");
|
|
9
|
-
|
|
10
7
|
var _border = require("./border");
|
|
11
|
-
|
|
12
8
|
var _color = require("./color");
|
|
13
|
-
|
|
14
9
|
var _custom = require("./custom");
|
|
15
|
-
|
|
16
10
|
var _flexbox = require("./flexbox");
|
|
17
|
-
|
|
18
11
|
var _grid = require("./grid");
|
|
19
|
-
|
|
20
12
|
var _layout = require("./layout");
|
|
21
|
-
|
|
22
13
|
var _position = require("./position");
|
|
23
|
-
|
|
24
14
|
var _shadow = require("./shadow");
|
|
25
|
-
|
|
26
15
|
var _space = require("./space");
|
|
27
|
-
|
|
28
16
|
var _typography = require("./typography");
|
|
29
|
-
|
|
30
17
|
var _variant = require("./variant");
|
|
31
18
|
|
|
32
19
|
var systemProps = (0, _styledSystem.compose)(_custom.customSystemProps, _variant.variantSystemProps, _background.backgroundSystemProps, _border.borderSystemProps, _color.colorSystemProps, _flexbox.flexboxSystemProps, _grid.gridSystemProps, _layout.layoutSystemProps, _position.positionSystemProps, _shadow.shadowSystemProps, _space.spaceSystemProps, _typography.typographySystemProps);
|
|
@@ -3,44 +3,47 @@
|
|
|
3
3
|
/**
|
|
4
4
|
* All system props should be responsive but accepting a tuple of length 1-5.
|
|
5
5
|
*/
|
|
6
|
-
"a";
|
|
7
|
-
["a"];
|
|
8
|
-
["a", "a"];
|
|
9
|
-
["a", "a", "a"];
|
|
10
|
-
["a", "a", "a", "a"];
|
|
11
|
-
["a", "a", "a", "a", "a"]; // $FlowExpectedError
|
|
12
|
-
|
|
13
|
-
["a", "a", "a", "a", "a", "a"]; // $FlowExpectedError
|
|
14
|
-
|
|
15
|
-
["b"]; // $FlowExpectedError
|
|
16
6
|
|
|
7
|
+
'a';
|
|
8
|
+
['a'];
|
|
9
|
+
['a', 'a'];
|
|
10
|
+
['a', 'a', 'a'];
|
|
11
|
+
['a', 'a', 'a', 'a'];
|
|
12
|
+
['a', 'a', 'a', 'a', 'a'];
|
|
13
|
+
// $FlowExpectedError
|
|
14
|
+
['a', 'a', 'a', 'a', 'a', 'a'];
|
|
15
|
+
// $FlowExpectedError
|
|
16
|
+
['b'];
|
|
17
|
+
// $FlowExpectedError
|
|
17
18
|
[null];
|
|
19
|
+
|
|
18
20
|
/**
|
|
19
21
|
* All system props should accept "base" values: boolean, null, and undefined.
|
|
20
22
|
*/
|
|
21
23
|
|
|
22
|
-
|
|
24
|
+
'a';
|
|
23
25
|
true;
|
|
24
26
|
false;
|
|
25
27
|
null;
|
|
26
28
|
undefined;
|
|
29
|
+
|
|
27
30
|
/**
|
|
28
31
|
* All system props should be responsive and allow "base" values.
|
|
29
32
|
*/
|
|
30
33
|
|
|
31
|
-
|
|
32
|
-
|
|
34
|
+
'a';
|
|
35
|
+
'b';
|
|
33
36
|
true;
|
|
34
37
|
false;
|
|
35
38
|
null;
|
|
36
39
|
undefined;
|
|
37
|
-
[
|
|
38
|
-
[
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
1;
|
|
43
|
-
|
|
44
|
-
({});
|
|
45
|
-
|
|
40
|
+
['a', null, undefined, false, 'b'];
|
|
41
|
+
['a'];
|
|
42
|
+
// $FlowExpectedError
|
|
43
|
+
'c';
|
|
44
|
+
// $FlowExpectedError
|
|
45
|
+
1;
|
|
46
|
+
// $FlowExpectedError
|
|
47
|
+
({});
|
|
48
|
+
// $FlowExpectedError
|
|
46
49
|
[];
|
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.variantSystemProps = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledSystem = require("styled-system");
|
|
7
6
|
|
|
8
7
|
var variantSystemProps = (0, _styledSystem.compose)((0, _styledSystem.variant)({
|
|
9
|
-
key:
|
|
10
|
-
prop:
|
|
8
|
+
key: 'typography',
|
|
9
|
+
prop: 'typeScale'
|
|
11
10
|
}));
|
|
12
11
|
exports.variantSystemProps = variantSystemProps;
|