@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,117 +2,88 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.SORT_DIRECTIONS = void 0;
|
|
5
|
-
|
|
6
5
|
var React = _interopRequireWildcard(require("react"));
|
|
7
|
-
|
|
8
6
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
9
|
-
|
|
10
7
|
var _Icon = _interopRequireDefault(require("../Icon/"));
|
|
11
|
-
|
|
12
8
|
var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "shouldTruncate", "onSort", "sortId", "sortDirection", "children", "onClick"];
|
|
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
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
25
|
-
|
|
26
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
|
-
|
|
15
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
28
16
|
var SORT_DIRECTIONS = {
|
|
29
|
-
ASC:
|
|
30
|
-
DESC:
|
|
17
|
+
ASC: 'ASC',
|
|
18
|
+
DESC: 'DESC'
|
|
31
19
|
};
|
|
32
20
|
exports.SORT_DIRECTIONS = SORT_DIRECTIONS;
|
|
33
|
-
|
|
34
21
|
/**
|
|
35
22
|
* The table header cell component is for rendering table header cells and is meant to be used with the table component.
|
|
36
|
-
*/
|
|
37
|
-
var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
|
|
23
|
+
*/var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
|
|
38
24
|
_inheritsLoose(TableHeaderCell, _React$Component);
|
|
39
|
-
|
|
40
25
|
function TableHeaderCell() {
|
|
41
26
|
var _this;
|
|
42
|
-
|
|
43
27
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
44
28
|
args[_key] = arguments[_key];
|
|
45
29
|
}
|
|
46
|
-
|
|
47
30
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
48
|
-
|
|
49
31
|
_this.getSortIcon = function (isSorted) {
|
|
50
32
|
var sortDirection = _this.props.sortDirection;
|
|
51
|
-
var iconName =
|
|
52
|
-
|
|
33
|
+
var iconName = 'chevron-up-down-filled';
|
|
53
34
|
if (isSorted && sortDirection === SORT_DIRECTIONS.ASC) {
|
|
54
|
-
iconName =
|
|
35
|
+
iconName = 'chevron-up-filled';
|
|
55
36
|
} else if (isSorted && sortDirection === SORT_DIRECTIONS.DESC) {
|
|
56
|
-
iconName =
|
|
37
|
+
iconName = 'chevron-down-filled';
|
|
57
38
|
}
|
|
58
|
-
|
|
59
39
|
return /*#__PURE__*/React.createElement(_styles.SortIcon, null, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
60
40
|
size: "mini",
|
|
61
41
|
name: iconName
|
|
62
42
|
}));
|
|
63
43
|
};
|
|
64
|
-
|
|
65
44
|
_this.handleClick = function (e) {
|
|
66
45
|
var _this$props = _this.props,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
46
|
+
onClick = _this$props.onClick,
|
|
47
|
+
onSort = _this$props.onSort,
|
|
48
|
+
isSortable = _this$props.isSortable,
|
|
49
|
+
id = _this$props.id;
|
|
72
50
|
if (onClick) {
|
|
73
51
|
onClick(e);
|
|
74
52
|
return;
|
|
75
53
|
}
|
|
76
|
-
|
|
77
54
|
if (!isSortable || !onSort) return;
|
|
78
55
|
onSort(id);
|
|
79
56
|
};
|
|
80
|
-
|
|
81
57
|
return _this;
|
|
82
58
|
}
|
|
83
|
-
|
|
84
59
|
var _proto = TableHeaderCell.prototype;
|
|
85
|
-
|
|
86
60
|
_proto.render = function render() {
|
|
87
61
|
var _this$props2 = this.props,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
62
|
+
id = _this$props2.id,
|
|
63
|
+
content = _this$props2.content,
|
|
64
|
+
colSpan = _this$props2.colSpan,
|
|
65
|
+
width = _this$props2.width,
|
|
66
|
+
align = _this$props2.align,
|
|
67
|
+
isSortable = _this$props2.isSortable,
|
|
68
|
+
shouldTruncate = _this$props2.shouldTruncate,
|
|
69
|
+
onSort = _this$props2.onSort,
|
|
70
|
+
sortId = _this$props2.sortId,
|
|
71
|
+
sortDirection = _this$props2.sortDirection,
|
|
72
|
+
children = _this$props2.children,
|
|
73
|
+
onClick = _this$props2.onClick,
|
|
74
|
+
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
|
|
102
75
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
|
|
103
76
|
key: id,
|
|
104
|
-
alignment: align ||
|
|
77
|
+
alignment: align || 'left',
|
|
105
78
|
sortable: isSortable,
|
|
106
79
|
colSpan: colSpan,
|
|
107
80
|
width: width,
|
|
108
81
|
onClick: this.handleClick,
|
|
109
82
|
"data-tableheadercell-sortable": isSortable,
|
|
110
|
-
"data-qa-table-header-cell":
|
|
83
|
+
"data-qa-table-header-cell": '',
|
|
111
84
|
"data-qa-table-header-cell-sortdirection": sortDirection
|
|
112
85
|
}), children || content, isSortable && !children && this.getSortIcon(id === sortId));
|
|
113
86
|
};
|
|
114
|
-
|
|
115
87
|
return TableHeaderCell;
|
|
116
88
|
}(React.Component);
|
|
117
|
-
|
|
118
89
|
exports.default = TableHeaderCell;
|
|
@@ -2,13 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.SortIcon = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
|
-
|
|
8
6
|
var _systemProps = require("../utils/system-props");
|
|
9
|
-
|
|
10
7
|
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); }
|
|
11
|
-
|
|
12
8
|
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; }
|
|
13
9
|
|
|
14
10
|
var Container = _styledComponents.default.th.withConfig({
|
|
@@ -25,14 +21,12 @@ var Container = _styledComponents.default.th.withConfig({
|
|
|
25
21
|
}, function (props) {
|
|
26
22
|
return props.sortable && (0, _styledComponents.css)(["position:relative;cursor:pointer;"]);
|
|
27
23
|
}, _systemProps.COMMON);
|
|
28
|
-
|
|
29
24
|
var SortIcon = _styledComponents.default.span.withConfig({
|
|
30
25
|
displayName: "styles__SortIcon",
|
|
31
26
|
componentId: "sc-1cj640a-1"
|
|
32
27
|
})(["position:absolute;top:50%;transform:translateY(-50%);font-size:0;padding:0 ", ";"], function (props) {
|
|
33
28
|
return props.theme.space[200];
|
|
34
29
|
});
|
|
35
|
-
|
|
36
30
|
exports.SortIcon = SortIcon;
|
|
37
31
|
var _default = Container;
|
|
38
32
|
exports.default = _default;
|
|
@@ -2,71 +2,48 @@
|
|
|
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 _styles = _interopRequireWildcard(require("./styles"));
|
|
9
|
-
|
|
10
7
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
11
|
-
|
|
12
8
|
var _TableCell = _interopRequireDefault(require("../TableCell"));
|
|
13
|
-
|
|
14
9
|
var _excluded = ["id", "cells", "detail", "onToggle", "isExpanded"];
|
|
15
|
-
|
|
16
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
11
|
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); }
|
|
19
|
-
|
|
20
12
|
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; }
|
|
21
|
-
|
|
22
|
-
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); }
|
|
23
|
-
|
|
13
|
+
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); }
|
|
24
14
|
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; }
|
|
25
|
-
|
|
26
15
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
27
|
-
|
|
28
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
29
|
-
|
|
16
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
30
17
|
/**
|
|
31
18
|
* The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.
|
|
32
|
-
*/
|
|
33
|
-
var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
|
|
19
|
+
*/var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
|
|
34
20
|
_inheritsLoose(TableRowAccordion, _React$Component);
|
|
35
|
-
|
|
36
21
|
function TableRowAccordion() {
|
|
37
22
|
var _this;
|
|
38
|
-
|
|
39
23
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
40
24
|
args[_key] = arguments[_key];
|
|
41
25
|
}
|
|
42
|
-
|
|
43
26
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
44
|
-
|
|
45
27
|
_this.handleToggle = function (e) {
|
|
46
28
|
var _this$props = _this.props,
|
|
47
|
-
|
|
48
|
-
|
|
29
|
+
onToggle = _this$props.onToggle,
|
|
30
|
+
id = _this$props.id;
|
|
49
31
|
e.stopPropagation();
|
|
50
|
-
|
|
51
32
|
if (onToggle) {
|
|
52
33
|
onToggle(id);
|
|
53
34
|
}
|
|
54
35
|
};
|
|
55
|
-
|
|
56
36
|
return _this;
|
|
57
37
|
}
|
|
58
|
-
|
|
59
38
|
var _proto = TableRowAccordion.prototype;
|
|
60
|
-
|
|
61
39
|
_proto.render = function render() {
|
|
62
40
|
var _this$props2 = this.props,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
41
|
+
id = _this$props2.id,
|
|
42
|
+
cells = _this$props2.cells,
|
|
43
|
+
detail = _this$props2.detail,
|
|
44
|
+
onToggle = _this$props2.onToggle,
|
|
45
|
+
isExpanded = _this$props2.isExpanded,
|
|
46
|
+
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
|
|
70
47
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
|
|
71
48
|
"data-qa-table-row-accordion": isExpanded,
|
|
72
49
|
key: id
|
|
@@ -84,7 +61,7 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
|
|
|
84
61
|
onClick: this.handleToggle,
|
|
85
62
|
role: "button"
|
|
86
63
|
}, /*#__PURE__*/React.createElement(_Icon.default, {
|
|
87
|
-
name: isExpanded ?
|
|
64
|
+
name: isExpanded ? 'chevron-up' : 'chevron-down'
|
|
88
65
|
}))
|
|
89
66
|
})), /*#__PURE__*/React.createElement(_styles.Detail, {
|
|
90
67
|
isExpanded: isExpanded,
|
|
@@ -95,8 +72,6 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
|
|
|
95
72
|
content: detail
|
|
96
73
|
})));
|
|
97
74
|
};
|
|
98
|
-
|
|
99
75
|
return TableRowAccordion;
|
|
100
76
|
}(React.Component);
|
|
101
|
-
|
|
102
77
|
exports.default = TableRowAccordion;
|
|
@@ -2,13 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.Trigger = exports.Detail = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
|
-
|
|
8
6
|
var _systemProps = require("../utils/system-props");
|
|
9
|
-
|
|
10
7
|
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); }
|
|
11
|
-
|
|
12
8
|
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; }
|
|
13
9
|
|
|
14
10
|
var Container = _styledComponents.default.tbody.withConfig({
|
|
@@ -16,23 +12,20 @@ var Container = _styledComponents.default.tbody.withConfig({
|
|
|
16
12
|
componentId: "sc-17hu4uw-0"
|
|
17
13
|
})(["border-bottom:1px solid ", ";", ""], function (props) {
|
|
18
14
|
return props.theme.colors.container.border.base;
|
|
19
|
-
}, _systemProps.COMMON);
|
|
20
|
-
|
|
15
|
+
}, _systemProps.COMMON);
|
|
21
16
|
|
|
17
|
+
// eslint-disable-next-line flowtype/generic-spacing
|
|
22
18
|
var Detail = _styledComponents.default.tr.withConfig({
|
|
23
19
|
displayName: "styles__Detail",
|
|
24
20
|
componentId: "sc-17hu4uw-1"
|
|
25
21
|
})(["display:none;", ""], function (props) {
|
|
26
22
|
return props.isExpanded && (0, _styledComponents.css)(["display:table-row;"]);
|
|
27
23
|
});
|
|
28
|
-
|
|
29
24
|
exports.Detail = Detail;
|
|
30
|
-
|
|
31
25
|
var Trigger = _styledComponents.default.div.withConfig({
|
|
32
26
|
displayName: "styles__Trigger",
|
|
33
27
|
componentId: "sc-17hu4uw-2"
|
|
34
28
|
})(["cursor:pointer;"]);
|
|
35
|
-
|
|
36
29
|
exports.Trigger = Trigger;
|
|
37
30
|
var _default = Container;
|
|
38
31
|
exports.default = _default;
|
package/commonjs/Tabs/index.js
CHANGED
|
@@ -2,70 +2,50 @@
|
|
|
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 _styles = _interopRequireWildcard(require("./styles"));
|
|
9
|
-
|
|
10
7
|
var _excluded = ["children", "id"],
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
_excluded2 = ["children", "qa"];
|
|
13
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); }
|
|
14
|
-
|
|
15
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; }
|
|
16
|
-
|
|
17
|
-
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); }
|
|
18
|
-
|
|
11
|
+
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); }
|
|
19
12
|
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; }
|
|
20
|
-
|
|
21
13
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
22
|
-
|
|
23
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
24
|
-
|
|
14
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
25
15
|
var TabButtonContext = /*#__PURE__*/React.createContext({});
|
|
26
|
-
|
|
27
16
|
var TabItemButton = /*#__PURE__*/function (_React$Component) {
|
|
28
17
|
_inheritsLoose(TabItemButton, _React$Component);
|
|
29
|
-
|
|
30
18
|
function TabItemButton() {
|
|
31
19
|
var _this;
|
|
32
|
-
|
|
33
20
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
34
21
|
args[_key] = arguments[_key];
|
|
35
22
|
}
|
|
36
|
-
|
|
37
23
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
38
24
|
_this.context = void 0;
|
|
39
25
|
_this.buttonRef = /*#__PURE__*/React.createRef();
|
|
40
26
|
return _this;
|
|
41
27
|
}
|
|
42
|
-
|
|
43
28
|
var _proto = TabItemButton.prototype;
|
|
44
|
-
|
|
45
29
|
_proto.componentDidMount = function componentDidMount() {
|
|
46
30
|
this.context.onTabMount(this.props.id, this.buttonRef);
|
|
47
31
|
};
|
|
48
|
-
|
|
49
32
|
_proto.componentDidUpdate = function componentDidUpdate(prevProps) {
|
|
50
33
|
if (prevProps.id !== this.props.id) {
|
|
51
34
|
this.context.onTabUpdate(prevProps.id, this.props.id);
|
|
52
35
|
}
|
|
53
36
|
};
|
|
54
|
-
|
|
55
37
|
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
56
38
|
this.context.onTabUnmount(this.props.id);
|
|
57
39
|
};
|
|
58
|
-
|
|
59
40
|
_proto.render = function render() {
|
|
60
41
|
var _this$props = this.props,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
42
|
+
children = _this$props.children,
|
|
43
|
+
id = _this$props.id,
|
|
44
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
65
45
|
var _this$context = this.context,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
46
|
+
selectedId = _this$context.selectedId,
|
|
47
|
+
onActivate = _this$context.onActivate,
|
|
48
|
+
fullWidth = _this$context.fullWidth;
|
|
69
49
|
var isSelected = selectedId === id;
|
|
70
50
|
return /*#__PURE__*/React.createElement(_styles.TabItem, {
|
|
71
51
|
key: id,
|
|
@@ -81,49 +61,37 @@ var TabItemButton = /*#__PURE__*/function (_React$Component) {
|
|
|
81
61
|
tabIndex: isSelected ? 0 : -1,
|
|
82
62
|
fullWidth: fullWidth,
|
|
83
63
|
"data-qa-tab-button": id,
|
|
84
|
-
"data-qa-tab-button-state": isSelected
|
|
85
|
-
|
|
64
|
+
"data-qa-tab-button-state": isSelected
|
|
65
|
+
// $FlowIssue - upgrade v0.112.0
|
|
86
66
|
}, rest), children));
|
|
87
67
|
};
|
|
88
|
-
|
|
89
68
|
return TabItemButton;
|
|
90
69
|
}(React.Component);
|
|
91
|
-
|
|
92
70
|
TabItemButton.contextType = TabButtonContext;
|
|
93
|
-
|
|
94
71
|
/**
|
|
95
72
|
* Render a group of buttons in a tab-heading style
|
|
96
|
-
*/
|
|
97
|
-
var Tabs = /*#__PURE__*/function (_React$Component2) {
|
|
73
|
+
*/var Tabs = /*#__PURE__*/function (_React$Component2) {
|
|
98
74
|
_inheritsLoose(Tabs, _React$Component2);
|
|
99
|
-
|
|
100
75
|
function Tabs() {
|
|
101
76
|
var _this2;
|
|
102
|
-
|
|
103
77
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
104
78
|
args[_key2] = arguments[_key2];
|
|
105
79
|
}
|
|
106
|
-
|
|
107
80
|
_this2 = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;
|
|
108
81
|
_this2.buttonRefs = {};
|
|
109
82
|
_this2.tabList = [];
|
|
110
|
-
|
|
111
83
|
_this2.getSelectedId = function () {
|
|
112
84
|
return _this2.props.selectedId;
|
|
113
85
|
};
|
|
114
|
-
|
|
115
86
|
_this2.onActivate = function (id) {
|
|
116
87
|
return _this2.props.onSelect(id);
|
|
117
88
|
};
|
|
118
|
-
|
|
119
89
|
_this2.onTabMount = function (id, ref) {
|
|
120
90
|
if (!_this2.tabList.includes(id)) {
|
|
121
91
|
_this2.tabList.push(id);
|
|
122
|
-
|
|
123
92
|
_this2.buttonRefs[id] = ref;
|
|
124
93
|
}
|
|
125
94
|
};
|
|
126
|
-
|
|
127
95
|
_this2.onTabUpdate = function (previousId, newId) {
|
|
128
96
|
if (_this2.tabList.includes(previousId)) {
|
|
129
97
|
_this2.tabList = _this2.tabList.map(function (id) {
|
|
@@ -133,7 +101,6 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
|
|
|
133
101
|
_this2.buttonRefs[previousId] = undefined;
|
|
134
102
|
}
|
|
135
103
|
};
|
|
136
|
-
|
|
137
104
|
_this2.onTabUnmount = function (id) {
|
|
138
105
|
if (_this2.tabList.includes(id)) {
|
|
139
106
|
_this2.tabList = _this2.tabList.filter(function (currentId) {
|
|
@@ -142,18 +109,13 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
|
|
|
142
109
|
_this2.buttonRefs[id] = undefined;
|
|
143
110
|
}
|
|
144
111
|
};
|
|
145
|
-
|
|
146
112
|
_this2.selectNextTab = function (id) {
|
|
147
113
|
var buttonRef = _this2.buttonRefs[id];
|
|
148
|
-
|
|
149
114
|
_this2.props.onSelect(id);
|
|
150
|
-
|
|
151
115
|
buttonRef && buttonRef.current && buttonRef.current.focus && buttonRef.current.focus();
|
|
152
116
|
};
|
|
153
|
-
|
|
154
117
|
_this2.keyHandler = function (_ref) {
|
|
155
118
|
var keyCode = _ref.keyCode;
|
|
156
|
-
|
|
157
119
|
switch (keyCode) {
|
|
158
120
|
// left arrow
|
|
159
121
|
case 37:
|
|
@@ -162,48 +124,38 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
|
|
|
162
124
|
var count = _this2.tabList.length;
|
|
163
125
|
var nextIndex = index - 1 >= 0 ? index - 1 : count - 1;
|
|
164
126
|
var _nextId = _this2.tabList[nextIndex];
|
|
165
|
-
|
|
166
127
|
_this2.selectNextTab(_nextId);
|
|
167
128
|
}
|
|
168
129
|
});
|
|
169
|
-
|
|
170
130
|
break;
|
|
171
131
|
// right arrow
|
|
172
|
-
|
|
173
132
|
case 39:
|
|
174
133
|
_this2.tabList.forEach(function (id, index) {
|
|
175
134
|
if (id === _this2.getSelectedId()) {
|
|
176
135
|
var count = _this2.tabList.length;
|
|
177
136
|
var nextIndex = index + 1 < count ? index + 1 : 0;
|
|
178
137
|
var _nextId2 = _this2.tabList[nextIndex];
|
|
179
|
-
|
|
180
138
|
_this2.selectNextTab(_nextId2);
|
|
181
139
|
}
|
|
182
140
|
});
|
|
183
|
-
|
|
184
141
|
break;
|
|
185
|
-
|
|
186
142
|
default:
|
|
187
143
|
break;
|
|
188
144
|
}
|
|
189
145
|
};
|
|
190
|
-
|
|
191
146
|
return _this2;
|
|
192
147
|
}
|
|
193
|
-
|
|
194
148
|
var _proto2 = Tabs.prototype;
|
|
195
|
-
|
|
196
149
|
_proto2.render = function render() {
|
|
197
150
|
var _this$props2 = this.props,
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
151
|
+
children = _this$props2.children,
|
|
152
|
+
qa = _this$props2.qa,
|
|
153
|
+
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded2);
|
|
202
154
|
return (
|
|
203
155
|
/*#__PURE__*/
|
|
204
156
|
// $FlowIssue - upgrade v0.112.0
|
|
205
157
|
React.createElement(_styles.default, _extends({
|
|
206
|
-
"data-qa-tabs":
|
|
158
|
+
"data-qa-tabs": '',
|
|
207
159
|
onKeyUp: this.keyHandler
|
|
208
160
|
}, qa, rest), /*#__PURE__*/React.createElement(TabButtonContext.Provider, {
|
|
209
161
|
value: {
|
|
@@ -217,9 +169,7 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
|
|
|
217
169
|
}, children))
|
|
218
170
|
);
|
|
219
171
|
};
|
|
220
|
-
|
|
221
172
|
return Tabs;
|
|
222
173
|
}(React.Component);
|
|
223
|
-
|
|
224
174
|
exports.default = Tabs;
|
|
225
175
|
Tabs.Button = TabItemButton;
|
package/commonjs/Tabs/styles.js
CHANGED
|
@@ -2,30 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.TabItem = exports.TabButton = void 0;
|
|
5
|
-
|
|
6
5
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
|
-
|
|
8
6
|
var _systemProps = require("../utils/system-props");
|
|
9
|
-
|
|
10
7
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
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 Container = _styledComponents.default.ul.withConfig({
|
|
19
13
|
displayName: "styles__Container",
|
|
20
14
|
componentId: "sc-vnjuiu-0"
|
|
21
15
|
})(["display:", ";justify-content:space-between;margin:0;padding:0;list-style:none;border-bottom:", " ", ";", ""], function (props) {
|
|
22
|
-
return props.fullWidth ?
|
|
16
|
+
return props.fullWidth ? 'flex' : 'inline-flex';
|
|
23
17
|
}, function (props) {
|
|
24
18
|
return props.theme.borders[500];
|
|
25
19
|
}, function (props) {
|
|
26
20
|
return props.theme.colors.container.border.base;
|
|
27
21
|
}, _systemProps.COMMON);
|
|
28
|
-
|
|
29
22
|
var TabItem = _styledComponents.default.li.withConfig({
|
|
30
23
|
displayName: "styles__TabItem",
|
|
31
24
|
componentId: "sc-vnjuiu-1"
|
|
@@ -43,9 +36,7 @@ var TabItem = _styledComponents.default.li.withConfig({
|
|
|
43
36
|
return props.isSelected && (0, _styledComponents.css)(["box-shadow:", ";"], function (props) {
|
|
44
37
|
return "inset 0 -3px 0 0 " + props.theme.colors.button.primary.background.hover;
|
|
45
38
|
});
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
});
|
|
49
40
|
exports.TabItem = TabItem;
|
|
50
41
|
var TabButton = (0, _styledComponents.default)(_Button.default).withConfig({
|
|
51
42
|
displayName: "styles__TabButton",
|
package/commonjs/Text/index.js
CHANGED
|
@@ -2,25 +2,15 @@
|
|
|
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 _styles = _interopRequireDefault(require("./styles"));
|
|
9
|
-
|
|
10
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
8
|
var _excluded = ["fontSize", "children", "qa"];
|
|
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 Headline = (0, _styledComponents.default)(_styles.default).withConfig({
|
|
25
15
|
displayName: "Text__Headline",
|
|
26
16
|
componentId: "sc-12xhmyx-0"
|
|
@@ -83,14 +73,12 @@ var SmallBodyCopy = (0, _styledComponents.default)(_styles.default).withConfig({
|
|
|
83
73
|
}, function (props) {
|
|
84
74
|
return props.theme.typography[200];
|
|
85
75
|
});
|
|
86
|
-
|
|
87
76
|
var Text = function Text(_ref) {
|
|
88
77
|
var fontSize = _ref.fontSize,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
var qaText = typeof children === "string" ? children : undefined;
|
|
78
|
+
children = _ref.children,
|
|
79
|
+
qa = _ref.qa,
|
|
80
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
81
|
+
var qaText = typeof children === 'string' ? children : undefined;
|
|
94
82
|
return (
|
|
95
83
|
/*#__PURE__*/
|
|
96
84
|
// $FlowIssue - upgrade v0.112.0
|
|
@@ -100,7 +88,6 @@ var Text = function Text(_ref) {
|
|
|
100
88
|
}, qa, rest), children)
|
|
101
89
|
);
|
|
102
90
|
};
|
|
103
|
-
|
|
104
91
|
Text.Headline = Headline;
|
|
105
92
|
Text.SubHeadline = SubHeadline;
|
|
106
93
|
Text.SmallSubHeadline = SmallSubHeadline;
|
|
@@ -108,12 +95,12 @@ Text.Byline = Byline;
|
|
|
108
95
|
Text.SmallByline = SmallByline;
|
|
109
96
|
Text.BodyCopy = BodyCopy;
|
|
110
97
|
Text.SmallBodyCopy = SmallBodyCopy;
|
|
111
|
-
Text.Headline.displayName =
|
|
112
|
-
Text.SubHeadline.displayName =
|
|
113
|
-
Text.SmallSubHeadline.displayName =
|
|
114
|
-
Text.Byline.displayName =
|
|
115
|
-
Text.SmallByline.displayName =
|
|
116
|
-
Text.BodyCopy.displayName =
|
|
117
|
-
Text.SmallBodyCopy.displayName =
|
|
98
|
+
Text.Headline.displayName = 'Text.Headline';
|
|
99
|
+
Text.SubHeadline.displayName = 'Text.SubHeadline';
|
|
100
|
+
Text.SmallSubHeadline.displayName = 'Text.SmallSubHeadline';
|
|
101
|
+
Text.Byline.displayName = 'Text.Byline';
|
|
102
|
+
Text.SmallByline.displayName = 'Text.SmallByline';
|
|
103
|
+
Text.BodyCopy.displayName = 'Text.BodyCopy';
|
|
104
|
+
Text.SmallBodyCopy.displayName = 'Text.SmallBodyCopy';
|
|
118
105
|
var _default = Text;
|
|
119
106
|
exports.default = _default;
|