@sproutsocial/racine 24.2.0 → 25.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +46 -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/commonjs/themes/light/theme.js +6 -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/dist/types/themes/dark/theme.d.ts +4 -0
- package/dist/types/themes/dark/theme.d.ts.map +1 -1
- package/dist/types/themes/light/theme.d.ts +8 -0
- package/dist/types/themes/light/theme.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/lib/themes/light/theme.js +6 -2
- package/package.json +19 -26
- 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,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;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export type TypeSelectProps = {
|
|
4
|
-
/** ID of the form element, should match the "for" value of the associated label */
|
|
5
|
-
id: string,
|
|
6
|
-
name: string,
|
|
7
|
-
/** Label used to describe the select if not used with an accompanying visual label */
|
|
8
|
-
ariaLabel?: string,
|
|
9
|
-
/** Attribute used to associate other elements that describe the Select, like an error */
|
|
10
|
-
ariaDescribedby?: string,
|
|
11
|
-
children: React.Node,
|
|
12
|
-
defaultValue?: any,
|
|
13
|
-
/** Current value of the input */
|
|
14
|
-
value?: any,
|
|
15
|
-
required?: boolean,
|
|
16
|
-
isInvalid?: boolean,
|
|
17
|
-
autoFocus?: boolean,
|
|
18
|
-
disabled?: boolean,
|
|
19
|
-
/** Props to spread onto the underlying input element */
|
|
20
|
-
inputProps?: any,
|
|
21
|
-
qa?: any,
|
|
22
|
-
onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
23
|
-
size?: "large" | "small" | "default",
|
|
24
|
-
...
|
|
25
|
-
};
|
|
26
|
-
declare var Select: React.ComponentType<TypeSelectProps>;
|
|
27
|
-
declare export default typeof Select;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import type { StyledComponent } from "styled-components";
|
|
3
|
-
import type { TypeTheme } from "../types/theme.flow";
|
|
4
|
-
import Box, { type TypeBoxProps } from "../Box/index.flow";
|
|
5
|
-
declare var Skeleton: StyledComponent<TypeBoxProps, TypeTheme, typeof Box>;
|
|
6
|
-
declare export default typeof Skeleton;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { EnumIllustrationNames } from "@sproutsocial/seeds-illustrations";
|
|
4
|
-
export type TypeSpotIllustrationProps = {
|
|
5
|
-
name: EnumIllustrationNames,
|
|
6
|
-
customFill?: "red" | "green" | "yellow" | "magenta" | "purple" | "aqua",
|
|
7
|
-
height?: string,
|
|
8
|
-
width?: string,
|
|
9
|
-
...
|
|
10
|
-
};
|
|
11
|
-
declare var SpotIllustration: React.StatelessFunctionalComponent<TypeSpotIllustrationProps>;
|
|
12
|
-
declare export default typeof SpotIllustration;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { type TypeResponsive, type TypeSystemCommonProps, type TypeSystemFlexboxProps, type TypeSystemPositionProps, type TypeSystemLayoutProps, type TypeSystemBorderProps } from "../types/system-props.flow.js";
|
|
4
|
-
export type TypeSpaceLiterals = 0 | 100 | 200 | 300 | 350 | 400 | 450 | 500 | 600 | string;
|
|
5
|
-
type TypeDirection = "vertical" | "horizontal";
|
|
6
|
-
type TypeAlignment = "left" | "center" | "right" | "stretch";
|
|
7
|
-
type TypeSystemProps = {|
|
|
8
|
-
...TypeSystemCommonProps,
|
|
9
|
-
...TypeSystemFlexboxProps,
|
|
10
|
-
...TypeSystemPositionProps,
|
|
11
|
-
...TypeSystemLayoutProps,
|
|
12
|
-
...TypeSystemBorderProps,
|
|
13
|
-
|};
|
|
14
|
-
export type TypeStackProps = {
|
|
15
|
-
...TypeSystemProps,
|
|
16
|
-
/** Amount of space between items in the stack */
|
|
17
|
-
space?: TypeResponsive<TypeSpaceLiterals>,
|
|
18
|
-
/** Alignment of the items in the stack (horizontal or vertical) */
|
|
19
|
-
align?: TypeResponsive<TypeAlignment>,
|
|
20
|
-
/** Axis upon which the stack is laid out (left, center, right, or stretch) */
|
|
21
|
-
direction?: TypeResponsive<TypeDirection>,
|
|
22
|
-
children: React.Node,
|
|
23
|
-
...
|
|
24
|
-
};
|
|
25
|
-
declare var Stack: React.StatelessFunctionalComponent<TypeStackProps>;
|
|
26
|
-
declare export default typeof Stack;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import type { TypeColorSystemProps, TypeLayoutSystemProps, TypeSpaceSystemProps } from "../systemProps/index.flow";
|
|
3
|
-
export type TypeSwitchProps = {
|
|
4
|
-
...TypeColorSystemProps,
|
|
5
|
-
...TypeLayoutSystemProps,
|
|
6
|
-
...TypeSpaceSystemProps,
|
|
7
|
-
onClick: (e: SyntheticEvent<HTMLButtonElement>, checked: boolean) => void,
|
|
8
|
-
checked: boolean,
|
|
9
|
-
name?: string,
|
|
10
|
-
loading?: boolean,
|
|
11
|
-
disabled?: boolean,
|
|
12
|
-
a11yLabels?: void,
|
|
13
|
-
|
|
14
|
-
// removed prop
|
|
15
|
-
...
|
|
16
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
4
|
-
import type { TypeEnumSortDirections, TypeTableHeaderCell } from "../TableHeaderCell/index.flow";
|
|
5
|
-
import type { TypeTableCellProps } from "../TableCell/index.flow";
|
|
6
|
-
import TableCell from "../TableCell/index.flow";
|
|
7
|
-
import TableHeaderCell from "../TableHeaderCell/index.flow";
|
|
8
|
-
export type TypePassthroughProps = {
|
|
9
|
-
children: React.Node,
|
|
10
|
-
...
|
|
11
|
-
};
|
|
12
|
-
export type TypeTableRow = {|
|
|
13
|
-
/** Table Row Id */
|
|
14
|
-
id: string,
|
|
15
|
-
/** Array for TableCells to render */
|
|
16
|
-
cells: TypeTableCellProps[],
|
|
17
|
-
|};
|
|
18
|
-
export type TypeTableProps = {
|
|
19
|
-
/** Array of TableHeaderCells to render */
|
|
20
|
-
head?: TypeTableHeaderCell[],
|
|
21
|
-
/** Array of TableRows to render */
|
|
22
|
-
rows?: TypeTableRow[],
|
|
23
|
-
/** Callback for Sorting Table Columns (optional) */
|
|
24
|
-
onSort?: (id: string) => void,
|
|
25
|
-
/** Controls which column is being sorted (optional) */
|
|
26
|
-
sortId?: string,
|
|
27
|
-
/** Controls the current sort direction (optional) */
|
|
28
|
-
sortDirection?: TypeEnumSortDirections,
|
|
29
|
-
/** Custom row render for flexibilty */
|
|
30
|
-
rowRender?: (row: TypeTableRow) => React.Node,
|
|
31
|
-
/**
|
|
32
|
-
* Including children will overwrite all head, rows, rowRender, and sorting props
|
|
33
|
-
* Should be used for manually rendering tables and ignoring data props
|
|
34
|
-
*/
|
|
35
|
-
children?: React.Node,
|
|
36
|
-
...
|
|
37
|
-
};
|
|
38
|
-
declare export var TableHead: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
|
|
39
|
-
declare export var TableBody: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
|
|
40
|
-
declare export var TableRow: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
|
|
41
|
-
declare class Table extends React.Component<TypeTableProps> {
|
|
42
|
-
static TableHead: typeof TableHead,
|
|
43
|
-
static TableBody: typeof TableBody,
|
|
44
|
-
static TableRow: typeof TableRow,
|
|
45
|
-
static HeaderCell: typeof TableHeaderCell,
|
|
46
|
-
static Cell: typeof TableCell,
|
|
47
|
-
}
|
|
48
|
-
declare export default typeof Table;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { type TypeSystemCommonProps } from "../types/system-props.flow.js";
|
|
4
|
-
export type TypeTableCellProps = {
|
|
5
|
-
...TypeSystemCommonProps,
|
|
6
|
-
/** Table Cell Id */
|
|
7
|
-
id: string,
|
|
8
|
-
/** Content is deprecated. Please use children instead. Content to be render */
|
|
9
|
-
content?: React.Node,
|
|
10
|
-
/** Controls the colSpan attribute (optional) */
|
|
11
|
-
colSpan?: number,
|
|
12
|
-
/** Controls the width attribute (optional) */
|
|
13
|
-
width?: number,
|
|
14
|
-
/** Controls the CSS text-align property (optional) */
|
|
15
|
-
align?: "left" | "right" | "center" | "justify",
|
|
16
|
-
/** Controls the scope attribute. If set, will change the element from a <td> to a <th>. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#scope (optional) */
|
|
17
|
-
scope?: "row" | "col" | "rowGroup" | "colGroup",
|
|
18
|
-
/** Children to be rendered */
|
|
19
|
-
children?: React.Node,
|
|
20
|
-
...
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated Use TypeTableCellProps from root instead
|
|
25
|
-
*/
|
|
26
|
-
export type TypeTableCell = TypeTableCellProps;
|
|
27
|
-
declare var TableCell: React.ComponentType<TypeTableCellProps>;
|
|
28
|
-
declare export default typeof TableCell;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeTableCellProps } from "../TableCell/index.flow";
|
|
4
|
-
export const SORT_DIRECTIONS = {
|
|
5
|
-
ASC: "ASC",
|
|
6
|
-
DESC: "DESC"
|
|
7
|
-
};
|
|
8
|
-
export type TypeEnumSortDirections = $Keys<typeof SORT_DIRECTIONS>;
|
|
9
|
-
export type TypeTableHeaderCell = {
|
|
10
|
-
...TypeTableCellProps,
|
|
11
|
-
/** Legacy Deteremines if a table column is sortable (optional) */
|
|
12
|
-
isSortable?: boolean,
|
|
13
|
-
/** Truncates text into a singular line with ellipsis (optional) */
|
|
14
|
-
shouldTruncate?: boolean,
|
|
15
|
-
...
|
|
16
|
-
};
|
|
17
|
-
export type TypeTableHeaderCellProps = {
|
|
18
|
-
...TypeTableHeaderCell,
|
|
19
|
-
/** Legacy: Callback for Sorting Table Columns (optional) */
|
|
20
|
-
onSort?: (id: string) => void,
|
|
21
|
-
/** Legacy: Controls which column is being sorted (optional) */
|
|
22
|
-
sortId?: string,
|
|
23
|
-
/** Legacy: Controls the current sort direction (optional) */
|
|
24
|
-
sortDirection?: TypeEnumSortDirections,
|
|
25
|
-
/** Callback for Click Events. If Included will override onSort prop */
|
|
26
|
-
onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void,
|
|
27
|
-
...
|
|
28
|
-
};
|
|
29
|
-
declare var TableHeaderCell: React.ComponentType<TypeTableHeaderCellProps>;
|
|
30
|
-
declare export default typeof TableHeaderCell;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeTableRow } from "../Table/index.flow";
|
|
4
|
-
export type TypeTableRowAccordionProps = {
|
|
5
|
-
...TypeTableRow,
|
|
6
|
-
/** Content to be rendered in accordion drawer */
|
|
7
|
-
detail: React.Node,
|
|
8
|
-
/** Controls the display state of the accordion drawer */
|
|
9
|
-
isExpanded: boolean,
|
|
10
|
-
/** Callback for toggling the accordion drawer state */
|
|
11
|
-
onToggle: (id: string) => void,
|
|
12
|
-
...
|
|
13
|
-
};
|
|
14
|
-
declare var TableRowAccordion: React.ComponentType<TypeTableRowAccordionProps>;
|
|
15
|
-
declare export default typeof TableRowAccordion;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
4
|
-
export type TypeTabButtonsProps = {
|
|
5
|
-
children: React.Node,
|
|
6
|
-
/** Should be unique among sibling elements */
|
|
7
|
-
id: string,
|
|
8
|
-
...
|
|
9
|
-
};
|
|
10
|
-
export type TypeTabsProps = {
|
|
11
|
-
children: React.Node,
|
|
12
|
-
onSelect: (string) => void,
|
|
13
|
-
/** Whether or not the tabs should stretch to fill the width of their container */
|
|
14
|
-
fullWidth?: boolean,
|
|
15
|
-
qa?: {
|
|
16
|
-
[string]: string,
|
|
17
|
-
...
|
|
18
|
-
},
|
|
19
|
-
/** ID of the selected tab */
|
|
20
|
-
selectedId: string,
|
|
21
|
-
...
|
|
22
|
-
};
|
|
23
|
-
declare class Tabs extends React.Component<TypeTabsProps> {
|
|
24
|
-
static Button: TypeWithDisplayName<React.ComponentType<TypeTabButtonsProps>>
|
|
25
|
-
}
|
|
26
|
-
declare export default typeof Tabs;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
//@flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeWithDisplayName } from "../types/shared.flow";
|
|
4
|
-
import type { TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
|
|
5
|
-
export type TypeTextProps = {
|
|
6
|
-
...TypeSystemFlexboxProps,
|
|
7
|
-
...TypeSystemGridProps,
|
|
8
|
-
/** Maps to the typeScale system prop, sets font size and line height using Seeds values */
|
|
9
|
-
fontSize?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200,
|
|
10
|
-
/** Controls the CSS word-break property */
|
|
11
|
-
breakWord?: boolean,
|
|
12
|
-
/** Truncates text into a single line with ellipsis */
|
|
13
|
-
truncated?: boolean,
|
|
14
|
-
children: React.Node,
|
|
15
|
-
qa?: Object,
|
|
16
|
-
...
|
|
17
|
-
};
|
|
18
|
-
declare class Text extends React.Component<TypeTextProps> {
|
|
19
|
-
static Headline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
|
|
20
|
-
static SubHeadline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
|
|
21
|
-
static SmallSubHeadline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
|
|
22
|
-
static Byline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
|
|
23
|
-
static SmallByline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
|
|
24
|
-
static BodyCopy: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
|
|
25
|
-
static SmallBodyCopy: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
|
|
26
|
-
}
|
|
27
|
-
declare export default typeof Text;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export type TypeTextareaProps = {
|
|
4
|
-
/** ID of the form element, should match the "for" value of the associated label */
|
|
5
|
-
id: string,
|
|
6
|
-
name: string,
|
|
7
|
-
/** Label used to describe the input if not used with an accompanying visual label */
|
|
8
|
-
ariaLabel?: string,
|
|
9
|
-
/** Attribute used to associate other elements that describe the Textarea, like an error */
|
|
10
|
-
ariaDescribedby?: string,
|
|
11
|
-
/** Current value of the textarea */
|
|
12
|
-
value?: string,
|
|
13
|
-
/** Will autofocus the element when mounted to the DOM */
|
|
14
|
-
autoFocus?: boolean,
|
|
15
|
-
/** HTML disabled attribute */
|
|
16
|
-
disabled?: boolean,
|
|
17
|
-
/** HTML readonly attribute */
|
|
18
|
-
readOnly?: boolean,
|
|
19
|
-
/** Whether or not the current contents of the input are invalid */
|
|
20
|
-
isInvalid?: boolean,
|
|
21
|
-
/** Placeholder text for when value is undefined or empty */
|
|
22
|
-
placeholder?: string,
|
|
23
|
-
/** HTML required attribute */
|
|
24
|
-
required?: boolean,
|
|
25
|
-
/** 16x16 element, such as an icon */
|
|
26
|
-
elemBefore?: React.Node,
|
|
27
|
-
/** 16x16 element, such as an icon */
|
|
28
|
-
elemAfter?: React.Node,
|
|
29
|
-
/** Max length of the input */
|
|
30
|
-
maxLength?: number,
|
|
31
|
-
/** HTML spellcheck attribute */
|
|
32
|
-
enableSpellcheck?: boolean,
|
|
33
|
-
/** Makes the text area vertically resizable */
|
|
34
|
-
enableResize?: boolean,
|
|
35
|
-
/** The number of visible lines of text without scrolling */
|
|
36
|
-
rows?: number,
|
|
37
|
-
qa?: any,
|
|
38
|
-
/** Props to spread onto the underlying textarea element */
|
|
39
|
-
inputProps?: any,
|
|
40
|
-
/** Used to get a reference to the underlying element */
|
|
41
|
-
innerRef?: React.Ref<"textarea">,
|
|
42
|
-
onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
|
|
43
|
-
onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
44
|
-
onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
|
|
45
|
-
onKeyDown?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
46
|
-
onKeyUp?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
47
|
-
...
|
|
48
|
-
};
|
|
49
|
-
declare class Textarea extends React.Component<TypeTextareaProps> {
|
|
50
|
-
static defaultProps: {|
|
|
51
|
-
rows: $PropertyType<TypeTextareaProps, "rows">
|
|
52
|
-
|},
|
|
53
|
-
handleBlur: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
|
|
54
|
-
handleChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
55
|
-
handleFocus: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
|
|
56
|
-
handleKeyDown: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
57
|
-
handleKeyUp: (e: SyntheticInputEvent<HTMLInputElement>) => void,
|
|
58
|
-
}
|
|
59
|
-
declare export default typeof Textarea;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeSproutTheme, TypeTheme } from "../types/theme.flow";
|
|
4
|
-
|
|
5
|
-
// We can append additional themes types here
|
|
6
|
-
type TypeAllThemes = TypeTheme | TypeSproutTheme;
|
|
7
|
-
type TypeThemeProviderProps = $ReadOnly<{|
|
|
8
|
-
theme?: TypeAllThemes,
|
|
9
|
-
children: React.Node,
|
|
10
|
-
|}>;
|
|
11
|
-
declare var ThemeProvider: React.StatelessFunctionalComponent<TypeThemeProviderProps>;
|
|
12
|
-
declare export default typeof ThemeProvider;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import type { TypeColor } from "../types/theme.flow";
|
|
4
|
-
import type { TypeIconName } from "../Icon/Icon.flow";
|
|
5
|
-
export type TypeToastTheme = "info" | "success" | "warning" | "error";
|
|
6
|
-
export type TypeToastProps = {|
|
|
7
|
-
theme?: TypeToastTheme,
|
|
8
|
-
content: React.Node,
|
|
9
|
-
color?: TypeColor,
|
|
10
|
-
icon?: TypeIconName,
|
|
11
|
-
|};
|
|
12
|
-
export type TypeToastOptions = {|
|
|
13
|
-
...TypeToastProps,
|
|
14
|
-
theme?: TypeToastTheme,
|
|
15
|
-
persist?: boolean,
|
|
16
|
-
onClose?: () => void,
|
|
17
|
-
useTransition?: boolean,
|
|
18
|
-
/**
|
|
19
|
-
* Close the toast on click. Defaults to true.
|
|
20
|
-
*/
|
|
21
|
-
closeOnClick?: boolean,
|
|
22
|
-
/** toastId allows you to prevent duplicate toasts with the same message. If your content is a string, we will use that as the toastId and you don't need to do anything. If you have JSX and want to prevent duplicates you can pass the same custom ID with each instance of your message, and the duplicates will be prevented. */
|
|
23
|
-
toastId?: string,
|
|
24
|
-
|};
|
|
25
|
-
declare var ToastContainer: React.StatelessFunctionalComponent<{...}>;
|
|
26
|
-
declare export function toast(options: TypeToastOptions): void;
|
|
27
|
-
declare export default typeof ToastContainer;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export type TypeToggleHintProps = {
|
|
4
|
-
isOpen: boolean,
|
|
5
|
-
icon: "chevron" | "plus",
|
|
6
|
-
openString: string,
|
|
7
|
-
closeString: string,
|
|
8
|
-
className?: string,
|
|
9
|
-
qa?: {
|
|
10
|
-
[string]: string,
|
|
11
|
-
...
|
|
12
|
-
},
|
|
13
|
-
...
|
|
14
|
-
};
|
|
15
|
-
declare var ToggleHint: React.ComponentType<{
|
|
16
|
-
...TypeToggleHintProps,
|
|
17
|
-
isOpen?: $PropertyType<TypeToggleHintProps, "isOpen">,
|
|
18
|
-
icon?: $PropertyType<TypeToggleHintProps, "icon">,
|
|
19
|
-
...
|
|
20
|
-
}>;
|
|
21
|
-
declare export default typeof ToggleHint;
|