@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,19 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.ReactDatesCssOverrides = exports.CalendarDay = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
|
-
|
|
8
6
|
var _moment = _interopRequireDefault(require("moment"));
|
|
9
|
-
|
|
10
7
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
11
|
-
|
|
12
8
|
var _mixins = require("../utils/mixins");
|
|
13
|
-
|
|
14
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
10
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
11
|
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; }
|
|
19
12
|
|
|
20
13
|
/*
|
|
@@ -28,54 +21,44 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
28
21
|
* selected-end-no-selected-start
|
|
29
22
|
*
|
|
30
23
|
*/
|
|
24
|
+
|
|
31
25
|
var isSelected = function isSelected(modifiers) {
|
|
32
|
-
return modifiers.has(
|
|
26
|
+
return modifiers.has('selected-span') || modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('selected-end') || modifiers.has('hovered-span') || modifiers.has('after-hovered-start');
|
|
33
27
|
};
|
|
34
|
-
|
|
35
28
|
var isOutOfRange = function isOutOfRange(modifiers) {
|
|
36
|
-
return modifiers.has(
|
|
29
|
+
return modifiers.has('blocked-out-of-range');
|
|
37
30
|
};
|
|
38
|
-
|
|
39
31
|
var isHoveredAndInRange = function isHoveredAndInRange(modifiers) {
|
|
40
|
-
return modifiers.has(
|
|
32
|
+
return modifiers.has('hovered') && !modifiers.has('blocked-out-of-range');
|
|
41
33
|
};
|
|
42
|
-
|
|
43
34
|
var shouldHaveLeftPill = function shouldHaveLeftPill(modifiers, day) {
|
|
44
35
|
if (!isSelected(modifiers)) {
|
|
45
36
|
return false;
|
|
46
37
|
}
|
|
47
|
-
|
|
48
|
-
if (modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("first-day-of-week") || day.isSame((0, _moment.default)(day).startOf("month"), "day")) {
|
|
38
|
+
if (modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('first-day-of-week') || day.isSame((0, _moment.default)(day).startOf('month'), 'day')) {
|
|
49
39
|
return true;
|
|
50
40
|
}
|
|
51
|
-
|
|
52
41
|
return false;
|
|
53
42
|
};
|
|
54
|
-
|
|
55
43
|
var shouldHaveRightPill = function shouldHaveRightPill(modifiers, day) {
|
|
56
44
|
if (!isSelected(modifiers)) {
|
|
57
45
|
return false;
|
|
58
46
|
}
|
|
59
|
-
|
|
60
|
-
if (modifiers.has("selected") || modifiers.has("selected-end") || modifiers.has("last-day-of-week") || day.isSame((0, _moment.default)(day).endOf("month"), "day")) {
|
|
47
|
+
if (modifiers.has('selected') || modifiers.has('selected-end') || modifiers.has('last-day-of-week') || day.isSame((0, _moment.default)(day).endOf('month'), 'day')) {
|
|
61
48
|
return true;
|
|
62
49
|
}
|
|
63
|
-
|
|
64
50
|
return false;
|
|
65
51
|
};
|
|
66
|
-
|
|
67
52
|
var CalendarDay = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
68
53
|
displayName: "styles__CalendarDay",
|
|
69
54
|
componentId: "sc-fso9yi-0"
|
|
70
55
|
})(["", ";"], function (_ref) {
|
|
71
56
|
var modifiers = _ref.modifiers,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
57
|
+
day = _ref.day,
|
|
58
|
+
theme = _ref.theme;
|
|
75
59
|
if (isSelected(modifiers)) {
|
|
76
60
|
return (0, _styledComponents.css)(["background-color:", ";color:", ";margin-left:", ";margin-right:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], theme.colors.container.background.selected, theme.colors.text.inverse, shouldHaveLeftPill(modifiers, day) && theme.space[200], shouldHaveRightPill(modifiers, day) && theme.space[200], shouldHaveLeftPill(modifiers, day) && theme.radii.pill, shouldHaveLeftPill(modifiers, day) && theme.radii.pill, shouldHaveRightPill(modifiers, day) && theme.radii.pill, shouldHaveRightPill(modifiers, day) && theme.radii.pill);
|
|
77
61
|
}
|
|
78
|
-
|
|
79
62
|
if (isHoveredAndInRange(modifiers)) {
|
|
80
63
|
return (0, _styledComponents.css)(["margin:0 ", ";border-radius:", ";border:1px solid ", ";"], theme.space[200], theme.radii.pill, theme.colors.container.border.selected);
|
|
81
64
|
} else if (isOutOfRange(modifiers)) {
|
|
@@ -2,35 +2,26 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.SlideTransition = void 0;
|
|
5
|
-
|
|
6
5
|
var React = _interopRequireWildcard(require("react"));
|
|
7
|
-
|
|
8
6
|
var _reactSpring = require("react-spring");
|
|
9
|
-
|
|
10
7
|
var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
|
|
11
|
-
|
|
12
8
|
var _excluded = ["isVisible", "children", "width", "direction"];
|
|
13
|
-
|
|
14
9
|
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); }
|
|
15
|
-
|
|
16
10
|
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; }
|
|
17
|
-
|
|
18
11
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
-
|
|
20
12
|
var SlideTransition = function SlideTransition(_ref) {
|
|
21
13
|
var isVisible = _ref.isVisible,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var offset = width * (direction === "left" ? -1 : 1);
|
|
14
|
+
children = _ref.children,
|
|
15
|
+
width = _ref.width,
|
|
16
|
+
direction = _ref.direction,
|
|
17
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
18
|
+
var offset = width * (direction === 'left' ? -1 : 1);
|
|
28
19
|
var transitions = (0, _reactSpring.useTransition)(isVisible, null, {
|
|
29
20
|
from: {
|
|
30
21
|
transform: "translateX(" + offset + "px)"
|
|
31
22
|
},
|
|
32
23
|
enter: {
|
|
33
|
-
transform:
|
|
24
|
+
transform: 'translateX(0)'
|
|
34
25
|
},
|
|
35
26
|
leave: {
|
|
36
27
|
transform: "translateX(" + offset + "px)"
|
|
@@ -41,8 +32,8 @@ var SlideTransition = function SlideTransition(_ref) {
|
|
|
41
32
|
});
|
|
42
33
|
return transitions.map(function (_ref2) {
|
|
43
34
|
var key = _ref2.key,
|
|
44
|
-
|
|
45
|
-
|
|
35
|
+
item = _ref2.item,
|
|
36
|
+
props = _ref2.props;
|
|
46
37
|
return children({
|
|
47
38
|
key: key,
|
|
48
39
|
isVisible: item,
|
|
@@ -50,5 +41,4 @@ var SlideTransition = function SlideTransition(_ref) {
|
|
|
50
41
|
});
|
|
51
42
|
});
|
|
52
43
|
};
|
|
53
|
-
|
|
54
44
|
exports.SlideTransition = SlideTransition;
|
package/commonjs/Drawer/index.js
CHANGED
|
@@ -2,64 +2,42 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
-
|
|
6
5
|
var React = _interopRequireWildcard(require("react"));
|
|
7
|
-
|
|
8
6
|
var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
|
|
9
|
-
|
|
10
7
|
var _SlideTransition = require("./SlideTransition");
|
|
11
|
-
|
|
12
8
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
13
|
-
|
|
14
9
|
var _reactSpring = require("react-spring");
|
|
15
|
-
|
|
16
10
|
var _Portal = _interopRequireDefault(require("../Portal"));
|
|
17
|
-
|
|
18
11
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
19
|
-
|
|
20
12
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
21
|
-
|
|
22
13
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
23
|
-
|
|
24
14
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
25
|
-
|
|
26
15
|
var _excluded = ["title", "children", "render"],
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
16
|
+
_excluded2 = ["children"],
|
|
17
|
+
_excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
|
|
18
|
+
_excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
|
|
31
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
32
|
-
|
|
33
20
|
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); }
|
|
34
|
-
|
|
35
21
|
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; }
|
|
36
|
-
|
|
37
22
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
38
|
-
|
|
39
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
40
|
-
|
|
23
|
+
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); }
|
|
41
24
|
// If ever we needed to make drawer width configurable, move this to a default prop
|
|
42
25
|
var DRAWER_WIDTH = 600;
|
|
43
26
|
var AnimatedDrawer = (0, _reactSpring.animated)(_styles.default);
|
|
44
|
-
|
|
45
27
|
var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
|
|
46
28
|
return ref.current && event.target instanceof Node && ref.current.contains(event.target);
|
|
47
29
|
};
|
|
48
|
-
|
|
49
30
|
var DrawerContext = /*#__PURE__*/React.createContext({});
|
|
50
|
-
|
|
51
31
|
var DrawerCloseButton = function DrawerCloseButton(props) {
|
|
52
32
|
var _useContext = (0, React.useContext)(DrawerContext),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
33
|
+
onClose = _useContext.onClose,
|
|
34
|
+
closeButtonLabel = _useContext.closeButtonLabel;
|
|
56
35
|
if (props.render) {
|
|
57
36
|
return props.render({
|
|
58
37
|
onClose: onClose,
|
|
59
38
|
closeButtonLabel: closeButtonLabel
|
|
60
39
|
});
|
|
61
40
|
}
|
|
62
|
-
|
|
63
41
|
return (
|
|
64
42
|
/*#__PURE__*/
|
|
65
43
|
// $FlowIssue - upgrade v0.112.0
|
|
@@ -72,28 +50,24 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
|
|
|
72
50
|
}))
|
|
73
51
|
);
|
|
74
52
|
};
|
|
75
|
-
|
|
76
53
|
var DrawerHeader = function DrawerHeader(_ref) {
|
|
77
54
|
var _ref$title = _ref.title,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
55
|
+
title = _ref$title === void 0 ? '' : _ref$title,
|
|
56
|
+
children = _ref.children,
|
|
57
|
+
render = _ref.render,
|
|
58
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
83
59
|
var drawerContext = (0, React.useContext)(DrawerContext);
|
|
84
|
-
|
|
85
60
|
if (render) {
|
|
86
61
|
return render(drawerContext);
|
|
87
62
|
}
|
|
88
|
-
|
|
89
63
|
return /*#__PURE__*/React.createElement(_Box.default, _extends({
|
|
90
64
|
display: "flex",
|
|
91
65
|
flex: "0 0 auto",
|
|
92
66
|
justifyContent: "space-between",
|
|
93
67
|
alignItems: "center",
|
|
94
68
|
pt: 400,
|
|
95
|
-
px: 450
|
|
96
|
-
|
|
69
|
+
px: 450
|
|
70
|
+
// $FlowIssue - upgrade v0.112.0
|
|
97
71
|
}, rest), children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Text.default, {
|
|
98
72
|
as: "h2",
|
|
99
73
|
fontSize: 400,
|
|
@@ -101,11 +75,9 @@ var DrawerHeader = function DrawerHeader(_ref) {
|
|
|
101
75
|
color: "text.headline"
|
|
102
76
|
}, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)));
|
|
103
77
|
};
|
|
104
|
-
|
|
105
78
|
var DrawerContent = function DrawerContent(_ref2) {
|
|
106
79
|
var children = _ref2.children,
|
|
107
|
-
|
|
108
|
-
|
|
80
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
109
81
|
return (
|
|
110
82
|
/*#__PURE__*/
|
|
111
83
|
// $FlowIssue - upgrade v0.112.0
|
|
@@ -116,56 +88,48 @@ var DrawerContent = function DrawerContent(_ref2) {
|
|
|
116
88
|
}, rest), children)
|
|
117
89
|
);
|
|
118
90
|
};
|
|
119
|
-
|
|
120
91
|
var Drawer = function Drawer(_ref3) {
|
|
121
92
|
var id = _ref3.id,
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
93
|
+
style = _ref3.style,
|
|
94
|
+
offset = _ref3.offset,
|
|
95
|
+
direction = _ref3.direction,
|
|
96
|
+
children = _ref3.children,
|
|
97
|
+
disableCloseOnClickOutside = _ref3.disableCloseOnClickOutside,
|
|
98
|
+
onClose = _ref3.onClose,
|
|
99
|
+
zIndex = _ref3.zIndex,
|
|
100
|
+
closeTargets = _ref3.closeTargets,
|
|
101
|
+
rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
132
102
|
var drawerRef = (0, React.useRef)(null);
|
|
133
103
|
(0, React.useEffect)(function () {
|
|
134
104
|
var documentBody = document.body;
|
|
135
|
-
|
|
136
105
|
if (!documentBody) {
|
|
137
106
|
return;
|
|
138
107
|
}
|
|
139
|
-
|
|
140
108
|
var onEsc = function onEsc(event) {
|
|
141
|
-
if (event.key ===
|
|
109
|
+
if (event.key === 'Escape') {
|
|
142
110
|
onClose();
|
|
143
111
|
}
|
|
144
112
|
};
|
|
145
|
-
|
|
146
113
|
var bodyClick = function bodyClick(event) {
|
|
147
114
|
if (!doesRefContainEventTarget(drawerRef, event) && !disableCloseOnClickOutside) {
|
|
148
115
|
onClose();
|
|
149
116
|
}
|
|
150
117
|
};
|
|
151
|
-
|
|
152
|
-
documentBody && documentBody.addEventListener("keydown", onEsc, false);
|
|
153
|
-
|
|
118
|
+
documentBody && documentBody.addEventListener('keydown', onEsc, false);
|
|
154
119
|
if (closeTargets) {
|
|
155
120
|
closeTargets.forEach(function (targetElement) {
|
|
156
|
-
return targetElement && targetElement.addEventListener(
|
|
121
|
+
return targetElement && targetElement.addEventListener('click', bodyClick, false);
|
|
157
122
|
});
|
|
158
123
|
} else {
|
|
159
|
-
documentBody.firstElementChild && documentBody.firstElementChild.addEventListener(
|
|
124
|
+
documentBody.firstElementChild && documentBody.firstElementChild.addEventListener('click', bodyClick, false);
|
|
160
125
|
}
|
|
161
|
-
|
|
162
126
|
return function () {
|
|
163
127
|
if (closeTargets) {
|
|
164
128
|
closeTargets.forEach(function (targetElement) {
|
|
165
|
-
return targetElement && targetElement.removeEventListener(
|
|
129
|
+
return targetElement && targetElement.removeEventListener('click', bodyClick, false);
|
|
166
130
|
});
|
|
167
131
|
} else {
|
|
168
|
-
documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener(
|
|
132
|
+
documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener('click', bodyClick, false);
|
|
169
133
|
}
|
|
170
134
|
};
|
|
171
135
|
}, [onClose, disableCloseOnClickOutside, closeTargets]);
|
|
@@ -182,25 +146,23 @@ var Drawer = function Drawer(_ref3) {
|
|
|
182
146
|
"data-qa-drawer": id
|
|
183
147
|
}, rest), children));
|
|
184
148
|
};
|
|
185
|
-
|
|
186
149
|
var DrawerContainer = function DrawerContainer(_ref4) {
|
|
187
150
|
var children = _ref4.children,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
151
|
+
closeButtonLabel = _ref4.closeButtonLabel,
|
|
152
|
+
_ref4$direction = _ref4.direction,
|
|
153
|
+
direction = _ref4$direction === void 0 ? 'right' : _ref4$direction,
|
|
154
|
+
_ref4$disableCloseOnC = _ref4.disableCloseOnClickOutside,
|
|
155
|
+
disableCloseOnClickOutside = _ref4$disableCloseOnC === void 0 ? false : _ref4$disableCloseOnC,
|
|
156
|
+
id = _ref4.id,
|
|
157
|
+
isOpen = _ref4.isOpen,
|
|
158
|
+
_ref4$offset = _ref4.offset,
|
|
159
|
+
offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
|
|
160
|
+
onClose = _ref4.onClose,
|
|
161
|
+
_ref4$zIndex = _ref4.zIndex,
|
|
162
|
+
zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
|
|
163
|
+
_ref4$closeTargets = _ref4.closeTargets,
|
|
164
|
+
closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
|
|
165
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
|
|
204
166
|
return /*#__PURE__*/React.createElement(_Portal.default, {
|
|
205
167
|
id: id
|
|
206
168
|
}, /*#__PURE__*/React.createElement(DrawerContext.Provider, {
|
|
@@ -214,8 +176,8 @@ var DrawerContainer = function DrawerContainer(_ref4) {
|
|
|
214
176
|
isVisible: isOpen
|
|
215
177
|
}, function (_ref5) {
|
|
216
178
|
var isVisible = _ref5.isVisible,
|
|
217
|
-
|
|
218
|
-
|
|
179
|
+
style = _ref5.style,
|
|
180
|
+
key = _ref5.key;
|
|
219
181
|
return isVisible && /*#__PURE__*/React.createElement(Drawer, _extends({
|
|
220
182
|
key: key,
|
|
221
183
|
id: id,
|
|
@@ -228,18 +190,17 @@ var DrawerContainer = function DrawerContainer(_ref4) {
|
|
|
228
190
|
onClose: onClose,
|
|
229
191
|
zIndex: zIndex,
|
|
230
192
|
closeTargets: closeTargets,
|
|
231
|
-
"data-qa-drawer": id ||
|
|
232
|
-
"data-qa-drawer-isopen": isOpen === true
|
|
233
|
-
|
|
193
|
+
"data-qa-drawer": id || '',
|
|
194
|
+
"data-qa-drawer-isopen": isOpen === true
|
|
195
|
+
// $FlowIssue - upgrade v0.112.0
|
|
234
196
|
}, rest), children);
|
|
235
197
|
})));
|
|
236
198
|
};
|
|
237
|
-
|
|
238
199
|
DrawerContainer.Header = DrawerHeader;
|
|
239
200
|
DrawerContainer.Content = DrawerContent;
|
|
240
201
|
DrawerContainer.CloseButton = DrawerCloseButton;
|
|
241
|
-
DrawerContainer.Header.displayName =
|
|
242
|
-
DrawerContainer.Content.displayName =
|
|
243
|
-
DrawerContainer.CloseButton.displayName =
|
|
202
|
+
DrawerContainer.Header.displayName = 'Drawer.Header';
|
|
203
|
+
DrawerContainer.Content.displayName = 'Drawer.Content';
|
|
204
|
+
DrawerContainer.CloseButton.displayName = 'Drawer.CloseButton';
|
|
244
205
|
var _default = DrawerContainer;
|
|
245
206
|
exports.default = _default;
|
|
@@ -2,17 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.Content = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
|
-
|
|
8
6
|
var _systemProps = require("../utils/system-props");
|
|
9
|
-
|
|
10
7
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
11
|
-
|
|
12
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
9
|
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); }
|
|
15
|
-
|
|
16
10
|
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; }
|
|
17
11
|
|
|
18
12
|
var Content = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
@@ -20,7 +14,6 @@ var Content = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
|
20
14
|
componentId: "sc-bo5voc-0"
|
|
21
15
|
})(["overflow-y:auto;"]);
|
|
22
16
|
exports.Content = Content;
|
|
23
|
-
|
|
24
17
|
var Container = _styledComponents.default.div.withConfig({
|
|
25
18
|
displayName: "styles__Container",
|
|
26
19
|
componentId: "sc-bo5voc-1"
|
|
@@ -33,6 +26,5 @@ var Container = _styledComponents.default.div.withConfig({
|
|
|
33
26
|
}, function (props) {
|
|
34
27
|
return (0, _styledComponents.css)(["", ":", "px;"], props.direction, props.offset);
|
|
35
28
|
}, _systemProps.COMMON);
|
|
36
|
-
|
|
37
29
|
var _default = Container;
|
|
38
30
|
exports.default = _default;
|
|
@@ -2,33 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
-
|
|
6
5
|
var React = _interopRequireWildcard(require("react"));
|
|
7
|
-
|
|
8
6
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
9
|
-
|
|
10
7
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
11
|
-
|
|
12
8
|
var _excluded = ["media", "headline", "subtext", "primaryAction", "secondaryAction"];
|
|
13
|
-
|
|
14
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
10
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
11
|
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; }
|
|
19
|
-
|
|
20
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
21
|
-
|
|
12
|
+
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); }
|
|
22
13
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
|
-
|
|
24
14
|
var EmptyState = function EmptyState(_ref) {
|
|
25
15
|
var media = _ref.media,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
16
|
+
headline = _ref.headline,
|
|
17
|
+
subtext = _ref.subtext,
|
|
18
|
+
primaryAction = _ref.primaryAction,
|
|
19
|
+
secondaryAction = _ref.secondaryAction,
|
|
20
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
32
21
|
return (
|
|
33
22
|
/*#__PURE__*/
|
|
34
23
|
// $FlowIssue - upgrade v0.112.0
|
|
@@ -59,14 +48,13 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
59
48
|
}, subtext), /*#__PURE__*/React.createElement(_Box.default, {
|
|
60
49
|
mt: primaryAction || secondaryAction ? 450 : 0
|
|
61
50
|
}, primaryAction && /*#__PURE__*/React.cloneElement(primaryAction, {
|
|
62
|
-
appearance:
|
|
51
|
+
appearance: 'primary'
|
|
63
52
|
}), secondaryAction && /*#__PURE__*/React.createElement(_Box.default, {
|
|
64
53
|
mt: 400
|
|
65
54
|
}, /*#__PURE__*/React.cloneElement(secondaryAction, {
|
|
66
|
-
appearance:
|
|
55
|
+
appearance: 'default'
|
|
67
56
|
})))))
|
|
68
57
|
);
|
|
69
58
|
};
|
|
70
|
-
|
|
71
59
|
var _default = EmptyState;
|
|
72
60
|
exports.default = _default;
|
|
@@ -2,40 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
-
|
|
6
5
|
var React = _interopRequireWildcard(require("react"));
|
|
7
|
-
|
|
8
6
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
9
|
-
|
|
10
7
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
11
|
-
|
|
12
8
|
var _styles = require("./styles");
|
|
13
|
-
|
|
14
9
|
var _excluded = ["layout", "label", "helperText", "children"],
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
_excluded2 = ["children"],
|
|
11
|
+
_excluded3 = ["children"];
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
25
|
-
|
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
26
16
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
27
|
-
|
|
28
17
|
/**
|
|
29
18
|
* Fieldset Component
|
|
30
19
|
*/
|
|
31
20
|
var Fieldset = function Fieldset(_ref) {
|
|
32
21
|
var _ref$layout = _ref.layout,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
22
|
+
layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
|
|
23
|
+
label = _ref.label,
|
|
24
|
+
helperText = _ref.helperText,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
39
27
|
return (
|
|
40
28
|
/*#__PURE__*/
|
|
41
29
|
// $FlowIssue - upgrade v0.112.0
|
|
@@ -43,10 +31,10 @@ var Fieldset = function Fieldset(_ref) {
|
|
|
43
31
|
as: "fieldset",
|
|
44
32
|
border: "none",
|
|
45
33
|
p: 0,
|
|
46
|
-
"data-qa-fieldset":
|
|
47
|
-
}, rest), typeof label ===
|
|
34
|
+
"data-qa-fieldset": ''
|
|
35
|
+
}, rest), typeof label === 'string' ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === 'string' ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(_Box.default, {
|
|
48
36
|
display: "flex",
|
|
49
|
-
flexDirection: layout ===
|
|
37
|
+
flexDirection: layout === 'vertical' ? 'column' : 'row'
|
|
50
38
|
}, React.Children.map(children, function (child) {
|
|
51
39
|
return /*#__PURE__*/React.createElement(_styles.ChildContainer, {
|
|
52
40
|
layout: layout
|
|
@@ -54,11 +42,9 @@ var Fieldset = function Fieldset(_ref) {
|
|
|
54
42
|
})))
|
|
55
43
|
);
|
|
56
44
|
};
|
|
57
|
-
|
|
58
45
|
var FieldsetLegend = function FieldsetLegend(_ref2) {
|
|
59
46
|
var children = _ref2.children,
|
|
60
|
-
|
|
61
|
-
|
|
47
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
62
48
|
return /*#__PURE__*/React.createElement(_Text.default, _extends({
|
|
63
49
|
as: "legend",
|
|
64
50
|
fontSize: 300,
|
|
@@ -67,21 +53,18 @@ var FieldsetLegend = function FieldsetLegend(_ref2) {
|
|
|
67
53
|
mb: 300
|
|
68
54
|
}, rest), children);
|
|
69
55
|
};
|
|
70
|
-
|
|
71
56
|
var FieldsetHelperText = function FieldsetHelperText(_ref3) {
|
|
72
57
|
var children = _ref3.children,
|
|
73
|
-
|
|
74
|
-
|
|
58
|
+
rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
75
59
|
return /*#__PURE__*/React.createElement(_Text.default, _extends({
|
|
76
60
|
as: "p",
|
|
77
61
|
fontSize: 200,
|
|
78
62
|
mb: 300
|
|
79
63
|
}, rest), children);
|
|
80
64
|
};
|
|
81
|
-
|
|
82
65
|
Fieldset.Legend = FieldsetLegend;
|
|
83
66
|
Fieldset.HelperText = FieldsetHelperText;
|
|
84
|
-
Fieldset.Legend.displayName =
|
|
85
|
-
Fieldset.HelperText.displayName =
|
|
67
|
+
Fieldset.Legend.displayName = 'Fieldset.Legend';
|
|
68
|
+
Fieldset.HelperText.displayName = 'Fieldset.HelperText';
|
|
86
69
|
var _default = Fieldset;
|
|
87
70
|
exports.default = _default;
|
|
@@ -2,23 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.ChildContainer = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledComponents = _interopRequireWildcard(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
|
-
|
|
12
8
|
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); }
|
|
13
|
-
|
|
14
9
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
10
|
|
|
16
11
|
var ChildContainer = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
17
12
|
displayName: "styles__ChildContainer",
|
|
18
13
|
componentId: "sc-1bemv2g-0"
|
|
19
14
|
})(["", " ", ""], function (props) {
|
|
20
|
-
return props.layout ===
|
|
15
|
+
return props.layout === 'vertical' && (0, _styledComponents.css)(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
|
|
21
16
|
}, function (props) {
|
|
22
|
-
return props.layout ===
|
|
17
|
+
return props.layout === 'horizontal' && (0, _styledComponents.css)(["margin-left:", ";&:first-child{margin-left:0;}"], props.theme.space[300]);
|
|
23
18
|
});
|
|
24
19
|
exports.ChildContainer = ChildContainer;
|