@sproutsocial/racine 20.0.0 → 20.2.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 +35 -0
- package/README.md +5 -5
- package/__flow__/Avatar/Avatar.flow.js +1 -0
- package/__flow__/Avatar/constants.flow.js +11 -0
- package/__flow__/Avatar/index.flow.js +2 -1
- package/__flow__/Menu/Menu.flow.js +3 -0
- package/__flow__/Popout/Popout.flow.js +5 -0
- package/__flow__/types/theme.colors.flow.js +14 -0
- package/commonjs/Avatar/Avatar.flow.js +1 -1
- package/commonjs/Avatar/Avatar.js +54 -30
- package/commonjs/Avatar/constants.flow.js +17 -0
- package/commonjs/Avatar/constants.js +17 -0
- package/commonjs/Avatar/index.flow.js +12 -1
- package/commonjs/Avatar/index.js +9 -1
- package/commonjs/Badge/Badge.flow.js +1 -1
- package/commonjs/Badge/Badge.js +1 -1
- package/commonjs/Banner/Banner.flow.js +1 -1
- package/commonjs/Banner/Banner.js +1 -1
- package/commonjs/Banner/styles.js +1 -1
- package/commonjs/Box/Box.flow.js +1 -1
- package/commonjs/Box/Box.js +1 -1
- package/commonjs/Breadcrumb/Breadcrumb.flow.js +1 -1
- package/commonjs/Breadcrumb/Breadcrumb.js +3 -3
- package/commonjs/Button/Button.flow.js +1 -1
- package/commonjs/Button/styles.js +1 -1
- package/commonjs/Card/Card.flow.js +1 -1
- package/commonjs/Card/Card.js +3 -3
- package/commonjs/Card/CardTypes.flow.js +1 -1
- package/commonjs/Card/subComponents.js +1 -1
- package/commonjs/Card/utils.js +1 -1
- package/commonjs/CharacterCounter/CharacterCounter.flow.js +1 -1
- package/commonjs/CharacterCounter/CharacterCounter.js +1 -1
- package/commonjs/CharacterCounter/styles.js +1 -1
- package/commonjs/ChartLegend/ChartLegend.flow.js +1 -1
- package/commonjs/ChartLegend/ChartLegend.js +1 -1
- package/commonjs/ChartLegend/styles.js +1 -1
- package/commonjs/Checkbox/Checkbox.flow.js +1 -1
- package/commonjs/Checkbox/Checkbox.js +1 -1
- package/commonjs/Checkbox/styles.js +1 -1
- package/commonjs/Collapsible/Collapsible.flow.js +1 -1
- package/commonjs/Collapsible/Collapsible.js +5 -5
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.flow.js +1 -1
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js +27 -10
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +1 -1
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.js +3 -3
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +1 -1
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js +21 -10
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +1 -1
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +3 -3
- package/commonjs/DatePicker/index.flow.js +1 -1
- package/commonjs/DatePicker/styles.js +1 -1
- package/commonjs/Drawer/Drawer.flow.js +1 -1
- package/commonjs/Drawer/Drawer.js +4 -4
- package/commonjs/Drawer/SlideTransition.js +1 -1
- package/commonjs/Drawer/styles.js +1 -1
- package/commonjs/EmptyState/EmptyState.flow.js +1 -1
- package/commonjs/EmptyState/EmptyState.js +2 -2
- package/commonjs/Fieldset/Fieldset.flow.js +1 -1
- package/commonjs/Fieldset/Fieldset.js +2 -2
- package/commonjs/Fieldset/styles.js +1 -1
- package/commonjs/FormField/FormField.flow.js +1 -1
- package/commonjs/FormField/FormField.js +3 -3
- package/commonjs/Icon/Icon.flow.js +1 -1
- package/commonjs/Icon/Icon.js +3 -3
- package/commonjs/Icon/index.flow.js +1 -1
- package/commonjs/Icon/styles.js +1 -1
- package/commonjs/Image/Image.flow.js +1 -1
- package/commonjs/Image/Image.js +1 -1
- package/commonjs/Image/styles.js +1 -1
- package/commonjs/Indicator/Indicator.flow.js +1 -1
- package/commonjs/Indicator/Indicator.js +1 -1
- package/commonjs/Input/Input.flow.js +1 -1
- package/commonjs/Input/Input.js +8 -4
- package/commonjs/Input/styles.js +1 -1
- package/commonjs/KeyboardKey/KeyboardKey.flow.js +1 -1
- package/commonjs/KeyboardKey/KeyboardKey.js +1 -1
- package/commonjs/Label/Label.flow.js +1 -1
- package/commonjs/Label/Label.js +1 -1
- package/commonjs/Link/Link.flow.js +1 -1
- package/commonjs/Link/Link.js +1 -1
- package/commonjs/Link/styles.js +1 -1
- package/commonjs/Listbox/Listbox.flow.js +1 -1
- package/commonjs/Listbox/Listbox.js +3 -3
- package/commonjs/Listbox/index.js +1 -1
- package/commonjs/Loader/Loader.flow.js +1 -1
- package/commonjs/Loader/Loader.js +1 -1
- package/commonjs/Loader/styles.js +1 -1
- package/commonjs/LoaderButton/LoaderButton.flow.js +1 -1
- package/commonjs/LoaderButton/LoaderButton.js +4 -5
- package/commonjs/Menu/Menu.flow.js +1 -1
- package/commonjs/Menu/Menu.js +51 -30
- package/commonjs/Menu/index.js +1 -1
- package/commonjs/Menu/styles.js +1 -1
- package/commonjs/Menu/utils/descendants.js +12 -6
- package/commonjs/Menu/utils/hooks.js +8 -2
- package/commonjs/Menu/utils/index.js +0 -11
- package/commonjs/Message/Message.flow.js +1 -1
- package/commonjs/Message/Message.js +1 -1
- package/commonjs/Modal/Modal.flow.js +1 -1
- package/commonjs/Modal/Modal.js +1 -1
- package/commonjs/Modal/styles.js +1 -1
- package/commonjs/Numeral/Numeral.flow.js +1 -1
- package/commonjs/Numeral/Numeral.js +3 -3
- package/commonjs/PartnerLogo/PartnerLogo.flow.js +1 -1
- package/commonjs/PartnerLogo/styles.js +1 -1
- package/commonjs/Popout/Popout.flow.js +1 -1
- package/commonjs/Popout/Popout.js +15 -10
- package/commonjs/Portal/Portal.flow.js +1 -1
- package/commonjs/Portal/Portal.js +1 -1
- package/commonjs/Radio/Radio.flow.js +1 -1
- package/commonjs/Radio/Radio.js +1 -1
- package/commonjs/Radio/styles.js +1 -1
- package/commonjs/SegmentedControl/SegmentedControl.flow.js +1 -1
- package/commonjs/SegmentedControl/SegmentedControl.js +3 -3
- package/commonjs/SegmentedControl/styles.js +1 -1
- package/commonjs/Select/Select.flow.js +1 -1
- package/commonjs/Select/Select.js +1 -1
- package/commonjs/Select/styles.js +1 -1
- package/commonjs/Skeleton/Skeleton.js +29 -5
- package/commonjs/SpotIllustration/SpotIllustration.flow.js +1 -1
- package/commonjs/SpotIllustration/SpotIllustration.js +2 -2
- package/commonjs/Stack/Stack.flow.js +1 -1
- package/commonjs/Stack/Stack.js +1 -1
- package/commonjs/StatefulStory.js +8 -2
- package/commonjs/Switch/Switch.flow.js +1 -1
- package/commonjs/Switch/Switch.js +1 -1
- package/commonjs/Switch/styles.js +1 -1
- package/commonjs/Table/Table.flow.js +1 -1
- package/commonjs/Table/Table.js +1 -1
- package/commonjs/TableCell/TableCell.flow.js +1 -1
- package/commonjs/TableCell/TableCell.js +1 -1
- package/commonjs/TableHeaderCell/TableHeaderCell.flow.js +1 -1
- package/commonjs/TableHeaderCell/TableHeaderCell.js +2 -1
- package/commonjs/TableHeaderCell/styles.js +1 -1
- package/commonjs/TableRowAccordion/TableRowAccordion.flow.js +1 -1
- package/commonjs/TableRowAccordion/TableRowAccordion.js +1 -1
- package/commonjs/TableRowAccordion/styles.js +1 -1
- package/commonjs/Tabs/Tabs.flow.js +1 -1
- package/commonjs/Tabs/Tabs.js +4 -4
- package/commonjs/Tabs/styles.js +1 -1
- package/commonjs/Text/Text.flow.js +1 -1
- package/commonjs/Text/Text.js +1 -1
- package/commonjs/Text/styles.js +1 -1
- package/commonjs/Textarea/Textarea.flow.js +1 -1
- package/commonjs/Textarea/Textarea.js +5 -2
- package/commonjs/Textarea/styles.js +1 -1
- package/commonjs/ThemeProvider/index.flow.js +1 -1
- package/commonjs/ThemeProvider/index.js +3 -1
- package/commonjs/Toast/Toast.flow.js +1 -1
- package/commonjs/Toast/Toast.js +1 -1
- package/commonjs/Toast/index.js +1 -1
- package/commonjs/Toast/styles.js +1 -2
- package/commonjs/ToggleHint/ToggleHint.flow.js +1 -1
- package/commonjs/ToggleHint/ToggleHint.js +1 -1
- package/commonjs/ToggleHint/styles.js +1 -1
- package/commonjs/Token/Token.flow.js +1 -1
- package/commonjs/Token/Token.js +1 -1
- package/commonjs/Token/index.js +1 -1
- package/commonjs/Token/styles.js +1 -1
- package/commonjs/TokenInput/TokenInput.flow.js +1 -1
- package/commonjs/TokenInput/TokenInput.js +4 -4
- package/commonjs/TokenInput/TokenScreenReaderStatus.js +4 -4
- package/commonjs/TokenInput/styles.js +1 -1
- package/commonjs/Tooltip/Tooltip.flow.js +1 -1
- package/commonjs/Tooltip/Tooltip.js +112 -46
- package/commonjs/VisuallyHidden/VisuallyHidden.flow.js +1 -1
- package/commonjs/index.flow.js +1 -1
- package/commonjs/systemProps/background.flow.js +1 -0
- package/commonjs/systemProps/border.flow.js +1 -0
- package/commonjs/systemProps/color.flow.js +1 -0
- package/commonjs/systemProps/custom.flow.js +1 -0
- package/commonjs/systemProps/flexbox.flow.js +1 -0
- package/commonjs/systemProps/grid.flow.js +1 -0
- package/commonjs/systemProps/index.js +2 -0
- package/commonjs/systemProps/layout.flow.js +1 -0
- package/commonjs/systemProps/position.flow.js +1 -0
- package/commonjs/systemProps/shadow.flow.js +1 -0
- package/commonjs/systemProps/space.flow.js +16 -1
- package/commonjs/systemProps/typography.flow.js +1 -0
- package/commonjs/systemProps/variant.flow.js +1 -0
- package/commonjs/themes/dark/decorative-palettes.js +1 -1
- package/commonjs/themes/dark/theme.js +19 -4
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +5 -4
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +5 -4
- package/commonjs/themes/light/decorative-palettes.js +1 -1
- package/commonjs/themes/light/theme.js +19 -4
- package/commonjs/types/shared.flow.js +1 -1
- package/commonjs/types/styled-components.flow.js +1 -1
- package/commonjs/utils/a11yTest.js +14 -16
- package/commonjs/utils/dataQaLabelQueries.js +2 -2
- package/commonjs/utils/hooks.flow.js +4 -2
- package/commonjs/utils/hooks.js +5 -5
- package/commonjs/utils/index.js +1 -1
- package/commonjs/utils/innerText.flow.js +1 -1
- package/commonjs/utils/react-testing-library.flow.js +1 -1
- package/commonjs/utils/react-testing-library.js +15 -13
- package/commonjs/utils/responsiveProps/index.js +2 -2
- package/commonjs/utils/system-props/system-props.js +1 -1
- package/commonjs/utils/use-measure.js +2 -2
- package/dist/themes/dark/theme.scss +14 -1
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +14 -1
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +14 -1
- package/dist/themes/light/theme.scss +14 -1
- package/dist/types/Avatar/Avatar.d.ts +4 -3
- package/dist/types/Avatar/Avatar.d.ts.map +1 -1
- package/dist/types/Avatar/AvatarTypes.d.ts +5 -2
- package/dist/types/Avatar/AvatarTypes.d.ts.map +1 -1
- package/dist/types/Avatar/constants.d.ts +11 -0
- package/dist/types/Avatar/constants.d.ts.map +1 -0
- package/dist/types/Avatar/index.d.ts +1 -0
- package/dist/types/Avatar/index.d.ts.map +1 -1
- package/dist/types/Badge/Badge.d.ts +2 -2
- package/dist/types/Badge/Badge.d.ts.map +1 -1
- package/dist/types/Badge/BadgeTypes.d.ts +1 -1
- package/dist/types/Badge/BadgeTypes.d.ts.map +1 -1
- package/dist/types/Banner/Banner.d.ts +2 -2
- package/dist/types/Banner/Banner.d.ts.map +1 -1
- package/dist/types/Banner/BannerTypes.d.ts +1 -1
- package/dist/types/Banner/BannerTypes.d.ts.map +1 -1
- package/dist/types/Banner/styles.d.ts +3 -3
- package/dist/types/Banner/styles.d.ts.map +1 -1
- package/dist/types/Breadcrumb/Breadcrumb.d.ts +3 -3
- package/dist/types/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/types/Button/Button.d.ts +2 -2
- package/dist/types/Button/Button.d.ts.map +1 -1
- package/dist/types/Button/ButtonTypes.d.ts +1 -1
- package/dist/types/Button/ButtonTypes.d.ts.map +1 -1
- package/dist/types/Card/Card.d.ts +2 -2
- package/dist/types/Card/Card.d.ts.map +1 -1
- package/dist/types/Card/CardTypes.d.ts +5 -5
- package/dist/types/Card/CardTypes.d.ts.map +1 -1
- package/dist/types/Card/styles.d.ts +4 -4
- package/dist/types/Card/subComponents.d.ts +6 -6
- package/dist/types/Card/subComponents.d.ts.map +1 -1
- package/dist/types/CharacterCounter/CharacterCounter.d.ts +1 -1
- package/dist/types/ChartLegend/ChartLegend.d.ts +2 -2
- package/dist/types/ChartLegend/ChartLegend.d.ts.map +1 -1
- package/dist/types/ChartLegend/ChartLegendTypes.d.ts +1 -1
- package/dist/types/ChartLegend/ChartLegendTypes.d.ts.map +1 -1
- package/dist/types/ChartLegend/useChartLabels.d.ts +2 -2
- package/dist/types/ChartLegend/useChartLabels.d.ts.map +1 -1
- package/dist/types/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/Checkbox/styles.d.ts +3 -3
- package/dist/types/Collapsible/Collapsible.d.ts +4 -4
- package/dist/types/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/types/DatePicker/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/dist/types/DatePicker/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts +4 -2
- package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts.map +1 -1
- package/dist/types/DatePicker/DateRangePicker/StatefulDateRangePicker.d.ts +2 -2
- package/dist/types/DatePicker/DateRangePicker/StatefulDateRangePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts +2 -0
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts.map +1 -1
- package/dist/types/DatePicker/SingleDatePicker/StatefulSingleDatePicker.d.ts +2 -2
- package/dist/types/DatePicker/SingleDatePicker/StatefulSingleDatePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/common.d.ts +3 -3
- package/dist/types/DatePicker/common.d.ts.map +1 -1
- package/dist/types/Drawer/Drawer.d.ts +2 -2
- package/dist/types/Drawer/SlideTransition.d.ts +2 -2
- package/dist/types/Drawer/SlideTransition.d.ts.map +1 -1
- package/dist/types/EmptyState/EmptyState.d.ts +2 -2
- package/dist/types/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/types/EnumIllustrationNames.d.ts +1 -1
- package/dist/types/EnumIllustrationNames.d.ts.map +1 -1
- package/dist/types/EnumLogoNames.d.ts +1 -1
- package/dist/types/EnumLogoNames.d.ts.map +1 -1
- package/dist/types/Fieldset/Fieldset.d.ts +4 -4
- package/dist/types/Fieldset/Fieldset.d.ts.map +1 -1
- package/dist/types/FormField/FormField.d.ts +2 -2
- package/dist/types/FormField/FormField.d.ts.map +1 -1
- package/dist/types/Icon/Icon.d.ts +3 -3
- package/dist/types/Icon/Icon.d.ts.map +1 -1
- package/dist/types/Icon/IconTypes.d.ts +2 -2
- package/dist/types/Icon/IconTypes.d.ts.map +1 -1
- package/dist/types/Image/Image.d.ts +2 -2
- package/dist/types/Image/Image.d.ts.map +1 -1
- package/dist/types/Indicator/Indicator.d.ts +1 -1
- package/dist/types/Input/Input.d.ts +2 -2
- package/dist/types/KeyboardKey/KeyboardKey.d.ts +1 -1
- package/dist/types/Label/Label.d.ts +1 -1
- package/dist/types/Link/Link.d.ts +2 -2
- package/dist/types/Link/Link.d.ts.map +1 -1
- package/dist/types/Link/styles.d.ts +1 -1
- package/dist/types/Listbox/Listbox.d.ts +11 -11
- package/dist/types/Listbox/Listbox.d.ts.map +1 -1
- package/dist/types/Loader/Loader.d.ts +1 -1
- package/dist/types/LoaderButton/LoaderButton.d.ts +2 -2
- package/dist/types/LoaderButton/LoaderButton.d.ts.map +1 -1
- package/dist/types/Menu/Menu.d.ts +14 -14
- package/dist/types/Menu/Menu.d.ts.map +1 -1
- package/dist/types/Menu/MenuTypes.d.ts +4 -2
- package/dist/types/Menu/MenuTypes.d.ts.map +1 -1
- package/dist/types/Menu/utils/descendants.d.ts +3 -3
- package/dist/types/Menu/utils/descendants.d.ts.map +1 -1
- package/dist/types/Menu/utils/hooks.d.ts +1 -1
- package/dist/types/Menu/utils/hooks.d.ts.map +1 -1
- package/dist/types/Menu/utils/index.d.ts +0 -1
- package/dist/types/Menu/utils/index.d.ts.map +1 -1
- package/dist/types/Message/Message.d.ts +8 -8
- package/dist/types/Message/MessageTypes.d.ts +2 -2
- package/dist/types/Message/MessageTypes.d.ts.map +1 -1
- package/dist/types/Modal/Modal.d.ts +4 -4
- package/dist/types/Modal/styles.d.ts +1 -1
- package/dist/types/Modal/styles.d.ts.map +1 -1
- package/dist/types/Numeral/Numeral.d.ts +2 -2
- package/dist/types/Numeral/Numeral.d.ts.map +1 -1
- package/dist/types/Numeral/NumeralTypes.d.ts +1 -1
- package/dist/types/Numeral/NumeralTypes.d.ts.map +1 -1
- package/dist/types/Numeral/styles.d.ts +2 -2
- package/dist/types/PartnerLogo/PartnerLogo.d.ts +2 -2
- package/dist/types/PartnerLogo/PartnerLogo.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +3 -3
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
- package/dist/types/Popout/Popout.d.ts +3 -3
- package/dist/types/Popout/Popout.d.ts.map +1 -1
- package/dist/types/Popout/PopoutTypes.d.ts +5 -1
- package/dist/types/Popout/PopoutTypes.d.ts.map +1 -1
- package/dist/types/Radio/Radio.d.ts +1 -1
- package/dist/types/Radio/styles.d.ts +1 -1
- package/dist/types/SegmentedControl/SegmentedControl.d.ts +3 -3
- package/dist/types/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/types/SegmentedControl/styles.d.ts +1 -1
- package/dist/types/Select/Select.d.ts +1 -1
- package/dist/types/Skeleton/Skeleton.d.ts +3 -1
- package/dist/types/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/types/SpotIllustration/SpotIllustration.d.ts +2 -2
- package/dist/types/SpotIllustration/SpotIllustration.d.ts.map +1 -1
- package/dist/types/Stack/Stack.d.ts +2 -2
- package/dist/types/Stack/Stack.d.ts.map +1 -1
- package/dist/types/Stack/StackTypes.d.ts +3 -3
- package/dist/types/Stack/StackTypes.d.ts.map +1 -1
- package/dist/types/Switch/Switch.d.ts +2 -2
- package/dist/types/Switch/Switch.d.ts.map +1 -1
- package/dist/types/Table/Table.d.ts +8 -8
- package/dist/types/Table/Table.d.ts.map +1 -1
- package/dist/types/TableCell/TableCell.d.ts +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCell.d.ts +2 -2
- package/dist/types/TableHeaderCell/TableHeaderCell.d.ts.map +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCellTypes.d.ts +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCellTypes.d.ts.map +1 -1
- package/dist/types/TableRowAccordion/TableRowAccordion.d.ts +1 -1
- package/dist/types/Tabs/Tabs.d.ts +2 -2
- package/dist/types/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/Tabs/styles.d.ts +2 -2
- package/dist/types/Tabs/styles.d.ts.map +1 -1
- package/dist/types/Text/Text.d.ts +2 -2
- package/dist/types/Text/Text.d.ts.map +1 -1
- package/dist/types/Textarea/Textarea.d.ts +2 -2
- package/dist/types/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/Textarea/TextareaTypes.d.ts +1 -1
- package/dist/types/Textarea/TextareaTypes.d.ts.map +1 -1
- package/dist/types/ThemeProvider/index.d.ts +3 -3
- package/dist/types/ThemeProvider/index.d.ts.map +1 -1
- package/dist/types/Toast/Toast.d.ts +2 -2
- package/dist/types/Toast/Toast.d.ts.map +1 -1
- package/dist/types/Toast/ToastTypes.d.ts +1 -1
- package/dist/types/Toast/ToastTypes.d.ts.map +1 -1
- package/dist/types/Toast/styles.d.ts +2 -2
- package/dist/types/ToggleHint/ToggleHint.d.ts +2 -2
- package/dist/types/ToggleHint/ToggleHint.d.ts.map +1 -1
- package/dist/types/Token/Token.d.ts +2 -2
- package/dist/types/Token/Token.d.ts.map +1 -1
- package/dist/types/TokenInput/TokenInput.d.ts +2 -2
- package/dist/types/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/types/Tooltip/Tooltip.d.ts +2 -2
- package/dist/types/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/Tooltip/TooltipTypes.d.ts +2 -0
- package/dist/types/Tooltip/TooltipTypes.d.ts.map +1 -1
- package/dist/types/themes/dark/theme.d.ts +13 -0
- package/dist/types/themes/dark/theme.d.ts.map +1 -1
- package/dist/types/themes/light/theme.d.ts +14 -1
- package/dist/types/themes/light/theme.d.ts.map +1 -1
- package/dist/types/types/shared.d.ts +3 -3
- package/dist/types/types/shared.d.ts.map +1 -1
- package/dist/types/types/system-props.d.ts +3 -3
- package/dist/types/types/system-props.d.ts.map +1 -1
- package/dist/types/types/theme.colors.d.ts +28 -15
- package/dist/types/types/theme.colors.d.ts.map +1 -1
- package/dist/types/types/theme.d.ts +13 -13
- package/dist/types/types/theme.d.ts.map +1 -1
- package/dist/types/utils/dataQaLabelQueries.d.ts +2 -2
- package/dist/types/utils/dataQaLabelQueries.d.ts.map +1 -1
- package/dist/types/utils/hooks.d.ts +6 -6
- package/dist/types/utils/hooks.d.ts.map +1 -1
- package/dist/types/utils/index.d.ts +1 -1
- package/dist/types/utils/index.d.ts.map +1 -1
- package/dist/types/utils/react-testing-library.d.ts +3 -123
- package/dist/types/utils/react-testing-library.d.ts.map +1 -1
- package/lib/Avatar/Avatar.js +51 -28
- package/lib/Avatar/constants.flow.js +10 -0
- package/lib/Avatar/constants.js +10 -0
- package/lib/Avatar/index.flow.js +2 -1
- package/lib/Avatar/index.js +2 -1
- package/lib/Breadcrumb/Breadcrumb.js +3 -3
- package/lib/Card/Card.js +2 -2
- package/lib/Card/utils.js +1 -1
- package/lib/CharacterCounter/CharacterCounter.js +1 -1
- package/lib/Checkbox/Checkbox.js +1 -1
- package/lib/Collapsible/Collapsible.js +5 -5
- package/lib/DatePicker/DateRangePicker/DateRangePicker.js +27 -10
- package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.js +2 -2
- package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js +21 -10
- package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +2 -2
- package/lib/Drawer/Drawer.js +3 -3
- package/lib/FormField/FormField.js +2 -2
- package/lib/Icon/Icon.flow.js +3 -1
- package/lib/Icon/Icon.js +3 -3
- package/lib/Image/Image.js +1 -1
- package/lib/Indicator/Indicator.js +1 -1
- package/lib/Input/Input.js +9 -4
- package/lib/KeyboardKey/KeyboardKey.js +1 -1
- package/lib/Label/Label.js +1 -1
- package/lib/Listbox/Listbox.js +3 -3
- package/lib/Loader/Loader.js +1 -1
- package/lib/LoaderButton/LoaderButton.js +3 -4
- package/lib/Menu/Menu.js +51 -30
- package/lib/Menu/utils/descendants.js +5 -5
- package/lib/Menu/utils/hooks.js +8 -2
- package/lib/Menu/utils/index.js +1 -2
- package/lib/Numeral/Numeral.js +2 -2
- package/lib/PartnerLogo/PartnerLogo.flow.js +5 -1
- package/lib/Popout/Popout.flow.js +3 -1
- package/lib/Popout/Popout.js +15 -10
- package/lib/Portal/Portal.js +1 -1
- package/lib/Radio/Radio.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.js +2 -2
- package/lib/Select/Select.js +1 -1
- package/lib/Skeleton/Skeleton.js +30 -5
- package/lib/StatefulStory.js +2 -2
- package/lib/TableCell/TableCell.flow.js +5 -1
- package/lib/TableCell/TableCell.js +1 -1
- package/lib/TableHeaderCell/TableHeaderCell.js +2 -1
- package/lib/TableRowAccordion/TableRowAccordion.js +1 -1
- package/lib/Tabs/Tabs.js +4 -4
- package/lib/Textarea/Textarea.js +5 -1
- package/lib/ThemeProvider/index.flow.js +3 -1
- package/lib/ThemeProvider/index.js +3 -0
- package/lib/ToggleHint/ToggleHint.js +1 -1
- package/lib/TokenInput/TokenInput.js +4 -4
- package/lib/TokenInput/TokenScreenReaderStatus.js +2 -2
- package/lib/Tooltip/Tooltip.js +112 -46
- package/lib/systemProps/background.flow.js +3 -0
- package/lib/systemProps/border.flow.js +3 -0
- package/lib/systemProps/color.flow.js +3 -0
- package/lib/systemProps/custom.flow.js +3 -0
- package/lib/systemProps/flexbox.flow.js +3 -0
- package/lib/systemProps/grid.flow.js +3 -0
- package/lib/systemProps/index.js +7 -1
- package/lib/systemProps/layout.flow.js +3 -0
- package/lib/systemProps/position.flow.js +3 -0
- package/lib/systemProps/shadow.flow.js +3 -0
- package/lib/systemProps/space.flow.js +16 -0
- package/lib/systemProps/typography.flow.js +3 -0
- package/lib/systemProps/variant.flow.js +3 -0
- package/lib/themes/dark/decorative-palettes.js +1 -1
- package/lib/themes/dark/theme.js +16 -3
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +3 -3
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +3 -3
- package/lib/themes/light/decorative-palettes.js +1 -1
- package/lib/themes/light/theme.js +16 -4
- package/lib/utils/a11yTest.js +13 -15
- package/lib/utils/dataQaLabelQueries.js +2 -2
- package/lib/utils/hooks.flow.js +2 -3
- package/lib/utils/hooks.js +5 -5
- package/lib/utils/index.js +1 -1
- package/lib/utils/react-testing-library.js +15 -13
- package/lib/utils/responsiveProps/index.js +2 -2
- package/lib/utils/use-measure.js +2 -2
- package/package.json +47 -42
- package/commonjs/Menu/utils/names.js +0 -8
- package/dist/types/Menu/utils/names.d.ts +0 -2
- package/dist/types/Menu/utils/names.d.ts.map +0 -1
- package/lib/Menu/utils/names.js +0 -1
package/commonjs/Toast/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/commonjs/Toast/styles.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -14,7 +14,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
14
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; }
|
|
15
15
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
16
16
|
// @ts-ignore
|
|
17
|
-
|
|
18
17
|
var Container = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
19
18
|
displayName: "styles__Container",
|
|
20
19
|
componentId: "sc-oqrk23-0"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
5
|
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); }
|
|
6
6
|
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; }
|
|
@@ -11,7 +11,7 @@ var _excluded = ["icon", "isOpen", "openString", "closeString", "qa", "className
|
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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
13
|
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; }
|
|
14
|
-
function _typeof(
|
|
14
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
15
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); }
|
|
16
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
17
|
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; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
5
|
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); }
|
|
6
6
|
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; }
|
package/commonjs/Token/Token.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/commonjs/Token/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/commonjs/Token/styles.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
5
|
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); }
|
|
6
6
|
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,7 +16,7 @@ var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarni
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
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); }
|
|
18
18
|
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
|
-
function _typeof(
|
|
19
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
20
20
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
21
|
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; }
|
|
22
22
|
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); }
|
|
@@ -48,14 +48,14 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
|
|
|
48
48
|
_this.setState({
|
|
49
49
|
value: value
|
|
50
50
|
});
|
|
51
|
-
onChange === null || onChange === void 0
|
|
51
|
+
onChange === null || onChange === void 0 || onChange(e, value);
|
|
52
52
|
});
|
|
53
53
|
_defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
|
|
54
54
|
var onFocus = _this.props.onFocus;
|
|
55
55
|
_this.setState({
|
|
56
56
|
hasFocus: true
|
|
57
57
|
});
|
|
58
|
-
onFocus === null || onFocus === void 0
|
|
58
|
+
onFocus === null || onFocus === void 0 || onFocus(e);
|
|
59
59
|
});
|
|
60
60
|
_defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
|
|
61
61
|
var onBlur = _this.props.onBlur;
|
|
@@ -66,7 +66,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
|
|
|
66
66
|
});
|
|
67
67
|
_defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
|
|
68
68
|
var _this$props$onKeyUp, _this$props;
|
|
69
|
-
(_this$props$onKeyUp = (_this$props = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0
|
|
69
|
+
(_this$props$onKeyUp = (_this$props = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0 || _this$props$onKeyUp.call(_this$props, e, e.currentTarget.value);
|
|
70
70
|
});
|
|
71
71
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
|
|
72
72
|
var onKeyDown = _this.props.onKeyDown;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -12,9 +12,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
12
12
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
13
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
14
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
16
|
-
function _iterableToArrayLimit(
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable react/prop-types */
|
|
18
18
|
function usePrevious(value) {
|
|
19
19
|
var ref = (0, _react.useRef)();
|
|
20
20
|
(0, _react.useEffect)(function () {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
5
|
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); }
|
|
6
6
|
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; }
|
|
@@ -9,51 +9,64 @@ var _seedsMotionUnitless = _interopRequireDefault(require("@sproutsocial/seeds-m
|
|
|
9
9
|
var _Popout = _interopRequireDefault(require("../Popout"));
|
|
10
10
|
var _styles = require("./styles");
|
|
11
11
|
var _excluded = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"],
|
|
12
|
-
_excluded2 = ["appearance", "children"];
|
|
12
|
+
_excluded2 = ["appearance", "children", "onMouseEnter", "onMouseLeave"];
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
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
15
|
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
|
-
function
|
|
17
|
-
function
|
|
16
|
+
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
17
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
19
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
20
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
21
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
21
|
-
function _typeof(
|
|
22
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
22
23
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
24
25
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
25
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
26
|
-
function _iterableToArrayLimit(
|
|
26
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
27
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
27
28
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
28
29
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
29
30
|
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; }
|
|
30
31
|
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); }
|
|
31
32
|
var idCounter = 0;
|
|
32
|
-
var wrapContent = function wrapContent(
|
|
33
|
+
var wrapContent = function wrapContent(_ref) {
|
|
34
|
+
var isOpen = _ref.isOpen,
|
|
35
|
+
content = _ref.content,
|
|
36
|
+
contentId = _ref.contentId,
|
|
37
|
+
show = _ref.show,
|
|
38
|
+
hide = _ref.hide,
|
|
39
|
+
Wrapper = _ref.Wrapper,
|
|
40
|
+
appearance = _ref.appearance,
|
|
41
|
+
ariaProps = _ref.ariaProps,
|
|
42
|
+
wrapperStyles = _ref.wrapperStyles;
|
|
33
43
|
return /*#__PURE__*/React.createElement(Wrapper, _extends({
|
|
34
44
|
appearance: appearance,
|
|
35
|
-
onMouseOver: show,
|
|
36
|
-
onMouseOut: hide,
|
|
37
45
|
onFocus: show,
|
|
38
46
|
onBlur: hide,
|
|
47
|
+
onMouseEnter: show,
|
|
48
|
+
onMouseLeave: hide,
|
|
39
49
|
style: Object.keys(wrapperStyles).length === 0 ? undefined : wrapperStyles
|
|
40
|
-
}, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content
|
|
50
|
+
}, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content, {
|
|
51
|
+
'aria-expanded': isOpen,
|
|
52
|
+
'aria-describedby': contentId
|
|
53
|
+
}) : content);
|
|
41
54
|
};
|
|
42
|
-
var Tooltip = function Tooltip(
|
|
43
|
-
var content =
|
|
44
|
-
children =
|
|
45
|
-
|
|
46
|
-
enterDelay =
|
|
47
|
-
|
|
48
|
-
placement =
|
|
49
|
-
appearance =
|
|
50
|
-
|
|
51
|
-
zIndex =
|
|
52
|
-
qa =
|
|
53
|
-
popoutProps =
|
|
54
|
-
|
|
55
|
-
truncated =
|
|
56
|
-
rest = _objectWithoutProperties(
|
|
55
|
+
var Tooltip = function Tooltip(_ref2) {
|
|
56
|
+
var content = _ref2.content,
|
|
57
|
+
children = _ref2.children,
|
|
58
|
+
_ref2$enterDelay = _ref2.enterDelay,
|
|
59
|
+
enterDelay = _ref2$enterDelay === void 0 ? _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000 : _ref2$enterDelay,
|
|
60
|
+
_ref2$placement = _ref2.placement,
|
|
61
|
+
placement = _ref2$placement === void 0 ? 'auto' : _ref2$placement,
|
|
62
|
+
appearance = _ref2.appearance,
|
|
63
|
+
_ref2$zIndex = _ref2.zIndex,
|
|
64
|
+
zIndex = _ref2$zIndex === void 0 ? 7 : _ref2$zIndex,
|
|
65
|
+
qa = _ref2.qa,
|
|
66
|
+
popoutProps = _ref2.popoutProps,
|
|
67
|
+
_ref2$truncated = _ref2.truncated,
|
|
68
|
+
truncated = _ref2$truncated === void 0 ? false : _ref2$truncated,
|
|
69
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
57
70
|
var _useState = (0, React.useState)(false),
|
|
58
71
|
_useState2 = _slicedToArray(_useState, 2),
|
|
59
72
|
shouldShow = _useState2[0],
|
|
@@ -62,46 +75,91 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
62
75
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
63
76
|
isOpen = _useState4[0],
|
|
64
77
|
setIsOpen = _useState4[1];
|
|
65
|
-
var _useState5 = (0, React.useState)(
|
|
66
|
-
_useState6 = _slicedToArray(_useState5,
|
|
67
|
-
|
|
78
|
+
var _useState5 = (0, React.useState)(false),
|
|
79
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
80
|
+
isTooltipHovered = _useState6[0],
|
|
81
|
+
setIsTooltipHovered = _useState6[1];
|
|
82
|
+
var _useState7 = (0, React.useState)("Racine-tooltip-".concat(idCounter++)),
|
|
83
|
+
_useState8 = _slicedToArray(_useState7, 1),
|
|
84
|
+
id = _useState8[0];
|
|
68
85
|
var isInvalidContent = content === null || content === undefined;
|
|
69
86
|
var show = function show() {
|
|
70
87
|
return setShouldShow(true);
|
|
71
88
|
};
|
|
72
89
|
var hide = function hide() {
|
|
73
|
-
|
|
90
|
+
if (!isTooltipHovered) {
|
|
91
|
+
setShouldShow(false);
|
|
92
|
+
}
|
|
74
93
|
};
|
|
75
94
|
var exitDelay = _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000;
|
|
76
95
|
var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
|
|
77
96
|
var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
|
|
78
97
|
(0, React.useEffect)(function () {
|
|
98
|
+
var documentBody = document.body;
|
|
79
99
|
var timeout;
|
|
100
|
+
var onEsc = function onEsc(e) {
|
|
101
|
+
// older browsers use "Esc"
|
|
102
|
+
if (['Escape', 'Esc'].includes(e.key)) {
|
|
103
|
+
e.stopPropagation();
|
|
104
|
+
setIsOpen(false);
|
|
105
|
+
setShouldShow(false);
|
|
106
|
+
}
|
|
107
|
+
};
|
|
80
108
|
if (shouldShow) {
|
|
81
109
|
timeout = setTimeout(function () {
|
|
82
110
|
return setIsOpen(true);
|
|
83
111
|
}, enterDelay);
|
|
84
112
|
} else {
|
|
85
113
|
timeout = setTimeout(function () {
|
|
86
|
-
|
|
114
|
+
if (!isTooltipHovered) {
|
|
115
|
+
setIsOpen(false);
|
|
116
|
+
}
|
|
87
117
|
}, exitDelay);
|
|
88
118
|
}
|
|
119
|
+
documentBody.addEventListener('keydown', onEsc, false);
|
|
89
120
|
return function () {
|
|
90
|
-
|
|
121
|
+
documentBody.removeEventListener('keydown', onEsc, false);
|
|
122
|
+
clearTimeout(timeout);
|
|
91
123
|
};
|
|
92
|
-
}, [isOpen, shouldShow, enterDelay, exitDelay]);
|
|
93
|
-
var wrappedContent = wrapContent(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
124
|
+
}, [isOpen, setShouldShow, shouldShow, enterDelay, exitDelay, isTooltipHovered]);
|
|
125
|
+
var wrappedContent = wrapContent({
|
|
126
|
+
isOpen: isOpen,
|
|
127
|
+
content: content,
|
|
128
|
+
contentId: id,
|
|
129
|
+
show: shouldTooltipContentsBeInteractive ? show : undefined,
|
|
130
|
+
hide: shouldTooltipContentsBeInteractive ? hide : undefined,
|
|
131
|
+
Wrapper: Content,
|
|
132
|
+
appearance: defaultAppearance,
|
|
133
|
+
ariaProps: _objectSpread(_objectSpread({}, rest), {}, {
|
|
134
|
+
id: id,
|
|
135
|
+
tabIndex: 0
|
|
136
|
+
}),
|
|
137
|
+
wrapperStyles: {},
|
|
138
|
+
onMouseEnter: function onMouseEnter() {
|
|
139
|
+
return setIsTooltipHovered(true);
|
|
140
|
+
},
|
|
141
|
+
onMouseLeave: function onMouseLeave() {
|
|
142
|
+
return setIsTooltipHovered(false);
|
|
143
|
+
}
|
|
144
|
+
});
|
|
145
|
+
_objectDestructuringEmpty(isOpen ? {} : {});
|
|
99
146
|
var wrapperStylesForWrappedChildren = truncated ? {
|
|
100
147
|
overflow: 'hidden',
|
|
101
148
|
textOverflow: 'ellipsis',
|
|
102
149
|
whiteSpace: 'nowrap'
|
|
103
150
|
} : {};
|
|
104
|
-
|
|
151
|
+
// Wraps the triggering element and passes props down
|
|
152
|
+
var wrappedChildren = wrapContent({
|
|
153
|
+
isOpen: isOpen,
|
|
154
|
+
content: children,
|
|
155
|
+
contentId: id,
|
|
156
|
+
show: show,
|
|
157
|
+
hide: hide,
|
|
158
|
+
Wrapper: 'span',
|
|
159
|
+
appearance: defaultAppearance,
|
|
160
|
+
ariaProps: {},
|
|
161
|
+
wrapperStyles: wrapperStylesForWrappedChildren
|
|
162
|
+
});
|
|
105
163
|
return /*#__PURE__*/React.createElement(_Popout.default, _extends({
|
|
106
164
|
content: !isInvalidContent ? wrappedContent : undefined,
|
|
107
165
|
isOpen: isOpen,
|
|
@@ -109,17 +167,23 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
109
167
|
qa: _objectSpread({
|
|
110
168
|
'data-qa-tooltip': id
|
|
111
169
|
}, qa),
|
|
170
|
+
id: id + '-wrapper',
|
|
112
171
|
focusOnContent: false,
|
|
113
172
|
zIndex: zIndex,
|
|
114
|
-
|
|
173
|
+
"aria-haspopup": "false",
|
|
174
|
+
display: truncated ? 'flex' : undefined,
|
|
175
|
+
disableWrapperAria: true // required so that the child span doesnt take in redundant aria props
|
|
115
176
|
}, popoutProps), wrappedChildren);
|
|
116
177
|
};
|
|
117
|
-
var Content = function Content(
|
|
118
|
-
var
|
|
119
|
-
appearance =
|
|
120
|
-
children =
|
|
121
|
-
|
|
178
|
+
var Content = function Content(_ref4) {
|
|
179
|
+
var _ref4$appearance = _ref4.appearance,
|
|
180
|
+
appearance = _ref4$appearance === void 0 ? 'pill' : _ref4$appearance,
|
|
181
|
+
children = _ref4.children,
|
|
182
|
+
onMouseEnter = _ref4.onMouseEnter,
|
|
183
|
+
onMouseLeave = _ref4.onMouseLeave,
|
|
184
|
+
rest = _objectWithoutProperties(_ref4, _excluded2);
|
|
122
185
|
return /*#__PURE__*/React.createElement(_styles.TooltipContent, _extends({
|
|
186
|
+
role: "tooltip",
|
|
123
187
|
appearance: appearance,
|
|
124
188
|
borderRadius: appearance === 'box' ? 500 : '5000em',
|
|
125
189
|
px: 400,
|
|
@@ -129,7 +193,9 @@ var Content = function Content(_ref2) {
|
|
|
129
193
|
bg: "container.background.base",
|
|
130
194
|
boxShadow: "medium",
|
|
131
195
|
border: 500,
|
|
132
|
-
borderColor: "container.border.base"
|
|
196
|
+
borderColor: "container.border.base",
|
|
197
|
+
onMouseEnter: onMouseEnter,
|
|
198
|
+
onMouseLeave: onMouseLeave
|
|
133
199
|
}, rest), children);
|
|
134
200
|
};
|
|
135
201
|
var _default = Tooltip;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var React = _interopRequireWildcard(require("react"));
|
|
5
5
|
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); }
|
|
6
6
|
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; }
|
package/commonjs/index.flow.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.backgroundSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#background
|
|
8
9
|
var backgroundSystemProps = _styledSystem.background;
|
|
9
10
|
exports.backgroundSystemProps = backgroundSystemProps;
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.borderSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#border
|
|
8
9
|
var borderSystemProps = _styledSystem.border;
|
|
9
10
|
exports.borderSystemProps = borderSystemProps;
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.colorSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#color
|
|
8
9
|
var colorSystemProps = _styledSystem.color;
|
|
9
10
|
exports.colorSystemProps = colorSystemProps;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.customSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/custom-props
|
|
8
9
|
var customSystemProps = (0, _styledSystem.compose)((0, _styledSystem.system)({
|
|
9
10
|
cursor: true,
|
|
10
11
|
whiteSpace: true
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.flexboxSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#flexbox
|
|
8
9
|
var flexboxSystemProps = _styledSystem.flexbox;
|
|
9
10
|
exports.flexboxSystemProps = flexboxSystemProps;
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.gridSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#grid-layout
|
|
8
9
|
var gridSystemProps = _styledSystem.grid;
|
|
9
10
|
exports.gridSystemProps = gridSystemProps;
|
|
@@ -67,6 +67,8 @@ Object.defineProperty(exports, "typographySystemProps", {
|
|
|
67
67
|
});
|
|
68
68
|
exports.variantSystemProps = void 0;
|
|
69
69
|
var _styledSystem = require("styled-system");
|
|
70
|
+
// https://styled-system.com/custom-props
|
|
71
|
+
|
|
70
72
|
var customSystemProps = (0, _styledSystem.compose)((0, _styledSystem.system)({
|
|
71
73
|
cursor: true,
|
|
72
74
|
whiteSpace: true
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.layoutSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#layout
|
|
8
9
|
var layoutSystemProps = _styledSystem.layout;
|
|
9
10
|
exports.layoutSystemProps = layoutSystemProps;
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.positionSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#position
|
|
8
9
|
var positionSystemProps = _styledSystem.position;
|
|
9
10
|
exports.positionSystemProps = positionSystemProps;
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.shadowSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#shadow
|
|
8
9
|
var shadowSystemProps = _styledSystem.shadow;
|
|
9
10
|
exports.shadowSystemProps = shadowSystemProps;
|
|
@@ -5,5 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.spaceSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
-
/* eslint-disable prettier/prettier */
|
|
8
|
+
/* eslint-disable prettier/prettier */ // https://styled-system.com/table#space
|
|
9
|
+
// prettier-ignore
|
|
10
|
+
// prettier-ignore
|
|
11
|
+
// prettier-ignore
|
|
12
|
+
// prettier-ignore
|
|
13
|
+
// prettier-ignore
|
|
14
|
+
// prettier-ignore
|
|
15
|
+
// prettier-ignore
|
|
16
|
+
// prettier-ignore
|
|
17
|
+
// prettier-ignore
|
|
18
|
+
// prettier-ignore
|
|
19
|
+
// prettier-ignore
|
|
20
|
+
// prettier-ignore
|
|
21
|
+
// prettier-ignore
|
|
22
|
+
// prettier-ignore
|
|
23
|
+
var spaceSystemProps = _styledSystem.space;
|
|
9
24
|
exports.spaceSystemProps = spaceSystemProps;
|
|
@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.typographySystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/table#typography
|
|
8
9
|
var typographySystemProps = _styledSystem.typography;
|
|
9
10
|
exports.typographySystemProps = typographySystemProps;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.variantSystemProps = void 0;
|
|
7
7
|
var _styledSystem = require("styled-system");
|
|
8
|
+
// https://styled-system.com/variants
|
|
8
9
|
var variantSystemProps = (0, _styledSystem.compose)((0, _styledSystem.variant)({
|
|
9
10
|
key: 'typography',
|
|
10
11
|
prop: 'typeScale'
|