@sproutsocial/racine 20.0.0 → 20.1.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 +22 -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 +3 -3
- 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 +3 -3
- 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/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 +114 -44
- 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/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/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 +13 -0
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +13 -0
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +13 -0
- package/dist/themes/light/theme.scss +13 -0
- 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 +1 -1
- 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/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/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 +2 -2
- package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.js +2 -2
- package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js +2 -2
- 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/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 +114 -44
- 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/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/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
|
@@ -9,51 +9,68 @@ 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,
|
|
43
|
+
onMouseEnter = _ref.onMouseEnter,
|
|
44
|
+
onMouseLeave = _ref.onMouseLeave;
|
|
33
45
|
return /*#__PURE__*/React.createElement(Wrapper, _extends({
|
|
34
46
|
appearance: appearance,
|
|
35
47
|
onMouseOver: show,
|
|
36
48
|
onMouseOut: hide,
|
|
37
49
|
onFocus: show,
|
|
38
50
|
onBlur: hide,
|
|
51
|
+
onMouseEnter: onMouseEnter,
|
|
52
|
+
onMouseLeave: onMouseLeave,
|
|
39
53
|
style: Object.keys(wrapperStyles).length === 0 ? undefined : wrapperStyles
|
|
40
|
-
}, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content
|
|
54
|
+
}, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content, {
|
|
55
|
+
'aria-expanded': isOpen,
|
|
56
|
+
'aria-describedby': contentId
|
|
57
|
+
}) : content);
|
|
41
58
|
};
|
|
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(
|
|
59
|
+
var Tooltip = function Tooltip(_ref2) {
|
|
60
|
+
var content = _ref2.content,
|
|
61
|
+
children = _ref2.children,
|
|
62
|
+
_ref2$enterDelay = _ref2.enterDelay,
|
|
63
|
+
enterDelay = _ref2$enterDelay === void 0 ? _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000 : _ref2$enterDelay,
|
|
64
|
+
_ref2$placement = _ref2.placement,
|
|
65
|
+
placement = _ref2$placement === void 0 ? 'auto' : _ref2$placement,
|
|
66
|
+
appearance = _ref2.appearance,
|
|
67
|
+
_ref2$zIndex = _ref2.zIndex,
|
|
68
|
+
zIndex = _ref2$zIndex === void 0 ? 7 : _ref2$zIndex,
|
|
69
|
+
qa = _ref2.qa,
|
|
70
|
+
popoutProps = _ref2.popoutProps,
|
|
71
|
+
_ref2$truncated = _ref2.truncated,
|
|
72
|
+
truncated = _ref2$truncated === void 0 ? false : _ref2$truncated,
|
|
73
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
57
74
|
var _useState = (0, React.useState)(false),
|
|
58
75
|
_useState2 = _slicedToArray(_useState, 2),
|
|
59
76
|
shouldShow = _useState2[0],
|
|
@@ -62,46 +79,91 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
62
79
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
63
80
|
isOpen = _useState4[0],
|
|
64
81
|
setIsOpen = _useState4[1];
|
|
65
|
-
var _useState5 = (0, React.useState)(
|
|
66
|
-
_useState6 = _slicedToArray(_useState5,
|
|
67
|
-
|
|
82
|
+
var _useState5 = (0, React.useState)(false),
|
|
83
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
84
|
+
isTooltipHovered = _useState6[0],
|
|
85
|
+
setIsTooltipHovered = _useState6[1];
|
|
86
|
+
var _useState7 = (0, React.useState)("Racine-tooltip-".concat(idCounter++)),
|
|
87
|
+
_useState8 = _slicedToArray(_useState7, 1),
|
|
88
|
+
id = _useState8[0];
|
|
68
89
|
var isInvalidContent = content === null || content === undefined;
|
|
69
90
|
var show = function show() {
|
|
70
91
|
return setShouldShow(true);
|
|
71
92
|
};
|
|
72
93
|
var hide = function hide() {
|
|
73
|
-
|
|
94
|
+
if (!isTooltipHovered) {
|
|
95
|
+
setShouldShow(false);
|
|
96
|
+
}
|
|
74
97
|
};
|
|
75
98
|
var exitDelay = _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000;
|
|
76
99
|
var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
|
|
77
100
|
var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
|
|
78
101
|
(0, React.useEffect)(function () {
|
|
102
|
+
var documentBody = document.body;
|
|
79
103
|
var timeout;
|
|
104
|
+
var onEsc = function onEsc(e) {
|
|
105
|
+
// older browsers use "Esc"
|
|
106
|
+
if (['Escape', 'Esc'].includes(e.key)) {
|
|
107
|
+
e.stopPropagation();
|
|
108
|
+
setIsOpen(false);
|
|
109
|
+
setShouldShow(false);
|
|
110
|
+
}
|
|
111
|
+
};
|
|
80
112
|
if (shouldShow) {
|
|
81
113
|
timeout = setTimeout(function () {
|
|
82
114
|
return setIsOpen(true);
|
|
83
115
|
}, enterDelay);
|
|
84
116
|
} else {
|
|
85
117
|
timeout = setTimeout(function () {
|
|
86
|
-
|
|
118
|
+
if (!isTooltipHovered) {
|
|
119
|
+
setIsOpen(false);
|
|
120
|
+
}
|
|
87
121
|
}, exitDelay);
|
|
88
122
|
}
|
|
123
|
+
documentBody.addEventListener('keydown', onEsc, false);
|
|
89
124
|
return function () {
|
|
90
|
-
|
|
125
|
+
documentBody.removeEventListener('keydown', onEsc, false);
|
|
126
|
+
clearTimeout(timeout);
|
|
91
127
|
};
|
|
92
|
-
}, [isOpen, shouldShow, enterDelay, exitDelay]);
|
|
93
|
-
var wrappedContent = wrapContent(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
128
|
+
}, [isOpen, setShouldShow, shouldShow, enterDelay, exitDelay, isTooltipHovered]);
|
|
129
|
+
var wrappedContent = wrapContent({
|
|
130
|
+
isOpen: isOpen,
|
|
131
|
+
content: content,
|
|
132
|
+
contentId: id,
|
|
133
|
+
show: shouldTooltipContentsBeInteractive ? show : undefined,
|
|
134
|
+
hide: shouldTooltipContentsBeInteractive ? hide : undefined,
|
|
135
|
+
Wrapper: Content,
|
|
136
|
+
appearance: defaultAppearance,
|
|
137
|
+
ariaProps: _objectSpread(_objectSpread({}, rest), {}, {
|
|
138
|
+
id: id,
|
|
139
|
+
tabIndex: 0
|
|
140
|
+
}),
|
|
141
|
+
wrapperStyles: {},
|
|
142
|
+
onMouseEnter: function onMouseEnter() {
|
|
143
|
+
return setIsTooltipHovered(true);
|
|
144
|
+
},
|
|
145
|
+
onMouseLeave: function onMouseLeave() {
|
|
146
|
+
return setIsTooltipHovered(false);
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
_objectDestructuringEmpty(isOpen ? {} : {});
|
|
99
150
|
var wrapperStylesForWrappedChildren = truncated ? {
|
|
100
151
|
overflow: 'hidden',
|
|
101
152
|
textOverflow: 'ellipsis',
|
|
102
153
|
whiteSpace: 'nowrap'
|
|
103
154
|
} : {};
|
|
104
|
-
|
|
155
|
+
// Wraps the triggering element and passes props down
|
|
156
|
+
var wrappedChildren = wrapContent({
|
|
157
|
+
isOpen: isOpen,
|
|
158
|
+
content: children,
|
|
159
|
+
contentId: id,
|
|
160
|
+
show: show,
|
|
161
|
+
hide: hide,
|
|
162
|
+
Wrapper: 'span',
|
|
163
|
+
appearance: defaultAppearance,
|
|
164
|
+
ariaProps: {},
|
|
165
|
+
wrapperStyles: wrapperStylesForWrappedChildren
|
|
166
|
+
});
|
|
105
167
|
return /*#__PURE__*/React.createElement(_Popout.default, _extends({
|
|
106
168
|
content: !isInvalidContent ? wrappedContent : undefined,
|
|
107
169
|
isOpen: isOpen,
|
|
@@ -109,17 +171,23 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
109
171
|
qa: _objectSpread({
|
|
110
172
|
'data-qa-tooltip': id
|
|
111
173
|
}, qa),
|
|
174
|
+
id: id + '-wrapper',
|
|
112
175
|
focusOnContent: false,
|
|
113
176
|
zIndex: zIndex,
|
|
114
|
-
|
|
177
|
+
"aria-haspopup": "false",
|
|
178
|
+
display: truncated ? 'flex' : undefined,
|
|
179
|
+
disableWrapperAria: true // required so that the child span doesnt take in redundant aria props
|
|
115
180
|
}, popoutProps), wrappedChildren);
|
|
116
181
|
};
|
|
117
|
-
var Content = function Content(
|
|
118
|
-
var
|
|
119
|
-
appearance =
|
|
120
|
-
children =
|
|
121
|
-
|
|
182
|
+
var Content = function Content(_ref4) {
|
|
183
|
+
var _ref4$appearance = _ref4.appearance,
|
|
184
|
+
appearance = _ref4$appearance === void 0 ? 'pill' : _ref4$appearance,
|
|
185
|
+
children = _ref4.children,
|
|
186
|
+
onMouseEnter = _ref4.onMouseEnter,
|
|
187
|
+
onMouseLeave = _ref4.onMouseLeave,
|
|
188
|
+
rest = _objectWithoutProperties(_ref4, _excluded2);
|
|
122
189
|
return /*#__PURE__*/React.createElement(_styles.TooltipContent, _extends({
|
|
190
|
+
role: "tooltip",
|
|
123
191
|
appearance: appearance,
|
|
124
192
|
borderRadius: appearance === 'box' ? 500 : '5000em',
|
|
125
193
|
px: 400,
|
|
@@ -129,7 +197,9 @@ var Content = function Content(_ref2) {
|
|
|
129
197
|
bg: "container.background.base",
|
|
130
198
|
boxShadow: "medium",
|
|
131
199
|
border: 500,
|
|
132
|
-
borderColor: "container.border.base"
|
|
200
|
+
borderColor: "container.border.base",
|
|
201
|
+
onMouseEnter: onMouseEnter,
|
|
202
|
+
onMouseLeave: onMouseLeave
|
|
133
203
|
}, rest), children);
|
|
134
204
|
};
|
|
135
205
|
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'
|
|
@@ -11,12 +11,14 @@ var _theme = _interopRequireDefault(require("../light/theme"));
|
|
|
11
11
|
var _datavizPalette = require("./dataviz-palette");
|
|
12
12
|
var _decorativePalettes = require("./decorative-palettes");
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _typeof(
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
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
|
+
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; }
|
|
16
|
+
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; }
|
|
17
17
|
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; }
|
|
18
18
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
19
|
-
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); }
|
|
19
|
+
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); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
|
|
20
|
+
//import {theme as lightTheme} from '@src';
|
|
21
|
+
//import {TypeThemeMode} from '@src/types/theme';
|
|
20
22
|
var MODE = 'dark';
|
|
21
23
|
var shadows = {
|
|
22
24
|
low: "".concat(_seedsDepth.default.ELEVATION_LEVEL_100, " ").concat(_seedsColor.default.COLOR_NEUTRAL_1100, "FF"),
|
|
@@ -183,6 +185,19 @@ var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
|
|
|
183
185
|
background: {
|
|
184
186
|
highlight: _seedsColor.default.COLOR_YELLOW_900,
|
|
185
187
|
selection: _seedsColor.default.COLOR_BLUE_800
|
|
188
|
+
},
|
|
189
|
+
decorative: {
|
|
190
|
+
green: _decorativePalettes.green.foreground,
|
|
191
|
+
blue: _decorativePalettes.blue.foreground,
|
|
192
|
+
purple: _decorativePalettes.purple.foreground,
|
|
193
|
+
yellow: _decorativePalettes.yellow.foreground,
|
|
194
|
+
orange: _decorativePalettes.orange.foreground,
|
|
195
|
+
red: _decorativePalettes.red.foreground,
|
|
196
|
+
neutral: _decorativePalettes.neutral.foreground,
|
|
197
|
+
magenta: _decorativePalettes.magenta.foreground,
|
|
198
|
+
pink: _decorativePalettes.pink.foreground,
|
|
199
|
+
aqua: _decorativePalettes.aqua.foreground,
|
|
200
|
+
teal: _decorativePalettes.teal.foreground
|
|
186
201
|
}
|
|
187
202
|
},
|
|
188
203
|
icon: {
|
|
@@ -7,12 +7,13 @@ exports.navigation = exports.listening = exports.growth = exports.default = expo
|
|
|
7
7
|
var _polished = require("polished");
|
|
8
8
|
var _theme = _interopRequireDefault(require("../../../dark/theme"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
function _typeof(
|
|
11
|
-
function ownKeys(
|
|
12
|
-
function _objectSpread(
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
13
13
|
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; }
|
|
14
14
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
-
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); }
|
|
15
|
+
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); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
|
|
16
|
+
//import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
|
|
16
17
|
var navigation = {
|
|
17
18
|
main: {
|
|
18
19
|
background: {
|
|
@@ -7,12 +7,13 @@ exports.navigation = exports.listening = exports.growth = exports.default = expo
|
|
|
7
7
|
var _polished = require("polished");
|
|
8
8
|
var _theme = _interopRequireDefault(require("../../../light/theme"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
function _typeof(
|
|
11
|
-
function ownKeys(
|
|
12
|
-
function _objectSpread(
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
13
13
|
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; }
|
|
14
14
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
-
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); }
|
|
15
|
+
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); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
|
|
16
|
+
//import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
|
|
16
17
|
var navigation = {
|
|
17
18
|
main: {
|
|
18
19
|
background: {
|
|
@@ -18,12 +18,14 @@ var _decorativePalettes = require("./decorative-palettes");
|
|
|
18
18
|
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
19
|
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; }
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
function _typeof(
|
|
22
|
-
function ownKeys(
|
|
23
|
-
function _objectSpread(
|
|
21
|
+
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
|
+
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; }
|
|
23
|
+
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; }
|
|
24
24
|
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; }
|
|
25
25
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
26
|
-
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); }
|
|
26
|
+
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); } /* eslint-disable no-restricted-imports */ // eslint-disable-next-line no-restricted-syntax
|
|
27
|
+
// json-to-scss is not working with the alias right now
|
|
28
|
+
//import {TypeThemeMode} from '@src/types/theme';
|
|
27
29
|
var breakpoints = ['900px', '1200px', '1500px', '1800px'];
|
|
28
30
|
exports.breakpoints = breakpoints;
|
|
29
31
|
var MODE = 'light';
|
|
@@ -186,6 +188,19 @@ var colors = _objectSpread(_objectSpread({
|
|
|
186
188
|
background: {
|
|
187
189
|
highlight: _seedsColor.default.COLOR_YELLOW_200,
|
|
188
190
|
selection: _seedsColor.default.COLOR_BLUE_300
|
|
191
|
+
},
|
|
192
|
+
decorative: {
|
|
193
|
+
green: _decorativePalettes.green.foreground,
|
|
194
|
+
blue: _decorativePalettes.blue.foreground,
|
|
195
|
+
purple: _decorativePalettes.purple.foreground,
|
|
196
|
+
yellow: _decorativePalettes.yellow.foreground,
|
|
197
|
+
orange: _decorativePalettes.orange.foreground,
|
|
198
|
+
red: _decorativePalettes.red.foreground,
|
|
199
|
+
neutral: _decorativePalettes.neutral.foreground,
|
|
200
|
+
magenta: _decorativePalettes.magenta.foreground,
|
|
201
|
+
pink: _decorativePalettes.pink.foreground,
|
|
202
|
+
aqua: _decorativePalettes.aqua.foreground,
|
|
203
|
+
teal: _decorativePalettes.teal.foreground
|
|
189
204
|
}
|
|
190
205
|
},
|
|
191
206
|
icon: {
|
|
@@ -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; }
|
|
@@ -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; }
|