@sproutsocial/racine 24.2.0 → 25.0.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 +26 -0
- package/codemods/__tests__/icon-library.test.js +5 -11
- package/commonjs/Avatar/Avatar.js +3 -2
- package/commonjs/Duration/Duration.js +3 -30
- package/commonjs/Duration/utils.js +36 -2
- package/dist/types/Avatar/Avatar.d.ts.map +1 -1
- package/dist/types/Duration/Duration.d.ts.map +1 -1
- package/dist/types/Duration/utils.d.ts +8 -0
- package/dist/types/Duration/utils.d.ts.map +1 -1
- package/lib/Avatar/Avatar.js +3 -2
- package/lib/Duration/Duration.js +2 -29
- package/lib/Duration/utils.js +36 -2
- package/package.json +2 -9
- package/__flow__/Avatar/Avatar.flow.js +0 -17
- package/__flow__/Avatar/constants.flow.js +0 -11
- package/__flow__/Avatar/index.flow.js +0 -3
- package/__flow__/Badge/Badge.flow.js +0 -21
- package/__flow__/Badge/constants.flow.js +0 -28
- package/__flow__/Badge/index.flow.js +0 -3
- package/__flow__/Banner/Banner.flow.js +0 -22
- package/__flow__/Banner/index.flow.js +0 -2
- package/__flow__/Box/Box.flow.js +0 -22
- package/__flow__/Box/index.flow.js +0 -2
- package/__flow__/Breadcrumb/Breadcrumb.flow.js +0 -22
- package/__flow__/Breadcrumb/index.flow.js +0 -2
- package/__flow__/Button/Button.flow.js +0 -36
- package/__flow__/Button/index.flow.js +0 -2
- package/__flow__/Card/Card.flow.js +0 -9
- package/__flow__/Card/CardTypes.flow.js +0 -73
- package/__flow__/Card/index.flow.js +0 -3
- package/__flow__/CharacterCounter/CharacterCounter.flow.js +0 -12
- package/__flow__/CharacterCounter/index.flow.js +0 -2
- package/__flow__/ChartLegend/ChartLegend.flow.js +0 -18
- package/__flow__/ChartLegend/index.flow.js +0 -2
- package/__flow__/Checkbox/Checkbox.flow.js +0 -24
- package/__flow__/Checkbox/index.flow.js +0 -2
- package/__flow__/Collapsible/Collapsible.flow.js +0 -19
- package/__flow__/Collapsible/index.flow.js +0 -2
- package/__flow__/DatePicker/DateRangePicker/DateRangePicker.flow.js +0 -19
- package/__flow__/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +0 -11
- package/__flow__/DatePicker/DateRangePicker/index.flow.js +0 -3
- package/__flow__/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +0 -17
- package/__flow__/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +0 -9
- package/__flow__/DatePicker/SingleDatePicker/index.flow.js +0 -3
- package/__flow__/DatePicker/common.flow.js +0 -21
- package/__flow__/DatePicker/index.flow.js +0 -6
- package/__flow__/Drawer/Drawer.flow.js +0 -49
- package/__flow__/Drawer/index.flow.js +0 -2
- package/__flow__/EmptyState/EmptyState.flow.js +0 -17
- package/__flow__/EmptyState/index.flow.js +0 -2
- package/__flow__/Fieldset/Fieldset.flow.js +0 -16
- package/__flow__/Fieldset/index.flow.js +0 -2
- package/__flow__/FormField/FormField.flow.js +0 -32
- package/__flow__/FormField/index.flow.js +0 -2
- package/__flow__/Icon/Icon.flow.js +0 -50
- package/__flow__/Icon/index.flow.js +0 -4
- package/__flow__/Image/Image.flow.js +0 -25
- package/__flow__/Image/index.flow.js +0 -2
- package/__flow__/Indicator/Indicator.flow.js +0 -11
- package/__flow__/Indicator/index.flow.js +0 -2
- package/__flow__/Input/Input.flow.js +0 -65
- package/__flow__/Input/index.flow.js +0 -2
- package/__flow__/KeyboardKey/KeyboardKey.flow.js +0 -9
- package/__flow__/KeyboardKey/index.flow.js +0 -2
- package/__flow__/Label/Label.flow.js +0 -16
- package/__flow__/Label/index.flow.js +0 -2
- package/__flow__/Link/Link.flow.js +0 -20
- package/__flow__/Link/index.flow.js +0 -2
- package/__flow__/Listbox/Listbox.flow.js +0 -33
- package/__flow__/Listbox/index.flow.js +0 -2
- package/__flow__/Loader/Loader.flow.js +0 -14
- package/__flow__/Loader/index.flow.js +0 -2
- package/__flow__/LoaderButton/LoaderButton.flow.js +0 -11
- package/__flow__/LoaderButton/index.flow.js +0 -2
- package/__flow__/Menu/Menu.flow.js +0 -142
- package/__flow__/Menu/index.flow.js +0 -3
- package/__flow__/Menu/utils/constants.flow.js +0 -16
- package/__flow__/Message/Message.flow.js +0 -48
- package/__flow__/Message/index.flow.js +0 -2
- package/__flow__/Modal/Modal.flow.js +0 -59
- package/__flow__/Modal/index.flow.js +0 -2
- package/__flow__/Numeral/Numeral.flow.js +0 -23
- package/__flow__/Numeral/index.flow.js +0 -2
- package/__flow__/PartnerLogo/PartnerLogo.flow.js +0 -27
- package/__flow__/PartnerLogo/index.flow.js +0 -2
- package/__flow__/Popout/Popout.flow.js +0 -103
- package/__flow__/Popout/index.flow.js +0 -2
- package/__flow__/Portal/Portal.flow.js +0 -17
- package/__flow__/Portal/index.flow.js +0 -2
- package/__flow__/Radio/Radio.flow.js +0 -21
- package/__flow__/Radio/index.flow.js +0 -2
- package/__flow__/SegmentedControl/SegmentedControl.flow.js +0 -27
- package/__flow__/SegmentedControl/index.flow.js +0 -2
- package/__flow__/Select/Select.flow.js +0 -27
- package/__flow__/Select/index.flow.js +0 -2
- package/__flow__/Skeleton/Skeleton.flow.js +0 -6
- package/__flow__/Skeleton/index.flow.js +0 -2
- package/__flow__/SpotIllustration/SpotIllustration.flow.js +0 -12
- package/__flow__/SpotIllustration/index.flow.js +0 -2
- package/__flow__/Stack/Stack.flow.js +0 -26
- package/__flow__/Stack/index.flow.js +0 -2
- package/__flow__/Switch/Switch.flow.js +0 -5
- package/__flow__/Switch/SwitchTypes.flow.js +0 -16
- package/__flow__/Switch/index.flow.js +0 -3
- package/__flow__/Table/Table.flow.js +0 -48
- package/__flow__/Table/index.flow.js +0 -2
- package/__flow__/TableCell/TableCell.flow.js +0 -28
- package/__flow__/TableCell/index.flow.js +0 -2
- package/__flow__/TableHeaderCell/TableHeaderCell.flow.js +0 -30
- package/__flow__/TableHeaderCell/index.flow.js +0 -2
- package/__flow__/TableRowAccordion/TableRowAccordion.flow.js +0 -15
- package/__flow__/TableRowAccordion/index.flow.js +0 -2
- package/__flow__/Tabs/Tabs.flow.js +0 -26
- package/__flow__/Tabs/index.flow.js +0 -2
- package/__flow__/Text/Text.flow.js +0 -27
- package/__flow__/Text/index.flow.js +0 -2
- package/__flow__/Textarea/Textarea.flow.js +0 -59
- package/__flow__/Textarea/index.flow.js +0 -2
- package/__flow__/ThemeProvider/index.flow.js +0 -12
- package/__flow__/Toast/Toast.flow.js +0 -27
- package/__flow__/Toast/index.flow.js +0 -2
- package/__flow__/ToggleHint/ToggleHint.flow.js +0 -21
- package/__flow__/ToggleHint/index.flow.js +0 -2
- package/__flow__/Token/Token.flow.js +0 -17
- package/__flow__/Token/index.flow.js +0 -2
- package/__flow__/TokenInput/TokenInput.flow.js +0 -79
- package/__flow__/TokenInput/TokenScreenReaderStatus.js +0 -32
- package/__flow__/TokenInput/index.flow.js +0 -2
- package/__flow__/Tooltip/Tooltip.flow.js +0 -24
- package/__flow__/Tooltip/index.flow.js +0 -2
- package/__flow__/VisuallyHidden/VisuallyHidden.flow.js +0 -3
- package/__flow__/VisuallyHidden/index.flow.js +0 -2
- package/__flow__/index.flow.js +0 -136
- package/__flow__/index.js +0 -2
- package/__flow__/systemProps/background.flow.js +0 -17
- package/__flow__/systemProps/border.flow.js +0 -46
- package/__flow__/systemProps/color.flow.js +0 -16
- package/__flow__/systemProps/custom.flow.js +0 -16
- package/__flow__/systemProps/flexbox.flow.js +0 -28
- package/__flow__/systemProps/grid.flow.js +0 -26
- package/__flow__/systemProps/index.flow.js +0 -16
- package/__flow__/systemProps/layout.flow.js +0 -25
- package/__flow__/systemProps/position.flow.js +0 -17
- package/__flow__/systemProps/shadow.flow.js +0 -13
- package/__flow__/systemProps/space.flow.js +0 -71
- package/__flow__/systemProps/systemProps.flow.js +0 -30
- package/__flow__/systemProps/tests/types.flow.js +0 -51
- package/__flow__/systemProps/types.flow.js +0 -12
- package/__flow__/systemProps/typography.flow.js +0 -21
- package/__flow__/systemProps/variant.flow.js +0 -14
- package/__flow__/themes/dark/dataviz-palette.flow.js +0 -3
- package/__flow__/themes/dark/decorative-palettes.flow.js +0 -13
- package/__flow__/themes/dark/theme.flow.js +0 -5
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.flow.js +0 -10
- package/__flow__/themes/extendedThemes/sproutTheme/index.flow.js +0 -3
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.flow.js +0 -10
- package/__flow__/themes/light/dataviz-palette.flow.js +0 -29
- package/__flow__/themes/light/decorative-palettes.flow.js +0 -17
- package/__flow__/themes/light/literal-colors.flow.js +0 -31
- package/__flow__/themes/light/theme.flow.js +0 -16
- package/__flow__/types/index.flow.js +0 -7
- package/__flow__/types/shared.flow.js +0 -9
- package/__flow__/types/styled-components.flow.js +0 -8
- package/__flow__/types/system-props.flow.js +0 -136
- package/__flow__/types/theme.colors.flow.js +0 -364
- package/__flow__/types/theme.flow.js +0 -373
- package/__flow__/utils/a11yTest.flow.js +0 -5
- package/__flow__/utils/chartColors.flow.js +0 -11
- package/__flow__/utils/constants.flow.js +0 -3
- package/__flow__/utils/dataQaLabelQueries.flow.js +0 -20
- package/__flow__/utils/hooks.flow.js +0 -66
- package/__flow__/utils/index.flow.js +0 -11
- package/__flow__/utils/innerText.flow.js +0 -4
- package/__flow__/utils/mixins.flow.js +0 -7
- package/__flow__/utils/react-testing-library.flow.js +0 -14
- package/__flow__/utils/responsiveProps/index.flow.js +0 -3
- package/__flow__/utils/responsiveProps/index.test.flow.js +0 -22
- package/__flow__/utils/system-props.flow.js +0 -9
- package/__flow__/utils/useInteractiveColor.flow.js +0 -3
- package/commonjs/Avatar/Avatar.flow.js +0 -6
- package/commonjs/Avatar/constants.flow.js +0 -16
- package/commonjs/Avatar/index.flow.js +0 -27
- package/commonjs/Badge/Badge.flow.js +0 -7
- package/commonjs/Badge/constants.flow.js +0 -19
- package/commonjs/Badge/index.flow.js +0 -27
- package/commonjs/Banner/Banner.flow.js +0 -6
- package/commonjs/Banner/index.flow.js +0 -16
- package/commonjs/Box/Box.flow.js +0 -6
- package/commonjs/Box/index.flow.js +0 -16
- package/commonjs/Breadcrumb/Breadcrumb.flow.js +0 -6
- package/commonjs/Breadcrumb/index.flow.js +0 -16
- package/commonjs/Button/Button.flow.js +0 -6
- package/commonjs/Button/index.flow.js +0 -16
- package/commonjs/Card/Card.flow.js +0 -6
- package/commonjs/Card/CardTypes.flow.js +0 -6
- package/commonjs/Card/index.flow.js +0 -27
- package/commonjs/CharacterCounter/CharacterCounter.flow.js +0 -6
- package/commonjs/CharacterCounter/index.flow.js +0 -16
- package/commonjs/ChartLegend/ChartLegend.flow.js +0 -6
- package/commonjs/ChartLegend/index.flow.js +0 -16
- package/commonjs/Checkbox/Checkbox.flow.js +0 -6
- package/commonjs/Checkbox/index.flow.js +0 -16
- package/commonjs/Collapsible/Collapsible.flow.js +0 -6
- package/commonjs/Collapsible/index.flow.js +0 -16
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.flow.js +0 -6
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +0 -6
- package/commonjs/DatePicker/DateRangePicker/index.flow.js +0 -27
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +0 -6
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +0 -6
- package/commonjs/DatePicker/SingleDatePicker/index.flow.js +0 -27
- package/commonjs/DatePicker/common.flow.js +0 -1
- package/commonjs/DatePicker/index.flow.js +0 -60
- package/commonjs/Drawer/Drawer.flow.js +0 -6
- package/commonjs/Drawer/index.flow.js +0 -16
- package/commonjs/EmptyState/EmptyState.flow.js +0 -6
- package/commonjs/EmptyState/index.flow.js +0 -16
- package/commonjs/Fieldset/Fieldset.flow.js +0 -6
- package/commonjs/Fieldset/index.flow.js +0 -16
- package/commonjs/FormField/FormField.flow.js +0 -6
- package/commonjs/FormField/index.flow.js +0 -16
- package/commonjs/Icon/Icon.flow.js +0 -6
- package/commonjs/Icon/index.flow.js +0 -29
- package/commonjs/Image/Image.flow.js +0 -6
- package/commonjs/Image/index.flow.js +0 -16
- package/commonjs/Indicator/Indicator.flow.js +0 -6
- package/commonjs/Indicator/index.flow.js +0 -16
- package/commonjs/Input/Input.flow.js +0 -6
- package/commonjs/Input/index.flow.js +0 -16
- package/commonjs/KeyboardKey/KeyboardKey.flow.js +0 -6
- package/commonjs/KeyboardKey/index.flow.js +0 -16
- package/commonjs/Label/Label.flow.js +0 -8
- package/commonjs/Label/index.flow.js +0 -16
- package/commonjs/Link/Link.flow.js +0 -6
- package/commonjs/Link/index.flow.js +0 -16
- package/commonjs/Listbox/Listbox.flow.js +0 -10
- package/commonjs/Listbox/index.flow.js +0 -16
- package/commonjs/Loader/Loader.flow.js +0 -6
- package/commonjs/Loader/index.flow.js +0 -16
- package/commonjs/LoaderButton/LoaderButton.flow.js +0 -6
- package/commonjs/LoaderButton/index.flow.js +0 -16
- package/commonjs/Menu/Menu.flow.js +0 -11
- package/commonjs/Menu/index.flow.js +0 -27
- package/commonjs/Menu/utils/constants.flow.js +0 -18
- package/commonjs/Message/Message.flow.js +0 -20
- package/commonjs/Message/index.flow.js +0 -16
- package/commonjs/Modal/Modal.flow.js +0 -8
- package/commonjs/Modal/index.flow.js +0 -16
- package/commonjs/Numeral/Numeral.flow.js +0 -6
- package/commonjs/Numeral/index.flow.js +0 -16
- package/commonjs/PartnerLogo/PartnerLogo.flow.js +0 -6
- package/commonjs/PartnerLogo/index.flow.js +0 -16
- package/commonjs/Popout/Popout.flow.js +0 -6
- package/commonjs/Popout/index.flow.js +0 -16
- package/commonjs/Portal/Portal.flow.js +0 -6
- package/commonjs/Portal/index.flow.js +0 -16
- package/commonjs/Radio/Radio.flow.js +0 -6
- package/commonjs/Radio/index.flow.js +0 -16
- package/commonjs/SegmentedControl/SegmentedControl.flow.js +0 -6
- package/commonjs/SegmentedControl/index.flow.js +0 -16
- package/commonjs/Select/Select.flow.js +0 -6
- package/commonjs/Select/index.flow.js +0 -16
- package/commonjs/Skeleton/Skeleton.flow.js +0 -4
- package/commonjs/Skeleton/index.flow.js +0 -16
- package/commonjs/SpotIllustration/SpotIllustration.flow.js +0 -6
- package/commonjs/SpotIllustration/index.flow.js +0 -16
- package/commonjs/Stack/Stack.flow.js +0 -6
- package/commonjs/Stack/index.flow.js +0 -16
- package/commonjs/Switch/Switch.flow.js +0 -6
- package/commonjs/Switch/SwitchTypes.flow.js +0 -1
- package/commonjs/Switch/index.flow.js +0 -27
- package/commonjs/Table/Table.flow.js +0 -9
- package/commonjs/Table/index.flow.js +0 -16
- package/commonjs/TableCell/TableCell.flow.js +0 -6
- package/commonjs/TableCell/index.flow.js +0 -16
- package/commonjs/TableHeaderCell/TableHeaderCell.flow.js +0 -14
- package/commonjs/TableHeaderCell/index.flow.js +0 -16
- package/commonjs/TableRowAccordion/TableRowAccordion.flow.js +0 -6
- package/commonjs/TableRowAccordion/index.flow.js +0 -16
- package/commonjs/Tabs/Tabs.flow.js +0 -6
- package/commonjs/Tabs/index.flow.js +0 -16
- package/commonjs/Text/Text.flow.js +0 -6
- package/commonjs/Text/index.flow.js +0 -16
- package/commonjs/Textarea/Textarea.flow.js +0 -6
- package/commonjs/Textarea/index.flow.js +0 -16
- package/commonjs/ThemeProvider/index.flow.js +0 -6
- package/commonjs/Toast/Toast.flow.js +0 -6
- package/commonjs/Toast/index.flow.js +0 -16
- package/commonjs/ToggleHint/ToggleHint.flow.js +0 -6
- package/commonjs/ToggleHint/index.flow.js +0 -16
- package/commonjs/Token/Token.flow.js +0 -6
- package/commonjs/Token/index.flow.js +0 -16
- package/commonjs/TokenInput/TokenInput.flow.js +0 -6
- package/commonjs/TokenInput/index.flow.js +0 -16
- package/commonjs/Tooltip/Tooltip.flow.js +0 -6
- package/commonjs/Tooltip/index.flow.js +0 -16
- package/commonjs/VisuallyHidden/VisuallyHidden.flow.js +0 -6
- package/commonjs/VisuallyHidden/index.flow.js +0 -16
- package/commonjs/index.flow.js +0 -594
- package/commonjs/index.js.flow +0 -2
- package/commonjs/systemProps/background.flow.js +0 -9
- package/commonjs/systemProps/border.flow.js +0 -9
- package/commonjs/systemProps/color.flow.js +0 -9
- package/commonjs/systemProps/custom.flow.js +0 -12
- package/commonjs/systemProps/flexbox.flow.js +0 -9
- package/commonjs/systemProps/grid.flow.js +0 -9
- package/commonjs/systemProps/index.flow.js +0 -159
- package/commonjs/systemProps/layout.flow.js +0 -9
- package/commonjs/systemProps/position.flow.js +0 -9
- package/commonjs/systemProps/shadow.flow.js +0 -9
- package/commonjs/systemProps/space.flow.js +0 -23
- package/commonjs/systemProps/systemProps.flow.js +0 -20
- package/commonjs/systemProps/tests/types.flow.js +0 -48
- package/commonjs/systemProps/types.flow.js +0 -1
- package/commonjs/systemProps/typography.flow.js +0 -9
- package/commonjs/systemProps/variant.flow.js +0 -12
- package/commonjs/themes/dark/dataviz-palette.flow.js +0 -1
- package/commonjs/themes/dark/decorative-palettes.flow.js +0 -1
- package/commonjs/themes/dark/theme.flow.js +0 -1
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.flow.js +0 -7
- package/commonjs/themes/extendedThemes/sproutTheme/index.flow.js +0 -20
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.flow.js +0 -1
- package/commonjs/themes/light/dataviz-palette.flow.js +0 -1
- package/commonjs/themes/light/decorative-palettes.flow.js +0 -1
- package/commonjs/themes/light/literal-colors.flow.js +0 -1
- package/commonjs/themes/light/theme.flow.js +0 -1
- package/commonjs/types/index.flow.js +0 -60
- package/commonjs/types/shared.flow.js +0 -6
- package/commonjs/types/styled-components.flow.js +0 -6
- package/commonjs/types/system-props.flow.js +0 -2
- package/commonjs/types/theme.colors.flow.js +0 -1
- package/commonjs/types/theme.flow.js +0 -1
- package/commonjs/utils/a11yTest.flow.js +0 -1
- package/commonjs/utils/chartColors.flow.js +0 -1
- package/commonjs/utils/constants.flow.js +0 -1
- package/commonjs/utils/dataQaLabelQueries.flow.js +0 -1
- package/commonjs/utils/hooks.flow.js +0 -28
- package/commonjs/utils/index.flow.js +0 -1
- package/commonjs/utils/innerText.flow.js +0 -6
- package/commonjs/utils/mixins.flow.js +0 -1
- package/commonjs/utils/react-testing-library.flow.js +0 -9
- package/commonjs/utils/responsiveProps/index.flow.js +0 -1
- package/commonjs/utils/responsiveProps/index.test.flow.js +0 -23
- package/commonjs/utils/system-props.flow.js +0 -1
- package/commonjs/utils/useInteractiveColor.flow.js +0 -1
- package/lib/Avatar/Avatar.flow.js +0 -1
- package/lib/Avatar/constants.flow.js +0 -10
- package/lib/Avatar/index.flow.js +0 -2
- package/lib/Badge/Badge.flow.js +0 -2
- package/lib/Badge/constants.flow.js +0 -13
- package/lib/Badge/index.flow.js +0 -2
- package/lib/Banner/Banner.flow.js +0 -1
- package/lib/Banner/index.flow.js +0 -1
- package/lib/Box/Box.flow.js +0 -1
- package/lib/Box/index.flow.js +0 -1
- package/lib/Breadcrumb/Breadcrumb.flow.js +0 -1
- package/lib/Breadcrumb/index.flow.js +0 -1
- package/lib/Button/Button.flow.js +0 -1
- package/lib/Button/index.flow.js +0 -1
- package/lib/Card/Card.flow.js +0 -1
- package/lib/Card/CardTypes.flow.js +0 -1
- package/lib/Card/index.flow.js +0 -2
- package/lib/CharacterCounter/CharacterCounter.flow.js +0 -1
- package/lib/CharacterCounter/index.flow.js +0 -1
- package/lib/ChartLegend/ChartLegend.flow.js +0 -1
- package/lib/ChartLegend/index.flow.js +0 -1
- package/lib/Checkbox/Checkbox.flow.js +0 -1
- package/lib/Checkbox/index.flow.js +0 -1
- package/lib/Collapsible/Collapsible.flow.js +0 -1
- package/lib/Collapsible/index.flow.js +0 -1
- package/lib/DatePicker/DateRangePicker/DateRangePicker.flow.js +0 -1
- package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +0 -1
- package/lib/DatePicker/DateRangePicker/index.flow.js +0 -2
- package/lib/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +0 -1
- package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +0 -1
- package/lib/DatePicker/SingleDatePicker/index.flow.js +0 -2
- package/lib/DatePicker/common.flow.js +0 -0
- package/lib/DatePicker/index.flow.js +0 -5
- package/lib/Drawer/Drawer.flow.js +0 -1
- package/lib/Drawer/index.flow.js +0 -1
- package/lib/EmptyState/EmptyState.flow.js +0 -1
- package/lib/EmptyState/index.flow.js +0 -1
- package/lib/Fieldset/Fieldset.flow.js +0 -1
- package/lib/Fieldset/index.flow.js +0 -1
- package/lib/FormField/FormField.flow.js +0 -1
- package/lib/FormField/index.flow.js +0 -1
- package/lib/Icon/Icon.flow.js +0 -3
- package/lib/Icon/index.flow.js +0 -3
- package/lib/Image/Image.flow.js +0 -2
- package/lib/Image/index.flow.js +0 -1
- package/lib/Indicator/Indicator.flow.js +0 -1
- package/lib/Indicator/index.flow.js +0 -1
- package/lib/Input/Input.flow.js +0 -1
- package/lib/Input/index.flow.js +0 -1
- package/lib/KeyboardKey/KeyboardKey.flow.js +0 -1
- package/lib/KeyboardKey/index.flow.js +0 -1
- package/lib/Label/Label.flow.js +0 -2
- package/lib/Label/index.flow.js +0 -1
- package/lib/Link/Link.flow.js +0 -1
- package/lib/Link/index.flow.js +0 -1
- package/lib/Listbox/Listbox.flow.js +0 -4
- package/lib/Listbox/index.flow.js +0 -1
- package/lib/Loader/Loader.flow.js +0 -1
- package/lib/Loader/index.flow.js +0 -1
- package/lib/LoaderButton/LoaderButton.flow.js +0 -1
- package/lib/LoaderButton/index.flow.js +0 -1
- package/lib/Menu/Menu.flow.js +0 -5
- package/lib/Menu/index.flow.js +0 -2
- package/lib/Menu/utils/constants.flow.js +0 -12
- package/lib/Message/Message.flow.js +0 -11
- package/lib/Message/index.flow.js +0 -1
- package/lib/Modal/Modal.flow.js +0 -2
- package/lib/Modal/index.flow.js +0 -1
- package/lib/Numeral/Numeral.flow.js +0 -1
- package/lib/Numeral/index.flow.js +0 -1
- package/lib/PartnerLogo/PartnerLogo.flow.js +0 -5
- package/lib/PartnerLogo/index.flow.js +0 -1
- package/lib/Popout/Popout.flow.js +0 -3
- package/lib/Popout/index.flow.js +0 -1
- package/lib/Portal/Portal.flow.js +0 -1
- package/lib/Portal/index.flow.js +0 -1
- package/lib/Radio/Radio.flow.js +0 -1
- package/lib/Radio/index.flow.js +0 -1
- package/lib/SegmentedControl/SegmentedControl.flow.js +0 -1
- package/lib/SegmentedControl/index.flow.js +0 -1
- package/lib/Select/Select.flow.js +0 -1
- package/lib/Select/index.flow.js +0 -1
- package/lib/Skeleton/Skeleton.flow.js +0 -1
- package/lib/Skeleton/index.flow.js +0 -1
- package/lib/SpotIllustration/SpotIllustration.flow.js +0 -1
- package/lib/SpotIllustration/index.flow.js +0 -1
- package/lib/Stack/Stack.flow.js +0 -1
- package/lib/Stack/index.flow.js +0 -1
- package/lib/Switch/Switch.flow.js +0 -1
- package/lib/Switch/SwitchTypes.flow.js +0 -0
- package/lib/Switch/index.flow.js +0 -2
- package/lib/Table/Table.flow.js +0 -3
- package/lib/Table/index.flow.js +0 -1
- package/lib/TableCell/TableCell.flow.js +0 -5
- package/lib/TableCell/index.flow.js +0 -1
- package/lib/TableHeaderCell/TableHeaderCell.flow.js +0 -5
- package/lib/TableHeaderCell/index.flow.js +0 -1
- package/lib/TableRowAccordion/TableRowAccordion.flow.js +0 -1
- package/lib/TableRowAccordion/index.flow.js +0 -1
- package/lib/Tabs/Tabs.flow.js +0 -1
- package/lib/Tabs/index.flow.js +0 -1
- package/lib/Text/Text.flow.js +0 -1
- package/lib/Text/index.flow.js +0 -1
- package/lib/Textarea/Textarea.flow.js +0 -1
- package/lib/Textarea/index.flow.js +0 -1
- package/lib/ThemeProvider/index.flow.js +0 -3
- package/lib/Toast/Toast.flow.js +0 -1
- package/lib/Toast/index.flow.js +0 -1
- package/lib/ToggleHint/ToggleHint.flow.js +0 -1
- package/lib/ToggleHint/index.flow.js +0 -1
- package/lib/Token/Token.flow.js +0 -1
- package/lib/Token/index.flow.js +0 -1
- package/lib/TokenInput/TokenInput.flow.js +0 -1
- package/lib/TokenInput/index.flow.js +0 -1
- package/lib/Tooltip/Tooltip.flow.js +0 -1
- package/lib/Tooltip/index.flow.js +0 -1
- package/lib/VisuallyHidden/VisuallyHidden.flow.js +0 -1
- package/lib/VisuallyHidden/index.flow.js +0 -1
- package/lib/index.flow.js +0 -79
- package/lib/index.js.flow +0 -2
- package/lib/systemProps/background.flow.js +0 -5
- package/lib/systemProps/border.flow.js +0 -5
- package/lib/systemProps/color.flow.js +0 -5
- package/lib/systemProps/custom.flow.js +0 -8
- package/lib/systemProps/flexbox.flow.js +0 -5
- package/lib/systemProps/grid.flow.js +0 -5
- package/lib/systemProps/index.flow.js +0 -14
- package/lib/systemProps/layout.flow.js +0 -5
- package/lib/systemProps/position.flow.js +0 -5
- package/lib/systemProps/shadow.flow.js +0 -5
- package/lib/systemProps/space.flow.js +0 -32
- package/lib/systemProps/systemProps.flow.js +0 -14
- package/lib/systemProps/tests/types.flow.js +0 -46
- package/lib/systemProps/types.flow.js +0 -0
- package/lib/systemProps/typography.flow.js +0 -5
- package/lib/systemProps/variant.flow.js +0 -8
- package/lib/themes/dark/dataviz-palette.flow.js +0 -0
- package/lib/themes/dark/decorative-palettes.flow.js +0 -0
- package/lib/themes/dark/theme.flow.js +0 -0
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.flow.js +0 -1
- package/lib/themes/extendedThemes/sproutTheme/index.flow.js +0 -2
- package/lib/themes/extendedThemes/sproutTheme/light/theme.flow.js +0 -0
- package/lib/themes/light/dataviz-palette.flow.js +0 -0
- package/lib/themes/light/decorative-palettes.flow.js +0 -0
- package/lib/themes/light/literal-colors.flow.js +0 -0
- package/lib/themes/light/theme.flow.js +0 -0
- package/lib/types/index.flow.js +0 -5
- package/lib/types/shared.flow.js +0 -1
- package/lib/types/styled-components.flow.js +0 -1
- package/lib/types/system-props.flow.js +0 -1
- package/lib/types/theme.colors.flow.js +0 -0
- package/lib/types/theme.flow.js +0 -0
- package/lib/utils/a11yTest.flow.js +0 -0
- package/lib/utils/chartColors.flow.js +0 -0
- package/lib/utils/constants.flow.js +0 -0
- package/lib/utils/dataQaLabelQueries.flow.js +0 -0
- package/lib/utils/hooks.flow.js +0 -27
- package/lib/utils/index.flow.js +0 -0
- package/lib/utils/innerText.flow.js +0 -1
- package/lib/utils/mixins.flow.js +0 -0
- package/lib/utils/react-testing-library.flow.js +0 -3
- package/lib/utils/responsiveProps/index.flow.js +0 -0
- package/lib/utils/responsiveProps/index.test.flow.js +0 -21
- package/lib/utils/system-props.flow.js +0 -0
- package/lib/utils/useInteractiveColor.flow.js +0 -0
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import Text from "../Text/index.flow";
|
|
4
|
-
export type TypeLabelBaseProps = {
|
|
5
|
-
...React.ElementConfig<typeof Text>,
|
|
6
|
-
as: string,
|
|
7
|
-
...
|
|
8
|
-
};
|
|
9
|
-
export type TypeLabelProps = {
|
|
10
|
-
/** ID of the associated form element */
|
|
11
|
-
htmlFor: string,
|
|
12
|
-
children: React.Node,
|
|
13
|
-
...
|
|
14
|
-
};
|
|
15
|
-
declare var Label: React.ComponentType<TypeLabelProps>;
|
|
16
|
-
declare export default typeof Label;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeStyledComponentsCommonProps } from "../types/styled-components.flow";
|
|
4
|
-
export type TypeLinkProps = {
|
|
5
|
-
/** Optional prop to make the URL open in a new tab */
|
|
6
|
-
external?: boolean,
|
|
7
|
-
children: React.Node,
|
|
8
|
-
/** Setting this prop will cause the component to be rendered as a link */
|
|
9
|
-
href?: string,
|
|
10
|
-
/** Disables user action and applies a disabled style to the component */
|
|
11
|
-
disabled?: boolean,
|
|
12
|
-
/** Can be used in addition to an href but still renders as a link. Omitting href will render as button */
|
|
13
|
-
onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void,
|
|
14
|
-
as?: $PropertyType<TypeStyledComponentsCommonProps, "as">,
|
|
15
|
-
underline?: boolean,
|
|
16
|
-
qa?: Object,
|
|
17
|
-
...
|
|
18
|
-
};
|
|
19
|
-
declare var Link: React.StatelessFunctionalComponent<TypeLinkProps>;
|
|
20
|
-
declare export default typeof Link;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import Button from "../Button/index.flow";
|
|
4
|
-
import Popout from "../Popout/index.flow";
|
|
5
|
-
import Menu from "../Menu/index.flow";
|
|
6
|
-
import type { TypeMenuProps, TypeMenuButtonContext } from "../Menu/index.flow";
|
|
7
|
-
export type TypeListboxProps = {
|
|
8
|
-
...TypeMenuProps,
|
|
9
|
-
role?: "listbox",
|
|
10
|
-
...
|
|
11
|
-
};
|
|
12
|
-
export type TypeListboxButtonProps = {
|
|
13
|
-
...$Exact<React.ElementConfig<typeof Button>>,
|
|
14
|
-
...TypeMenuButtonContext,
|
|
15
|
-
size?: "large" | "default" | "small",
|
|
16
|
-
content: React.Node,
|
|
17
|
-
popoutProps?: $Shape<React.ElementConfig<typeof Popout>>,
|
|
18
|
-
"aria-label"?: string,
|
|
19
|
-
"aria-labelledby"?: string,
|
|
20
|
-
...
|
|
21
|
-
};
|
|
22
|
-
declare class Listbox extends React.Component<TypeListboxProps> {
|
|
23
|
-
static Item: typeof Menu.Item,
|
|
24
|
-
static Option: typeof Menu.Item,
|
|
25
|
-
static Checkbox: typeof Menu.Checkbox,
|
|
26
|
-
static Radio: typeof Menu.Radio,
|
|
27
|
-
static Group: typeof Menu.Group,
|
|
28
|
-
static Switch: typeof Menu.Switch,
|
|
29
|
-
static Divider: typeof Menu.Divider,
|
|
30
|
-
static FilterInput: typeof Menu.FilterInput,
|
|
31
|
-
}
|
|
32
|
-
declare export var ListboxButton: React.StatelessFunctionalComponent<TypeListboxButtonProps>;
|
|
33
|
-
declare export default typeof Listbox;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export type TypeLoaderProps = {
|
|
4
|
-
size?: "small" | "large",
|
|
5
|
-
/** Text for the loader. This text is not visible, but is used for accessibility purposed */
|
|
6
|
-
text?: string,
|
|
7
|
-
/** Whether the loader should wait 2 seconds before it displays */
|
|
8
|
-
delay?: boolean,
|
|
9
|
-
color?: "light" | "dark",
|
|
10
|
-
qa?: Object,
|
|
11
|
-
...
|
|
12
|
-
};
|
|
13
|
-
declare var Loader: React.ComponentType<TypeLoaderProps>;
|
|
14
|
-
declare export default typeof Loader;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeButtonProps } from "../Button/index.flow";
|
|
4
|
-
export type TypeLoaderButtonProps = {
|
|
5
|
-
...TypeButtonProps,
|
|
6
|
-
isLoading?: boolean,
|
|
7
|
-
loaderLabel: string,
|
|
8
|
-
...
|
|
9
|
-
};
|
|
10
|
-
declare var LoaderButton: React.StatelessFunctionalComponent<TypeLoaderButtonProps>;
|
|
11
|
-
declare export default typeof LoaderButton;
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { StyledComponent } from "styled-components";
|
|
4
|
-
import Box from "../Box/index.flow";
|
|
5
|
-
import Button from "../Button/index.flow";
|
|
6
|
-
import Popout from "../Popout/index.flow";
|
|
7
|
-
import type { TypeInputProps } from "../Input/index.flow";
|
|
8
|
-
import type { EnumPlacements } from "../Popout/index.flow";
|
|
9
|
-
import type { TypeSwitchProps } from "../Switch/index.flow";
|
|
10
|
-
import type { TypeTextProps } from "../Text/index.flow";
|
|
11
|
-
import type { TypeTheme } from "../types/theme.flow";
|
|
12
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
13
|
-
import type { TypeStyledComponentsCommonProps } from "../types/styled-components.flow";
|
|
14
|
-
import { MENU_ITEM_ROLES, MENU_ROLES } from "./utils/constants.flow.js";
|
|
15
|
-
export type TypeMenuRoles = $Values<typeof MENU_ROLES>;
|
|
16
|
-
export type TypeMenuItemRoles = $Values<typeof MENU_ITEM_ROLES>;
|
|
17
|
-
export type TypeMenuState = {|
|
|
18
|
-
selectionIndex: number,
|
|
19
|
-
filterQuery: string,
|
|
20
|
-
filteredItems: ?number[],
|
|
21
|
-
isFilterInputFocused: boolean,
|
|
22
|
-
isFooterFocused: boolean,
|
|
23
|
-
|};
|
|
24
|
-
export type TypeMenuSharedProps = {|
|
|
25
|
-
multiselect?: boolean,
|
|
26
|
-
onChange?: (val: string) => void,
|
|
27
|
-
role?: TypeMenuRoles,
|
|
28
|
-
value?: ?string | string[],
|
|
29
|
-
|};
|
|
30
|
-
export type TypeMenuContext = {|
|
|
31
|
-
...TypeMenuSharedProps,
|
|
32
|
-
menuRef: {|
|
|
33
|
-
current: HTMLDivElement | null
|
|
34
|
-
|},
|
|
35
|
-
setState: ($Shape<TypeMenuState>) => void,
|
|
36
|
-
state: TypeMenuState,
|
|
37
|
-
selectCallbacks: {|
|
|
38
|
-
current: (?(any) => void)[]
|
|
39
|
-
|},
|
|
40
|
-
|};
|
|
41
|
-
export type TypeMenuProps = {
|
|
42
|
-
...$Exact<React.ElementConfig<typeof Box>>,
|
|
43
|
-
...TypeMenuSharedProps,
|
|
44
|
-
children?: React.Node,
|
|
45
|
-
innerRef?: React.Ref<any>,
|
|
46
|
-
// Any interactive elements that you want to display below the menu should be passed here, not as children
|
|
47
|
-
footerContent?: React.Node,
|
|
48
|
-
...
|
|
49
|
-
};
|
|
50
|
-
export type TypeMenuItemProps = {
|
|
51
|
-
id?: string,
|
|
52
|
-
index?: number,
|
|
53
|
-
label?: string,
|
|
54
|
-
children?: React.Node,
|
|
55
|
-
active?: boolean,
|
|
56
|
-
selected?: boolean,
|
|
57
|
-
disabled?: boolean,
|
|
58
|
-
indeterminate?: boolean,
|
|
59
|
-
value?: string,
|
|
60
|
-
onClick?: (SyntheticEvent<HTMLButtonElement>) => void,
|
|
61
|
-
onKeyPress?: (SyntheticKeyboardEvent<HTMLButtonElement>) => void,
|
|
62
|
-
role?: TypeMenuItemRoles,
|
|
63
|
-
elemAfter?: React.Node,
|
|
64
|
-
elemBefore?: React.Node,
|
|
65
|
-
as?: $PropertyType<TypeStyledComponentsCommonProps, "as">,
|
|
66
|
-
"data-qa-menu-item"?: string,
|
|
67
|
-
alignItems?: string,
|
|
68
|
-
...
|
|
69
|
-
};
|
|
70
|
-
export type TypeMenuItemSwitchProps = {
|
|
71
|
-
...TypeMenuItemProps,
|
|
72
|
-
/** Determines whether the Switch will be rendered as elemBefore or elemAfter. */
|
|
73
|
-
placement: "before" | "after",
|
|
74
|
-
/** Pass any valid Text props except children to the label.
|
|
75
|
-
* children is omitted because Menu.Switch's children is rendered as the label's children.*/
|
|
76
|
-
labelProps?: {
|
|
77
|
-
...TypeTextProps,
|
|
78
|
-
children: void,
|
|
79
|
-
...
|
|
80
|
-
},
|
|
81
|
-
/** Pass any valid Switch props except onClick to the Switch.
|
|
82
|
-
* onClick is omitted because it would only be triggered when the Switch itself is clicked with a mouse.
|
|
83
|
-
* The top-level onClick prop, which will be triggered for a click or keypress anywhere on the Menu Item, should be used instead. */
|
|
84
|
-
switchProps?: {
|
|
85
|
-
...TypeSwitchProps,
|
|
86
|
-
onClick: void,
|
|
87
|
-
...
|
|
88
|
-
},
|
|
89
|
-
...
|
|
90
|
-
};
|
|
91
|
-
export type TypeMenuGroupProps = {
|
|
92
|
-
children: React.Node,
|
|
93
|
-
/** If provided, a visible title will be rendered for the group. */
|
|
94
|
-
title?: React.Node,
|
|
95
|
-
titleAs?: $PropertyType<TypeStyledComponentsCommonProps, "as">,
|
|
96
|
-
/** Use the flush appearance if you're using the menu outside of a popout */
|
|
97
|
-
appearance?: "default" | "flush",
|
|
98
|
-
disabled?: boolean,
|
|
99
|
-
...
|
|
100
|
-
};
|
|
101
|
-
export type TypeMenuButtonContext = {|
|
|
102
|
-
closeOnItemClick?: boolean,
|
|
103
|
-
closePopout?: () => any,
|
|
104
|
-
|};
|
|
105
|
-
export type TypeMenuButtonProps = {
|
|
106
|
-
...$Exact<React.ElementConfig<typeof Button>>,
|
|
107
|
-
...TypeMenuButtonContext,
|
|
108
|
-
id?: string,
|
|
109
|
-
"aria-labelledby"?: string,
|
|
110
|
-
"aria-label"?: string,
|
|
111
|
-
content: React.Node,
|
|
112
|
-
popoutProps?: $Shape<React.ElementConfig<typeof Popout>>,
|
|
113
|
-
placement?: EnumPlacements,
|
|
114
|
-
...
|
|
115
|
-
};
|
|
116
|
-
export type TypeMenuItemContainerProps = {
|
|
117
|
-
...TypeMenuItemProps,
|
|
118
|
-
interactive: boolean,
|
|
119
|
-
isCheckboxOrRadio: boolean,
|
|
120
|
-
hidden: ?boolean,
|
|
121
|
-
...
|
|
122
|
-
};
|
|
123
|
-
declare export var MenuGroup: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeMenuGroupProps>>;
|
|
124
|
-
declare export var MenuItem: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeMenuItemProps>>;
|
|
125
|
-
declare export var MenuCheckbox: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeMenuItemProps>>;
|
|
126
|
-
declare export var MenuRadio: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeMenuItemProps>>;
|
|
127
|
-
declare export var MenuSwitch: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeMenuItemSwitchProps>>;
|
|
128
|
-
declare export var MenuDivider: TypeWithDisplayName<React.StatelessFunctionalComponent<any>>;
|
|
129
|
-
declare var MenuFilterInput: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeInputProps>>;
|
|
130
|
-
declare class Menu extends React.Component<TypeMenuProps> {
|
|
131
|
-
static Group: typeof MenuGroup,
|
|
132
|
-
static Item: typeof MenuItem,
|
|
133
|
-
static Checkbox: typeof MenuCheckbox,
|
|
134
|
-
static Radio: typeof MenuRadio,
|
|
135
|
-
static Switch: typeof MenuSwitch,
|
|
136
|
-
static Divider: typeof MenuDivider,
|
|
137
|
-
static FilterInput: typeof MenuFilterInput,
|
|
138
|
-
}
|
|
139
|
-
declare export var MenuButton: React.StatelessFunctionalComponent<TypeMenuButtonProps>;
|
|
140
|
-
declare export var MenuButtonContext: React.Context<TypeMenuButtonContext>;
|
|
141
|
-
declare export var MenuItemContainer: StyledComponent<TypeMenuItemContainerProps, TypeTheme, typeof Box>;
|
|
142
|
-
declare export default typeof Menu;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
export const MENU_ROLES = Object.freeze({
|
|
4
|
-
MENU: "menu",
|
|
5
|
-
LIST: "list",
|
|
6
|
-
LISTBOX: "listbox"
|
|
7
|
-
});
|
|
8
|
-
export const MENU_ITEM_ROLES = Object.freeze({
|
|
9
|
-
MENUITEM: "menuitem",
|
|
10
|
-
LISTITEM: "listitem",
|
|
11
|
-
OPTION: "option",
|
|
12
|
-
RADIO: "menuitemradio",
|
|
13
|
-
CHECKBOX: "menuitemcheckbox"
|
|
14
|
-
});
|
|
15
|
-
export type TypeMenuRoles = $Values<typeof MENU_ROLES>;
|
|
16
|
-
export type TypeMenuItemRoles = $Values<typeof MENU_ITEM_ROLES>;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeAvatarProps } from "../Avatar/index.flow";
|
|
4
|
-
import type { TypeButtonProps } from "../Button/index.flow";
|
|
5
|
-
import type { TypeCheckboxProps } from "../Checkbox/index.flow";
|
|
6
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
7
|
-
export const MESSAGE_DENSITIES = {
|
|
8
|
-
COMPACT: "compact",
|
|
9
|
-
// Compact is deprecated. New applications should use condensed instead.
|
|
10
|
-
CONDENSED: "condensed",
|
|
11
|
-
SMALL: "small",
|
|
12
|
-
LARGE: "large"
|
|
13
|
-
};
|
|
14
|
-
export type EnumDensities = $Values<typeof MESSAGE_DENSITIES>;
|
|
15
|
-
export type TypeMessageProps = {
|
|
16
|
-
/** Condensed, small, or large. */
|
|
17
|
-
density?: EnumDensities,
|
|
18
|
-
children: React.ChildrenArray<React.Element<any> | null>,
|
|
19
|
-
innerRef?: React.Ref<"div">,
|
|
20
|
-
borderColor?: string,
|
|
21
|
-
// seeds borderColor tokens (enum when flow types are available)
|
|
22
|
-
bg?: string,
|
|
23
|
-
// seeds color tokens (enum when flow types are available)
|
|
24
|
-
indentContent?: boolean,
|
|
25
|
-
qa?: Object,
|
|
26
|
-
...
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
// Using `Object.freeze` on MESSAGE_DENSITIES causes breaking type changes, but this is needed for typing Message.DENSITIES
|
|
30
|
-
// This should be improved in the future during a major version bump and Message refactor
|
|
31
|
-
const MESSAGE_DENSITIES_FROZEN = Object.freeze(MESSAGE_DENSITIES);
|
|
32
|
-
declare class Message extends React.Component<TypeMessageProps> {
|
|
33
|
-
static Body: TypeWithDisplayName<React.StatelessFunctionalComponent<any>>,
|
|
34
|
-
static Header: TypeWithDisplayName<React.StatelessFunctionalComponent<any>>,
|
|
35
|
-
static Footer: TypeWithDisplayName<React.StatelessFunctionalComponent<any>>,
|
|
36
|
-
static Meta: TypeWithDisplayName<React.StatelessFunctionalComponent<any>>,
|
|
37
|
-
static Button: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeButtonProps>>,
|
|
38
|
-
static Avatar: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeAvatarProps>>,
|
|
39
|
-
static Checkbox: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeCheckboxProps>>,
|
|
40
|
-
static Context: React.Context<{|
|
|
41
|
-
density: EnumDensities,
|
|
42
|
-
borderColor: string,
|
|
43
|
-
bg: string,
|
|
44
|
-
indentContent: boolean,
|
|
45
|
-
|}>,
|
|
46
|
-
static DENSITIES: typeof MESSAGE_DENSITIES_FROZEN,
|
|
47
|
-
}
|
|
48
|
-
declare export default typeof Message;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import Box from "../Box/index.flow";
|
|
4
|
-
import type { TypeButtonProps } from "../Button/index.flow";
|
|
5
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
6
|
-
export type TypeModalCloseButtonProps = {
|
|
7
|
-
...TypeButtonProps,
|
|
8
|
-
children?: void | null,
|
|
9
|
-
...
|
|
10
|
-
};
|
|
11
|
-
export type TypeModalHeaderProps = {
|
|
12
|
-
title?: string,
|
|
13
|
-
subtitle?: string,
|
|
14
|
-
/** Passing children will override the default modal header */
|
|
15
|
-
children?: React.Node,
|
|
16
|
-
/** If you're rendering a custom header, you can use this prop to add a bottom border */
|
|
17
|
-
bordered?: boolean,
|
|
18
|
-
...
|
|
19
|
-
};
|
|
20
|
-
export type TypeModalFooterProps = {
|
|
21
|
-
bg?: string,
|
|
22
|
-
children: React.Node,
|
|
23
|
-
...
|
|
24
|
-
};
|
|
25
|
-
export type TypeModalContentProps = {
|
|
26
|
-
...React.ElementProps<typeof Box>,
|
|
27
|
-
children?: React.Node,
|
|
28
|
-
...
|
|
29
|
-
};
|
|
30
|
-
export type TypeModalProps = {
|
|
31
|
-
/** section of app to aria hide for the modal */
|
|
32
|
-
appElementSelector?: string,
|
|
33
|
-
/** trigger to open or close the modal */
|
|
34
|
-
isOpen: boolean,
|
|
35
|
-
/** label for screen readers to announce the modal */
|
|
36
|
-
label: string,
|
|
37
|
-
/** body content of the modal */
|
|
38
|
-
children: React.Node,
|
|
39
|
-
/** callback for close */
|
|
40
|
-
onClose?: () => any,
|
|
41
|
-
/** aria-label for modal X */
|
|
42
|
-
closeButtonLabel: string,
|
|
43
|
-
/** Controls the z-index CSS property */
|
|
44
|
-
zIndex?: number,
|
|
45
|
-
/** The max width of the modal container */
|
|
46
|
-
width?: string | number,
|
|
47
|
-
...
|
|
48
|
-
};
|
|
49
|
-
declare class Modal extends React.Component<TypeModalProps> {
|
|
50
|
-
static Header: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeModalHeaderProps>>,
|
|
51
|
-
static Footer: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeModalFooterProps>>,
|
|
52
|
-
static Content: TypeWithDisplayName<React.AbstractComponent<TypeModalContentProps, *>>,
|
|
53
|
-
static CloseButton: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeModalCloseButtonProps>>,
|
|
54
|
-
static defaultProps: {|
|
|
55
|
-
width: string,
|
|
56
|
-
zIndex: number,
|
|
57
|
-
|},
|
|
58
|
-
}
|
|
59
|
-
declare export default typeof Modal;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export type EnumNumeralFormat = "decimal" | "currency" | "percent";
|
|
4
|
-
export type TypeNumeralProps = {
|
|
5
|
-
/** The number to be formatted */
|
|
6
|
-
number?: ?number,
|
|
7
|
-
/** Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument */
|
|
8
|
-
locale?: string,
|
|
9
|
-
/* The number formatting style to use */
|
|
10
|
-
format?: EnumNumeralFormat,
|
|
11
|
-
/** The currency format to use when formatting currency */
|
|
12
|
-
currency?: string,
|
|
13
|
-
/** A boolean determining whether or not the number should be abbreviated, or a number representing the abbreviation threshold */
|
|
14
|
-
abbreviate?: boolean | number,
|
|
15
|
-
/** Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash)) */
|
|
16
|
-
invalidNumberLabel?: string,
|
|
17
|
-
/** Override the default decimal precision (2 for decimals/currency, 1 for percentages), or "none" allowing unrestricted precision. */
|
|
18
|
-
precision?: number | "none",
|
|
19
|
-
qa?: Object,
|
|
20
|
-
...
|
|
21
|
-
};
|
|
22
|
-
declare var Numeral: React.StatelessFunctionalComponent<TypeNumeralProps>;
|
|
23
|
-
declare export default typeof Numeral;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { EnumLogoNamesWithoutVariants } from "@sproutsocial/seeds-partner-logos";
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated Use EnumLogoNames instead
|
|
7
|
-
*/
|
|
8
|
-
export type TypePartnerNames = EnumLogoNamesWithoutVariants;
|
|
9
|
-
export type TypePartnerLogoProps = {
|
|
10
|
-
/** The name of the partner whose logo you want to render. */
|
|
11
|
-
partnerName: EnumLogoNamesWithoutVariants,
|
|
12
|
-
/** Manually override the default mode behavior by rendering a logo based on the background it's displayed on. */
|
|
13
|
-
backgroundType?: "dark" | "light",
|
|
14
|
-
logoType?: "symbol" | "wordmark" | "lockup",
|
|
15
|
-
height?: string,
|
|
16
|
-
width?: string,
|
|
17
|
-
size?: "mini" // 12x12
|
|
18
|
-
| "small" // 16x16
|
|
19
|
-
| "medium" // 24x24
|
|
20
|
-
| "large" // 32x32
|
|
21
|
-
| "jumbo",
|
|
22
|
-
// 64x64
|
|
23
|
-
svgProps?: {...},
|
|
24
|
-
...
|
|
25
|
-
};
|
|
26
|
-
declare var PartnerLogo: React.StatelessFunctionalComponent<TypePartnerLogoProps>;
|
|
27
|
-
declare export default typeof PartnerLogo;
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { PopperProps } from "react-popper";
|
|
4
|
-
import type { TypeBoxProps } from "../Box/index.flow";
|
|
5
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
6
|
-
|
|
7
|
-
// Seeds docs can't parse $Keys<typeof placements> yet
|
|
8
|
-
export type EnumPlacements = "auto" | "top" | "right" | "bottom" | "left" | "top-start" | "right-start" | "bottom-start" | "left-start" | "top-end" | "right-end" | "bottom-end" | "left-end";
|
|
9
|
-
export type TypeFocusLockProps = {|
|
|
10
|
-
disabled?: boolean,
|
|
11
|
-
returnFocus?: boolean | {|
|
|
12
|
-
preventScroll?: boolean
|
|
13
|
-
|},
|
|
14
|
-
persistentFocus?: boolean,
|
|
15
|
-
autoFocus?: boolean,
|
|
16
|
-
noFocusGuards?: boolean | "tail",
|
|
17
|
-
group?: string,
|
|
18
|
-
className?: string,
|
|
19
|
-
onActivation?: (node: HTMLElement) => void,
|
|
20
|
-
onDeactivation?: (node: HTMLElement) => void,
|
|
21
|
-
as?: string | React.Element<any>,
|
|
22
|
-
lockProps?: any,
|
|
23
|
-
ref?: any,
|
|
24
|
-
whiteList?: (activeElement: HTMLElement) => boolean,
|
|
25
|
-
shards?: Array<any>,
|
|
26
|
-
children?: React.Node,
|
|
27
|
-
|};
|
|
28
|
-
export type TypePopoutProps = {
|
|
29
|
-
/**
|
|
30
|
-
* Is the popout open? This prop is optional. By using it, you will lose some automatic handling of the logic for opening and closing the popout.
|
|
31
|
-
*/
|
|
32
|
-
isOpen?: boolean,
|
|
33
|
-
/**
|
|
34
|
-
* Whether Popout should automatically add aria-attributes to its wrapped elements
|
|
35
|
-
*/
|
|
36
|
-
disableWrapperAria?: boolean,
|
|
37
|
-
/**
|
|
38
|
-
/**
|
|
39
|
-
* If you use the isOpen prop you will need to pass a handler to change the state of the popout
|
|
40
|
-
*/
|
|
41
|
-
setIsOpen?: (isOpen: boolean, event?: MouseEvent | KeyboardEvent) => void,
|
|
42
|
-
/**
|
|
43
|
-
* The content to be shown in the popout. If there is no content, just the children are rendered
|
|
44
|
-
*/
|
|
45
|
-
content: ?React.Element<any> | ?(opts: {
|
|
46
|
-
hide: () => void,
|
|
47
|
-
...
|
|
48
|
-
}) => React.Element<any>,
|
|
49
|
-
/**
|
|
50
|
-
* The content that the popout should be attached to
|
|
51
|
-
*/
|
|
52
|
-
children: React.Element<any> | ((opts: {
|
|
53
|
-
ref: (React.ElementRef<any> | HTMLElement) => void,
|
|
54
|
-
toggle: () => void,
|
|
55
|
-
show: () => void,
|
|
56
|
-
hide: () => void,
|
|
57
|
-
ariaProps: Object,
|
|
58
|
-
...
|
|
59
|
-
}) => React.Node),
|
|
60
|
-
/** How the popped-out content should be placed, in relationship to the children */
|
|
61
|
-
placement?: EnumPlacements,
|
|
62
|
-
/**
|
|
63
|
-
* Should the popped-out content inherit its width from the children?
|
|
64
|
-
* This is useful for typeaheads and other places where a popout needs to match the width of a given element.
|
|
65
|
-
*/
|
|
66
|
-
fullWidth?: boolean,
|
|
67
|
-
/**
|
|
68
|
-
* When the popout has opened, should we focus on its content?
|
|
69
|
-
* Focus will be brought inside by looking for elements with [autofocus] first, [tabindex] second and buttons/links/other natively-focusable elements last.
|
|
70
|
-
* Upon closing the popout, focus will be returned to the popout's target.
|
|
71
|
-
* If nothing within your popout's content is focusable, this prop will do nothing.
|
|
72
|
-
*/
|
|
73
|
-
focusOnContent?: boolean,
|
|
74
|
-
qa?: {
|
|
75
|
-
[string]: string,
|
|
76
|
-
...
|
|
77
|
-
},
|
|
78
|
-
zIndex?: number,
|
|
79
|
-
/**
|
|
80
|
-
* Override react-popper per the API documentation here: https://github.com/FezVrasta/react-popper#api-documentation
|
|
81
|
-
*/
|
|
82
|
-
popperProps?: $Shape<PopperProps>,
|
|
83
|
-
onClose?: () => void,
|
|
84
|
-
onOpen?: () => void,
|
|
85
|
-
/**
|
|
86
|
-
* And optional callback to receive the scheduleUpdate function.
|
|
87
|
-
* Use the function to recalculate the popout position in relation to the contents.
|
|
88
|
-
*/
|
|
89
|
-
scheduleUpdateRef?: (() => void) => void,
|
|
90
|
-
/**
|
|
91
|
-
* Mount the popout at the bottom of the DOM (using React.Portal) instead of inside the current DOM tree
|
|
92
|
-
*/
|
|
93
|
-
appendToBody?: boolean,
|
|
94
|
-
/**
|
|
95
|
-
* Override `FocusLock` props, see the API documentation for more details: https://github.com/theKashey/react-focus-lock#api
|
|
96
|
-
*/
|
|
97
|
-
focusLockProps?: TypeFocusLockProps,
|
|
98
|
-
...
|
|
99
|
-
};
|
|
100
|
-
declare class Popout extends React.Component<TypePopoutProps> {
|
|
101
|
-
static Content: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeBoxProps>>
|
|
102
|
-
}
|
|
103
|
-
declare export default typeof Popout;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export type TypePortalProps = {
|
|
4
|
-
as: string,
|
|
5
|
-
container?: HTMLElement,
|
|
6
|
-
children: React.Node,
|
|
7
|
-
el?: HTMLElement,
|
|
8
|
-
id: string,
|
|
9
|
-
...
|
|
10
|
-
};
|
|
11
|
-
declare var Portal: React.ComponentType<{
|
|
12
|
-
...TypePortalProps,
|
|
13
|
-
as?: string,
|
|
14
|
-
id?: string,
|
|
15
|
-
...
|
|
16
|
-
}>;
|
|
17
|
-
declare export default typeof Portal;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export type TypeRadioProps = {
|
|
4
|
-
/** ID of the form element, should match the "for" value of the associated label */
|
|
5
|
-
id: string,
|
|
6
|
-
name: string,
|
|
7
|
-
/** Label text to display next to the radio input */
|
|
8
|
-
label?: string,
|
|
9
|
-
/** Label used to describe the input if not used with an accompanying visual label */
|
|
10
|
-
ariaLabel?: string,
|
|
11
|
-
value?: string,
|
|
12
|
-
checked?: boolean,
|
|
13
|
-
disabled?: boolean,
|
|
14
|
-
qa?: Object,
|
|
15
|
-
onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
16
|
-
onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
|
|
17
|
-
onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
|
|
18
|
-
...
|
|
19
|
-
};
|
|
20
|
-
declare var Radio: React.ComponentType<TypeRadioProps>;
|
|
21
|
-
declare export default typeof Radio;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
4
|
-
export type TypeSegmentedControlItemProps = {
|
|
5
|
-
/** The value of this item. Should be unique among sibling items. */
|
|
6
|
-
value: string,
|
|
7
|
-
children: React.Node,
|
|
8
|
-
/** Disables user action and applies a disabled style on the component */
|
|
9
|
-
disabled?: boolean,
|
|
10
|
-
...
|
|
11
|
-
};
|
|
12
|
-
export type TypeSegmentedControlProps = {
|
|
13
|
-
/** The value of the currently selected item. Should match the value prop of one of the child items */
|
|
14
|
-
selectedValue: string,
|
|
15
|
-
/** The title of the segmented control, used for accessibility purposes */
|
|
16
|
-
label: string,
|
|
17
|
-
/** Called when the user selects a new item. You can access the value of the newly selected item using "event.target.value" */
|
|
18
|
-
onChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
19
|
-
/** Disables user action and applies a disabled style on the component */
|
|
20
|
-
disabled?: boolean,
|
|
21
|
-
children: React.Node,
|
|
22
|
-
...
|
|
23
|
-
};
|
|
24
|
-
declare class SegmentedControl extends React.Component<TypeSegmentedControlProps> {
|
|
25
|
-
static Item: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeSegmentedControlItemProps>>
|
|
26
|
-
}
|
|
27
|
-
declare export default typeof SegmentedControl;
|